/*
Theme Name: melody-mim
Theme URI: https://melodymim.com
Author: مستر وب | MrWeb
Author URI: https://mr-web.ir
Description: طراحی تخصصی وب سایت ، فروشگاه اینترنتی ، وب سایت شرکتی و شخصی ، سئو و CRM
Version: 17.0
Text Domain: فروشگاه

,--.           o              ,---.         ,-.-.        . . .     |     o     
|   |,---.,---..,---.,---.    |---.,   .    | | |,---.   | | |,---.|---. .,---.
|   ||---'`---.||   ||   |    |   ||   |    | | ||    ---| | ||---'|   | ||    
`--' `---'`---'``---|`   '    `---'`---|    ` ' '`       `-'-'`---'`---'o``    
                `---'              `---'                                       
*/
@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: #AB886D;
    color: #fff
}

::-moz-selection {
    background: #AB886D;
    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: 20px;
    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);
    font-weight: bold;
}

.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;
    justify-content: flex-end!important;
    flex-wrap: nowrap;
    align-items: center
}

ul.tab_box li {
    margin: 0 0 0 6px;
    background-color: rgba(255,255,255,.1);
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    text-align: center;
    background-color: rgba(0,0,0,.05);
    border-radius: 50px;
    transition: 0.5s all
}

ul.tab_box li a {
    font-family: 'peyda';
    font-size: 12px;
    padding: 13px 23px 13px;
    line-height: 18px;
    color: inherit;
    display: block;
    font-weight: 600
}

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: #fff;
    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: 430px;
    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: 0;
    width: 8px;
    height: 8px;
    display: inline-block;
    border: 1px solid rgb(0 0 0 / 27%);
    color: rgba(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;
}

.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;
}

.table-compare {
    border: 1px solid #d7d7d7;
    margin-bottom: 3.75em;
    background-color: #FFF;
    font-family: var(--mainfontnum);
    width: 100%;
}

.compare_placeholder {
    position: relative;
}

.compare_placeholder .add_to_compare_wrap {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    position: absolute;
    top: 20px;
    bottom: 20px;
    right: 20px;
    left: 20px;
    border: 3px dashed #f4f5f6;
    border-radius: 10px;
    cursor: pointer;
    align-items: center;
}

.add_to_compare_wrap svg {
    width: 40px;
    stroke: #888;
}

.add_to_compare_wrap p {
    font-size: 11px;
    color: #a2a2a2;
    padding: 0 25px
}

.add_to_compare_wrap span {
    display: block;
    background-color: #81878b;
    border-radius: 5px;
    color: #fff;
    line-height: 30px;
    margin: 0 5px;
    padding: 0 15px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.tb_sticky .add_to_compare_wrap span {
    display: none
}

.add_to_compare_wrap:hover span {
    background-color: var(--maincolor);
}

.table-compare .product-info {
    text-align: center
}

.table-compare .product-info span {
    border: 1px solid #888888;
    background-color: #81878b;
    color: #ffffff;
    border-radius: var(--borderradius);
    display: inline-block;
    padding: 5px 15px;
}

.table-compare .product-info span:hover {
    border: 1px solid #2fb558;
    background-color: #23bf53;
}

.table-compare .star-rating {
    text-align: center;
    float: none;
    display: inline-block;
}

.table-compare .product-title {
    font-size: 12px;
    line-height: 1.8em;
    font-weight: 500;
    color: #585858;
    margin-bottom: 10px;
    height: 42px;
    overflow: hidden;
}

.table-compare .product-image img {
    margin: auto
}

.table-compare thead tr th {
    background-color: rgba(238, 239, 241, 0.63);
    vertical-align: middle;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    min-width: 220px;
    color: #222;
}

.table-compare thead tr th,
.table-compare thead tr td {
    border: 1px solid #d7d7d7;
}

.table-compare thead tr td {
    background-color: rgb(255, 255, 255);
}

.table-compare tbody tr th {
    background-color: rgba(51, 64, 88, 0.019);
    vertical-align: middle;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: #333;
}

.table-compare tbody tr th,
.table-compare tbody tr td {
    border: 1px solid #d7d7d7;
}

.table-compare tbody tr td,
.table-compare thead tr td {
    vertical-align: middle;
    text-align: center;
    padding: 1em;
}

.table-compare tbody tr td .in-stock,
.table-compare tbody tr td .out-of-stock {
    font-size: 10px;
    padding: 4px 20px;
}

.table-compare tbody tr td .in-stock {
    border: 1px solid #58ce3a;
    background-color: #4cdb3e;
    color: #ffffff;
    border-radius: var(--borderradius);
}

.table-compare tbody tr td .out-of-stock {
    border: 1px solid #e2655d;
    background-color: #ff7f76;
    color: #ffffff;
    border-radius: var(--borderradius);
}

.table-compare tbody tr td .product-image,
.table-compare tbody tr td .star-rating {
    display: block;
    float: none;
    margin: auto;
}

.table-compare tbody tr:first-child td {
    vertical-align: top;
    width: 22%;
}

.table-compare tbody tr:hover td {
    background-color: #fbfbfc;
}

.table-compare tbody .button {
    padding: 0.4em 2em;
    background-color: #eeeff1;
    border-radius: 24px;
}

.table-compare tbody .button i {
    display: none;
}

.table-compare tbody .price {
    font-size: 1.2em;
}

.table-compare tbody .price ins {
    text-decoration: none;
}

.table-compare tbody .price del {
    color: #5d7184;
    font-size: 0.875rem;
    text-decoration: auto;
    zoom: 0.9;
}

.table-compare tbody .remove-item {
    background-color: rgba(255, 0, 0, 0.04);
}

.table-compare tbody .remove-item .mweb-remove-compare {
    font-size: 16px;
    line-height: 24px;
}

.table-compare tbody .attribute_group_name {
    padding: 10px;
    background-color: rgb(233 236 241);
    text-align: right;
}

.table-compare tbody .attribute_group_name svg {
    width: 16px;
    vertical-align: middle;
    margin-left: 10px;
}

.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;
    transform: rotate(90deg);
}

