@charset "UTF-8";
:root {
--maincolor: #1e2f9d;
--secondcolor: #ee273a;
--bgcolor: #eff1f5;
--headcolor: #ffffff;
--footcolor: #222332;
--foottxcolor: #ffffff;
--cartcolor: #23bf53;
--headcartcolor: #23bf53;
--offbgcolor: #ee273a;
--mainfont: IRANSans;
--mainfontnum: IRANSansnum;
--borderradius: 7px;
--safe-top:env(safe-area-inset-top);
--safe-bottom:env(safe-area-inset-bottom)
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary {
display: block;
margin: 0;
padding: 0
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
outline: 0;
box-sizing: border-box;
}
img {
border: none;
text-decoration: none;
outline: none;
max-width: 100%;
height: auto;
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
height: auto;
max-width: 100%;
}
img.size-full, img.size-large, img.header-image, img.wp-post-image {
max-width: 100%;
height: auto;
display: block;
}
.aligncenter, div.aligncenter {
display: block !important;
margin-left: auto !important;
margin-right: auto;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 24px;
}
.wp-caption {
max-width: 100% !important;
overflow: hidden;
margin-bottom: 30px;
}
.wp-caption img {
border: 0 none;
max-width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
width: auto;
}
.wp-caption-text{
background-color: #f9f9f9;
padding: 0 15px;
font-size: 11px;
}
nav, ul, ol li, li {
list-style: none;
margin: 0;
padding: 0
}
::selection {
background: #727d8a;
color: #fff
}
::-moz-selection {
background: #727d8a;
color: #fff
}
body {
direction: rtl;
font: 12px var(--mainfont);
text-align: right;
color: #505050;
margin: 0;
padding: 0;
background-color: var(--bgcolor);
overflow-x: hidden;
}
a {
color: #333;
text-decoration: none !important;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
a:hover {
color: inherit;
text-decoration: none !important;
}
h1, h2, h3, h4, h5, h6 {
font-size: 13px;
font-weight: 500;
font-family: var(--mainfont), Tahoma;
margin: 0;
padding: 0;
}
.clear {
clear: both
}
.clear:after, .clear:before {
content: '';
display: block;
clear: both;
}
.right {
float: right !important;
}
.left {
float: left !important;
}
select {
height: 36px;
line-height: 35px;
margin: 0;
padding: 6px 10px;
border: 1px solid #eee;
cursor: pointer;
border-radius: var(--borderradius);
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
font-family: var(--mainfont), Tahoma;
font-size: 12px;
}
#searchform input#s, input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="text"], input[type="number"], textarea, .compare .btn {
border-radius: var(--borderradius);
padding: 6px 15px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
color: #666;
border: 1px solid #eee;
font-family: var(--mainfontnum);
font-size: 12px;
line-height: 1.9em;
}
input[type="button"], input[type="reset"], input[type="submit"], button{
border: 1px solid #979ba0;
border-radius: var(--borderradius);
padding: 3px 15px;
background-color: #7d858d;
color: #FFF;
font-size: 12px;
font-family: var(--mainfont), Tahoma;
transition: all 0.3s;
cursor: pointer;
}
.btn:hover, .comment-respond #submit:hover, #searchform #searchsubmit:hover, input[type="submit"]:hover, input[type="button"]:hover, .mweb-body button:hover {
background-color: var(--maincolor);
border-color: var(--maincolor);
color: #fff;
font-family: var(--mainfont), Tahoma;
}
.elementor-button {
font-family: var(--mainfont), Tahoma;
}
input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="text"]:focus, input.input-text:focus, textarea:focus{
border: 1px solid #c5c5c5 ;
}
.mfp-wrap button:focus, .mfp-wrap button:hover {
background-color: unset !important;
border-color: unset !important;
}
.button, .btn{font-family: var(--mainfont), Tahoma;}
iframe {
max-width: 100%;
}
blockquote {
padding: 15px 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: var(--borderradius);
border: 4px double #efefef;
margin: 10px 0;
}
blockquote:before {
display: block;
content: "\201D";
position: absolute;
top: -5px;
left: 15px;
color: #f9f9f9;
z-index: -1;
font-size: 10em;
line-height: initial;
}
blockquote p {
font-size: inherit;
font-weight: 500;
}
blockquote span {
font-weight: normal;
font-size: 12px;
margin-top: 15px;
color: #ea1d21;
}
blockquote span:before{
content:'';
width: 9px;
height: 2px;
border-radius: 6px;
background-color: var(--maincolor);
display: inline-block;
margin-left: 5px;
}
table {
width: 100%;
font-size: 12px;
text-align: right;
}
del {
text-decoration: none;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
form.search_wrap {
width: calc(100% - 192px);
display: inline-block;
height: 38px;
line-height: 35px;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
background-color: #FFF;
margin-top: 12px;
position: relative;
z-index: 998;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
}
form.search_wrap .search_icon{
float: right;
line-height: inherit;
margin-right: 12px;
height: 100%;
width: 19px;
display: flex;
align-items: center;
justify-content: center;
}
form.search_wrap .search_icon svg{
vertical-align: middle;
}
form.search_wrap .search_clear {
position: absolute;
left: 10px;
top: calc(50% - 9px);
width: 18px;
height: 18px;
text-align: center;
line-height: 19px;
border-radius: 10px;
cursor: pointer;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.search_category + .search_clear.go_in{
left: 38px;
}
.has_cat_title + .search_clear.go_in{
left: 117px;
}
form.search_wrap .search_clear.go_in{
opacity: 1;
visibility: visible;
}
form.search_wrap .search_clear svg{
stroke: #ff867d;
}
form.search_wrap .search_clear:hover svg{
stroke: #9E9E9E !important;
}
form.search_wrap input {
width: calc(100% - 70px);
border: none;
font-family: var(--mainfont);
height: 100%;
margin-right: 10px;
color: #666;
font-size: 11px;
padding: 0;
}
form.search_wrap input:focus{
border:none;
}
form.search_wrap input::-webkit-input-placeholder {
color: #cbccd2;
}
form.search_wrap input::-moz-placeholder {
color: #cbccd2;
}
form.search_wrap input:-ms-input-placeholder {
color: #cbccd2;
}
form.search_wrap button {
display: none;
width: 55px;
float: left;
height: 32px;
margin: 0px 0px 0px 0px;
background-color: #f5f5f5;
border: none;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
font-family: var(--mainfont);
text-align: center;
color: #bbb;
}
form.search_wrap .header-search-more button{
display: inline-block;
float: none;
width: auto;
height: 25px;
padding: 0 20px;
background-color: #f9f9f9;
color: #636363;
font-size: 11px;
line-height: 24px;
transition: all 0.3s;
margin-right: calc(50% - 61px);
cursor: pointer;
}
form.search_wrap .header-search-more button:hover{
background-color: var(--maincolor);
color: #FFF;
}
form.search_wrap .search_in{
position: absolute;
left: 40px;
top: 9px;
font-size: 12px;
color: #cdced6;
line-height: 20px;
}
form.search_wrap .search_in span{
font-size: 11px;
vertical-align: middle;
display: inline-block;
background-color: #d1d1dc;
color: #fff;
padding: 0 6px;
border-radius: 10px 0 0 10px;
}
#ajax-search-result {
margin-top: 2px;
position: absolute;
top: 100%;
right: 0;
left: 0;
padding: 17px 17px;
min-height: 30px;
background: #FFF;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
min-height: 41px;
display: none;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
text-align: right
}
.search_history{
margin: 10px 0;
line-height: 30px;
}
#ajax-search-result svg{
width: 23px;
stroke: #888;
vertical-align: middle;
margin-left: 10px
}
.search_history .history_list{
padding: 5px 0px 5px 0px;
}
.search_history .history_list a{
display: inline-block;
border: 1px solid hsl(220deg 23% 95% / 88%);
padding: 0 14px;
border-radius: 34px;
line-height: 22px;
margin-top: 5px;
margin-left: 7px;
}
.header-search-not-found{
padding-right: 15px;
color: var(--secondcolor);
}
#ajax-search-result .ajax-loader, #compare_product_list .ajax-loader, .price_chart_content .ajax-loader, .dynamic_price_chart .ajax-loader {
background-size: 20px;
}
.ajax-not-found {
padding: 0px 15px;
font-size: 12px;
color: #999;
text-align: center;
}
.search_category{}
.btn_search_cat{
position: absolute;
left: 12px;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
line-height: 20px;
color: #ccc;
}
.btn_search_cat.el_cat_title{
display: block;
width: 90px;
overflow: hidden;
top: 50%;
transform: translateY(-50%);
white-space: nowrap;
}
.btn_search_cat.el_cat_title svg{
width: 14px;
vertical-align: middle;
margin-right: 3px;
opacity: 0.4;
display: inline-block;
}
.btn_search_cat.el_cat_icon{
top: 50%;
line-height: 0;
transform: translateY(-50%);
}
.btn_search_cat.el_cat_icon svg{
width: 18px;
stroke: #cbcbcf;
}
.btn_search_cat:hover svg {
opacity: 0.5;
}
.btn_search_cat:hover, .search_category.active .btn_search_cat{
color: #888;
}
.search_category ul{
position: absolute;
left: 0;
top: calc(100% + 5px);
color: #555;
padding: 10px 15px 10px 10px;
z-index: 2;
border-radius: 7px;
background-color: #ffffff;
border-bottom: 1px solid #f5f5f5;
box-shadow: 0px 4px 20px -18px #000000c7;
max-height: 186px;
visibility:hidden;
opacity:0;
line-height: 15px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.search_category.active ul{
visibility:visible;
opacity:1
}
.search_category ul li{
display: block;
padding: 5px 0;
cursor: pointer;
}
.search_category ul li:hover, .search_category ul li.current{
color: var(--secondcolor);
-webkit-transition: all 0.3s;
transition: all 0.3s;
font-weight: 500;
}
.top_icons {
margin-top: 12px;
float: right;
display: block;
cursor: pointer;
position: relative;
margin-left: 10px;
width: 38px;
height: 38px;
text-align: center;
line-height: 43px;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
background-color: var(--maincolor);
font-size: 19px;
color: #FFF;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
}
a.top_icons:hover, .top_icons:hover>a{
color:#FFF
}
.top_icons svg{
stroke: #FFF;
fill: #FFF;
width: 24px;
vertical-align: middle;
margin-top: -2px;
}
.top_icons.phone .head_phone , .hs_icon.phone .head_phone{
position: absolute;
left: 0;
min-width: 150px;
font-size: 13px;
line-height: 27px;
text-align: center;
font-family: var(--mainfontnum);
z-index: 9999;
padding: 15px 10px;
color: #5d5d5d;
background: #FFF;
visibility: hidden;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
top: 120%;
filter: alpha(opacity=0);
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}
.top_icons.phone:hover .head_phone , .hs_icon.phone:hover .head_phone{
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
top: 110%;
}
.head_phone strong{
background-color: var(--maincolor);
color: white;
padding: 0 5px;
margin-right: 5px;
border-radius: var(--borderradius);
}
.shop_cart {}
.shop_cart>a {
color: #FFF;
border-radius: inherit;
transition: inherit
}
.shop_cart a .shop-badge {
background-color: #55555a;
color: #fff;
width: 19px;
height: 19px;
line-height: 23px;
position: absolute;
text-align: center;
border-radius: 50%;
font-size: 10px;
top: -5px;
left: -6px;
transition: all .5s;
-webkit-transition: all .5s;
z-index: 1;
font-family: var(--mainfontnum);
}
.shop_cart.top_icons {
font-size: 21px;
background-color: var(--headcartcolor);
}
.shop_cart .shop_detail {
position: absolute;
right: 0px;
width: 260px;
min-height: 80px;
text-align: center;
background: #FFF;
line-height: 1.8em;
font: 11px var(--mainfont);
z-index: 9999;
padding: 20px 15px 0px 15px;
visibility: hidden;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
filter: alpha(opacity=0);
top: 120%;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}
.elementor-header-cart-left-yes .shop_cart .shop_detail, .elementor-header-user-menu-left-yes .user_login .my-account {
right: auto;
left: 0
}
.woocommerce .elementor-widget-my-header-cart .shop_cart .quantity{
display: none !important
}
.woocommerce .elementor-widget-my-header-cart ul.product_list_widget li dl {
color: #444;
}
.shop_cart .shop_detail .widget {
box-shadow: none;
overflow: initial;
}
.shop_cart:hover .shop_detail {
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
top: 110%;
}
.shop_cart .shop_detail .free_shipping_progress {
padding: 10px 0;
margin: 5px 5px;
}
.user_login {}
.user_login>a {
color: #FFF !important;
}
.user_login a i {
font-size: 20px;
}
.user_login .my-account {
position: absolute;
right: 0px;
font-size: 11px;
min-height: 100px;
text-align: center;
background: #FFF;
min-width: 110px;
z-index: 9999;
line-height: 20px;
font-family: var(--mainfont);
visibility: hidden;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
filter: alpha(opacity=0);
top: 120%;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}
.user_login:hover .my-account {
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
top: 110%;
}
.user_login .my-account .menu li {
display: block;
padding: 7px 20px;
border-bottom: 1px dashed #eee;
white-space: nowrap;
}
.user_login .my-account .menu li:hover a {
color:#888
}
.user_login .my-account .menu li:last-child {
border: none
}
.top_icons.telegram, .top_icons.phone {
float: left;
margin-left: 0;
margin-right: 10px;
}
.mobile-nav-button a:focus, .mobile-nav-button a:hover {
color: rgba(0, 0, 0, .30)
}
.main_nav {
width: 100%;
height: 50px;
margin-top: 15px;
background-color: #FFF;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
position: relative;
box-shadow: 3px 3px 45px -12px rgb(0 0 0 / 5%);
font-family: var(--mainfontnum);
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.slide_one h2 a {
font-family: inherit;
font-size: 12px;
line-height: 16px;
padding: 7px 0px 5px;
display: block;
}
.right_wrap {
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
width: 100%;
padding-bottom: 30px;
background-color: #ffffff;
}
.logo_wrap {
-webkit-border-bottom-right-radius: var(--borderradius);
-webkit-border-bottom-left-radius: var(--borderradius);
-moz-border-radius-bottomright: var(--borderradius);
-moz-border-radius-bottomleft: var(--borderradius);
border-bottom-right-radius: var(--borderradius);
border-bottom-left-radius: var(--borderradius);
width: 100%;
padding: 15px;
background-color: var(--headcolor);
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
}
.logo {
min-height: 80px;
display: table;
margin: 0px auto;
}
.logo a {
margin: auto;
width: auto;
display: table-cell;
vertical-align: middle;
}
.logo img {
max-height: 80px;
width: auto;
}
.right_menu {
background: #FFF;
height: auto;
float: none;
padding: 5px 0;
}
.fullwidth_shop_cart a>span {
width: 44px;
display: inline-block;
}
.fullwidth_shop_cart .top_cart_title {
background-color: rgb(0 0 0 / 9%);
text-align: right;
float: left;
padding: 0 15px;
font-size: 13px;
line-height: 38px;
-webkit-border-top-left-radius: inherit;
-webkit-border-bottom-left-radius: inherit;
-moz-border-radius-topleft: inherit;
-moz-border-radius-bottomleft: inherit;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
font-family: var(--mainfont);
height: 100%;
}
.fullwidth_shop_cart.shop_cart a .shop-badge {
line-height: 21px !important;
position: static;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.fullwidth_logo {
margin: 0px 0px 0px 0px !important;
float: left;
}
.fullwidth_icons {
height: 50px;
float: left;
background-color: var(--bgcolor);
padding: 0 5px;
position: relative;
z-index: 998;
}
.fullwidth_icons .top_icons {
float: left !important;
margin-top: 6px;
margin-left: 2px;
margin-right: 2px;
}
.fullwidth_icons .user_login .my-account {
right: -50%;
margin-right: -25%;
}
.fullwidth_menu {
margin-top: 0px !important;
border-radius: 0px
}
.fullwidth_right_wrap {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding-top: 30px;
margin-top: 10px;
}
.full_header_wrap {
}
.full_header_wrap .shop_cart, .full_header_wrap form.search_wrap {
margin-top: 21px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.shop_cart.elm_cart_rs a .shop-badge{
height: 100%;
line-height: inherit !important;
margin-right: 25px;
background-color: transparent;
width: auto;
font-weight: bold;
}
.shop_cart.elm_cart_rs a .top_cart_title{
background-color: transparent;
display: flex;
align-items: stretch;
flex-direction: row;
}
.shop_cart.elm_cart_rs a .shop-badge:before{
content: '';
width: 1px;
height: 20px;
background-color: rgb(0 0 0 / 20%);
display: inline-block;
vertical-align: middle;
position: relative;
right: -15px;
top: 0px;
}
.elementor-header-cart-counter-outside-yes .shop_cart>a{
padding-left: 10px;
}
.elementor-header-cart-counter-outside-yes .shop_cart>a .shop-badge{
top: 50%;
transform: translateY(-50%) translateX(-50%);
left: 0%;
position: absolute;
box-shadow: 0 0 0 3px #fff;
}
.elm_cart_v{
width:auto;
background-color: transparent !important;
box-shadow: none !important;
color: #333
}
.elm_cart_v strong{
display: block;
font-size: 13px;
color: inherit;
}
footer.footer_wrap {
width: 100%;
background-color: var(--footcolor);
margin-top: 25px;
min-height: 300px;
padding: 30px 0px 0px 0px;
background-image: url(assets/images/footer-bg.png);
background-position: bottom center;
background-repeat: repeat-x;
}
.footer_list {
float: right;
width: 100%;
min-height: 160px;
}
.elementor-widget-container .footer_list {
float: none;
width: auto;
min-height: unset;
}
.footer_list ul li {
float: right;
clear: both;
}
.footer_list ul li a {
font-family: var(--mainfont);
color: var(--foottxcolor);
font-size: 11px;
line-height: 25px;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.footer_list ul li a:hover {
color: var(--maincolor);
padding-right: 2px;
}
.footer_list .title_list {
z-index: 1;
position: relative;
font-family: var(--mainfont);
color: var(--foottxcolor);
font-size: 13px;
font-weight: 500;
margin-bottom: 5px;
}
.footer_list .title_list:before {
width: 5px;
height: 5px;
display: inline-block;
margin-left: 10px;
vertical-align: middle;
content: '';
border-radius: 2px;
background-color: var(--maincolor);
}
.elementor-widget-my-footer-menu:not(.elementor-footer-menu-before_yes) .footer_list .title_list:before{
display: none
}
.contact_us_wrap {
float: right;
width: 100%;
position: relative;
min-height: 190px;
border-right: 1px solid rgba(255, 255, 255, 0.25);
font-family: var(--mainfont);
color: var(--foottxcolor);
font-size: 13px;
font-weight: 500;
padding-right: 15px;
}
.contact_item {
margin-top: 12px;
position: relative;
font-family: var(--mainfontnum);
font-size: 12px;
font-weight: normal;
}
.contact_item.phone{
font-size: 17px
}
.contact_item svg {
display: inline-block;
width: 25px;
height: 25px;
border-radius: 32%;
text-align: center;
line-height: 25px;
font-size: 16px;
stroke: #ffffff;
margin-left: 7px;
vertical-align: middle;
}
.contact_item span {
display: inline-block;
}
.contact_social_wrap {
float: left;
margin-top: 25px;
padding: 0px 0px;
border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.contact_social_wrap a {
line-height: 32px;
display: inline-block;
position: relative;
overflow: hidden;
min-width: 32px;
text-align: center;
color: #ccc;
}
.contact_social_wrap a i {
font-size: 14px;
margin: 0px 8px;
position: relative;
z-index: 1;
vertical-align: middle;
}
.contact_social_wrap a svg {
width: 15px;
fill: #ccc;
stroke: #ccc;
position: relative;
top: 0px;
margin: 0px 8px;
vertical-align: middle;
display: inline-block;
}
.contact_social_wrap a:before {
content: "";
display: block;
background-color: var(--maincolor);
position: absolute;
top: 100%;
right: 0;
left: 0;
height: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.social_type-three .contact_social_wrap a:before{
display: none
}
.contact_social_wrap a:hover svg{
fill: #FFF;
stroke: #FFF;
}
.contact_social_wrap a:hover {
color: #FFF
}
.contact_social_wrap a:hover:before {
top: 0
}
.footer_list.swiper .swiper-slide{
text-align: center;
}
.mweb-site-mask {
display: block;
pointer-events: none;
width: 100%;
height: 100%;
z-index: 998;
position: fixed;
top: 0;
left: 0;
visibility: hidden;
background: transparent;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: background .5s ease-in-out, visibility .5s ease-in-out;
-moz-transition: background .5s ease-in-out, visibility .5s ease-in-out;
transition: background .5s ease-in-out, visibility .5s ease-in-out;
backdrop-filter: blur(4px);
}
.mobile-js-menu .mweb-site-mask, .search_mask .mweb-site-mask  {
visibility: visible;
pointer-events: auto;
background: rgba(255, 255, 255, .85);
}
.search_mask .mweb-site-mask{
background:rgba(0, 0, 0, 0.07);
z-index: 997;
}
.search_mask form.search_wrap {
z-index: 999;
}
.basket_icon {
width: 51px;
height: 51px;
border-radius: 50%;
background-color: var(--maincolor);
color: #FFF;
text-align: center;
line-height: 54px;
font-size: 25px;
position: absolute;
bottom: -8px;
right: -26px;
display: flex;
align-items: center;
justify-content: center;
}
.basket_icon svg {
stroke: #FFF;
max-width: 28px;
height: auto;
}
.footer_down {
width: 100%;
float: right;
margin-top: 30px;
padding: 35px 0px 20px 0px;
border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.footer_center+.footer_down {
margin-top: 15px;
}
.footer_down .gototop {
float: right;
width: 36px;
height: 36px;
line-height: 41px;
text-align: center;
color: #FFF;
background-color: var(--maincolor);
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
font-size: 18px;
margin-left: 10px;
cursor: pointer;
transition: all 0.3s;
}
.footer_down .gototop:hover {
line-height: 28px;
font-size: 13px;
color: #FFF !important;
}
.copy_right {
float: right;
font-size: 11px;
line-height: 42px;
color: var(--foottxcolor);
}
.logo_designer {
float: left;
width: 78px;
height: 22px;
margin: 10px auto;
padding: 0 5px;
text-align: center;
font-family: var(--mainfont);
background-color: rgba(255, 255, 255, 0.11);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
white-space: nowrap;
line-height: 22px;
color: rgba(255, 255, 255, 0.6);
position: relative;
z-index: 2;
overflow: hidden;
-webkit-transition: width 0.5s ease-in-out;
-moz-transition: width 0.5s ease-in-out;
-ms-transition: width 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out;
transition: width 0.5s ease-in-out;
}
.logo_designer a {
color: inherit;
padding-left: 3px;
}
.logo_designer:hover {
width: 145px
}
.product_banner_slider {
width: 100%;
background-color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
overflow: hidden;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
}
.product_banner_slider .swiper-pagination {
bottom: 0px !important;
display: flex !important;
text-align: center;
position: relative;
}
.product_banner_slider .swiper-pagination span {
position: relative;
display: block;
width: 100%;
height: 45px;
margin: 0 !important;
cursor: pointer;
font-family: var(--mainfont);
font-size: 12px;
font-weight: 500;
display: block;
line-height: 45px;
border-radius: 0;
background-color:#FFF;
color:#333;
opacity:1;
}
.product_banner_slider .swiper-pagination span.swiper-pagination-bullet-active{
background-color: var(--maincolor);
color: #FFF;
}
.product_banner_slider:hover .mweb-swiper-next:not(.swiper-button-disabled), .product_banner_slider:hover .mweb-swiper-prev:not(.swiper-button-disabled){
opacity:0.6;
visibility:visible;
font-size:18px;
color:#FFF;
box-shadow:none;
background-color:transparent !important
}
.product_banner_slider img{
width:100%
}
.home-dailydeal {
clear: both;
text-align: right;
padding: 15px 0 0;
font-family: var(--mainfont);
font-size: 13px;
display: flex;
align-items: center;
}
.home-dailydeal .product-date {
direction: ltr;
font-family: var(--mainfontnum);
}
.home-dailydeal .product-date>div {
display: inline-block;
margin-left: 8px
}
.home-dailydeal .product-date>div:first-child {
margin-right: 0
}
.home-dailydeal .product-date>div span {
display: block;
text-align: center;
color: #636363;
}
.home-dailydeal .product-date>div.second span.no {
color: #FFF;
background-color: var(--secondcolor)
}
.home-dailydeal .product-date>div span.no {
background-color: #f5f5f5;
width: 35px;
height: 35px;
border-radius: var(--borderradius);
text-align: center;
font-size: 14px;
line-height: 35px;
font-weight: 500;
margin-bottom: 4px
}
.home-dailydeal .product-date>div span.text {
font-size: 10px;
line-height: 18px;
}
.home-dailydeal .deal-text {
display: inline-block;
font-size: 11px;
font-weight: 300;
padding-left: 15px;
}
.home-dailydeal .deal-text span {
display: block
}
.home-dailydeal .deal-text span.deal-text1 {
font-size: 13px;
font-weight: 500;
}
.single_dailydeal {
color: #7d7d7d;
background-color: #f5f6f7;
padding: 10px 25px 7px;
margin-top: 10px;
}
.single_dailydeal .product-date>div span {
color: #a7a7a7;
}
.single_dailydeal .product-date>div span.no {
background-color: #777777;
color: #FFF
}
.woo_single_countdown{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
}
.elementor-product-countdown-row-yes .woo_single_countdown .deal_title>span{
display:block;
}
.woo_single_countdown .product-date>div span.no{
margin-bottom:0px
}
.deal-progress {
overflow: hidden;
clear: both;
}
.deal-progress .deal-stock {
margin-top: 10px;
margin-bottom: 5px;
overflow: hidden;
font-family: var(--mainfontnum);
font-size: 11px;
}
.deal-progress .stock-available, .deal-progress .stock-sold {
display: inline-block;
float: left;
font-size: 10px;
line-height: 18px;
}
.deal-progress .stock-available span, .deal-progress .stock-sold span {
display: inline-block;
font-weight: 400;
padding-left: 4px;
float: right;
}
.deal-progress .stock-sold {
float: right
}
.deal-progress .progress {
width: 100%;
float: right;
background-color: #eee;
height: 4px;
margin: 0;
border-radius: 10px;
overflow: hidden;
}
.deal-progress .progress .progress-bar {
background-color: var(--maincolor);
font-weight: bold;
color: #FFF;
float: right;
width: 0%;
height: inherit;
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
border-radius: 10px;
right: 0;
}
.product-label.label-triangle {border-radius: 67% 33% 33% 67% / 50% 49% 51% 50%;width: 32px;height: 32px;line-height: 34px;}
.product-label.label-hexagon {
-webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
width: 30px;height: 30px;line-height: 32px;}
.product-label.label-circle{
border-radius: 50%;
}
.product-label.label-square{
border-radius: var(--borderradius);
}
.main_onsale_slider {
width: 100%;
}
.item.product-deal  .item-area .product-image-area .product-label.label-circle, .item.product-deal  .item-area .product-image-area .product-label.label-square{
width: 45px;
height: 45px;
top: 0px;
line-height: 45px;
text-indent: -7px;
font-size: 16px
}
.woocommerce .entry-img .inner .product-label{
position: absolute;
top: 15px;
right: 15px;
width: 40px;
height: 40px;
line-height: 42px;
z-index: 4;
}
.woocommerce-product-details__short-description {
font-family: var(--mainfont), Tahoma;
line-height: 2em;
padding-bottom: 15px;
color: #a9a9a9;
}
.elementor-widget-mweb-short-description .woocommerce-product-details__short-description {
padding-bottom: 0;
}
.elementor-widget-mweb-short-description .woocommerce-product-details__short-description.has_more{
overflow: hidden;
position:relative;
height: 50px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.elementor-widget-mweb-short-description .woocommerce-product-details__short-description.has_more.is_active{
height: 100% !important
}
.btn_more_description{
display: block;
font-size: 11px;
color: #8e8e8e;
cursor: pointer;
margin: 3px 0;
cursor: pointer;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.btn_more_description svg {
display: inline-block;
vertical-align: middle;
stroke: var(--secondcolor);
width: 17px;
height: 17px;
text-align: center;
margin-left: 7px;
}
.btn_more_description:after{
content: '';
height:1px;
width: 65px;
background-color: rgb(0 0 0 / 5%);
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.btn_more_description:hover, .is_active + .btn_more_description svg{
filter: grayscale(1);
}
.is_active + .btn_more_description svg{
transform: rotate(180deg)
}
.woocommerce-product-details__short-description ul li:before {
content: "";
position: relative;
width: 5px;
height: 5px;
margin-left: 10px;
border-radius: 50%;
background-color: #dedede;
display: inline-block;
vertical-align: baseline;
}
.entry-summary .available_on, .elementor-widget-mweb-upcoming .available_on {
font-family: var(--mainfontnum);
line-height: 2em;
padding: 7px 15px;
border: 1px solid #eeeeef;
background-color: #fffcfc;
display: block;
color: #888;
margin-bottom: 10px;
}
.elementor-widget-mweb-upcoming .available_on {
margin-bottom: 0;
}
.mweb-block-wrap {
display: block;
margin-top: 12px;
position: relative;
}
.mweb-block-wrap.block-ad-box{
margin-top: 10px;
}
.mweb-block-wrap-mbotton {
margin-bottom: 10px;
}
.item .item-area, .inner_wrap {
padding: 12px 10px;
background-color: #FFF;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
margin-bottom: 12px;
position: relative;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.item .item-area:hover{
box-shadow: 0 1px 10px -2px rgba(0, 0, 0, 0.1);
}
.item .general_mobile{
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
box-shadow: 0 2px 20px -5px rgba(0,0,0,.1);
padding: 5px 5px 10px 5px;
width: 175px;
}
.body_ismobile .item .elm_citem{
width: 175px;
}
.item .general_mobile:before, .item .general_mobile:after{
content:'';
display:table;
clear:both
}
.item .item-area .product-name, .item .item-area .woocommerce-loop-product__title {
margin: 0 0 15px;
font-size: 13px;
display: block;
line-height: 22px;
font-weight: 500;
color: #626060;
height: 42px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.item .item-area.general_mobile .product-name, .item .item-area.general_mobile .woocommerce-loop-product__title {
font-size: 12px;
margin: 10px 0 8px 0;
display: block;
padding: 0 5px;
text-align: center;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.product-label {
position: absolute;
width: 28px;
height: 28px;
line-height: 30px;
top: 0px;
z-index: 3;
right: 2px;
font-family: var(--mainfontnum);
font-size: 12px;
color: #FFF;
background-color: var(--offbgcolor);
text-align: center;
}
.item.outofstock .item-area .product-image-area .product-label{
display:none
}
.item .item-area .product-image-area {
position: relative;
background: #fff;
z-index: 0;
}
.item .item-area .product-image-area .product-image {
width: 100%;
display: block;
position: relative;
min-height: 100px;
}
.item .item-area .product-image-area .product-image img{
max-height: 100% !important;
}
.item .item-area.general_mobile .product-image-area, .item .item-area.general_mobile .product-image-area .product-image {
min-height: 165px;
}
.item .item-area .product-image-area .product-image img {
margin: auto;
transition: all 0.3s;
z-index: 0;
display: block;
position: relative;
width: auto;
max-height: 185px;
}
.item .item-area .price {
display: block;
padding-top: 5px;
padding-bottom: 7px;
white-space: nowrap;
}
.item .item-area .price i{
color:#9d9d9d;
}
.item .item-area .price strong{
font-size:12px
}
.item .item-area .price .woocommerce-Price-currencySymbol, .tb_price .woocommerce-Price-currencySymbol, .realtime_price .woocommerce-Price-currencySymbol, .woocommerce ul.product_list_widget li .woocommerce-Price-currencySymbol{
font-size:10px;
color:#555
}
.item .item-area .price ins, .price ins, .accessory-price ins{
text-decoration: none;
}
.item .item-area.general_mobile .product-detail-area .price {
padding: 3px 0 0 5px;
float: left;
white-space: nowrap;
font-size: 14px !important;
max-width: 92px;
overflow: hidden;
min-height: 30px;
}
.item .item-area.general_mobile  .price .woocommerce-Price-currencySymbol {
font-size: 10px;
color: #666;
}
.item .item-area.general_mobile .product-detail-area .price del{
display: block;
margin-top: -8px;
}
.item .item-area.general_mobile .product-detail-area .price .pvr_p{
display:flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
line-height: 13px;
font-size: 13px;
position: relative;
margin-top: -5px;
bottom: -4px;
}
.item .item-area.general_mobile .product-detail-area .price .pvr_p>span span{
display:none
}
.item .item-area.general_mobile .product-detail-area .price del + ins{
margin-top: -3px;
display: block;
line-height: 0;
position: relative;
bottom: -7px;
}
.item .item-area.general_mobile .product-detail-area .price del span{
font-size: 13px;
}
.item .item-area.general_mobile .product-detail-area .price del span span{
display:none
}
.item .item-area .price del span{padding-right: 0;padding-top: 3px;padding-left: 0;}
.item .item-area .price del, .td_price del{
position:relative;
display: inline-block;
text-decoration: auto;
margin-left: 5px;
}
.woocommerce .price del{
position: relative;
display: inline-block;
}
.woocommerce .price del span, .td_price del span{
filter: grayscale(100%);
}
.woocommerce .price del:after, .td_price del:after{
content:'';
display:block;
width:100%;
height: 1px;
background-color: #F44336;
position: absolute;
right: 0;
left: 0;
top: 10px;
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.woocommerce .price del .woocommerce-Price-currencySymbol{
display: none
}
.item .item-area .actions {
display: flex;
align-items: center;
justify-content: space-between;
}
.woocommerce .item .item-area .star-rating {
float: left;
margin: 0px 0 1px;
flex-direction: row-reverse;
line-height: 1;
order: 2;
}
.item .item-area .star-rating span {
margin-left: 7px;
vertical-align: middle;
font-size: 13px;
color: #777;
margin-top: 5px;
}
.item .item-area .actions .add-to-links {
float: right;
display: inline-block;
vertical-align: top;
}
.item .item-area .actions .add-to-links li {
float: left;
margin-left: 5px;
position: relative;
height: 30px;
width: 30px;
}
.item .item-area .actions .add-to-links li:nth-child(2) {
margin-left: 0px;
}
.item .item-area .actions .add-to-links a {
line-height: 30px;
display: block;
text-align: center;
color: #777;
position: relative;
overflow: hidden;
}
.item .item-area .actions svg{
width: 17px;
vertical-align: middle;
stroke: #666;
}
.item .item-area .actions a.add_to_wishlist{
display:block
}
.item .item-area .actions .add_to_wishlist_wrap.added a.add_to_wishlist svg {
stroke: #F44336;
}
.item .item-area .actions a.compare.waiting:before, .item_simple .item-area a.compare.waiting:before, .item .item-area .actions .add_to_wishlist_wrap.loading a.add_to_wishlist:after, .item-area .product-image-area a.quickview-btn.waiting:before{
content:'';
position: absolute;
top: 0px;
left: 0;
right: 0;
bottom: 0;
margin: 0 !important;
background: rgb(255 255 255 / 99%) url(assets/images/loading-oval.svg) no-repeat center center;
background-size: 20px;
border-radius: inherit;
}
.item .item-area .actions a.compare.added svg, .item_simple .item-area a.compare.added svg {
stroke: #23bf53;
}
.item_simple .upcoming_badge{
right: auto;
left: 8px;
font-size: 10px;
border-radius: 3px;
bottom: 8px;
top: auto;
font-family: var(--mainfontnum)
}
.item .item-area .add-to-cart-wrap a {
line-height: 31px;
height: 30px;
width: 30px;
display: block;
text-align: center;
font-size: 14px;
color: #666;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
background-color: #f9f9f9;
white-space: normal;
overflow: hidden;
cursor: pointer
}
.mweb-body .item .item-area .add-to-cart-wrap a.button:hover {
color: #FFFFFF;
background-color: var(--maincolor);
}
.item .item-area .add-to-cart-wrap a.button:hover svg {
stroke: #FFF;
}
.item .item-area .add-to-cart-wrap a.button.add_to_cart_button.added {
display: none;
}
.item .item-area .add-to-cart-wrap a.loading:before, .item .item-area .loading .quantity_loop:before {
content:'';
position: absolute;
top: 0px;
left: 0;
right: 0;
bottom: 0;
margin: 0 !important;
background: rgb(255 255 255 / 90%) url(assets/images/loading-oval.svg) no-repeat center center;
background-size: 20px;
}
.item .item-area .add-to-cart-wrap a.added_to_cart {
background-color: #bbeca6 !important;
font-size: 0;
}
.item .item-area .actions .add-to-links li .has_quantity .added_to_cart, .item .item-area .actions .add-to-links li .has_quantity a.add_to_cart_button {
display:none;
}
.item .item-area .add-to-cart-wrap a.added_to_cart svg {
stroke: #FFF;
}
.item .item-area .reduced_quantity_btn, .item .item-area .increase_quantity_btn {
line-height: 24px;
height: 24px;
width: 24px;
text-align: center;
position: absolute;
font-size: 12px;
color: #9e9e9e;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
background-color: #f1a5a0;
display:none;
cursor: pointer;
border: solid 2px #FFF;
box-sizing: content-box;
}
.item .item-area .reduced_quantity_btn svg, .item .item-area .increase_quantity_btn svg {
stroke: #ffffff;
width: 18px !important;
vertical-align: middle;
}
.item .item-area .reduced_quantity_btn{
left: -59px;
top: 1px;
}
.item .item-area.general_mobile .actions .reduced_quantity_btn{
left: auto;
right:1px;
top: -29px;
}
.item .item-area .increase_quantity_btn{
right: 32px;
top: 1px;
background-color: #74d278;
}
.item .item-area .quantity_loop {
line-height: 30px;
height: 30px;
width: 30px;
text-align: center;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
display:none;
cursor: pointer;
background-color: #bbecbd;
font-size: 11px;
font-family: var(--mainfontnum);
color: #FFF;
}
.item .item-area .loading .quantity_loop{
text-indent:-9999px
}
.item .item-area .loading .quantity_loop:before{
font-size: 15px;
color: #000;
opacity: 0.7;
top: 0px;
left: 8px;
}
.item .item-area .is_open .quantity_loop{
background-color: #9E9E9E;
}
.item .item-area .is_open .reduced_quantity_btn, .item .item-area .is_open .increase_quantity_btn, .item .has_quantity .quantity_loop, .item .item-area .is_open a.button.add_to_cart_button.added {
display:block
}
.item .elm_pg_3 .product-name{
text-align: center;
margin: 10px 0 15px;
}
.item .elm_pg_3 .price{
padding: 0 0 0 10px;
width: 100%;
overflow: hidden;
}
.item .elm_pg_3 .price ins{
display: block;
margin-top: -3px;
}
.item .elm_pg_3 .add-to-cart-wrap{
flex: 1 0 40px;
max-width: 40px;
text-align: left;
position: relative
}
.item .elm_pg_3 .add-to-cart-wrap svg{
width: 25px;
vertical-align: middle
}
.item .elm_pg_3 .add-to-cart-wrap .button, .item .elm_pg_3 .add-to-cart-wrap a.added_to_cart, .item .elm_pg_3 .add-to-cart-wrap .quantity_loop{
line-height: 42px;
height: 40px;
width: 40px;
font-size: 18px;
}
.item .elm_pg_3.item-area .reduced_quantity_btn{
left: 44px;
top: auto;
bottom: -1px;
border-radius: 7px;
line-height: 20px;
height: 20px;
width: 20px;
border: none;
}
.item .elm_pg_3.item-area .increase_quantity_btn{
left: 44px;
top: -1px;
border-radius: 7px;
right: auto;
line-height: 20px;
height: 20px;
width: 20px;
border: none;
}
.item .item-area.elm_pg_4{
padding-bottom: 25px
}
.item .elm_pg_4 .product-detail-area{
display: flex;
flex-direction: column;
align-items: center;
}
.item .elm_pg_4 .product-name{
margin: 10px 0 10px;
}
.item .elm_pg_4 .price{padding: 0 0 20px 0;}
.item .elm_pg_4 .star-rating{
float: none !important;
margin-top: -13px !important;
}
.item .item-area.elm_pg_4 .actions .add-to-links{
right: 12px !important;
top: 51px !important;
}
.item .item-area.elm_pg_4 .actions .add-to-links li a, .item .item-area.elm_pg_6 .actions .add-to-links li a{
box-shadow: 0 0 0 1px #E5E8EC inset;
border-radius: 50%;
background-color: white;
}
.item .item-area.elm_pg_6 .actions .add-to-links li a{
border-radius: var(--borderradius)
}
.item .item-area.elm_pg_4 .add-to-cart-wrap a.button:before, .item .item-area.elm_pg_5 .add-to-cart-wrap a.button:before{
color: white
}
.item .item-area.elm_btn_wa .add-to-cart-wrap a.button{
width: auto;
text-indent: unset;
font-size: 11px;
padding: 0 10px;
line-height: 35px;
position: relative;
background-color: var(--maincolor);
color: #FFF;
height: 35px;
border-radius: 40px;
}
.item .item-area.elm_btn_wa a.added_to_cart svg{
width: 24px;
vertical-align: middle
}
.item .item-area.elm_btn_wa a.added_to_cart{
width: 100%;
border-radius: 40px;
}
.item .item-area.elm_btn_wa .quantity_loop{
margin: auto;
border-radius: 50%
}
.item .item-area.elm_btn_wa .add-to-cart-wrap a.button svg{
width: 18px;
vertical-align: middle;
margin: 0 1px 0 5px;
stroke: white
}
.item .item-area.elm_pg_4 .add-to-cart-wrap{
width: 100%
}
.elm_add2c{
background-color: inherit;
position: absolute;
top: calc(100% - 5px);
left: 0;
right: 0;
transition: .3s;
padding: 0px 15px 15px;
z-index: 3;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
box-shadow: 0 5px 7px -3px rgb(0 0 0 / 10%);
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.item .item-area.elm_pg_4:not(:hover) .elm_add2c{
opacity: 0;
visibility: hidden;
transform: translateY(-15px);
}
.item .item-area.elm_pg_4 .increase_quantity_btn{
right:50px
}
.item .item-area.elm_pg_4 .reduced_quantity_btn{
left:50px
}
.item .item-area.elm_pg_5{
overflow: hidden
}
.item .item-area.elm_pg_5 .product-name{
margin-bottom: 24px;
}
.item .item-area.elm_pg_5 .elm_tg_plus{
position: absolute;
right: 0;
left: 0;
bottom: 7px;
border-bottom-right-radius: inherit;
}
.item .item-area.elm_pg_5 .elm_tg_plus>svg{
position: absolute;
bottom: 3px;
right: 0;
width: 39px;
height: 39px;
text-align: center;
line-height: 39px;
font-size: 16px;
background-color: #f9f9f9;
border-radius: 10px 0 0 10px;
-webkit-transition: all .4s;
transition: all .3s;
padding: 8px;
}
.item .item-area.elm_pg_5 .elm_tg_plus:hover>svg{
transform: translateX(50px);
background-color: var(--maincolor);
stroke: white
}
.item .item-area.elm_pg_5 .actions{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
visibility: hidden;
opacity: 0;
background-color: #f9f9f9;
transform: translateX(100%);
-webkit-transition: all .4s;
transition: all .4s;
height: 47px;
position: relative;
z-index: 1;
padding: 0 12px 0 5px
}
.item .item-area.elm_pg_5 .add-to-cart-wrap{
min-width: 110px;
}
.item .item-area.elm_pg_5 .elm_tg_plus:hover .actions{
transform: translateX(0);
visibility: visible;
opacity: 1;
}
.item .item-area.elm_pg_5 .price{
text-align: left;
}
.item .item-area.elm_pg_5 .add-to-cart-wrap a.button{
height:30px;
line-height: 30px
}
.item .item-area.elm_pg_5 .add-to-cart-wrap a.button svg{
stroke: white;
margin-left: 5px
}
.item .item-area.elm_pg_5 .increase_quantity_btn{
right:50px;
top: 10px;
}
.item .item-area.elm_pg_5.elm_btn_wa .increase_quantity_btn{
right:27px;
}
.item .item-area.elm_pg_5 .reduced_quantity_btn{
left: auto;
right: 80px;
top: 10px;
}
.item .item-area.elm_pg_6{
padding: 0;
background-color: transparent;
box-shadow: unset;
border-radius: 0;
}
.item .item-area.elm_pg_6 .product-image-area{
background-color: unset;
}
.item .item-area.elm_pg_6 .product-image-area img{
max-height: none;
width: 100%;
height: auto;
border-radius: 5px;
}
.item .item-area.elm_pg_6 .product-name{
margin: 10px 0 0 0;
}
.item .item-area.elm_pg_6 .flex_row{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px;
}
.item .item-area.elm_pg_6 .price{
padding: 0;
}
.item .item-area.elm_pg_6 .null_price:before{
background-color: rgb(0 0 0 / 30%);
}
.item .item-area.elm_pg_6 .prd_color_list{
bottom: 7px;
top: auto;
left: 10px;
}
.item .item-area.elm_pg_6 .elm_txt_l{
top: 10px !important;
left: 10px !important;
}
.item .item-area.elm_pg_6 .upcoming_badge, .item .item-area.elm_pg_6 .product-label{
top: 10px;
right: 10px
}
.item .item-area.elm_pg_6 .actions .add-to-links{
top: 40px;
}
.item .item-area.elm_pg_6 .vc_deal_time{
display: flex;
padding: 0;
margin-top: 5px;
margin-bottom: -3px;
align-items: center;
justify-content: center;
min-height: 33px;
}
.item .item-area.elm_pg_6 .vc_deal_time:before, .item .item-area.elm_pg_6 .vc_deal_time.product-date>div:after{display: none;}
.item .item-area.elm_pg_6 .vc_deal_time.product-date>div:not(:last-child) span.no{
color: #444;
}
.item .item-area.elm_pg_6 .vc_deal_time.product-date>div{
flex: 0 1 25%;
max-width: 25%;
text-align: center;
padding: 7px 0;
border-radius: 2px;
}
.item .item-area.elm_pg_6 .vc_deal_time.product-date>div span.text{
display: inline-block;
font-size: 75%;
color: inherit;
padding: 0
}
.item .item-area.elm_pg_7{
padding-bottom: 15px
}
.item .item-area.elm_pg_7 .product-image-area{
min-height: unset
}
.item .item-area.elm_pg_7 .product-image-area img{
vertical-align: top;
width: 100%;
transition: transform .45s cubic-bezier(.51,.56,.04,.9);
margin: 33px 0 15px;
max-height: unset;
display: initial;
}
.item .item-area.elm_pg_7:hover .product-image-area img, .item .item-area.elm_pg_7:hover .product-name, .item .item-area.elm_pg_7:hover .price, .item .item-area.elm_pg_7:hover .prd_term_list, .item .item-area.elm_pg_7:hover .product-features {
transform: translateY(-45px);
}
.item .item-area.elm_pg_7 .product-name{
margin-bottom: 10px;
transition: transform .45s cubic-bezier(.51,.56,.04,.9);
}
.item .item-area.elm_pg_7 .price{
text-align: center;
transition: transform .45s cubic-bezier(.51,.56,.04,.9);
}
.item .item-area.elm_pg_7 .actions{
position: absolute;
right: 0;
left: 0;
bottom: 0;
visibility: visible;
opacity: 1;
transform: translateY(100%);
transition: transform .45s cubic-bezier(.51,.56,.04,.9);
}
.item .item-area.elm_pg_7:hover:hover .actions {
transform: translateY(0);
}
.item .item-area.elm_pg_8 .flex_row{
min-height: 45px;
padding: 5px 0px;
}
.item .item-area.elm_pg_8 .price{
padding: 0;
margin-right: auto;
width: auto;
}
.item .item-area.elm_pg_8 .elm_offBadge{
height: 20px;
line-height: 23px;
font-family: var(--mainfontnum);
font-size: 13px;
color: #FFF;
padding: 0px 7px;
background-color: var(--offbgcolor);
text-align: center;
border-radius: var(--borderradius);
}
.elm_pg_9 {
padding-bottom: 10px
}
.elm_citem {
box-shadow: unset !important;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 0 !important;
overflow: hidden
}
.elm_citem *{
text-align: center
}
.elm_cbtn {
display: inline-block;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
}
.elm_cbtn:hover {
transform: scale(1.03);
}
.elm_brbe:after{
content: '';
background: #ffffff;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, var(--maincolor) 50%, rgba(255, 255, 255, 1) 100%);
height: 1px;
position: absolute;
bottom: -1px;
right: 0;
left: 0;
transition: all 0.3s;
opacity:0;
visibility: hidden
}
.elm_brbe:hover:after{
opacity: 1;
visibility: visible
}
.block_product_box.box_3p .nav_tabs_warpper .icon{
border-radius: 50%;
flex: 0 0 44px;
width: 44px;
height: 44px;
}
.block_product_box.box_3p .nav_tabs_warpper .icon svg{
width: 22px;
height: 22px;
}
.block_product_box.box_3p .nav_tabs_warpper .icon:before, .block_product_box.box_3p .nav_tabs_warpper .icon:after{
display: none
}
.block_product_box.box_3p .nav_tabs_content {
display: flex;
flex-direction: column;
justify-content: center;
}
.block_product_box.box_3p .nav_tabs_warpper .bk_view_more{
position: absolute;
left: 0
}
.block_product_box.box_3p .nav_tabs_warpper .subtitle{
padding-top: 3px;
font-size: 11px
}
.block_product_box.box_3p .nav_tabs_warpper{
border-bottom: 1px solid #eeeeee;
padding-bottom: 12px;
margin-bottom: 15px;
margin-top: 0;
}
.mweb-body .block_product_box.box_3p .tooltip{
white-space: normal
}
.mweb-body .block_product_box.box_3p .tooltip-inner{
padding: 10px;
font-size: 11px;
line-height: 20px
}
.product-grid-wrapper {
display: flex;
width: 100%;
gap: 5px;
}
.product-big {
flex: 2;
border-left: 1px solid #eeeeee;
display: flex;
align-items: center;
justify-content: center;
}
.product-small-column {
flex: 1;
display: flex;
flex-direction: column;
gap: 0;
}
.product-small {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}
.product-small:first-child{
border-bottom: 1px solid #eeeeee;
}
.img_heffect img{
}
.img_heffect:hover img{
opacity: 0.8;
}
.product-features {
transition: transform .45s cubic-bezier(.51,.56,.04,.9);
}
.elm_p_rate{
font-size: 12px;
font-weight: 500;
color: #666;
font-family: var(--mainfontnum);
display: inline-flex;
flex-direction: row-reverse;
align-items: center;
}
.elm_p_rate svg{
margin-top: -2px;
stroke: #febd69;
width: 18px;
margin-right: 6px;
vertical-align: middle;
}
.item.product-deal .item-area {
padding: 15px 15px 15px 1px;
border-radius: inherit;
margin-bottom: 0;
flex-wrap: wrap;
height: 100%;
box-shadow: none !important;
}
.item.product-deal .item-area .product-image-area{
margin-left:15px
}
.item.product-deal .item-area .product-name {
font-size: 15px;
line-height: 25px;
height: auto;
font-weight: 500;
color: #626060;
overflow: hidden;
}
.item.product-deal .item-area .woocommerce-product-details__short-description {
padding-bottom: 0;
}
.item.product-deal .item-area .deal-progress {
max-width:400px}
.item.product-deal .item-area .product-image-area .product-label {
width: 42px;
height: 42px;
line-height: 42px;
top: 5px;
right: 2px;
}
.item.product-deal .featured_label{
left: 10px;
top: 7px;
}
.item.product-deal .featured_label:after {
border-top: 9px solid transparent
}
.item.product-deal .item-area .product-image-area .product-image img {
max-height: inherit;
}
.item.product-deal .item-area .price {
font-size: 16px;
line-height: 30px;
}
.item.product-deal .item-area .price .woocommerce-Price-currencySymbol{
font-size: 11px;
}
.item.product-deal .item-area .price del{
margin-left: 0;
}
.item.product-deal .item-area .price del:after{
top: 13px;
}
.item.product-deal .item-area .price del .woocommerce-Price-amount {
font-size: 14px;
font-weight: 400;
vertical-align: middle;
background-color: #f5f5f5;
padding: 0px 15px;
position: relative;
}
.item.product-deal .item-area .price del .woocommerce-Price-amount:after {
content: "";
width: 18px;
position: absolute;
left: -10px;
top: 3px;
height: 18px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 2px;
background-color: #f5f5f5;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
}
.item.product-deal .item-area .price ins .woocommerce-Price-amount {
font-size: 14px;
font-weight: 500;
vertical-align: middle;
color: #FFF;
background-color: var(--maincolor);
padding: 0px 20px;
border-radius: 15px 0 0 15px;
}
.item.product-deal .item-area .price ins .woocommerce-Price-currencySymbol{
color:#FFF
}
.home-product-deal-wrap {
border-radius: 7px;
background-color: #FFF;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
overflow: hidden;
display: flex;
align-items: stretch;
}
.home-product-deal-wrap .item.product-deal{
height: 100%;
}
.home-product-deal-wrap .item.product-deal .product-features{
max-width: 300px
}
.deal_finished .btn_p_link, .deal_finished .price ,.deal_finished .product-name ,.deal_finished .deal-progress ,.deal_finished .product-image-area ,.deal_finished .woocommerce-product-details__short-description {
filter: blur(1px);
}
.deal_alert{
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
border: 4px double #ffffff;
padding: 10px 27px 10px 15px;
display: inline-block;
background-color: #9E9E9E;
color: #fff;
border-radius: 5px;
position: relative;
margin-right: 30%;
}
.support_info_wrap {
width: 100%;
background-color: #FFF;
float: right;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
position: relative;
overflow: hidden;
display: flex;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
}
.support_info_empty {
padding: 20px;
color: red;
font-weight: 500;
font-size: 12px;
}
.support_info {
padding: 16px 11px;
text-align: center;
display:block;
transition: all 0.3s;
}
.elementor-widget-block-service-slider .support_info img{
max-width: 40px;
}
.support_info:not(.el_font) i {
width: 44px;
height: 35px;
display: inline-block;
background-image: url('assets/images/support-info.png');
background-position: center center;
background-repeat: no-repeat;
}
.support_info span {
font-family: var(--mainfont);
color: #898a8b;
font-size: 11px;
display: block;
line-height: 25px;
}
.support_info i.delivery {
background-position: -519px 0;
}
.support_info i.return-policy {
background-position: -205px 0;
}
.support_info i.payment-terms {
background-position: -285px 0;
}
.support_info i.price-guarantee {
background-position: -440px 0;
}
.support_info i.origin-guarantee {
background-position: -363px 0;
}
.support_info i.sendto-all {
background-position: -122px 0;
}
.support_info i.beauti-pack {
background-position: -40px 0;
}
.support_info.el_font{
position:relative;
display: block;
padding: 15px 10px 5px 10px;
margin-top: 6px;
}
.support_info.el_font:before {
content:'';
width: 53px;
height: 53px;
display: block;
border-radius: 50% 100% 100% 50%/69% 75% 75% 69%;
background-color: #fff5f5;
position: absolute;
left: calc(50% - 26px);
top: 6px;
}
.el_font.el_s1:before{
background-color: rgba(244, 67, 54, 0.2);
}
.el_font.el_s2:before{
background-color: rgba(156, 39, 176, 0.20);
transform: rotate(27deg);
}
.el_font.el_s3:before{
background-color: rgba(63, 81, 181, 0.2);
transform: rotate(57deg);
}
.el_font.el_s4:before{
background-color: rgba(3, 169, 244, 0.2);
transform: rotate(-17deg);
}
.el_font.el_s5:before{
background-color: rgba(0, 150, 136, 0.2);
}
.el_font.el_s6:before{
background-color: rgba(139, 195, 74, 0.2);
transform: rotate(121deg);
}
.el_font.el_s7:before{
background-color: rgba(234, 219, 16, 0.2);
transform: rotate(121deg);
}
.support_info.el_font svg {
width: 32px;
height: 31px;
display: inline-block;
position: relative;
margin-bottom: 5px;
}
.support_info.el_font span{
color: #676767;
line-height: 30px;
}
.block-title {
font-size: 14px;
line-height: 38px;
font-family: var(--mainfont);
font-weight: 500;
position: relative;
width: 100%;
display: block;
color: #333;
padding: 0px;
z-index: 2;
margin-bottom: 14px;
}
.block-title h3 {
font-weight: 500;
}
.block-title .title_url {
background: #dcdcdc;
color: #FFF;
font-family: var(--mainfontnum);
text-align: center;
margin-top: 15px;
padding: 0px 10px;
font-size: 10px;
line-height: 16px;
position: relative;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
float: left;
}
.block-title .title_url:after {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #dcdcdc;
position: absolute;
content: '';
right: -1px;
bottom: -2px;
-ms-transform: rotate(-32deg);
-webkit-transform: rotate(-32deg);
transform: rotate(-32deg);
}
.block-title:before {
height: 4px;
border-bottom: 2px dotted rgb(0 0 0 / 60%);
position: absolute;
top: 50%;
margin-top: -2px;
right: 0;
left: 0px;
content: '';
border-radius: 2px;
opacity: 0.27;
}
.block-title.has_url:before {
left: 100px;
}
.block-title .title{
display: inline-block;
background-color: var(--bgcolor);
position: relative;
padding-left: 20px;
font-size: inherit;
font-weight: inherit;
}
.block-title .title svg{
width: 29px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
}
.block-title .title svg.small {
font-size: 23px;
}
#cancel-comment-reply-link{
margin-right: 10px;
font-size: 95%;
}
.block-title.no_black{
margin-top:15px
}
.block-title.no_black .title svg{
font-size: 21px;
stroke: #ea1d21;
}
.bk_view_more{
font-size: 10px;
padding: 0 12px;
border-radius: var(--borderradius);
float: left;
line-height: 24px;
margin-top: 7px;
color: #444;
margin-right: 15px;
height: 24px;
display: flex;
align-items: center;
}
.bk_view_more svg{
display: inline-block;
vertical-align: middle;
background-color: var(--maincolor);
border-radius: 50%;
width: 15px;
height: 15px;
line-height: 16px;
text-align: center;
stroke: #FFF;
margin-left: 7px;
direction: ltr;
padding:1px;
vertical-align: middle;
margin-top: -1px;
}
.bk_view_more:hover{
}
.block-title .ajax-filter-link:hover, .block-title .ajax-filter-link:hover, .block-title .ajax-filter-link.is-active{
box-shadow:none
}
.block-title-sub {
font-size: 11px;
padding-right: 10px;
color: rgba(0, 0, 0, 0.55);
font-weight: normal;
}
.block-title ul.nav-tabs {
position: relative;
z-index: 1;
float: left;
}
.block-title ul.nav-tabs>li {
display: inline-block;
padding: 0 15px 0 0;
float: right;
position: relative;
}
.block-title ul.nav-tabs li.active {
box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
padding-right: 15px;
}
.block-title ul.nav-tabs li.active:before {
width: 5px;
height: 4px;
background-color: var(--secondcolor);
position: absolute;
top: 50%;
right: 0px;
z-index: 1;
content: '';
}
.block-title ul.nav-tabs>li>a, .block-title ul.nav-tabs>li>span {
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
font-size: 11px;
font-weight: normal;
border: none;
display: inline-block;
position: relative;
padding: 0 0 0 15px;
line-height: inherit;
color: #666;
cursor: pointer
}
.block-content-wrap {
position: relative;
}
.blog-posts-content .post-image {
display: block;
margin: -2px 0 15px;
overflow: hidden;
position: relative;
vertical-align: top;
}
.blog-posts-content .post-image a:after {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
content: "";
border-radius: 5px 5px 5px 25px;
-webkit-border: 0px solid rgba(255, 255, 255, 0.5);
-moz-border: 0px solid rgba(255, 255, 255, 0.5);
-ms-border: 0px solid rgba(255, 255, 255, 0.5);
-o-border: 0px solid rgba(255, 255, 255, 0.5);
border: 0px solid rgba(255, 255, 255, 0.5);
opacity: 0;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
transition: all 350ms ease;
}
.blog-posts-content .item-area:hover .post-image a:after {
opacity: 1;
-webkit-border: 10px solid rgba(255, 255, 255, 0.5);
-moz-border: 10px solid rgba(255, 255, 255, 0.5);
-ms-border: 10px solid rgba(255, 255, 255, 0.5);
-o-border: 10px solid rgba(255, 255, 255, 0.5);
border: 10px solid rgba(255, 255, 255, 0.5);
}
.blog-posts-content .post-image img {
width: 100%;
border-radius: 5px 5px 5px 25px;
}
.post-content-inner {
box-sizing: border-box;
padding: 0 5px 10px 0;
}
.blog-posts-content .post-date {
display: inline-block;
float: left;
font-size: 10px;
font-family: var(--mainfontnum);
margin: 0 10px 0px 0;
padding: 0px 5px;
position: relative;
text-align: center;
vertical-align: top;
width: 48px;
height: 52px;
color: var(--maincolor);
box-shadow: 1.1rem 0 2rem -1rem rgb(0 0 0 / 12%);
}
.blog-posts-content .day span {
font-size: 20px;
line-height: 20px;
font-weight: bold;
}
.blog-posts-content .month, .blog-posts-content .year {
position: relative;
line-height: 15px;
font-weight: 500;
margin-top: 0px;
}
.blog-posts-content .post-detail {
overflow: hidden;
}
.blog-posts-content .post-title {
line-height: 20px;
margin: 0;
height: 40px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.blog-posts-content .post-title a {
font-size: 13px;
font-weight: 500;
font-family: var(--mainfont);
}
.blog-posts-content .post-description {
padding: 4px 0;
line-height: 1.6em;
max-height: 55px;
}
.item_big .item-area .product-image-area {
height: 225px;
}
.item_big .item-area .product-image-area img {
max-height: 209px;
display: block;
margin: auto;
}
.item_simple .item-area {
margin-bottom: 12px;
display: flex;
padding: 15px;
}
.item_simple .item-area .product-image-area {
height: 80px;
min-height: auto;
position: relative;
z-index: 1;
flex: 0 0 80px;
}
.item_simple .item-area .product-image-area .product-image{
min-height:unset
}
.item-area .product-image-area a.quickview-btn, .item_simple .compare-button a{
line-height: 31px;
height: 30px;
width: 30px;
display: block;
text-align: center;
font-size: 14px;
color: #9e9e9e;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
background-color: #f5f5f5;
opacity: 0;
visibility: hidden;
position: absolute;
cursor: pointer;
z-index: 5;
top: 50%;
right: 50%;
margin-top: -15px;
margin-right: -15px;
}
.item-area .product-image-area a.quickview-btn svg, .item-area .product-image-area .compare-button svg{
width: 16px;
vertical-align: middle
}
.item-area:hover .product-image-area a.quickview-btn, .item-area .product-image-area a.quickview-btn.waiting , .item_simple:hover .compare-button a, .item_simple .compare-button a.waiting {
color: #ffffff;
background-color: var(--maincolor);
opacity: 1;
visibility: visible
}
.item-area:hover .product-image-area a.quickview-btn svg{
stroke: #fff;
}
.item_simple .compare-button a{
box-shadow: 0 0 20px -4px rgb(0 0 0 / 45%)
}
.item_simple .item-area .product-detail-area {
display: flex;
padding-right: 10px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
flex-direction: column;
flex-wrap: nowrap;
flex-grow: 1;
justify-content: flex-start;
}
.item_simple .item-area:hover .product-detail-area, .item_simple .item-area:hover .product-image-area img, .item_big .item-area:hover .product-detail-area, .item_big .item-area:hover .product-image-area img {
-webkit-filter: blur(1px);
filter: blur(1px);
}
.item_simple .item-area .product-name {
height: auto;
margin: 0;
font-size: 12px;
white-space: normal;
max-height: 42px;
}
.item_simple .item-area .product-name b {
font-family: var(--mainfontnum);
display: inline-block;
font-size: 17px;
background-color: #eff1f5;
padding: 1px 5px 0 5px;
margin-left: 6px;
}
.item_simple .item-area .price {
font-size: 13px;
padding-bottom: 0 !important;
text-align: right !important;
padding-top: 0;
}
.item.item_simple .item-area .product-image-area .product-image img {
max-height: 75px;
}
.item_simple .item-area .row{margin-top: 10px;flex-direction: row;flex-wrap: nowrap;align-items: center;}
.item_simple .item-area .row>*{flex: 1 0 0%;}
.item_simple .el_avarage_rate{
direction: ltr;
text-align: left;
font-size: 12px;
padding-top: 1px;
font-family: var(--mainfontnum);
white-space: nowrap;
display: inline-flex;
align-items: center;
}
.item_simple .el_avarage_rate svg {
margin-top: -4px;
margin-right: 7px;
width: 17px;
stroke: gold;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.item_simple .out_of_stock{
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
overflow: hidden;
width: 75px;
height: 75px;
text-align: right;
-moz-transform: unset;
-webkit-transform: unset;
transform: unset;
padding: unset;
background-color: transparent;
}
.item_simple .out_of_stock span {
font-size: 10px;
color: #FFF;
text-align: center;
line-height: 18px;
transform: rotate(-45deg) !important;
-webkit-transform: rotate(-45deg) !important;
width: 72px;
display: block;
background: #F4433A;
box-shadow: 0 3px 10px -5px rgb(0 0 0 / 19%);
position: absolute;
top: 10px;
right: 20px;
}
.item_simple .out_of_stock:before, .item_simple .out_of_stock:after{
display:none;
content:unset
}
.item_simple .out_of_stock span::before {
position: absolute;
left: 0px;
top: 100%;
z-index: -1;
border-left: 3px solid #5a5a5a;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #5a5a5a;
}
.item_simple .out_of_stock span::after {
position: absolute;
right: 0;
top: 100%;
z-index: -1;
border-left: 3px solid transparent;
border-right: 3px solid #5a5a5a;
border-bottom: 3px solid transparent;
border-top: 3px solid #5a5a5a;
}
.block_brand .item {
text-align: center;
padding: 0px;
background-color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.block_brand .item img {
display: inline-block;
max-width: 100%;
}
.block_testimonials .avatar {
text-align: center;
overflow: hidden;
border-radius: 50%;
width: 45px;
height: 45px;
margin-left: 0;
}
.block_testimonials .avatar img {
display: block;
}
.block_testimonials .testimonial {
color: #555;
font-size: 12px;
margin-bottom: 10px;
text-align: center;
padding: 15px;
height: 130px;
position:relative;
border-radius:5px;
padding-top: 15px;
}
.block_testimonials .testimonial>svg{
display: inline-block;
width: 25px;
vertical-align: middle;
margin-left: 9px;
height: auto;
}
.block_testimonials .testimonial_bottom {
display: flex;
flex-wrap: nowrap;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
padding: 20px 20px 10px 20px;
}
.block_testimonials .clients_author {
font-size: 12px;
font-weight: 500;
color: #333;
letter-spacing: 0.5px;
display: block;
text-align: start;
}
.block_testimonials .clients_author span {
font-size: 11px;
font-weight: normal;
color: #999;
display: block;
padding-top: 3px;
}
ul.tab_box {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
ul.tab_box li {
margin: 0px 0px 0px 6px;
background-color: rgba(255, 255, 255, 0.1);
display: inline-block;
vertical-align: bottom;
position: relative;
text-align: center;
background-color: rgba(0, 0, 0, 0.05);
border-radius: var(--borderradius);
transition: 0.5s all
}
ul.tab_box li a {
font-family: var(--mainfont);
font-size: 11px;
padding: 8px 20px 8px;
line-height: 18px;
color: inherit;
display: block;
}
ul.tab_box li a img {
display: block;
margin: 0 auto 3px;
height: 25px;
width: auto;
}
ul.tab_box li a i {
margin: 0 auto 3px;
display: block;
font-size: 25px;
}
ul.tab_box li:hover, ul.tab_box li.active {
background-color: var(--maincolor);
color: #FFF;
}
.block_product_cat .item-area {
margin-bottom: 0;
min-height: 234px;
padding: 2px;
overflow: hidden;
position: relative;
}
.cat_box_wrap {
display: block;
padding: 10px;
background-repeat: no-repeat;
background-size: cover;
background-position: right bottom;
}
.block_product_cat .categoryname {
margin: 5px 9px 5px 3px;
font-family: var(--mainfont), Tahoma;
font-size: 13px;
line-height: 34px;
font-weight: 500;
position: relative;
color: #222;
}
.block_product_cat .categoryname .img_cat {
float: left;
background-color: #ffffff;
border: 1px solid #ececec;
width: 45px;
height: 45px;
padding: 2px;
text-align: center;
line-height: 50px;
}
.block_product_cat .categoryname .img_cat img{
max-height: 37px;
}
.block_product_cat .sub-cat {
clear: both;
position: relative;
margin-bottom: 15px;
font-family: var(--mainfont), Tahoma;
padding: 0 10px 0 15px;
margin-left: 5px;
height: 200px;
overflow: hidden;
}
.block_product_cat .sub-cat li {
display: block;
}
.block_product_cat .sub-cat li:last-child {
border: none
}
.block_product_cat .sub-cat li a {
color: #333;
font-size: 12px;
line-height: 29px;
}
.block_product_cat .sub-cat li:before {
content: "";
margin-right: 7px;
margin-left: 10px;
border-radius: 5px;
position: relative;
top: 0px;
width: 8px;
height: 8px;
display: inline-block;
border: 1px solid rgb(0 0 0 / 27%);
color: rgba(0, 0, 0, 0.95);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.block_product_cat .sub-cat li:hover a {
color: var(--maincolor);
padding-right: 5px
}
.block_product_cat .sub-cat li .cat_count{
float:left;
background-color: hsl(0deg 0% 0% / 5%);
width: 28px;
height: 18px;
border-radius: var(--borderradius);
color: #333;
text-align: center;
line-height: 19px;
font-family: var(--mainfontnum);
margin-top: 6px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.block_product_cat .sub-cat li:hover .cat_count, .bk_category_list .bk_cat_item:hover .cat_count{color: white !important;background-color: var(--maincolor);}
.the_most {
margin-top: 10px;
}
.the_most .item-area {
padding: 5px 0;
}
.the_most .ul_tab {
margin-top: 10px;
padding-bottom: 15px;
}
.the_most .ul_tab li {
opacity: 0.5;
color: #333;
position: relative;
font-family: var(--mainfont);
line-height: 20px;
-webkit-filter: blur(0.4px);
filter: blur(0.4px);
padding: 0 10px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.the_most .ul_tab li span {
background: #fff;
z-index: 9;
position: relative;
padding-left: 10px;
font-size: 13px;
}
.the_most .ul_tab .active {
font-size: 15px;
opacity: 1;
line-height: 24px;
-webkit-filter: blur(0);
filter: blur(0);
}
.the_most .ul_tab li.active span{
font-weight: 500;
}
.the_most .ul_tab .active a {
color: var(--maincolor);
}
.the_most .ul_tab li .el_ico {
position: absolute;
width: 35px;
height: 35px;
background: var(--maincolor);
line-height: 36px;
text-align: center;
border-radius: var(--borderradius);
font-size: 18px;
left: 5px;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
top: -6px;
}
.the_most .ul_tab li .el_ico svg{
width: 25px;
vertical-align: middle;
stroke: white;
margin-top: -2px;
}
.the_most .ul_tab li .el_ico:after {
content: '------------------';
position: absolute;
width: 122px;
height: 1px;
color: #bcbcbc;
font-size: 9px;
font-weight: 100;
left: 50px;
top: 56%;
line-height: 0;
text-align: left;
letter-spacing: 4px;
}
.the_most .ul_tab .active .el_ico {
opacity: 1;
}
.the_most .tab_body{
display:none
}
.image-ads-wrap {
display: block;
margin: 10px auto 0px auto;
text-align: center;
background-color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
}
.widget {
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
margin-top: 12px;
overflow: hidden;
display: block;
background-color: #FFF;
box-shadow: 0 1px 18px -10px rgb(0 0 0 / 10%);
}
.widget_title, h5.widget_title {
font-size: 13px;
line-height: 42px;
font-family: var(--mainfont);
font-weight: 500;
position: relative;
width: 100%;
display: inline-block;
color: #555;
padding: 0 15px 0 5px;
z-index: 2;
background-color: #ffffff;
border-bottom: 1px solid #f5f5f5;
box-shadow: 0px 4px 50px -9px #f5f5f5;
}
.widget_link{
font-size: 10px;
background-color: #f6f7f9;
padding: 0 5px 0 10px;
border-radius: 5px;
float: left;
line-height: 20px;
margin-top: 10px;
color: #555;
margin-left: 5px;
}
.widget_link svg{
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
text-align: center;
margin-left: 7px;
}
.widget-content {
padding: 20px 20px 15px;
display: block;
position: relative;
font-family: var(--mainfontnum);
}
.widget_archive .widget-content>ul, .widget_categories .widget-content>ul , #cat-drop-stack>ul{
margin: 0;
padding: 0;
}
.widget_archive .widget-content>ul>li, .widget_categories .widget-content>ul>li, #cat-drop-stack>ul>li {
font-size: 12px;
line-height: 32px;
padding: 0px 0;
position: relative;
}
.widget_categories .widget-content>ul>li span.number-post{
float: left;
}
.widget_archive .widget-content>ul>li:first-child, .widget_categories .widget-content>ul>li:first-child , #cat-drop-stack>ul>li:first-child {
padding-top: 0;
}
.widget-content>ul>li:last-child, .widget_archive .widget-content>ul>li:last-child, .widget_categories .widget-content>ul>li:last-child , #cat-drop-stack>ul>li:last-child {
border: medium none;
padding-bottom: 0;
}
.widget_archive .widget-content>ul>li>a, .widget_categories .widget-content>ul>li>a , #cat-drop-stack>ul>li>a {
font-size: 12px;
position: relative;
}
.widget_archive .widget-content>ul>li>a:before, .widget_categories .widget-content>ul>li>a:before , #cat-drop-stack>ul>li>a:before {
content: "";
font-size: 14px;
display: inline-block;
vertical-align:middle;
margin-left:10px;
border: 1px solid #e6e6e6;
width: 11px;
height: 11px;
border-radius: 4px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.screen-reader-text {
display: none
}
.widget_archive .widget-content>ul>li>a:hover:before, .widget_categories .widget-content>ul>li>a:hover:before {
color: var(--secondcolor);
}
.widget_archive .widget-content>select, .widget_categories .widget-content>select {
border: 1px solid #e8ecec;
color: #777777;
float: left;
font-size: 11px;
height: 28px;
letter-spacing: 0.3px;
padding-right: 10px;
width: 100%;
}
.widget_search .widget-content>form {
margin: 0;
padding: 1px;
width: 100%;
font-family: var(--mainfont);
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.widget_search .widget-content>form label {
display: none;
}
.widget_search .widget-content>form input[type="text"] {
border: 1px solid #f5f5f5;
color: #7d7d7d;
display: inline-block;
font-size: 11px;
height: 30px;
margin: 0;
padding: 4px 10px;
width: calc(100% - 32px);
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.widget_search .widget-content>form button{
border: medium none;
background-color: var(--secondcolor);
color: #fff;
font-size: 11px;
line-height: 33px;
height: 30px;
width: 32px;
-webkit-border-top-left-radius: var(--borderradius);
-webkit-border-bottom-left-radius: var(--borderradius);
-moz-border-radius-topleft: var(--borderradius);
-moz-border-radius-bottomleft: var(--borderradius);
border-top-left-radius: var(--borderradius);
border-bottom-left-radius: var(--borderradius);
-webkit-transition: all 0.3s;
transition: all 0.3s;
display: inline-flex;
align-content: center;
justify-content: center;
align-items: center;
padding: 7px;
}
.widget_search .widget-content>form button:hover {
background-color: #FFF;
}
#calendar_wrap {
width: 100%;
line-height: 44px;
}
#calendar_wrap>table {
width: 100%;
}
#calendar_wrap>table>caption {
background: #fafafa;
color: #333333;
font-size: 12px;
padding: 0px 20px;
line-height: 31px;
text-align: center;
}
#calendar_wrap>table>thead {
width: 100%;
}
#calendar_wrap>table>thead>tr>th {
background: #f3f3f3;
border-right: 1px solid #e8e8e8;
font-size: 11px;
font-weight: normal;
line-height: 30px;
padding: 0px 0;
text-align: center;
}
#calendar_wrap>table>tbody>tr>td.pad {
background: none repeat scroll 0 0 #fdfdfd;
}
#calendar_wrap>table>tbody>tr>td {
background: #ffffff;
border: 1px solid #e8ecec;
color: #888;
font-size: 12px;
padding: 0px 0;
line-height: 29px;
text-align: center;
}
#calendar_wrap>table>tbody>tr>td>a {
background: none repeat scroll 0 0 #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
color: #333;
float: left;
width: 100%;
}
#calendar_wrap>table>tfoot>tr>td {
background: #fafafa none repeat scroll 0 0;
border: 1px solid #e8ecec;
font-size: 12px;
line-height: 26px;
text-align: center;
}
#calendar_wrap>table>tfoot>tr>td>a {
color: #555555;
}
.widget_nav_menu .widget-content>ul, .widget_pages .widget-content>ul {
margin: 0;
padding: 0;
width: 100%;
}
.widget_nav_menu .widget-content>ul>li, .widget_pages .widget-content>ul>li {
}
.widget_nav_menu .widget-content>ul>li ul li, .widget_pages .widget-content>ul>li ul li {
list-style: none outside none;
width: 100%;
}
.widget_nav_menu .widget-content>ul>li ul, .widget_pages .widget-content>ul>li ul {
margin: 0;
width: 100%;
}
.widget_nav_menu .widget-content ul li a, .widget_pages .widget-content>ul li a {
color: #565656;
font-size: 11px;
line-height: 33px;
display: block;
position: relative;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.widget_nav_menu .widget-content ul li ul , .widget_pages .widget-content>ul ul{
margin-right: 7px
}
.widget_nav_menu .widget-content ul li a:before, .widget_pages .widget-content>ul li a:before {
content: "";
display: inline-block;
vertical-align: middle;
margin-left: 10px;
border: 1px solid #dedede;
width: 5px;
height: 11px;
border-radius: 4px;
transition: linear 0.3s
}
.widget_nav_menu .widget-content ul li:hover a:before, .widget_pages .widget-content>ul li:hover a:before {
border-color: var(--maincolor)
}
.widget_meta .widget-content>ul {
list-style: none outside none;
margin: -10px 0 0;
padding: 0;
width: 100%;
}
.widget_meta .widget-content>ul>li {
width: 100%;
}
.widget_meta .widget-content>ul>li>a {
color: #565656;
font-size: 11px;
letter-spacing: 0.3px;
margin-top: 10px;
width: 100%;
}
.widget_recent_comments .widget-content>ul {
margin: 0;
padding: 0;
}
.widget_recent_comments .widget-content>ul>li>a {
color: #333;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 21px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.widget_recent_comments .widget-content>ul>li {
border-right: 1px dashed #e8ecec;
color: #999999;
font-size: 11px;
padding: 10px 10px 10px 0px;
margin-top: 5px;
width: 100%;
}
.widget_recent_comments .widget-content>ul>li:hover span:after{
background-color: var(--maincolor);
}
.widget_recent_comments .widget-content>ul>li span {
height: 19px;
padding: 0 0 0 5px;
color: #555;
font-size: 11px;
display: inline-block;
line-height: 15px;
}
.widget_recent_comments .widget-content>ul>li span:after {
content: "";
width: 1px;
height: 13px;
background-color: #dedede;
position: relative;
display: inline-block;
margin-right: 7px;
top: 3px;
transition: all 0.3s
}
.widget_recent_comments .widget-content>ul>li span a {
color: inherit
}
.widget_recent_entries .widget-content ul,.widget_recent_posts .widget-content ul, .widget_most_liked_posts .widget-content ul {
margin: 0;
padding: 0;
width: 100%;
}
.widget_recent_entries .widget-content ul li,.widget_recent_posts .widget-content ul li, .widget_most_liked_posts .widget-content ul li {
margin-top: 6px;
padding-right: 3px;
position: relative;
width: 100%;
}
.widget_recent_entries .widget-content ul li>a,.widget_recent_posts .widget-content ul li>a, .widget_most_liked_posts .widget-content ul li>a {
color: #696969;
font-size: 11px;
line-height: 24px;
}
.widget_recent_entries .widget-content ul li:before,.widget_recent_posts .widget-content ul li:before, .widget_most_liked_posts .widget-content ul li:before {
content: "";
display: inline-block;
vertical-align: middle;
margin-left: 10px;
border: 1px solid #dedede;
width: 5px;
height: 11px;
border-radius: 4px;
transition: linear 0.3s;
}
.widget_recent_entries .widget-content ul li:hover:before,.widget_recent_posts .widget-content ul li:hover:before, .widget_most_liked_posts .widget-content ul li:hover:before {
border-color: #333;
}
.widget_recent_entries .widget-content ul li>span,.widget_recent_posts .widget-content ul li>span, .widget_most_liked_posts .widget-content ul li>span {
color: #888888;
font-size: 10px;
width: 100%;
}
.widget_recent_entries .widget-content ul li:hover,.widget_recent_posts .widget-content ul li:hover, .widget_most_liked_posts .widget-content ul li:hover {
border-color: #484848;
}
.tagcloud {
}
.tagcloud a {
box-shadow: 0 0 5px -2px #ddd;
color: #555;
background-color: #ffffff;
display: inline-block;
font-size: 11px !important;
line-height: 22px;
padding: 2px 14px 2px;
margin-top: 9px;
margin-left: 7px;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
}
.tagcloud a:hover {
color: #ffffff;
background-color: var(--maincolor);
}
.widget_text .widget-content p {
color: #565656;
font-size: 11px;
line-height: 22px;
margin: 0;
width: 100%;
}
.widget_text .widget-content p img, .widget_text .widget-content a img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
float: right;
margin-top: 15px;
width: 100%;
}
.widget_text .widget-content p img.wp-smiley {
float: none;
width: auto;
}
.textwidget .widget-content form {
width: 100%;
}
.textwidget .widget-content form select {
margin-top: 10px;
width: 100%;
}
.sb-instagram-widget .instagram-el img {
padding: 3px;
border: 1px solid #e0e0e0;
margin-bottom: 8px;
height: 75px;
}
.sb-instagram-widget .instagram-el img:hover, .sb-instagram-widget .instagram-el img:focus {
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-ms-transform: scale(1.03);
-o-transform: scale(1.03);
transform: scale(1.03);
}
.instagram-bottom-text {
font-size: 11px;
opacity: .5;
}
.instagram-bottom-text span {
background-color: #555;
color: #FFF;
padding: 1px 5px 0px;
}
.widget_mc4wp_form_widget form {
display: block;
position: relative;
border: none;
background-color: #e2b337;
padding: 20px;
font-family: var(--mainfont);
}
.widget_mc4wp_form_widget label {
color: #fff;
}
.widget_mc4wp_form_widget form:before {
content: '';
display: block;
position: absolute;
left: 4px;
right: 4px;
bottom: 4px;
top: 4px;
border: 1px dashed rgba(255, 255, 255, .5);
pointer-events: none;
-webkit-transition: opacity .35s ease-in-out;
-moz-transition: opacity .35s ease-in-out;
-ms-transition: opacity .35s ease-in-out;
-o-transition: opacity .35s ease-in-out;
transition: opacity .35s ease-in-out;
}
.mc4wp-form input[type="email"] {
background-color: #fff;
vertical-align: middle;
color: #999;
outline: 0;
box-shadow: none;
padding: 7px 10px;
font-size: 11px;
line-height: 20px;
border-radius: 6px;
width: 100%;
}
.mc4wp-form label {
display: block;
margin-bottom: 15px;
position: relative;
}
.mc4wp-form input[type="submit"] {
display: block;
background-color: #e7e7e7;
color: #515151;
width: 100%;
border: none;
padding: 6px;
font-size: 12px;
margin-top: 10px;
}
.mc4wp-form input[type="submit"]:hover, .mc4wp-form input[type="submit"]:focus {
color: #282828;
}
.mc4wp-response {
color: #fff;
display: block;
font-size: 12px;
}
.mc4wp-response p {
margin-top: 10px;
}
.about-widget-image {
display: block;
position: relative;
padding-bottom: 30px;
}
.about-widget-image img {
display: block;
width: 100%;
border-radius: 10px !important;
}
.about-widget-image .about-name {
display: block;
position: absolute;
bottom: 15px;
right: 50%;
background-color: #fff;
border-radius: 5px 5px 0 0;
padding: 12px 25px;
box-shadow: -1px 1px 0px rgba(34, 34, 34, .1);
-webkit-box-shadow: 3px 0px 25px -17px rgb(0 0 0 / 68%);
-moz-transform: translateX(50%);
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
.widget .about-name h3 {
line-height: 1.2;
font-size: 12px;
}
.widget .about-content {
margin-bottom: 12px;
line-height: 1.9em;
color: #555;
background-color: #f9fafb;
padding: 10px;
border-radius: 7px;
}
.about-content-wrap>div:not(.about-content){
display: flex;
flex-wrap: nowrap;
align-content: center;
align-items: center;
margin-bottom: 10px;
}
.about-content-wrap .phone strong {
background-color: var(--maincolor);
padding: 0 5px;
margin-right: 3px;
border-radius: 5px;
color: #FFF;
}
.about-content-wrap svg {
width: 20px;
display: inline-block;
margin-left: 10px;
text-align: center;
}
.about-content img {
margin-top: 20px;
}
.tools-item {
width: 100%;
float: right;
margin-top: 10px;
}
.tools-item:hover {
opacity: 0.9;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.tools-item a {
background: var(--maincolor);
float: right;
width: 100%;
line-height: 35px;
height: 36px;
font-size: 12px;
padding: 0 10px 0 10px;
font-weight: 500;
color: #fff;
font-family: var(--mainfont);
background-color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
}
.tools-item a:hover {
color: #FFF
}
.tools-item i {
font-size: 19px;
margin-left: 15px;
float: right;
line-height: 35px;
width: 20px;
text-align: center;
}
.image-ads-wrap {
display: block;
margin: 0 auto 0 auto;
text-align: center;
}
.post_with_thumb {
display: inline-block;
width: 100%;
padding: 0px 0px 8px;
margin-bottom: 8px;
border-bottom: 1px dashed #eff1f5;
}
.post_with_thumb .post-thumb {
float: right;
}
.post_with_thumb .inner {
color: #555;
padding: 0 10px 0 0;
line-height: 1.8em;
font-size: 11px;
display: table-cell;
vertical-align: middle;
}
.post_with_thumb .inner a {
color: #6b6b6b;
font-family: var(--mainfont);
font-size: 11px;
line-height: 17px;
display: block;
}
.post_with_thumb:last-child {
margin-bottom: 0px;
padding-bottom: 0;
border: none;
}
.post_with_thumb .post-thumb img {
display:block;
width: 50px;
height: 50px;
box-shadow: 0 0 10px -5px rgb(0 0 0 / 10%);
border-radius: 7px;
}
.mweb-body .tooltip, .jquery-modal .tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: var(--mainfontnum) !important;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143 !important;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: nowrap;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 10px !important;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.mweb-body .tooltip.top, .jquery-modal .tooltip.top {
margin-top: -11px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.mweb-body .tooltip-inner, .jquery-modal .tooltip-inner {
max-width: 200px !important;
padding: 5px 8px !important;
color: #ffffff;
font-size: 10px;
text-align: center;
background-color: #555 !important;
border-radius: 4px !important;
}
.mweb-body .tooltip_light .tooltip-inner{
color: #333 !important;
background-color: #FFF !important;
box-shadow: 0 0 12px -2px #ddd;
}
.mweb-body .tooltip-arrow, .jquery-modal .tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.mweb-body .tooltip.top .tooltip-arrow, .jquery-modal .tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #555 !important;
}
.mweb-body .tooltip_light .tooltip.top .tooltip-arrow{
border-top-color: white !important;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #555;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #555;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #555;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #555;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #555;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #555;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #555;
}
.single_info_box.flex_info_box {
margin-top: 25px;
display: flex;
justify-content: flex-end;
justify-items: left;
}
.single_info_box .info_box {
margin-bottom: 4px;
padding-right: 8px;
border: 1px dashed #eee;
}
.single_info_box.flex_info_box .info_box{display: inline-block;border: none;margin-left: 10px;background-color: #FFF;box-shadow: inset 19px 0px 16px -14px #f9f9f9;white-space: nowrap;filter: grayscale(90%);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.single_info_box.flex_info_box .info_box:last-child{box-shadow:none}
.single_info_box.flex_info_box .info_box span{
width: 0;
overflow: hidden;
margin-left: 10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.single_info_box.flex_info_box .info_box:first-child, .single_info_box.flex_info_box .info_box:hover{
filter:none;
padding-left:15px;
}
.single_info_box.flex_info_box .info_box:first-child span{
width: auto;
}
.single_info_box.flex_info_box .info_box:not(:first-child):hover span{
width: 90px;
}
.single_info_box .info_box svg {
display: inline-block;
width: 22px;
margin-left: 8px;
color: #666;
vertical-align: middle;
}
.single_info_box.flex_info_box .info_box svg{
width: 22px;
margin-left: 10px;
}
.single_info_box .info_box img {
max-width: 25px;
display: inline-block;
vertical-align: middle;
margin-left: 8px;
}
.single_info_box .info_box span {
font-family: var(--mainfontnum);
color: #898a8b;
font-size: 11px;
display: inline-block;
line-height: 40px;
vertical-align: middle;
}
.single_info_box .no_avl {
background-color: #ffefef;
}
.product_stock{
font-size: 11px;
}
.product_stock svg, .product_stock_i svg{
width: 20px;
vertical-align: middle;
margin-left: 10px;
stroke: #06ce56;
}
.product_stock.no_avl svg, .product_stock_i.no_avl svg{
stroke: #F44336;
}
.list_blog_item {
padding: 0;
display: block;
}
.blog_top {
min-height: 41px;
border-bottom: 1px solid #f3f2f2;
padding: 12px 10px;
box-shadow: 0px 4px 50px -8px #f5f5f5;
}
.is-single .blog_top{
padding: 15px 10px;
}
.blog_comment {
background: #dfe0e3;
color: #FFF;
font-family: var(--mainfontnum);
text-align: center;
margin-top: 2px;
padding: 2px 10px;
font-size: 10px;
position: relative;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
float: left;
}
.blog_comment:after {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #dfe0e3;
position: absolute;
content: '';
right: -1px;
bottom: -2px;
-ms-transform: rotate(-32deg);
-webkit-transform: rotate(-32deg);
transform: rotate(-32deg);
}
.blog_title {
font-family: var(--mainfontnum);
font-size: 13px;
display: inline-block;
vertical-align: middle;
font-weight: 500;
padding-right: 20px;
}
.blog_title a {
color: inherit
}
.blog_icon {
width: 32px;
height: 22px;
padding-left: 10px;
text-align: center;
line-height: 29px;
position: relative;
font-size: 18px;
display: inline-block;
float: right;
color: #8c8c8c;
border-left: 1px dashed #dfe0e3;
}
.list_blog_item .blog_body {
padding: 11px 12px;
margin-top: 0;
}
.blog_body>h1, .blog_body>h2, .blog_body>h3, .blog_body>h4, .blog_body>h5, .blog_body>h6 {
line-height: 2em;
padding-top: 7px;
font-weight:500!important
}
.blog_body>h2 {
font-size: 14px;
}
.blog_body>h3 {
font-size: 13px;
}
.blog_body>h4 {
font-size: 12px;
}
.list_blog_item .blog_body img {
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
display: block;
}
.list_blog_item .desc {
font-family: var(--mainfontnum);
font-size: 12px;
margin-top: 5px;
line-height: 2em;
color: #777;
}
.blog_bottom {
height: 42px;
border-top: 1px solid #f3f2f2;
padding: 5px 10px;
}
.is-single .blog_bottom {
height: 44px;
padding: 6px 10px;
}
.blog_bottom .meta-items-i {
float: right;
margin: 0 5px 0 20px;
line-height: 31px;
font-family: var(--mainfontnum);
font-style: normal;
display: inline-flex;
align-items: center;
}
.blog_bottom .meta-items-i svg {
width: 23px;
float: right;
margin-left: 7px;
line-height: 29px;
stroke: #8a9299
}
.blog_bottom .read_more {
text-align: center;
float: left;
background-color: #dfe0e3;
color: #FFF;
position: relative;
height: 31px;
font-size: 12px;
line-height: 8px;
top: 0px;
padding: 0px 8px 0px 10px;
border-radius: 50px 20px 20px 50px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.blog_bottom .read_more svg{
width: 20px;
stroke: white;
}
.list_blog_item:hover .read_more {
color:white;
background-color: var(--secondcolor);
border-radius: 5px;
}
.entry_single table, #tab-description table {
clear: both;
width: 100%;
margin: 10px 0;
border: 1px solid #eee;
max-width: 100%;
}
.entry_single table td, .entry_single table th, #tab-description table td, #tab-description table th {
padding: 5px;
overflow: hidden;
}
.entry_single table td:focus, .entry_single table th:focus, #tab-description table td:focus, #tab-description table th:focus {
outline: none;
}
.entry_single table thead td, #tab-description table thead td {
border-bottom: 1px solid #eee;
}
.entry_single table tbody tr:nth-child(odd), #tab-description table tbody tr:nth-child(odd) {
background: #fafafa;
}
.entry_single table tbody tr.carHeader {
background: #efefef;
padding: 10px 0;
height: 36px;
}
.entry_single td.in {
color: #00b515;
}
.entry_single td.out {
color: #d60e0e;
}
.entry_single table td {
vertical-align: middle;
border-bottom: 1px dotted #d5d5d5;
padding: 8px 5px;
max-width: 300px;
}
.pagination-wrap {
text-align: center;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 10px;
color: #aaa;
width: calc(100% - 40px);
}
.pagination-text {
font-size: 12px;
line-height: 1.5;
display: block;
margin-top: 10px;
font-style: italic;
}
.pagination-num {
display: inline-block;
color: #fff;
}
.pagination-wrap .page-numbers {
display: inline-flex;
vertical-align: middle;
margin-left: 8px;
height: 32px;
width: 32px;
line-height: 33px;
font-family: var(--mainfontnum);
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
border: none;
text-align: center;
background-color: rgba(0, 0, 0, 0.07);
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
align-items: center;
justify-content: center;
}
.pagination-wrap .page-numbers:last-child {
margin-left: 0;
}
.pagination-wrap .page-numbers svg{
width: 15px;
}
.pagination-wrap.ticket_pagination .page-numbers {
height: 25px;
width: 25px;
line-height: 25px;
}
.pagination-wrap .page-numbers.current, .pagination-wrap a.page-numbers:hover, .pagination-wrap a.page-numbers:focus {
background-color: var(--maincolor);
color: #FFF;
}
.pagination-wrap .page-numbers.current svg, .pagination-wrap a.page-numbers:hover svg, .pagination-wrap a.page-numbers:focus svg {
stroke: #FFF;
}
.pagination-wrap .newer {
display: block;
float: left;
padding-bottom: 2px;
}
.pagination-wrap .older {
display: block;
float: right;
padding-bottom: 2px;
}
.newer a, .older a {
display: block;
line-height: 1;
padding: 5px 15px;
font-style: italic;
border: 2px solid;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}
.newer svg {
margin-right: 5px;
font-style: normal;
}
.older svg {
margin-left: 5px;
font-style: normal;
}
.newer a:hover, .newer a:focus, .older a:hover, .older a:focus {
background-color: #333;
border-color: #333;
color: #fff;
}
.single-inner {
padding-top: 12px;
}
.post-wrapper {
display: inline-block;
width: 100%;
padding: 0;
}
.blog_body , .wc_page_body {
font-family: var(--mainfont);
line-height: 2em;
color: #444;
margin-top: 10px;
overflow: hidden;
font-size: 11px;
}
.entry-content {
padding: 15px 20px 15px 20px;
font-family: var(--mainfont);
line-height: 2.2em;
color: #555;
overflow: hidden;
font-size: 13px;
}
.entry-content strong {
font-weight: 500;
}
.entry-content>img {
max-width: 100%;
display: block
}
.single_blog_thumb {
max-width: 90% !important;
margin: 25px auto;
border-radius: 10px;
box-shadow: 0 0 5px -3px #f3f3f3;
}
.entry-content>p {
padding-bottom:10px
}
.entry-content>p>a, .entry_content_inner>p>a{
border-bottom: 1px dashed var(--maincolor);
color: var(--maincolor);
padding: 0 1px;
}
.entry-content>ul ,.entry-content>ol{
padding-right: 10px;
margin: 10px 0;
line-height: 2em;
}
.entry-content>ol li{
list-style: arabic-indic;
padding-right: 5px;
margin-right: 10px;
}
.entry-content>ul li{
list-style: circle;
padding-right: 5px;
margin-right: 10px;
}
.entry-content>ul li ul,.entry-content>ol li ul{
padding:10px;
}
.entry-content h1 , .entry-content h2 , .entry-content h3 , .entry-content h4 , .entry-content h5 , .entry-content h6{
font-weight: 500;
line-height: 1.8em;
margin-bottom: 5px;
}
.entry-content h1{
font-size: 13px;
}
.entry-content h2{
font-size: 13px;
}
.entry-content h3{
font-size: 12px;
}
.entry-content h4{
font-size: 11px;
}
.entry-content h5{
font-size: 11px;
}
.entry-content h1{
font-size: 11px;
}
.single-page-links {
display: block;
text-align: center;
line-height: 26px;
margin-top: 30px;
margin-bottom: 30px;
}
.single-page-links>* {
display: inline-block;
margin-right: 5px;
height: 26px;
width: 26px;
line-height: 26px;
text-decoration: none !important;
background-color: #aaa;
color: #fff !important;
}
.single-page-links>*:first-child {
margin-right: 5px;
}
.single-page-links>*:last-child {
margin-left: 0;
}
.single-page-links>*:hover, .single-page-links>*:focus, .single-page-links>span {
background-color: #f1f1f1;
}
.blog_tag_wrap {
margin-top: 35px;
border-top: 1px dashed #dedede;
background-color: #fbfbfb;
padding: 6px 0px;
clear: both;
padding-left: 50px;
box-shadow: 0px 15px 50px -12px #f5f5f5;
}
.blog_tag_wrap span {
font-family: var(--mainfont);
font-size: 11px;
color: var(--maincolor);
position: relative;
padding: 5px 10px 5px 13px;
float: right;
line-height: 22px;
margin-left: 5px;
margin-top: -3px;
}
.blog_tag_wrap>a {
color: #949494;
background-color: #ffffff69;
display: inline-block;
font-size: 11px;
line-height: 20px;
padding: 0px 8px 1px;
margin: 3px 2px;
margin-left: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.blog_tag_wrap>a:hover {
background-color: #555555;
color: #FFF
}
.blog_social {
cursor: pointer;
text-align: center;
float: left;
background-color: #eff1f5;
color: #FFF;
position: relative;
height: 31px;
font-size: 11px;
line-height: 10px;
top: 0px;
padding: 0 7px;
border-radius: 25px 7px 7px 25px;
}
.blog_social svg {
width: 20px;
position: relative;
z-index: 1;
vertical-align: middle;
display: inline-block;
top: 5px;
}
.blog_social:hover{
background-color: var(--maincolor)
}
.blog_social:hover svg {
stroke: white
}
.blog_social .blog_socials {
position: absolute;
top: 0px;
left: 0px;
line-height: 22px;
transition: .5s ease;
filter: Alpha(Opacity=0);
opacity: 0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
display: block;
white-space: nowrap;
}
.blog_social:hover .blog_socials {
filter: Alpha(Opacity=100);
-webkit-animation: running .7s ease;
-moz-animation: running .7s ease;
animation: running .7s ease;
left: 39px;
opacity: 1;
}
.blog_social .blog_socials ul li {
display: inline-block;
margin: 0px 5px;
}
.blog_social .blog_socials ul li a {
font-size: 14px;
color: #555555;
background-color: white;
box-shadow: 0 0 15px -2px #f5f5f5;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 50%;
}
.blog_social .blog_socials svg{
width:18px;
}
.blog_social .blog_socials ul li a:hover svg{
stroke: var(--maincolor);
}
.author_wrapper {
background-color: #FFF;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
float: right;
padding: 10px;
}
.author_wrapper .top_social ul li a {
color: #555555;
}
.author_wrapper .top_social ul li {
float: left;
width: 20px;
height: 20px;
margin: 6px 0px 0px 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-align: center;
font-size: 13px;
color: #555555 !important;
line-height: 24px;
}
.author_wrapper .top_social ul li a:hover {
color: var(--maincolor) !important;
}
.author_wrapper .author_img {
width: 90px;
height: 90px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
margin-left: 10px;
float: right;
position: relative;
}
.author_wrapper .author_img img {
width: 90px;
height: 90px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
margin-left: 10px;
float: right;
position: relative;
}
.author_wrapper .author_img:before {
border-radius: 100%;
background-clip: padding-box;
position: absolute;
right: -6px;
top: -6px;
width: 43px;
height: 30px;
padding: 0px;
text-align: center;
text-indent: -3px;
background-color: var(--maincolor);
color: #ffffff;
font-size: 15px;
font-style: normal;
overflow: hidden;
content: "";
z-index: 9;
line-height: 25px;
border: 2px solid #FFF;
-webkit-border-top-right-radius: 14px;
-webkit-border-bottom-left-radius: 117px;
-moz-border-radius-topright: 14px;
-moz-border-radius-bottomleft: 117px;
border-top-right-radius: 77px;
border-bottom-left-radius: 117px;
}
.author_wrapper .writer_name {
font-family: var(--mainfontnum);
font-size: 13px;
color: #333333;
margin-top: 5px;
width: calc(100% - 200px);
}
.author_wrapper .writer_des {
font-family: var(--mainfontnum);
font-size: 12px;
color: #333333;
margin-top: 5px;
width: 100%;
}
.releated_item {
padding: 0;
padding-bottom: 4px;
overflow: hidden;
display: block;
min-height: 215px;
}
.releated_item img {
width: 100%;
width: 100%;
height: auto;
max-height: 140px;
display: block;
}
.releated_item h3 {
font-family: var(--mainfontnum);
margin: 5px 10px;
padding: 0px;
font-size: 12px;
color: #555;
line-height: 20px;
font-weight: 500;
}
.comments-area {
padding: 10px 20px;
background-color: #FFF;
display: inline-block;
width: 100%;
position: relative;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin-bottom: 10px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
}
.comments_number {
font-family: var(--mainfontnum);
font-size: 11px;
float: left;
background-color: rgb(255 255 255);
height: 20px;
line-height: 22px;
color: #555555;
padding: 0 10px;
margin-top: 10px;
position: relative;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.comments_number:after {
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #ffffff;
position: absolute;
content: '';
right: -1px;
bottom: -2px;
-ms-transform: rotate(-32deg);
-webkit-transform: rotate(-32deg);
transform: rotate(-32deg);
}
ul+.comment-respond {
margin-top: 30px
}
.comments-area .reply-title {
margin-bottom: 0;
}
.comments-area>ul {
list-style: none;
padding-right: 0;
padding-top: 8px;
}
.comments-area ul.children {
padding-right: 15px;
}
.comments-area>ul li.comment {
overflow: hidden;
width: 100%;
}
.comments-area>ul li.comment>article {
border-bottom: 1px dashed #e2e3e4;
display: inline-block;
display: block;
margin-bottom: 5px;
padding: 15px 0px 15px;
color: #555;
}
.comments-area>ul li.comment:last-child>article{
border-bottom: none
}
.comments-area>ul li.comment>article:before, .comments-area>ul li.comment>article:after {
content: " ";
display: table;
}
.comments-area>ul li.comment>article:after {
clear: both;
}
@media only screen and (max-width: 667px) {
.comments-area>ul li.comment>article {
margin-bottom: 0;
}
}
.comments-area>ul li.comment>article>* {
float: right;
}
.comments-area>ul li.comment>article .comment-top {
width: calc( 100% - 0px);
}
.comments-area>ul li.comment>article .comment-top .comment-meta {
overflow: hidden;
width: 100%;
}
.comments-area>ul li.comment>article .comment-top .comment-meta .comment-info {
float: right;
}
.comments-area>ul li.comment>article .comment-top .comment-meta .comment-info .comment-author {
font-weight: 500;
font-size: 11px;
line-height: 16px;
margin-bottom: 6px;
margin-left: 10px;
font-style: initial;
float: right;
font-family: var(--mainfontnum);
}
.comments-area>ul li>article .comment-top .comment-meta .comment-author span {
border-radius: 3px;
padding: 0px 10px;
font-size: 12px;
direction: ltr;
display: inline-block;
}
.comments-area>ul li.comment>article .comment-top .comment-meta .comment-info>span {
font-size: 10px;
line-height: 14px;
font-weight: normal;
float: right;
font-family: var(--mainfontnum);
}
.comment-like {
margin: 0px 2px;
color: #777;
float: left;
height: 20px;
overflow: hidden;
padding: 0px 0px 0 8px;
line-height: 17px;
cursor: pointer;
border: 1px solid #eee;
font-size: 11px;
}
.comment-like i {
display: inline-block;
position: relative;
font-size: 14px;
margin: 0px 4px 0px 7px;
top: 1px;
color: #14b112;
}
.comment-dislike {
margin: 0px 2px;
color: #777;
float: left;
height: 20px;
overflow: hidden;
padding: 0px 0px 0 8px;
line-height: 17px;
cursor: pointer;
border: 1px solid #eee;
font-size: 11px;
}
.comment-dislike i {
display: inline-block;
position: relative;
font-size: 14px;
margin: 0px 4px 0px 7px;
top: 1px;
color: #f44336;
}
.comment-like span, .comment-dislike span, .select2-container {
font-family: var(--mainfontnum)
}
.comments-area>ul li.comment>article .comment-top .comment-meta .action-link {
float: left;
}
.comments-area>ul li.comment>article .comment-top .comment-meta .action-link a {
color: #888;
font-family: var(--mainfontnum);
display: inline-block;
font-size: 10px;
line-height: 20px;
height: 20px;
padding: 0 10px 2px;
background-color: #fbfbfb;
}
.comments-area>ul li.comment>article .comment-top .comment-meta .action-link a:not(:last-child) {
margin-right: 20px;
}
.comments-area>ul li.comment>article .comment-top .comment-meta .action-link a:hover {
background-color: var(--maincolor) !important;
color: #FFF !important;
}
.comments-area>ul li.comment>article .comment-content {
margin-top: 10px;
line-height: 2em;
width: 100%;
font-family: var(--mainfontnum);
background-color: #fbfbfb;
text-align: justify;
min-height: 25px;
padding: 10px 10px;
position: relative;
font-size: 12px;
}
.comments-area>ul li.comment>article .comment-content:before {
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #fbfbfb;
top: -5px;
right: 10px;
position: absolute;
}
.comment-navigation {
margin-top: 5px;
}
.nav-previous, .nav-next {
font-family: var(--mainfontnum);
font-size: 11px;
background-color: #fbfbfb;
display: inline;
padding: 3px 5px;
}
.comment-respond {
padding: 0px 0px 15px;
display: block;
}
.comment-reply-form {
padding: 20px 15px;
background-color: #FFF;
display: inline-block;
width: 100%;
position: relative;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
}
.logged-in-as {
padding-bottom: 10px;
padding-right: 5px;
display: block;
opacity: 0.8;
}
.form-allowed-tags {
display: none
}
.comment-notes {
color: #929292;
padding: 12px 7px;
line-height: 1.8em;
display: none
}
.comment-notes #email-notes {
clear: both;
display: block;
color: #14b112;
}
.comment-respond .comment-reply-title, .comment-respond .ui-title-inner {
margin-top: 4px;
margin-bottom: 16px;
font-size: 13px;
position: relative;
font-weight: normal;
font-family: var(--mainfontnum);
}
.comment-respond .comment-reply-title:after, .comment-respond .ui-title-inner:after {
position: absolute;
top: -7px;
right: -40px;
width: 3px;
height: 100%;
background-color: #999;
content: '';
transition: all 0.3s;
z-index: 1000;
}
.comment-respond .decor-1 {
margin-top: 17px;
margin-bottom: 16px;
}
.comment-respond .input-group {
margin-bottom: 20px;
}
.comment-respond .form-control {
margin-bottom: 10px;
background-color: #ffffff;
font-family: var(--mainfontnum);
font-size: 11px;
box-shadow: none;
color: #666;
width: 100%;
text-indent: 15px;
padding: 9px 10px;
border: 1px solid #eaeaea;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.comment-respond .form-control:focus {
background-color: #FFF;
border: 1px solid #EDEDED;
}
.comment-respond textarea.form-control {
background-color: #ffffff;
}
.comment-respond .submit {
border: 0px solid;
font-family: var(--mainfontnum);
font-size: 13px;
background-color: #353a42;
width: 100%;
color: #fff;
padding: 14px 20px;
margin: 10px 0;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
}
.comment-respond .submit:hover {
background-color: var(--maincolor)
}
.woocommerce-Tabs-panel--questions .comment-respond .submit{
width: auto;
}
.woocommerce-Tabs-panel--questions .block-title{
z-index: 0
}
.elementor-widget-block-comment-post .comment-reply-form, .elementor-widget-block-comment-post .comments-area{
box-shadow: unset;
}
.mweb-error, .search-no-result {
width: 100%;
background-color: #fff5f5;
border-radius: var(--borderradius);
position: relative;
overflow: hidden;
padding: 10px 15px;
line-height: 20px;
margin-bottom: 10px;
font-size: 12px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
}
.widget-content .mweb-error, #compare_product_list .mweb-error, .price_chart_content .mweb-error, .modal .mweb-error, .wc-tab .mweb-error, .elementor-widget-container .mweb-error{
box-shadow: none
}
.block-content-inner .mweb-error, .ticket_rows .mweb-error{
box-shadow: none;
margin-bottom: 0;
}
.search-no-result {
margin-top: 20px;
}
.mweb-error h3, .search-no-result h3 {
font-size: inherit;
margin: 0
}
.is-sidebar-right .content-wrap {
order: 1;
}
.content-inner, .page-layout-inner {
padding-top: 14px;
}
.block-inner {
float: right;
width: 100%;
}
.mweb-body {
display: block;
}
.is-boxed .mweb-body {
max-width: 1157px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.21);
z-index: 2;
}
.block-inner {
position: relative;
}
.ad-wrap {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
overflow: hidden;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
background-color: #FFF
}
.ad-wrap img {
margin: auto;
display: block
}
.m_bottom {
padding-bottom: 10px;
}
.mweb-loader {
background: rgba(0, 0, 0, 0) url('assets/images/loading-oval.svg') no-repeat center center;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: .9;
}
.mweb-loader_up, .mweb-loader_down {
position: relative;
}
.mweb-loader_up:after, .mweb-loader_down:after {
content: '';
background: rgb(255 255 255 / 0%) url(assets/images/loading-oval.svg) no-repeat center center;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
backdrop-filter: blur(1.2px);
opacity: .9;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: inherit;
}
.mweb-loader_down:after{
position: inherit;
display: block;
width: 100%;
height: 80px;
background-size: 26px;
transition: all 0.3s;
}
#my-account-menu.position-right {
float: right
}
#my-account-menu.position-right .myaccount-menu li.active a, #my-account-menu.position-right .myaccount-menu li:hover a {
box-shadow: inset -3px 0 var(--maincolor);
}
#my-account-menu .myaccount-menu li>a>.fa {
margin-left: 6px;
color: gainsboro;
}
#my-account-menu-tab .myaccount-menu li {
float: right;
margin-right: 0px;
margin-left: 5px;
}
#my-account-menu .myaccount-menu li.active span, #my-account-menu-tab .myaccount-menu li.active>a {
font-weight: normal
}
.user-profile .user-info .logout a {
font-size: 11px !important;
}
.accordion, .accordion-shortcode {
margin-bottom: 20px;
padding: 0 15px;
}
.accordion .accordion-item-title {
display: block;
color: #555;
padding: 8px 0px 8px 40px;
border-bottom: 1px solid #f5f5f5;
position: relative;
cursor: pointer;
line-height: normal !important;
margin-bottom: 3px !important;
font-weight: 500;
font-size: 13px;
}
.accordion .accordion-item-title::before {
content: "+";
color: #696969;
margin-left: 10px;
font-size: 13px;
display: inline-block;
vertical-align: middle;
text-align: center;
line-height: 20px;
font-weight: normal;
background-color: #f9f9f9;
width: 20px;
height: 20px;
border-radius: 16px;
font-family: Tahoma, var(--mainfont);
}
.accordion .accordion-item-title.active::before {
content: '-';
color: inherit;
}
.accordion .accordion-item-content {
overflow: hidden;
padding: 15px;
border: 1px solid #f5f5f5;
border-radius: var(--borderradius);
margin-bottom: 10px;
line-height: 2em;
color: #666;
}
.accordion .accordion-item-content p:last-child {
margin-bottom: 0;
}
.accordion .accordion-item-title.active {
color: var(--maincolor);
}
.accordion .accordion-item-title:hover::before, .accordion .accordion-item-title.active::before, .accordion .accordion-item-title:hover {
color: var(--maincolor);
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.accordion-hide {
display: none;
}
.accordion-item-content li, .blog-mweb-caption li {
margin-bottom: 8px;
font-weight: 500;
font-size: 0.95em;
}
.accordion-item-content li:before, .blog-mweb-caption li:before {
content: "";
background-color: #dde1e8;
margin-left: 10px;
font-size: 12px;
vertical-align: middle;
display: inline-block;
width: 3px;
height: 7px;
border-radius: 7px;
}
.content-404-inner {
display: flex;
overflow: hidden;
height: 100vh;
text-align: center;
flex-direction: column;
align-content: space-around;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
padding: 60px 0;
}
.content-404 {
position: relative;
z-index: 10;
}
@-webkit-keyframes blink {
0%, 100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(0.4);
opacity: 0.5;
}
}
@keyframes blink {
0%, 100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(0.4);
opacity: 0.5;
}
}
@-webkit-keyframes floating {
0%, 100% {
transform: translate(3px, 3px) rotate(-2deg);
}
20% {
transform: translate(-1px, -1px) rotate(2deg);
}
40% {
transform: translate(3px, -2px) rotate(2deg);
}
60% {
transform: translate(1px, 1px) rotate(1deg);
}
80% {
transform: translate(-1px, -1px) rotate(2deg);
}
}
@keyframes floating {
0%, 100% {
transform: translate(3px, 3px) rotate(-2deg);
}
20% {
transform: translate(-1px, -1px) rotate(2deg);
}
40% {
transform: translate(3px, -2px) rotate(2deg);
}
60% {
transform: translate(1px, 1px) rotate(1deg);
}
80% {
transform: translate(-1px, -1px) rotate(2deg);
}
}
.content-404-inner .icon-wrap {
font-size: 10em;
font-weight: 600;
color: var(--maincolor);
position: relative;
z-index: 9;
}
.content-404-inner .circle{
position: absolute;
max-width: 480px;
max-height: 480px;
background-color: #fff;
}
.content-404-inner .icon-wrap i{
display:inline-block;
font-style: inherit;
animation: 3s linear 0s infinite normal none running floating;
}
.content-404-inner .icon-wrap i:nth-child(2){color: #333;}
.content-404-inner .one .content .piece,
.content-404-inner .two .content .piece,
.content-404-inner .three .content .piece,
.content-404-inner .circle .content .piece,
.content-404-inner .p404 .content .piece {
width: 200px;
height: 80px;
display: flex;
position: absolute;
border-radius: 80px;
z-index: 1;
animation: pieceLeft 8s cubic-bezier(1, 0.06, 0.25, 1) infinite both;
opacity:0.3
}
@keyframes pieceLeft {
50% {
left: 80%;
width: 10%;
}
}
@keyframes pieceRight {
50% {
right: 80%;
width: 10%;
}
}
.content-404-inner .one .content .piece {
background: rgb(0 0 0 / 11%);
}
.content-404-inner .one .content .piece:nth-child(1) {
right: 15%;
top: 18%;
height: 30px;
width: 120px;
animation-delay: 0.5s;
animation-name: pieceRight;
}
.content-404-inner .one .content .piece:nth-child(2) {
left: 15%;
top: 45%;
width: 150px;
height: 50px;
animation-delay: 1s;
animation-name: pieceLeft;
}
.content-404-inner .one .content .piece:nth-child(3) {
left: 10%;
top: 75%;
height: 20px;
width: 70px;
animation-delay: 1.5s;
animation-name: pieceLeft;
}
.content-404-inner .two .content .piece {
background: linear-gradient(90deg, #ffffff 0%, #eff1f5 100%);
}
.content-404-inner .two .content .piece:nth-child(1) {
left: 0%;
top: 25%;
height: 40px;
width: 120px;
animation-delay: 2s;
animation-name: pieceLeft;
}
.content-404-inner .two .content .piece:nth-child(2) {
right: 15%;
top: 35%;
width: 180px;
height: 50px;
animation-delay: 2.5s;
animation-name: pieceRight;
}
.content-404-inner .two .content .piece:nth-child(3) {
right: 10%;
top: 80%;
height: 20px;
width: 160px;
animation-delay: 3s;
animation-name: pieceRight;
}
.content-404-inner .three .content .piece {
background: #e7e7e7;
}
.content-404-inner .three .content .piece:nth-child(1) {
left: 25%;
top: 35%;
height: 20px;
width: 80px;
animation-name: pieceLeft;
animation-delay: 3.5s;
}
.content-404-inner .three .content .piece:nth-child(2) {
right: 10%;
top: 55%;
width: 140px;
height: 40px;
animation-name: pieceRight;
animation-delay: 4s;
}
.content-404-inner .three .content .piece:nth-child(3) {
left: 40%;
top: 68%;
height: 20px;
width: 80px;
animation-name: pieceLeft;
animation-delay: 4.5s;
}
.content-404-inner {
position: relative;
}
.content-404-inner h1{
font-weight: 500;
}
.title-404.post-title {
color: #888;
}
.gotoback-404{
display: inline-block;
padding: 0 15px;
margin: 15px;
height: 32px;
-webkit-border-radius: 40px;
border-radius: 40px;
background-color: rgb(51 51 51);
color: #fff !important;
font-weight: 500;
text-align: center;
font-size: inherit;
line-height: 33px;
box-shadow:0 0 35px -10px rgb(0 0 0 / 9%);
}
.title-404 ul {
margin-top: 14px;
}
.title-404 li {
font-size: 11px;
margin-bottom: 8px;
}
div.wpcf7-response-output {
margin: 0 0 5px;
border: none
}
div.wpcf7-mail-sent-ng {
border: none
}
div.wpcf7-validation-errors {
border: none;
background: #f2dede;
color: #b94a48;
padding: 6px 15px
}
div.wpcf7-mail-sent-ok {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
background-repeat: repeat-x;
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFDFF0D8', endColorstr='#FFC8E5BC', GradientType=0);
border-color: #b2dba1;
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
background-image: none
}
div.wpcf7-mail-sent-ok hr {
border-top-color: #c9e2b3
}
div.wpcf7-mail-sent-ok .alert-link {
color: #2b542c
}
div.wpcf7-validation-errors {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1
}
span.wpcf7-not-valid-tip {
margin: -10px 0 10px
}
.wpcf7-form .wpcf7-text {
max-width: 100%;
width: 100%;
margin-bottom: 10px;
border-radius: var(--borderradius);
line-height: 24px;
}
.wpcf7-form .wpcf7-select {
max-width: 100%;
min-width: 200px;
margin-bottom: 10px;
border-radius: var(--borderradius);
}
.wpcf7-form .wpcf7-checkbox {
max-width: 100%;
display: inline-block;
width: 100%;
margin-bottom: 15px;
}
.wpcf7-form .wpcf7-textarea {
max-width: 100%;
width: 100%;
margin-bottom: 0;
max-height: 180px;
border-radius: var(--borderradius);
}
.wpcf7-form .wpcf7-submit {
border: none;
border-radius: var(--borderradius);
padding: 5px 30px;
background-color: #626a73;
}
.wpcf7-form br {
display: none
}
div.wpcf7 label{
font-size: 12px;
}
.mweb-popup .mfp-figure:after {
background: transparent;
box-shadow: none
}
.wpcf7-form-control-wrap {
display: block;
padding-top: 9px;
}
.mweb-popup .mfp-container, .mweb-popup.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mweb-popup.mfp-ready .mfp-container {
opacity: 1;
}
.mweb-popup.mfp-ready.mfp-bg {
opacity: 0.6;
}
.mweb-popup.mfp-removing .mfp-container, .mweb-popup.mfp-removing.mfp-bg {
opacity: 0;
}
.mweb-popup .mfp-content {
text-align: center;
}
.mweb-popup .white-popup {
display: inline-block;
margin: 0 auto;
position: relative;
background: transparent;
text-align:right;
}
.mweb-popup .white-popup .mfp-close {
top: -40px;
}
.mfp-close{
background-color: transparent;
font-weight: normal !important;
font-size: 28px !important;
}
.nav-tabs_trigger {
float: left;
font-size: 17px;
padding: 0px 4px 0;
color: #717171;
cursor: pointer;
display: none
}
.banner-image-wrap {
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 120px;
background-color: #fff;
-webkit-transition: opacity .35s ease-in-out;
-moz-transition: opacity .35s ease-in-out;
-ms-transition: opacity .35s ease-in-out;
-o-transition: opacity .35s ease-in-out;
transition: opacity .35s ease-in-out;
}
.banner-content-wrap {
display: block;
left: 50%;
top: 50%;
position: absolute;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-content-wrap .banner-content-inner {
padding: 0;
margin: 0;
}
.banner-content-wrap span {
display: inline-block;
line-height: 1;
padding: 6px 15px 8px;
background-color: rgba(255, 255, 255, 0.95);
color: #949494;
font-size: 11px;
white-space: nowrap;
}
.media-shortcode {
width: 100%;
}
.footer_center {
display: inline-block;
width: 100%;
margin-top: 30px;
padding: 15px 0px 0px 0px;
border-top: 1px dashed rgba(255, 255, 255, 0.18);
}
.app_btn {
position: relative;
transition: all 0.3s ease 0s;
padding: 5px 20px;
margin-left: 10px;
background-color: rgba(0, 0, 0, 0.28);
color: #fff;
border-radius: 50px;
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
}
.app_btn:hover {
background-color: #FFF
}
.app_btn svg {
width: 29px;
margin-top: 1px;
padding: 0;
fill: #FFF;
display: inline-block;
vertical-align: middle;
float: right;
margin-left: 7px;
}
.app_btn:hover svg{
fill: #404763;
}
.app_btn .normal_txt {
display: block;
font-size: 10px;
font-weight: 500;
margin-top: 2px;
padding-right: 30px;
padding-left: 5px;
font-family: var(--mainfont);
opacity: 0.9;
}
.app_btn .big_txt {
display: block;
font-size: 14px;
font-weight: bold;
margin-top: -3px;
padding-right: 30px;
text-align: right;
}
.footer_center .mc4wp-form {
display: inline-block;
width: 70%;
float: left;
}
.footer_center .mc4wp-form-fields {
position: relative;
width: 100%;
}
.footer_center .mc4wp-form input[type="email"] {
display: block;
width: 100%;
line-height: 24px;
padding: 10px 40px 10px 25px;
height: 43px;
font-size: 12px;
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0.20);
background: none;
border-radius: 24px;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
transition: all 500ms ease;
}
.footer_center .mc4wp-form input[type="submit"] {
position: absolute;
left: 5px;
top: 4px;
width: auto;
height: 35px;
line-height: 25px;
text-align: center;
padding: 6px 20px;
background-color: rgba(255, 255, 255, 0.20);
margin: 0;
color: rgba(255, 255, 255, 0.48);
font-size: 12px;
border-radius: 50px;
cursor: pointer;
box-shadow: none;
}
.footer_center .mc4wp-form input[type="submit"]:hover {
background-color: #FFF;
color: #555;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.head_2{
}
.head_3 .logo {
float: right
}
.head_3 .fullwidth_shop_cart {
margin-left: 0;
margin-right: 10px;
}
.head_3 .fullwidth_menu {
}
.head_3 .shop_cart .shop_detail {
left: 0;
right: auto
}
.head_3 form.search_wrap {
width: calc(100% - 225px);
box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.15);
}
.head_3 .top_icons {
float: left;
margin-left: 0;
margin-right: 10px;
margin-top: 21px;
}
.head_3 .fullwidth_shop_cart .top_cart_title {
background-color: rgba(255, 255, 255, 0.15);
}
.head_3 .shop_cart a .shop-badge {
background-color: rgba(255, 255, 255, 0.20);
}
.head_3 .full_header_wrap {
background-color: var(--headcolor);
}
.head_3_menu {
display: none;
margin-top: 5px;
position: absolute;
top: 100%;
right: 0;
min-width: 200px;
box-shadow: 3px 3px 45px -12px rgb(0 0 0 / 5%);
}
.head_3 .main-nav-inner, .fullwidth_menu .main-nav-inner {
width: auto !important;
}
.head_3_menu.right_menu .mweb-drop-down ul li.wide .second {
width: 571%;
}
.mega_bkg {
width: 180px;
float: right;
position: relative;
z-index: 998;
}
.mega_bkg.elm_bkg{
width: auto;
float: none;
}
.mega_bkg .menu_title {
color: #555;
cursor: pointer;
font-size: 13px;
margin-bottom: 0px;
padding: 19px 16px 16px 16px;
font-weight: 500;
margin-top: -7px;
background: #E1E1E1;
position: relative;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.mega_bkg.elm_bkg .menu_title{
margin-top: 0px;
padding: 10px 16px 10px 16px;
white-space: nowrap;
}
.mega_bkg .menu_title:after {
border-top: 10px solid #C4C4C4;
border-top-right-radius: 10%;
position: absolute;
content: "";
top: 2px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
left: -5px;
border-right: 10px solid transparent;
height: 0;
z-index: -1;
}
.mega_bkg.elm_bkg .menu_title:after{
content:normal;
display:none
}
.mega_bkg .menu_title svg{
vertical-align: middle;
margin-left: 10px;
width: 24px;
}
.mega_bkg.active .menu_title{
background-color: var(--maincolor);
color: #FFF
}
.mega_bkg.active .menu_title svg{
stroke: #FFF;
fill: #FFF
}
.mobile-menu-wrap .menu-has_icon {
font-size: 14px;
margin-left: 7px;
position: relative;
top: 3px;
}
#popup-share-wrap {
max-width: 430px;
}
#popup-share-wrap>p{
font-size: 12px;
padding-bottom: 12px;
font-weight: 500;
color: #555;
}
.product_shortlink{
position: relative;
margin-top: 10px;
}
.product_shortlink input{
display: block;
width: 100%;
text-align: left;
letter-spacing: 1px;
font-family: var(--mainfont);
line-height: 26px;
font-size: 12px;
padding: 4px 27px 4px 10px;
border: 1px solid #e8e8e8;
border-radius: var(--borderradius);
color: #929292;
direction: ltr;
}
.product_shortlink .btn_copy{
position: absolute;
top: 8px;
right: 10px;
cursor: pointer;
}
.product_shortlink:hover svg{
stroke: var(--maincolor)
}
.product_shortlink svg{
width: 19px;
color: #ccc;
}
.product_share {
display: inline-block;
width: 100%;
clear: both;
}
.modal .product_share {
border-bottom: 1px dashed #e2e3e4;
padding: 0px 0px 10px;
}
.product_share ul li{
display:inline-block;
margin-left: 6px;
}
.product_share ul li a {
width: 30px;
height: 30px;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
background-color: #fff;
color: #FFF;
text-align: center;
line-height: 30px;
box-shadow: 0 0 10px -4px #6666668f;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
}
.product_share ul li a svg{
width: 17px;
}
.product_share.coloring ul li a svg{
fill: #FFF;
stroke: #FFF;
}
.product_share.coloring ul li a:hover{
background-color:#333
}
.coloring .bg-facebook {
background-color: #3d5b99;
}
.coloring .bg-twitter {
background-color: #00aced;
}
.coloring .bg-rss {
background-color: #eb8231;
}
.coloring .bg-youtube {
background-color: #e64a41;
}
.coloring .bg-linkedin {
background-color: #0073a4;
}
.coloring .bg-google-plus {
background-color: #e25714;
}
.coloring .bg-instagram {
background-color: #00aced;
}
.coloring .bg-telegram {
background-color: #00aced;
}
.coloring .bg-whatsapp {
background-color: #12b30e;
}
.coloring .bg-pinterest {
background-color: #d01919;
}
.coloring .bg-sms {
background-color: coral;
}
.discount_title {
display: flex;
font-weight: 500;
width: 80px;
height: 80px;
margin-top: 22px;
flex: 0 0 80px;
background-color: var(--maincolor);
color: #FFF;
border-radius: 50%;
text-align: center;
justify-content: center;
align-items: center;
font-size: 12px;
line-height: normal;
flex-direction: column;
position: relative;
z-index: 5
}
.elementor-widget-block-deal-timeline .block-title:before, .elementor-widget-product-tabs .block-title:before {
display:none
}
.discount_num_wrap {
position: absolute;
right: 21px;
bottom: -7px;
}
.discount_num {
padding: 0px 10px;
font-family: var(--mainfontnum);
line-height: 15px;
height: 17px;
font-size: 12px;
border-radius: 4px;
background-color: var(--maincolor);
border: none;
color: white;
font-size: 11px;
padding: 0px 4px;
border-radius: 50px;
box-shadow: 0 0 0 2px #FFF;
}
.deal_tab {
position: relative;
overflow: hidden;
}
.deal_tab .deal_label {
position: absolute;
background-color: var(--maincolor);
width: 50px;
height: 50px;
line-height: 70px;
padding-right: 8px;
border-radius: 30px;
left: -18px;
top: -20px;
font-family: var(--mainfontnum);
color: #FFF;
font-size: 11px;
}
.deal_tab .product-detail-area {
padding-left: 20px;
}
.term-description-wrap {
background-color: #FFF;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin: 0px 0 10px;
color: #444;
font-family: var(--mainfont);
font-size: 12px;
line-height: 30px;
padding: 15px 20px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1);
}
.term-description {
height: 9em;
line-height: 2.3em;
overflow: hidden;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
position: relative;
}
.term-description * {
position: relative;
z-index: 1;
}
.term-description:after{
content:'';
position: absolute;
right: 0;
left: 0;
bottom: 0;
height: 11em;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 93%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 100%);
}
.term-description.desc_show {
height: auto;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.term-description.desc_show:after{
opacity:0
}
.term-description-wrap .loadmore {
display: inline-block;
width: 130px;
text-align: center;
border-radius: 26px;
line-height: 27px;
font-size: 11px;
margin-right: calc(50% - 65px);
margin-top: 25px;
border: 1px dashed #dbdcdc;
color: #8a8a8a;
cursor: pointer;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.term-description-wrap .loadmore:hover {
background-color: var(--maincolor);
color: #FFF
}
.block-title .archive_thumbnail{
max-width: 45px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
background-color: #fff;
border: 2px solid #fff;
border-radius: 10px 10px;
box-shadow: 0 1px 7px -3px rgb(0 0 0 / 10%);
}
.header_offer {
color: #FFF;
}
.header_offer p {
padding: 10px 0;
}
.header_offer p , .header_offer a{
color: inherit
}
.header_offer img {
display: block;
margin: 0 auto;
}
.bg_gradient_animation {
color: #fff;
background: linear-gradient(-45deg,#ed1c66,#6a23d5,#23a6d5,#23d5ab,#FFC107,#e8890c,#e73c7e);
background-size: 400% 400%;
-webkit-animation: gradient 15s ease infinite;
animation: gradient 15s ease infinite;
}
@-webkit-keyframes gradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes gradient {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
.elm_txt_l{
background-color: #F4433A;
padding: 1px 10px;
position: absolute;
color: #FFF;
top: 12px;
left: -13px;
z-index: 2;
-moz-transform: skewX(-15deg) skewY(0deg);
-webkit-transform: skewX(-15deg) skewY(0deg);
transform: skewX(-15deg) skewY(0deg);
font-size: 11px;
line-height: 18px;
}
.elm_txt_l:before {
content: '';
position: absolute;
top: -4px;
left: 0;
width: 0;
height: 0;
border-left: 1px solid transparent;
border-right: 56px solid transparent;
border-bottom: 4px solid #F4433A;
}
.elm_txt_l:after{
content: '';
position: absolute;
bottom: -8px;
left: 0;
width: 0;
height: 0;
border-top: 9px solid #ca2828;
border-right: 0px solid transparent;
border-left: 8px solid transparent;
}
.elm_txt_l span{
position: relative;
top: -1px;
display: block;
-moz-transform: skewX(15deg) skewY(0deg);
-webkit-transform: skewX(15deg) skewY(0deg);
-o-transform: skewX(15deg) skewY(0deg);
-ms-transform: skewX(15deg) skewY(0deg);
transform: skewX(15deg) skewY(0deg);
}
.upcoming_badge{
background-color: var(--secondcolor);
padding: 1px 10px;
position: absolute;
color: #FFF;
top: 0px;
right: 0px;
border-radius: 15px;
z-index: 2;
font-family: var(--mainfontnum);
}
.featured_label {
background-color: #ffc107;
}
.featured_label:before {
border-right: 38px solid transparent;
border-bottom: 4px solid #ffc107;
}
.featured_label:after{
border-top: 9px solid #c89b16;
}
.featured_label + .custom_label{
top: 26px !important;
}
.custom_label{
background-color: var(--secondcolor);
}
.custom_label:before {
border-right: 34px solid transparent;
border-bottom: 4px solid var(--secondcolor);
}
.custom_label:after{
border-top: 9px solid var(--secondcolor);
}
.entry-img .featured_label{
left: -3px;
}
.labelstyle_three .item:not(.item_simple) .elm_txt_l, .labelstyle_two .item:not(.item_simple) .elm_txt_l{
-moz-transform: unset;
-webkit-transform: unset;
transform: unset;
top: 1px;
left: 0px;
border-radius: 7px 7px 7px 0;
}
.labelstyle_two .item:not(.item_simple) .elm_txt_l{
border-radius:10px;
}
.labelstyle_three .elm_txt_l:before, .labelstyle_two .elm_txt_l:before,.labelstyle_two .elm_txt_l:after{
display: none;
}
.labelstyle_three .elm_txt_l:after{
bottom: -4px;
border-left: unset;
border-top-width: 5px;
border-right: 9px solid transparent;
}
.labelstyle_three .elm_txt_l span, .labelstyle_two .elm_txt_l span{
-moz-transform: unset;
-webkit-transform: unset;
transform: unset;
}
.labelstyle_three .out_of_stock:after{
border-top-color: #f4433a;
}
.labelstyle_three .featured_label:after {
border-top-color: #ffc107;
}
.page_onsale .onsale_col:nth-child(odd) {
clear: right
}
.product-deal_loop {
margin-bottom: 12px;
}
.product-deal_loop .item-area {
padding: 15px 15px !important;
min-height: 340px;
}
.product-deal_loop .home-dailydeal {
border: 4px double #eee;
padding: 8px 15px;
border-radius: 5px;
}
.product-deal_loop .price del{
display: inline-block;
vertical-align: middle;
}
.product-deal_loop .price del .amount{
display: block;
line-height: 21px;
}
.product-deal_loop .home-dailydeal .product-date {
float: left
}
.product-deal_loop .woocommerce-product-details__short-description {
max-height: 136px;
overflow: hidden;
}
.product-deal_loop .product-image-area {
margin-bottom: 10px;
}
.realtime_product {
}
.realtime_product .product-image img {
display: block;
margin: auto;
height: auto;
}
.realtime_product .product-detail-area {
display: inline-block;
width: 100%;
padding-top: 15px;
}
.realtime_product .product-detail-area h3 {
font-weight: 500;
padding-bottom: 10px;
font-size: 13px;
}
.realtime_slider_wrap .slider-progress-wrap{
margin: 10px 15px;
}
.realtime_slider_wrap .slider-progress {
width: 0;
max-width: 100%;
height: 2px;
border-radius: 10px;
background: var(--secondcolor);
background: -moz-linear-gradient(left,  var(--secondcolor) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left,  var(--secondcolor) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  var(--secondcolor) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1919', endColorstr='#00ffffff',GradientType=1 );
}
.realtime_product .product-detail-area .realtime_info{
border: 1px dashed #ddd;
display: block;
border-radius: 49px;
padding-right: 10px;
overflow: hidden;
}
.realtime_product .product-detail-area .realtime_price {
display: inline-block;
line-height: 37px;
}
.realtime_product .product-detail-area .realtime_price del{
line-height: 25px;
}
.realtime_product .product-detail-area .realtime_price del>span{font-size: 12px;line-height: initial;padding-left: 0;}
.realtime_product .product-detail-area .realtime_price del span span{display:none}
.realtime_product .product-detail-area .realtime_more {
float: left;
background-color: var(--secondcolor);
border-radius: 25px;
line-height: 34px;
font-size: 13px;
height: 30px;
width: 30px;
text-align: center;
margin-top: 4px;
color: #FFF;
margin-left: 4px;
}
.realtime_product .product-detail-area .realtime_more svg{
stroke: #FFF;
width: 20px;
vertical-align: middle;
}
.realtime_title{
background-color: var(--maincolor);
color: #fff;
padding: 8px;
text-align: center;
font-size: 13px;
font-family: var(--mainfont);
font-weight: 500;
margin: 0 20%;
border-radius: 0 0 var(--borderradius) var(--borderradius);
margin-bottom: 2px;
}
.realtime_loop_2 .item-area{
text-align: center;
box-shadow: unset !important;
margin-bottom: 0;
padding: 0;
}
.item.realtime_loop_2 .item-area .product-name{ margin: 10px 0 0 0; }
.realtime_nav{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
}
.realtime_nav .mweb-rts-next, .realtime_nav .mweb-rts-prev{
line-height: 0;
cursor:pointer;
transition:all 0.3s;
}
.realtime_nav .mweb-rts-next svg, .realtime_nav .mweb-rts-prev svg{
width: 15px;
stroke: #ddd;
}
.realtime_nav .mweb-rts-next:hover svg, .realtime_nav .mweb-rts-prev:hover svg{
stroke: var(--maincolor);
}
.realtime_nav .mweb-swiper-pagination{
padding: 0;
}
.realtime_nav .mweb-swiper-pagination .swiper-pagination-bullet{
margin: 0 2px !important;
width: 5px;
}
.realtime_nav .mweb-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: var(--maincolor);
width: 15px;
}
.woo_like_dislike {
float: left;
padding-left: 10px;
margin-top: -2px;
}
.woo_like_dislike span {
-webkit-filter: grayscale(90%);
filter: grayscale(90%);
opacity: 0.6;
}
.woo_like_dislike span:hover {
-webkit-filter: none;
filter: none;
opacity: 1;
}
.btn.btn-shortcode {
display: inline-block;
padding: 7px 15px !important;
font-size: 12px !important;
line-height: 1.3 !important;
margin-right: 10px;
font-weight: 500;
margin-bottom: 10px !important;
color: #fff !important;
background-color: #555;
text-decoration: none !important;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.btn.btn-shortcode:hover, .btn.btn-shortcode:focus {
background-color: var(--maincolor);
border: none
}
.btn.btn-shortcode.is-round {
border-radius: 18px;
}
.btn.btn-shortcode.is-3d {
border-radius: 6px;
position: relative;
z-index: 2;
}
.btn.btn-shortcode.is-3d:after {
content: '';
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 3px;
bottom: -3px;
background-color: inherit;
border-radius: 6px;
opacity: .7;
}
.accordion-shortcode {
display: block;
padding: 10px 5px 10px 5px !important;
margin-bottom: 5px !important;
}
.media-shortcode {
position: relative;
margin: 10px 0;
}
.media-shortcode .ratio {
display: block;
width: 100%;
height: auto;
}
.media-shortcode iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.row-shortcode {
display: block;
margin-bottom: 10px;
}
.col-shortcode {
padding-left: 10px !important;
padding-right: 10px !important;
}
.sms-notif-enable-p {
cursor: pointer;
border: 1px solid #e5e5e5;
padding: 7px 20px 7px 20px;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
font-family: var(--mainfont);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
clear: both;
max-width: 272px;
position: relative;
color: #4f596b;
background-color: #f5f6f7;
cursor: pointer;
}
.sms-notif-enable-p input[type=checkbox] {
position: absolute;
visibility: hidden;
opacity: 0;
}
.sms-notif-enable-p input[type=checkbox]+label {}
.sms-notif-enable-p input[type=checkbox]:checked+label {
color: #636363;
}
.sms-notif-content {
display: none;
padding: 10px;
margin-top: 10px;
background-color: #f5f6f7;
border-radius: 4px;
}
.sms-notif-groups-p {
margin-bottom: 8px;
}
.sms-notif-groups-p input[type=checkbox] {
position: relative;
top: 3px;
margin-left: 5px;
}
.sms-notif-submit {
border: 1px solid #636363;
padding: 0px 20px 0px 20px;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
font-family: var(--mainfont);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #5a5a5a;
color: #FFF;
margin-top: 5px;
line-height: 27px;
font-size: 11px;
font-weight: 500;
}
.sms-notif-mobile {
line-height: 25px;
border: 1px solid #dadada !important;
border-radius: 3px !important;
}
.sms-notif-mobile-div {
display: inline-block;
}
.mweb-quick-view h1 {
padding-bottom: 10px;
font-size: 14px;
}
.return-to-shop {
padding-top: 10px;
display: block;
height: 56px;
text-align: center;
}
.return-to-shop .button {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius:5px;
padding:6px 15px;
}
.compare_search_wrap{
max-width:750px;
}
.compare_search_wrap form.search_wrap{
width: 100%;
border-radius: 7px;
box-shadow: 0 0 0px 2px #f3f3f7;
margin-bottom: 15px;
}
.compare_search_wrap form.search_wrap input{width: calc(100% - 50px);}
.compare_search_wrap form.search_wrap i.search_icon{
line-height: 33px;
}
#compare_product_list{
position: relative;
height: 350px;
overflow: hidden;
}
.compare_search_wrap .item .item-area{
box-shadow: none !important;
border: 1px dashed #e5e6ea;
}
.cart-empty {
background-color: rgba(255, 0, 0, 0.1);
padding: 5px 15px;
}
.flex_row{
display: flex !important;
flex-wrap: nowrap;
}
.flex_space-between{
justify-content: space-between;
}
.margin_10{
margin: 15px 0;
}
.tb_sticky.table-compare thead tr th ,.tb_sticky.table-compare thead tr td{
background: white;
position: sticky;
z-index: 1;
top: 0;
box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.1);
}
.tb_sticky.table-compare .product-info span{
display:none
}
.tb_sticky.table-compare .product-image img {
max-width: 60px;
}
.tb_sticky .add_to_compare_wrap svg{
width: 23px;
}
.mweb-js-loaded .block-ajax-filter-wrap {
visibility: visible;
opacity: 1;
-webkit-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-ms-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
transition: opacity .3s linear;
}
.block-ajax-filter-wrap {
display: inline-block;
float: left;
visibility: hidden;
color: #aaa;
font-size: 11px;
opacity: 0;
position: relative;
}
.block-ajax-filter-inner {
line-height: 1;
}
.ajax-filter-list {
display: inline-block;
background-color: #ffffff;
padding: 0 12px;
border-radius: var(--borderradius);
line-height: 29px;
margin-top: 5px;
color: #444;
height: 28px;
border-left: 3px solid rgb(0 0 0 / 20%);
}
.ajax-filter-el {
-webkit-transition: opacity .3s linear;
-moz-transition: opacity .3s linear;
-ms-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
transition: opacity .3s linear;
}
.ajax-filter-list li {
display: inline-block;
}
.ajax-filter-list li:first-child {
margin-left: 0;
}
.ajax-filter-link {
display: block;
padding: 0 8px;
text-transform: inherit;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
position: relative;
}
.ajax-filter-dropdown-list a.ajax-filter-link {
margin: 0 !important;
padding: 0 15px;
border: none !important;
border-radius: 0 !important;
line-height: 22px !important;
webkit-border-radius: 0 !important;
}
.ajax-filter-dropdown {
position: relative;
display: inline-block;
line-height: 1;
cursor: pointer;
}
.ajax-filter-more {
display: inline-block;
margin-right: 5px;
padding: 0 10px;
text-transform: inherit;
border-radius: 22px;
color: #444;
line-height: 20px;
margin-top: 9px;
background-color: #ebebed;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
pointer-events: none;
}
.ajax-filter-dropdown:hover .ajax-filter-more {
color: #282828;
}
.is-light-text .ajax-filter-dropdown:hover .ajax-filter-more {
color: #fff;
}
.ajax-filter-more i {
margin-right: 5px;
vertical-align: middle;
font-size: 12px;
display: inline-block;
background-color: #cccccc;
border-radius: 50%;
width: 11px;
height: 11px;
text-align: center;
color: #FFF;
margin-right: 7px;
}
.ajax-filter-link:hover, .ajax-filter-link:hover, .ajax-filter-link.is-active {
color: #282828;
box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
}
.ajax-filter-link.is-active:before {
width: 5px;
height: 5px;
background-color: var(--secondcolor);
position: relative;
display: inline-block;
margin-left: 6px;
border-radius: 9px;
content: '';
}
.ajax-filter-dropdown-list {
position: absolute;
top: 105%;
left: 0;
right: auto;
z-index: 9999;
display: block;
visibility: hidden;
border-radius: 5px;
padding: 10px 0;
min-width: 135px;
background-color: #fff;
-webkit-box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.05);
box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.05);
opacity: 0;
cursor: default;
-webkit-transition: -webkit-transform .3s ease-in-out;
-moz-transition: -moz-transform .3s ease-in-out;
-ms-transition: -ms-transform .3s ease-in-out;
-o-transition: -o-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
pointer-events: none;
}
.ajax-filter-dropdown-list .ajax-filter-link:hover, .ajax-filter-dropdown-list .ajax-filter-link:focus, .ajax-filter-dropdown-list .ajax-filter-link.is-active {
background-color: #282828;
color: #fff;
}
.ajax-filter-dropdown:not(.is-touch):hover .ajax-filter-dropdown-list, .ajax-filter-dropdown:not(.is-touch):focus .ajax-filter-dropdown-list, .ajax-filter-dropdown.is-touch.touch-active .ajax-filter-dropdown-list {
visibility: visible;
opacity: 0.97;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
pointer-events: auto;
}
.ajax-pagination {
position: relative;
display: block;
}
.ajax-nextprev.ajax-pagination {
display: flex;
margin-top: 0;
padding: 0;
font-size: 12px;
line-height: 1;
justify-content: center;
}
.ajax-nextprev.ajax-pagination a {
display: inline-block;
padding: 0 14px;
margin: 0 15px;
height: 21px;
-webkit-border-radius: 40px;
border-radius: 40px;
background-color: rgba(28, 28, 28, .2);
color: #fff;
text-align: center;
font-size: inherit;
line-height: 21px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.ajax-nextprev .ajax-prev {
margin-right: 5px;
}
.ajax-nextprev.ajax-pagination a:hover, .is-light-text .ajax-nextprev.ajax-pagination a:hover {
background-color: var(--secondcolor);
color: #fff;
}
.ajax-nextprev.ajax-pagination a:hover svg, .is-light-text .ajax-nextprev.ajax-pagination a:hover svg {
stroke: #fff;
}
.ajax-nextprev.ajax-pagination svg { width: 15px; vertical-align: middle; stroke: #fff;}
.ajax-nextprev .ajax-prev svg {
margin-right: 5px;
}
.ajax-nextprev .ajax-next svg {
margin-left: 5px;
}
.ajax-loadmore.ajax-pagination, .related-loadmore {
clear: both;
text-align: center;
}
.ajax-loadmore-link {
display: inline-block;
padding: 0 20px;
height: 24px;
border-radius: 10px;
-webkit-border-radius: 10px;
background-color: rgba(28, 28, 28, .2);
color: #fff !important;
white-space: nowrap;
font-size: 11px;
line-height: 24px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.blog-posts-content-2 .grid_image {
background-size: cover;
display: block;
position: relative;
cursor: pointer;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin-bottom: 15px;
text-align: center;
padding: 10px;
min-height: 130px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
width: 100%;
-webkit-filter: grayscale(30%);
filter: grayscale(30%);
overflow: hidden;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@media(min-width:992px) {
.blog-posts-content-2 .grid_right .grid_image {
height: 130px;
}
.blog-posts-content-2 .grid_center .grid_image {
height: 275px;
}
.blog-posts-content-2 .grid_left .grid_image {
height: 130px;
}
}
@media(max-width:992px) {
.blog-posts-content-2 .grid_right .grid_image {
height: 220px;
}
.blog-posts-content-2 .grid_center .grid_image {
height: 220px;
}
.blog-posts-content-2 .grid_left .grid_image {
height: 220px;
}
.is-show.mobile-nav-button {
display: block!important;
}
.mweb-main-menu {
display: none!important
}
.blog-posts-content-2 .grid_center{
float:left !important
}
}
@media(max-width:768px) {
.blog-posts-content-2 .grid_center{
float:right !important
}
.blog-posts-content-2 .grid_right{
float:left !important
}
.blog-posts-content-2 .grid_right .grid_image {
height: 135px;
}
.blog-posts-content-2 .grid_center .grid_image {
height: 135px;
}
.blog-posts-content-2 .grid_left .grid_image {
height: 135px;
}
ul.tab_box li {
margin: 0 0 0 10px !important;
}
}
.blog-posts-content-2 .grid_image h4 {
position: absolute;
left: 0px;
bottom: 0;
width: 100%;
text-align: right;
z-index: 1;
padding: 15px 15px;
display: block;
color: #FFF;
z-index: 2
}
.blog-posts-content-2 .grid_image:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
transform: scale(1.03)
}
.widget-content .blog-posts-content-2 .grid_image{
margin-bottom:7px
}
.elementor-widget-block-post-slider .blog-posts-content-2 .grid_image, .widget-content .blog-posts-content-2 .grid_image:last-child{
margin-bottom:0
}
.elementor-widget-block-post-slider .blog-posts-content-2 .grid_image:hover, .widget-content .blog-posts-content-2 .grid_image:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
transform:none
}
.grid_image:before, .widget-content .blog-posts-content-2 .grid_image:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
transition: 0.5s;
background: var(--maincolor);
}
.grid_image:hover:before, .widget-content .blog-posts-content-2 .grid_image:hover:before {
opacity: .75;
}
.grid_image:after, .widget-content .blog-posts-content-2 .grid_image:after {
content: '';
background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 15%, rgba(255, 255, 255, 0.01) 70%);
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 15%, rgba(255, 255, 255, 0.01) 70%);
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
right: 0;
display: block;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.blog-posts-content-3 .item-area {
padding: 0px;
}
.blog-posts-content-3 .item-area .blog-post-area {
min-height: 246px;
padding-bottom: 10px;
overflow: hidden;
border-radius: inherit;
position: relative;
}
.related-content.blog-posts-content-3 .item-area .blog-post-area {
min-height: auto;
}
.blog-posts-content-3 .blog-post-area .is-image {
width: 100%;
}
.blog-posts-content-3 .blog-post-area a img {
width: 100%;
}
.blog-posts-content-3 .item-area .blog-post-area .blog_category {
position: absolute;
left: 10px;
top: 10px;
padding: 2px 12px 1px 12px;
font-size: 10px;
-webkit-border-radius: 4px 15px 15px 4px;
-moz-border-radius: 4px 15px 15px 4px;
border-radius: 4px 15px 15px 4px;
background-color: var(--maincolor);
color: #FFF;
}
.blog-posts-content-3 .blog-post-area h4{
display: block;
margin-top: -50px;
margin-bottom: 7px;
padding: 50px 0 15px 0;
max-height: 97px;
overflow: hidden;
border-bottom: 1px dashed #eeeff1;
position: relative;
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 14%, rgba(255,255,255,0.75) 26%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 14%,rgba(255,255,255,0.75) 26%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 14%,rgba(255,255,255,0.75) 26%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.blog-posts-content-3 .item-area .blog-post-area h4 a {
line-height: 18px;
display: block;
padding: 0 15px;
font-size: 13px;
color: #353a42;
height: 36px
}
.blog-posts-content-3 .post-date {
display: inline-block;
font-size: 10px;
font-family: var(--mainfontnum);
padding: 5px;
margin-right: 10px;
color: #868686;
}
.blog-posts-content-3 .read_more {
border-radius: 25px;
width: 25px;
height: 25px;
line-height: 27px;
background-color: #eeeff1;
text-align: center;
float: left;
margin-top: 2px;
margin-left: 10px;
padding-left: 3px;
}
.blog-posts-content-3 .read_more svg {
width: 16px;
vertical-align: middle
}
.blog-posts-content-3 .item-area:hover .read_more{
background-color: var(--secondcolor);
border-radius: 4px 20px 20px 4px;
}
.blog-posts-content-3 .item-area:hover .read_more svg{
stroke: white
}
.blog-post-area.item_blog6 a img, .blog-post-area.item_blog7 a img {
margin: 15px;
max-width: 100%;
display: block;
width: calc(100% - 30px);
border-radius: var(--borderradius);
}
.blog-post-area.item_blog6 h4, .blog-post-area.item_blog7 h4{
margin: 15px 0 0 0;
padding: 0;
background: unset !important;
border: none;
}
.blog-post-area.item_blog6 .desc, .blog-post-area.item_blog7 .desc{
padding: 0 15px 15px 15px;
color: #949494;
font-size: 12px;
}
.blog-post-area.item_blog6 .read_more{
width: auto;
border-radius: 0;
background-color: white !important
}
.blog-post-area.item_blog6 .read_more svg{
transform: rotate(45deg);
width: 14px
}
.blog-post-area.item_blog6:hover .read_more svg{
transform: rotate(0deg);
stroke: var(--maincolor)
}
.blog-post-area.item_blog7 .blog_image{
position: relative
}
.blog-post-area.item_blog7 .blog_image:after, .blog-post-area.item_blog7 .blog_image:before {
content: '';
position: absolute;
width: 16px;
height: 16px;
z-index: 1;
border-radius: 0 0 0 100vw;
background-color: inherit;
box-shadow: -6px 5px 0 5px #ffffff;
}
.blog-post-area.item_blog7 .blog_image::before{
left: 15px;
bottom: 34px;
}
.blog-post-area.item_blog7 .blog_image::after{
left: 48px;
bottom: 0px;
}
.blog-post-area.item_blog7 .go_it{
position: absolute;
width: 34px;
height: 34px;
left: 14px;
bottom: 0px;
border-radius: 0 18px 0 0;
background-color: var(--bgcolor);
display: block;
}
.blog-post-area.item_blog7 .go_it svg{
width: 28px;
height: 28px;
line-height: 30px;
z-index: 2;
position: relative;
top: 6px;
left: -6px;
border-radius: 50%;
padding: 6px;
stroke: #FFF;
background-color: var(--maincolor);
transform: rotate(45deg);
transition: all 0.3s;
}
.blog-post-area.item_blog7:hover .go_it svg{
transform: rotate(0deg);
}
.item_blog8 {}
.item_blog8 .blog_image{
position: relative;
border-radius: var(--borderradius);
overflow: hidden;
}
.item_blog8 .blog-content-inner{
box-shadow: 0 2px 10px -4px rgba(0, 0, 0, 0.1);
border-radius: var(--borderradius);
padding: 15px;
margin: 15px;
margin-top: -70px;
position: relative;
background-color: #FFFF;
}
.item_blog8 .blog-content-inner h4 a{
font-size: 13px;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 10px;
}
.item_blog8 .blog-content-inner .desc{
color: #949494;
font-size: 12px;
margin-bottom: 12px;
}
.item_blog8 .blog-content-inner .post-date{
display: inline-block;
font-size: 10px;
font-family: var(--mainfontnum);
padding: 5px;
color: #868686;
}
.item_blog8 .blog-content-inner .read_more{
border-radius: 25px;
height: 22px;
line-height: 23px;
background-color: #f5f6fa;
text-align: center;
float: left;
padding: 0 10px;
font-size: 11px;
}
.item_blog8 .blog-content-inner:hover .read_more{
background-color: var(--maincolor);
color: #FFF
}
.blog-posts-content-4 .item .item-area:not(.bk_blog_line) {
width: 100%;
min-height: 150px;
padding: 10px;
overflow: hidden;
}
.blog-posts-content-4 .post-image {
float: right;
width: 130px;
height: 130px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-left: 15px;
position: relative;
overflow: hidden;
}
.blog-posts-content-4 .post-image a:after {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
content: "";
-webkit-border: 0px solid rgba(255, 255, 255, 0.5);
-moz-border: 0px solid rgba(255, 255, 255, 0.5);
-ms-border: 0px solid rgba(255, 255, 255, 0.5);
-o-border: 0px solid rgba(255, 255, 255, 0.5);
border: 0px solid rgba(255, 255, 255, 0.5);
opacity: 0;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
transition: all 350ms ease;
}
.blog-posts-content-4 .item-area:hover .post-image a:after {
opacity: 1;
-webkit-border: 10px solid rgba(255, 255, 255, 0.5);
-moz-border: 10px solid rgba(255, 255, 255, 0.5);
-ms-border: 10px solid rgba(255, 255, 255, 0.5);
-o-border: 10px solid rgba(255, 255, 255, 0.5);
border: 10px solid rgba(255, 255, 255, 0.5);
}
.blog-posts-content-4 .bk-content-left{
display:flex;
flex-wrap: wrap;
align-content: space-between;
justify-content: space-between;
align-items: center;
min-height: 130px;
position: relative;
z-index: 6;
}
.blog-posts-content-4 .post-image img {
width: 130px;
height: 130px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.blog-posts-content-4 h4{
width: 100%;
}
.blog-posts-content-4 h4 a {
font-size: 13px;
font-weight: 500;
line-height: 18px;
padding-top: 5px;
display: block;
}
.blog-posts-content-4 .desc {
float: right;
width: calc(100% - 160px);
font-size: 11px;
line-height: 24px;
min-height: 77px;
opacity: 0.8;
}
.blog-posts-content-4 .read-more {
padding: 3px 5px 2px 10px;
font-size: 11px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 1px solid #eff1f5;
color: #858b96;
cursor: pointer;
}
.blog-posts-content-4 .read-more svg{
font-weight: 300;
background-color: var(--maincolor);
stroke: #FFF;
padding: 2px;
display: inline-block;
text-align: center;
line-height: 15px;
vertical-align: middle;
width: 16px;
height: 16px;
margin-left: 5px;
border-radius: 18px;
}
.blog-posts-content-4 .item-area:hover .read-more {
background-color: #f5f6fa;
color: #5d5d5d;
}
.blog-posts-content-4 .item .item-area .post-date {
display: inline-block;
float: left;
font-size: 10px;
font-family: var(--mainfontnum);
background-color: #FFF;
padding: 5px 10px;
text-align: right;
vertical-align: top;
min-width: 50px;
height: 21px;
color: #898f98;
word-spacing:5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}
.blog-posts-content-4 .item .item-area:before {
content: "";
position: absolute;
top: -34px;
left: -15px;
width: 34px;
height: 34px;
border-radius: 50%;
display: block;
box-shadow: 0px 0px 115px -5px rgb(0 0 0);
}
.blog-posts-content-4 .item .item-area:not(.bk_blog_line):after {
content: "";
position: absolute;
bottom: -26px;
left: -20px;
width: 100px;
height: 45px;
background-color: #eeeff1;
z-index: 1;
border-radius: 20px;
}
.blog-posts-content-4 .item .item-area .day span {
font-size: 10px;
line-height: 12px;
font-weight: 500;
}
.blog-posts-content-4 .item .item-area .year {
position: relative;
line-height: 14px;
font-weight: 500;
margin-top: 0px;
float: right;
clear: both;
text-align: center;
width: 100%;
}
.bk_blog_line{
height: 48px;
padding: 8px 15px !important;
min-height: unset;
position:relative;
overflow:hidden;
}
.bk_blog_line h4{
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
}
.bk_blog_line h4 a{
font-size: 12px;
padding: 0;
line-height: 30px;
}
.bk_blog_line .read-more{
position: absolute;
top: 11px;
left: -100px;
display: block;
z-index:1
}
.bk_blog_line:hover .read-more{
left:10px
}
.bk_blog_line:after{
content:'';
display:block;
position:absolute;
top:0;
left:0;
bottom:0;
width:160px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 52%, rgba(255,255,255,0) 99%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 52%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 52%,rgba(255,255,255,0) 99%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.bk_blog_line:hover:after{
opacity: 1;
}
.product-type-1 .item .item-area .actions {
position: absolute;
bottom: 0px;
right: 0;
width: 100%;
height: 43px;
padding: 13px 45px 3px 45px;
background-color: #FFF;
-moz-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
opacity: 0;
filter: alpha(opacity=0);
text-align: center;
border-top: 1px solid #f5f5f5;
}
.product-type-1 .item .item-area:hover .actions {
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
bottom: 20px;
}
.product-type-1 .item .item-area.general_mobile:hover .actions{
bottom: 15px;
}
.product-type-1 .item .item-area .product-name, .item .item-area .woocommerce-loop-product__title {
}
.product-type-1 .item .item-area .price {
text-align: center;
}
.product-type-1 .item .item-area .add-to-links {
float: none;
}
.product-type-1 .item .item-area .product-name, .product-type-1 .item .item-area .woocommerce-loop-product__title {
height: 40px;
}
.product-type-1 .star-rating {
width: 80px;
margin: 8px 0 1px;
overflow: hidden;
position: absolute;
line-height: 1;
height: 1em;
right: 10px;
bottom: 60px;
color: #febd69;
font-family: star;
}
.product-type-1 .item .item-area .product-image-area {
margin-bottom: 5px;
}
.item .item-area .product-detail-area .woocommerce-loop-product__title {
margin-top: 33px;
}
.item .item-area .price + .woocommerce-loop-product__title, .item .item-area .price + a h2, .wd_nofify{
margin-top: 0 !important
}
.product-type-2 .item .item-area .product-image-area {
position: relative;
background: none;
padding:0px 15px 10px 15px;
min-height: auto;
}
.product-type-2 .item .item-area .product-image-area .product-image {
border-radius: 50%;
width: 100%;
height: auto;
margin-bottom: 8px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
overflow: hidden;
min-height: unset;
}
.product-type-2 .item .item-area .product-image-area .product-image img {
width: 100%;
height: auto;
max-height: none;
}
.product-type-2 .item .item-area {
background: none;
box-shadow: none;
}
.product-type-2 .item .item-area .product-image-area .product-label {
top: -12px;
right: calc(50% - 20px);
}
.product-type-2 .item .item-area .product-image-area .featured_label {bottom: 10px;top: auto;left: calc(50% - 20px);}
.product-type-2 .item .item-area .product-image-area .featured_label:before, .product-type-2 .item .item-area .product-image-area .featured_label:after {display:none}
.product-type-2 .item .item-area .price {
text-align: center;
}
.product-type-2 .item .item-area .actions {
position: absolute;
top: calc(50% - 15px);
right: 0px;
-moz-border-radius: 5px;
z-index: 99;
-moz-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
opacity: 0;
filter: alpha(opacity=0);
}
.product-type-2 .item .item-area:hover .actions {
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
right: calc(50%);
transform: translateX(50%);
}
.product-type-2 .item .item-area .actions .add-to-links a.add_to_cart_button, .product-type-2 .item .item-area .actions .add-to-links li:last-child a.button, .product-type-2 .item .item-area .actions .add-to-links li .added_to_cart, .product-type-2 .item .item-area .actions .add-to-links a.button {
color: #777;
box-shadow: 0 0 18px -3px rgb(0 0 0 / 20%);
}
.product-type-2 .item .item-area .actions .add-to-links a.button {
display: block;
text-align: center;
color: #FFF;
font-size: 14px;
overflow: hidden;
position: relative;
height: 30px;
line-height: 33px;
}
.product-type-2 .item .item-area .actions .compare-button a.compare, .product-type-2 .item .item-area .actions a.add_to_wishlist, .product-type-2 .item .item-area .actions a.button{
line-height: 30px;
background-color: #FFF;
height: 30px;
width: 30px;
display: block;
text-align: center;
font-size: 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 0 18px -3px rgb(0 0 0 / 20%);
}
.product-type-2 .item .item-area .actions a.compare:before, .product-type-2 .item .item-area .actions a.add_to_wishlist:after {
color: #555;
}
.product-type-2 .item .item-area .actions .add-to-links li:not(first-child) {
margin-left: 5px;
}
.product-type-2 .item .item-area .product-name, .product-type-2 .item .item-area .woocommerce-loop-product__title {
}
.product-type-2 .star-rating {
margin-top: 0px;
margin-right: 25%;
float: none;
}
.product-type-2 .item .item-area .product-name, .product-type-2 .item .item-area .woocommerce-loop-product__title {
margin: 0 0 3px;
text-align: center;
}
.product-type-2 .out_of_stock {
background-color: #f74f4f;
border: 1px dashed;
position: absolute;
font-size: 10px;
color: #FFF;
padding: 0px;
text-align: center;
top: -10px;
line-height: 42px;
border-radius: 50%;
left: calc(50% - 21px);
width: 42px;
height: 42px;
z-index: 9;
-moz-transform: skewX(-15deg) skewY(0deg);
-webkit-transform: skewX(-15deg) skewY(0deg);
-o-transform: skewX(-15deg) skewY(0deg);
-ms-transform: skewX(-15deg) skewY(0deg);
transform: none;
}
.product-type-2 .out_of_stock:before {
display: none;
}
.product-type-2 .out_of_stock:after {
display: none;
}
.product-type-2 .out_of_stock span {
position: relative;
top: -1px;
display: block;
-moz-transform: skewX(15deg) skewY(0deg);
-webkit-transform: skewX(15deg) skewY(0deg);
-o-transform: skewX(15deg) skewY(0deg);
-ms-transform: skewX(15deg) skewY(0deg);
transform: none;
}
.account_action {
position: absolute;
right: calc(50% - 165px);
width: 330px;
min-height: 80px;
background: #FFF;
z-index: 9999;
padding: 0 0 20px 0px;
visibility: hidden;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
filter: alpha(opacity=0);
top: 60%;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
-moz-transform: skewX(-5deg);
-webkit-transform: skewX(-5deg);
-o-transform: skewX(-5deg);
-ms-transform: skewX(-5deg);
transform: skewX(-5deg);
font-family: var(--mainfontnum);
}
.account_area .account_action , .account_action.manual_active {
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
top: 23%;
-moz-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-o-transform: skewX(0deg);
-ms-transform: skewX(0deg);
transform: skewX(0deg);
}
.account_action.inline_active {
display: block;
position: relative;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
top: auto;
right: 0;
-moz-transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-o-transform: skewX(0deg);
-ms-transform: skewX(0deg);
transform: skewX(0deg);
box-shadow: none;
z-index: auto;
width: auto;
}
.account_area .mweb-site-mask {
visibility: visible;
pointer-events: auto;
background: rgba(0, 0, 0, 0.25);
}
.account_action .title {
font-size: 13px;
line-height: 57px;
font-family: var(--mainfont);
position: relative;
width: 100%;
display: inline-block;
color: #555;
font-weight: 500;
padding: 0px 15px 0 5px;
}
.account_action .title:after {
height: 24px;
width: 3px;
background-color: var(--maincolor);
position: absolute;
top: calc(50% - 12px);
right: 0px;
z-index: 1;
content: '';
}
.account_action form{
padding: 10px 15px;
position: relative;
line-height: 18px;
}
.account_action.inline_active form{
padding:0;
}
.verify_user_wrap{
width: auto;
padding: 0 20px 20px 20px;
}
.verify_user_wrap form input[type="submit"]{
display: inline-block !important;
width: auto !important;
padding: 7px 25px  !important;
}
.verify_user_wrap h3{
font-size: 12px;
margin: 5px 0 0;
}
.account_action input[type="text"], .account_action input[type="password"], .account_action input[type="email"] {
padding: 8px 10px;
display: block;
box-shadow: 0 0px 1px 0px rgba(0, 0, 0, 0.25);
margin-bottom: 10px;
width: 100%;
border: none;
border-radius: var(--borderradius);
}
.account_action input[type="text"]:hover, .account_action input[type="text"]:focus, .account_action input[type="password"]:hover, .account_action input[type="password"]:focus, .account_action input[type="email"]:hover, .account_action input[type="email"]:focus {
background-color: #f9f9f9;
}
.account_action form .form-row-wide, .account_action form div {
display: block;
position: relative;
}
.account_action form .form-row-wide svg {
position: absolute;
top: 9px;
left: 12px;
font-size: 14px;
stroke: #d4d4d4;
width: 20px;
z-index: 1;
}
.account_action form label {
display: block;
margin-right: 0;
padding-bottom: 11px;
}
label.label_remember_me{
padding-bottom: 0 !important
}
.account_action form input[type="checkbox"] {
position: absolute;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
}
.account_action form input[type="checkbox"]:checked+span.remember_me:before {
background-color: #2196F3;
text-align: center;
}
.account_action form input[type="checkbox"]:checked+span.remember_me:after {
content: '';
position: absolute;
right: 4px;
top: 5px;
width: 3px;
height: 5px;
border-right: 2px solid #FFF;
border-bottom: 2px solid #FFF;
transform: rotate(45deg);
}
.account_action form label span.remember_me {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.account_action form label span.remember_me:before {
content: '';
display: block;
height: 12px;
width: 12px;
border-radius: 2px;
margin-left: 8px;
box-shadow: 0 0px 1px 0px rgba(0, 0, 0, 0.8);
}
.account_action form .lost, .account_action form .seller {
padding: 8px 10px;
display: inline-block;
text-align: center;
width: 100%;
color: #848484;
background-color: rgba(178, 179, 181, 0.2);
cursor: pointer;
margin-right:3px;
font-weight: 500;
border-radius: var(--borderradius);
}
.account_action form .help-block {
padding: 0px 0px 10px;
font-size: 10px;
display: block;
color: #848484;
}
.account_action form #message {
margin: 10px 0;
font-size: 10px;
display: block;
color: #848484;
clear: both;
font-family: var(--mainfontnum)
}
.account_action form #message a {
display: block;
padding-top: 5px;
}
.account_action form input[type="submit"] , .account_action input[type="button"] {
padding: 8px 10px;
display: block;
margin-left:3px;
width: 100%;
color: #FFF;
background-color: var(--maincolor);
border: none;
cursor: pointer;
border-radius: var(--borderradius);
font-weight: 500;
transition: all 0.3s;
}
.account_action form input[type="submit"]:disabled{
filter: grayscale(1)
}
.account_action .resend_sms{
padding: 10px 0px;
font-size: 11px;
}
.account_action input[type="button"]#submit_otp {
box-shadow: 0 1px 5px -4px rgba(0, 0, 0, 0.25);
background-color: rgba(178, 179, 181, 0.6);
margin-left: 6px;
}
.account_action .plable{
padding-right: 10px;
margin-bottom: 6px;
display: block;
color: #61bd5b;
border-right: 2px solid #d5d5d5;
}
.account_action .seprator {
display: block;
border-bottom: 1px dashed #e8e8e8;
text-align: center;
margin: 0 10px;
}
.account_action .seprator i {
position: relative;
background-color: #f0f0f0;
bottom: -12px;
border-radius: 40px;
font-style: initial;
width: 24px;
height: 24px;
line-height: 24px;
display: inline-block;
}
.account_action .create_account {
display: block;
padding: 10px;
font-size: 12px;
margin-top: 18px;
text-align: center;
cursor: pointer;
}
.account_action .create_account .button {
color: inherit
}
.account_action .create_account svg {
margin-left: 5px;
stroke: #989898;
width: 22px;
vertical-align: middle;
}
.register_wrap {
display: none;
position: relative;
}
.register_wrap .close_modal {
position: absolute;
top: -40px;
font-size: 17px;
left: 15px;
opacity: 0.8;
cursor: pointer;
width: 20px;
}
.account_action form>span.password.password-input:after{
content: '';
}
#account_display_name_description em{
font-size: 10px;
font-style: normal;
margin-top: 9px;
display: block;
color: #888;
}
.password-input{
position: relative
}
.show-password-input{
position: absolute;
top: 11px;
left: 40px;
font-size: 14px;
color: #d4d4d4 !important;
cursor: pointer;
display: flex;
z-index: 1;
padding: 0;
align-items: center;
justify-content: center;
border: 0 !important;
background: none !important;
box-shadow: unset !important;
outline: 0 !important;
}
.show-password-input:before {
content: url('data:image/svg+xml;utf8,<svg fill="black" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M117.2 136C160.3 96 217.6 64 288 64s127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-13.3 32-42.1 80-85.2 120c-43.1 40-100.4 72-170.8 72s-127.7-32-170.8-72C74.1 336 45.3 288 32 256c13.3-32 42.1-80 85.2-120zM288 32c-80.8 0-145.5 36.8-192.6 80.6C48.6 156 17.3 208 2.5 243.7c-3.3 7.9-3.3 16.7 0 24.6C17.3 304 48.6 356 95.4 399.4C142.5 443.2 207.2 480 288 480s145.5-36.8 192.6-80.6c46.8-43.5 78.1-95.4 93-131.1c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5 68.8 368.8 32 288 32zM192 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg>');
text-align: center;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
height: 14px;
width: 14px;
cursor: pointer;
display: block;
z-index: 2;
transition: all 200ms linear !important;
opacity: 0.2;
}
.show-password-input.display-password:before{
content: url('data:image/svg+xml;utf8,<svg fill="black" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M25.9 3.4C19-2 8.9-.8 3.4 6.1S-.8 23.1 6.1 28.6l608 480c6.9 5.5 17 4.3 22.5-2.6s4.3-17-2.6-22.5L25.9 3.4zM605.5 268.3c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-51.2 0-96 14.8-133.9 36.8l27.3 21.5C244.6 74.2 280.2 64 320 64c70.4 0 127.7 32 170.8 72c43.1 40 71.9 88 85.2 120c-9.2 22.1-25.9 52-49.5 81.5l25.1 19.8c25.6-32 43.7-64.4 53.9-89zM88.4 154.7c-25.6 32-43.7 64.4-53.9 89c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c51.2 0 96-14.8 133.9-36.8l-27.3-21.5C395.4 437.8 359.8 448 320 448c-70.4 0-127.7-32-170.8-72C106.1 336 77.3 288 64 256c9.2-22.1 25.9-52 49.5-81.5L88.4 154.7zM320 384c16.7 0 32.7-3.2 47.4-9.1l-30.9-24.4c-5.4 .9-10.9 1.4-16.5 1.4c-51 0-92.8-39.8-95.8-90.1l-30.9-24.4c-.9 6-1.3 12.2-1.3 18.5c0 70.7 57.3 128 128 128zM448 256c0-70.7-57.3-128-128-128c-16.7 0-32.7 3.2-47.4 9.1l30.9 24.4c5.4-.9 10.9-1.4 16.5-1.4c51 0 92.8 39.8 95.8 90.1l30.9 24.4c.9-6 1.3-12.2 1.3-18.5z"/></svg>');
opacity: 0.4;
}
.row-otp {
flex-direction: row;
column-gap: 10px;
display: flex !important;
align-items: center;
justify-content: center;
direction: ltr;
margin-bottom: 10px;
}
.row-otp input {
height: 37px;
width: 37px;
border-radius: 4px;
outline: none;
font-size: 1.1rem;
text-align: center;
border: 1px solid #ddd;
font-family: var(--mainfontnum);
-moz-appearance: textfield;
padding: 0
}
.row-otp input:focus {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.row-otp input::-webkit-inner-spin-button,
.row-otp input::-webkit-outer-spin-button {
display: none;
}
.otp-row-act{
display: flex !important;
flex-direction: row;
align-items: center;
margin-bottom: 15px;
margin-top: 15px;
justify-content: center;
font-size: 12px;
}
.otp-row-act > span{
margin: 0 10px;
}
.otp-row-act .resend_otp{
display: flex;
border: 1px solid #eaeaea;
align-items: center;
padding: 4px 15px 4px 5px;
margin: 0 10px;
border-radius: 5px;
cursor: not-allowed;
}
.resend_otp > span{
margin: 0 10px 0 0;
color: #333;
}
.otp-row-act .resend_otp.enabled{
display: flex;
border: 1px solid #47dd89;
color: #47dd89;
cursor: pointer;
}
.otp_counter{
height: 22px;
padding: 0 10px;
border-radius: 4px;
outline: none;
font-size: 13px;
text-align: center;
background-color: #d0ffd2;
display: flex;
align-content: center;
align-items: center;
font-family: var(--mainfontnum);
direction: ltr;
}
.resend_otp.enabled .otp_counter{
background-color: #f5f5f5
}
.switch_login{
background-color: #efeff0;
padding: 0 10px;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s
}
.switch_login:hover{
background-color: var(--secondcolor);
color: #FFF
}
.edit_phoneno{
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
color: #F44336 !important;
cursor: pointer;
font-size: 12px;
}
.phone_invalid{
box-shadow: 0 0 0px 1px #f16861;
}
.phone_valid{
box-shadow: 0 0 0px 1px #8BC34A;
}
.woo_myaccount_login p{
font-size:11px;
line-height: 1.8em;
}
.woo_myaccount_login .form-row{
margin-bottom:0 !important
}
.account_action .form-row input{
line-height: 1.8em;
}
.account_action .form-row input.input-text{
border-radius: 0;
}
.account_action #errmsg{
padding-right: 0;
min-height: 22px;
display: block;
}
.account_action form span.mobile{
position:relative;
display: block;
}
.account_action form span.mobile input{
font-family: var(--mainfontnum);
letter-spacing: 1px
}
.account_action form .help-block{
padding:0
}
.mweb-main-menu {
position: relative;
display: block;
vertical-align: middle;
height: 100%;
width: 100%;
font-family: var(--mainfont);
z-index: 997;
}
.mweb-main-menu>.open>a {
color: #000;
}
.mweb-main-menu>.open>a:after {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: var(--maincolor);
left: 0;
bottom: -1px;
-webkit-transition: all .35s;
transition: all .35s;
}
.mweb-main-menu>.open>a:focus,
.mweb-main-menu>.open>a:hover {
color: #000;
}
.mweb-main-menu ul {
padding: 0;
list-style: none;
float: none;
-webkit-transition: all .35s;
transition: all .35s;
margin: 0;
}
.mweb-main-menu ul li {
text-align: right;
}
.mweb-main-menu ul li.dropdown-submenu,
.mweb-main-menu ul li.parent {
position: relative;
}
.mweb-main-menu ul li.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
right: auto;
position: absolute;
}
@media (min-width: 768px) {
.mweb-main-menu ul li.menu-hide-title>a,
.mweb-main-menu ul li.menu-hide-title>span.title {
display: none !important;
}
}
.mweb-main-menu ul>li.level-0 {
position: relative;
display: inline-block;
float: right;
padding: 0 10px;
line-height: 49px;
}
.mweb-main-menu ul>li.level-0:first-child-child {
padding-right: 0;
}
.mweb-main-menu ul>li.level-0:last-child {
padding-left: 0;
}
.mweb-main-menu ul>li.level-0:not(.mega-menu) ul.sub-menu li.level-1:first-child {
padding-top: 0;
}
.mweb-main-menu ul>li.level-0:not(.mega-menu) ul.sub-menu li.level-1.sub-menu-left ul.sub-menu {
right: calc(100% - 10px) !important;
left: auto !important;
}
.mweb-main-menu ul>li.level-0>a {
position: relative;
font-weight: 500;
font-size: 13px;
background-color: transparent;
color: #333;
display: block;
white-space: nowrap;
-webkit-transition: all .2s ease 0s;
transition: all .2s ease 0s;
}
.mweb-main-menu ul>li.level-0>a .caret,
.mweb-main-menu ul>li.level-0>a:hover {
color: #000;
}
.mweb-main-menu ul>li.level-0>a>span {
position: relative;
display: inline-block;
}
.mweb-main-menu ul>li.level-0>a>.el_icon {
margin-left: 7px;
vertical-align: middle;
width: 25px;
height: 25px;
display: inline-flex;
-webkit-transition: all .3s;
transition: all .3s;
text-align: center;
align-items: center;
justify-content: center;
}
.mweb-main-menu ul>li.level-0>a>.el_icon svg{
max-height:100%;
max-width: 100%;
transition: all 0.3s;
}
.mweb-main-menu .sub-menu .el_icon {
margin-left: 7px;
vertical-align: middle;
width: 18px;
height: 18px;
display: inline-flex;
-webkit-transition: all .3s;
transition: all .3s;
text-align: center;
align-items: center;
justify-content: center;
}
.mweb-main-menu .sub-menu .el_icon svg{
fill: #414141 !important;
stroke: #414141 !important;
}
.pack-theme{
fill: none;
stroke: #414141;
transition: all .3s;
}
.pack-fontawesome{
fill: #414141;
}
@media (max-width: 1350px) {
.mweb-main-menu ul>li.level-0>a {
font-size: 12px;
}
}
.mweb-main-menu ul>li.level-0.menu-item-has-children>a {
position: relative;
}
.el_arrow svg {
stroke: #999;
width: 12px;
display: inline-block;
vertical-align: middle;
margin-right: 7px;
position: relative;
top: 0;
}
.mweb-main-menu ul>li.level-0.menu-item-has-children>a {
position: relative;
}
.mweb-main-menu ul>li.level-0 .menu-item-has-children>a .el_arrow {
margin-right: 5px;
float: left;
}
.mweb-main-menu ul>li.level-0.mega-menu .menu-item-has-children>a .el_arrow {
float: none;
display: inline-block;
vertical-align: middle;
margin-right: 10px !important;
position: unset !important;
}
.mweb-main-menu ul>li.level-0.current-menu-ancestor>a,
.mweb-main-menu ul>li.level-0.current-menu-item>a,
.mweb-main-menu ul>li.level-0.current_page_item>a,
.mweb-main-menu ul>li.level-0:hover>a {
color: #000;
}
.mweb-main-menu ul>li.level-0 div.sub-menu li,
.mweb-main-menu ul>li.level-0>ul.sub-menu li {
padding-top: 5px;
padding-bottom: 5px;
position: relative;
}
.mweb-main-menu ul>li.level-0 div.sub-menu li:last-child,
.mweb-main-menu ul>li.level-0>ul.sub-menu li:last-child {
border: none;
padding-bottom: 0;
}
@media (max-width: 991px) {
.mweb-main-menu ul>li.level-0 div.sub-menu li.menu-item-image,
.mweb-main-menu ul>li.level-0>ul.sub-menu li.menu-item-image {
margin-bottom: 10px;
}
.mweb-main-menu ul>li.level-0 div.sub-menu li.menu-item-image>a,
.mweb-main-menu ul>li.level-0 div.sub-menu li.menu-item-image>span.title,
.mweb-main-menu ul>li.level-0>ul.sub-menu li.menu-item-image>a,
.mweb-main-menu ul>li.level-0>ul.sub-menu li.menu-item-image>span.title {
display: none;
}
}
.mweb-main-menu ul>li.level-0 div.sub-menu li a,
.mweb-main-menu ul>li.level-0>ul.sub-menu li a {
color: #777;
font-weight: 500;
position: relative;
}
.mweb-main-menu ul>li.level-0 div.sub-menu li a:hover,
.mweb-main-menu ul>li.level-0>ul.sub-menu li a:hover {
color: var(--maincolor);
}
@media (min-width: 992px) {
.mweb-main-menu ul>li.level-0 div.sub-menu li a,
.mweb-main-menu ul>li.level-0>ul.sub-menu li a {
position: relative;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
}
.mweb-main-menu ul>li.level-0 div.sub-menu li a>span:not(.elementor-icon-list-text):not(.elementor-icon-list-icon):not(.el_arrow),
.mweb-main-menu ul>li.level-0>ul.sub-menu li a>span:not(.elementor-icon-list-text):not(.el_arrow) {
line-height: 12px;
font-size: 9px;
color: #fff;
background: #4caf50;
padding: 0 5px;
position: absolute;
top: 1px;
left: auto;
right: auto;
margin: 0;
margin-right: 8px;
min-width: auto;
}
.mweb-main-menu ul>li.level-0>ul.sub-menu li.menu-item-has-children a>span:not(.elementor-icon-list-text):not(.el_arrow),
.mweb-main-menu ul>li.level-0 div.sub-menu li.menu-item-has-children a>span:not(.elementor-icon-list-text):not(.el_arrow){
top:4px;
margin-right: 25px;
}
.mweb-main-menu ul>li.level-0 div.sub-menu li a>span:not(.elementor-icon-list-text).hot,
.mweb-main-menu ul>li.level-0>ul.sub-menu li a>span:not(.elementor-icon-list-text).hot {
background: var(--secondcolor);
}
.mweb-main-menu ul>li.level-0 div.sub-menu li a>span:not(.elementor-icon-list-text).hot:before,
.mweb-main-menu ul>li.level-0>ul.sub-menu li a>span:not(.elementor-icon-list-text).hot:before {
border-color: var(--secondcolor);
border-right-color: transparent;
border-bottom-color: transparent;
}
@media (min-width: 991px) {
.mweb-main-menu ul>li.level-0 div.sub-menu li.level-1 .sub-menu,
.mweb-main-menu ul>li.level-0>ul.sub-menu li.level-1 .sub-menu {
right: 100%;
margin-top: -40px;
}
}
.mweb-main-menu ul>li.level-0.mega-menu.mega-menu-fullwidth-width>.sub-menu {
right: 0;
left: 0;
box-shadow: 3px 3px 45px -12px rgb(0 0 0 / 5%);
min-width: 650px;
padding: 0 15px;
font-size: 13px;
}
.mweb-main-menu ul>li.level-0.mega-menu.mega-menu-fullwidth-width:hover {
position: unset;
}
.mweb-main-menu ul>li.level-0.mega-menu.mega-menu-fullwidth-width:hover>.sub-menu {
-webkit-transform: translateY(0px) !important;
transform: translateY(0px) !important;
}
.mweb-main-menu ul>li.level-0.mega-menu .title {
margin-bottom: 10px;
}
.mweb-main-menu ul>li.level-0.mega-menu .title h2 {
font-size: 15px;
position: relative;
font-weight: 600;
}
.mweb-main-menu ul>li.level-0.mega-menu .menu-homepage a {
font-weight: 500;
color: #000;
margin-bottom: 10px;
display: inline-block;
}
.mweb-main-menu ul>li.level-0.mega-menu .menu-homepage a:hover {
color: #f03333;
}
.mweb-main-menu ul>li.level-0.mega-menu .menu-homepage .mega-menu-image {
display: inline-block;
border: 1px solid hsla(0, 0%, 64%, .25);
}
.mweb-main-menu ul>li.level-0.mega-menu .menu-homepage .mega-menu-image>a {
margin-bottom: 0;
}
.mweb-main-menu ul>li.level-0.mega-menu .menu-homepage .mega-menu-image:hover {
border: 1px solid #f03333;
}
@media (min-width: 991px) {
.mweb-main-menu ul>li.level-0.mega-menu>ul.sub-menu {
min-width: 340px;
}
}
.mweb-main-menu ul>li.level-0.mega-menu>ul.sub-menu li.menu-item-has-children,
.mweb-main-menu ul>li.level-0.mega-menu>ul.sub-menu li.menu-item-image {
border: none;
}
.mweb-main-menu ul>li.level-0.mega-menu>ul.sub-menu li.level-1 .sub-menu {
margin-top: 0;
position: inherit;
right: 0;
margin-right: 0;
padding: 0;
border: 0;
box-shadow: none;
-webkit-transform: none !important;
transform: none !important;
font-size: 11px;
min-width: unset;
background-color: transparent;
backdrop-filter: inherit;
}
.mweb-main-menu ul>li.level-0.mega-menu>ul.sub-menu li.level-1 .sub-menu li.level-2 .mega-menu-image {
display: inline-block;
padding-bottom: 10px;
}
@media (min-width: 768px) {
.mweb-main-menu ul>li.level-0.mega-menu>ul.sub-menu>li {
margin-bottom: 10px;
}
}
.mweb-main-menu ul>li.level-0.mega-menu:hover>ul.sub-menu li.level-1 .sub-menu {
opacity: 1 !important;
visibility: visible !important;
}
.mweb-main-menu ul>li.level-0.mega-menu.mega-menu-fullwidth-width .sub-menu {
padding: 15px 15px;
top: auto;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu_has_sub_megamenu .sub-menu {
padding: 0;
overflow:hidden
}
.mweb-main-menu ul>li.level-0.mega-menu .sub-menu li.level-1 {
padding: 0 15px;
}
.mweb-main-menu ul>li.level-0.mega-menu .sub-menu li.level-1>a {
padding: 0 0 5px;
display: block;
font-size: 12px;
color: #222;
position: relative;
}
@media (max-width: 991px) {
.mweb-main-menu ul>li.level-0.mega-menu .sub-menu li.level-1>a {
font-size: 14px;
}
}
.mweb-main-menu ul>li.level-0 .sub-menu {
display: block;
min-width: 200px;
position: absolute;
top: 100%;
background: #fff;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .1s linear, transform .1s linear;
transition: opacity .1s linear, transform .1s linear;
-webkit-transform: translateY(40px);
transform: translateY(40px);
border-top: 2px solid var(--maincolor);
line-height: 22px;
background-repeat:no-repeat;
background-position:bottom left;
background-size:contain;
}
.mweb-main-menu ul>li.level-0 .sub-menu .menu-item-has-children {
position: relative;
}
.mweb-main-menu ul>li.level-0 ul.sub-menu {
padding: 20px 0;
}
.mweb-main-menu ul>li.level-0 ul.sub-menu li {
padding: 4px 15px 0 15px;
}
.mweb-main-menu ul div.sub-menu,
.mweb-main-menu ul ul.sub-menu {
padding: 22px 30px;
box-shadow: 0 0 2px rgba(0, 0, 0, .1);
border-radius: var(--borderradius);
}
.mweb-main-menu>.active a {
color: #000;
}
.mweb-main-menu .menu-item-has-children:hover>.sub-menu {
opacity: 1 !important;
visibility: visible !important;
-webkit-transform: translateY(0px) !important;
transform: translateY(0px) !important;
}
.mweb-main-menu .menu-item-new-badge>a,
.mweb-main-menu .menu-item-sale-badge>a {
position: relative;
}
.mweb-main-menu .menu-item-new-badge>a .new-badge,
.mweb-main-menu .menu-item-new-badge>a>.sale-badge,
.mweb-main-menu .menu-item-sale-badge>a .new-badge,
.mweb-main-menu .menu-item-sale-badge>a>.sale-badge {
position: absolute;
top: 5px;
font-size: 9px;
color: #fff;
height: 12px;
line-height: 11px;
padding: 0 5px;
border-radius: 10px 10px 0 10px;
}
.mweb-main-menu .menu-item-new-badge>a>.new-badge {
background: var(--maincolor);
left: -20px;
}
.mweb-main-menu .menu-item-sale-badge>a>.sale-badge {
left: -10px;
background: var(--secondcolor) !important;
}
.menu li.menu-item-loggedin {
display: none !important;
}
.logged-in .menu li.menu-item-loggedin {
display: block !important;
}
.inline-block {
display: inline-block;
vertical-align: middle;
}
.right_menu .mweb-main-menu ul.menu li.level-0 {
float: unset;
width: 100%;
position: unset !important;
padding: 0 15px;
list-style: none;
line-height: 38px;
}
.right_menu .mweb-main-menu ul.menu {
padding: 0;
}
@media (max-width: 991px) {
.right_menu .mweb-main-menu ul.menu li.menu-hide-title>a,
.right_menu .mweb-main-menu ul.menu li.menu-hide-title>span.title {
display: block !important;
margin: 0;
padding: 0 !important;
}
}
.right_menu .mweb-main-menu ul.menu li.menu-item-has-children {
position: relative;
}
.right_menu .mweb-main-menu ul.menu li.menu-item-has-children>a {
display: inline-block;
width: 100%;
}
.right_menu .mweb-main-menu ul.menu li.menu-item-has-children> .el_arrow {
position: absolute;
margin-right: 5px;
opacity: 1;
left: 10px;
top: calc(50% - 12px);
bottom: auto;
width: auto;
height: auto;
}
.right_menu .mweb-main-menu ul.menu li.level-0:last-child a {
border-bottom: none;
}
.right_menu .mweb-main-menu ul.menu li.level-0:first-child>a,
.right_menu .mweb-main-menu ul.menu li.level-0:nth-child(2)>a,
.right_menu .mweb-main-menu ul.menu li.level-0:nth-child(3)>a {
color: #333;
font-weight: 500;
}
.right_menu .mweb-main-menu ul.menu li.level-0:first-child>a:before {
background: #9E9E9E;
}
.right_menu .mweb-main-menu ul.menu li.level-0:nth-child(2)>a:before {
background: #ababab;
}
.right_menu .mweb-main-menu ul.menu li.level-0:nth-child(3)>a:before {
background: #c1c1c1;
}
.right_menu .mweb-main-menu ul.menu li.level-0 i {
font-size: 15px;
}
.right_menu .mweb-main-menu ul.menu li.level-0>a {
margin: 0;
width: 100%;
font-size: 12px;
text-transform: capitalize;
white-space: normal;
color: #636363;
position: relative;
display: inline-block;
padding: 0 0;
}
.right_menu .mweb-main-menu ul.menu li.level-0:not(.menu-icon-image)>a:before {
content: "";
position: relative;
display: inline-block;
width: 6px;
height: 6px;
bottom: auto;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background: #d6d6d6;
margin-left: 12px;
}
.right_menu .mweb-main-menu ul.menu li.level-0>a:hover {
color: var(--maincolor);
}
.right_menu .mweb-main-menu ul.menu li.level-0>a>span:not(.el_text) {
position: relative;
top: -3px;
right: 8px;
}
@media (min-width: 992px) {
.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children>ul.sub-menu,
.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children div.sub-menu {
right: calc(100% + 50px);
left: auto;
}
.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children:hover>ul.sub-menu,
.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children:hover div.sub-menu {
right: 100%;
left: auto;
}
}
.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children:not(.mega-menu) {
position: relative !important;
}
@media (min-width: 992px) {
.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children:not(.mega-menu) li.menu-item-has-children>ul.sub-menu,
.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children:not(.mega-menu) li.menu-item-has-children div.sub-menu {
top: 0;
}
.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children:not(.mega-menu) li.menu-item-has-children:hover>ul.sub-menu {
top: 0 !important;
}
}
.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children>a .el_arrow {
display: inline-block;
background: transparent;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: calc(50% - 15px);
bottom: auto;
line-height: 30px;
font-size: 15px;
color: rgba(99, 99, 99, .5);
width: auto;
height: auto;
}
@media (max-width: 991px) {
.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children>a:after {
display: none;
}
}
.right_menu .mweb-main-menu ul.menu li.level-0 .menu-item-has-children>a>span:after {
display: none;
}
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu-fullwidth-width div.sub-menu,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu-fullwidth-width ul.sub-menu {
right: calc(100% + 30px);
}
.right_menu .mweb-main-menu ul.menu li.level-0 div.sub-menu,
.right_menu .mweb-main-menu ul.menu li.level-0 ul.sub-menu {
right: 100%;
top: 0;
-webkit-transform: unset;
transform: unset;
border: 1px solid #f5f5f5;
}
.right_menu .mweb-main-menu ul.menu li.level-0 div.sub-menu li,
.right_menu .mweb-main-menu ul.menu li.level-0 ul.sub-menu li {
list-style: none;
padding-top: 5px;
padding-bottom: 5px;
}
.right_menu .mweb-main-menu ul.menu li.level-0 div.sub-menu li:last-child,
.right_menu .mweb-main-menu ul.menu li.level-0 ul.sub-menu li:last-child {
border-bottom: 0;
}
@media (max-width: 991px) {
.right_menu .mweb-main-menu ul.menu li.level-0 div.sub-menu,
.right_menu .mweb-main-menu ul.menu li.level-0 ul.sub-menu {
padding-top: 0;
}
}
.right_menu .mweb-main-menu ul.menu li.level-0 ul.sub-menu a {
color: #636363;
}
.right_menu .mweb-main-menu ul.menu li.level-0 ul.sub-menu a:hover {
color: var(--maincolor);
}
.right_menu .mweb-main-menu ul.menu li.level-0 ul.sub-menu>li:hover>ul.sub-menu {
opacity: 1;
visibility: visible;
}
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu>div,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu>div>div,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu>div>div>div,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu>div,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu>div>div,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu>div>div>div {
height: 100%;
}
@media (min-width: 992px) {
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu {
width: 710px;
}
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu .elementor-section>.elementor-container,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu .elementor-section>.elementor-container {
margin-right: auto !important;
margin-left: 0 !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu {
width: 700px;
}
}
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu .title h2,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu .title h2 {
font-size: 15px;
text-transform: uppercase;
margin: 0;
margin-bottom: 17px;
}
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu ul,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu ul {
padding: 0;
}
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu ul li,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu ul li {
list-style: none;
padding: 3px 0;
}
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu ul li:last-child,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu ul li:last-child {
border-bottom: 0;
}
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu ul li a,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu ul li a {
color: #636363;
}
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu .vertical-menu,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu .vertical-menu {
padding: 35px 30px;
height: 100%;
margin: 0;
}
@media (min-width: 991px) {
.right_menu .mweb-main-menu ul.menu li.level-0 div.sub-menu li.level-1 .sub-menu,
.right_menu .mweb-main-menu ul.menu li.level-0:not(.mega-menu)>ul.sub-menu li.level-1 .sub-menu {
right: calc(100% + 0px);
}
}
.right_menu .mweb-main-menu ul.menu .more-wrap {
padding: 0 20px;
color: #000;
font-weight: 500;
background: rgba(0, 0, 0, .2);
border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
-ms-border-radius: 0 0 6px 6px;
-o-border-radius: 0 0 6px 6px;
}
.right_menu .mweb-main-menu ul.menu .more-wrap:hover {
cursor: pointer;
color: var(--maincolor);
}
.right_menu .mweb-main-menu ul.menu .more-wrap span {
line-height: 40px;
}
.right_menu .mweb-main-menu ul.menu .more-wrap span:before {
font-size: 16px;
margin-left: 14px;
content: "\f278";
width: 20px;
font-weight: 400;
text-align: center;
display: inline-block;
vertical-align: top;
}
@media (max-width: 1529px) {
.right_menu .mweb-main-menu ul.menu .more-wrap span:before {
margin-left: 8px;
}
}
.right_menu .mweb-main-menu ul.menu .more-wrap.open span:before {
content: "\f273";
}
.elementor-menu--blur-yes .mweb-main-menu ul>li.level-0.mega-menu>ul.sub-menu, .elementor-menu--blur-yes .mweb-main-menu ul>li.level-0 .sub-menu{
background-color: rgb(255 255 255 / 88%);
backdrop-filter: blur(4px);
}
.main_menu_alignleft.mweb-main-menu{
text-align: left;
}
.main_menu_aligncenter.mweb-main-menu{
text-align: center;
}
.main_menu_aligncenter.mweb-main-menu ul>li.level-0, .main_menu_alignleft.mweb-main-menu ul>li.level-0{
float: none
}
.sticky_toolbox {
position: fixed;
width: 39px;
bottom: 55px;
left: 20px;
right: auto;
text-align: center;
font-size: 13px;
z-index: 999;
display: block;
pointer-events: none;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s;
}
.sticky_toolbox ul li {margin-bottom: 4px;}
.sticky_toolbox ul li:last-child {
border-bottom: none;
}
.sticky_toolbox a {
height: 39px;
display: flex;
line-height: 45px;
font-size: 15px;
position: relative;
color: #333333;
box-shadow: 0 1px 14px -5px rgb(0 0 0 / 15%);
background-color: #FFF;
border-radius: var(--borderradius);
align-items: center;
justify-content: center;
}
.sticky_toolbox svg{
width: 21px
}
.sticky_toolbox a:after{
content:attr(title);
position:absolute;
left: 150%;
background-color: var(--maincolor);
color: #fff;
white-space: nowrap;
padding: 0 10px;
font-size: 10px;
line-height: 23px;
border-radius: 0px var(--borderradius) var(--borderradius) var(--borderradius);
top: 10px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
opacity:0;
visibility:hidden;
}
.sticky_toolbox a:hover {
background-color: var(--maincolor);
color: #FFF;
}
.sticky_toolbox a:hover svg{
stroke: white
}
.sticky_toolbox a:hover:after{
opacity:1;
left: 110%;
visibility:visible;
}
.sticky_toolbox span {
position: absolute;
top: 7px;
left: 2px;
right: auto;
font-size: 9px;
color: #fff;
width: 17px;
height: 17px;
background-color: var(--maincolor);
z-index: 1;
line-height: 17px;
border-radius: 50%;
border: 1px solid #fff;
-moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12);
box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12);
font-family: var(--mainfontnum);
}
.sticky_toolbox.active {
opacity: 1;
filter: alpha(opacity=100);
pointer-events: all;
left: 30px;
right: auto;
}
.woocommerce .shop_cart .blockUI.blockOverlay {
position: relative!important;
display: none!important;
}
.ajax-loader, .slider-loader {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 992;
opacity: 0.96;
background: rgb(255 255 255 / 30%) url(assets/images/loading-oval.svg) no-repeat center center;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.price_chart_content .ajax-loader{
position: relative;
height:70px;
}
.ajax-animation {
position: absolute;
top: 0;
left: 0;
display: none;
visibility: hidden;
width: 100%;
height: 32px;
text-align: center;
opacity: 0;
pointer-events: none;
}
.ajax-animation-icon {
display: inline-block;
width: 24px;
height: 24px;
background: rgba(0, 0, 0, 0) url('assets/images/loading-oval.svg') no-repeat center center;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
background-size: contain
}
.block_product_box .nav_tabs_warpper {
position: relative;
padding-bottom: 10px;
margin-top: 5px;
display: flex;
overflow: hidden;
width: 100%;
}
.block_product_box .nav_tabs_warpper:before, .block_product_box .nav_tabs_warpper:after {
content: " ";
display: table;
}
.block_product_box .nav_tabs_warpper:before, .block_product_box .nav_tabs_warpper:after {
content: " ";
display: table;
}
.block_product_box .nav_tabs_warpper .icon {
position: relative;
height: 54px;
width: 54px;
background: var(--secondcolor);
border-radius: var(--borderradius);
text-align: center;
line-height: 60px;
display: inline-flex;
font-size: 26px;
color: #fff;
align-items: center;
justify-content: center;
}
.block_product_box .nav_tabs_warpper .icon svg{
fill: #FFF;
stroke: white;
width: 27px;
height: 27px;
}
.block_product_box .nav_tabs_warpper .icon:before {
content: '';
position: absolute;
top: 50%;
right: 100%;
border: solid transparent;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
border-color: rgba(230, 201, 7, 0);
border-right-color: var(--secondcolor);
border-width: 10px;
}
.block_product_box .nav_tabs_warpper .icon:after {
content: '';
position: absolute;
top: 50%;
right: 100%;
height: 1px;
margin-top: -1px;
width: 100vw;
background: var(--secondcolor);
}
.block_product_box .nav_tabs_warpper .nav_tabs_content {
vertical-align: top;
width: 100%;
}
.block_product_box .nav_tabs_warpper .icon + .nav_tabs_content {
padding-right: 16px;
}
.block_product_box .nav_tabs_warpper .heading {
font-size: 13px;
display: inline-block;
font-weight: 500;
margin: 0;
padding: 0;
}
.block_product_box .nav_tabs_warpper .subtitle {
display: block;
opacity: 0.9;
padding-top: 10px;
}
.block_product_box .nav_tabs_warpper .bk_view_more {
float: left;
margin-top: 0;
line-height: 23px;
height: 21px;
}
.block_product_box .tab_cat_list {
height: 100%;
}
.block_product_box .tab_cat_list .inner_wrap {
min-height: 299px;
height: 100%;
}
.block_product_box .cat_list_title {
padding: 10px;
font-size: 12px;
font-weight: 500;
}
.block_product_box .cat_list_wrap {
max-height: 230px;
height: 100%;
padding: 10px 0;
overflow: hidden;
}
.block_product_box .cat_list_wrap li {
position: relative;
padding-right: 20px;
color: #5b5b5b;
line-height: 27px;
border-right: 1px solid #ccc;
margin-right: 10px;
font-size: 12px;
}
.block_product_box .cat_list_wrap ul li:before {
content: '';
position: absolute;
width: 10px;
height: 15px;
top: 0;
right: -1px;
border: 1px solid #ccc;
border-top: 0 none transparent;
border-left: 0 none transparent;
}
.block_product_box .cat_list_wrap a {
color: inherit;
display:block
}
.block_product_box .cat_list_wrap li:hover a{
-moz-transform: translateX(-10px);
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
.under_construction {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #505050;
background: url(assets/images/bg-comingsoon.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.under_construction.no_background:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(assets/images/pattern.png);
opacity: 0.1;
}
.construction_head {
padding: 0% 0;
position: relative;
margin-top: 5%;
border-radius: 6px;
}
.under_construction h2 {
font-size: 19px;
text-align: center;
display: block;
padding: 4% 0;
font-weight: 500;
}
.construction_entry {
font-size: 13px;
text-align: justify
}
.construction_countdown {
text-align: center;
padding-top: 10%;
direction: ltr;
}
.under_construction .disabled .product-date{
display:none
}
.under_construction .product-date div {
display: inline-block;
font-size: 25px;
font-weight:500;
border: 2px solid rgb(0 0 0 / 41%);
background-color: rgb(255 255 255);
box-shadow:0 0 30px -20px #000;
color: #555;
border-radius:20px;
margin: 15px;
width: 90px;
height: 90px;
line-height: 40px;
padding-top:18px;
position: relative;
direction: rtl;
font-family: var(--mainfontnum)
}
.under_construction .product-date div .text {
display:block;
line-height:5px;
font-size:11px;
color:#9e9e9e
}
.breadcrumb-arrow {
height: 40px;
padding-right: 10px;
line-height: 41px;
list-style: none;
background-color: #fff;
margin-bottom: 5px;
margin-top: 15px;
border-radius: var(--borderradius);
font-size: 12px;
overflow: hidden;
-webkit-box-shadow: 0 1px 7px -3px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 7px -3px rgba(0,0,0,.1);
box-shadow: 0 1px 7px -3px rgba(0,0,0,.1);
}
.breadcrumb-arrow li{
display: inline-block;
vertical-align: middle;
list-style: none;
padding-right: 0;
margin-right: 0;
}
.breadcrumb-arrow li a {
position: relative;
color: #777;
}
.breadcrumb-arrow li svg{
vertical-align: middle;
width: 14px;
margin: 0px 5px;
}
.ldc-ul_cont {
position: relative;
background-color: rgba(255, 255, 255, 0.45);
border-radius: 2px 2px 2px 2px;
cursor: pointer;
font-size: 11px;
height: 2.0em;
padding: 0 0.91em;
margin: 2px;
position: relative;
vertical-align: middle;
white-space: nowrap;
color: #adadad;
word-wrap: normal;
float: left;
}
.ldc-ul_cont img {
background: none repeat scroll 0 0 transparent;
box-shadow: none;
margin: 0 3px;
position: relative;
top: 3px;
}
.widget .widget_title.with-dropdown .widget-dropdown{
top: calc(50% + -3px) !important;
right: auto !important;
left: 5px !important;
}
.yith-wcan-sort-by ul.orderby li.orderby-wrapper a.active:before, a.yith-wcan-onsale-button.active:before, a.yith-wcan-instock-button.active:before, a.yith-wcan-price-link.active:before {
color: #f54545 !important;
margin-right: 0 !important;
margin-left:5px;
vertical-align: middle;
}
#price_chart_wrap {
width: 750px;
max-width: 97%;
}
.highcharts-tooltip {
direction:rtl;
font-family: var(--mainfontnum);
}
.highcharts-tooltip b{
font-weight: 500 !important;
display: inline-block;
}
.highcharts-axis-labels{
direction: rtl;
}
.price_chart_title{
display: block;
line-height: 25px;
text-align: center;
padding: 15px 0;
font-size: 11px;
}
.price_chart_note{
display: block;
text-align: center;
padding-bottom: 20px;
font-size: 11px;
}
.price_chart_content{
display: block;
max-width: 780px;
min-height: 100%;
position: relative;
}
#popup-video video {
display: block;
width: 100%;
height: 100%;
}
#popup-video {
position: relative;
background: #555;
width: auto;
max-width: 800px;
margin: 20px auto;
}
.accessories{
display: block;
position: relative;
margin-top: 15px;
}
.accessories .item{
position:relative
}
.accessories .item .product-label{
display:none
}
.accessories .item>svg {
display: inline-block;
width: 28px;
height: 29px;
text-align: center;
line-height: 29px;
position: absolute;
z-index: 1;
right: -25px;
border-radius: 50%;
top: 50%;
margin-top: -10px;
font-size: 30px;
stroke: #d9dbde;
background: #ffffff;
box-shadow: 0 0px 10px -3px rgba(0, 0, 0, 0.1);
}
.accessories .product-type-1 .row div:first-child .item>svg{
display:none
}
.accessories .item .item-area{
margin-bottom:0
}
.accessories .horizontal_scroll_css{
display: block;
padding-bottom: 8px;
max-width: 100%;
overflow: auto;
}
.accessories .horizontal_scroll_css::-webkit-scrollbar-corner {
background-color: var(--maincolor) !important;
}
.accessories .horizontal_scroll_css>div{
display: inline-block;
}
.accessories_desc{
padding: 15px 15px;
background-color: #FFF;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
position: relative;
min-height: 306px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
}
.accessories_title{
background-color: #f2f2f2;
padding: 5px 15px 7px;
color: #333;
border-radius: var(--borderradius);
font-size: 13px;
font-weight: 500;
display: block;
margin-bottom: 15px;
}
.check-products{
padding: 0 15px;
margin-bottom: 11px;
}
.accessories .total-price {
font-size: 10px;
color: #848484;
padding: 0 15px;
font-family: var(--mainfontnum);
white-space: nowrap;
}
.accessories .total-price .total-price-html {
display: inline-block;
font-size: 16px;
color: var(--secondcolor);
font-weight: 500;
padding-left: 10px;
}
.accessories span.woocommerce-Price-currencySymbol{
font-size:10px;
color: #9ea6ac;
}
.accessories .price {
font-size: 12px;
color: var(--maincolor);
font-weight: 500;
font-family: var(--mainfontnum);
overflow: hidden;
white-space: nowrap;
max-width: 100%;
}
.accessories .add-all-to-cart.btn, .accessories .add-all-to-cart.hero-action-btn {
position: relative;
border: none;
height: 43px;
line-height: 30px;
background: var(--cartcolor);
color: #fff;
padding: 0 40px 0 15px;
font-size: 12px;
font-weight: 500;
text-align: center;
display: inline-flex;
margin: 10px;
font-family: var(--mainfont);
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
width: calc(100% - 20px);
align-items: center;
flex-direction: row;
justify-content: center;
}
.accessories .add-all-to-cart.btn svg {
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
font-size: 18px;
stroke: #fff;
margin-left: 10px;
background: transparent;
}
.accessories .add-all-to-cart.btn:hover{
background: var(--maincolor);
cursor: pointer;
}
.product-360-view-wrapper {
margin: 20px auto;
max-width: 550px;
position: relative;
margin: 10px;
min-height: 300px
}
.spinner {
color: #555;
font-size: 17px;
font-weight: 100;
text-align: center;
font-family: var(--mainfontnum);
}
.lebe-threed-view::after {
border-color: rgba(175, 175, 175, 0.05) rgba(175, 175, 175, 0.1) rgba(175, 175, 175, 0.15);
border-radius: 50%;
border-style: solid;
border-width: 2px 2px 5px;
bottom: 15px;
content: "";
height: 50%;
left: 15px;
position: absolute;
right: 15px;
z-index: 10;
}
.lebe-threed-view {
cursor: ew-resize;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.lebe-threed-view .threed-view-images {
display: none;
list-style: outside none none;
margin: 0;
padding: 0;
}
.lebe-threed-view .threed-view-images img.current-image {
visibility: visible;
z-index: 9;
}
.lebe-threed-view .threed-view-images img {
height: auto;
position: absolute;
top: 0;
width: 100%;
}
.lebe-threed-view .nav_bar {
direction: ltr;
bottom: 40px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
left: 50%;
background: #fff;
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 11;
border-radius: 5px;
overflow: hidden;
}
.lebe-threed-view .nav_bar a {
display: inline-block;
text-decoration: none;
width: 36px;
height: 23px;
font-size: 0;
text-align: center;
}
.lebe-threed-view .nav_bar a:hover {
background-color: #f9f9f9;
}
.lebe-threed-view .nav_bar a::after {
content: '';
position: relative;
top: 5px;
}
.lebe-threed-view .nav_bar a.nav_bar_play::after {
display: inline-block;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-left: 10px solid #9E9E9E;
border-bottom: 7px solid transparent;
top: 7px;
}
.lebe-threed-view .nav_bar a.nav_bar_stop::after {
display: inline-block;
width: 7px;
height: 7px;
border: 2px solid #9E9E9E;
position: relative;
top: 5px;
}
.lebe-threed-view .nav_bar a.nav_bar_previous::after {
display: inline-block;
width: 7px;
height: 7px;
border-right: 2px solid #9E9E9E;
border-bottom: 2px solid #9E9E9E;
transform: rotate(133deg);
position: relative;
top: 5px;
}
.lebe-threed-view .nav_bar a.nav_bar_next::after {
display: inline-block;
width: 7px;
height: 7px;
border-right: 2px solid #9E9E9E;
border-bottom: 2px solid #9E9E9E;
transform: rotate(314deg);
position: relative;
top: 5px;
}
.lebe-dark .lebe-threed-view .nav_bar a {
color: black;
}
.rating_wrap{
padding-bottom:10px
}
.rating_wrap>span{
display:block;
padding-bottom:5px
}
.rate_slider.ui-slider {
border-radius: 20px;
background: #e0e2e4;
border: none;
height: 6px;
margin: 5px 0;
border: none !important;}
.rate_slider .ui-slider-handle {
border-radius: 23px;
height: 16px !important;
width: 16px !important;
top: -5px !important;
margin-left: -11px !important;
border: 2px solid #fffaf7 !important;
}
.rate_slider .ui-slider-pip {
top: 1px; }
.rate_slider .ui-slider-pip .ui-slider-line {
width: 4px;
height: 4px;
border-radius: 4px;
margin-left: -2px;
background: #fffaf7; }
.rate_slider .ui-slider-pip.ui-slider-pip-last,
.rate_slider .ui-slider-pip.ui-slider-pip-first {
top: -7px; }
.rate_slider .ui-slider-pip.ui-slider-pip-last .ui-slider-line,
.rate_slider .ui-slider-pip.ui-slider-pip-first .ui-slider-line {
display: none; }
.rate_slider .ui-slider-pip.ui-slider-pip-last .ui-slider-label,
.rate_slider .ui-slider-pip.ui-slider-pip-first .ui-slider-label {
margin: 0; }
.rate_slider .ui-slider-pip.ui-slider-pip-first .ui-slider-label {
left: -2em;
text-align: right; }
.rate_slider .ui-slider-pip.ui-slider-pip-last .ui-slider-label {
left: 2em;
text-align: left; }
.rate_slider .ui-slider-pip.ui-slider-pip-selected-initial {
font-weight: normal; }
.rate_slider .ui-slider-pip.ui-slider-pip-selected {
font-weight: bold; }
.rate_slider .ui-slider-pip.ui-slider-pip-selected,
.rate_slider .ui-slider-pip.ui-slider-pip-selected-initial {
color: #434d5a; }
.rate_slider.ui-slider-float .ui-slider-tip, .rate_slider.ui-slider-float .ui-slider-tip-label{
font-family: var(--mainfontnum);
border: 1px solid #ccc;
font-size:11px;
width: 56px;
margin-left: -28px;
font-weight:normal;
color: #888;
}
.rate_slider.ui-slider-float .ui-slider-tip:before, .rate_slider.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before{
border-top-color: #ccc;
}
.rate_slider.ui-state-default, .rate_slider.ui-widget-content .ui-state-default, .rate_slider.ui-widget-header .ui-state-default {
background: var(--maincolor);
}
.recommended_warp{
background-color: #f3f3f3;
border-radius: 34px;
padding: 6px 15px;
margin-bottom: 15px;
min-height: 41px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.recommended_warp p{
display: inline-block !important;
width: auto !important;
margin: 2px 5px !important;
}
.recommended_warp .nice-select{
float: left;
margin-top: 1px;
}
.recommended_warp span.current{
font-size: 10px;
color: #888;
}
.comment-form-rating{
padding:10px 0;
display: flex;
align-items: center;
margin-bottom: 10px;
margin-top: 10px;
}
.comment-form-rating label{
margin-left: 10px;
margin-top: 3px;
}
.like_dislike_wrap{
text-align: left;
padding: 5px 0 15px;
margin-top: auto;
}
.like_dislike_wrap span{
padding-left:15px;
color: #888;
font-size: 11px;
}
.like_dislike_wrap .like_dislike_btn{
border-radius: 5px;
border: 1px solid #ededed;
background: #fff;
padding: 2px 13px;
color: #8c8c8c;
font-size: 10px;
line-height: 18px;
margin: 0 3px;
cursor: pointer
}
.like_dislike_wrap .like_dislike_btn:before {
margin-left: 7px;
color: #7a7a7a;
font-size: 11px;
line-height: inherit;
content: attr(data-counter);
}
.result_review_wrap{
padding: 15px 20px 10px 10px;
border-radius: var(--borderradius);
border: 1px solid rgb(235 236 238);
margin-top: 25px;
margin-bottom: 15px;
}
.result_review:first-child{
margin-top: 20px;
}
.result_review{
margin-bottom: 5px;
}
.result_review_t{
font-size: 12px;
line-height: 13px;
}
.result_review_wrap .progress{
width: calc(100% - 65px);
height: 4px;
border-radius: 5px;
background-color: #ebecee;
margin-left: 10px;
display: inline-block;
}
.result_review_wrap .progress-bar{
height: 100%;
background-color: #a2a2a2;
display: block;
border-radius: .286em;
}
.woocommerce .avg_bgcolor1{background-color: #b5b5b5;}
.woocommerce .avg_bgcolor2{background-color: #cca273;}
.woocommerce .avg_bgcolor3{background-color: #f5a258;}
.woocommerce .avg_bgcolor4{background-color: #64d6b9;}
.woocommerce .avg_bgcolor5{background-color: #5cd761;}
.result_review_l{
font-size: 10px;
display: inline-block;
}
.must-log-in{
background-color: rgb(0 0 0 / 4%);
padding: 15px 20px 15px 10px;
border-radius: 5px;
margin-top: 15px;
}
.must-log-in strong{
font-weight: normal !important;
line-height: 26px;
display: block;
}
.comment_login{
position: relative;
border: none;
margin-top: 10px;
line-height: 36px;
background: #777;
padding: 0 15px;
color: #fff;
font-size: 12px;
text-align: center;
font-family: var(--mainfont);
cursor: pointer;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.comment_login i{
margin-left:10px;
vertical-align: unset;
display:inline-block;
font-size: 17px;position: relative;top: 3px;}
.review_rules{
white-space: pre-line;
line-height: 20px;
border: 1px dashed #e0e0e0;
padding: 15px 20px;
border-radius: var(--borderradius);
margin: 0px 0 20px 20px;
position: relative;
}
.review_rules p{
position: relative;
}
.widget_vendor_info{
position: relative;
}
.widget_vendor_info:before{
content:'';
background-color: #f4f5f6;
position: absolute;
right: 0;
left: 0;
top: 0;
height: 80px;
}
.widget_vendor_info:after{
content:'';
height: 21px;
background-color: #FFF;
position: absolute;
top: 71px;
right: 99px;
left: 0px;
border-radius: 50%;
}
.vendor_info_warp{
padding: 10px;
display: block;
position: relative;
z-index: 1;
}
.profile_img{
width: 85px;
height: 85px;
float: right;
margin-left: 15px;
border-radius: 41px;
overflow: hidden;
box-shadow: 0px 0px 15px -4px rgba(0, 0, 0, 0.2);
border: 1px solid #fff;
}
.profile_img img{}
.profile_img span{position: absolute;background-color: #FFF;color: #7d7d7d;width: 35px;height: 35px;border-radius: 15px;border: 2px solid rgba(0, 0, 0, 0.12);top: 0;right: 6px;font-size: 18px;text-align: center;line-height: 36px;}
.vendor_info_warp h1{
font-weight: 500;
display: inline-block;
padding: 0px 10px;
background-color: #FFF;
font-size: 12px;
float: left;
color: #888;
}
.vendor_total_rate{
display: block;
clear: both;
padding: 5px 0;
}
.vendor_info_line{
display: block;
padding: 5px 15px;
margin-bottom: 5px;
border: 1px dashed #e0e2e4;
}
.vendor_info_line span{
color: #888;
margin-right: 15px;
}
.vendor_info_line svg, .dokan-store-info li svg{
width: 18px;
vertical-align: middle;
margin-left: 10px;
}
.store_link{
display: block;
padding: 8px 15px;
background-color: #fbfbfb;
margin-bottom: 5px;
margin-left: -20px;
text-align: left;
direction: ltr;
font-family: sans-serif;
font-display: swap;
color: #8c8c8c;
border-radius: 0 15px 15px 0;
overflow: hidden;
font-size: 12px;
}
.vendor_line{
display: inline-block;
border-top: 1px dashed #e0e2e4;
width: 100%;
height: 10px;
margin-top: 20px;
}
.vendor_info_left:after , .vendor_line:before{
content:'';
clear:both;
display:block;
}
.vendor_info_line.dokan-store-address span{margin-right: 0px;}
body #dokan-seller-listing-wrap.grid-view .store-content .store-data-container .store-data h2 a {
font-size: 14px;
}
body #dokan-seller-listing-wrap.grid-view .store-content{
position: relative;
}
ul.dokan-best-sellers li{
padding: 5px 10px 10px;
margin-bottom: 10px;
border-bottom: 1px dashed #dcdee0;
}
#stores_orderby{padding: 0px 15px !important;}
.store-social-wrapper{
display: block;
border-top: 1px dashed #e0e2e4;
width: 100%;
margin: 20px 0 0 0;
padding: 15px 0;
text-align: center;
clear: both;
}
.store-social-wrapper ul li{
display:inline-block;
margin: 0 3px;
}
.store-social-wrapper ul li a{width: 28px;height: 28px;line-height: 32px;text-align: center;font-size: 14px;background-color: rgba(238, 239, 241, 0.62);color: #686d75;border-radius: 10px;display: inline-block;position: relative;float: left;}
.store-social-wrapper a:hover{
background-color: rgba(238, 239, 241, 1);
}
.profile-info-img{
margin: 10px 0px 15px 0px;
position: relative;
background-color: rgba(255, 255, 255, 0.82);
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
border-radius: 7px;
min-height: 190px;
}
.vendor_desc_head{
display: inline-block;
border-bottom: 4px double rgba(0, 0, 0, 0.1);
width: 100%;
}
.vendor_desc_head h1{display: inline-block;}
.vendor_desc_text{
background-color: #FFF;
padding: 15px 20px;
line-height: 25px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
border-radius: 7px;
}
.is_store .dokan-store-tab{
float: right;
font-weight: normal;
font-size: 11px;
}
.is_store .dokan-store-tab li{
float: right;
margin-left: 2px;
}
.is_store .dokan-store-tab a ,.is_store .dokan-store-tab button{
background-color: rgba(255, 255, 255, 0.62) !important;
color: #666 !important;
padding: 3px 12px !important;
height: 40px;
border:none;
font-size: 12px !important;
border-radius: 4px 4px 0 0 !important;
line-height: 36px;
vertical-align: middle;
margin: 0 !important;
display: inline-block;
font-family: var(--mainfont);
}
.is_store .dokan-store-tab a:hover ,.is_store .dokan-store-tab button:hover{
background-color:#FFF !important
}
.seller-items{
padding:15px 0
}
.store-page-wrap #reviews{
display: inline-block;
width: 100%;
padding: 10px 20px 30px 15px;
background-color: #FFF;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin: 10px 0px 0px 0px;
box-shadow: 0 1px 7px -3px rgba(0,0,0,0.1);
font-family: var(--mainfontnum);
}
.dokan-support-login-wrapper .mfp-close{
right:auto;
left:0
}
.dokan-support-intro-text{
font-size: 1.2em;
}
.dokan-form-control{
font-size:11px
}
.wpas-form-group>label{
font-weight:500;
margin-right: 0px;
}
.wpas-btn, .wpas-form-control{
font-size: 12px;
}
.wpas-btn-default {
border-color: #eeeff1;
}
.wpas-form-control{
border-color: #eeeff1;
box-shadow:none
}
.wpas-btn{
padding: 6px 20px !important;
margin-right:0;
margin-left:5px;
}
.wpas-btn:hover{
background-color:#eeeff1
}
.wpas-table>thead>tr>th {
text-align: right;
font-weight:500;
}
.wpas-table{
text-align: right;
}
.dokan-dashboard .is-page .single_blog_top{
padding: 0;
margin-top: -5px;
}
.dokan-dashboard .post_wrapper .blog_body{
padding: 0;
}
.dokan-dashboard{}
body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li{
}
body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a i {
margin-top: 0px;
vertical-align:middle;
margin-right: 15px;
padding-left:10px;
font-size:14px;
}
body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a{
padding: 11px 0 11px 18px;
font-size: 12px;
}
body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active a , body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover a{
color: #FFF !important;
}
body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active:after {
left: 0px;
right: 96%;
border-width: 10px 0px 10px 10px;
margin-top: -10px;
}
body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.settings i.pull-right{
float:left !important;
padding-right: 0;
margin-top: 3px;
}
body.dokan-dashboard .dokan-alert {
padding: 10px 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
font-size: 12px;
}
body.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget.big-counter .title {
font-size: 12px;
padding-top: 10px;
padding-bottom: 5px;
}
body.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget.big-counter .count {
font-size: 14px;
border-bottom: 1px solid #eeeff1;
font-weight: 500;
font-family: var(--mainfontnum);
}
body.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget .widget-title{
font-weight: 500;
font-size: 12px;
border-bottom: 1px solid #eeeff1;
padding: 10px 0;
}
body.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget .widget-title i{
padding-left: 5px;
font-size: 16px;
vertical-align: middle;
padding-right: 0;
}
body.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget .widget-title .pull-right {
float: left !important;
}
body.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget a {
font-size: 11px;
}
.dokan-panel-default {
border-color: #eeeff1 !important;
}
body.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dokan-announcement-widget .dokan-no-announcement .annoument-no-wrapper p{
font-size: 12px;
}
body.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dokan-announcement-widget .dokan-no-announcement .annoument-no-wrapper .dokan-announcement-icon{
font-size:73px !important
}
body.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dashboard-widget{
border: 1px solid #eeeff1;
padding: 0 15px 15px 15px;
box-shadow: none;
}
body.dokan-dashboard .dokan-product-listing .dokan-product-listing-area{
padding:10px 0
}
ul.subsubsub li , .dokan-orders-content .dokan-orders-area ul.order-statuses-filter li{
border-right:0 !important;
border-left: 1px solid #eeeff1;
font-family: var(--mainfontnum);
}
.dokan-form-control {
border: 1px solid #eeeff1 !important;
padding: 4px 6px !important;
font-size: 11px !important;
}
.dokan-form-control:not(textarea) {
height: 30px !important;
}
body.dokan-dashboard .dokan-btn ,body.dokan-dashboard input[type="submit"].dokan-btn, body.dokan-dashboard a.dokan-btn, .dokan-btn{
height: 30px;
font-size: 11px !important;
font-weight: 500;
border: none !important;
border-radius: 3px;
vertical-align: middle;
font-family: var(--mainfont);
}
body.dokan-dashboard .dokan-label {
font-weight: 500;
}
body.dokan-dashboard .dokan-form-inline .dokan-form-group{
float:right;
margin-right:0;
margin-left:10px;
}
body.dokan-dashboard .pagination-wrap ul.pagination > li > a {
float: left;
padding: 5px 12px;
margin-left: 5px;
width: auto;
height: auto;
font-size: 11px;
}
.dokan-product-listing .dokan-product-listing-area table.product-listing-table mark , .dokan-dashboard .dokan-dashboard-content .edit-account fieldset legend{
font-weight:normal !important
}
body.dokan-dashboard input{
max-height:30px;
}
body.dokan-dashboard .dokan-reports-content .dokan-reports-area ul.chart-legend li strong{
font-size: 14px;
font-family: var(--mainfontnum);
}
body.dokan-dashboard .dokan-reports-content .dokan-reports-area ul.chart-legend li{
font-size: 11px;
}
body.dokan-dashboard .dokan-right-margin-30 {
margin-right: 0px;
margin-left:30px;
}
body.dokan-dashboard .dokan-form-horizontal .dokan-control-label , body.dokan-dashboard .dokan-form-horizontal{
text-align:right;
padding-right:0
}
.dokan-support-topic-wrapper .dokan-support-user-image img{
display: inline-block !important;
max-width: 50px;
border-radius: 50%;
}
.dokan-support-topic-wrapper .dokan-support-user-image h4, .dokan-support-topic-wrapper .dokan-support-user-image p{
font-size:11px;
}
.dokan-support-single-title h1 , .dokan-support-single-title h3{
font-size:12px;
font-weight: 500;
line-height:2em
}
body.dokan-dashboard .dokan-add-product-link a{
line-height: 23px;
}
body.dokan-dashboard .dokan-add-product-link a i{
vertical-align: middle;
}
.dokan-add-new-product-popup h2{
font-size: 13px !important;
}
.dokan-add-new-product-popup .mfp-close{
left:0 !important;
right: auto !important;
top: 0 !important;
}
body.dokan-dashboard .dokan-edit-row .dokan-section-heading h2{
font-size: 13px;
font-weight: 500
}
body.dokan-dashboard .product-edit-new-container label.form-label{
font-weight: 500;
font-size: 12px;
}
.product-edit-new-container .dokan-attribute-variation-options .dokan-product-attribute-wrapper .dokan-attribute-type{
margin-top:15px
}
.product-edit-new-container .dokan-attribute-variation-options .dokan-product-attribute-wrapper ul li.product-attribute-list {
font-size: 11px;
}
body.dokan-dashboard .dokan-settings-content .dokan-settings-area .dokan-gravatar .dokan-remove-gravatar-image {
width: 30px;
height: 30px;
font-size: 22px;
}
body.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dokan-announcement-widget ul li .dokan-dashboard-announce-content{
font-size: 11px;
}
body.dokan-dashboard .dokan-dashboard-content article.dashboard-content-area .dokan-announcement-widget ul li .dokan-dashboard-announce-content h3{
font-size: 12px;
font-weight: 500;
}
body.dokan-dashboard .dokan-announcement-wrapper .dokan-announcement-wrapper-item{
background-color: #f9f9f9;
border-radius: 4px;
padding: 10px;
margin-bottom: 10px;
}
body.dokan-dashboard .dokan-announcement-wrapper .dokan-announcement-wrapper-item .announcement-action{
width: 20px;
height: 20px;
background-color: #f36b6b;
border-radius: 20px;
line-height: 19px;
}
body.dokan-dashboard .dokan-announcement-wrapper .dokan-announcement-wrapper-item .announcement-action i{
font-size: 12px;
}
body.dokan-dashboard .dokan-announcement-wrapper .dokan-announcement-wrapper-item .dokan-annnouncement-date{
margin-right: 0;
margin-left: 15px;
vertical-align: middle;
background-color: #e2e2e2;
}
body.dokan-dashboard .dokan-announcement-wrapper .dokan-announcement-wrapper-item .dokan-announcement-heading h3{
font-size: 12px;
font-weight: 500;
padding: 0;
}
body.dokan-dashboard .dokan-announcement-wrapper .dokan-announcement-wrapper-item .dokan-announcement-content-wrap .dokan-announcement-content{
font-size: 11px;
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-wrapper {
box-shadow: 0px 0px 1px 0px #ddd !important;
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-content .store-info .store-data h2 {
margin:0 0 9px 0px !important;
padding: 0px;
font-size: 14px !important;
}
ul.dokan-seller-wrap .store-footer .dokan-btn{
background-color: #555;
font-size: 12px;
line-height: 25px;
}
.dokan-seller-search-form .dokan-seller-search{
width: 100%;
text-indent: 20px;
border: 1px solid #eeeff1 !important;
}
.blog_body input[type="submit"].dokan-btn-default, .blog_body a.dokan-btn-default, .dokan-btn-default {
background-color: #eeeff1 !important;
font-size: 12px;
}
.alert p{
display: inline-block;
line-height: 26px;
vertical-align: middle;
}
.mweb-body .alert .btn{
padding: 0 15px;
float: left !important;
border-radius: 40px;
color: #848484;
border-color: rgba(0, 0, 0, 0.08);
}
.alert:after,.alert:before{
content:'';
clear:both;
display:block
}
input[type="submit"].dokan-btn:active, a.dokan-btn:active, .dokan-btn:active, input[type="submit"].dokan-btn.active, a.dokan-btn.active, .dokan-btn.active{
box-shadow:none !important
}
.dokan-category-menu #cat-drop-stack {
}
.dokan-category-menu #cat-drop-stack ul {
padding: 0.929em;
margin: 0;
}
.dokan-category-menu #cat-drop-stack ul:after , .dokan-category-menu #cat-drop-stack ul:before{
display:block;
content:'';
clear:both
}
.widget.dokan-category-menu #cat-drop-stack ul > li > a {
color: #565656;
font-size: 11px;
padding: 0 20px 0 0 !important;
margin: 0 !important;
position: relative;
width: 100%;
border: none !important;
float: none;
}
.widget.dokan-category-menu #cat-drop-stack ul > li > a .caret-icon {
color: #333e48;
display: block;
position: absolute;
right: auto;
left: 0;
display: inline-block;
width: 20px;
line-height: 26px;
vertical-align: middle;
text-align: center;
transform: rotate(180deg);
}
.dokan-category-menu #cat-drop-stack ul > li.has-children .sub-category .sub-block h3 {
font-size: inherit;
margin: 0;
border-top: 1px solid #ddd; }
.dokan-category-menu #cat-drop-stack ul > li.has-children .sub-category .sub-block h3 a {
color: #333e48;
display: block;
padding: 0.571em 0 0.643em 25px;
line-height: 22px; }
.dokan-category-menu ul li:first-child {
border: none; }
.mweb-body .dokan-other-vendor-camparison {
clear: both;
margin: 15px 0px 20px;
}
.mweb-body .dokan-other-vendor-camparison h3 {
margin-bottom: 5px;
background-color: #f9f9f9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 11px;
padding: 10px 15px 10px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1);
}
.mweb-body .dokan-other-vendor-camparison-table {
margin: 10px 0 0 0;
}
.mweb-body .table-row {
display: table;
background: white;
border: none;
width: 100%;
margin-bottom: 7px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 11px;
padding: 10px 15px 10px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1);
}
.mweb-body .table-row.active {
border: 1px solid #e3e3e3;
}
.mweb-body .table-cell {
display: table-cell;
vertical-align: middle;
}
.mweb-body .table-cell.vendor {
width: 30%;
}
.mweb-body .table-cell.price {
width: 30%;
}
.mweb-body .table-cell.rating {
width: 20%;
}
.mweb-body .table-cell.action-area {
width: 20%;
text-align: left;
}
.mweb-body .table-cell.vendor img{
display: inline-block;
vertical-align: middle;
border-radius: 11px;
max-width: 35px;
}
.mweb-body .table-cell.vendor a{
display: inline-block;
vertical-align: middle;
text-decoration: none;
color: #555;
font-size: 12px;
line-height: 1.2em;
margin-left: 0;
margin-right: 15px;
}
.mweb-body .table-cell .woocommerce-product-rating{
margin-bottom:0 !important;
font-size: 10px;
}
.mweb-body span.cell-title {
display: block;
font-size: 11px;
margin-bottom: 3px;
color: #a0a0a0;
}
.mweb-body .table-cell .woocommerce-Price-amount{
color: #777;
font-size: 12px;
line-height: 1.2em;
padding: 0 0 0 10px;
}
.mweb-body  .table-cell .dokan-btn {
padding: 5px 8px;
font-size: 14px !important;
}
.mweb-body .table-cell .dokan-btn.link {
color: #8e44ad;
}
.mweb-body .table-cell .dokan-btn.view {
color: #008fd5;
}
.mweb-body .table-cell .dokan-btn.cart {
color: #d35400;
}
.mweb-body .table-cell .dokan-btn:hover {
background-color: #f5f7fa;
color: inherit;
}
@media screen and (max-width: 767px){
.mweb-body .table-row {
display: inline-table;
width: 100%;
}
.mweb-body .table-cell {
display: inline-block;
width: 50% !important;
text-align: center;
}
.mweb-body .table-cell.vendor img{
display: inline-block;
margin: 0 0 0 15px;
float: right;
}
.mweb-body .table-cell.vendor a{
display: block;
margin: 9px 0px;
text-align: right;
}
.mweb-body .table-cell.price{
padding: 5px 0;
}
.mweb-body span.cell-title{
display: none;
}
.mweb-body .action-area{
margin-top: 0;
padding: 10px 0;
border: none;
}
}
#tab-more_seller_product ul.products {
padding-right: 0px;
margin:0;
line-height: inherit;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-left: calc(var(--bs-gutter-x)/ -2);
margin-right: calc(var(--bs-gutter-x)/ -2);
}
#tab-more_seller_product ul{
padding: 0 !important;
list-style: none !important;
}
#tab-more_seller_product .item{
float: right;
width: 50%;
list-style: none;
padding: 0;
margin: 0;
}
#tab-more_seller_product .item .item-area{
border:1px solid rgb(249 249 251);
margin: 5px;
box-shadow:none;
min-height: 120px;
}
#tab-more_seller_product .product-image-area{
float: right;
margin-left: 20px;
min-height: auto;
}
#tab-more_seller_product .item .item-area .actions .add-to-links li{
list-style: none;
width: auto;
min-width: 30px;
}
#tab-more_seller_product .item .item-area .actions a.add_to_wishlist:after {
display: inline-block;
float: right;
margin-left: 10px;
}
#tab-more_seller_product .product-image-area .out_of_stock{
font-size: 10px;
display:none;
}
#tab-more_seller_product .item .item-area .product-image-area .product-image{
max-width: 95px;
min-height: auto;
}
#tab-more_seller_product .item .item-area .woocommerce-loop-product__title{
height:auto;
font-size: 12px;
font-weight: normal;
}
#tab-more_seller_product .item .item-area .add_to_wishlist_wrap{
display:none;
}
#tab-seller{
font-family: var(--mainfontnum);
}
#tab-seller ul{}
#tab-seller ul li{
border-bottom: 1px dashed #eeeff1;
padding: 5px 0;
margin-left: 20px;
list-style: none;
margin-right: 0;
}
#tab-seller ul li:nth-child(3){
border:none
}
#tab-seller ul li>span{
padding-left: 10px;
}
#tab-seller ul li>span .star-rating{
float: none;
display: inline-block;
vertical-align: middle;
}
#tab-seller ul li>span .star-rating>span:first-child{
position: static;
}
#tab-seller ul li>span .star-rating>span:last-child{
display:none
}
#tab-seller ul li .details{}
#tab-seller .store-address{
border: none;
padding: 10px 15px;
background-color: rgba(238, 239, 241, 0.45);
line-height: 24px;
border-radius: 4px;
margin: 0;
}
#tab-seller .store-address>span{}
.product_seller_name{
display: inline-block;
padding: 7px 10px 6px 15px;
margin-bottom: 10px;
margin-top: -5px;
font-size: 11px;
border: 1px dashed #e4e4e4;
}
.elementor-widget-bk-dk-seller .product_seller_name{
padding: 7px 0px 6px 0px;
margin: auto;
border: none
}
.product_seller_name svg{
width: 20px;
display: inline-block;
vertical-align: middle;
stroke: #6b6b6b;
margin-left: 10px;
}
.product_seller_name a{
color: #929292;
font-weight: 500;
}
.mweb-body .dwspecs-product-table table tr th, .mweb-body .dwspecs-product-table table tr td{
background-color: #fafafa;
border-bottom: 4px solid #fff;
border-radius: 5px;
}
.mweb-body .dwspecs-product-table table tr th:first-child, .mweb-body .dwspecs-product-table table tr td:first-child {
width: 25%;
background-color: #fafafa;
border-left: 4px solid #fff;
}
.mweb-body .dwspecs-product-table .dwspecs-product-table-group .group-title{
font-weight: 500;
font-size: 12px;
}
.mweb-body .dwspecs-product-table .dwspecs-product-table-group .group-title:before{
content:'';
width: 6px;
height: 6px;
display: inline-block;
background-color: #dadada;
margin-left: 7px;
border-radius: 5px;
vertical-align: middle;
}
#tab-description .tagged_as{
display: block;
padding: 10px 0 0 0;
border-top: 1px solid rgba(238, 239, 241, 0.82);
clear: both;
margin-top: 25px;
}
#tab-description .tagged_as a{
margin-right: 3px;
background-color: rgb(249 249 251 / 46%);
padding: 0 10px;
border-radius: 16px;
font-size: 11px;
color: #909090;
}
#tab-description .tagged_as a:hover{
color:#FFF;
background-color:var(--maincolor)
}
.my_review_list, .notification_list{}
.my_review_list .item .item-area{
background-color: rgb(255, 255, 255);
display: flex;
align-content: flex-end;
flex-wrap: wrap;
}
.my_review_list .c_right{
display: inline-block;
background-color: #FFFF;
margin-left: 15px;
width: 150px;
padding: 0 0 0 10px;
text-align: center;
border-left: 1px dashed #e5e5e5;
}
.my_review_list .c_right img{
max-width: 75%;
}
.my_review_list .c_right h3{
height: 37px;
overflow: hidden;
font-size: 11px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.my_review_list .c_left .average_q{
font-family: var(--mainfontnum);
font-size: 11px;
color: #929292;
}
.my_review_list .c_left .average_q svg{stroke: gold;margin-left: 10px;vertical-align: middle;display: inline-block;width: 21px;}
.my_review_list .c_left{
display: flex;
width: calc(100% - 165px);
flex-direction: column;
justify-content: space-between;
align-items: stretch;
}
.my_review_list .c_left p{
font-size: 12px;
margin-bottom: 15px;
}
.my_review_list .c_left .cm_left_down{
font-size: 11px;
font-family: var(--mainfontnum);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.my_review_list .c_left time{
background-color: #FFF;
border-radius: var(--borderradius);
padding: 0 10px;
border: 1px solid rgb(231, 233, 236);
}
.my_review_list .c_left span{
background-color: #FFF;
border-radius: var(--borderradius);
padding: 0 10px;
margin-right: 15px;
color: #49c781;
border: 1px solid rgba(73, 199, 129, 0.5);
}
.my_review_list .c_left span.rejected{
color: #ec6b56;
border: 1px solid rgba(236, 107, 86, 0.48);
}
.notification_list .item_simple .item-area:hover .product-detail-area, .notification_list .item_simple .item-area:hover .product-image-area img {
-webkit-filter: blur(0);
filter: blur(0);
}
.notification_list img{
max-width:80px;
margin: 0 auto;
display: block;
}
.notification_list span{
background-color: #FFF;
padding: 0 10px;
color: #545454;
margin-top: 6px;
display: inline-block;
border-right: 2px dotted #ddd;
}
.notification_list ul{
text-align: left;
}
.notification_list ul li{
background-color: #FFF;
border-radius: var(--borderradius);
padding: 0 10px;
margin-right: 10px;
font-size: 11px;
display: inline-block;
font-family: var(--mainfontnum);
color: #a7a7a7;
border: 1px solid rgba(212, 212, 212, 0.5);
}
.notification_list ul li.email_alert{
color: #65cc65;
border: 1px solid rgb(207, 228, 207);
}
.notification_list ul li.mobile_alert{
color: #62a1c7;
border: 1px solid rgba(172, 214, 239, 0.5);
}
.mweb-map-container {
display:block;
position: relative;
z-index: 1;
}
.mweb-map-container .mwebpreloader {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
display:block;
background:url(assets/images/ajax-loader.gif) no-repeat center center;
}
.mweb-map-container #map_billing img, .mweb-map-container #map_shipping img {
max-width: none;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.mweb-map-container #map_billing, .mweb-map-container #map_shipping {
width:100%;
position:relative;
}
.mweb-map-container .mweb-toggle {
display:block;
width:100%;
height:auto;
padding:10px 0px;
}
.mweb-map-container .mweb-toggle a {
display:inline-block;
position:relative;
color: #555;
text-decoration: none;
padding: 2px 15px 2px 15px;
outline:0;
background-color: #f7f7f7;
border-radius: 4px;
}
.mweb-hidden {
display: none !important;
}
.a_msg{
font-size: 11px;
color: #666;
border-radius: var(--borderradius);
}
.a_msg.success{
padding: 8px 10px 8px;
background-color: rgba(0, 204, 103, 0.1);
margin-top: 10px;
}
.a_msg.error{
padding: 5px 10px 5px;
background-color: rgba(255, 103, 95, 0.1);
margin-top: 10px;
}
.inline-deal-sliderWrap{
display: flex;
flex-direction: row;
align-items: stretch;
}
.deal_left_timer{
padding: 10px 15px;
background-color: var(--secondcolor);
height: 100%;
color: #FFF;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
margin-bottom: 10px;
position: relative;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 50px;
justify-content: space-between;
}
@media (min-width:1200px) {
.deal_left_wrap{
flex: 0 0 auto;
width: 20%;
}
.inline-deal-slider{
flex: 0 0 auto;
width: 80%;
}
.stories.carousel{
display: grid;
justify-items: center;
}
.mweb-body .stories.carousel .story{
margin: 0 !important
}
}
.dleft_svg_b {
display: block;
width: 130px;
height: auto;
position: absolute;
bottom: -2px;
fill: white;
}
.dleft_svg_i {
display: block;
width: 23px;
height: auto;
position: absolute;
bottom: 0px;
fill: white;
}
.deal_left_timer .deal_title{
font-size: 17px;
font-weight: 500;
padding: 10px;
}
.deal_left_timer .deal_percentage{
font-family: var(--mainfontnum);
font-size: 14px;
line-height: 42px;
}
.deal_left_timer .deal_percentage span{
background-color: rgba(0, 0, 0, 0.17);
width: 60px;
height: 60px;
display: inline-block;
border-radius: 40px;
text-align: center;
font-size: 17px;
line-height: 63px;
margin: 0 10px;
position: relative;
background: linear-gradient(270deg, #ffffff4f, #ffffff, #ffffff30);
background-size: 600% 600%;
animation: gradientAnimation 10s ease infinite;
box-shadow: 0 0 35px 0 #ffffff61;
}
@keyframes gradientAnimation {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.deal_left_timer .deal_percentage span:before{
content: '';
width: 50px;
height: 50px;
position: absolute;
top: 5px;
right: 5px;
background-color: #333333;
border-radius: 50%;
z-index: 0;
}
.deal_left_timer .deal_percentage span b{
position: relative;
font-weight: 500;
}
.deal_left_timer strong{
margin: 10px 0;
display: block;
}
.deal_left_timer strong i{
display:block;
font-style: normal;
opacity: 0.8;
white-space: nowrap;
overflow: hidden;
}
.deal_left_timer .product-date{
padding: 0 10px;
direction: ltr;
}
.deal_left_timer .product-date>div {
display: inline-block;
margin-left: 8px;
position:relative
}
.deal_left_timer .product-date>div:first-child {
margin-right: 0
}
.deal_left_timer .product-date>div span {
display: block;
text-align: center;
color: #FFF;
}
.deal_left_timer .product-date>div span.no {
background-color: #333;
width: 35px;
height: 35px;
border-radius: var(--borderradius);
text-align: center;
font-size: 20px;
line-height: 40px;
font-weight: 500;
position:relative;
margin-bottom: 7px
}
.deal_left_timer .product-date>div span.no:after{
content:'';
position:absolute;
height:1px;
right:0;
left:0;
top:50%;
background-color:var(--secondcolor)
}
.deal_left_timer .product-date>div span.text {
font-size: 10px;
line-height: 18px;
}
.item.deal_ended{
opacity:0.85
}
.elementor-widget-carousel-onsale-product .item .item-area .price{
text-align: center
}
.elementor-widget-container .mweb-block-wrap{
margin-top: 0px;
}
.hs_icon.shop_cart a .shop-badge{
background-color: var(--headcartcolor);
top: -6px;
left: auto;
right: -7px;
width: 15px;
height: 15px;
line-height: 15px;
font-family: sans-serif;
font-display:swap;
border-radius: 6px 6px 6px 0;
}
.head_5 .main_nav{
height:auto;
display: flex;
margin-top: 0;
}
.head_5 .logo {
margin: 0px;
}
.head_5 form.search_wrap{background-color: rgba(255, 255, 255, 0.2);border: 1px solid rgba(0, 0, 0, 0.06);}
.head_5 form.search_wrap i.search_icon{
color: rgba(0, 0, 0, 0.33);
font-size: 16px;
}
.head_5 .mweb-main-menu{
width: calc(100% - 80px);
}
.head_5 .mweb-main-menu ul>li.level-0>a{
line-height: 60px;
}
.head_5 .menu_cart{
float: left;
height: 60px;
padding: 0 15px 0 20px;
border-right: 1px dashed #e4e4e4;
}
.head_5 .menu_cart .hs_icon{margin-top: 16px;}
.head_5 .menu_cart .hs_icon svg{
width: 29px;
margin-top: -8px;
}
.head_5 .mobile-nav-button{margin-top: 8px;}
.head_6{
background-color:var(--headcolor)
}
.head_6 .main_nav{height: 60px;}
.head_6 .mweb-main-menu ul>li.level-0 {
line-height: 76px;
}
.head_icon_warp{
position: relative;
z-index: 998;
}
.head_6 .mobile-nav-button{
margin-top: 17px;
}
.hs_icon {
width: 35px;
float: left;
color: #666;
font-family: var(--mainfontnum);
text-align: center;
margin: 22px 4px 0 0;
font-size: 20px;
position: relative;
cursor: pointer;
line-height: 42px;
}
.hs_icon svg{
fill: #333;
stroke: #333;
width: 24px;
max-height: 24px;
vertical-align: middle;
margin-top: -2px;
}
.hs_icon.shop_cart{
margin-right: 10px;
}
.elementor-widget-container .hs_search_btn{
width:auto;
margin: unset;
float: unset;
display: inline-block;
cursor: pointer;
}
.search_overlay {
background: rgba(255, 255, 255, .95);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 999;
visibility:hidden;
opacity: 0;
-webkit-opacity: 0;
-ms-opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.search_overlay.active {
visibility:visible;
opacity: 1;
-webkit-opacity: 1;
-ms-opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.search_toggle{
position: absolute;
right: 10%;
top: 12%;
font-size: 16px;
cursor: pointer;
width: 22px;
height: 22px;
text-align: center;
border-radius: 5px;
}
.search_toggle:hover svg{
stroke: var(--maincolor)
}
.search_overlay form{
background-color: #ffffff !important;
box-shadow:0 0 0 3px rgba(204, 204, 204, 0.26);
}
.search_overlay form.search_wrap input {
background-color:#FFF;
width: calc(100% - 42px);
margin: 0 10px 0 0;
padding: 0;
}
.search_overlay form.search_wrap button {
box-shadow: none;
width: auto;
height: auto;
font-size: 12px;
padding: 0 10px;
line-height: 20px;
left: 5px;
top: 5px;
}
.search_overlay form.search_wrap i.search_icon{
margin-left: 10px;
color: #ccc;
display: inline-block;
float: none;
vertical-align: middle;
height: auto;
}
.search_overlay form , .head_6 form.search_wrap{
left: 10%;
position: absolute;
right: 10%;
top: 45%;
z-index: 99999;
width: auto;
border-radius: 5px;
height: 48px !important;
box-shadow: 0 0 0 2px rgb(204 204 204 / 26%);
}
.search_overlay #ajax-search-result{
-webkit-box-shadow: 0 0 0 1px rgb(204 204 204 / 26%);
-moz-box-shadow: 0 0 0 1px rgb(204 204 204 / 26%);
box-shadow: 0 0 0 1px rgb(204 204 204 / 26%);
}
.head_6 form.search_wrap i.search_icon{
margin-left: 10px;
}
.footer_wrap .mweb-swiper-pagination .swiper-pagination-bullet{
background-color: #a5a5a5;
width: 12px;
height: 2px;
margin: 0 4px !important;
}
footer.footer_2{
margin-top: 70px;
background-image: none;
background-color: var(--footcolor);
}
.footer_top_wrap{
position: relative;
height: 50px;
top: -30px;
}
.footer_top_wrap:before{
content:'';
display: block;
position: absolute;
top: -26px;
right: -18px;
left: 10px;
height: 36px;
background-color: var(--bgcolor);
border-radius: 50%;
box-shadow: 23px 10px 0px -2px var(--maincolor);
}
.footer_top_wrap:after{
content:'';
display: block;
position: absolute;
top: -18px;
left: 30px;
width: 80px;
height: 26px;
background-color: var(--maincolor);
border-radius: 35px 10px 0 0;
}
.footer_top_wrap .gototop{
color: #FFF;
font-size: 19px;
line-height: 18px;
text-align: center;
position: absolute;
z-index: 1;
left: 38px;
width: 70px;
top: -15px;
cursor: pointer;
}
.footer_top_wrap .gototop svg{
width: 20px;
stroke: #FFF
}
.phone {
cursor: pointer;
}
.footer_aboutus{
line-height: 2em;
color: var(--foottxcolor);
padding-left: 15px;
font-family: var(--mainfontnum);
text-align: justify;
}
.footer_aboutus strong , .footer_aboutus a{
font-weight: 500 !important;
}
.contact_us_wrap.type_2{
padding-right: 0;
border: none;
}
.contact_us_wrap.type_2 .contact_item.email{
display: inline-block;
background-color: var(--maincolor);
padding: 2px 10px;
border-radius: 15px;
color: #fff !important;
}
.contact_item.phone strong{
color: var(--maincolor);
margin-right: 3px;
}
.contact_us_wrap.type_2 .contact_item svg{
width: 29px;
height: auto;
float: none;
display: inline-block;
vertical-align: middle;
line-height: unset;
background-color: inherit;
margin-left: 10px;
}
.contact_us_wrap.type_2 .contact_social_wrap, .elementor-widget-my-footer-social .contact_social_wrap {
float: none;
text-align: left;
border: none !important;
margin-top: 0;
display: flex;
}
.contact_us_wrap.type_2 .contact_social_wrap{
margin-top: 10px;
}
.contact_us_wrap.type_2 .contact_social_wrap a, .elementor-widget-my-footer-social .contact_social_wrap a{
border-radius: var(--borderradius);
margin-right: 5px;
background-color: rgba(0, 0, 0, 0.28);
width: 33px;
line-height: 34px;
height: 33px;
text-align: center;
padding: 0;
}
.contact_social_wrap.has_label a{
width: auto;
line-height: 32px;
background-color: transparent;
height: auto;
}
.contact_social_wrap.has_label a:hover{
}
.contact_social_wrap.has_label a:before{
display: none;
}
.contact_social_wrap.has_label span{
display: inline-block;
vertical-align: middle;
text-align: right;
width: 0;
overflow: hidden;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.contact_social_wrap.has_label a:hover>span{
width: 60px;
padding-left: 5px;
}
.footer_aboutus_head{
font-size: 12px;
font-weight: 500;
color: var(--foottxcolor);
padding-bottom: 5px;
}
.footer_aboutus_head svg{
font-size: 13px;
vertical-align: middle;
margin-left: 7px;
stroke: var(--maincolor);
height: 20px;
text-align: center;
width: 20px;
}
footer.footer_2 .footer_down , footer.footer_3 .footer_down{
padding: 12px 0px 11px 0px;
}
.elm_text_icon {
display: flex;
flex-direction: row;
align-items: center;
}
.elm_icon_wrap {
display: inline-flex;
justify-content: center;
align-items: center;
}
.elementor-footer-elm-align-left-yes .elm_text_icon{
flex-direction: row-reverse;
justify-content: space-between;
}
footer.footer_3{
margin-top: 35px;
padding: 0;
background-image: none;
background-color: var(--footcolor);
}
.footer_separate{
height: 55px;
}
.footer_back2top{
position: relative;
text-align: center;
max-width: 73px;
height: 31px;
}
.footer_back2top>svg{
fill: var(--bgcolor);
position: absolute;
top: 0;
right: 0;
fill-rule: evenodd;
}
.footer_back2top .gototop{
display: inline-block;
background-color: var(--maincolor);
position: relative;
color: white;
width: 35px;
height: 35px;
line-height: 39px;
border-radius: 50%;
font-size: 16px;
cursor: pointer;
margin-top: -12px;
top: -3px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 4px;
}
svg.is_white{
fill: white;
stroke: white;
}
.footer_back2top .gototop:hover{
margin-top: -10px;
}
.footer_top_w{
width: 100%;
height: 38px;
background-color: rgba(0, 0, 0, 0.28);
border-radius: 5px 25px 25px 5px;
margin-top: 10px;
text-align: left;
direction: ltr;
}
.footer_top_w .app_btn{
background-color: unset;
margin: 0;
line-height: 28px;
display: inline-flex;
align-items: center;
flex-direction: row-reverse;
}
.footer_top_w .app_btn i{
float: none;
display: inline-block;
vertical-align: middle;
font-size: 23px;
}
.footer_top_w .app_btn span{
display: inline-block;
font-size: 12px;
font-weight: 500;
margin-left: 10px;
padding-right: 0;
margin-top: 0;
}
.footer_top_w .app_btn:hover{
color:var(--secondcolor)
}
.contact_us_wrap.type_3{
box-shadow: 2.2rem 0px 3rem -3rem rgba(0, 0, 0, 0.79);
border: none;
}
.type_3 .contact_item i{
width: 40px;
height: 30px;
float: none;
border-radius: 40px;
line-height: 29px;
vertical-align: middle;
box-shadow: 1px 0px 0px 1px rgba(0, 0, 0, 0.48);
}
.contact_us_wrap.type_3 .contact_item.email{
display: inline-block;
background-color: #d3d3d37a;
padding: 2px 10px;
border-radius: 4px;
margin-bottom: 19px;
}
.footer_social_l{
background-color: rgba(0, 0, 0, 0.24);
margin-top: 9px;
display: inline-block;
padding: 6px 10px;
font-size: 11px;
text-align: left;
direction: ltr;
border-radius: 5px;
margin-left: 10px;
color: #FFF;
font-weight: normal;
}
.footer_social_l.instagram:hover{
background-color:#e34460;
color:#fff
}
.footer_social_l.telegram:hover{
background-color:#21b8ec;
color:#fff
}
.footer_social_l svg{
width: 18px;
vertical-align: middle;
margin-right: 5px;
}
.widget.widget_telegram_wg{
background: #00a8dd;
color: #FFF;
padding: 0 20px 16px 20px;
overflow: hidden;
position: relative;
}
.widget_telegram_wg:before{
content:'';
position: absolute;
right: -44px;
top: 27px;
width: 91px;
height: 79px;
border: 1px dashed #FFF;
border-radius: 50%;
}
.widget_telegram_wg .telegram_head{
font-size: 13px;
font-weight: 500;
color: white;
position: relative;
background-color: #00a8dd;
padding-top: 20px;
padding-right: 20px;
margin-right: -20px;
}
.widget_telegram_wg .telegram_head svg{
width: 29px;
vertical-align: middle;
margin-left: 10px;
fill: #FFF;
}
.widget_telegram_wg .telegram_info{
color: white;
margin-top: 16px;
text-align: left;
direction: ltr;
position: relative;
}
.widget_telegram_wg .telegram_info p{}
.widget_telegram_wg .telegram_info span{
font-family: inherit;
letter-spacing: 1px;
opacity: 0.8;
padding-top: 2px;
display: block;
font-size: 10px;
}
.widget.widget_instagram_wg{
background: #048ced;
color: #FFF;
padding: 0 20px 20px 20px;
overflow: hidden;
position: relative;
background: #d6249f;
background: radial-gradient(
circle at 33% 100%,
#f59652 4%,
#f15245 30%,
#d92e7f 62%,
#9b36b7 85%,
#515ecf
)
}
.widget_instagram_wg .instagram_head{
font-size: 13px;
font-weight: 500;
color: white;
position: relative;
padding-top: 20px;
padding-right: 20px;
margin-right: -20px;
}
.widget_instagram_wg .instagram_head svg{
width: 29px;
vertical-align: middle;
margin-left: 10px;
stroke: #FFF
}
.widget_instagram_wg .instagram_info{
color: white;
margin-top: 10px;
text-align: left;
direction: ltr;
position: relative;
}
.widget_instagram_wg .instagram_info span{
font-family: inherit;
letter-spacing: 1px;
margin-top: 3px;
opacity: 0.8;
padding: 0px 15px 0px 10px;
border-radius: 5px 5px 10px 10px;
display: inline-block;
font-size: 10px;
background-color: rgba(0, 0, 0, 0.70);
}
.elementor-widget:not(:last-child){
margin-bottom:10px
}
.elementor-widget-container .widget ,.elementor-widget-container .the_most,.elementor-widget-container .right_menu{
margin-top:0
}
.elementor-widget-sidebar .widget ,.elementor-widget-sidebar .the_most,.elementor-widget-sidebar .right_menu{
margin-top:15px
}
.prd_color_list{
position: absolute;
top: 3px;
left: 3px;
width: 7px;
z-index: 2;
}
.prd_color_list span{
width: 7px;
height: 7px;
border-radius: 50%;
margin-bottom: 6px;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.11);
display: block;
}
.prd_color_list i{
margin-top: -5px;
margin-right: -1px;
font-size: 12px;
font-style: normal;
color: rgba(0, 0, 0, 0.3);
display: block;
}
.prdtype_2 .item .item-area .actions .star-rating,.prdtype_3 .item .item-area .actions .star-rating{
display:none
}
.prdtype_2 .item .item-area .woocommerce-loop-product__title{
margin-bottom:0
}
.prdtype_2 .item .item-area .product-image-area {
margin-bottom: 15px;
}
.prdtype_2 .item .item-area .actions .add-to-links, .item .item-area.elm_pg_4 .actions .add-to-links, .item .item-area.elm_pg_6 .actions .add-to-links{
flex-direction: column;
display: flex;
flex-wrap: wrap;
position: absolute;
top: 56px;
right: 10px;
float: unset;
}
.prdtype_2 .item .item-area .actions .add-to-links li, .item .item-area.elm_pg_4 .actions .add-to-links li, .item .item-area.elm_pg_6 .actions .add-to-links li{
margin: 0 0 5px 0;
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
-o-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
transition: all 350ms ease;
opacity: 0;
visibility: hidden;
}
.prdtype_2 .product-detail-area {
text-align: center;
}
.prdtype_2 .item .item-area .actions a.add_to_wishlist {
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
background-color: #ffffff;
}
.prdtype_2 .item:hover .item-area .actions .add-to-links li:nth-child(1), .item:hover .item-area.elm_pg_4 .actions .add-to-links li:nth-child(1), .item:hover .item-area.elm_pg_6 .actions .add-to-links li:nth-child(1){
-webkit-transition: color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .25s ease-out,opacity .3s .25s ease-out,-webkit-transform .3s .25s ease-out;
-moz-transition: color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .25s ease-out,opacity .3s .25s ease-out,-moz-transform .3s .25s ease-out;
-ms-transition: color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .25s ease-out,opacity .3s .25s ease-out,-ms-transform .3s .25s ease-out;
-o-transition: color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .25s ease-out,opacity .3s .25s ease-out,-o-transform .3s .25s ease-out;
transition: color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .25s ease-out,opacity .3s .25s ease-out,transform .3s .25s ease-out;
}
.prdtype_2 .item:hover .item-area .actions .add-to-links li:nth-child(2), .item:hover .item-area.elm_pg_4 .actions .add-to-links li:nth-child(2), .item:hover .item-area.elm_pg_6 .actions .add-to-links li:nth-child(2){
-webkit-transition: color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .35s ease-out,opacity .3s .35s ease-out,-webkit-transform .3s .35s ease-out;
-moz-transition: color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .35s ease-out,opacity .3s .35s ease-out,-moz-transform .3s .35s ease-out;
-ms-transition: color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .35s ease-out,opacity .3s .35s ease-out,-ms-transform .3s .35s ease-out;
-o-transition: color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .35s ease-out,.3s .35s ease-out,-o-transform .3s .35s ease-out;
transition: color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .35s ease-out,opacity .3s .35s ease-out,transform .3s .35s ease-out;
}
.prdtype_2 .item:hover .item-area .actions .add-to-links li:nth-child(3), .item:hover .item-area.elm_pg_6 .actions .add-to-links li:nth-child(3){
-webkit-transition: color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .45s ease-out,opacity .3s .45s ease-out,-webkit-transform .3s .45s ease-out;
-moz-transition: color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .45s ease-out,opacity .3s .45s ease-out,-moz-transform .3s .45s ease-out;
-ms-transition: color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .45s ease-out,opacity .3s .45s ease-out,-ms-transform .3s .45s ease-out;
-o-transition: color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .45s ease-out,.3s .45s ease-out,-o-transform .3s .45s ease-out;
transition: color .3s .001s ease-out,background .1s .001s ease-out,visibility .3s .45s ease-out,opacity .3s .45s ease-out,transform .3s .45s ease-out;
}
.prdtype_2 .item:hover .item-area .actions .add-to-links li, .item:hover .item-area.elm_pg_4 .actions .add-to-links li, .item:hover .item-area.elm_pg_6 .actions .add-to-links li {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.prdtype_2 .item .item-area .product-name,.prdtype_2 .item .item-area .woocommerce-loop-product__title{
height: 25px;
margin-top: 5px;
}
.prdtype_3 .item .item-area{
overflow: hidden
}
.prdtype_3 .item .item-area .add-to-cart-wrap a.button{
background-color: transparent !important;
width: auto;
text-indent: unset;
font-size: 11px;
padding: 0 10px;
line-height: 28px;
color: #666;
}
.prdtype_3 .item .item-area .add-to-cart-wrap a.button svg{
width: 23px;
}
.prdtype_3 .item:hover .item-area .add-to-cart-wrap a.button svg{
stroke: white
}
.prdtype_3 .item .item-area .quantity_loop, .prdtype_3 .item .item-area .add-to-cart-wrap a.added_to_cart{
border-radius: 50%;
margin-top: -3px;
background-color: #eff1f5;
color: #333;
}
.prdtype_3 .item .item-area .actions .add-to-links{
flex-direction: row;
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content:center;
margin-bottom: -10px;
margin-top: 15px;
z-index: 1;
}
.prdtype_3 .item .item-area .actions .add-to-links li:not(:last-child){
-webkit-transform: translateX(40px);
-moz-transform: translateX(40px);
-o-transform: translateX(40px);
-ms-transform: translateX(40px);
transform: translateX(40px);
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
transition: all 350ms ease;
opacity: 0;
visibility: hidden;
}
.prdtype_3 .item .item-area .actions .add-to-links li.compare-button{
order: 2;
-webkit-transform: translateX(-40px);
-moz-transform: translateX(-40px);
-o-transform: translateX(-40px);
-ms-transform: translateX(-40px);
transform: translateX(-40px);
margin:0
}
.prdtype_3 .item .item-area .actions .add-to-links li:last-child{
width: auto;
opacity: 1;
}
.prdtype_3 .item .item-area:after{
content: '';
width: 100px;
height: 100px;
position: absolute;
right: calc(50% - 50px);
bottom: -58px;
border-radius: 50%;
box-shadow: 0px -8px 6px -5px #00000014;
z-index: 0;
transition: all 0.3s
}
.prdtype_3 .item:hover .item-area:after{
background-color: var(--secondcolor);
}
.prdtype_3 .item .item-area .price{
text-align:center
}
.prdtype_3 .item:hover .item-area .actions .add-to-links li:not(:last-child){
visibility: visible;
opacity: 1;
-webkit-transform: translateX(30px);
-moz-transform: translateX(30px);
-o-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
.prdtype_3 .item:hover .item-area .actions .add-to-links li.compare-button{
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-o-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
.prdtype_3 .item .item-area .reduced_quantity_btn{
left: auto;
top: 1px;
right: -30px;
}
.item .product-image-area img {
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
transition: all 800ms ease;
transform-style: preserve-3d;
}
.item .product-image-area .back_img img{
position: absolute !important;
opacity: 0;
top: 0;
left:0;
right:0;
display:block;
}
.item .product-image-area:hover .back_img img{
opacity: 1 !important;
visibility: visible !important;
background-color: #FFF;
z-index: 1;
max-height: 100% !important;
}
.onsale_general.item-area .actions {
display: inline-block;
width: 100%;
margin-bottom: 5px;
}
.onsale_general .timer_wrap {
text-align: center;
margin-bottom: -12px;
}
.onsale_general .timer_wrap .vc_deal_time{
text-align: center;
padding: 0px 10px 3px 10px;
display: inline-block;
background-color: #f9f9f9;
border-radius: 5px 5px 0 0;
color: #555;
}
.onsale_general .timer_wrap .vc_deal_time:before{
position: relative;
top: 3px;
margin-right: 7px;
}
.onsale_general .timer_wrap .vc_deal_time>div{
background-color:transparent;
}
.onsale_general .timer_wrap .vc_deal_time>div>span{
color:#444
}
.mweb-compare-list-bottom {
position: fixed;
z-index: 9999;
width: 100%;
bottom: 0;
background: #FFF;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate(0,100%);
-ms-transform: translate(0,100%);
-o-transform: translate(0,100%);
transform: translate(0,100%);
-webkit-box-shadow: 0 0 2px 2px gainsboro;
-moz-box-shadow: 0 0 2px 2px gainsboro;
box-shadow: 0 0 15px -6px rgba(0, 0, 0, 0.2);
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
transition: all 350ms ease;
}
.mweb-compare-list-bottom.active {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
}
.mweb-compare-wrap-item {
position: relative;
}
.mweb-close-mini-compare {
position: absolute;
top: -12px;
left: 10px;
border-radius: 11px;
font-size: 12px;
width: 27px;
height: 27px;
padding: 5px;
text-align: center;
color: #FFF;
z-index: 2;
background-color: white;
}
.mweb-close-mini-compare:hover svg{
stroke: #ff4c4c;
}
.mweb-compare-mess {
position: relative;
display: block;
width: 100%;
padding-bottom: 10px;
text-align: center;
font-size: 100%;
color: #f76b6a;
z-index: 1;
}
.mweb-compare-error{
color: #f44336;
}
.mweb-compare-list {
padding: 10px 15px 10px 15px;
}
.mweb-compare-list .mweb-compare-label {
text-align: center;
width: 100%;
display: flex;
font-size: 12px;
flex-wrap: nowrap;
flex-direction: row;
align-items: center;
justify-content: center;
}
.mweb-compare-list .mweb-compare-label.cm_flex_v{flex-direction: column;}
.mweb-compare-list .mweb-compare-label .mweb-compare-clear-all{
margin-left: 20px;
display: inline-block;
color: #888;
}
.mweb-compare-list .mweb-compare-label .mweb-compare-view{
background-color: var(--maincolor);
border-radius: 33px;
padding: 5px 15px;
font-family: var(--mainfontnum);
display: inline-block;
font-size: 11px;
color: #fff;
}
.mweb-compare-list .mweb-compare-label span {display: block;padding: 5px 0;}
.mweb-compare-list .mweb-compare-label p {background-color: #f9f9f9;border-radius: 7px;padding: 0 10px;font-family: var(--mainfontnum);display: inline-block;font-size: 11px;color: #888;}
.mweb-compare-list .mweb-compare-label.hidden-tag {
display: none;
}
.mweb-compare-list .mweb-compare-item-hover {
position: absolute;
bottom: 100%;
width: 230px;
left: -68px;
padding-bottom: 14px;
z-index: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
transition: all 350ms ease;
}
.mweb-compare-list .mweb-compare-item-hover h5 {font-size: 11px;}
.mweb-compare-list .mweb-compare-item-hover .mweb-compare-item-hover-wraper {
position: relative;
padding: 10px;
text-align: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: white;
-webkit-box-shadow: 0 0 6px 0 rgba(1, 1, 1, 0.3);
-moz-box-shadow: 0 0 6px 0 rgba(1, 1, 1, 0.3);
box-shadow: 0 0 6px 0 rgba(1, 1, 1, 0.3);
}
.mweb-compare-list .mweb-compare-item-hover .mweb-compare-item-hover-wraper:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff;
border-width: 10px;
margin-left: -10px;
-webkit-filter: drop-shadow(0 1px 2px black);
filter: drop-shadow(0px 1px 1px #dfdfdf);
}
.mweb-compare-list .mweb-compare-item {
position: relative;
padding: 0 5px;
z-index: 2;
display: flex;
}
.mweb-compare-list .mweb-compare-item .mweb-img-compare,
.mweb-compare-list .mweb-compare-item .mweb-no-image {
display: inline-block;
padding: 10px;
border: 1px solid #eaeaea;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
transition: all 350ms ease;
}
.mweb-compare-list .mweb-compare-item img{
max-height: 50px;
width:auto;
display: block;
}
.mweb-compare-list .mweb-compare-item .mweb-remove-compare {
height: 20px;
width: 20px;
line-height: 22px;
text-align: center;
border: 1px solid #eaeaea;
position: absolute;
right: -5px;
top: -10px;
background: #fff;
visibility: hidden;
opacity: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
transition: all 350ms ease;
}
.mweb-compare-list .mweb-compare-wrap-item:hover .mweb-compare-item .mweb-img-compare {
-webkit-box-shadow: 0px 0px 3px 3px #f9f9f9;
-moz-box-shadow: 0px 0px 3px 3px #f9f9f9;
box-shadow: 0px 0px 3px 3px #f9f9f9;
border-color: none;
}
.mweb-compare-list .mweb-compare-wrap-item:hover .mweb-compare-item .mweb-remove-compare {
visibility: visible;
opacity: 1;
}
.mweb-compare-list .mweb-compare-wrap-item:hover .mweb-compare-item-hover {
z-index: 1;
visibility: visible;
opacity: 1;
}
.mweb-wrap-table-compare {
margin: 35px 0 45px 0;
overflow-x: auto;
position: relative;
}
.custom-loader {
position: absolute;
z-index: 9;
opacity: .6;
top: 50%;
left: 50%;
border-radius: 50%;
border-top: 1px solid #efefef;
border-bottom: 1px solid #333;
border-left: 1px solid #efefef;
border-right: 1px solid #333;
width: 30px;
height: 30px;
margin-left: -15px;
margin-top: -15px;
display: block;
-webkit-animation: fa-spin .5s linear infinite;
-moz-animation: fa-spin .5s linear infinite;
-o-animation: fa-spin .5s linear infinite;
-ms-animation: fa-spin .5s linear infinite;
animation: fa-spin .5s linear infinite;
}
.wc_placeholder_text:after{
content:'';
min-width: 70px;
height: 5px;
background-color: rgba(0, 0, 0, 0.09);
display: inline-block;
border-radius: 15px;
}
h3.wc_placeholder_text:after{
min-width: 120px;
}
.order-steps {
margin: 15px 0 0 0;
position:relative
}
.order-steps:before{
content:'';
position:absolute;
right: 16px;
left: 16px;
top: calc(50% - 11px);
height: 4px;
background-color:hsl(221deg 18% 18% / 13%);
}
.checkout-breadcrumb {
width: 100%;
padding: 15px 0;
display: flex;
justify-content: space-around;
}
.checkout-breadcrumb a {
color: #696969;
}
.checkout-breadcrumb:after, .checkout-breadcrumb:before{
content:'';
width: 16px;
height: 16px;
position:absolute;
display:block;
background-color: hsl(221deg 18% 18% / 13%);
top: 31px;
right:0;
left:auto;
border-radius: 30px;
}
.checkout-breadcrumb:after{
left:0;
right:auto
}
.title-cart,
.title-checkout,
.title-thankyou {
cursor: pointer;
position: relative;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
transition: all 350ms ease;
text-align: center;
}
.title-cart i,
.title-checkout i,
.title-thankyou i {
display: flex;
margin: auto;
border-radius: var(--borderradius);
text-align: center;
width: 40px;
height: 40px;
line-height: 41px;
background-color: #ffffff;
box-shadow: 0 1px 10px -3px rgb(0 0 0 / 15%);
color: var(--maincolor);
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
transition: all 350ms ease;
align-items: center;
justify-content: center;
}
.checkout-breadcrumb svg{
width: 24px;
stroke: var(--maincolor)
}
.title-cart h4,
.title-checkout h4,
.title-thankyou h4 {
color: #333;
font-size: 12px;
margin-top: 5px;
}
.woocommerce-cart .title-checkout h4,
.woocommerce-cart .title-thankyou h4{
opacity: 0.5;
}
.woocommerce-cart .title-checkout:hover h4,
.woocommerce-cart .title-thankyou:hover h4{
opacity: 1;
}
.woocommerce-checkout .title-thankyou h4 {
opacity: 0.2;
}
.woocommerce-checkout .title-thankyou.mweb-complete h4 {
opacity: 1;
}
.page-shopping-cart .woocommerce-cart-form{
background-color: #fFF;
padding: 10px 15px;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
flex-direction: column;
flex-wrap: nowrap;
margin-bottom: 15px;
}
.banner {
position: relative;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
overflow: hidden;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
}
.banner .banner-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-transition: opacity 200ms ease-out;
transition: opacity 200ms ease-out;
}
.banner .banner-content-warper {
position:relative;
z-index: 1;
height: 100%;
}
.banner .banner-content {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0 auto;
}
.banner .banner-content.align-left {
left: 10%;
right: auto;
}
.banner .banner-content.align-right {
right: 5%;
left: auto;
}
.banner .banner-content.align-center {
text-align: center;
}
.banner .banner-content.valign-bottom {
bottom: 6% !important;
top: auto;
}
.banner .banner-content.valign-top {
top: 6% !important;
bottom: auto !important;
}
.banner .banner-content.text-align-right{
text-align:right;
}
.banner .banner-content.text-align-center{
text-align:center;
}
.banner .banner-content.text-align-left{
text-align:left;
}
.banner .banner-content.valign-middle {
bottom: 50% !important;
top: auto !important;
-webkit-transform: translateY(50%) !important;
-moz-transform: translateY(50%) !important;
-ms-transform: translateY(50%) !important;
-o-transform: translateY(50%) !important;
}
.banner .banner-content.dark .banner-inner h3,
.banner .banner-content.dark .banner-inner p {
color: #FFF;
}
.banner .banner-inner h3 {
font-size: 15px;
font-weight: 500;
line-height: 100%;
margin: 12px 0px;
}
.banner .valign-middle .banner-inner h3{
margin: 0px 0px 12px 0px;
}
.banner .banner-inner p {
font-size: 100%;
line-height: 100%;
margin: 6px 0px;
opacity: 0.88;
}
.banner .banner-content .btn {
margin-top: 9px;
display: inline-block;
background-color: #333;
border-radius: 5px;
padding: 3px 12px;
color: white;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
outline: none;
position: relative;
overflow: hidden;
text-align: center;
vertical-align: middle;
white-space: nowrap;
z-index: 1;
}
.banner .banner-content .btn:before{
content: '';
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-bottom: 80px solid rgba(0, 0, 0, 0.15);
z-index: -1;
left: -34%;
border-left: 50px solid transparent;
transform: translateX(100%);
}
.banner .banner-content .btn:hover:before , .banner.breal_active .banner-content .btn:before{
transform: translateX(0%);
}
.banner.breal_active .banner-content .btn:hover:before{
transform: translateX(100%);
}
.banner .banner-content .btn svg {
width: 16px;
height: 16px;
padding: 2px;
background: var(--secondcolor);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
color: #fff;
line-height: 16px;
text-align: center;
display:inline-block;
vertical-align:middle;
margin-right: 7px;
margin-left: -5px;
}
.banner .banner-content .btn.btn_link_left{
float:left
}
.banner .banner-content .btn.btn_link_right{
float:right
}
.banner .banner-content .btn.btn_link_center{
float:none;
margin:25px auto;
margin-bottom:0
}
.banner.hover-zoom {
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
.banner.hover-zoom .banner-image {
-webkit-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
-o-transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
width: 100%;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
.banner.hover-zoom:hover a {
text-decoration: none !important;
}
.banner.hover-zoom:hover .banner-image {
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02);
}
.active_overlay .banner-content{
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
opacity: 0;
}
.banner.active_overlay:hover .banner-content , .banner.active_overlay.breal_active .banner-content {
opacity: 1;
}
.banner .ovrly {
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 100%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.banner:hover .ovrly , .banner.breal_active .ovrly {
-webkit-transform: rotateZ(0deg);
right: 0%;
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
.mweb_service{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: relative;
overflow: hidden;
}
.mweb_service.has_brsha{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
overflow: hidden;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
background-color: #FFF;
position: relative;
}
.mweb_service .service_inner{
padding: 15px;
position: relative;
}
.mweb_service .service_inner.talign_right{text-align:right}
.mweb_service .service_inner.talign_center{text-align:center}
.mweb_service .service_inner.talign_left{text-align:left}
.mweb_service .service_inner .service_icon{font-size: 27px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.mweb_service .service_inner .service_content{}
.mweb_service .service_inner .service_content h4{
font-weight: 500;
}
.mweb_service .service_inner .service_content p{
margin: 6px 0;
opacity: 0.9;
}
.mweb_service.bs_one:hover{
-moz-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.mweb_service.bs_one .service_inner .service_icon {
display: inline-block;
line-height: 53px;
text-align: center;
}
.mweb_service.bs_two .service_inner .service_icon{
display: inline-block;
width: 62px;
height: 45px;
line-height: 53px;
border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
margin-bottom: 7px;
font-size: 23px;
margin-top: -16px;
background-color: rgba(85, 85, 85, 0.05);
text-align: center
}
.mweb_service.bs_two:before{
content:'';
position: absolute;
background-color: rgba(0, 0, 0, 0.02);
border-radius: 50% 50% 0 0;
width: 100%;
height: 100%;
right: -50%;
top: 100%;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.mweb_service.bs_two:hover:before{
top:0%;
border-radius:0
}
.mweb_service.bs_three .service_inner .service_icon{
color: #888;
display: inline-flex;
vertical-align: middle;
line-height: 30px;
margin-left: 15px;
margin-right: 5px;
align-items: center;
}
.mweb_service.bs_three .service_inner .service_content{
display: inline-block;
vertical-align: middle;
}
.mweb_service.bs_three .service_inner .service_content p{
margin: 3px 0 0 0;
display: block;
}
.lr_style_one .account_login_logo{
position: absolute;
display: block;
z-index: 1;
padding: 25px 20px;
border-radius: 10px;
top: -5px;
right: 50%;
-moz-transform: translateX(50%) translateY(-100%);
-webkit-transform: translateX(50%) translateY(-100%);
transform: translateX(50%) translateY(-100%);
width: 100%;
}
.lr_style_one .account_login_logo .logo{
min-height: unset;
}
.lr_style_one .account_login_logo .logo img{
max-height: 65px;
}
.page-my-account .back_to_home{
display: block;
width: 175px;
color: white;
margin: auto;
position: relative;
z-index: 100;
text-align: center;
margin-bottom: 25px;
font-size: 12px;
}
.page-my-account .back_to_home svg{
width: 24px;
vertical-align: middle;
margin-left: 9px;
stroke: white;
}
.lr_style_two.page-my-account .back_to_home svg{
stroke: #ccc;
}
.woo_myaccount_login{
background-color: #FFF;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
position: relative;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
display: block;
max-width: 380px;
margin: 12rem auto 2rem auto;
padding: 20px 0 10px;
z-index: 1;
}
.mweb_checkout_page .woo_myaccount_login{
margin: auto;
margin-bottom: 15px
}
.global_login {
max-width: unset
}
.global_login div>p{
padding: 10px 20px
}
.woo_myaccount_login>ul{
display: flex;
justify-content: center;
border-bottom: 1px dashed #f1f1f1;
padding-bottom: 15px;
padding-right: 20px;
padding-left: 20px;
}
.woo_myaccount_login>ul>li{
padding: 12px 15px;
width: 100%;
text-align: center;
position: relative;
}
.woo_myaccount_login>ul>li a{
background-color: #8f97a3;
display: block;
border-radius: var(--borderradius);
font-size: 12px;
font-weight: 500;
max-width: 130px;
margin: auto;
color: #FFF;
text-align: center;
min-width: 100px;
position: relative;
line-height: 36px;
}
.woo_myaccount_login>ul>li a svg{
vertical-align: middle;
margin-left: 6px;
stroke: #fff;
border-radius: 50%;
width: 23px;
text-align: center;
display: inline-block;
}
.lr_style_two .woo_myaccount_login{
box-shadow: 0 1px 30px -3px rgba(0, 0, 0, 0.1);
}
.lr_style_two .account_login_logo{
position: absolute;
display: flex;
justify-content: center;
top: -25px;
right: 50%;
-moz-transform: translateX(50%) translateY(-100%);
-webkit-transform: translateX(50%) translateY(-100%);
transform: translateX(50%) translateY(-100%);
}
.lr_style_two .woo_myaccount_login>ul>li a{
max-width: inherit;
line-height: 39px;
}
.lr_style_two .woo_myaccount_login>ul>li a svg{
background-color: transparent;
stroke: #FFF;
width: 22px;
margin-top: 2px;
margin-right: 7px;
}
.lr_style_two .back_to_home {
color: #555;
}
.woo_myaccount_login>ul>li.active a , .woo_myaccount_login>ul>li:hover a{
background-color: var(--maincolor);
color: #FFF;
}
.woo_myaccount_login form, .woo_myaccount_login .account_action.inline_active{
padding: 15px 20px;
}
.woo_myaccount_login form .woocommerce-form-row input.input-text{
padding: 5px 20px;
line-height: 2.2em;
}
.woo_myaccount_login .button{
display: block;
border: none;
width: 100%;
background-color: var(--maincolor);
padding: 8px 0 10px;
font-family: inherit;
font-size: 12px;
font-weight: 500;
margin: 10px 0;
border-radius: var(--borderradius);
color: #FFF;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
text-align: center;
}
.woo_myaccount_login .button:hover{
background-color: #444
}
.woo_myaccount_login>div{
display:none
}
.woocommerce .woo_myaccount_login form label.woocommerce-form-login__rememberme {
display: block;
padding: 10px 0;
}
.woocommerce .woo_myaccount_login form label.woocommerce-form-login__rememberme input[type="checkbox"] {
position: absolute;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px
}
.woocommerce .woo_myaccount_login form label.woocommerce-form-login__rememberme input[type="checkbox"]:checked+span:before {
background-color: #4caf50;
line-height: 13px;
text-align: center;
}
.woocommerce .woo_myaccount_login form label.woocommerce-form-login__rememberme input[type="checkbox"]:checked+span:after {
content: '';
position: absolute;
right: 5px;
top: 6px;
width: 3px;
height: 6px;
border-right: 2px solid #FFF;
border-bottom: 2px solid #FFF;
transform: rotate(45deg);
}
.woocommerce .woo_myaccount_login form label.woocommerce-form-login__rememberme span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.woocommerce .woo_myaccount_login form label.woocommerce-form-login__rememberme span:before {
content: '';
display: block;
height: 15px;
width: 15px;
border-radius: 2px;
margin-left: 8px;
background: #eee;
}
.woo_myaccount_login .pass_rbtn{
margin: -10px 20px 15px 20px;
max-width: 100%;
width: auto;
}
.woo_myaccount_login .woocommerce-notices-wrapper {
margin: 0 15px;
}
.head_mobile{
position: relative;
background-color: #FFF;
box-shadow: 0 0 11px -5px #ccc;
width: 100%;
z-index: 998;
min-height: 67px;
top: 0;
-webkit-transition: all .3s;
transition: all .3s;
-moz-transform: translateX(0) translateY(-115px);
-webkit-transform: translateX(0) translateY(-115px);
-o-transform: translateX(0) translateY(-115px);
-ms-transform: translateX(0) translateY(-115px);
transform: translateX(0) translateY(-115px);
}
.is_head_sticky .head_mobile{
position: fixed;
}
.admin-bar.is_head_sticky .head_mobile.position_top{
top: 46px;
}
.body_ismobile.is_head_sticky{
padding-top: 109px;
}
.head_mobile.visible {
-moz-transform: translateX(0) translateY(0);
-webkit-transform: translateX(0) translateY(0);
-o-transform: translateX(0) translateY(0);
-ms-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
.head_mobile .logo{
float: right;
max-width: calc(100% - 15px);
margin-right: 15px;
min-height: 56px;
padding-top: 10px;
display: flex;
flex-wrap: nowrap;
align-items: center;
}
.head_mobile .logo img {
max-height: 31px;
width: auto;
}
.head_mobile .logo h1{
font-size: 15px;
font-weight: 500;
line-height: 44px;
}
.head_mobile .head_icon_warp{
position:unset;
margin-left: 8px;
}
.head_mobile .hs_icon{
width: 35px;
margin: 16px 7px 0 0;
font-size: 19px !important;
line-height: 40px;
padding: 0 5px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.head_mobile .hs_icon svg{
margin: 0
}
.head_telegram svg, .head_instagram svg{
stroke: white;
fill: white;
padding: 2px;
}
.head_mobile .is-show{
display: block
}
.head_mobile .hs_icon.shop_cart, .head_6 .hs_icon.shop_cart, .hs_icon.notify_btn{
width: 35px;
height: 35px;
background-color: #eef0f3;
border-radius: 10px;
line-height: 42px;
}
.head_mobile .hs_icon.telegram i.fa-instagram{
font-size: 20px;
vertical-align: middle;
}
.head_mobile .mobile-nav-button.hs_icon{
margin-top: 12px;
text-align: center;
margin-right: 2px;
line-height: 47px;
margin-left: -7px;
}
.head_mobile .mobile-nav-button i{
margin-left:auto;
}
.head_mobile .search_wrap_mobile{
position: relative;
bottom: auto;
width: 100%;
height: 0px;
clear: both;
display: block;
overflow:hidden;
-webkit-transition: all .3s;
transition: all .3s;
}
.head_mobile.position_top .search_wrap_mobile{
overflow:inherit;
height: 52px;
visibility: visible;
opacity: 1;
-webkit-opacity: 1;
-ms-opacity: 1;
}
.head_mobile .search_toggle{right: auto;left: 17px;top: 15px;z-index: 999999;color: #d0d0d0;}
.head_mobile .search_wrap_mobile form{position: relative;box-shadow: none;left: auto;right: 8px;width: calc(100% - 16px);margin-top: 6px;background-color: transparent !important;padding: 0px 0px;height: 35px;}
.head_mobile .search_wrap_mobile form.search_wrap input{
margin-right: 0;
padding-right: 40px;
width:100%;
height: 35px;
background-color: #f0f2f5 !important;
border-radius: 9px;
}
.head_mobile .search_wrap_mobile form.search_wrap.elm_has_cat_btn input{
width: calc(100% - 44px);
}
.head_mobile form.search_wrap input::-webkit-input-placeholder {
color: rgb(0 0 0 / 45%);
}
.head_mobile form.search_wrap input::-moz-placeholder {
color: rgb(0 0 0 / 45%);
}
.head_mobile form.search_wrap input:-ms-input-placeholder {
color: rgb(0 0 0 / 45%);
}
.head_mobile form.search_wrap input:-moz-placeholder {
color: rgb(0 0 0 / 45%);
}
.head_mobile form.search_wrap button{
display:inline-block;
background-color:var(--maincolor);
border-radius: 4px;
color: #FFF;
height: 26px;
margin: 3px 0px 0px 2px;
display:none
}
.head_mobile form.search_wrap .btn_search_cat.el_cat_icon{
font-size: 19px;
width: 35px;
height: 35px;
background-color: var(--maincolor);
color: #fff;
border-radius: 10px;
line-height: 36px;
left: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.head_mobile form.search_wrap .btn_search_cat.el_cat_icon svg{
stroke: white;
opacity: 1;
}
.head_mobile form.search_wrap .search_icon{
color: rgb(0 0 0 / 30%);
line-height: 35px;
position: absolute;
right: 0;
top: 0;
}
.head_mobile form.search_wrap .search_clear{
left: 55px;
background-color: rgb(0 0 0 / 5%);
}
.head_mobile .user_login .my-account{
line-height: 20px;
right: auto;
left: 0;
}
.head_mobile .hs_icon.head_telegram, .head_mobile .hs_icon.head_instagram{
height: 35px;
background-color: #03a9f4;
border-radius: 10px;
color: #FFF;
}
.head_mobile .hs_icon.head_instagram{
background-color: #cc4470;
}
.head_mobile.mhead_1 .logo{
margin-right: 0px;
}
.head_mobile.mhead_1 .mobile-nav-button.hs_icon, .head_mobile.mhead_3 .mobile-nav-button.hs_icon{
float: right;
margin-right: 0;
margin-left: 0;
padding: 0;
}
.head_mobile.mhead_3 .logo{
position: absolute;
right: 50%;
-moz-transform: translateX(50%);
-webkit-transform: translateX(50%);
transform: translateX(50%);
margin-right: 0;
}
.head_mobile.mhead_3 .user_login{
float:right;
margin-right: 2px;
}
.head_mobile.mhead_3 .my-account{
left:auto;
right:0
}
.contact_wrap{
margin-top: 25px;
background-color: #FFF;
padding: 20px;
border-radius: var(--borderradius);
display: flex;
}
.contact_right{
border: 1px solid rgb(239 241 245);
border-radius: 5px 5px 15px 15px;
overflow: hidden;
position: relative;
max-width: 30%;
}
.contact_left{
padding: 0 20px;
max-width: 70%;
width: 100%;
}
.contact_wrap h1{
color: #797979;
margin-bottom: 20px;
padding-right: 20px;
line-height: 48px;
position: relative;
border-bottom: 1px solid #f5f5f5;
box-shadow: 0px 4px 50px -9px #f5f5f5;
}
.contact_wrap h1:after{
content:'';
display: block;
background-color: rgb(239 241 245);
position: absolute;
bottom: calc(50% - 6px);
border-radius: 5px 0 0 5px;
right: 0px;
height: 10px;
width: 10px;
}
.contact_wrap .location{
position: relative;
padding: 15px;
margin-top: 15px;
background-color: #eff1f5;
}
.contact_wrap .location img{
position: relative;
border-radius: 4px;
}
.contact_wrap .location:before{
content:'';
background-color: #f3c40b;
width: 36%;
height: 60%;
position: absolute;
left: 0;
top: 0;
border-radius: 0 0 100% 0;
}
.contact_w{
border-radius: 10px;
min-height: 70px;
display: block;
margin: 0 15px;
clear: both;
color: #4c4c4c;
}
.contact_w svg{
font-size: 26px;
color: var(--secondcolor);
float: right;
margin-left: 20px;
text-align: center;
padding: 15px;
width: 55px;
height: 55px;
line-height: 55px;
border-radius: 13px;
background-color: #FFF;
box-shadow: 0 0 10px -3px hsla(0, 0%, 0%, 0.10);
}
.contact_w h4{
font-size: 12px;
color: #505050;
display: block;
padding-top: 6px;
font-weight: 500;
}
.contact_w span{
opacity: 0.95;
overflow: hidden;
display: block;
font-family: var(--mainfontnum);
}
.get_in_touch  .entry-content {
padding: 15px 20px 30px 20px;
font-family: var(--mainfont);
line-height: 2em;
color: #555;
text-align: justify;
background-color: white;
overflow: hidden;
font-size: 12px;
margin: 10px 0 20px;
border-radius: var(--borderradius);
border: 5px double #eeeff1;
}
#tab-description .accordion-shortcode h3:first-child + div{
display:block
}
body:not(.home) .head_6{
box-shadow: 0 0px 2px 1px rgba(0,0,0,.1);
margin-bottom: 10px;
}
.no_padding{padding:0 !important;}
.page-my-account .blog_body {overflow: inherit;}
.footer_light .contact_item i{
color: rgba(0, 0, 0, 0.38);
background-color: rgba(0, 0, 0, 0.02);
}
.footer_light .contact_item i{
color: rgba(0, 0, 0, 0.38);
background-color: rgba(0, 0, 0, 0.02);
}
.prd_term_list{
position: absolute;
text-align: center;
right: 0;
left: 0;
bottom: 7px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity:0;
visibility: hidden;
z-index: 3
}
.item_general:hover .prd_term_list{
opacity:1;
visibility: visible;
}
.prd_term_list strong{
display: block;
color: #969696;
background-color: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(221, 221, 221, 0.28);
margin: auto;
max-width: 60px;
border-radius: 20px;
font-weight: normal !important;
}
.prd_term_list span{
display: block;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(221, 221, 221, 0.28);
margin: 3px auto;
max-width: 40px;
line-height: 17px;
font-size: 10px;
border-radius: 20px;
font-weight: normal !important;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity:0;
visibility: hidden;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.prd_term_list:hover span{
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity:1;
visibility: visible;
}
.prd_term_list span:nth-child(1){
transition-delay: 0.1s;
}
.prd_term_list span:nth-child(2){
transition-delay: 0.2s;
}
.prd_term_list span:nth-child(3){
transition-delay: 0.3s;
}
.prd_term_list span:nth-child(4){
transition-delay: 0.4s;
}
.prd_term_list span:nth-child(5){
transition-delay: 0.5s;
}
.overflow_hide{
border-radius: 5px;
overflow: hidden !important;
}
.footer_light .footer_list .title_list:after{    background-color: rgba(0, 0, 0, 0.17);}
.footer_light .contact_social_wrap{    border-top: 1px solid rgba(0, 0, 0, 0.1);}
.footer_light .footer_down{border-top: 1px solid rgba(0, 0, 0, 0.09);}
.footer_light .logo_designer{    background-color: rgba(0, 0, 0, 0.11);    color: rgba(255, 255, 255, 0.83);}
.footer_light .footer_top_w{    background-color: rgba(0, 0, 0, 0.08);}
.footer_light .footer_top_w{  border-right: 1px solid rgba(0, 0, 0, 0.12);}
.footer_light .contact_us_wrap.type_3 {    box-shadow: 2.2rem 0px 3rem -3rem rgba(0, 0, 0, 0.14); }
.footer_light .type_3 .contact_item i{box-shadow: 1px 0px 0px 1px rgba(0, 0, 0, 0.15);    background-color: rgba(255, 255, 255, 0.30);}
.footer_light .contact_us_wrap.type_2 .contact_social_wrap a{    background-color: rgba(0, 0, 0, 0.08);}
.brands-widget {
display: flex;
flex-wrap: wrap;
flex-flow: row wrap;
}
.brands-widget__item {
display: block;
padding: 0 6px 10px;
margin: 5px;
text-align: center;
border: 1px solid #eeeff1;
border-radius: 3px;
margin-bottom: 7px;
flex: 1 0 calc(33.333% - 12px);
}
.brands-widget__image {
display: block;
margin: auto;
filter: grayscale(100%);
opacity: .7;
max-height: 73px;
max-width: 60px;
transition: all, .3s;
}
.brands-widget__item:hover .brands-widget__image {
filter: none;
opacity: 1;
}
.brands-widget__title {
font-size: 11px;
margin-top: 10px;
color: #6d6d6d;
}
.mweb-instagram {
position: relative;
}
.mweb-instagram.items-4 li {
width: 25%;
}
.mweb-instagram.items-5 li {
width: 20%;
}
.mweb-instagram.items-6 li {
width: 16.6666%;
}
.mweb-instagram.items-7 li {
width: 14.2857%;
}
.mweb-instagram.items-8 li {
width: 12.5%;
}
.mweb-instagram.items-9 li {
width: 11.1111%;
}
.mweb-instagram.items-10 li {
width: 10%;
}
.mweb-instagram li {
display: inline-block;
list-style: none;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
transition: all 350ms ease;
}
.mweb-instagram li:hover {
opacity: 0.8;
}
.mweb-instagram .username-text {
text-transform: uppercase;
color: #666;
padding: 10px 25px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 100%;
letter-spacing: 0.1em;
z-index: 1;
}
.mweb-instagram .username-text i {
margin-left: 10px;
font-size: 15px;
vertical-align: middle;
}
.fullwidth_shop_cart{
width: auto;
}
.fullwidth_shop_cart.hide_bg .top_cart_title{
background-color: transparent;
}
.fullwidth_shop_cart.hide_bg i {
margin-right: 15px;
width: auto;
}
.el_list{
padding: 10px 0;
}
.el_list li{
line-height: 2em;
}
.el_list li:before{
content: "";
background-color: #0dcc00;
margin-left: 10px;
font-size: 12px;
vertical-align: middle;
display: inline-block;
width: 3px;
height: 7px;
border-radius: 7px;
}
.el_list.e_negative li:before{
background-color: #f50c0c;
}
.simple_dlbox {
box-shadow: 0 1px 7px -5px rgba(0, 0, 0, .1);
padding: 19px 15px;
border: 1px solid #eeeff1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: block;
margin: 10px 0;
border-radius: 10px;
padding-right: 35px;
position: relative;
overflow: hidden;
}
.simple_dlbox a{
display: block;
}
.simple_dlbox:hover {
background-color: rgba(0, 0, 0, 0.02);
}
.simple_dlbox .simple_dlbox_title {
color: #555;
font-size: 12px;
font-weight: 500;
position: relative;
}
.simple_dlbox .simple_dlbox_btn {
float: left;
background-color: var(--secondcolor);
padding: 0 15px;
border-radius: 30px;
color: #fff;
}
.simple_dlbox .simple_dlbox_btn i {
margin-left: 5px
}
.readmore_content{
text-align: center;
}
.entry_readmore{
max-height: 9em;
line-height: 2.3em;
overflow: hidden;
-webkit-transition: max-height 1s;
-moz-transition: max-height 1s;
transition: max-height 1s;
position: relative;
text-align: right;
}
.entry_content_inner.has_more{
max-height: 500px;
overflow: hidden;
-webkit-transition: max-height 1s;
-moz-transition: max-height 1s;
transition: max-height 1s;
position: relative;
}
.entry_readmore.fullheight, .entry_content_inner.active {
max-height: 10000px;
margin-bottom: 15px;
}
.entry_readmore:not(.fullheight):after, .entry_content_inner.has_more:not(.active):after {
content: '';
position: absolute;
right: 0;
left: 0;
bottom: 0;
height: 11em;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 93%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 0.4s ease;
}
.more_btn{
display: inline-block;
text-align: center;
border-radius: 26px;
line-height: 23px;
font-size: 12px;
padding: 3px 25px;
border: 1px solid #eeeff1;
color: #8e8e8e;
cursor: pointer;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.more_btn:before {
content: "";
background-color: var(--maincolor);
margin-left: 10px;
font-size: 12px;
vertical-align: middle;
display: inline-block;
width: 3px;
height: 7px;
border-radius: 7px;
}
.more_btn:hover,.more_btn.active{
box-shadow:0 0 10px 0 #eeeff1;
color:#666
}
.entry_content_more{
display: none;
text-align: center;
border-radius: 26px;
line-height: 28px;
font-size: 11px;
max-width: 149px;
margin: 25px auto 0 auto;
color: #8e8e8e;
background-color: rgb(239 241 245 / 21%);
cursor: pointer;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.entry_content_more span{
color: #ffffff;
background-color: var(--maincolor);
padding: 0 10px;
border-radius: 20px;
transition: all 0.5s ease;
margin-right: 1px;
}
.entry_content_more svg {
stroke: #a7a7a7;
margin-left: 5px;
width: 19px;
vertical-align: middle;
display: inline-block;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.entry_content_more.active:before{
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.entry_content_more:hover span, .entry_content_more.active span{
color:#666;
background-color: #ffe2e2;
}
.block_product_box .cat_list_wrap{
overflow-y: scroll;
overflow-x: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.block_product_box .cat_list_wrap::-webkit-scrollbar {
width: 2px;
background: #eee;
border-radius: 4px
}
.block_product_box .cat_list_wrap::-webkit-scrollbar-corner {
background-color: #282828;
display: block;
border-radius: 4px
}
.block_product_box .cat_list_wrap::-webkit-scrollbar-thumb {
background-color: #b5b5b5;
border-radius: 4px
}
.mweb-order-complete {
opacity: 1 !important;
}
.lr_style_one{
height: 100%;
width: 100%;
}
.lr_style_one:before{
content:'';
display: block;
width: 50%;
height: 100%;
position: absolute;
right: 25%;
left: 25%;
top: 0;
bottom: 0;
border-radius:50%;
background-color: rgba(0, 0, 0, 0.1);
max-height: 685px;
}
.lr_style_one:after{
content:'';
display: block;
height: 100%;
position: fixed;
right: 30%;
top: 0;
left: 30%;
bottom: 0;
background-color: var(--maincolor);
border-left: 7px double rgb(255, 255, 255);
border-right: 7px double rgb(255, 255, 255);
box-shadow: 0 0 20px -1px hsla(0, 0%, 0%, 0.05);
}
.text_align_left{
text-align:left
}
.no_padding{
padding: 0 0 30px 0;
}
.user_header{
padding: 0 0 20px 0;
position: relative;
z-index: 98;
}
.user_footer{
margin-top: 20px;
padding: 0;
min-height: auto;
background: transparent;
}
.user_footer .footer_down{
margin-top: 0;
border-top: 2px dotted rgb(0 0 0 / 11%);
padding: 12px 0px 9px 0px;
}
.user_footer .copy_right, .user_footer .logo_designer{
color:#686b6f
}
.user_footer .logo_designer{
background-color: hsl(0deg 0% 0% / 5%);
}
.container-wrap.page-my-account{
margin-top: 20px
}
.my_account_menu{
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
background-color: var(--maincolor);
border-radius: 50%;
margin-top: 7px;
box-shadow: 6px 7px 28px -12px rgba(16, 16, 16, 0.3);
display: none;
position: fixed;
left: 15px;
bottom: 15px;
z-index: 9;
}
.my_account_menu svg{
display: inline-block;
vertical-align: middle;
width: 25px;
stroke: white;
}
.account_head_icon{
display: block;
margin-top: 18px;
}
.account_head_icon svg{
width: 24px;
vertical-align: middle;
}
.account_head_icon>a:hover{
background-color:rgb(255 255 255 / 80%)
}
.up_top_logout ,.up_top_setting ,.up_top_notify ,.up_top_home{
display: inline-block;
margin-right: 10px;
font-size: 18px;
vertical-align: middle;
position: relative;
color: #444;
cursor: pointer;
background-color: #FFF;
width: 40px;
text-align: center;
height: 40px;
line-height: 41px;
border-radius: var(--borderradius);
box-shadow: 3px 0px 12px -5px rgb(34 35 50 / 8%);
}
.up_top_logout:hover{
background-color:#F44336 !important;
}
.up_top_logout:hover svg{
stroke: white
}
.notify_btn:after{
content: '';
position: absolute;
left:0;
right:0;
height: 25px;
bottom: -20px
}
.notify_btn:after{
content:'';
width: 7px;
height: 7px;
position: absolute;
border-radius: 50%;
background-color: #ddd;
box-shadow: 0 0 0 1px #FFF;
top: 3px;
right: -2px;
}
.notify_btn.is_active:after{background-color: #13d070;}
@keyframes ping {
75%,to {
opacity: 0;
transform: scale(2)
}
}
.animate-ping {
animation: ping 1s cubic-bezier(0,0,.2,1) infinite
}
.notify_btn.is_active:before{
content:'';
width: 7px;
height: 7px;
position: absolute;
border-radius: 50%;
background-color: #13d070;
top: 3px;
right: -2px;
animation: ping 1s cubic-bezier(0,0,.2,1) infinite
}
.notify_dropdown {
position: absolute;
right: calc(50% - 110px);
width: 250px;
min-height: 80px;
background: #FFF;
z-index: 9999;
padding: 15px;
visibility: hidden;
display: block;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
filter: alpha(opacity=0);
top: 100%;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
font-size: 12px;
line-height: 25px;
font-family: var(--mainfontnum);
transform:translateY(50px);
text-align: center;
}
.notify_btn:hover .notify_dropdown{
visibility: visible;
opacity: 1;
transform: translateY(10px);
}
.elementor-nofify-dropdwon--align-right .notify_dropdown{
right: 0;
left: auto
}
.elementor-nofify-dropdwon--align-left .notify_dropdown{
left: 0;
right: auto
}
.notify_dropdown > span{
display: block;
border: 1px dashed #ddd;
border-radius: 7px;
padding: 6px 0;
}
.notify_dropdown b{
color: var(--maincolor);
font-size:15px;
}
.notify_dropdown > a{
display: block;
background-color:#f9f9f9;
border-radius: inherit;
margin-top: 5px;
}
.notify_dropdown > a:hover{
background-color: var(--maincolor);
color: #FFF
}
.notify_dropdown .tk_list{
text-align: right;
padding-right: 8px;
border-right: 2px solid var(--secondcolor);
line-height: 20px;
margin-bottom: 10px;
color: #666;
font-size: 11.5px;
}
.notify_dropdown .tk_list:hover a{
color: var(--maincolor);
}
.my_account_info{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
}
.my_account_info .myacc_gravatar{
display: block;
border-radius: 50%;
position: relative;
padding: 0px;
border: 1px solid #ccc;
width: 70px;
height: 70px;
background-color: white;
}
.my_account_info .myacc_gravatar:before {
content: "";
position: absolute;
top: -6px;
left: -6px;
right: -6px;
bottom: -6px;
background: conic-gradient(var(--maincolor), rgba(255, 255, 255, 0));
border-radius: 100%;
pointer-events: none;
}
.my_account_info .myacc_gravatar:after {
content: "";
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
background: #ffffff;
border-radius: 100%;
pointer-events: none;
}
.my_account_info .myacc_gravatar img{
border-radius: 50%;
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.myacc_displayname{
font-size: 13px;
font-weight: 500;
padding-right: 7px;
margin-right: 7px;
border-right: 1px solid #ddd;
}
.myacc_username{
font-size: 13px;
font-weight: 500;
margin-top: 45px;
font-family: var(--mainfontnum);
}
.wallet_balance {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: space-around;
}
.wallet_balance strong{
font-weight: 500 !important;
font-size: 17px;
color: var(--maincolor);
}
.wallet_balance .woocommerce-Price-currencySymbol{
font-size:11px;
opacity:0.6;
color: #888;
}
.wallet_balance a{
display: inline-flex;
width: 25px;
height: 25px;
vertical-align: middle;
background-color: #ffffff;
box-shadow: 0 0 10px -3px #ddd;
border-radius: var(--borderradius);
align-items: center;
justify-content: center;
margin-right: 10px;
}
.wallet_balance a svg{
width: 18px;
stroke:  var(--maincolor);
}
.my_account_date{
display: flex;
direction: ltr;
padding: 0 0;
position: relative;
margin: 25px 0;
font-family: var(--mainfontnum);
flex-direction: row;
justify-content: center;
align-items: center;
margin-right: -5px;
margin-left: -5px;
}
.my_account_date li{
flex:0 0 20%;
padding: 0 5px;
}
.my_account_date:after, .my_account_date:before{
content:'';
position:absolute;
right: 0;
left: 0;
height: 25%;
}
.el_myc_date{
border-radius: var(--borderradius);
text-align: center;
padding: 10px 0;
border: 1px dashed rgb(0 0 0 / 10%);
}
.el_myc_date.current{
background-color: var(--maincolor);
box-shadow: 0 0px 28px -12px var(--maincolor);
}
.el_myc_date.current span{
color:#FFF;
}
.el_myc_date i{
float: right;
background-color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 25px;
text-align: center;
font-size: 14px;
vertical-align: middle;
margin: 4px 4px 0 16px;
}
.el_myc_date span:first-child{
font-size: 12px;
vertical-align: middle;
display: block;
margin-bottom: 10px;
}
.el_myc_date.current span:first-child{
color: #4e4e4e;
width: 25px;
margin: auto;
margin-bottom: 10px;
border-radius: 6px;
background-color: white;
}
.el_myc_date span:last-child{
font-size: 10px;
}
.my_account_cmenu{
padding: 0 10px;
border: 1px solid rgb(0 0 0 / 10%);
border-radius: var(--borderradius);
padding-bottom: 10px;
}
.myacc_item_menu a{
display: block;
background-color: #f6f7f9;
margin-top: 10px;
line-height: 39px;
border-radius: var(--borderradius);
padding: 0 15px;
font-weight: 500;
font-size: 12px;
}
.myacc_item_menu i{
font-size: 16px;
vertical-align: middle;
margin-left: 10px;
}
.myacc_item_menu a:hover{
background-color:var(--maincolor);
color:white
}
.woocommerce-account .widget_title{
font-size: 13px;
padding: 4px 15px 4px 5px;
}
.user_wishlist_dashboad{
min-height: 255px;
}
.user_wishlist_dashboad .item, #buy_later_wrap .item{
display: inline-block;
vertical-align: top
}
.user_wishlist_dashboad .item .general_mobile, #buy_later_wrap .item .general_mobile{
border: 1px dashed #dfe1e4;
box-shadow: unset;
margin-left: 10px;
width: 155px;
}
#buy_later_wrap .item .general_mobile{
width: 175px;
margin-left: 15px;
}
#buy_later_wrap .item .general_mobile .actions{
margin: 10px 0 5px 0;
}
.user_wishlist_dashboad .item .item-area.general_mobile .product-name, #buy_later_wrap .item .item-area.general_mobile .product-name{
white-space: break-spaces;
display: -webkit-box;
font-size: 11px;
}
.user_wishlist_dashboad .item .item-area.general_mobile .product-image-area, .user_wishlist_dashboad .item .item-area.general_mobile .product-image-area>a{
min-height:unset
}
.user_wishlist_dashboad .item .item-area.general_mobile .product-image-area img{
text-align: center;
max-height:100px
}
.user_wishlist_dashboad .wishlist_act{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-evenly;
padding: 5px 0;
}
.user_wishlist_dashboad .wishlist_act a{
background-color: #fae6d7;
padding: 0 10px;
border-radius: 5px;
position:relative
}
.user_wishlist_dashboad .wishlist_act a:hover{
background-color: #bdbfc3 !important;
color: white;
}
.user_wishlist_dashboad .wishlist_act a.wl_goto_p{
background-color: #f5f5f5;
}
.user_wishlist_dashboad .wishlist_act .loading a{
padding-right: 20px;
}
.user_wishlist_dashboad .wishlist_act .loading a:before {
content:'';
position: absolute;
top: 0px;
left: 0;
right: 0;
bottom: 0;
margin: 0 !important;
background: rgb(255 255 255 / 99%) url(assets/images/loading-oval.svg) no-repeat center center;
background-size: 20px;
border-radius: inherit;
}
.horizontal_scroll_css{
white-space: nowrap;
position: relative;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.horizontal_scroll_css::-webkit-scrollbar {
height: 2px;
background: #eee;
border-radius: 4px
}
.horizontal_scroll_css::-webkit-scrollbar-corner {
background-color: #282828;
display: block;
border-radius: 4px
}
.horizontal_scroll_css::-webkit-scrollbar-thumb {
background-color: #b5b5b5;
border-radius: 4px
}
.vertical_scroll_css{
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.vertical_scroll_css::-webkit-scrollbar {
width: 2px;
background: #eee;
border-radius: 4px
}
.vertical_scroll_css::-webkit-scrollbar-corner {
background-color: #282828;
display: block;
border-radius: 4px
}
.vertical_scroll_css::-webkit-scrollbar-thumb {
background-color: #b5b5b5;
border-radius: 4px
}
.user_detail_dashboad{
display: flex;
float: none;
flex-wrap: wrap;
padding: 15px 0;
min-height: 299px;
}
.user_detail_dashboad>div{
flex: 1 0 50%;
padding: 12px 15px;
border-bottom: 1px solid #f3f3f3;
}
.user_detail_dashboad>div:last-child{
border:none
}
.user_detail_dashboad>div:not(last-child):nth-child(odd){
border-left: 1px solid #f3f3f3;
}
.user_detail_dashboad>div strong{
display: block;
opacity: 0.5;
margin-bottom: 1px;
font-weight: normal;
}
.user_detail_dashboad>div span{
font-size: 12px;
font-weight: 500;
}
.el_alert {
box-shadow: 0 0px 4px -3px rgba(0, 0, 0, .1);
padding: 19px 20px 19px 30px;
background-color: #FFF;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
display: block;
margin: 14px 0 0 0;
border-radius: var(--borderradius);
font-size: 12px;
line-height: 1.9em;
color: #555;
position: relative;
overflow: hidden;
}
.el_alert:before {
color: #FFF;
content: "";
text-indent: 3px;
text-align: center;
position: absolute;
left: 0px;
top: 0px;
width: 30px;
height: 30px;
border-radius: 7px 0px 31px 0px;
background-color: #d0d0d0;
overflow: hidden;
}
.el_alert.user_note{
background-color: rgb(255, 255, 255);
}
.el_alert.user_note:before {
background-color: #ffd507;
}
.el_alert.dashboard_seller:before {
background-color: #8BC34A;
}
.el_alert.become_seller:before {
background-color: #f44336;
}
.el_alert:hover {
background-color: rgba(255, 255, 255, 0.8);
}
.el_alert .btn {
float: left;
background-color: #f6f7f9;
padding: 5px 15px;
border-radius: 6px;
color: #878a92;
margin-top: 7px;
font-size: 11px;
clear: both;
}
.el_alert .btn:hover{
color:#FFF;
background-color:var(--maincolor)
}
.notify_item{
border: 1px dashed #e2e4e9 !important;
padding-bottom: 7px;
margin-bottom: 10px;
padding: 13px 15px;
border-radius: var(--borderradius);
}
.notify_item:last-child{
border-bottom: none;
}
.notify_item h3{
font-size: 12px;
display: block;
font-family: var(--mainfontnum);
}
.notify_item h3:before {
content: '';
width: 8px;
height: 8px;
background-color: #ebebeb;
display: inline-block;
margin-left: 7px;
vertical-align: middle;
border-radius: 5px
}
.notify_item.notify_product h3:before {
background-color: var(--secondcolor);
}
.notify_item.notify_user h3:before {
background-color: var(--maincolor);
}
.notify_item.notify_order.noxn h3:before {
background-color: #11d15c;
}
.notify_item.notify_order.noxr h3:before {
background-color: gold;
}
.notify_item>strong{
font-size: 12px;
display: block;
font-weight: normal;
padding-right: 10px;
line-height: 16px;
margin: 4px 0;
border-right: 2px solid #ea1d21;
border-radius: 0 5px 5px 0;
}
.notify_item .meta_notify{
font-size: 10px;
color: #909090;
margin-top: 8px;
line-height: 25px;
}
.notify_item .el_date{
line-height: 22px;
display: inline-block;
}
.notify_item .el_more, .notify_item .el_rstatus{
background-color: #eff1f5;
float: left;
padding: 0 10px;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
cursor:pointer;
border-radius: var(--borderradius);
font-size: 11px;
}
.notify_item .el_more:hover{
background-color: var(--maincolor);
color:#FFF;
}
.notify_item .el_content{
display: none;
padding: 15px 15px;
font-size: 12px;
background-color: #f6f7f9;
margin-top: 11px;
border-radius: var(--borderradius);
line-height: 27px;
}
.notify_warp{
position: relative;
min-height: 70px;
}
.notify_warp .ajax-loader{
backdrop-size: 30px;
}
ul.notify_filter {
display: flex;
font-size: 12px;
color: #333;
margin-bottom: 15px;
line-height: 30px;
background-color: rgb(0 0 0 / 3%);
border-radius: var(--borderradius);
overflow: hidden;
padding-right: 15px;
}
ul.notify_filter li{
padding: 7px 15px !important;
font-weight: 500;
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
ul.notify_filter li.is_active{
cursor: inherit
}
ul.notify_filter li.is_active:before {
content: '';
width: 7px;
height: 3px;
background-color: var(--maincolor);
display: inline-block;
margin-left: 5px;
vertical-align: middle;
border-radius: 5px;
position: absolute;
right: 1px;
}
.notify_item .el_rstatus{
background-color: transparent !important;
border: 1px solid #eff1f5;
margin-left: 10px;
cursor: inherit;
}
.notify_item .el_rstatus.read {
color: #13c271;
border-color: #13c271;
}
.my_account_close{
float: left;
margin-top: -35px;
background-color: #f6f7f9;
border-radius: 0 0 15px 15px;
text-align: center;
width: 27px;
height: 27px;
line-height: 26px;
padding-top: 4px;
color: #FFFF;
display: none;
position: relative;
}
.my_account_close svg{
stroke: #F44336;
width: 18px;
}
.togglesidebar {
position: fixed;
top: 0;
right: 0;
visibility: hidden;
width: 300px;
height: 100%;
padding-bottom: 750px;
z-index: 99999;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
padding-top: 0;
background-color: #f9f9f9;
-webkit-transition: transform 1.2s ease-in-out,opacity .5s ease-in-out,visibility .5s ease-in-out;
-moz-transition: transform 1.2s ease-in-out,opacity .5s ease-in-out,visibility .5s ease-in-out;
-o-transition: transform 1.2s ease,opacity .5s ease-in-out,visibility .5s ease-in-out;
transition: transform .35s ease,opacity .5s ease-in-out,visibility .5s ease-in-out;
}
.open_cart_sidebar .cart_sidebar, .open_filter_sidebar .filter_sidebar, .open_categories_sidebar .categories_sidebar {
visibility: visible;
-moz-transition: transform .35s ease;
-o-transition: transform .35s ease;
-webkit-transition: transform .35s ease;
transition: transform .35s ease;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.togglesidebar.cart_sidebar .cart_sidebar_wrap {
position: relative;
width: 100%;
height: 100vh;
}
.togglesidebar .cart_sidebar_head {
border: 1px solid #eaeaec;
font-size: 12px;
color: #454545;
padding: 22px 20px;
clear: both;
margin-top: 0;
font-weight: 500;
text-transform: uppercase;
position: relative;
-moz-opacity: 0;
opacity: 0;
-moz-transition: opacity 1.3s ease;
-o-transition: opacity 1.3s ease;
-webkit-transition: opacity 1.3s ease;
transition: opacity 1.3s ease;
}
.sidebar_open .togglesidebar .cart_sidebar_head {
-moz-opacity: 1;
opacity: 1;
}
.togglesidebar .cart_sidebar_close {
position: absolute;
height: 45px;
width: 45px;
top: 10px;
left: 10px;
display: flex;
cursor: pointer;
font-size: 18px;
text-align: center;
line-height: 45px;
-webkit-transition: -webkit-transform .4s cubic-bezier(.55,.31,.15,.93);
-moz-transition: -moz-transform .4s cubic-bezier(.55,.31,.15,.93);
-ms-transition: -ms-transform .4s cubic-bezier(.55,.31,.15,.93);
transition: transform .4s cubic-bezier(.55,.31,.15,.93);
align-items: center;
justify-content: center;
}
.togglesidebar .cart_sidebar_close svg{
width: 18px;
height: 18px;
stroke: #555
}
.togglesidebar .cart_sidebar_close:hover svg {
stroke: red
}
.togglesidebar.cart_sidebar .cart_sidebar_head strong {
max-width: 214px;
display: inline-block;
}
.togglesidebar.cart_sidebar .cart_count {
display: inline-block;
background-color: var(--secondcolor);
height: 14px;
min-width: 16px;
margin-right: 5px;
line-height: 14px;
text-align: center;
font-size: 11px;
color: #fafafa;
font-weight: 500;
font-family: sans-serif;
font-display:swap;
}
.widget.wt_filter{
box-shadow: none;
background-color: transparent;
}
.wt_title{
background-color: #0000000d;
color: #505050;
line-height: 35px;
height: 35px;
font-size: 11px;
font-weight: 500;
padding-right: 20px;
border-radius: 5px;
}
.togglesidebar.cart_sidebar .cart_sidebar_wrap .woocommerce-mini-cart__empty-message{
margin: 20px 15px;
background-color: rgba(0, 0, 0, 0.05);
padding: 25px 10px;
text-align: center;
}
.togglesidebar.cart_sidebar .cart_sidebar_wrap .cart_list, .sidebar_toggle_content{
height: calc(100vh - 230px);
height: -webkit-calc(100vh - 280px);
overflow-x:hidden;
overflow-y:scroll;
-webkit-overflow-scrolling: touch;
margin-left:5px
}
.sidebar_toggle_content{
margin: 10px 10px;
padding-left: 10px;
height: calc(100vh - 85px);
}
.togglesidebar.cart_sidebar .cart_sidebar_wrap .cart_list::-webkit-scrollbar, .sidebar_toggle_content::-webkit-scrollbar {
width: 2px;
background: #eee;
border-radius: 4px
}
.togglesidebar.cart_sidebar .cart_sidebar_wrap .cart_list::-webkit-scrollbar-corner, .sidebar_toggle_content::-webkit-scrollbar-corner {
background-color: #282828;
display: block;
border-radius: 4px
}
.togglesidebar.cart_sidebar .cart_sidebar_wrap .cart_list::-webkit-scrollbar-thumb, .sidebar_toggle_content::-webkit-scrollbar-thumb {
background-color: #a7a7a7;
border-radius: 4px
}
.togglesidebar.cart_sidebar .cart_sidebar_wrap .cart_list .mini_cart_item {
padding-top: 12px;
padding-bottom: 12px;
padding-right: 20px;
padding-left: 12px;
clear: both;
border-bottom: 1px solid #eaeaec;
position: relative;
min-height: 80px;
-moz-transition: opacity ease .8s,transform ease .5s;
-o-transition: opacity ease .8s,transform ease .5s;
-webkit-transition: opacity ease .8s,transform ease .5s;
transition: opacity ease .8s,transform ease .5s;
}
.togglesidebar.cart_sidebar .cart_sidebar_wrap .cart_list .mini_cart_item:last-child{
border:none
}
.togglesidebar.cart_sidebar .cart_sidebar_wrap .cart_list .mini_cart_item .remove{
right: 16px;
top: 11px;
}
.togglesidebar.cart_sidebar .cart_sidebar_wrap .cart_list .blockOverlay{
opacity: 0.1 !important;
}
.togglesidebar.cart_sidebar .widget_shopping_cart_content .total{
padding: 0 20px;
color: #444;
margin-bottom: 10px;
}
.togglesidebar.cart_sidebar .mini_cart_bottom{
background-color: #FFF;
position: absolute;
bottom: 0;
width: 100%;
padding-bottom: 55px;
}
.togglesidebar.cart_sidebar .woocommerce-mini-cart__buttons{
padding: 0 15px;
margin: 10px 0 5px 0 !important;
}
.togglesidebar.cart_sidebar .woocommerce-mini-cart__buttons .button{
padding: 6px 10px;
font-size: 12px;
font-weight: 500;
}
.sidebar_open .mweb-site-mask {
visibility: visible;
pointer-events: auto;
background: rgba(0, 0, 0, 0.25);
z-index: 9999;
}
.free_shipping_progress{
background-color: #f4f4f4;
border-radius: 5px;
padding: 10px;
margin: 5px 20px;
font-family: var(--mainfontnum);
}
.free_shipping_progress p{
font-size: 11px;
font-family: var(--mainfontnum);
display: inline-block;
width: 100%;
text-align:right;
color: #444;
}
.free_shipping_progress p svg {
display: inline-block;
vertical-align: middle;
width: 22px;
margin-left: 10px;
stroke: var(--maincolor);
background-color: transparent;
height: auto;
float: none;
box-shadow: none;
line-height: normal;
}
.free_shipping_progress p b{
color: var(--maincolor);
font-weight: 500;
}
.free_shipping_progress p .amount{
font-size: 13px;
}
.free_shipping_progress p .amount span{
font-size: 11px;
}
.free_shipping_progress p>span:not(.amount){
float:left;
background-color: #e4e4e4;
border-radius: 40px;
color: #444;
line-height: 18px;
text-align: center;
padding: 0 10px 0 0;
position: relative;
height: 18px;
direction: ltr;
}
.free_shipping_progress p>span:not(.amount):before{
content:'%';
background-color: #f44336;
color: white;
margin-right: 6px;
width: 18px;
height: 18px;
line-height: 21px;
text-align: center;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
}
.free_shipping_progress .progress_shipping{
width: 100%;
display: block;
background-color: #eee;
height: 4px;
border-radius: 30px;
margin-top: 10px;
}
.free_shipping_progress .progress_shipping_bar{
background-color: var(--secondcolor);
font-weight: 700;
color: #FFF;
width: 0;
height: inherit;
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
border-radius: 14px;
right: 0;
}
.cart_totals .free_shipping_progress{
margin: 9px 0px;
padding: 15px;
border: 1px solid #e4e4e4;
background-color: white;
}
.add_to_cart_sticky{
position: fixed;
bottom: 11px;
left: auto;
right: 10px;
text-align: center;
z-index: 999;
display: flex;
pointer-events: none;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s;
cursor: pointer;
color: white;
flex-direction: row-reverse;
}
.add_to_cart_sticky.active{
opacity: 1;
filter: alpha(opacity=100);
pointer-events: all;
right: 30px;
left: auto;
}
.add_to_cart_sticky svg{
height: 39px;
width: 39px;
display: inline-block;
padding: 6px;
line-height: 38px;
margin-left: 5px;
position: relative;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
background-color: var(--maincolor);
border-radius: var(--borderradius);
stroke: white;
}
.add_to_cart_sticky span{
display: inline-block;
line-height: 39px;
font-size: 11px;
position: relative;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
background-color: #fff;
color: #333;
border-radius: 10px;
min-width: 127px;
overflow: hidden;
padding: 0px 15px;
height: 39px;
margin: auto;
margin-bottom: 5px;
vertical-align: middle;
white-space: nowrap;
font-weight: 500;
border-radius: var(--borderradius)
}
.sticky_toolbar_footer{
position: fixed;
bottom: 0;
right: 0;
left: 0;
z-index: 998;
}
.toolbar_mobile {
display: flex;
flex-wrap: nowrap;
padding: 4px 0px 8px 0px;
position: relative;
}
.toolbar_mobile:before {
content:'';
position:absolute;
height:100%;
right:0;
top: 0;
width: calc(50% - 215px);
background-color: white;
box-shadow: 0px -5px 5px -4px rgb(0 0 0 / 10%);
}
.toolbar_mobile:after {
content:'';
position:absolute;
height:100%;
left:0;
top: 0;
width: calc(50% - 215px);
background-color: white;
box-shadow: 0px -5px 5px -4px rgb(0 0 0 / 10%);
}
.sticky_toolbar_footer.mfoot_1>svg{
width: 100%;
height: 93px;
position:absolute;
left:0;
right:0;
bottom: -15px;
top:auto;
fill: white;
-webkit-filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .1));
filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .1));
}
.mfoot_2 .toolbar_mobile{
box-shadow: 0px 7px 9px -7px rgb(0 0 0 / 10%);
margin: 10px;
border-radius: 10px;
padding: 8px 0px 7px 0px;
height: 50px;
}
.mfoot_2 .toolbar_mobile:before{
width: auto;
left: calc(50% + 41px);
border-radius: 0 10px 10px 0;
}
.mfoot_2 .toolbar_mobile:after{
width: auto;
right: calc(50% + 41px);
border-radius: 10px 0 0 10px;
}
.mfoot_2 .toolbar_col.is_middle .toolbar_item.tb_cart{
top: -37px;
border-width: 3px;
}
.mfoot_2 .toolbar_item {
padding-top: 5px
}
.sticky_toolbar_footer.mfoot_2>svg{
position:absolute;
left:0;
right:calc(50% - 41px);
bottom: 10px;
top:auto;
fill: white;
-webkit-filter: drop-shadow( 0px 0px 5px rgba(0, 0, 0, .1));
filter: drop-shadow( 0px -4px 5px rgba(0, 0, 0, .1));
}
.toolbar_col{
text-align:center;
width: 100%;
position: relative;
z-index: 1;
}
.toolbar_item{
font-size: 18px;
text-align: center;
width: 35px;
height: 35px;
border-radius: 9px;
line-height: 40px;
color: #444;
display: inline-block;
cursor: pointer;
position: relative;
}
.toolbar_item svg, .toolbar_item img{
width: 24px;
fill: #414141;
}
.toolbar_col.is_middle svg{
width: 30px;
}
.toolbar_item b{
font-size: 10px;
font-weight: normal;
display: block;
overflow: hidden;
white-space: nowrap;
}
.sticky_toolbar_footer:not(.mfoot_4) .toolbar_col.is_middle .toolbar_item.tb_cart{
position: absolute;
top: -39px;
right: calc(50% - 28px);
background-color: var(--maincolor);
color: #FFF;
width: 56px;
height: 56px;
border-radius: 50px;
line-height: 58px;
border: 2px solid #FFF;
box-shadow: 0 0 25px 2px hsl(0deg 0% 0% / 15%);
display: flex;
justify-content: center;
align-items: center;
padding: 0;
}
.toolbar_item.is_logged_in:after{
content:'';
width: 7px;
height: 7px;
background-color: #14d64b;
border-radius: 50%;
position:absolute;
top:5px;
right: 4px;
}
.toolbar_col.is_middle .toolbar_item.el_addtocart{
background-color: #23bf53;
color: #FFF;
}
.toolbar_item.el_addtocart.disable{
background-color: #eef0f3;
color: #444;
}
.elm_t-cart .toolbar_item{
position:relative
}
.elm_t-cart .toolbar_item #toolbox_cart{
background-color: #14d64b;
top: 12px;
left: 28px;
width: 14px;
height: 14px;
display: inline-block;
position: absolute;
line-height: 14px;
font-size: 11px;
color: #FFF;
font-family: var(--mainfontnum);
font-display:swap;
border-radius: 5px;
}
.elm_t-cart.is_middle .toolbar_item #toolbox_cart{
width: 19px;
height: 19px;
border-radius: 28px;
left: -4px;
top: -2px;
line-height: 22px;
box-shadow: 0 0 0 2px hsl(0deg 0% 100% / 28%);
}
.mfoot_3 .toolbar_mobile, .mfoot_4 .toolbar_mobile{
background-color: #ffffff;
padding: 15px 0 0;
box-shadow: 0px -2px 7px 0px rgb(0 0 0 / 3%);
}
.mfoot_3 .toolbar_item{
width: auto;
height: auto;
line-height: 22px;
}
.mfoot_3 .toolbar_col.is_middle .toolbar_item.tb_cart{
top: -8px !important;
border-radius: var(--borderradius) !important;
box-shadow: 0 0 1px 1px hsl(0deg 0% 0% / 5%) !important;
}
.mfoot_4 .toolbar_item{
width: auto;
height: auto;
line-height: 24px;
}
.mfoot_4 .toolbar_item svg{
stroke: #333 !important
}
.mfoot_4 .toolbar_col:before{
content: '';
position: absolute;
width: 24px;
height: 13px;
right: calc(50% - 12px);
top: 11px;
display: block;
background-color: var(--secondcolor);
z-index: -1;
}
.mfoot_4 .toolbar_col.is_middle:before{
top: auto;
bottom: 0;
width: 60px;
height: 4px;
right: calc(50% - 30px);
border-radius: 5px 5px 0 0;
}
.block-special-title{
font-size: 13px;
line-height: 38px;
font-family: var(--mainfont);
font-weight: 500;
position: relative;
width: 100%;
display: inline-block;
color: #555;
padding: 0 15px;
z-index: 2;
margin-bottom: 10px;
background-color: #FFF;
border-radius: var(--borderradius);
}
.block-special-title span {
color: var(--secondcolor);
padding-left: 5px;
display: inline-block;
}
.block-special-title .deal_icon{
display: inline-flex;
vertical-align: middle;
position: relative;
align-items: center;
justify-content: center;
margin-left: 12px;
}
.special_wrap h2 {
height: auto !important;
margin-bottom: 0  !important;
}
.special_wrap h2 a{
color: #555;
font-size: 12px;
margin: 10px 0 10px 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
padding: 0 5px;
text-align: center;
}
.special-title-extend-yes .special_wrap h2 a{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.special_wrap .price {
float: none;
padding: 5px;
padding-top: 10px;
white-space: nowrap;
text-align: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.special_wrap .price i{
color: #ddd;
}
.special_wrap .price .woocommerce-Price-amount {
margin: 0;
display: inline-block;
line-height: 1;
color: var(--maincolor);
font-size: 13px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 4px 3px;
vertical-align: middle;
}
.special_wrap .price ins .woocommerce-Price-amount {
-webkit-border-radius:0 0 0 10px;
-moz-border-radius:0 0 0 10px;
border-radius:0 0 0 10px;
}
.special_wrap .price .woocommerce-Price-currencySymbol {
font-size: 10px;
color: #555;
}
.special_wrap .price del {
display: inline-block;
vertical-align: middle;
margin-left: -4px;
}
.special_wrap .price del .woocommerce-Price-amount {
margin: 0;
display: inline-block;
color: #333;
font-size: 13px;
font-weight: 400;
padding: 4px 10px;
-webkit-border-radius:0 10px 0 0;
-moz-border-radius:0 10px 0 0;
border-radius:0 10px 0 0;
filter:none
}
.woocommerce .special_wrap .price del:after{
top: 10px;
}
.special_wrap .price del .woocommerce-Price-currencySymbol {
display: none;
}
.special_wrap .item-area {
overflow: hidden;
padding: 5px 5px;
position: relative;
width: 195px;
margin: 2px 0px 0px 0px;
}
.special_wrap .item-area .image_area img{
margin: auto;
}
.elementor-widget-mobile-deal-slider-product .special_wrap .item-area{
width: 100%;
}
.special_wrap .timer_wrap {
padding: 10px 10px 7px 10px;
text-align: center;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
}
.special_wrap .timer_wrap svg{
stroke: #c7c7c7;
width: 20px;
vertical-align: middle;
}
.special_wrap .timer_wrap .deal_item_off{
font-family: var(--mainfontnum);
color: #FFF;
background-color: #ff4242;
padding: 0 10px;
font-size: 12px;
height: 19px;
border-radius: 0 15px 15px 0;
box-shadow: inset 3px 0px 4px rgb(0 0 0 / 24%);
}
.vc_deal_time{
display: block;
vertical-align: middle;
padding: 0 0px 0px 5px;
direction: ltr;
font-family: var(--mainfontnum);
margin-left:0px;
position:relative;
text-align:left;
margin-right: auto;
}
.elementor-widget-mobile-deal-slider-product .vc_deal_time{
white-space: nowrap;
overflow: hidden;
}
.vc_deal_time.product-date>div {
display: inline-block;
margin-left: 5px;
background-color: #FFF;
font-size: 11px;
line-height: 13px;
font-weight: 300;
direction:rtl;
}
.vc_deal_time.product-date>div:after{
content:':';
color:#555
}
.vc_deal_time.product-date>div:first-child:after{
content:unset
}
.vc_deal_time.product-date>div:first-child {
margin-left: 0;
}
.vc_deal_time.product-date>div span {
display: inline-block;
text-align: center;
color: #828282;
padding-left:5px;
}
.vc_deal_time.product-date>div span.text{
display:none
}
.vc_deal_time.product-date>div:last-child span {
color: var(--secondcolor);
}
.item-area .price_empty {
font-size: 12px;
padding-left: 5px;
}
.elm_logo{
min-height: auto;
display:block
}
.elm_logo a{
display: inline-flex;
}
.elm_logo img{
margin: auto;
max-height: unset;
}
.align_right{text-align:right}
.align_center{text-align:center}
.align_left{text-align:left}
form.elm_search{
width: 100%;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
margin: unset;
box-shadow: unset;
line-height: 38px;
padding: 0;
}
form.elm_search input{
width: calc(100% - 45px);
border-radius: inherit;
}
.elm_cart_s, .elm_cart_r, .elm_user_btn{
margin-left: inherit;
margin-top: inherit;
float: none;
display: inline-block;
line-height: normal;
height: auto;
}
.elm_cart_r>a{
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.elm_btn_c, .elm_user_btn{
display: block;
text-align: center;
line-height: 38px;
padding: 0 10px;
margin: 0;
background-color: #FFF;
color: #4a515f;
position: relative;
}
.elm_user_btn{
cursor: pointer;
}
.elm_user_btn:hover{
color:inherit
}
.elm_btn_c.auto_width, .elm_user_btn.el_is_text{
width:auto;
padding:0 12px;
line-height: 38px;
}
.elm_user_btn b{
font-weight:500
}
.elm_btn_c svg, .elm_user_btn svg{
vertical-align: middle;
margin-left: 10px;
}
.elm_btn_c.auto_width svgi, .elm_user_btn.el_is_text svg{
margin-left:7px
}
.elm_btn_c span, .elm_user_btn.el_is_text p{
display: inline-block;
vertical-align: middle;
font-family: var(--mainfontnum);
}
.elementor-widget-my-header-menu .mobile-nav-button {
margin-top: 0;
}
.elementor-widget-my-header-menu .mobile-nav-button a {
margin: 0;
}
.item .item-area .product-image-area, .blog-posts-content .post-image, .realtime_product .product-image{
background-image: url(assets/images/loading-oval.svg);
background-position: center;
background-repeat: no-repeat;
}
img.lazy {
opacity: 0;
}
img:not(.initial) {
transition: opacity 1s;
}
img.initial,
img.loaded,
img.exited,
img.error {
opacity: 1 !important;
}
img:not([src]) {
visibility: hidden;
}
.elm_txt_l + .prd_color_list{
top: 42px;
}
.page-shopping-cart .blog_body .button.compare {
background-color: transparent;
}
.sidebar_open .select2-container.select2-container--open{
z-index: 999999;
}
.mweb_calender {
margin: 2rem auto;
width: 100%;
padding: 1.5rem;
border-radius: 4px;
background: var(--maincolor);
font-size: 0;
}
.mweb_calender .day, .mweb_calender .week, .mweb_calender .month {
font-family: var(--mainfontnum);
cursor: pointer;
font-size: 1.4rem;
line-height: 3rem;
color: #fff;
text-align: center;
box-sizing: border-box;
display: inline-block;
width: 14.285%;
border: 1px solid;
border-color: rgba(255,255,255,0);
border-radius: 4px;
transition: 200ms ease-in-out;
}
.mweb_calender .week {
cursor: default;
color: #fff;
font-size: 1.2rem;
line-height: 1.6em;
padding: 15px 0;
}
.mweb_calender .month {
width: 100%;
}
.mweb_calender .day:hover {
border-color: rgba(255,255,255,.2);
background: rgba(255,255,255,.1);
}
.mweb_calender .not {
color: rgb(255 255 255 / 0.3)
}
.brands-list {
display: flex;
flex-wrap: wrap;
margin: 0 -15px -30px;
list-style: none;
}
.brands-list__col {
width: 50%;
padding: 0 15px 30px;
}
.brands-list__item {
display: block;
border: 1px solid #eeeeee;
transition: all, .3s;
}
.brands-list__item:hover {
border-color: #d5d5d5;
}
.brands-list__item:hover .brands-list__title {
background-color: #d5d5d5;
}
.brands-list__image {
display: block;
position: relative;
width: 100%;
height: 120px;
}
.brands-list__image img {
position: absolute;
transform: translate(-50%, -50%);
padding: 20px;
top: 50%;
left: 50%;
display: block;
max-height: 120px;
}
.brands-list__title {
background-color: #eeeeee;
color: #333333;
text-align: center;
font-size: 14px;
padding: 8px 15px;
transition: all, .3s;
}
.el_featured_rqs{
border-radius: 5px;
overflow: hidden;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 90px;
}
.el_featured_rqs.align_sq{
text-align: center;
}
.el_featured_rqs_inner{
padding: 0 20px 0px 20px;
color: #FFF;
display: flex;
flex-direction: column;
-webkit-justify-content: flex-end;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
bottom: 0;
width: 100%;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.el_featured_rqs_inner:hover{
opacity: 0.9;
}
.el_featured_rqs .count{
position: absolute;
background-color: #FFF;
left: 8px;
top: 8px;
width: 28px;
height: 28px;
border-radius: 50%;
color: #333;
text-align: center;
line-height: 31px;
font-family: var(--mainfontnum);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.el_featured_rqs h4{
position: relative;
font-weight: 500;
}
.el_featured_rqs.align_sq h4{
display: block;
margin: 0;
height: 30px;
}
.el_featured_rqs .el_anchor_text{
font-size: 10px;
background-color: rgb(0 0 0 / 15%);
color: inherit;
padding: 0 6px 0 10px;
position: relative;
border-radius: 22px;
line-height: 20px;
display: block;
opacity: 0;
visibility: hidden;
overflow: hidden;
height: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.el_featured_rqs .el_anchor_text svg{
font-size: 12px;
display: inline-block;
vertical-align: middle;
background-color: rgb(0 0 0 / 40%);
border-radius: 50%;
line-height: 12px;
width: 11px;
height: 11px;
text-align: center;
stroke: #fff;
margin-left: 7px;
}
.el_has_text:hover .el_anchor_text {
opacity: 1;
visibility: visible;
height: 20px;
margin-top: 5px;
}
.widget.yith-woocommerce-ajax-product-filter .widget_title {
border-radius: 5px 5px 0 0;
}
.xslider .swiper-slide{
overflow: inherit;
height: auto;
}
.xslider .swiper-slide .item .item-area{
margin-bottom: 0px;
height: 100%;
}
.elementor-widget-carousel-onsale-product .xslider .item .item-area{
margin-top:0px
}
.xslider, .swiper_vtabs{
display:none;
}
.swiper-initialized.swiper-slider, .swiper-initialized.swiper-slider, .xslider.swiper-initialized, .swiper_vtabs.swiper-initialized {
display: block;
}
.mweb-swiper-next, .mweb-swiper-prev{
font-size: 17px;
color: #797979;
background-color: #ffffff;
box-shadow: 0 0 8px -1px #0000001c;
width: 32px;
height: 32px;
line-height: 36px;
transition: all 0.2s;
cursor: pointer;
position: absolute;
z-index: 99999;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity:0;
visibility:hidden;
text-align: center;
border-radius: 50px;
direction: ltr;
display: flex;
justify-content: center;
align-items: center;
}
.swiper:hover .mweb-swiper-next:not(.swiper-button-disabled),.swiper:hover .mweb-swiper-prev:not(.swiper-button-disabled), .swiper-slider-arrows-fixed-yes .mweb-swiper-next, .swiper-slider-arrows-fixed-yes .mweb-swiper-prev, .nav_swiper-slider:hover .mweb-swiper-next:not(.swiper-button-disabled), .nav_swiper-slider:hover .mweb-swiper-prev:not(.swiper-button-disabled) {
opacity:1;
visibility:visible
}
.mweb-swiper-prev{
left: 15px;
}
.mweb-swiper-next{
right: 15px;
}
.mweb-swiper-next svg, .mweb-swiper-prev svg{
width: 15px;
height: auto;
stroke: #333;
}
.mweb-swiper-next:hover, .mweb-swiper-prev:hover{
background-color: var(--secondcolor);
color:#FFF
}
.mweb-swiper-next:hover svg, .mweb-swiper-prev:hover svg{
stroke:#FFF
}
.mweb-swiper-next.swiper-button-disabled,.mweb-swiper-prev.swiper-button-disabled,.swiper .mweb-swiper-next.swiper-button-disabled,.swiper .mweb-swiper-prev.swiper-button-disabled{
opacity:0;
visibility:hidden
}
.swiper-slider-nav-both .mweb-swiper-next, .swiper-slider-nav-both .mweb-swiper-prev{
top: calc(50% - 16px);
}
.mweb-swiper-pagination{
text-align: center;
padding-top: 10px;
}
.mweb-swiper-pagination .swiper-pagination-bullet{
vertical-align: middle;
background-color: #444;
width: 6px;
height: 4px;
border-radius:5px;
-webkit-border-radius:5px;
margin: 0 5px !important;
}
.mweb-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: var(--secondcolor);
width: 14px;
}
.elementor-widget-block-service-slider .swiper-slide-shadow-left , .elementor-widget-block-service-slider .swiper-slide-shadow-right{
display:none
}
.row-is-d-noflex-yes .block-content-inner.row{
display: block;
}
.row-is-d-noflex-yes .block-content-inner.row [class*='col-'] {
float: right;
}
.mweb-body .swiper-cube .swiper-cube-shadow:before {
background: #00000054;
}
.mweb-body .swiper-cards .swiper-slide{
overflow: inherit
}
.mweb-body .swiper-3d .swiper-slide-shadow, .mweb-body .swiper-3d .swiper-slide-shadow-bottom, .mweb-body .swiper-3d .swiper-slide-shadow-left, .mweb-body .swiper-3d .swiper-slide-shadow-right, .mweb-body .swiper-3d .swiper-slide-shadow-top {
top: 5px;
width: 100%;
height: calc(100% - 5px);
bottom: 5px;
border-radius: var(--borderradius)
}
.swiper-slide-shadow-creative{
display: none
}
.swiper .onsale-pagination{
display: flex;
position: absolute;
left: 25px !important;
top: 0;
bottom: 0 !important;
width: auto !important;
flex-wrap: wrap;
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: flex-end;
min-width: 110px;
}
.swiper .onsale-pagination .swiper-pagination-bullet{
width:auto;
height:auto;
flex: 0 0 auto;
border-radius: unset;
background: none;
opacity: unset;
display: block;
margin: 5px 5px !important;
}
.swiper .onsale-pagination .swiper-pagination-bullet .onsale_pp{
width: 38px;
height: 25px;
background-color: #f5f5f5;
color: #555;
font-size: 11px;
border-radius: 20px 0 0 20px;
margin-right: 35px;
display: block;
font-family: var(--mainfontnum);
text-align: center;
font-style: inherit;
line-height: 26px;
margin: 3px 0;
position: relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.swiper .onsale-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .onsale_pp{
background-color: var(--secondcolor);
-moz-transform: scale(1.3) translateX(10px);
-webkit-transform: scale(1.3) translateX(10px);
-o-transform: scale(1.3) translateX(10px);
-ms-transform: scale(1.3) translateX(10px);
transform: scale(1.3) translateX(10px);
color: #FFF;
}
.swiper .onsale-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .onsale_pp:after{
background-color: #555;
}
.swiper .onsale-pagination .swiper-pagination-bullet .onsale_pp:after{
content:'%';
height: 25px;
background-color: #cecece;
color: #fff;
font-size: 11px;
border-radius: 0 20px 20px 0;
padding: 0 6px 0 4px;
display: block;
font-family: var(--mainfontnum);
font-style: inherit;
line-height: 28px;
position: absolute;
right: -19px;
top: 0;
}
.swiper .onsale-pagination .swiper-pagination-bullet .onsale_pi{
width: 45px;
height: 45px;
border-radius: 50%;
display: block;
font-family: var(--mainfontnum);
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: 85%;
border: 1px dashed #e4e6eb;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.swiper .onsale-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .onsale_pi{
box-shadow: 0 0 30px -4px rgb(0 0 0 / 10%);
border: 1px dashed var(--secondcolor);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
margin-top: 5px;
margin-bottom: 5px;
}
.elementor-onsale-slider-nav-title .swiper .onsale-pagination{
box-shadow: 1.1rem 0 2rem -1rem rgb(0 0 0 / 5%);
padding-right:15px;
left: 15px !important;
}
.swiper .onsale-pagination .swiper-pagination-bullet .onsale_pt{
width: 250px;
height: 40px;
border-radius: 10px;
display: block;
font-family: var(--mainfontnum);
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #444;
line-height: 39px;
padding: 0 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-style: inherit;
font-size: 12px;
}
.swiper .onsale-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .onsale_pt{
border: solid 1px var(--secondcolor);
border-left-width:3px;
color:#171717;
font-weight:500
}
.item_slider_2 {
background-repeat: no-repeat;
background-position: center;
}
.item_slider_2 .link_hide{
display: block;
width: 100%;
height: 100%;
}
.item_slider_2 .item-area{
display: block;
padding: 0;
overflow: hidden;
box-shadow: unset;
}
.item_slider_2 .item-area span{
display: block;
padding: 10px 15px;
font-weight: 500;
font-size: 12px;
}
.mweb-block-wrap .swiper-cube .swiper-cube-shadow{
opacity:0.35
}
.el_expert{
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
overflow: hidden;
background-color: #FFF;
padding: 15px;
text-align: center;
box-shadow: 0 1px 7px -3px rgb(0 0 0 / 10%);
}
.el_expert .el_expert_photo{
width: 140px;
height: 140px;
padding: 2px;
margin: 15px auto;
overflow: hidden;
border-radius: 40px;
}
.el_expert .el_expert_photo img{
border-radius: 40px;
width: 100%;
height: 100%;
border: 3px solid #FFF;
}
.expert-photo-is_cr .el_expert .el_expert_photo, .expert-photo-is_cr .el_expert .el_expert_photo img{
border-radius: 50%;
}
.el_expert h4{
font-size: 13px;
font-weight: 500;
color: #333;
}
.el_expert .el_expert_pos{}
.el_expert .el_expert_phone{
padding: 8px 0;
font-family: var(--mainfontnum);
font-size: 12px;
}
.el_expert .el_expert_phone strong{
background-color: var(--secondcolor);
padding: 0 5px;
margin-right: 3px;
border-radius: 5px;
color: #FFF;
}
.el_expert_contact{
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 15px;
}
.el_expert_contact a{font-size: 25px;display: block !important;position: relative;padding: 0 25px;}
.el_expert_contact a:nth-child(2):before{
content:'';
width:1px;
height:25px;
background-color: #dcdde1;
position:absolute;
right:0;
top: 5px;
}
.el_expert_contact svg{
width: 25px;
height: auto;
stroke: #555;
fill: #555
}
.el_expert_contact a.el_ex_telegram:hover svg{
fill:#1098e7
}
.el_expert_contact a.el_ex_whatsapp:hover svg{
fill:#0fc837
}
.bk_category_list{
}
.sub_cat_title{
position: absolute;
right: 0;
top: 0;
bottom: 12px;
width: 35px;
background-color: var(--maincolor);
color: white;
border-radius: var(--borderradius);
font-size: 11px;
font-weight: 500;
-webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 3%);
box-shadow: 0 1px 4px 0 rgb(0 0 0 / 3%);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
align-content: stretch;
justify-content: center;
}
.sub_cat_title:before{
content:attr(data-title);
display: block;
white-space: nowrap;
position: relative;
top: -30px;
-moz-transform: rotate(-90deg) translateX(-50%);
-webkit-transform: rotate(-90deg) translateX(-50%);
-o-transform: rotate(-90deg) translateX(-50%);
-ms-transform: rotate(-90deg) translateX(-50%);
transform: rotate(-90deg) translateX(-50%);
}
.bk_category_list.cat_has_title{
padding-right: 49px;
}
.bk_category_list.is_dynamic{
padding-right: 49px;
position: relative;
margin-top: 12px;
margin-bottom: -8px;
}
.bk_category_list.is_dynamic.is_down{
margin-top: -4px;
margin-bottom: 4px;
}
.bk_category_inner{
display: flex;
margin-right: -7px;
margin-left: -7px;
flex-wrap: wrap;
}
.bk_category_list .bk_cat_item{
position: relative;
border-radius: var(--borderradius);
width: calc((100% - 126px)/9);
cursor: pointer;
margin: 0 7px 12px 7px;
min-height: 85px;
}
.is_down.bk_category_list .bk_cat_item{ width: calc((100% - 98px)/7);}
.bk_category_list .bk_cat_item.bk_cat_more span{
display:block;
background-color: var(--maincolor);
width: 32px;
height: 32px;
border-radius: 50%;
color: #fefefe;
text-align: center;
line-height: 34px;
font-family: var(--mainfontnum);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
margin-bottom: 5px;
}
.bk_category_list .bk_cat_item.bk_cat_more{
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.bk_category_list .bk_cat_item.bk_cat_more span, .bk_category_list .bk_cat_item.bk_cat_more strong{
position: relative;
z-index: 9
}
.bk_category_list .is_hidden, .is_hidden{
display:none !important
}
.bk_category_inner.cat_box_grid {
display: grid;
}
.bk_category_inner.cat_box_grid .bk_cat_item{
width: auto;
background: transparent;
box-shadow: none;
border-radius: inherit;
}
.rollbar-path-vertical, .rollbar-path-horizontal {
position: absolute;
background-color: #eee;
background-color: rgba(220,220,220,0.5);
z-index: 100;
}
.rollbar-path-horizontal {
bottom: 5px;
right: 0;
width: 100%;
height: 4px;
position: absolute;
}
.rollbar-path-vertical {
position: absolute;
left: 0px;
top: 0;
height: 100%;
width: 3px;
}
.rollbar-path-vertical {
}
.rollbar-path-horizontal {
}
.rollbar-handle{
position: relative;
top: 0;
left: 0;
background-color: #a1a1a1;
}
.rollbar-handle {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.rollbar-path-vertical .rollbar-handle {
height: 20%;
width: 100%;
}
.rollbar-path-horizontal .rollbar-handle {
width: 20%;
height: 100%;
}
.rollbar-path-vertical,
.rollbar-path-horizontal,
.rollbar-handle {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.single-post .related-wrap, .single-post .comments-wrapper, .single-post .comment-respond{
margin-top:10px
}
.ajax_search_list{
margin-bottom: 15px;
position: relative;
}
.ajax_search_list.vertical_scroll_css{
padding-left:10px
}
.ajax_search_list.vertical_scroll_css .post_with_thumb{
width:100%;
margin-left: 0;
}
.ajax_search_list .post_with_thumb .price{
font-size: 11px;
position: relative;
margin-top: 5px;
display: block;
}
.ajax_search_list .post_with_thumb .inner a{
font-weight:500
}
.ajax_search_list .rollbar-content{
white-space: nowrap;
float:right;
}
.ajax_search_list .post_with_thumb {
float: none;
margin-bottom: 10px;
display: inline-block;
vertical-align: middle;
width: 240px;
border: 1px dashed #dfe1e4;
margin-left: 5px;
padding: 5px;
border-radius: 7px;
transition: all 0.3s
}
.ajax_search_list .post_with_thumb:hover{
border: 1px dashed var(--secondcolor);
}
.ajax_search_list .post_with_thumb .inner{
white-space: initial;
}
.search_in_taxonomy{
margin-block: 10px;
line-height: 27px;
}
.search_in_taxonomy span{
display:inline-block;
margin-bottom: 10px;
font-weight: 500;
}
.search_in_taxonomy_inner{
display: inline-block;
margin-right: 10px;
line-height: 24px;
}
.search_in_taxonomy_inner a{
background-color: #ffebe9;
padding: 0 10px;
border-radius: 5px;
display: inline-block;
margin-left: 8px;
}
.search_in_taxonomy_inner a.elm_s_ajax{
margin-bottom: 6px;
padding: 0 10px;
background-color: whitesmoke;
}
.search_in_taxonomy_inner a:hover{
background-color: #e4e4e4;
color:#333
}
.quick_view_wrap{
position: fixed;
visibility: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1400;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background: rgba(135, 135, 135, 0.5)
}
.quick_view_wrap.is_active{
opacity: 1;
visibility: visible;
}
.quick_view_inner{
background-color: #FFF;
display: block;
position: relative;
width: 80%;
min-height: 400px;
max-height: 500px;
margin: 50px auto;
border-radius: 7px;
box-shadow: 0 0 15px -7px rgb(0 0 0 / 10%);
padding: 20px 20px;
overflow:hidden
}
.quick_view_inner .close_quickview{
position: absolute;
top: 0;
left: 0;
color: #FFF;
background-color: #686873;
border-radius: 7px 0 18px 0;
display: block;
width: 26px;
height: 26px;
font-size: 16px;
text-align: center;
line-height: 27px;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.quick_view_inner .close_quickview:hover{
background-color: var(--maincolor);
}
.quick_view_inner .single_product_head {
padding: unset;
background-color: unset;
border-bottom: 1px dashed #ececec;
padding-bottom: 10px;
margin-bottom: 15px;
}
.quickview_summary{
position: relative;
overflow: hidden;
height: 360px;
}
.quickview_summary .rollbar-content{padding-left: 15px;}
.block-wrap.related{
margin-top:5px;
}
.block-wrap.bk_recently_viewed{
margin-top: 15px;
}
.m_add_to_cart_sticky{
position: fixed;
right: 10px;
bottom: 10px;
left: 10px;
z-index: 10;
height: 50px;
line-height: 50px;
border-radius: 10px;
background-color: var(--maincolor);
color: #FFF;
padding: 0 15px;
display: flex;
box-shadow: 0px -5px 5px -4px rgb(0 0 0 / 10%);
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
.m_add_to_cart_sticky.outofstock{
filter: grayscale(100%);
}
.m_add_to_cart_sticky svg{
width: 24px;
vertical-align: middle;
margin-left: 13px;
stroke: white
}
.m_add_to_cart_sticky>span{
font-size: 12px;
font-weight: 500;
}
.m_add_to_cart_sticky .price{
color: #FFF;
line-height: 27px;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
display: flex;
}
.m_add_to_cart_sticky .price i{
margin:0 5px
}
.m_add_to_cart_sticky .price:before{
content:'';
width:1px;
height: 22px;
background-color: rgb(255 255 255 / 35%);
display: inline-block;
vertical-align: middle;
position: relative;
right: -25px;
}
.m_add_to_cart_sticky .price .woocommerce-Price-currencySymbol{font-weight: normal;font-size: 9px;}
.m_add_to_cart_sticky .price .pvr_p .amount + .amount, .m_add_to_cart_sticky .price ins{
margin-right: 5px;
}
.accessories .item .general_mobile{
width: auto;
}
.dynamic_price_chart{
min-height: 100px;
position: relative;
overflow: hidden;
}
.empty_chart{
right: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-evenly;
align-items: center;
}
.empty_chart svg{
width: 29px;
stroke: #d4d4d4;
margin-bottom: 10px;
}
.empty_chart p{
color: #a7a7a7;
}
.null_price{}
.null_price:before{
content:'';
width:70px;
height:1px;
background-color:#eff1f5;
display:inline-block;
vertical-align:middle
}
.el_call_number{
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-end;
}
.elementor-phone-number--view-two .el_call_number, .elementor-phone-number--view-three .el_call_number{
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
}
.el_call_number svg{
width: 22px;
margin-right: 10px;
stroke: var(--maincolor);
}
.elementor-phone-number--view-three .el_call_number svg{
margin-right: 0px;
}
.el_call_number .icon_wrap{
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
flex-shrink: 0;
}
.call_number{
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: nowrap;
font-family: var(--mainfontnum);
justify-content: flex-end;
}
.call_number span{
font-size: 13px;
margin-right: 3px;
}
.call_number strong{
font-size: 14px;
}
.call_number_alt{
color: #91969f;
}
.el_product_brand{}
.el_product_brand a{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.elementor-product-brand-v--yes .el_product_brand a{
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
}
.el_product_brand span{
font-size: 12px;
font-weight: 500;
}
.namad_slider img{
display:block;
margin:0 auto;
width: auto;
}
.elementor-widget-my-footer-gototop .gototop{
display:inline-block;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.elementor-widget-my-footer-gototop .gototop:hover{
background-color:var(--maincolor);
color:#FFF
}
.elementor-widget-my-footer-gototop .gototop span{
display: inline-block;
padding: 0 10px;
vertical-align: middle;
margin-left: 2px;
font-size: 11px;
border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.gototop.elm_gtp1{
margin: auto;
float: none;
display: inline-block;
direction: ltr;
}
.gototop.elm_gtp1 svg{
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
.gototop.elm_gtp2{
width: 45px;
height: 45px;
margin: auto;
float: none;
display: inline-block;
line-height: 45px;
font-size: 22px;
}
.gototop.elm_gtp2 svg{
float: none;
margin: 0 auto;
line-height: inherit;
}
.elementor-product-star-rating-vertical-yes .woocommerce-product-rating{
flex-direction: column;
}
.single-product.elementor-default .woocommerce-notices-wrapper>div{
margin: 10px auto;
max-width: 1180px;
}
.elementor-widget-my-header-menu .mweb-main-menu:after, .elementor-widget-my-header-menu .mweb-main-menu:before{
content: '';
display: block;
clear: both;
}
.elementor-widget-my-header-menu .mobile-nav-button{
float:none;
}
.swiper-cube .swiper-cube-shadow{
opacity: .2 !important;
}
.elementor-widget-my-footer-contact .contact_us_wrap.type_3{
box-shadow:none;
}
.elementor-widget-my-footer-contact .type_3 .contact_item i {
border-radius: 0;
margin-left: 12px;
box-shadow: -5px 0px 8px -8px rgb(0 0 0 / 48%);
}
.elementor-widget-my-footer-contact .contact_us_wrap {
min-height: unset;
}
#product_guide_wrap{
width: 850px;
max-width: 90%;
}
.product_guide{
display: block;
font-size: 11px;
font-weight: 500;
margin-bottom: 10px;
color: #555;
}
.product_guide.elm_product_guide{
margin-bottom: 0px;
}
.product_guide svg{
vertical-align:middle;
width: 20px;
margin-left: 7px;
stroke: var(--maincolor);
}
.gallery-item {
display: inline-block;
text-align: right;
vertical-align: top;
margin: 0 0 1.5em;
padding: 0 0 0 1em;
width: 50%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
}
.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.2s ease-in;
transition: -webkit-filter 0.2s ease-in;
transition: filter 0.2s ease-in;
transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}
.gallery-caption {
display: block;
text-align: right;
padding: 0 0 0 10px;
margin-bottom: 0;
}
.woocommerce-cart table.cart td.product-subtotal{
position: relative;
}
.add_buy_later{
position: absolute;
display: block;
font-size: 11px;
font-weight: 500;
color: #818181;
white-space: nowrap;
line-height: 18px;
cursor: pointer;
background-color: #f9f9f9;
padding: 3px 10px;
bottom: 0;
left: 0;
}
@-webkit-keyframes flash {
0% { opacity: 1; }
50% { opacity: .1; }
100% { opacity: 1; }
}
@keyframes flash {
0% { opacity: 1; }
50% { opacity: .1; }
100% { opacity: 1; }
}
.buy_later.is_active, .buy_later_redirect.is_active{
-webkit-animation: flash linear 1s infinite;
animation: flash linear 1s infinite;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.buy_later.has_error{
color: #f44336;
-webkit-animation: shake 0.5s;
animation: shake 0.5s;
animation-iteration-count: infinite;
}
#buy_later_wrap{
margin: 0;
padding: 15px;
position: relative;
}
.buy_later_desc{
display: block;
padding: 10px 0 15px 0;
margin-bottom: 15px;
border-bottom: 1px solid #eff1f5;
color: #818085;}
.buy_later_desc>svg{
width: 20px;vertical-align: middle;margin-left: 12px;stroke: var(--maincolor);}
.is_blur_2{
filter: blur(2px);
}
.buy_later_redirect{
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 11px;
color: #6e6e6e;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #f9f9f9;
padding: 2px 8px;
margin: 1px 3px 0 0;
font-weight: 500;
-webkit-transition: all .2s ease 0s;
transition: all .2s ease 0s;
}
.buy_later_redirect svg {
display: inline-block;
vertical-align: middle;
margin-left: 4px;
}
.buy_later_redirect:hover {
color: #444;
background-color: #d5d8dc;
}
.remove_buy_later{
position: absolute;
top: 10px;
left: 10px;
background-color: #fae6d7;
padding: 0 10px;
border-radius: 5px;
font-size: 11px;
font-weight: 500;
line-height: 19px;
color: #555;
cursor: pointer;
}
ul.cart_tabs{
margin-bottom: 12px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
position: relative;
}
ul.cart_tabs:before{
content:'';
position: absolute;
right:0;
left:0;
top: 16px;
height: 1px;
width: 100%;
background-color: hsl(221deg 18% 18% / 13%);
z-index: 0;
}
ul.cart_tabs li{
display: inline-block;
background-color: #d5d8dc;
padding: 5px 15px;
font-weight: 500;
font-size: 12px;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
position: relative;
cursor: pointer;
-webkit-transition: all .2s ease 0s;
transition: all .2s ease 0s;
}
ul.cart_tabs li.is_active{
background-color: var(--maincolor);
color:#FFF
}
ul.cart_tabs li div{
background-color: #FFF;
color: #333;
width: 19px;
height: 19px;
line-height: 23px;
display: inline-block;
border-radius: var(--borderradius);
font-family: var(--mainfontnum);
text-align: center;
margin-right: 10px;
font-weight: normal;
font-size: 10px;
}
.cart_tabs_content{
}
.empty_buy_later{
text-align: center;
padding: 15px 0;
}
.empty_buy_later svg{
width: 35px;
display: block;
margin: auto;
margin-bottom: 20px;
opacity: 0.2
}
.empty_buy_later p{
padding-top:5px
}
.btn_report_product{
font-size: 11px;
margin-top: 17px;
display: block;
color: #555;
}
.elementor-widget-container .btn_report_product{
margin-top: 0px;
}
.btn_report_product svg{
width: 20px;
display: inline-block;
vertical-align: middle;
margin-left: 7px;
stroke: #FF9800;
}
.scroll_wc_tab .woocommerce-Tabs-panel{
display: block !important;
margin: 0px auto !important;
}
.scroll_wc_tab .woocommerce-Tabs-panel:first-child{
}
.scroll_wc_tab .woocommerce-Tabs-panel:last-child{border-bottom: unset !important;}
.variations th {
font-weight: 500;
}
.variations th, .variations td {
padding-bottom: 10px;
}
.tm-epo-element-label h3{
font-size: 12px;
}
.tm-epo-required {
color: #f44336;
vertical-align: middle;
margin-left: 6px;
display: inline-block;
}
.tmcp-field-wrap input[type=text], .tmcp-field-wrap textarea {
border-radius: 5px;
padding: 7px 20px;
}
.mweb-body .mfp-counter{
background-color: #333;
padding: 10px 12px 0px;
border-radius: 0 0 5px 5px;
margin-top: -9px;
}
.single-product img.mfp-img{
position: relative;
z-index:1
}
.bkt_tools{
float: left;
width: 30px;
height: 30px;
text-align: center;
line-height: 31px;
background-color: #FFF;
font-size: 18px;
border-radius: var(--borderradius);
position: relative;
-webkit-transition: all .2s ease 0s;
transition: all .2s ease 0s;
margin-right: 10px;
margin-top: 4px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 0px 8px -2px #00000026;
}
.bkt_tools svg{
max-width: 19px;
}
.bkt_tools:hover{
background-color: var(--maincolor)
}
.elm_exp_excel svg{
stroke: #08ba2b
}
.elm_exp_excel:hover{
background-color: #08ba2b
}
.bkt_tools:hover svg{
stroke: white;
}
.block-title.elm_bt_title {
margin-bottom: 1px;
padding: 8px 20px 8px 15px;
border-radius: var(--borderradius) var(--borderradius) 0 0;
box-shadow: 0px 0px 0px 1px #eeeff1;
min-height: 54px;
}
.block-title.elm_bt_title:before, .elm_bthas_title:before{
display: none
}
.block-title.elm_bt_title .title{
background-color: unset
}
.elm_bthas_title{
border-radius: 0 0 var(--borderradius) var(--borderradius) !important;
}
.elm_bthas_title thead{
background-color: #f2f5fa75
}
.product_list_table.elm_bthas_title thead th{
padding: 12px 16px;
}
.elementor-widget-block-category .bk_category_list.is_dynamic{
margin: 0
}
.elementor-widget-block-category .bk_category_inner.horizontal_scroll_css{
flex-wrap: nowrap;
}
.elementor-widget-block-category .bk_category_list .bk_category_inner.horizontal_scroll_css .bk_cat_item {
display: inline-flex;
display: inline-flex;
display: inline-flex;
min-width: 112px;
}
.elementor-widget-product-table-tabs .block-title{
margin-top: 15px;
}
.elementor-widget-product-table-tabs .block-title.has_tools{
}
.elementor-widget-product-table-tabs .block-title:before{
display:none
}
.elementor-widget-product-table-tabs ul.tab_box li a{
display: flex;
justify-content: center;
align-items: center;
}
.elementor-widget-product-table-tabs ul.tab_box li a img, .elementor-widget-product-table-tabs ul.tab_box li a svg {
display: block;
margin: auto;
height: auto;
width: auto;
}
.marquee_wrap{
overflow: hidden;
position: relative;
}
.marquee_wrap:before{
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9923319669664741) 30%, rgba(255,255,255,0.9531162806919643) 53%, rgba(255,255,255,0) 100%);
z-index: 2;
}
.marquee_wrap:after{
content: '';
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 15%;
background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9923319669664741) 30%, rgba(255,255,255,0.9531162806919643) 53%, rgba(255,255,255,0) 100%);
z-index: 2;
}
.marquee_wrap .mr-swiper{
margin: 15px 0;
}
.marquee_wrap .swiper-slide {
overflow: inherit
}
.marquee_item{
width: 80px;
height: 80px;
display:flex;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
overflow: hidden
}
.marquee_item:hover {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
cursor: pointer;
}
.elementor-editor-active.open_cart_sidebar .cart_sidebar, .elementor-editor-active.sidebar_open .mweb-site-mask {
display: none !important
}
.elementor-widget-mweb-blog-breadcrumbs .breadcrumb-arrow{
margin: 0;
padding: 0;
background-color: transparent;
box-shadow: none;
border-radius: 0;
height: auto;
line-height: normal;
}
.entry-title svg{
display: inline-block;
margin-left: 15px;
vertical-align: middle
}
.elm_blog_tools{
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
}
.elementor-tools-alignLeft-yes .elm_blog_tools{
justify-content: space-between;
flex-direction: row-reverse;
}
.elm_blog_tools svg{
margin-left: 10px;
width: 22px;
transition: all 0.3s;
vertical-align: middle;
}
.btn_add2wishlist.loading svg{
-webkit-animation-name: fa-bounce;
animation-name: fa-bounce;
-webkit-animation-delay: var(--fa-animation-delay,0s);
animation-delay: var(--fa-animation-delay,0s);
-webkit-animation-direction: var(--fa-animation-direction,normal);
animation-direction: var(--fa-animation-direction,normal);
-webkit-animation-duration: var(--fa-animation-duration,1s);
animation-duration: var(--fa-animation-duration,1s);
-webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
animation-iteration-count: var(--fa-animation-iteration-count,infinite);
-webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));
animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))
}
.btn_like.loading svg{
-webkit-animation-name: fa-beat-fade;
animation-name: fa-beat-fade;
-webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
animation-iteration-count: var(--fa-animation-iteration-count,infinite);
-webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
-webkit-animation-delay: var(--fa-animation-delay,0s);
animation-delay: var(--fa-animation-delay,0s);
-webkit-animation-direction: var(--fa-animation-direction,normal);
animation-direction: var(--fa-animation-direction,normal);
-webkit-animation-duration: var(--fa-animation-duration,1s);
animation-duration: var(--fa-animation-duration,1s);
}
.elm_blog_tools .btn_copy{
position: static;
white-space: nowrap;
display: inline-flex;
align-items: center;
flex-direction: row;
}
.elementor-tools-alignLeft-yes .elm_blog_tools .btn_copy{flex-direction: row-reverse;margin-right: 15px;}
.elementor-tools-alignLeft-yes .elm_blog_tools svg{ margin: 0 10px 0 0 !important}
.elm_blog_tools input{
padding: 0;
border: none;
line-height: inherit;
background: none;
font-size: 90%;
border-radius: 0
}
.elm_blog_tools .count{
font-family: var(--mainfontnum);
margin-right: 5px;
vertical-align: middle;
}
.elm_blog_tools .fontsize_change{
font-family: var(--mainfontnum);
display: inline-flex;
vertical-align: middle;
margin-right: 10px;
align-items: center;
}
.elementor-tools-alignLeft-yes .elm_blog_tools .fontsize_change{
margin-right: 0px;
}
.elm_blog_tools .fontsize_change svg{
margin: 0 10px !important;
min-width: 14px !important;
cursor: pointer;
width: 16px !important;
height: auto;
display: block;
}
.elm_blog_tools .fontsize_change i.increase{
margin-right: 0 !important;
}
.elm_blog_tools .fontsize_change b{
font-weight: inherit
}
.btn_share ul li{
display: inline-block;
margin-right: 10px
}
.elementor-tools-alignLeft-yes .btn_share ul li{
display: inline-block;
margin-left: 10px;
margin-right: 0;
vertical-align: middle;
}
.btn_share ul li a{
display: block
}
.elm_blog_tools.btn_share.no_modal{
justify-content: space-between;
}
.deal_slider_v {
height: 340px;
padding-bottom: 14px !important;
}
.deal_slider_v:before{
content: '';
display: block;
height: 7px;
position: absolute;
background-color: #ee273a;
bottom: 0;
right: 50px;
left: 50px;
border-radius: 0 0 10px 10px;
}
.deal_slider_v:after{
content: '';
display: block;
height: 7px;
position: absolute;
background-color: #ee273a;
bottom: 7px;
right: 25px;
left: 25px;
border-radius: 0 0 10px 10px;
box-shadow: inset 0 10px 0px #00000042;
}
.deal_slider_v .swiper-slide{
visibility: hidden;
opacity: 0
}
.deal_slider_v .swiper-slide-active{
visibility: visible;
opacity: 1
}
.deal_new {
display: flex;
height: 100%;
}
.deal_new .item-area{
background-color: #ee273a;
padding: 20px;
margin-bottom: 0;
}
.deal_new .item-area *:not(i):not(.product-label){
color: #FFF !important;
}
.deal_new .product-name a{
font-size: 14px
}
.deal_new .item-area .product-image-area{
min-width: auto;
background-color: transparent;
display: flex;
flex: 1 0 40%;
max-width: 40%;
align-items: center;
padding-left: 20px;
flex-wrap: wrap;
position: static;
}
.deal_new .item-area .product-image{align-self: end;border-radius: 10px;overflow: hidden;}
.deal_new .item-area .product-image-area .product-label{
clip-path: polygon(100% 0, 100% 100%, 50% 85%, 0 100%, 0 0);
border-radius: 0;
transform: unset;
height: 46px;
line-height: 43px;
top: 0;
right: 19px;
font-size: 14px;
}
.deal_new .product-detail-area{
width: 60%;
}
.deal_new .deal_title{
font-size: 15px;
letter-spacing: 1px;
margin: 25px 0 0 0;
padding: 5px 0;
display: block;
width: 100%;
text-align: center;
align-self: end;
position: relative;
}
.deal_new .deal_title:before{
content: '';
background-color: #00000024;
height: 11px;
position:absolute;
z-index: -1;
right: 20%;
left: 20%;
top: 16px;
}
.deal_new .woocommerce-product-details__short-description{
max-height: 86px;
overflow: hidden;
padding: 0;
margin-bottom: 15px;
}
.deal_new .woocommerce-product-details__short-description ul li:before{
background-color: white
}
.deal_new .flex_row{
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.deal_new .flex_row .price{
font-size: 16px;
}
.deal_new .flex_row .price del:after {
background-color: rgb(0 0 0 / 50%);
}
.deal_new .flex_row .btn_p_link{
background-color: #FFF;
text-align: center;
font-size: 21px;
color: #333 !important;
width: 47px;
height: 47px;
line-height: 53px;
}
.deal_new .flex_row .btn_p_link:hover{
background-color: #00000024;
}
.deal_new .flex_row .btn_p_link svg{
width: 26px;
vertical-align: middle;
margin-top: -3px
}
.deal_new .flex_row .btn_p_link:hover svg{
stroke: #FFF !important;
}
.deal_new .product-date{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-top: 15px;
}
.deal_new .product-date>div{
font-family: var(--mainfontnum);
font-size: 13px;
border: 1px solid rgb(0 0 0 / 29%);
text-align: center;
min-width: 70px
}
.deal_new .product-date .text{
font-size: 10px;
margin-right: 7px
}
.deal_new .deal-progress .progress{
background-color: rgb(0 0 0 / 20%);
}
.deal_new .deal-progress .progress .progress-bar{
background-color: white;
}
.cr_progress {
display: flex;
align-items: center;
flex-direction: row;
margin-bottom: 5px;
font-family: var(--mainfontnum);
}
.cr_progress .crp_percent {
position: relative;
display: flex;
}
.cr_progress svg {
position: relative;
width: 50px;
height: 50px;
transform: rotate(-90deg);
}
.cr_progress svg circle {
width: 100%;
height: 100%;
fill: none;
stroke: #f0f0f0;
stroke-width: 2;
stroke-linecap: round;
}
.cr_progress svg circle:last-of-type {
stroke-dasharray: 125px;
stroke-dashoffset: calc(125px - (125px * var(--percent)) / 100);
stroke: var(--maincolor);
}
.cr_progress .crp_number {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.cr_progress .crp_number p {
font-size: 11px;
}
.cr_progress .crp_number p span {
font-size: 11px;
}
.cr_progress .crp_number p span:before{
content: '/';
opacity: 0.5;
margin: 0 1px;
}
.cr_progress .crp_label {
margin: 0 15px 0 0;
font-weight: 500;
}
.cr_progress .crp_label span{
display: block;
font-weight: normal;
color: #888;
font-size: 11px;
}
.elementor-header-btn-align-vertical-yes .elm_btn_c, .elementor-header-btn-align-vertical-yes .elm_user_btn {
text-align: center
}
.elementor-header-btn-align-vertical-yes .elm_btn_c>svg, .elementor-header-btn-align-vertical-yes .elm_user_btn>svg{
display: block;
margin-right: auto !important;
margin-left: auto !important;
}
.pace {
pointer-events: none;
user-select: none;
z-index: 99999999999999;
position: fixed;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 400px;
border: 0px;
height: 1px;
overflow: hidden;
background: rgba(255, 255, 255, 0.05);
transition: all 1s;
}
.pace .pace-progress {
transform: translate3d(0, 0, 0);
max-width: 300px;
position: fixed;
z-index: 99999999999999;
display: block;
position: absolute;
top: 0;
right: 100%;
height: 100%;
width: 100%;
background: var(--maincolor);
}
.pace.pace-inactive {
width: 100vw;
opacity: 0;
}
.pace.pace-inactive .pace-progress {
max-width: 100vw;
}
#preloader {
width: 100%;
height: 100vh;
overflow: hidden;
position: fixed;
z-index: 9999999;
}
#preloader:after,
#preloader:before {
content: "";
position: fixed;
left: 0;
height: 50%;
width: 100%;
background: #fff;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
#preloader:before {
top: 0;
}
#preloader:after {
bottom: 0;
}
#preloader.isdone {
visibility: hidden;
transition-delay: 1.5s;
}
#preloader.isdone:after,
#preloader.isdone:before {
height: 0;
transition: all 0.7s cubic-bezier(1, 0, 0.55, 1);
transition-delay: 1s;
}
#preloader .loading-text {
font-weight: 300;
text-transform: uppercase;
letter-spacing: 10px;
position: absolute;
top: calc(50% - 30px);
left: 50%;
transform: translate(-50%, -50%);
color: var(--maincolor);
font-family: "Teko", sans-serif;
z-index: 9999;
}
#preloader .loading-text.isdone {
top: 50%;
opacity: 0;
transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
transition-delay: 0.5s;
}
.elm_product_tabs_v .item .item-area, .mb-0{
margin-bottom: 0;
}
.jewel_price_details {
margin: 10px 0;
font-size: 12px;
font-family: var(--mainfontnum);
line-height: 22px;
color: #888;
}
.current_gold_rate {
font-size: 12px;
font-family: var(--mainfontnum);
display: inline-block;
}
.current_gold_rate b{
font-weight: 500;
}
.current_gold_rate span{
opacity: 0.8;
font-size: 90%
}
.elementor-widget-container .current_gold_rate {
font-size: inherit;
}
.off-canvas-wrap{
text-align: right
}
.model_user{
max-width: 380px;
padding: 40px 25px 0 25px;
}
.account_action .message{
padding: 15px;
margin-top: 10px;
border: 1px solid #e0e0e0;
border-radius: 7px;
font-size: 12px;
}
.account_action .message span{
display: block;
text-align: left;
margin-top: 8px;
color: var(--maincolor);
}
#zuck-modal .info{
font-family: var(--mainfontnum)
}
a.tip.link {
background-color: #FFF !important;
padding: 7px 18px !important;
color: #555 !important;
font-size: 12px !important;
border-radius: 7px !important;
box-shadow: 0 0 9px -5px #00000036;
}
.stories.snapgram .story > .item-link {
text-decoration: none;
color: #333;
}
.stories.snapgram .story > .item-link > .item-preview {
border-radius: 50%;
padding: 2px;
background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%);
}
.stories.snapgram .story > .item-link > .item-preview img {
border-radius: 50%;
border: 4px solid #fff;
}
.stories.snapgram .story.seen {
opacity: 0.75;
}
.stories.snapgram .story.seen > a > .item-preview {
background: rgb(0 0 0 / 23%);
}
.stories.snapgram .story.seen > a {
color: #999 !important;
}
.elm_c_wrap {
position: fixed;
left: 25px;
bottom: 20px;
z-index: 999;
}
.body_ismobile .elm_c_wrap.elm_c_top{
left: 12px;
bottom: 90px;
}
.body_ismobile.woocommerce-account .elm_c_wrap.elm_c_top{
left: 12px;
bottom: 15px;
display: none;
}
@keyframes jump-shaking {
0% { transform: translateX(0) }
25% { transform: translateY(-9px) }
35% { transform: translateY(-9px) rotate(17deg) }
55% { transform: translateY(-9px) rotate(-17deg) }
65% { transform: translateY(-9px) rotate(17deg) }
75% { transform: translateY(-9px) rotate(-17deg) }
100% { transform: translateY(0) rotate(0) }
}
.elm_c_btn.is_main {
opacity: 1;
margin: 0;
cursor: pointer;
display: flex;
animation: jump-shaking 3s infinite;
}
.elm_c_btn.is_main:hover, .elm_c_btn.is_main.is_active{
animation: unset;
}
.elm_c_btn.is_main:before, .elm_c_btn.is_main:after{
content:'';
width: 60px;
height: 60px;
background-color: inherit;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
-webkit-transition: all .4s ease;
transition: all .4s ease;
opacity: 0;
visibility:hidden
}
.elm_c_btn.is_main:hover{
box-shadow: none;
}
.elm_c_btn.is_main:hover:before{
opacity: 0.2;
visibility:visible;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.elm_c_btn.is_main:hover:after{
opacity: 0.1;
visibility:visible;
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
.elm_c_btn.is_main .close, .elm_c_btn.is_main.is_active .open{
display: none
}
.elm_c_btn.is_main.is_active .close{
display: block;
}
.elm_c_btn {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
background-color: var(--maincolor);
color: white;
border-radius: 50%;
margin-top: 7px;
box-shadow: 6px 7px 28px -12px rgba(16, 16, 16, 0.3);
display: none
}
.elm_c_btn:hover:not(.is_main){
transform: scale(0.9)
}
.elm_c_btn svg {
fill: white;
stroke: #FFF;
width: 26px;
height: 26px;
margin: auto;
display: block;
margin-top: 16px;
vertical-align: middle;
}
.elm_c_btn img {
max-width: 26px;
height: auto;
}
.btn_c_telegram{
background-color: #2bbafd
}
.btn_c_sms{
background-color: #FF9800
}
.btn_c_whatsapp{
background-color: #02df73
}
.btn_c_call{
background-color: #4caf50
}
.btn_c_instagram{
background-color: #c434ae
}
.btn_c_eitaa{
background-color: #ed813e
}
.btn_c_bale{
background-color: #19c99d
}
.btn_c_soroush{
background-color: #226fe1
}
.btn_c_rubika{
background-color: #a9b6b3
}
.btn_c_goftino{
background-color: #F44336
}
.elm_c_list {
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
max-width: 75px;
bottom: 70px;
}
.blog_product{
max-width: 240px;
}
.ticket_status{
margin-bottom: 25px
}
.tickets_head {
display: flex;
align-items: center;
flex-direction: row;
}
.create_ticket_btn, .back_ticket_btn, .continue_ticket_btn {
display: inline-block;
text-align: center;
background-color: var(--maincolor);
color: #FFF;
padding: 7px 15px;
border-radius: var(--borderradius);
font-weight: 500;
cursor: pointer
}
.create_ticket_btn:hover, .back_ticket_btn:hover{
transform: translate(-0.2rem,-0.2rem);
box-shadow: .2rem .2rem 0rem #FFF;
}
.back_ticket_btn{
margin-right: auto;
padding: 4px 15px;
}
.continue_ticket_btn{
margin: auto;
padding: 8px 15px;
margin-bottom: 30px
}
.ticket_sort{
padding: 0 10px 0 5px;
margin-right: auto;
overflow: inherit !important;
}
.ticket_sort select{
border: unset;
height: 100%;
color: #666;
}
.ticket_sort .nice-select{
color: #666;
padding-left: 40px;
padding-right: 10px;
border: unset;
}
.ticket_sort .nice-select .list{
border-radius: 7px
}
.ticket_sort svg{
width: 20px;
stroke:#333
}
form#search-ticket, .ticket_sort{
height: 34px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-left: 10px;
border-radius: 7px;
overflow: hidden;
background-color: #FFF;
box-shadow: 0 1px 18px -10px rgb(0 0 0 / 10%);
}
form#search-ticket input{
height: 100%;
padding-left: 0;
border: none;
}
form#search-ticket button{
width: 24px;
height: 24px;
margin-left: 6px;
border: none;
border-radius: 7px;
display: flex;
justify-content: center;
align-items: center;
padding: 4px;
cursor: pointer;
transition: all 0.3s;
background-color: var(--maincolor);
}
form#search-ticket button svg{
stroke: #FFF
}
.tb-wrap {
display: flex;
flex-direction: column;
overflow-x: auto;
margin-top: 20px;
border-radius: var(--borderradius);
background-color: #FFF;
box-shadow: 0 1px 18px -10px rgb(0 0 0 / 10%);
font-family: var(--mainfontnum);
padding: 15px;
}
.tb-row {
display: flex;
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
}
.tb-cell {
flex: 1;
padding: 10px;
border-bottom: 1px dashed #e8eaed;
text-align: center;
}
.tb-row:last-child .tb-cell{
border: none
}
.tb-header {
background-color: #f6f7f9;
padding: 3px 0px;
font-size: 12px;
font-weight: 500;
border-radius: 7px;
margin-bottom: 15px;
}
.tb-header .tb-cell{
border: unset;
}
.tb-cell.cell-id {
flex: 0 1 50px;
max-width: 50px;
display: flex;
align-items: center;
font-weight: 500;
}
.tb-cell.cell-title {
flex: 0 1 35%;
text-align: right;
font-weight: 500;
}
.tb-cell.cell-title span, .tk_head_title span{
display: block;
font-size: 11px;
color: #a1a1a1;
font-weight: normal;
margin-top: 5px;
}
.tb-cell.cell-title span:before, .tk_head_title span:before{
content: '';
display: inline-block;
width: 7px;
height: 7px;
background-color: #dddee2;
vertical-align: middle;
margin-left: 10px;
}
.cell-opr{
display: flex;
align-items: center;
justify-content: center;
max-width: 80px;
}
.cell-opr a{
border-radius: 3px;
background-color: #f9f9f9;
padding: 0 10px;
}
.cell-priority span{
font-size: 11px;
display: inline-flex;
align-items: center;
}
.cell-priority span i, .tk_head_c:nth-child(3) span i{
display: inline-block;
width: 8px;
height: 8px;
margin-left: 7px;
vertical-align: middle;
border-radius: 10px;
background-color: #f6f7f9;
}
span.tk_p2 i {
background-color: deepskyblue !important;
}
span.tk_p1 i {
background-color: #45e7b1 !important;
}
span.tk_p3 i {
background-color: #ff5245 !important;
}
.cell-opr a:hover{
transform: translate(-0.2rem,-0.2rem);
box-shadow: .2rem .2rem 0rem #f6f7f9;
background-color: var(--secondcolor);
color:#FFF;
display: inline-block;
}
.tb-cell.cell-date b{
display: block;
font-weight: 600;
}
.tb-cell.cell-status {
flex: 0;
min-width: 100px;
}
.cell-status span{
border-radius: 3px;
background-color: #4d4d4d;
padding: 0 5px;
color: white;
font-size: 11px;
}
span.tk_s1{background-color: #2ce18e !important;}
span.tk_s2{ background-color: #9f5ce4 !important; }
span.tk_s3{ background-color: #FFC107 !important; }
span.tk_s4{background-color: #ff5a4e !important;}
span.tk_s5{}
span.tk_s6{background-color: #ff4282 !important;}
.single_tk_wrap {
display: flex;
flex-direction: column;
overflow-x: auto;
margin-top: 15px;
-webkit-border-radius: var(--borderradius);
-moz-border-radius: var(--borderradius);
border-radius: var(--borderradius);
background-color: #FFF;
box-shadow: 0 1px 18px -10px rgb(0 0 0 / 10%);
font-family: var(--mainfontnum);
padding: 15px 15px 30px 15px;
}
.tk_submit_c{
padding-top: 20px
}
.tk_submit_c .select2-container--default .select2-selection--single{
height: 36px;
}
.tk_head {
background-color: #f6f7f9;
padding: 12px 15px;
font-weight: 500;
border-radius: var(--borderradius);
margin-bottom: 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
font-size: 11px;
}
.tk_head_c {
flex: 1;
}
.tk_head_c:nth-child(1), .tk_head_c:nth-child(2){
flex: 0 1 25%;
}
.tk_head_c span{
color:#777
}
.tk_head_c:nth-child(4) span {
border-radius: 3px;
background-color: #4d4d4d;
padding: 0 5px;
color: white;
font-size: 11px;
}
.tk_head_title {
border: 2px dotted #f6f7f9;
font-weight: 500;
border-radius: var(--borderradius);
padding: 10px 15px;
margin-bottom: 25px;
font-size: 13px;
}
.tk_s_item{
display: flex;
margin-bottom: 15px;
}
.tk_s_item.tk_support{flex-direction: row-reverse;}
span.tk_s_avatar {
background-color: #f6f7f9;
width: 35px;
height: 35px;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 7px;
margin-left: 10px;
}
.tk_support span.tk_s_avatar{
margin:0 10px 0 0
}
span.tk_s_avatar svg{
stroke: #333
}
.tk_s_content {
flex: 1;
padding-right: 50px;
padding-left: 0px;
}
.tk_user .tk_s_content {
padding-left: 50px;
padding-right: 0px;
}
.tk_s_content_inner {
border-radius: 15px 0 15px 15px;
background-color: #f6f7f9;
padding: 15px;
}
.tk_support .tk_s_content_inner {
border-radius: 0 15px 15px 15px;
background-color: var(--maincolor);
color: #FFF;
padding: 15px;
}
.tk_s_meta{
display: flex;
align-items: center;
flex-direction: row-reverse;
font-size: 11px;
margin-top: 2px;
}
.tk_user .tk_s_meta{
flex-direction: row;
}
p.tk_s_date {
color: #888;
margin: 5px;
}
p.tk_s_user {
color: #888;
margin: 5px 5px 5px 10px;
display: flex;
flex-direction: row;
align-items: center;
}
p.tk_s_user:after{
content:'';
width: 10px;
height: 2px;
display:inline-block;
background-color: #e1e3e8;
margin-right: 10px;
}
.tk_s_attachments{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-right: 20px;
align-items: center;
}
.tk_s_attachments svg{
stroke: var(--maincolor);
width: 15px;
}
.tk_attachment{
background: white;
border: 1px dashed #dbdde0;
padding: 0px 10px;
border-radius:6px;
line-height: 18px;
font-size: 11px;
height: 19px;
transition:.2s;
color: #666
}
.tk_attachment:hover{
background: var(--secondcolor);
color:#fff;
}
form#reply-ticket {
display: flex;
flex-direction: row;
margin: 30px 15px;
flex-wrap: wrap;
}
form#reply-ticket textarea{
padding: 15px 20px;
margin-left: 15px;
border-radius: var(--borderradius);
flex: 1;
}
form#reply-ticket input[type="submit"]{
font-weight: 500;
background-color: var(--maincolor);
border: unset;
transition: all 0.3s;
cursor: pointer;
width: 85px;
}
span.close_ticket_btn {
cursor: pointer;
display: inline-block;
margin-right: auto;
margin-left: 15px;
margin-top: -12px;
width: 85px;
padding: 5px 0;
border-radius: 7px;
background-color: #F44336;
text-align: center;
color: #FFF;
transition: all 0.3s
}
span.close_ticket_btn:hover{
background-color:#555;
}
.tk_note_create {
padding: 15px;
border: 2px dashed #e2e5ea;
border-radius: 7px;
margin-top: 5px;
}
.single_tk_wrap .accordion .accordion-item-title {
font-size: 12px !important;
padding: 12px 0;
font-weight: normal;
}
form#create-ticket {
background-color: #f6f7f9;
border-radius: 7px;
padding: 15px 20px;
}
form#create-ticket input[type="text"], form#create-ticket select{
width: 100%
}
form#create-ticket textarea{
width: 100%;
margin-left: 15px;
height: 97px;
}
.select2-results {
font-size: 11px !important;
}
.form-row-group{
display: flex;
margin-bottom: 15px;
}
.form-row-group .form-row{flex: 1;padding: 0 0 0 15px !important;}
.form-row-group .form-row:last-child{padding: 0 !important;}
.row_ticket-upload{
flex: 0 0 100%;
margin-top: 10px;
}
.ticket-upload-box{
border: 2px dashed #d0d7de;
padding: 10px 15px;
border-radius: 12px;
background: #fafafa;
transition: all .2s ease;
position: relative;
}
.ticket-upload-box:hover{
border-color: var(--maincolor);
background: #FFF;
}
.ticket-upload-label{
gap: 10px;
font-weight: 600;
margin: 10px 0;
color: #333;
display: flex;
align-items: center;
flex-direction: row;
}
.ticket-upload-label svg{
width: 18px;
height: auto;
stroke: var(--maincolor)
}
.ticket-upload-input{
width:100%;
padding:10px;
background:#fff;
border:1px solid #ddd;
border-radius:var(--borderradius);
}
.ticket-preview{
display:flex;
gap:10px;
flex-wrap:wrap;
margin-top:12px;
}
.tk_file_item{
width:110px;
background:#fff;
border:1px solid #eee;
border-radius:var(--borderradius);
overflow:hidden;
position:relative;
box-shadow:0 2px 8px rgba(0,0,0,0.05);
transition:.2s;
}
.tk_file_item:hover{
transform:translateY(-2px);
box-shadow:0 6px 15px rgba(0,0,0,0.1);
}
.tk_file_item img{
width:100%;
height:80px;
object-fit:cover;
}
.tk_file_name{
font-size:11px;
padding:6px;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.remove_file{
position:absolute;
top:5px;
right:5px;
background:#ef4444;
color:#fff;
border:none;
border-radius:var(--borderradius);
font-size:10px;
cursor:pointer;
padding:2px 5px;
}
.mweb-uploading{
opacity:0.6;
pointer-events:none;
position:relative;
}
.mweb-uploading::after{
content:"در حال آپلود...";
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background:#000;
color:#fff;
padding:6px 10px;
border-radius:8px;
font-size:12px;
}
.elm_off_svg svg{
width: 100%
}
.elm_off_picker{
position: absolute;
width: 26px;
height: 26px;
position: absolute;
width: 26px;
height: 26px;
transition: all 0.5s;
}
.elm_off_line {
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
fill-rule: evenodd;
}
.elm_off_line {
stroke: #191b1d;
stroke-width: 1.6px;
stroke-dasharray: 6.4 6.4;
}
.elm_off_point {
stroke: #fff;
stroke-width: 2.5px;
}
.elm_off_point.active {
fill: var(--maincolor);
}
.elm_off_text {
font-size: 11px;
fill: #fff;
font-family: var(--mainfontnum);
font-weight: 500;
cursor: pointer;
}
.elementor-widget-block-deal-timeline .block-title{
margin-bottom: 20px;
}
.xslider.elm_bn_slider{
margin: 0;
}
.scroll_wc_ul{
position: sticky;
top: 0;
background-color: #fff;
z-index: 1;
}
.scroll_wc_ul a:before{
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.scroll_wc_ul.is_active{
box-shadow: 0px 5px 7px -6px rgb(0 0 0 / 14%);
border: 1px solid #f3f3f3;
border-top: 0;
padding: 10px 0 !important;
border-radius: 0px 0px 7px 7px !important;
}
.mweb-body.style_tabs_one .wc-tabs.scroll_wc_ul.is_active>li a{
padding: 5px 1.2em;
}
.mweb-body.style_tabs_two .wc-tabs.scroll_wc_ul.is_active>li a{
display: flex;
flex-direction: row;
align-items: center;
}
.mweb-body.style_tabs_two .wc-tabs.scroll_wc_ul.is_active>li a:before, .mweb-body.style_tabs_three .wc-tabs.scroll_wc_ul.is_active>li a:before{
margin: 0 0 0 9px;
font-size: 18px;
display:none !important;
}
.mweb-body.style_tabs_default .wc-tabs.scroll_wc_ul{
text-align: center;
padding-bottom: 0 !important;
}
.story-list .story-icon{text-align:center;cursor:pointer;display: flex;flex-direction: column;align-items: center;}
.story-list .story-icon img{border-radius:50%;border: 5px solid #FFF;position: relative;z-index: 1;display: block;width: 100%;}
.story-list .story-icon span{font-size: 12px;display:block;margin-top: 24px;font-weight: 800;color: #4e525a; white-space: nowrap;}
.story-img {
position: relative;
padding: 2px;
display: flex;
background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%);
border-radius: 50%;
box-shadow: 5px -5px 5px rgba(220, 5, 172, 0.06), 0px 0px 5px rgb(235 160 44 / 32%), -7px 7px 5px rgba(245, 155, 8, 0.06), inset 7px -10px 5px rgba(220, 5, 172, 0.09), inset 0px 0px 5px rgb(235 44 44 / 40%), inset -10px 10px 5px rgba(245, 155, 8, 0.09);
flex-direction: column;
align-items: center;
text-align: center;
width: 75px;
height: 75px;
}
.story-list .story-icon.seen .story-img{background:#999; box-shadow: 5px -5px 5px rgb(221 221 221 / 6%), 0px 0px 5px rgb(210 210 210 / 32%), -7px 7px 5px rgb(216 216 216 / 6%), inset 7px -10px 5px rgb(218 218 218 / 9%), inset 0px 0px 5px rgb(188 188 188 / 40%), inset -10px 10px 5px rgb(208 208 208 / 9%)}
.story-img:before{
content: '';
position: absolute;
border-radius: 50%;
display: block;
left: -10px;
right: -10px;
top: -10px;
bottom: -10px;
box-shadow: 0px 1px 0 0px #00000017;
}
.story-icon b {
position: absolute;
height: 15px;
border-radius: 4px;
background:  radial-gradient(ellipse at 70% 70%, #ee583f 8%, #d92d77 42%, #bd3381 58%);
padding: 2px 4px 0px;
color: #FFF;
bottom: -20px;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.31);
font-size: 11px;
font-weight: 800;
line-height: 11px;
}
.story-modal{position:fixed;inset:0;background: rgba(0, 0, 0, 0.35); backdrop-filter: blur(6px);display:none;z-index: 9999;justify-content:center;align-items:center}
.story-container{width:100%;height: calc(100vh - 30px);aspect-ratio: 9 / 16;max-width:407px;background: #000;position:relative;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);margin: 15px auto;border-radius: var(--borderradius);overflow: hidden;}
.body_ismobile .story-container{ width:100%; height: 100vh; max-width:100%; margin: 0;border-radius: 0 }
.story-modal .close-btn{position:absolute;top: 22px;left:12px;font-size:22px;z-index:40;cursor:pointer}
.story-modal .close-btn svg{
width: 22px;
height: 22px;
fill: #FFF
}
.story-swiper .swiper{width:100%;height:100%}
.story-swiper .swiper-slide{display:flex;justify-content:center;align-items:center}
.elementor-widget-block-story .story-modal img, .elementor-widget-block-story .story-modal video{
width: auto;
height: 100vh;
object-fit: cover
}
.story-modal .progress-container{position:absolute;top:10px;left:10px;right:10px;display:flex;gap:5px;z-index:30}
.story-modal .progress{flex:1;height:3px;background:rgba(255,255,255,.3)}
.story-modal .progress span{display:block;height:100%;width:0;background:#fff}
.slide-btn{position:absolute;top:50%;transform:translateY(-50%);width: 30px;height: 30px;color:#fff;z-index:35;cursor:pointer;background:rgba(0,0,0,.35);display: flex;border-radius:50%;flex-direction: column;align-items: center;justify-content: center;}
.slide-btn svg{
width: 18px;
height: 18px;
stroke: white;
}
.story-modal .slide-left{right: 10px;}
.story-modal .slide-right{left: 10px;}
.slide-btn.disabled{opacity:.3;pointer-events:none}
.story-modal .actions{position:absolute;bottom:0;left:0;right:0;z-index:30}
.story-modal .comment-box{background: hsl(0deg 0% 100% / 55%);max-height: 35vh;overflow-y:auto;display:none;padding: 13px 15px;backdrop-filter: blur(4px); border-radius: 10px 10px 0 0}
.story-modal .comment{font-size: 12px;margin-bottom: 8px;color: #333;font-weight: normal;}
.story-modal .comment .comment-header{
display: flex;
}
.story-modal .comment .comment-header .comment-time{font-size: 10px;opacity: 0.5;margin-right: 5px;}
.story-modal .comment .comment-text{
font-size: 11px;
margin-top: 3px;
color: #444;
}
.story-modal .comment-input-container{display:flex;gap:6px;padding: 10px 15px 10px 15px;background: rgb(0 0 0 / 30%);backdrop-filter: blur(4px);}
.story-modal .comment-input-container input{flex:1;border:none;border-radius:20px;padding: 8px 15px;background: rgb(255 255 255 / 0%);color:#fff;font-size: 12px;border: 1px solid #ffffff42 !important;}
.story-modal .comment-input::placeholder {
color: white;
opacity: 1;
}
.story-modal .comment-input-container input:focus{
background-color: #00000047;
color: #FFF
}
.story-modal .comment-input-container button{background:none;border:none;color:#fff;font-size: 12px;cursor:pointer;padding: 0 15px;}
.story-modal .like-btn{background:none;border:none;color:#fff;font-size: 17px;padding:8px;background-color: transparent !important;margin: 0 10px 0 0;display: flex;flex-direction: column;align-items: center;}
.story-modal .like-btn svg{
width: 25px;
height: 25px;
stroke: white;
}
.story-modal .like-btn.liked svg{stroke:#ff0050}
.hold-layer{position:absolute;inset:0;z-index:20}
.story-cta {
position: absolute;
top: 20px;
right: 10px;
background: rgba(255,255,255,0.8);
color: #555;
padding: 6px 18px;
border-radius: 999px;
font-size: 11px;
font-weight: 600;
backdrop-filter: blur(4px);
z-index: 9999;
display: none
}
.story-cta:active {
transform: translateX(-50%) scale(0.96);
}
.cat-menu-btn, .btn-icon{
display: flex;
cursor: pointer;
align-items: center;
}
.my-cat-menu-wrapper{
position:relative;
}
.cat-popup-overlay{
position:fixed;
inset:0;
background: #ffffff24;
backdrop-filter:blur(8px);
z-index:9998;
opacity:0;
visibility:hidden;
transition:.25s;
}
.cat-popup-overlay.active{
opacity:1;
visibility:visible;
}
.cat-popup{
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%) scale(.95);
width:1100px;
max-width:95vw;
max-height:80vh;
background:#FFF;
border-radius: var(--borderradius);
overflow:hidden;
display:flex;
z-index:9999;
opacity:0;
visibility:hidden;
transition:.25s;
}
.cat-popup.active{
opacity:1;
visibility:visible;
transform:translate(-50%,-50%) scale(1);
}
.cat-sidebar{
width:250px;
background: #F2F5FA;
overflow-y:auto;
padding:14px;
border-left: 1px solid #ccd1da;
}
.cat-content{
flex:1;
overflow-y:auto;
background: #FFF;
padding:28px;
}
.cat-sidebar-item{
display:flex;
align-items:center;
gap:14px;
cursor:pointer;
border-radius:var(--borderradius);
margin-bottom:10px;
color: #333;
transition:.2s;
padding: 12px 10px;
font-weight: 500;
}
.cat-sidebar-item:hover,
.cat-sidebar-item.active{
background: var(--maincolor);
color: #FFF;
transform:translateX(-4px);
}
.cat-sidebar-item .cat-icon-l{
width: 40px;
height: 40px;
object-fit: cover;
border-radius: var(--borderradius);
flex-shrink: 0;
border: 1px solid #00000012;
padding: 3px;
background: white;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.cat-plus{
margin-right:auto;
width:28px;
height:28px;
border-radius:var(--borderradius);
background:#00000008;
display:flex;
align-items:center;
justify-content:center;
font-size:17px;
font-family: Arial, Helvetica, sans-serif;
}
.cat-sidebar-item:hover .cat-plus,
.cat-sidebar-item.active .cat-plus{
background:#FFF;
color: var(--maincolor)
}
.cat-content-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:28px;
}
.cat-column h4{
margin: 0 0 15px;
font-size: 13px;
font-weight:500;
color: #333;
}
.cat-column h4>a:before {
content: '';
width: 3px;
height: 12px;
background-color: var(--maincolor);
margin-left: 7px;
display: inline-block;
vertical-align: middle;
border-radius: 5px;
}
.cat-column h4>a{
color: #333;
display: flex;
}
.cat-column ul{
list-style:none;
margin:0;
padding: 0 15px 0 0;
}
.cat-column li{
margin-bottom: 10px;
font-size: 90%;
}
.cat-column a{
color: #6a6969;
transition:.2s;
display:inline-flex;
align-items:center;
gap:8px;
}
.cat-column a:hover{
color: var(--secondcolor);
transform:translateX(-3px);
}
.cat-view-all{
margin-right: auto;
display:inline-flex;
align-items:center;
gap:8px;
color: #7b878d;
font-size: 10px;
font-weight: normal;
}
.cat-view-all:hover{
color: var(--secondcolor);
}
.cat-content .cat-top{
display: flex;
align-items: center;
margin-bottom: 28px;
gap: 15px;
}
.cat-content .cat-all-l{
height: 42px;
display: inline-flex;
border: 1px solid #1111111c;
align-items: center;
padding: 0 10px;
font-size: 11px !important;
border-radius: var(--borderradius);
color: #696b70;
font-size: 10px;
}
.cat-content .cat-all-l:hover{
border-color: var(--secondcolor)
}
.cat-content .cat-search{
position:relative;
flex-grow: 1;
}
.cat-content .cat-search input{
width:100%;
height: 42px;
border:none;
outline:none;
background: #F2F5FA;
border-radius:var(--borderradius);
padding:0 62px 0 20px;
color: #444;
transition:.2s;
font-size: 11px;
}
.cat-content .cat-search input:focus{
box-shadow:0 0 0 3px #555;
}
.cat-search-icon{
position:absolute;
right: 10px;
top:50%;
transform:translateY(-50%);
width: 29px;
height: 29px;
border-radius:var(--borderradius);
background: #FFF;
display:flex;
align-items:center;
justify-content:center;
padding: 6px
}
.cat-search-icon svg{
stroke: var(--secondcolor);
}
@media(max-width:992px){
.cat-popup{
width:90vw;
max-height:85vh;
}
.cat-sidebar{
width:200px;
padding:12px;
}
.cat-sidebar-item{
gap:10px;
padding:8px;
}
.cat-sidebar-item .cat-icon-l{
width:36px;
height:36px;
}
.cat-content{
padding:20px;
}
.cat-content-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px;
}
}
@media(max-width:640px){
.cat-popup{
width:95vw;
max-height:90vh;
border-radius:12px;
}
.cat-sidebar{
width: 150px !important;
padding: 0;
}
.cat-sidebar-item{
border-radius: 0;
text-align:center;
gap:6px;
padding: 6px 10px;
font-size: 11px;
overflow: hidden;
}
.cat-sidebar-item:hover,
.cat-sidebar-item.active{
transform:translateX(0) scale(1.02);
}
.cat-sidebar-item .cat-icon-l{
width: 25px;
height: 25px;
}
.cat-plus{
margin:0;
width:20px;
height:20px;
font-size:14px;
display: none;
}
.cat-content{
padding:16px;
}
.cat-content .cat-top{
display: flex;
flex-direction: column;
}
.cat-content-grid{
grid-template-columns:1fr;
gap:16px;
}
.cat-content .cat-top{
margin-bottom:20px;
gap: 3px;
}
.cat-content .cat-search input{
height: 37px;
font-size: 10px;
padding-right: 42px;
width: 100%;
}
.cat-search-icon {
width: 24px;
height: 24px;
padding: 3px;
}
.cat-content .cat-all-l{
height: 25px;
width: 100%;
}
.cat-column h4{
font-size:14px;
margin-bottom:12px;
}
.cat-column ul{
padding:0 10px 0 0;
}
.cat-column li{
margin-bottom:8px;
}
.cat-column a{
font-size: 11px;
}
}
@media only screen and (max-width: 1350px) {
.sticky_toolbox, .add_to_cart_sticky {
display: none;
}
}
@media only screen and (min-width: 1200px) {
.swiper.swiper-wrap-visible {
overflow: visible;
}
.swiper-wrap-visible .mweb-swiper-prev{
left: -20px;
}
.swiper-wrap-visible .mweb-swiper-next{
right: -20px;
}
.swiper-wrap-visible .swiper-slide.swiper-slide-visible{
opacity:1
}
.list_blog_item .blog_body img {
max-width: 240px;
}
.archive.woocommerce .is-sidebar-none ul.products>li{
flex: 0 0 auto;
width: 20%;
}
.elementor-onsale-slider-nav-percentage .item.product-deal .item-area .woocommerce-product-details__short-description, .elementor-onsale-slider-nav-percentage .item.product-deal .item-area .product-name{
max-width:calc(100% - 110px)
}
.elementor-onsale-slider-nav-title .item.product-deal .item-area .woocommerce-product-details__short-description, .elementor-onsale-slider-nav-title .item.product-deal .item-area .product-name{
max-width:calc(100% - 290px)
}
}
@media only screen and (min-width: 1000px) {
.circular_p_h .woocommerce_review_progress{
display: flex;
align-items: center;
flex-direction: row;
margin-top: 15px
}
.circular_p_h .cr_progress{
width: 100%;
}
.my_sticky{
position: fixed;
top: -50px;
right: 0;
left: 0;
border-radius: 0;
margin-top: 0;
z-index: 9999;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
-moz-transform: translateY(50px);
-webkit-transform: translateY(50px);
-o-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
box-shadow: 0 0 11px 0 rgba(0,0,0,.1);
}
.my_sticky #navigation{
max-width: 1150px;
margin:auto
}
.my_sticky.head_6{
background-color: #fff;
}
.my_sticky.head_6 .logo{height: 40px;min-height: auto;}
.my_sticky.head_6 .hs_icon{
margin-top: 15px;
}
.my_sticky.head_6 .mweb-main-menu>ul {
line-height: 60px;
}
.my_sticky .search_overlay{background: rgb(255, 255, 255);}
.my_sticky .search_overlay form{left: 10%;right: 13%;top: -12px;}
.my_sticky .search_toggle{top: 18px;}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col>ul.sub-menu{
display:flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-inrow-2>ul.sub-menu>li, .mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical.item-inrow-2>ul.sub-menu>li>.sub-menu>li{
flex:0 0 50%;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-inrow-3>ul.sub-menu>li, .mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical.item-inrow-3>ul.sub-menu>li>.sub-menu>li{
flex:0 0 33.33%;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-inrow-4>ul.sub-menu>li, .mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical.item-inrow-4>ul.sub-menu>li>.sub-menu>li{
flex: 0 0 25%;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-inrow-5>ul.sub-menu>li, .mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical.item-inrow-5>ul.sub-menu>li>.sub-menu>li{
flex:0 0 20%;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li>.sub-menu>li>a:before{
content: '';
width: 3px;
height: 12px;
background-color: var(--maincolor);
margin-left: 10px;
display: inline-block;
vertical-align: middle;
border-radius: 5px
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li>.sub-menu>li.menu-item-has-children{
margin-bottom: 5px;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu{
display:flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
min-height: 300px;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li{
flex: none;
margin-bottom: 5px;
padding:0;
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: baseline;
position: unset;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li>a{
padding: 14px 15px;
width: 180px;
border: 1px solid #eff1f5;
display:block;
border-radius: 7px;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li>a .el_arrow{
display:inline-block;
vertical-align: middle;
float: left;
width: 20px;
}
.mweb-main-menu ul>li.level-0>ul.sub-menu>li>a>i{
font-size:12px;
vertical-align: middle;
margin-left:10px
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li>.sub-menu{
width: calc(100% - 200px);
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
align-content: flex-start;
position: absolute;
left: 0;
top: 0;
right: auto;
padding-top: 20px;
height: 100%;
opacity: 0 !important;
visibility: hidden !important;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li .sub-menu{
background-color: transparent;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li>.sub-menu>li li{
padding-right:10px
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li>.sub-menu>li>a{
font-weight:500;
color:#222;
display: block;
margin-bottom: 5px;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li:hover>a, .mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li.is_hovered>a{
background-color:#edeff266
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical:hover>ul.sub-menu>li.is_hovered>.sub-menu, .mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical:hover>ul.sub-menu>li:hover>.sub-menu{
opacity: 1 !important;
visibility: visible !important;
z-index: 9999;
}
.elementor-menu-icon-vertical-yes .mweb-main-menu ul>li.level-0>a{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
height: 100%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.elementor-menu-icon-vertical-yes .mweb-main-menu ul>li.level-0>a>.el_icon{
margin-left: 0;
}
.elementor-menu-icon-vertical-yes .mweb-main-menu ul>li.level-0.menu-item-has-children:hover>a{
padding-bottom: 5px;
}
.elementor-menu-icon-vertical-yes .mweb-main-menu ul>li.level-0>a{
height: 100%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.elementor-menu-icon-vertical-yes .mweb-main-menu ul>li.level-0.menu-item-has-children>a>.el_arrow{
margin: 0;
line-height: 0;
position: absolute;
top: auto;
right: calc(50% - 2.5px);
bottom: -10;
visibility: hidden;
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s;
}
.elementor-menu-icon-vertical-yes .mweb-main-menu ul>li.level-0.menu-item-has-children>a>.el_arrow svg{
margin-right: 0;
}
.elementor-menu-icon-vertical-yes .mweb-main-menu ul>li.level-0.menu-item-has-children:hover>a>.el_arrow{
visibility: visible;
opacity: 1;
bottom: 0px;
}
.single-product img.mfp-img {
max-height: 550px !important;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
}
@media only screen and (min-width: 768px) {
.xslider{
padding: 2px;
margin: -2px;
}
.col2-set .col-1, .col2-set .col-2 {
width: 50%;
float: right;
padding: 5px;
}
.brands-list__col {
width: 25%;
}
.gallery-item {
max-width: 25%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.wcc_media_list{
margin-bottom: -45px;
}
.elm_product_tabs_v{
display: flex;
align-items: stretch;
position: unset;
}
.elm_product_tabs_v .block-tabs-wrap{
margin-left: 1%;
background-color: #FFF;
padding: 15px 25px;
border-radius: 10px;
max-width: 19%;
flex: 0 0 19%;
min-height: 325px;
}
.elm_product_tabs_v .block-tabs-wrap ul.tab_box{
display: flex;
flex-direction: column;
justify-content: space-evenly;
height: 100%;
}
.elm_product_tabs_v .block-tabs-wrap ul.tab_box li{
margin: 10px 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
padding: 10px 15px;
font-size: 12px;
text-align: right;
}
.elm_product_tabs_v .block-tabs-wrap ul.tab_box li a img{
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.elm_product_tabs_v .block-tabs-wrap ul.tab_box li a{
white-space: nowrap;
padding: 0;
font-size: inherit;
line-height: inherit;
text-overflow: ellipsis;
overflow: hidden;
-webkit-transition: unset;
transition: unset;
}
.elm_product_tabs_v .block-tabs-wrap ul.tab_box li:hover, .elm_product_tabs_v .block-tabs-wrap ul.tab_box li.active{
background-color: var(--maincolor);
color: #FFF;
box-shadow: inset -10px 0px 9px -5px hsl(0deg 0% 0% / 19%);
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.elm_product_tabs_v .block-tabs-wrap ul.tab_box li:before{
content: '';
width: 15px;
height: 100%;
background-color: var(--maincolor);
display: block;
position: absolute;
border-radius: 10px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
top: 0;
right: -40px;
box-shadow: inset 10px 0px 9px -5px hsl(0deg 0% 0% / 19%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity:0;
visibility:hidden
}
.elm_product_tabs_v .block-tabs-wrap ul.tab_box li.active:before, .elm_product_tabs_v .block-tabs-wrap ul.tab_box li:hover:before{
opacity:1;
visibility:visible
}
.elm_product_tabs_v .block-content-wrap{
max-width: 80%;
flex: 0 0 79%;
}
}
@media only screen and (max-width: 1200px){
.swiper .onsale-pagination {
display: none;
}
.home-product-deal-wrap .mweb-swiper-prev, .home-product-deal-wrap .mweb-swiper-next {
opacity:1;
visibility:visible
}
.table-compare-warp{
position: relative;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.table-compare-warp::-webkit-scrollbar {
height: 2px;
background: #eee;
border-radius: 4px
}
.table-compare-warp::-webkit-scrollbar-corner {
background-color: #282828;
display: block;
border-radius: 4px
}
.table-compare-warp::-webkit-scrollbar-thumb {
background-color: #b5b5b5;
border-radius: 4px
}
.table-compare-warp .rollbar-content{
white-space: nowrap;
float:right;
}
}
@media only screen and (max-width: 992px){
.is-sidebar-right .content-wrap {
order: 0;
}
.md-nopad {
padding: 0
}
.hide_tablet{
display:none !important
}
.my_account_menu{
display: flex;
}
.account_head_icon {
display: inline-block;
width: calc(100% - 84px);
margin-top: 6px;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
position: fixed;
top: 0;
right: 0px;
bottom: 0;
z-index: 2;
margin: 0;
width: 250px;
visibility: hidden;
opacity: 0;
-webkit-transition: -webkit-transform .5s ease;
-moz-transition: transform .5s ease;
-o-transition: -o-transform .5s ease;
transition: transform .5s ease;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
-webkit-overflow-scrolling: touch;
-webkit-transform: translate(250px,0);
-moz-transform: translate(250px,0);
-ms-transform: translate(250px,0);
-o-transform: translate(250px,0);
transform: translate(250px,0);
}
.my_account_s.woocommerce-account .woocommerce-MyAccount-navigation{
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
visibility: visible;
opacity: 1;
overflow-x: hidden;
border-left: 2px solid #f3f3f3;
z-index: 999;
padding-top: 35px;
border-radius: 0;
}
.admin-bar.my_account_s.woocommerce-account .woocommerce-MyAccount-navigation{
top: 32px;
}
.woocommerce-account .woocommerce-MyAccount-content{
-moz-transition: -moz-transform 0.2s ease-in;
-o-transition: -o-transform 0.2s ease-in;
-webkit-transition: -webkit-transform 0.2s ease-in;
transition: transform 0.2s ease-in;
}
.my_account_s .mweb-site-mask {
visibility: visible;
pointer-events: auto;
background: rgba(0, 0, 0, 0.25);
}
.my_account_close{display: block;}
.user_header {
background-color: #FFF;
padding: 0 0 12px 0;
box-shadow: 0 0 11px 0 rgba(0, 0, 0, .1);
margin-top: -5px;
}
.up_top_logout, .up_top_setting, .up_top_notify, .up_top_home{
width: 32px;
height: 32px;
font-size: 16px;
line-height: 37px;
background-color: #eff1f5;
}
.up_top_logout{
background-color:#ffebeb
}
.woocommerce-MyAccount-navigation ul li a{
font-size: 11px;
}
.mobile-nav-button.hs_icon a{
display: inline-block;
}
}
@media only screen and (max-width: 768px) {
.block-tabs-wrap{
margin-bottom: 15px;
background-color: white;
padding: 15px;
border-radius: 10px;
}
.header_offer p {
padding:7px 0;
}
.sm-nopad {
padding: 0
}
.product_banner_slider .swiper-pagination span {
height: 7px;
overflow: hidden;
text-indent: -1000px;
background-color: #eaeaea;
line-height: 7px;
}
.blog_title {
display: block;
padding-right: 42px;
}
.nav-tabs {
position: absolute !important;
background-color: #e6e6e6;
left: 0;
right: 0;
border-radius: 5px;
display: none;
}
.nav-tabs_trigger {
display: block;
}
.hide_mobile{
display:none !important
}
.scrolling-wrapper {
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
padding: 5px 0;
width: 100%;
display: flex;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
}
.scrolling-wrapper>div{
width: auto;
max-width:205px
}
.scrolling-wrapper::-webkit-scrollbar {
display: none;
-webkit-overflow-scrolling: touch;
}
.product-type-2 .item .item-area{
width:180px
}
.prdtype_2 .item .item-area{
max-width:190px
}
.product-type-2 .item .item-area .product-image-area , .item .item-area .product-image-area{
min-height:auto
}
.head_4 .logo{margin:0 !important;}
.head_6 .logo{max-width: 130px;}
.footer_aboutus{padding:0}
.checkout-breadcrumb div p{
display: none;
}
.checkout-breadcrumb div h1{
font-size: 14px;
margin: 0 15px 0 10px;
}
.checkout-breadcrumb div h4{
font-size: 11px;
}
.footer_aboutus_head , .footer_aboutus ,.contact_us_wrap ,.contact_us_wrap.type_2 {
padding:0 10px;
}
.footer_aboutus{
margin-bottom:15px;
}
.contact_us_wrap{
border-right:0;
margin-top:7px;
}
.app_btn{
padding: 5px 10px;
}
.table-responsive{
overflow-x: scroll;
}
.table-compare tbody tr td, .table-compare thead tr td{
min-width: 200px;
}
.woocommerce div.type-product .product_title, .woocommerce div.product .product_title{
width:100% !important
}
.banner{max-height: 160px;}
.contact_wrap{
display: block;
padding: 10px;
}
.contact_right , .contact_left{
width: 100%;
max-width: 100%;
}
.contact_left{
padding: 25px 10px 10px 10px;
}
.accessories_desc{
margin-top:10px;
min-height: auto;
}
.item .item-area, .inner_wrap, .widget, .accessories_desc, .block-special-title{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.product-type-1 .item .item-area.general_mobile .actions{
padding: 15px 0px 2px 5px;
}
.block_carousel_deal .special_wrap .item-area {
width: 195px;
}
.style_tabs_three .wc-tabs{
justify-content: right;
}
.prdtype_override_size .item .general_mobile{
width:auto;
max-width: 100%;
}
.item.product-deal .item-area {
padding: 10px;
}
.item.product-deal .item-area .product-image-area{
margin-left:0px
}
.item.product-deal .item-area .product-image-area .product-image{
margin:auto
}
.item.product-deal .product-detail-area{
display: flex;
flex-direction: column;
align-content: space-between;
align-items: center;
flex-wrap: nowrap;
}
.item.product-deal .product-detail-area>*{
display: flex;
}
.item.product-deal .item-area .woocommerce-product-details__short-description, .item.product-deal .item-area .deal-progress{
display:none
}
.item.product-deal .item-area .home-dailydeal{
padding-top:5px
}
.item.product-deal .item-area .product-image-area .product-image img {
max-width: 85%;
}
.home-dailydeal .product-date>div span.no {
width: 32px;
height: 32px;
border-radius: 10px;
font-size: 12px;
line-height: 32px;
margin-bottom: 5px
}
#my-account-content {
width: 100% !important
}
#my-account-menu {
float: right !important;
width: 100% !important
}
.wc-tabs>li a {
font-size: 12px;
color: #6b6b6b;
padding: 10px 10px 10px 10px;
}
.wc-tabs {
display: flex
}
.wc-tabs>li+li {
margin-right: 1px;
}
.single-product .wc-tab {
padding: 1em;
}
.single_dailydeal {
padding: 10px 10px 7px 10px;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.single_dailydeal .deal-text span.deal-text1 {
font-size: 11px;
}
.home-dailydeal .deal-text {
padding-left: 0px;
}
.home-dailydeal.single_dailydeal .product-date>div {
margin-left: 3px;
}
.discount_percent li {
margin-left: 0px;
}
.product_banner_slider .slick-dots li {
height: 7px;
}
.product_banner_title {
overflow: hidden;
text-indent: -1000px;
background-color: #eaeaea;
line-height: 7px;
}
.blog_title {
display: block;
padding-right: 42px;
}
.nav-tabs {
position: absolute !important;
background-color: #e6e6e6;
left: 0;
right: 0;
border-radius: 5px;
display: none;
}
.nav-tabs_trigger {
display: block;
}
.out_of_stock, .featured_label, .custom_label{
left: 0px;
}
.out_of_stock:after, .featured_label:after, .custom_label:after {
display: none
}
.deal_left_side{
order: -1;
}
.comments-area {
padding: 30px 15px;
}
.deal_left_timer{
height: auto;
margin-top: 5px;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-content: center;
justify-content: space-between;
align-items: center;
padding: 8px 15px;
}
.deal_left_timer .deal_title{padding: 0; font-size:14px}
.deal_left_timer .deal_percentage, .deal_left_timer strong, .deal_left_timer svg{
display:none;
}
.deal_left_timer .product-date{
padding:0
}
.deal_left_timer .product-date>div span.no{
width: 32px;
height: 32px;
border-radius: 5px;
text-align: center;
font-size: 15px;
line-height: 36px;
margin-bottom:2px
}
.under_construction .product-date div {
font-size: 10px;
border: 1px solid #fff;
margin: 10px;
width: 50px;
height: 50px;
line-height: 20px;
padding-top:10px;
border-radius:5px
}
.result_review_wrap{
margin-left:0;
margin-bottom:10px;
margin-top: 5px;
}
.review_rules{
margin-left:0;
}
.my_review_list .c_left{
width:100%;
border-top:2px solid #eef0f4;
padding:10px 0
}
.my_review_list .c_right{
width: 100%;
padding: 0;
margin: 0;
border: unset;
}
.my_review_list .c_right img {
max-width: 40%;
}
.notification_list .item_simple .item-area .product-image-area{
width:100%;
max-width: unset;
float: none;
}
.notification_list .item_simple .item-area .product-detail-area{
width:100%;
padding: 0;
}
.notification_list ul{
margin-top:10px
}
.accessories .add-all-to-cart.btn, .accessories .add-all-to-cart.hero-action-btn{
width: 100%;
height: 40px;
margin: 10px 0 5px;
border-radius: 7px;
}
.my_acc_user_info{
flex: 0 0 135px;
}
.item_simple .quickview-btn{
display:none;
}
#tab-more_seller_product .item{
float:right;
width:100%;
}
.price_survey_question:after, .price_survey_question:before {
content: '';
display: block;
clear: both;
}
.add_buy_later{
position: relative;
margin-top: 15px;
line-height: 25px;
}
.tickets_head {
flex-wrap: wrap;
flex-direction: unset;
}
.ticket_sort{
margin: 8px auto 8px 0
}
form#search-ticket{
width: calc(100% - 96px);
}
.tb-row.tb-header .tb-cell:not(.cell-id):not(.cell-title){
display: none
}
.ticket_rows .tb-row {
display: flex;
flex-wrap: wrap;
}
.ticket_rows .tb-row{
border: 1px solid #f6f7f9;
padding: 5px 0;
border-radius: var(--borderradius);
margin-bottom: 15px;
}
.ticket_rows .tb-cell.cell-title {
flex: 0 0 100%;
max-width: calc(100% - 50px);
}
.ticket_rows .cell-department, .ticket_rows .cell-status, .ticket_rows .cell-priority{
flex: 0 0 33.3%
}
.ticket_rows .tb-cell.cell-date {
text-align: right;
}
.ticket_rows .tb-cell{
padding: 5px 10px;
text-align: right;
border-bottom: 1px dashed #e8eaed !important;
}
.ticket_rows .tb-row .tb-cell:last-child, .ticket_rows .tb-row .tb-cell:nth-child(6){
border: unset !important;
}
.ticket_rows .tb-cell.cell-date b {
display: inline-block;
}
.ticket_status .my_acc_user_info {
flex: 0 0 112px;
padding: 7px 10px;
}
.tk_head {
flex-wrap: wrap;
}
.tk_head_c{
flex: 1 1 33.3% !important;
line-height: 25px
}
.tk_head_c:nth-child(3), .tk_head_c:nth-child(2){
flex: 1 1 100% !important;
}
.tk_user .tk_s_content {
padding-left: 0px;
padding-right: 0px;
}
.tk_s_content {
flex: 1;
padding-right: 0px;
padding-left: 0px;
}
form#reply-ticket textarea {
flex: 0 0 100%;
margin-bottom: 10px;
}
form#reply-ticket input[type="submit"] {
padding: 5px 10px;
}
span.close_ticket_btn {
margin-top: -60px;
}
form#reply-ticket {
flex-wrap: wrap;
}
.mweb-block-wrap.deal_type_svg {
display: flex !important;
flex-direction: column;
grid-gap: unset !important;
padding: 10px;
}
.mweb-block-wrap.deal_type_svg .block-content-wrap{
padding: 15px 10px !important;
}
.deal_title_wrap {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
border: none;
border-bottom: 2px dashed #FFF;
}
.block-special-title {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
body .block-special-title {
flex-direction: row !important;
align-items: center !important;
font-size: 14px !important;
}
.deal_title_wrap .block-special-title .deal_icon{
margin: 0 0 0 10px
}
svg.space_top {
transform: rotate(270deg);
width: 50px;
left: -42px;
bottom: auto;
top: 29px;
}
svg.space_bottom {
rotate: none;
transform: rotate(90deg);
width: 50px;
left: auto;
right: -42px;
bottom: -20px;
}
}
@media only screen and (max-width: 576px) {
.banner .banner-content .btn.btn_link_center{
margin:0;
}
.banner .banner-inner h3 {
margin: 0 0 8px 0px;
}
.xs-nopad, .ajax-filter-list {
padding: 0
}
ul.tab_box {
justify-content: right !important;
}
.bk_view_more {
margin-right: -3px;
}
.block-title .title {
padding-left: 5px;
}
.block_testimonials .testimonial{
height:auto !important;
}
.elm_off_svg{
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
flex-wrap: nowrap;
}
.elm_off_svg svg{
width: 100%;
min-width: 1100px
}
.deal_left_timer .product-date>div{
margin-left: 3px;
}
.deal_left_timer .product-date>div span.no{
width: 28px;
height: 32px;
}
.content-404-inner .circle{
display:none
}
.mweb-td-products-compare>row>div{
padding: 0 2px;
}
.mweb-compare-list .mweb-compare-label .mweb-compare-clear-all{
margin-left: 10px;
}
.logo_designer {
float: none;
}
.copy_right{
width: calc(100% - 46px);
white-space: nowrap;
overflow: hidden;
}
.blog-posts-content-2 .grid_image h4{
font-size:11px
}
.item_simple .item-area {
padding: 7px 7px;
}
.comment_login {
width: 100%;
}
#reviews .commenter_detail {
padding: 0 0 5px 0;
}
.deal_slider_v .d-flex{
display: block !important;
width: 100%
}
.deal_slider_v{
height: 475px
}
.deal_new .item-area .product-image-area{
max-width: 100%;
flex: 0 0 100%;
padding: 0;
margin: auto;
margin-bottom: 15px;
max-width: 200px;
}
.deal_new .woocommerce-product-details__short-description, .product__coupon .divider{
display: none
}
.deal_new .product-detail-area{
width: 100%
}
.deal_new .product-date>div{
width: 100%
}
.deal_new .deal_title{
margin-top: 3px;
}
.product__coupon .left{
justify-content: space-between;
}
svg.el_arw_left, svg.el_arw_right {
top: calc(50% - 42px);
height: 84px;
}
}
@media print {
body {
background-color: white !important;
}
}
.body_ismobile .xslider:not(.elm_bn_slider):not(.swiper-3d):not(.no_auto) .swiper-slide, .sw_slider_cross_sell.swiper-free-mode .swiper-slide, .body_ismobile .sw_slider_related .swiper-slide, .body_ismobile .sw_slider_upsell .swiper-slide, .body_ismobile .sw_slider_recent_view .swiper-slide, .body_ismobile .swiper_vtabs .swiper-slide {
width:auto !important
}
.body_ismobile .elm_product_tabs_v .block-tabs-wrap{
padding: 10px 15px;
}
.body_ismobile .swiper_vtabs{
min-height: 270px
}
.body_ismobile .blog-posts-content-4 .item .item-area:not(.bk_blog_line) {
min-height: 100px;
}
.body_ismobile .blog-posts-content-4 .xslider .swiper-slide .item .item-area:not(.bk_blog_line) {
max-width: 345px;
}
.body_ismobile .blog-posts-content-4 .bk-content-left{
min-height: 100px;
}
.body_ismobile .blog-posts-content-4 .post-image {
width: 100px;
height: 100px;
}
.body_ismobile .blog-posts-content-2 .xslider .swiper-slide .grid_image{
width: 200px
}
.body_ismobile .block_testimonials .xslider .swiper-slide  .testimonial{
max-width: 300px;
}
.body_ismobile .blog-posts-content-4 .xslider .swiper-slide .item .item-area:not(.bk_blog_line) {
max-width: 345px;
}
.body_ismobile .blog-posts-content-3 .xslider .swiper-slide .item-area{
width: 250px
}
.body_ismobile .blog-posts-content .xslider .swiper-slide .item-area{
width: 250px
}
.body_ismobile .blog-posts-content .xslider .swiper-slide .item_simple .item-area, .body_ismobile .bk_recently_viewed .xslider .swiper-slide .item_simple .item-area, .body_ismobile .xslider .swiper-slide .blog-post-area.item_blog8{
width: 280px
}
.body_ismobile .elementor-widget-mobile-deal-slider-product .special_wrap .item-area {
width: 205px;
}
.body_ismobile .elementor-widget-mweb-price .pvr_p span:nth-child(2){
content: '|';
margin: 0 10px;
color: #ccc;
display: inline-block;
font-weight: 100;
vertical-align: middle;
}
.body_ismobile .circular_p_h.d-flex {
flex-direction: column;
}
.notifyjs-mweb-base{
display: block;
padding: 8px 25px;
line-height: 25px;
color: #155724;
background-color: #d4edda;
text-align: right;
border-radius: var(--borderradius);
font-size: 12px;
border: 1px solid #FFF;
box-shadow: 0 0 10px -2px rgb(0 0 0 / 9%);
font-family: var(--mainfontnum)
}
.notifyjs-mweb-base.notifyjs-mweb-success{
border-color: #c3e6cb;
}
.notifyjs-mweb-base.notifyjs-mweb-error{
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.notifyjs-mweb-base.notifyjs-mweb-info{
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.notifyjs-mweb-base .wc-forward{
display: none
}
.notifyjs-corner{
z-index: 99999 !important;
top: auto !important;
bottom: 10px;
}
.elm_sl_svg{
fill: #eff1f5
}
svg.el_arw_right {
position: absolute;
top: calc(50% - 60px);
height: 120px;
width: auto;
z-index: 9999;
right: -1px;
}
svg.el_arw_left {
position: absolute;
top: calc(50% - 60px);
height: 120px;
width: auto;
z-index: 9999;
left: 0;
}
.elementor-slider--view-two .mweb-swiper-next, .elementor-slider--view-two .mweb-swiper-prev, .elementor-slider--view-one .mweb-swiper-next, .elementor-slider--view-one .mweb-swiper-prev{
opacity: 1 !important;
visibility: visible !important;
box-shadow: none;
background-color: transparent;
}
.elementor-slider--view-one .mweb-swiper-next, .elementor-slider--view-one .mweb-swiper-prev{
background-color: #00000045;
border-radius: var(--borderradius);
width: 30px;
height: 25px;
-webkit-transform: unset;
transform: unset;
top: auto;
bottom: 20px;
left: 20px
}
.elementor-slider--view-one .mweb-swiper-next svg, .elementor-slider--view-one .mweb-swiper-prev svg{
stroke: white
}
.elementor-slider--view-one .mweb-swiper-next:hover, .elementor-slider--view-one .mweb-swiper-prev:hover{
background-color: #0000005c;
}
.elementor-slider--view-one .mweb-swiper-next{
right: auto;
left: 55px
}
.elementor-slider--view-two .mweb-swiper-next{right: 0;justify-content: end;}
.elementor-slider--view-two .mweb-swiper-prev{
left: 0;
justify-content: flex-start;
}
.elementor-slider--view-two .mweb-swiper-next svg, .elementor-slider--view-two .mweb-swiper-prev svg {
width: 19px;
}
.elementor-slider--view-two .mweb-swiper-next:hover svg, .elementor-slider--view-two .mweb-swiper-prev:hover svg {
stroke: var(--maincolor);
}
.elementor-slider--view-three .mweb-swiper-next, .elementor-slider--view-three .mweb-swiper-prev{
opacity: 1;
visibility: visible;
}
.elementor-slider--view-dot-one .mweb-swiper-pagination{
position: absolute;
z-index: 99;
bottom: 3px !important;
}
.elementor-slider--view-dot-one .mweb-swiper-pagination .swiper-pagination-bullet{
width: 5px;
height: 5px;
margin: 0 4px !important;
}
.elementor-slider--view-dot-one .mweb-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
width: 14px;
}
.el_bullet_w1{
position: absolute;
width: 150px;
height: auto;
bottom: -1px;
z-index: 9;
right: calc(50% - 75px);
}
.elementor-slider--view-dot-two .mweb-swiper-pagination{
position: absolute;
z-index: 99;
bottom: 15px !important;
right: 20px !important;
left: auto !important;
width: auto !important;
}
.elementor-slider--view-dot-two .mweb-swiper-pagination .swiper-pagination-bullet{
width: 5px;
height: 5px;
margin: 0 4px !important;
background-color: black;
opacity: 0.3;
}
.elementor-slider--view-dot-two .mweb-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
width: 14px;
background-color: var(--secondcolor);
opacity: 1;
}
.elementor-widget-product-tabs .block-content-wrap{
min-height: 90px
}
.elementor-widget-product-tabs .block-content-wrap .ajax-loader{
background-size: 29px;
}
.elementor-widget-mweb-blog-title svg{
width: 30px;
vertical-align: middle;
}
.elementor-widget-my-header-notify .notify_btn{display: flex;align-items: center;justify-content: center;}
.elementor-widget-my-header-notify .notify_btn svg{width: 22px}
.body_ismobile .order_first {
order: -1
}
.body_ismobile .order_last {
order: 2
}
.wc_fixed_tab {
margin-left: -10px;
margin-right: -10px;
}
.wc_fixed_tab .wc-tabs {
box-shadow: 0px 5px 7px -6px rgb(0 0 0 / 14%);
border: none;
border-radius: 0px !important;
margin: 0 !important;
padding: 10px 10px !important;
z-index: 3;
-webkit-transition: all .3s;
transition: all .3s;
position: sticky;
top: 0;
background-color: #fff;
}
.wc_fixed_tab ul.tabs li a{
background-color: #FFF !important
}
.wc_fixed_tab .wc-tabs>li.active a{
color: #333 !important
}
.wc_fixed_tab .wc-tabs>li.active svg{
stroke: var(--maincolor);
}
.scroll_wc_tab.wc_fixed_tab .woocommerce-Tabs-panel {
margin: 0px 10px !important;
}
.topoffset.wc_fixed_tab .wc-tabs {
transform: translateX(0) translateY(67px);
}
.wc_fixed_tab.style_tabs_one .wc-tabs>li a{padding: 5px 15px;font-size: 12px !important;}
.wc_fixed_tab .wc-tabs>li svg{
width: 22px;
}
.vat_widget{
font-weight: 500
}
.vat_widget .custom_checkbox{
margin-left: 12px
}