.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;
        box-shadow: 0 15px 50px -10px #0000006b;
    }
}

.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%;
    right: -17px;
    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: 0;
}

.mweb-main-menu ul>li.level-0 ul.sub-menu li {
    padding: 4px 15px 0 15px;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    width: 100% !important;
}

.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: 3px;
}

.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: 4px 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;
}

form#reply-ticket {
    display: flex;
    flex-direction: row;
    margin: 30px 15px;
}

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;
}

.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;
}

.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;
    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 11%;
    }

    .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: 0;
        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: 11px 20px;
        width: 180px;
        border-bottom: 1px solid #cdb9ad;
        display: block;
        border-radius: 0;
        background-color: #d6c0b3;
    }

    .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: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        position: absolute;
        left: 0;
        top: 0;
        right: auto;
        padding-top: 20px;
        height: 100%;
        opacity: 0 !important;
        visibility: hidden !important;
        align-content: flex-start;
    }

    .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;
        display: flex;
        flex-direction: row;
    }

    .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: #bc9f89;
    }

    .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
}
.logoheadbox:after {
    content: '';
    height: 100%;
    width: calc(50vw - 650px);
    background-color: #D6C0B3;
    position: absolute;
    top: 0;
    left: 100%;
}
.prodboxnme {
    background-color: #D6C0B3;
    border-radius: 10px;
    padding: 100px 5px 15px;
    margin: -85px -10px 0;
}

.imgslidemain .elementor-swiper
{
	box-shadow: 0 2px 30px 1px #0000002b;
    border-radius: 15px;
    overflow: hidden;
}

.marquee_item {
    height: 140px !important;
    width: 100px !important;
}

.bxfootlft::after{
	content: '';
    height: 100%;
    width: calc(50vw - 650px);
    background-color: #493628;
    position: absolute;
    top: 0;
    right: 100%;
}
.compare p {
    line-height: 30px;
    font-size: 14px;
}
.slide-content {
    width: 100%;
    background-color: #D6C0B3;
    border-radius: 10px;
    padding: 70px 0 10px;
    margin-top: -80px;
}

.category-icon {
    width: 150px !important;
    height: 165px !important;
    z-index: 2;
    border-radius: 0 !important;
}

.category-icon img {
    filter: drop-shadow(2px 4px 6px #00000073);
}

.model-5 .view-btn {
    width: 90%;
    margin: -25px auto 0;
    padding: 10px;
    background-color: #AB886D !important;
}
.model-5 .view-btn:hover {
    background: #493628 !important;
}