/*
Theme Name: mweb-zonkan
Author: mahdisweb group
Description: این قالب به صورت اختصاصی توسط ماهدیس وب برنامه نویسی شده. و به صورت اختصاصی برای طراحی سایت ماهدیس وب محفوظ میباشد. هرگونه کپی برداری ، فروش ، نال ، ریپ قالب ممنوع بوده و با متخلفین از طریق پلیس فتا اقدام خواهد شد.
Author URI: http://www.mahdisweb.net
Version: 8.2.1
_ _ _ _
| | | (_) | |
_ __ ___ __ _| |__ __| |_ _____ _____| |__
| '_ ` _ \ / _` | '_ \ / _` | / __\ \ /\ / / _ \ '_ \
| | | | | | (_| | | | | (_| | \__ \\ V V / __/ |_) |
|_| |_| |_|\__,_|_| |_|\__,_|_|___/ \_/\_/ \___|_.__/
*/
@charset "UTF-8";
:root {
--maincolor: #f44336;
--secoundcolor: #10bcb4;
--bgcolor: #FFF;
--footcolor: #222332;
--cartcolor: #17b334;
--badgecolor: #10bcb4;
--mainfont: IRANSans;
--mainfontnum: IRANSansnum;
--brradius: 10px;
}
article,aside,details,figcaption,figure,footer,header,nav,section,summary{
display:block;
margin:0;
padding:0
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,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
}
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none
}
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;
float: left;
padding: 0;
width: auto
}
nav,
ul,
ol li,
li {
list-style: none;
margin: 0;
padding: 0
}
i {
font-style: normal
}
::selection {
background: var(--maincolor);
color: #fff
}
::-moz-selection {
background: var(--maincolor);
color: #fff
}
body {
direction: rtl;
font: 12px var(--mainfont);
text-align: right;
color: #555;
margin: 0;
padding: 0;
background-color: var(--bgcolor);
overflow-x: hidden
}
a {
color: #333;
text-decoration: none;
text-decoration: none!important;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
a:hover,
a:focus {
color: #333;
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:after,
.clear:before {
content: '';
display: block;
clear: both
}
.right {
float: right!important
}
.left {
float: left!important
}
select {
height: 28px;
line-height: 28px;
font-size: 11px;
margin: 0;
vertical-align: middle;
padding: 4px 10px;
border: 1px solid #eee;
cursor: pointer;
border-radius: var(--brradius);
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
#searchform input#s,
input[type="password"],
input[type="email"],
input[type="search"],
input[type="text"],
input[type="number"],
input.input-text,
textarea,
.compare .btn {
border-radius: var(--brradius);
padding: 5px 20px;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
color: #666;
font-size: 12px;
border: 1px solid #eee;
font-family: inherit;
}
.btn:hover, .comment-respond #submit:hover, #searchform #searchsubmit:hover, input[type="submit"]:hover, input[type="button"]:hover, .main-site-outer button:hover,
.btn:focus, .comment-respond #submit:focus, #searchform #searchsubmit:focus, input[type="submit"]:focus, input[type="button"]:focus, .main-site-outer button:focus {
background-color: var(--maincolor);
color: #fff
}
.mfp-wrap button:focus,
.mfp-wrap button:hover {
background-color: none;
border-color: none
}
legend {
font-size: inherit
}
iframe {
max-width: 100%
}
blockquote {
padding: 15px 20px;
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;
}
blockquote.blockquote{
font-size: 12px;
border-radius: 10px;
border: 4px double #efefef;
margin-bottom: 10px;
}
blockquote:before {
content: "\f10d";
font-family: "Font Awesome Pro";
font-weight: 300;
font-size: 55px;
color: rgba(0, 0, 0, 0.07);
line-height: 1;
z-index: 1;
margin-bottom: 25px;
position: absolute;
top: 15px;
left: 15px;
}
blockquote p {
font-size: inherit;
font-weight: 500;
/* letter-spacing: -.5px; */
}
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: #8e8e8e;
display: inline-block;
margin-left: 5px;
}
th, b {
font-weight: 500
}
.owl-dots {
display: inline-block;
text-align: center;
width: 100%;
position: relative;
}
.owl-dots .owl-dot {
cursor: pointer;
margin: 0 5px;
width: 20px;
height: 3px;
background: rgba(0, 0, 0, .25);
outline: none;
border: none;
padding: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-transform: scale(.7);
-ms-transform: scale(.7);
-webkit-transform: scale(.7);
transform: scale(.7);
-moz-transition: background .3s ease, -moz-transform .3s ease;
-o-transition: background .3s ease, -o-transform .3s ease;
-webkit-transition: background .3s ease, -webkit-transform .3s ease;
transition: background .3s ease, transform .3s ease
}
.owl-dots .owl-dot {
outline: none;
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none
}
.owl-dots .owl-dot:hover {
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1)
}
.owl-dots .owl-dot.active {
background: var(--maincolor);
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1)
}
header.main_header {
box-shadow: 0 0 11px 0 rgba(0, 0, 0, .1);
position: relative;
/* z-index: 10; */
}
.top_bar {
width: 100%;
min-height: 45px;
border-bottom: 2px solid #f6f7fb;
background-color: #fff;
position: relative
}
.login_wrap:not(.account_forms_a) {
width: 100%;
height: 31px;
margin: 6px 0 0 0;
display: inline-block
}
.login_wrap{
position: relative
}
.login_wrap .login_user {
background-color: #f9f9f9;
height: 31px;
position: relative;
color: #626771;
line-height: 30px;
padding-left: 8px;
font-size: 12px;
float: right;
z-index: 9;
-webkit-border-radius: 0 8px 8px 0;
border-radius: 0 8px 8px 0;
}
.login_wrap .login_user:before {
content: "";
float: right;
position: absolute;
top: 0;
left: -13px;
width: 0;
height: 0;
border-color: transparent transparent #f9f9f9;
border-style: solid;
border-width: 0 0 31px 13px
}
.login_wrap .login_user i {
font-size: 17px;
margin: 0 10px 0 10px;
line-height: 30px;
float: right
}
.login_wrap .logout_user:not(.elm_user_btn) , .login_wrap .login_user_btn:not(.elm_user_btn) {
background-color: rgba(247, 247, 247, .33);
height: 31px;
text-align: center;
position: relative;
color: #727272;
padding: 0 20px 0 15px;
line-height: 30px;
font-size: 12px;
float: right;
-webkit-border-radius: 8px 0 0 8px;
border-radius: 8px 0 0 8px;
cursor: pointer;
}
.login_wrap_io {
float: left;
height: 70px;
color: #666;
position: relative;
padding-left: 15px;
font-family: var(--mainfontnum);
/* margin: 0 5px 0 15px; */
box-shadow: -1.1rem 0 2rem -1rem rgba(0, 0, 0, .05);
}
.mini_cart_wrap + .login_wrap_io{
margin-left: 25px;
}
.head_dark .login_wrap_io {
color: #666;
box-shadow: -1.1rem 0 2rem -1rem rgb(0, 0, 0);
}
.login_wrap_io .login_user_btn>i {
font-size: 22px;
margin: 0 15px 0 10px;
line-height: 69px;
float: left;
color: #666;
cursor:pointer
}
.head_dark .login_wrap_io .login_user_btn>i{
color: #FFF;
}
.login_wrap_io .login_right{
float: left;
padding-top: 13px;
}
.login_wrap_io .login_user{
display: block;
}
.head_dark .login_wrap_io .login_user{
color: #FFF;
}
.login_wrap_io .login_user:after{
content:'';
display: block;
clear:both;
}
.login_wrap_io .login_right>a {
font-size: 10px;
margin: 0 10px 0 0;
float: left;
line-height: 0;
padding: 4px;
border-radius: 5px;
color: #FFF !important;
background-color: #f12622;
}
.main_header .account_action, .account_forms_a .account_action {
position: absolute;
width: 292px;
left: 0;
min-height: 80px;
background: #FFF;
z-index: 9999;
padding: 10px 10px 20px 10px;
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: 150%;
-webkit-border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
-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);
}
.login_wrap.account_forms_a .account_action.active{
top: 115%;
-webkit-border-radius: var(--brradius);
-moz-border-radius: var(--brradius);
border-radius: var(--brradius);
}
.login_wrap .account_action.active , .login_wrap_io .account_action.active , .login_wrap_io.active .account_action ,.logined_user:hover .account_action {
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
top: 100%;
}
.login_wrap .account_action{
left:auto
}
.elementor-widget-container .login_wrap .account_action{
left:0;
border-radius: 10px;
margin-top: 10px;
}
.elementor-login-toggle-align-right .login_wrap .account_action{
left:auto;
right:0
}
.logined_user.account_forms_a .account_action{
width: 200px;
padding: 10px 15px 10px 15px;
}
.main_header .title, .account_forms_a .title {
font-size: 12px;
line-height: 35px;
font-family: var(--mainfont);
position: relative;
width: 100%;
display: inline-block;
color: #555;
font-weight: 500;
padding: 0 15px 0 5px;
z-index: 2;
text-align:right
}
.main_header .title:after, .account_forms_a .title:after {
height: 19px;
width: 3px;
background-color: var(--maincolor);
position: absolute;
top: 9px;
right: 0;
z-index: 1;
content: ''
}
.account_action ul {
padding: 0 10px 5px 10px
}
.account_action ul li {
display: block;
margin-top: 2px;
padding: 0 15px 0 0;
position: relative;
width: 100%;
text-align: right;
}
.account_action ul li>a {
color: #555;
font-size: 12px;
line-height: 24px
}
.account_action ul li:hover>a {
color: var(--maincolor);
}
.account_action ul li:before {
color: var(--maincolor);
content: "-";
font-family: 'Font Awesome Pro';
font-weight: 300;
font-size: 8px;
right: 0;
position: absolute;
top: 8px
}
.account_action form {
padding: 10px
}
.account_action form input[type="text"],
.account_action form input[type="password"],
.account_action form input[type="email"] {
padding: 8px 10px;
display: block;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15);
margin-bottom: 10px;
font-size: 11px;
width: 100%;
border: none;
line-height: 21px;
}
.account_action form input[type="text"]:hover,
.account_action form input[type="text"]:focus,
.account_action form input[type="password"]:hover,
.account_action form input[type="password"]:focus,
.account_action form input[type="email"]:hover,
.account_action form input[type="email"]:focus {
box-shadow: 0 0 1px 0 rgba(0, 0, 0, .25)
}
.account_action form>span,
.account_action form .form-row-wide, .account_action form div {
display: block;
position: relative;
}
.account_action form .form-row-wide{
width: 100%
}
.account_action form span{
display: block
}
.verifysms{
padding:0 15px;
}
.account_action form label {
display: block;
margin-right: 0;
padding-bottom: 11px
}
.label_remember_me{
padding: 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 .form-row-wide i {
position: absolute;
top: 11px;
left: 12px;
font-size: 15px !important;
color: #dee1e7;
z-index: 1;
margin: 0
}
.account_action form input[type="checkbox"]:checked+span:before {
color: var(--maincolor);
content: "\f00c";
font-family: "Font Awesome Pro";
font-weight: 300;
}
.account_action form label span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.account_action form label span:before {
content: '';
display: block;
height: 12px;
width: 12px;
border-radius: 2px;
margin-left: 8px;
/* background-color: #f7f8fb; */
box-shadow: 0 0 1px 0 rgb(0 0 0 / 46%);
}
.account_action form .lost,
.account_action form .seller {
padding: 8px 10px;
display: inline-block;
text-align: center;
width: 49%;
color: #848484;
background-color: rgba(238, 239, 241, .5);
cursor: pointer;
border-radius: var(--brradius);
}
.account_action form span.mobile{
position:relative;
display: block;
}
.account_action form span.mobile input{
font-family: var(--mainfontnum);
letter-spacing: 1px
}
.password-input{
position: relative
}
.show-password-input{
position: absolute;
top: 10px;
left: 12px;
font-size: 14px;
color: #d4d4d4;
cursor: pointer;
display: block;
width: 20px;
height: 20px;
z-index: 1;
}
.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;
}
.woo_myaccount_login .otp-row-act .resend_otp{
border: 1px solid rgb(234 234 234 / 51%);
}
.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: #f4f4f6;
padding: 2px 10px;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s;
font-size: 11px;
}
.switch_login:hover{
background-color: var(--secoundcolor);
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;
}
.account_action form .help-block{
padding:0;
font-family: var(--mainfontnum);
font-size: 11px !important;
color: #c4c4c4;
text-align: right;
display: block !important;
}
.account_action form #message {
padding: 0 0 10px;
font-size: 10px;
display: block;
color: #848484
}
.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;
/* box-shadow: 0 1px 7px -4px rgba(0, 0, 0, 0.25); */
margin-left:3px;
width: 100%;
color: #FFF;
background-color: var(--maincolor);
border: none;
cursor: pointer;
border-radius: var(--brradius);
font-weight: 500;
transition: all 0.3s;
}
.account_action form input[type="submit"]:not(.wp_login_btn):not(.wp_register_btn):not(.wp_subscribe_btn){
width: 50%;
}
.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;
}
.flex_row{
display: flex !important;
flex-wrap: nowrap;
}
.flex_space-between{
justify-content: space-between;
}
.margin_10{
margin: 15px 0;
}
.account_action .seprator {
display: block;
border-bottom: 1px dashed #ddfccc;
text-align: center;
margin: 0 10px
}
.account_action .seprator i {
position: relative;
background-color: #fff;
padding: 0 10px;
bottom: -10px
}
.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 i {
margin-left: 5px;
color: #989898
}
.register_form {
display: none;
position: relative;
padding-top: 20px
}
.register_form .close_modal {
position: absolute;
top: 5px;
font-size: 15px;
left: 10px;
color: #ff675f;
cursor: pointer
}
.top_menu {
float: left
}
.top_menu ul {
float: left
}
.top_menu ul li {
float: right;
font-size: 12px;
color: #696969;
position: relative;
line-height: 44px;
}
.elementor-widget-my-header-menu-top .top_menu, .elementor-widget-my-header-menu-top .top_menu ul{
float: none;
}
.elementor-widget-my-header-menu-top .top_menu ul li {
float: none;
font-size: 12px;
line-height: inherit;
display: inline-block;
}
.top_menu ul li a {
position: relative;
padding: 0 10px;
color: inherit;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease
}
.top_menu ul li a:after {
content: ']';
font-size: 12px;
position: absolute;
top: calc(50% - 8px);
left: 10px;
-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_menu ul li a:before {
content: '[';
font-size: 12px;
position: absolute;
top: calc(50% - 8px);
right: 10px;
-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_menu ul li a:hover {
color: var(--maincolor)
}
.top_menu ul li a:hover:after {
left: 1px;
color: var(--maincolor);
opacity: 1
}
.top_menu ul li a:hover:before {
right: 1px;
color: var(--maincolor);
opacity: 1
}
.header_top {
width: 100%;
min-height: 85px;
background-color: #FFF;
border-bottom: 1px solid #f1f3fb
}
.logo {
min-height: 85px;
display: table
}
.logo a {
display: table-cell;
vertical-align: middle
}
.logo img {
max-height: 70px
}
.elm_logo{
min-height: auto;
display:block
}
.elm_logo a{
display: block;
}
.elm_logo img{
margin: auto;
max-height: auto
}
.align_right{text-align:right}
.align_center{text-align:center}
.align_left{text-align:left}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
form.search_wrap {
display: block;
height: 38px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background-color: #FFF;
margin-top: 22px;
padding: 3px;
position: relative;
z-index: 998;
box-shadow: 0 0px 0px 1px #efefef;
}
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.search_wrap i.search_icon {
float: right;
font-size: 17px;
color: #e0e1e6;
line-height: 31px;
margin-right: 12px;
}
form.elm_search i.search_icon {
line-height: inherit;
height: 100%;
}
form.search_wrap .search_clear {
position: absolute;
left: 10px;
top: calc(50% - 9px);
font-size: 11px;
background-color: #ffecec;
width: 18px;
height: 18px;
text-align: center;
line-height: 17px;
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:hover{
background-color: #dedede !important;
}
form.search_wrap input {
width: calc(100% - 70px);
border: none;
font-family: var(--mainfont);
height: 31px;
margin-right: 10px;
color: #666;
font-size: 11px;
padding: 0;
}
form.search_wrap input:focus{
border:none;
}
form.search_wrap input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #cbccd2;
}
form.search_wrap input::-moz-placeholder {
/* Firefox 19+ */
color: #cbccd2;
}
form.search_wrap input:-ms-input-placeholder {
/* IE 10+ */
color: #cbccd2;
}
form.search_wrap input:-moz-placeholder {
/* Firefox 18- */
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{
text-align:center
}
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;
cursor: pointer;
}
form.search_wrap .header-search-more button:hover{
background-color:#c1c1c1;
color:white
}
form.search_wrap .search_in{
position: absolute;
left: 40px;
top: 9px;
font-size: 12px;
color: #cdced6;
}
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: 10px 10px;
min-height: 30px;
background: #FFF;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
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);
}
.search_history{
margin: 10px 0;
}
.search_history>i{
font-size: 16px;
vertical-align: middle;
margin-left: 10px;
color: #888;
}
.search_history .history_list{
padding: 7px 23px 7px 10px;
}
.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;
}
.search_history .history_list a:after{
content: "\f104";
font-family: "Font Awesome Pro";
font-weight: 300;
font-size: 14px;
vertical-align: middle;
display: inline-block;
margin-right: 5px;
opacity: 0.5;
}
.header-search-not-found{
padding-right: 15px;
color: #e4b7b9;
}
.ajax-not-found {
padding: 0px 15px;
font-size: 12px;
color: #999;
text-align: center;
}
.search_category{}
.btn_search_cat{
position: absolute;
left: 15px;
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: 80px;
overflow: hidden;
top: 9px;
white-space: nowrap;
}
.btn_search_cat.el_cat_title:before{
content: "\f107";
font-family: "Font Awesome Pro";
font-weight: 300;
font-size: 12px;
vertical-align: middle;
margin-left: 5px;
opacity: 0.8;
}
.btn_search_cat.el_cat_icon{
font-size: 17px;
top: calc(50% - 10px);
}
.btn_search_cat.el_cat_icon:before{
content:"\f1de";
font-family: "Font Awesome Pro";
font-weight: 300
}
.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: 17px;
-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(--maincolor);
-webkit-transition: all 0.3s;
transition: all 0.3s;
font-weight: 500;
}
.ajax_search_list{
display:block;
margin-bottom: 10px;
}
.search_in_taxonomy{
margin-bottom: 10px;
display: flex;
align-items: center;
line-height: 25px;
}
.search_in_taxonomy i{
font-size: 16px;
vertical-align: middle;
margin-left: 10px;
color: #888;
}
.search_in_taxonomy span{
display:inline-block
}
.search_in_taxonomy_inner{
display: inline-block;
margin-right: 10px;
}
.search_in_taxonomy_inner a{
background-color: #ffebe9;
padding: 0 5px;
border-radius: 5px;
display: inline-block;
margin: 2px 0 2px 8px;
}
.search_in_taxonomy_inner a:hover{
background-color: #e4e4e4;
color:#333
}
#search_modal{
max-width: 850px;
}
#search_modal form.search_wrap{margin-top: 0;}
#search_modal .ajax-search-result{
/* position: relative; */
/* top: auto; */
margin-top: 28px;
right: -20px;
left: -20px;
}
#search_modal .ajax_search_list{
white-space: nowrap;
margin-bottom: 15px;
position: relative;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
#search_modal .ajax_search_list::-webkit-scrollbar {
height: 2px;
background: #eee;
border-radius: 4px
}
#search_modal .ajax_search_list::-webkit-scrollbar-corner {
background-color: #282828;
display: block;
border-radius: 4px
}
#search_modal .ajax_search_list::-webkit-scrollbar-thumb {
background-color: #b5b5b5;
border-radius: 4px
}
#search_modal .ajax_search_list .rollbar-content{
white-space: nowrap;
float:right;
}
#search_modal .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;
}
#search_modal .ajax_search_list .post_with_thumb .inner{
white-space: initial;
}
.elm_btn_c, .elm_user_btn{
display: block;
text-align: center;
line-height: 38px;
padding: 0 10px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
background-color: #4a515f;
color: #FFF;
position: relative;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
}
.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 i, .elm_user_btn i{
font-size: 22px;
vertical-align: middle;
}
.elm_btn_c.auto_width i, .elm_user_btn.el_is_text i{
margin-left:7px
}
.elm_btn_c span, .elm_user_btn.el_is_text p{
font-size: 12px;
display: inline-block;
vertical-align: middle;
}
.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;
margin-top: 0
}
.mini_cart_wrap.elm_cart{
float: none;
display: flex;
}
.mini_cart_wrap.elm_cart .mini_cart_box{
width: auto;
height: 39px;
min-width: 39px;
line-height: 46px;
float: none;
display: inline-block;
}
.elm_cart.mini_cart_wrap>a span{
top: 0;
right: 4px;
border-radius: 6px 0px 6px 6px;
width: 16px;
height: 16px;
line-height: 17px;
}
.elm_cart.mini_cart_wrap>a span:before{
display:none
}
.wishlist_bottom {
width: 63px;
float: left;
height: 85px;
color: #666;
overflow: hidden;
line-height: 86px;
font-family: var(--mainfontnum);
text-align: center;
margin: 0 5px 0 15px;
font-size: 24px;
box-shadow: -1.1rem 0 2rem -1rem rgba(0, 0, 0, .05);
}
.mini_cart_wrap {
position: relative;
float: left
}
.mini_cart_box {
width: 39px;
float: left;
height: 85px;
color: #666;
overflow: hidden;
line-height: 85px;
font-family: var(--mainfontnum);
text-align: center;
margin: 0 5px 0 0;
font-size: 24px;
}
.mini_cart_wrap>a span {
width: 17px;
height: 17px;
background-color: var(--secoundcolor);
color: #FFF;
right: -3px;
top: 14px;
border-radius: 50%;
position: absolute;
text-align: center;
font-size: 10px;
line-height: 18px;
font-family: var(--mainfontnum);
}
.mini_cart_wrap>a span:before {
content: '';
position: absolute;
bottom: 2px;
left: -4px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 4px solid transparent;
border-bottom: 6px solid var(--secoundcolor);
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-20deg);
}
.mini_cart_wrap .mini_cart_detail {
position: absolute;
left: 0;
width: 285px;
min-height: 80px;
text-align: center;
background: #FFF;
z-index: 9999;
padding: 15px 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: 150%;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-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-widget-my-header-cart .mini_cart_wrap .mini_cart_detail {
border-radius: 10px;
margin-top: 10px
}
.mini_cart_wrap .mini_cart_detail .widget {
box-shadow: none
}
.mini_cart_wrap:hover .mini_cart_detail {
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
top: 100%
}
.main_header.head_override{
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
}
.main_header.head_dark{
background-color: #1d1e24;
box-shadow: 0 0 11px 0 rgba(0, 0, 0, .1);
}
.head_override .header_top{
min-height: 68px;
border-bottom: 1px solid #f7f7f7;
}
.head_dark .header_top{
background-color: #333;
border-bottom: 1px solid #303030;
}
.head_override .mini_cart_box{
height: 70px;
line-height: 75px;
font-size: 22px;
}
.head_dark .mini_cart_box{
color: #FFF;
}
.head_override .wishlist_bottom{
/* width: 48px; */
height: 70px;
line-height: 75px;
font-size: 22px;
}
.head_dark .wishlist_bottom{
color: #FFF;
box-shadow: -1.1rem 0 2rem -1rem rgb(0, 0, 0);
}
.head_override .logo {
min-height: 70px;
display: table;
}
.head_dark .mobile-nav-button a{
color:#ddd
}
.head_override .logo img {
max-height: 52px;
}
.head_dark .menu_wrapper{background-color: #444;}
.head_dark .mweb-main-menu ul>li.level-0>a{
color: #FFF !important
}
.head_dark .mweb-main-menu ul>li:hover>a,.head_dark .mweb-main-menu ul>li.level-0.mweb-active-item>a {
color: #ffffff;
}
.menu_wrapper {
width: 100%;
height: 55px;
background-color: #fff;
position: relative
}
.quick_access_wrap {
position: relative;
z-index: 10;
}
.quick_access {
/* width: 138px; */
min-height: 35px;
-webkit-border-radius: var(--brradius);
-moz-border-radius: var(--brradius);
border-radius: var(--brradius);
background-color: var(--maincolor);
color: #ffffff;
font-size: 13px;
line-height: 38px;
margin-top: 8px;
-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;
cursor: pointer;
position: relative;
padding-right: 50px;
}
.elementor-widget-container .quick_access{
margin:0
}
.quick_access:hover ,.quick_access.open {
background-color: #777777;
}
.quick_access strong {
font-weight: 500;
padding-right: 4px;
}
.quick_access i {
width: 40px;
text-align: center;
font-size: 19px;
color: #FFF;
height: 39px;
line-height: 37px;
float: right
}
.quick_access span {
display: block;
background: #ffffff;
border-radius: 2px;
transition: .25s ease-in-out;
box-sizing: border-box;
}
.quick_access #hamburger {
position: absolute;
height: 100%;
top: calc(50% - 20px);
}
.quick_access #hamburger span {
width: 20px;
height: 2px;
position: relative;
top: 9px;
right: -31px;
margin: 4px 0
}
.quick_access #hamburger span:nth-child(1) {
transition-delay: .5s
}
.quick_access #hamburger span:nth-child(2) {
transition-delay: .625s
}
.quick_access #hamburger span:nth-child(3) {
transition-delay: .75s
}
.quick_access #cross {
position: absolute;
height: 100%;
transform: rotate(45deg);
top: calc(50% - 22px);
}
.quick_access #cross span:nth-child(1) {
height: 0%;
width: 2px;
position: absolute;
top: -4px;
right: -15px;
transition-delay: 0s
}
.quick_access #cross span:nth-child(2) {
width: 0%;
height: 2px;
position: absolute;
right: -25px;
top: 6px;
transition-delay: .25s
}
.quick_access.open #hamburger span {
width: 0%
}
.quick_access.open #hamburger span:nth-child(1) {
transition-delay: 0s
}
.quick_access.open #hamburger span:nth-child(2) {
transition-delay: .125s
}
.quick_access.open #hamburger span:nth-child(3) {
transition-delay: .25s
}
.quick_access.open #cross span:nth-child(1) {
height: 22px;
transition-delay: .625s
}
.quick_access.open #cross span:nth-child(2) {
width: 22px;
transition-delay: .375s
}
.quick_access_wrap>ul {
position: absolute;
top: 121%;
right: 0;
left: 0;
margin: 0;
padding: 0;
list-style: none;
border-radius: inherit;
background: inherit;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
transition: .5s ease;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0;
visibility: hidden;
background-color: #ffffff;
border-radius: var(--brradius);
box-shadow:0 0 12px -4px rgba(55,73,72,.06);
}
.quick_access_wrap ul li {
border-bottom: 1px solid rgb(0 0 0 / 5%);
overflow: hidden;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
transition: .5s ease;
line-height: 36px;
position: relative;
}
.quick_access_wrap ul li .explain-menu {
line-height: 37px;
width: 40px;
color: #000000;
opacity: 0.5;
border-right: 1px solid rgb(0 0 0 / 10%);
}
.quick_access_wrap ul li:last-child {
border-bottom: none
}
.quick_access_wrap ul li a {
transition: all .2s linear;
color: #333;
font-size: 12px;
padding-right: 15px;
}
.quick_access_wrap .sub-menu {
display: none;
background-color: rgba(0, 0, 0, 0.01);
font-weight: 400;
font-size: .9em;
}
.quick_access_wrap.active>ul {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1)
}
.page-wrap {
padding-bottom: 10px;
}
.search_wrapper {
width: 100%;
background-color: #f6f7fb;
position: relative;
display: block;
margin-bottom: 60px;
padding-top: 20px
}
.search_wrapper:before {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-image: url(assets/images/shapes-bg.png);
background-position: bottom center;
background-repeat-y: no-repeat;
background-size: contain
}
.search_area {
min-height: 100px;
min-width: 131px;
display: block;
z-index: 2;
padding: 26px;
-webkit-border-radius: 6px;
border-radius: 6px;
position: relative;
background: #fff;
bottom: -47px
}
.search_area::before,
.search_area:after {
position: absolute;
content: '';
background: rgba(255, 255, 255, .5);
-webkit-border-radius: 6px;
border-radius: 6px;
height: 100%;
z-index: -1
}
.search_area::before {
left: 15px;
top: -13px;
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px)
}
.search_area:after {
left: 30px;
width: -webkit-calc(100% - 60px);
width: calc(100% - 60px);
top: -26px
}
.search_area input[type="text"] {
width: 71%;
float: right;
border: none;
height: 50px;
padding: 0 20px 0 10px;
font-size: 13px;
border: 1px solid #ededed;
color: #606060!important
}
.search_area select {
width: calc(28% - 70px);
height: 50px;
float: right;
color: #606060;
border: 1px solid #ededed;
border-right: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(assets/images/select-arrows.png);
background-position: 16px center;
background-repeat: no-repeat;
text-indent: 10px
}
.search_area .search_bottom {
float: right;
width: 70px;
height: 50px;
text-align: center;
line-height: 56px;
font-size: 19px;
color: #FFF;
margin-right: 10px;
background-color: var(--maincolor);
border: none;
cursor: pointer;
border-radius: 3px
}
.main_slider_wrap {
width: 100%;
max-height: 450px;
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 10px;
position: relative
}
.main_slider_wrap .main_slider_body {
width: 100%;
height: auto
}
.main_slider_wrap .main_slider_body .main_slider_item {
width: 100%;
height: auto
}
.main_slider_wrap .main_slider_body .main_slider_item img {
background-size: cover
}
.main_slider_wrap .main_slider_body .main_slider_item h2 a {
position: absolute;
width: calc(100% - 51px);
padding: 12px 34px 12px 15px;
background-color: #00000042;
color: #FFF;
bottom: 25px;
right: 55px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.main_slider_wrap .owl-carousel .owl-stage-outer,
.main_slider_wrap .owl-carousel .owl-stage,
.main_slider_wrap .owl-carousel.owl-rtl .owl-item {
max-height: 450px
}
.main_slider_wrap .owl-nav {
background-color: #eeeff1;
position: absolute;
right: 0;
bottom: 25px;
width: 56px;
height: 40px;
z-index: 999;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
padding-right: 10px
}
.main_slider_wrap .owl-nav #main_slider_prev {
float: right;
font-size: 25px;
margin: 0 5px;
line-height: 48px;
cursor: pointer
}
.main_slider_wrap .owl-nav #main_slider_next {
float: right;
font-size: 25px;
margin: 0 5px;
line-height: 48px;
cursor: pointer
}
.main_slider_wrap .owl-nav:before {
content: "";
float: right;
position: absolute;
top: 0;
left: -20px;
width: 0;
height: 0;
border-color: transparent transparent #eeeff1;
border-style: solid;
border-width: 0 0 40px 22px
}
.ad_wrap {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
overflow: hidden;
background-color: #FFF;
margin-top: 10px
}
.ad_wrap img {
margin: auto;
display: block
}
.service_wrap {
display: flex;
}
.service_item {
width: 100%;
line-height: 20px;
text-align: center;
background-color: #ffffff;
border: 2px dotted #a0a0a0;
border-right-color: var(--maincolor);
border-left-color: var(--maincolor);
border-radius: var(--brradius);
padding: 25px 0;
-webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
-moz-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06); -webkit-transition: all 0.3s;
transition: all 0.3s
}
.service_item:hover{
background-color: hsla(0, 0%, 100%, 0.4);
}
.service_item i {
font-size: 31px;
margin-bottom: 12px;
display: block;
}
.service_item:hover i{
color: var(--maincolor);
}
.service_item a {
font-size: 12px;
display: block;
font-weight: 500;
}
.sales_today_wrap {
width: 100%;
min-height: 320px;
margin-top: 10px;
position: relative
}
.sales_today_wrap #sales_slider_next {
position: absolute;
right: -45px;
top: 22px;
font-size: 20px;
z-index: 99;
cursor: pointer
}
.sales_today_wrap #sales_slider_prev {
position: absolute;
right: -32px;
top: 22px;
font-size: 20px;
z-index: 99;
cursor: pointer
}
.sales_today_body {
overflow:hidden
}
.sales_today_body .sales_item {
background-color: #FFF;
border-radius: var(--brradius);
padding: 20px 20px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1);
display: inline-block;
width: 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;
margin: 0 0 40px 0;
}
.sales_today_body .sales_item:before,
.sales_today_body .sales_item:after {
content: '';
display: block;
clear: both
}
.sales_today_body .sales_item:after {
display:none;
position: absolute;
background-color: rgba(255, 255, 255, .71);
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: var(--brradius);
}
.sales_today_body .sales_item .item_cat a {
color: #ccc;
font-size: 11px
}
.sales_today_body .sales_item img {
width: 100%;
max-width: 220px;
margin: auto
}
.sales_today_body .sales_item .product-name,
.sales_today_body .sales_item .woocommerce-loop-product__title {
margin: 5px 0 0;
font-size: 14px;
display: block;
line-height: 20px;
color: #434343;
height: 41px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.sales_today_body .price_deal .product_label {
border-radius: 10px 10px 2px 10px;
border: none;
width: 40px;
height: 18px;
line-height: 21px;
font-size: 10px;
letter-spacing: 2px;
box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.20);
left: -20px;
top: auto;
bottom: 4px;
}
.sales_today_body .price_deal {
padding: 10px 0 0 0;
white-space: nowrap;
float: right;
position: relative;
}
.sales_today_body .price ins {
text-align: right;
float: right;
color: #b0b0b0;
font-size: 10px;
line-height: 17px;
clear: both;
margin-top: 6px;
}
.sales_today_body .price del {
text-align: center;
float: right;
line-height: 26px;
font-size: 11px;
text-decoration: none;
position: relative;
}
.sales_today_body .price del .woocommerce-Price-amount {
margin: 0;
display: inline-block;
color: #a0a0a0;
text-decoration: line-through;
font-size: 13px;
line-height: 19px;
font-weight: normal;
text-align: center;
vertical-align: middle;
}
.sales_today_body .price .woocommerce-Price-amount {
margin: 0;
display: inline-block;
line-height: 1;
font-size: 15px;
color: #444;
}
.sales_today_body .price span.woocommerce-Price-currencySymbol {
float: none;
/* color: #414141; */
font-size: 10px;
font-weight: 400;
text-align: center;
vertical-align: middle;
line-height: 20px;
display: inline-flex;
margin-right: 7px;
}
.sales_today_body .price ins span.woocommerce-Price-currencySymbol {
display: none
}
.sales_today_body .add-to-cart-wrap .button,
.sales_today_body .add-to-cart-wrap .added_to_cart {
font-size: 17px;
width: 40px;
height: 40px;
text-align: center;
line-height: 44px;
border-radius: 45px 15px 45px 45px;
float: left;
overflow: hidden;
position: relative;
color: #101010;
}
.sales_item:hover .add-to-cart-wrap .button {
background-color: var(--maincolor);
color: #fff;
}
.sales_item .add-to-cart-wrap {
float: left;
position: relative;
top: 15px
}
.sales_today_body .owl-carousel .active.center .sales_item {
box-shadow: 0 0 30px 0 rgba(0, 0, 0, .1);
border: none;
margin: 0 0 40px 0
}
.sales_today_body .owl-carousel .active.center .sales_item:after {
content: none
}
.sales_today_body .sales_item .product-date {
background-color: #fcfcfc;
height: 45px;
position: absolute;
width: 100%;
right: 0;
/* left: 10px; */
bottom: 0;
z-index: -1;
padding-top: 16px;
border-radius: 0px 0px 8px 8px;
direction: ltr;
font-family: var(--mainfontnum);
}
.sales_today_body .sales_item .product-date>div {
display: inline-block;
margin-left: 8px;
direction: rtl
}
.sales_today_body .sales_item .product-date>div:first-child {
margin-right: 0
}
.sales_today_body .sales_item .product-date>div span {
display: inline-block;
color: #636363
}
.sales_today_body .sales_item .product-date>div:last-child span.no {
color: #FFF;
color: var(--secoundcolor)
}
.sales_today_body .sales_item .product-date>div span.no {
font-size: 11px;
font-weight: 500
}
.sales_today_body .sales_item .product-date>div span.text {
font-size: 10px;
line-height: 18px;
margin-right: 5px;
opacity: .8
}
.sales_today_body .owl-dots{
margin-top: 10px;
}
.sales_today_body .sales_item.is_vertical{
margin-bottom: 0
}
.sales_today_body .sales_item.is_vertical .add-to-cart-wrap .button{
width: auto;
font-size: 12px;
text-indent: unset;
padding: 0 15px;
line-height: 38px;
}
.sales_today_body .sales_item.is_vertical .add-to-cart-wrap .button i{
font-size: 17px;
vertical-align: middle;
text-indent: unset;
margin-left: 9px;
}
.sidebar_wrap {
z-index: 999;
margin-top: 10px
}
.image_ads_wrap {
display: block;
margin: 0 auto 10px auto;
text-align: center;
background-color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden
}
.widget {
background-color: #FFF;
-webkit-border-radius: var(--brradius);
-moz-border-radius: var(--brradius);
border-radius: var(--brradius);
margin-top: 14px;
overflow: hidden;
display: block;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1);
}
.widget_title {
font-size: 13px;
line-height: 47px;
font-family: var(--mainfont);
font-weight: 500;
position: relative;
width: 100%;
display: inline-block;
color: #333;
padding: 0 35px 0 5px;
z-index: 2;
box-shadow: 0 14px 28px -15px rgba(0, 0, 0, .05);
background-color: #fff;
}
.widget_title:before {
position: absolute;
top: 16px;
right: 10px;
border-radius: 5px 0 5px 5px;
z-index: 1;
content: '\e197';
font-family: "Font Awesome Pro";
font-weight: 300;
line-height: 15px;
font-size: 17px;
color:var(--maincolor)
}
.widget-content {
width: 100%;
float: right;
padding: 15px 15px 15px;
display: block;
position: relative;
font-family: var(--mainfontnum)
}
.widget_archive .widget-content>ul,
.widget_categories .widget-content>ul {
float: right;
margin: 0;
padding: 0;
width: 100%
}
.widget_archive .widget-content>ul>li,
.widget_categories .widget-content>ul>li {
border-bottom: 1px dashed #e8ecec;
color: #999;
float: right;
font-size: 11px;
line-height: 34px;
padding: 0 0;
position: relative;
width: 100%
}
.widget_archive .widget-content>ul>li:first-child,
.widget_categories .widget-content>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 {
border: medium none;
padding-bottom: 0
}
.widget_archive .widget-content>ul>li>a,
.widget_categories .widget-content>ul>li>a {
color: #565656;
float: right;
font-size: 11px;
padding-right: 20px;
position: relative;
width: 100%
}
.widget_archive .widget-content>ul>li>a:before,
.widget_categories .widget-content>ul>li>a:before {
color: #e6e6e6;
content: "\f0c8";
font-family: 'Font Awesome Pro';
font-weight: 300;
font-size: 5px;
right: 5px;
position: absolute;
top: 2px;
-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 {
right: 5px;
color: var(--maincolor)
}
.widget_archive .widget-content>select,
.widget_categories .widget-content>select {
border: 1px solid #e8ecec;
color: #777;
float: left;
font-size: 11px;
height: 28px;
letter-spacing: .3px;
padding-right: 10px;
width: 100%
}
.widget_search .widget-content>form {
float: right;
margin: 0;
padding: 1px;
width: 100%;
font-family: var(--mainfont)
}
.widget_search .widget-content>form label {
display: none
}
.widget_search .widget-content>form input[type="text"] {
border: 1px solid #f5f5f5;
color: #7d7d7d;
float: right;
font-size: 11px;
height: 35px;
margin: 0;
padding: 4px 10px;
width: calc(100% - 32px);
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.widget_search .widget-content>form button {
border: medium none;
background-color: var(--maincolor);
color: #fff;
line-height: 38px;
height: 35px;
width: 32px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.search_form button:before {
content: "\f002";
font-size: 15px;
font-family: 'Font Awesome Pro';
font-weight: 300;
color: #FFF;
position: relative;
top: -2px;
}
.widget_search .widget-content>form button:hover {
background-color: #555;
color: #FFF
}
#calendar_wrap {
float: right;
width: 100%;
line-height: 44px
}
#calendar_wrap>table {
float: right;
width: 100%
}
#calendar_wrap>table>caption {
background: #fafafa;
color: #333;
font-size: 12px;
padding: 0 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: 400;
line-height: 30px;
padding: 0 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: #fff;
border: 1px solid #e8ecec;
color: #888;
font-size: 12px;
padding: 0 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: #555
}
.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 {
float: right;
width: 100%;
}
.widget_nav_menu .widget-content>ul>li ul li, .widget_pages .widget-content>ul>li ul li {
float: right;
list-style: none outside none;
width: 100%;
}
.widget_nav_menu .widget-content>ul>li ul, .widget_pages .widget-content>ul>li ul {
float: right;
margin: 0;
width: 100%;
}
.widget_nav_menu .widget-content ul li a, .widget_pages .widget-content>ul li a {
border-bottom: 1px dashed #e8ecec;
color: #565656;
float: right;
font-size: 11px;
padding: 0 15px 2px 0;
line-height: 28px;
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;
width: 100%;
}
.widget_nav_menu .widget-content ul li ul , .widget_pages .widget-content>ul {
padding-right: 8px;
}
.widget_nav_menu .widget-content ul li a:before, .widget_pages .widget-content>ul li a:before {
color: #efbe0b;
content: "\f104";
font-family: "Font Awesome Pro";
font-weight: 300;
font-size: 12px;
right: 0px;
margin-top: -14px;
position: absolute;
top: 50%;
}
.widget_meta .widget-content>ul {
float: left;
list-style: none outside none;
margin: -10px 0 0;
padding: 0;
width: 100%
}
.widget_meta .widget-content>ul>li {
float: left;
width: 100%
}
.widget_meta .widget-content>ul>li>a {
color: #565656;
float: left;
font-size: 11px;
letter-spacing: .3px;
margin-top: 10px;
width: 100%
}
.widget_recent_comments .widget-content>ul {
float: right;
margin: 0;
padding: 0;
width: 100%
}
.widget_recent_comments .widget-content>ul>li>a {
color: #666;
font-size: 11px;
letter-spacing: .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: 1px dashed #e8ecec;
color: #999;
font-size: 11px;
padding: 10px 10px;
margin-top: 5px;
margin-right: 5px
}
.widget_recent_comments .widget-content>ul>li:hover {
background-color: #fdfdfd
}
.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:before {
color: #b9b9b9;
content: "\f4b0";
font-family: 'Font Awesome Pro';
font-weight: 300;
font-size: 13px;
position: relative;
margin-left: 5px;
width: 23px;
height: 23px;
text-align: center;
line-height: 23px;
border-radius: 50% 0 50% 50%;
background-color: #f7f7f7;
top: 1px;
margin-right: -20px;
float: right;
}
.widget_recent_comments .widget-content>ul>li span:after {
content: "";
width: 1px;
height: 13px;
background-color: #f9f9f9;
position: relative;
display: inline-block;
margin-right: 7px;
top: 3px
}
.widget_recent_comments .widget-content>ul>li:hover span:before {
color: #fff;
background-color: var(--maincolor);
}
.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 {
float: right;
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 {
color: #e6e6e6;
content: "\f15c";
font-family: "Font Awesome Pro";
font-weight: 300;
font-size: 15px;
margin-left: 5px;
vertical-align: middle;
display: inline-block;
}
.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 {
color: #bdbdbd;
}
.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;
float: right;
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 {
float: right;
width: 100%
}
.tagcloud a:hover {
color: #fff;
background-color: var(--maincolor);
border: 1px solid #fff
}
.tagcloud a {
border: 1px solid #e8ecec;
color: #949494;
float: right;
font-size: 12px !important;
line-height: 25px;
padding: 0 12px 1px;
margin-top: 5px;
margin-left: 5px;
overflow: hidden;
border-radius: var(--brradius);
position: relative;
}
.widget_text .widget-content p {
color: #565656;
float: right;
font-size: 12px;
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 {
float: right;
width: 100%
}
.textwidget .widget-content form select {
float: right;
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 0
}
.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;
border: 1px solid rgba(0, 0, 0, .05);
color: #999;
outline: 0;
box-shadow: none;
padding: 3px 10px;
font-size: 11px;
line-height: 20px;
width: 100%
}
.mc4wp-form label {
display: block;
margin-bottom: 15px;
position: relative
}
.mc4wp-form label:first-child:before {
content: "\f06b";
font-family: 'Font Awesome Pro';
font-weight: 300;
display: inline-block;
font-size: 30px;
line-height: inherit;
margin-left: 10px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
position: relative;
bottom: -7px
}
.mc4wp-form input[type="submit"] {
display: block;
background-color: #fff;
color: #aaa;
width: 100%;
border: none;
padding: 6px;
font-size: 10px;
margin-top: 10px;
box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1)
}
.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-top: 4px
}
.about-widget-image img {
display: block;
width: 100%;
border: 1px solid #f5f5f5;
padding: 2px
}
.about-widget-image .about-name {
display: block;
position: absolute;
bottom: 15px;
right: 1px;
background-color: #fff;
padding: 5px 10px;
box-shadow: -1px 1px 0 rgba(34, 34, 34, .1);
-webkit-box-shadow: -1px 1px 0 rgba(34, 34, 34, .1)
}
.about-content-wrap>* {
margin-top: 8px;
border-right: 2px solid #e3e3e3;
padding-right: 10px;
line-height: 1.7em
}
.widget .about-name h3 {
line-height: 1.2;
font-size: 12px
}
.widget .about-content {
margin-bottom: 12px;
line-height: 1.9em;
color: #555
}
.about-content-wrap i {
font-size: 15px;
display: inline-block;
margin-left: 10px;
opacity: .5;
margin-top: 2px
}
.about-content-wrap .email i {
font-size: 13px
}
.about-content-wrap .email a {
font-style: italic;
text-decoration: underline
}
.about-content img {
margin-top: 20px
}
.image-ads-wrap {
display: block;
margin: 0 auto 0 auto;
text-align: center
}
.post_with_thumb {
display: flex;
width: 100%;
padding: 0 0 8px;
margin-bottom: 8px;
border-bottom: 1px dashed #ececec;
}
.post_with_thumb .post-thumb {
float: right
}
.post_with_thumb img {
float: right;
width: 50px;
height: 50px
}
.post_with_thumb .inner {
color: #7A7A7A;
padding: 0 10px 0 0;
line-height: 1.8em;
font-size: 12px;
display: table-cell;
vertical-align: middle;
}
.post_with_thumb .inner a {
color: #555;
font-family: var(--mainfont);
font-size: 11.5px;
line-height: 17px;
display: block;
}
.post_with_thumb:last-child {
margin-bottom: 0;
padding-bottom: 0;
border: none
}
.post-thumb img {
float: right;
width: 50px;
height: 50px;
border: 1px solid #eeeff1;
padding: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.the_most {
margin-top: 15px;
}
.tab_body:not(:first-of-type){
display:none
}
.the_most .tab_body,.widget_mweb_mostview_widget .tab_body {
padding: 5px 10px;
}
.the_most .ul_tab,.widget_mweb_mostview_widget .ul_tab {
border-bottom: 2px dotted #e1e4ea;
display: flex;
margin-bottom: 10px;
}
.the_most .ul_tab li,.widget_mweb_mostview_widget .ul_tab li {
opacity: .5;
color: #333;
position: relative;
font-family: var(--mainfont);
line-height: 18px;
padding: 10px 7px;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
width: 100%
}
.the_most .ul_tab li span , .widget_mweb_mostview_widget .ul_tab li span {
z-index: 9;
position: relative;
font-size: 11px;
display: block;
}
.the_most .ul_tab .active , .widget_mweb_mostview_widget .ul_tab .active {
opacity: 1;
background-color: hsla(220, 23%, 95%, .19);
}
.the_most .ul_tab .active a , .widget_mweb_mostview_widget .ul_tab .active a {
color: var(--maincolor)
}
.the_most .ul_tab li i , .widget_mweb_mostview_widget .ul_tab li i {
text-align: center;
border-radius: 12px;
font-size: 18px;
color: #262626;
padding-top: 4px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out
}
.the_most .ul_tab .active i , .widget_mweb_mostview_widget .ul_tab .active i {
opacity: 1
}
.close-off-canvas-wrap i,.mobile-nav-button a{
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear
}
.main-nav-inner .is-sub-menu li a:hover:before{
visibility:visible;
left:0
}
.close-off-canvas-wrap,.mobile-menu-wrap .mobile-menu,.mobile-menu-wrap ul li ul{
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.mega-col-menu.is-mega-bg{
border-left:none!important
}
.mega-col-menu.is-mega-bg .is-sub-menu{
background-color:transparent!important
}
.mega-category-menu .is-text-light .pinterest-icon-overlay a{
background-color:#fff
}
.mega-category-menu .is-text-dark .pinterest-icon-overlay a{
background-color:#000
}
.mega-category-menu .is-text-light .pinterest-icon-overlay i,.mega-category-menu .pinterest-icon-overlay a:focus i,.mega-category-menu .pinterest-icon-overlay a:hover i{
color:#fff
}
.mobile-nav-button-outer{
display:block;
position:static
}
.mobile-nav-button{
display:none;
margin-top:4px;
color:#55555a;
float:right;
z-index:9999;
margin-right:10px
}
.mobile-nav-button>*{
display:inline-block;
vertical-align:middle;
line-height:34px
}
.mobile-nav-button a{
transition:all .2s linear;
color:inherit;
font-family:var(--mainfont);
font-size:14px;
padding-bottom:4px
}
.mobile-nav-button a:focus,.mobile-nav-button a:hover{
color: rgb(98, 103, 113);
}
.mobile-nav-button .icon-text{
text-transform:uppercase;
letter-spacing:0;
opacity:.8;
margin-right:10px
}
.mobile-nav-button i{
font-size:21px;
position:relative;
top:4px;
margin-left:8px
}
.mobile-nav-button .icon-wrap i{
line-height:inherit
}
.off-canvas-wrap{
position:fixed;
top:0;
right:0;
width:300px;
padding:0;
background-color: #ffffff;
height:100%;
z-index:9999;
color: #555;
-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(300px,0);
-moz-transform:translate(300px,0);
-ms-transform:translate(300px,0);
-o-transform:translate(300px,0);
transform:translate(300px,0);
-webkit-box-shadow:2px 2px 1px rgba(24,24,24,.05);
-moz-box-shadow:2px 2px 1px rgba(24,24,24,.05);
box-shadow:2px 2px 1px rgba(24,24,24,.05);
}
.admin-bar .off-canvas-wrap{
top:32px
}
body.mobile-js-menu .off-canvas-wrap{
-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
}
.off-canvas-wrap::-webkit-scrollbar{
width:6px;
background:#eee
}
.off-canvas-wrap::-webkit-scrollbar-corner{
background-color:#ccc;
display:block;
border-radius:4px
}
.off-canvas-wrap::-webkit-scrollbar-thumb{
background-color:#ccc;
border-radius:4px
}
.off-canvas-inner{
display:block
}
.mweb-mobile-nav{
display:table;
width:100%;
height:100%;
padding-top:120px;
padding-bottom:120px
}
.close-off-canvas-wrap{
display:block;
overflow:hidden;
text-align: left;
}
.close-off-canvas-wrap a{
position:relative;
display:inline-block;
width:48px;
height:48px;
text-align:center;
color: rgba(0, 0, 0, 0.39);
}
.close-off-canvas-wrap i{
font-size: 16px;
line-height:48px;
padding:0 10px;
vertical-align:middle;
transition:all .2s linear;
}
.mobile-menu-wrap ul li,.mobile-menu-wrap ul li a{
position:relative;
display:block;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear
}
.close-off-canvas-wrap i:focus,.close-off-canvas-wrap i:hover{
color:#d5c3af
}
.mobile-menu-wrap{
font-size:11px!important
}
.mobile-menu-wrap ul li{
margin:0;
line-height:43px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
transition:all .2s linear;
}
.mobile-menu-wrap ul li:hover{
padding-right:3px
}
.mobile-menu-wrap ul li a{
padding:0 25px;
text-decoration:none;
transition:all .2s linear;
font-family:var(--mainfont)!important;
color: #666;
font-size:11px;
}
.mobile-menu-wrap ul li a:focus,.mobile-menu-wrap ul li a:hover{
color: #636363;
}
.mobile-menu-wrap ul li:first-child{
border-top-color:transparent
}
.mobile-menu-wrap ul li ul:last-child{
border-bottom:none
}
.mobile-menu-wrap .sub-menu{
display:none;
background-color: rgba(238, 238, 238, 0.23);
font-weight:400;
font-size:.9em;
}
.mobile-menu-wrap .sub-menu .sub-menu{
padding-left:20px;
background-color: rgba(239, 239, 239, 0.57);
}
.mobile-menu-wrap .no-menu{
padding-left:20px;
padding-right:20px
}
.explain-menu{
display:block;
cursor:pointer;
border-right: 1px solid rgba(0, 0, 0, 0.05);
position:absolute;
color:#aaa;
left:0;
top:0;
margin-right:10px;
height:100%;
width:50px;
text-align:center;
z-index:999;
line-height:43px;
-webkit-transition:all .2s linear;
-moz-transition:all .2s linear;
-ms-transition:all .2s linear;
-o-transition:all .2s linear;
transition:all .2s linear;
}
.active .explain-menu,.explain-menu:focus,.explain-menu:hover{
color: #555;
}
.active .explain-menu:before{
content:"\f107"
}
.show-sub-menu>.sub-menu{
display:block!important
}
.off-canvas-search{
display:inline-block;
position:relative;
margin:20px 0 0;
width:100%;
clear:both
}
.off-canvas-search .mweb-search{
margin-top:0
}
/* jQuery Nice Select - v1.0 * https://github.com/hernansartorio/jquery-nice-select * Made by Hern Sartorio */
.nice-select{
-webkit-tap-highlight-color:transparent;
background-color:#fff;
border-radius: 3px;
border: 1px solid #f5f5f5;
box-sizing:border-box;
clear:both;
cursor:pointer;
display: inline-block;
/* float: right;
*/
font-family:inherit;
font-size: 12px;
height: 26px;
line-height: 25px;
outline:0;
padding-left: 30px;
padding-right: 18px;
position:relative;
text-align:left!important;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
white-space:nowrap;
width:auto;
}
.nice-select:hover{
border-color:#dbdbdb
}
.nice-select.open,.nice-select:active,.nice-select:focus{
border-color: #eee;
}
.nice-select:after{
border-bottom:2px solid #999;
border-right:2px solid #999;
content:'';
display:block;
height:5px;
margin-top:-4px;
pointer-events:none;
position:absolute;
left: 12px;
top:50%;
-webkit-transform-origin:66% 66%;
-ms-transform-origin:66% 66%;
transform-origin:66% 66%;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transition:all .15s ease-in-out;
transition:all .15s ease-in-out;
width:5px;
}
.nice-select.open:after{
-webkit-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
transform:rotate(-135deg)
}
.nice-select.open .list{
opacity:1;
pointer-events:auto;
-webkit-transform:scale(1) translateY(0);
-ms-transform:scale(1) translateY(0);
transform:scale(1) translateY(0)
}
.nice-select.disabled{
border-color:#ededed;
color:#999;
pointer-events:none
}
.nice-select.disabled:after{
border-color:#ccc
}
.nice-select.wide{
width:100%
}
.nice-select.wide .list{
left:0!important;
right:0!important
}
.nice-select.right{
float:right
}
.nice-select.right .list{
left:auto;
right:0
}
.nice-select.small{
font-size:12px;
height:36px;
line-height:34px
}
.nice-select.small:after{
height:4px;
width:4px
}
.nice-select.small .option{
line-height:34px;
min-height:34px
}
.nice-select .list{
background-color:#fff;
border-radius: 2px;
box-shadow:0 0 0 1px rgba(68,68,68,.11);
box-sizing:border-box;
margin-top:4px;
opacity:0;
overflow:hidden;
padding:0;
pointer-events:none;
position:absolute;
top:100%;
right: 0;
-webkit-transform-origin:50% 0;
-ms-transform-origin:50% 0;
transform-origin:50% 0;
-webkit-transform:scale(.75) translateY(-21px);
-ms-transform:scale(.75) translateY(-21px);
transform:scale(.75) translateY(-21px);
-webkit-transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
transition:all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
z-index:9;
}
.nice-select .list:hover .option:not(:hover){
background-color:transparent!important
}
.nice-select .option{
cursor:pointer;
margin: 0 !important;
border: none !important;
display: block !important;
font-size: 11px;
line-height: 26px;
list-style:none;
min-height: 27px;
outline:0;
padding-left:18px;
padding-right:29px;
text-align: right;
-webkit-transition:all .2s;
transition:all .2s;
}
.nice-select .option.focus,.nice-select .option.selected.focus,.nice-select .option:hover{
background-color:#f6f6f6
}
.nice-select .option.selected{
font-weight: 500;
}
.nice-select .option.disabled{
background-color:transparent;
color:#999;
cursor:default
}
.no-csspointerevents .nice-select .list{
display:none
}
.no-csspointerevents .nice-select.open .list{
display:block
}
body.mweb-body .tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: var(--mainfontnum), Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
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;
opacity: 0;
filter: alpha(opacity=0)
}
body.mweb-body .tooltip.in {
opacity: .9;
filter: alpha(opacity=90)
}
body.mweb-body .tooltip.top {
margin-top: -11px!important;
padding: 5px 0
}
body.mweb-body .tooltip.right {
margin-left: 3px;
padding: 0 5px
}
body.mweb-body .tooltip.bottom {
margin-top: 3px;
padding: 5px 0
}
body.mweb-body .tooltip.left {
margin-left: -3px;
padding: 0 5px
}
body.mweb-body .tooltip-inner {
max-width: 200px;
padding: 3px 8px!important;
color: #fff;
text-align: center;
background-color: #555;
border-radius: 4px;
font-size: 10px
}
body.mweb-body .tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid
}
body.mweb-body .tooltip.top .tooltip-arrow {
bottom: 0!important;
left: 50%!important;
margin-left: -5px!important;
border-width: 5px 5px 0;
border-top-color: #555
}
body.mweb-body .tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #555
}
body.mweb-body .tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #555
}
body.mweb-body .tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #555
}
body.mweb-body .tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #555
}
body.mweb-body .tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #555
}
body.mweb-body .tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #555
}
body.mweb-body .tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #555
}
.mweb-block-wrap {
display: block;
margin-top: 14px;
position: relative;
width: 100%;
/* float: right */
}
.block-title .view_more {
position: absolute;
left: 0;
top: 15px;
z-index: 9;
line-height: 18px;
background-color: var(--bgcolor);
font-size: 11px;
padding-right: 15px;
direction: ltr;
}
.block-title .view_more i {
width: 18px;
height: 18px;
border-radius: 50% 50% 0 50%;
background-color: var(--maincolor);
text-align: center;
line-height: 18px;
color: #ffffff;
font-size: 11px;
margin-right: 5px;
vertical-align: middle;
display: inline-block;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.block-title .view_more:hover i {
background-color: var(--secoundcolor) !important;
color: white !important
}
.block-title {
font-size: 15px;
line-height: 45px;
font-family: var(--mainfont);
font-weight: 500;
position: relative;
width: 100%;
display: inline-block;
color: #222;
padding: 0;
z-index: 2;
margin-bottom: 10px;
/* border-bottom: 2px solid rgba(3, 3, 3, .2); */
}
.block-title .title>i {
display: inline-block;
margin-left: 18px;
text-align: center;
margin-right: 3px;
color: #ffffff;
font-size: 19px;
line-height: 35px;
position: relative;
vertical-align: middle;
width: 35px;
height: 35px;
background-color: var(--maincolor);
border-radius: var(--brradius);
}
.block-title:before {
content: '................................................................................................................................................................................................................';
/* max-width: 600px; */
height: 4px;
line-height: 0;
overflow: hidden;
letter-spacing: 3px;
font-size: 10px;
/* background-color: #000000; */
/* border-bottom: 2px dotted #ccc; */
position: absolute;
right: 57px;
left: 0;
bottom: calc(50% - 2px);
}
.bk-text, .block-title .title{
background-color:var(--bgcolor);
position: relative;
padding-left: 30px;
display: inline-block;
line-height: inherit;
}
.mw-owl-carousel .owl-nav {
display: none
}
.block-title .owl-nav {
float: left;
direction: ltr;
position: relative;
padding-right: 15px;
background-color: var(--bgcolor);
}
.block-title .view_more + .owl-nav {
margin-left: 108px;
padding: 0 10px;
}
.block-title .owl-nav>div {
color: #FFF;
font-size: 12px;
line-height: 21px;
text-align: center;
margin: 0 3px 0 0;
width: 18px;
height: 18px;
background: var(--maincolor);
display: inline-block;
vertical-align: text-bottom;
cursor: pointer;
border-radius: 50% 50% 0 50%;
border: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.block-title .owl-nav .owl-next{
border-radius:0 50% 50% 50%;
}
.block-title .owl-nav [class*='owl-']:hover {
background: #333 !important;
color: #FFF !important;;
}
.mweb-block-wrap .owl-nav .disabled {
opacity: .5;
cursor: no-drop;
}
.block-content-wrap {
margin-top: 0
}
.related-content{
display: inline-block;
width: 100%;
padding: 15px 12px;
background-color: #FFF;
border-radius: var(--brradius);
-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);
font-family: var(--mainfontnum);
margin-bottom: 10px;
}
.product_item {
width: 100%;
display: inline-block;
background-color: #FFF;
border-radius: var(--brradius);
padding: 1px;
position: relative;
margin-bottom: 15px;
-webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
-moz-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
}
.product_item:before {
content: '';
background-color: rgb(238, 239, 241);
left: 35px;
right: 35px;
bottom: -5px;
position: absolute;
height: 2px;
border-radius: 20px;
display:none
}
.product_item:after {
content: '';
background-color: rgb(255, 255, 255);
right: 7px;
left: 7px;
bottom: -6px;
position: absolute;
height: 20px;
border-radius: var(--brradius);
z-index: -1;
}
.product_item .product_image_area {
position: relative;
background: #fff;
border-radius: 10px 10px 0 0;
overflow: hidden;
z-index: 0;
min-height: 188px;
}
.product_item .product_image_area .product_image {
width: 100%;
display: block;
position: relative;
min-height: 100px;
overflow: hidden;
text-align: center
}
.product_item .product_image_area img {
display: block;
margin: auto
}
.product_dt_bottom{
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
}
.product_item .product_dt_bottom{
margin-bottom: 11px;
}
.product_item h2 {
width: 100%;
padding: 10px 15px 10px 15px;
min-height: 57px;
font-size: 13px;
line-height: 19px;
text-align: right;
color: #111;
clear: both;
overflow: hidden;
margin-bottom: 6px;
}
.product_item .price_area {
width: 100%;
height: 51px;
background-color: #fcfbf6
}
.product_item .price {
font-weight: 500;
font-size: 14px;
color: #585c5f;
letter-spacing: -.01em;
font-family: var(--mainfontnum);
padding: 0 0 0 8px;
}
.product_item .price del {
text-align: center;
float: left;
width: 45%;
background-color: #595959;
height: 35px;
color: #FFF;
font-size: 7px;
display: none
}
.product_item .price ins {
text-align: center;
color: #f22c23;
/* line-height: 22px; */
padding: 0 0;
text-decoration: none;
position: relative;
}
.product_item .price ins .woocommerce-Price-currencySymbol {
font-size: 10px;
color: #7a7a79;
line-height: 14px
}
.product_item .price span.woocommerce-Price-currencySymbol {
margin-right: 3px;
display: inline-block;
direction: ltr;
vertical-align: middle;
width: 21px;
height: 21px;
float: none;
}
.product_item .price span.woocommerce-Price-currencySymbol:first-letter {
color: #f22e25;
}
.block-post-4 .product_item {
margin-bottom: 20px
}
.product_label {
position: absolute;
left: 10px;
top: 10px;
width: 30px;
height: 30px;
font-size: 11px;
font-family: var(--mainfontnum);
border: 1px dashed #fff;
text-align: center;
line-height: 31px;
border-radius: 50%;
color: #fff;
background-color: var(--badgecolor);
z-index: 9;
}
.product_label.label_square {
border-radius: 8px 2px 8px 8px;
border: none;
width: 27px;
height: 27px;
line-height: 29px;
font-size: 10px
}
.product_label.label_rectangle {
border-radius: 10px 2px 10px 10px;
border: none;
width: 40px;
height: 19px;
line-height: 21px;
font-size: 10px;
letter-spacing: 2px;
box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.20);
}
.featured_label{
position: absolute;
right: 10px;
top: 10px;
height: 21px;
display: block;
padding: 0 10px;
font-size: 11px;
font-family: var(--mainfontnum);
text-align: center;
line-height: 21px;
border-radius: 30px;
color: #fff;
background-color: var(--secoundcolor);
z-index: 1;
}
.product_item .add-to-cart-wrap {
margin-right: 15px;
position: relative;
}
.add-to-cart-wrap a.button,
.add-to-cart-wrap .added_to_cart {
line-height: 44px;
height: 40px;
width: 40px;
display: inline-block;
text-align: center;
font-size: 16px;
color: #333;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 15px 2px 15px 15px;
background-color: #eff3f5;
text-indent: -9999px;
overflow: hidden;
position: relative;
}
.add-to-cart-wrap .added_to_cart {
background-color: #eeeff1
}
.add-to-cart-wrap a.button i {
text-indent: 9999px
}
.add-to-cart-wrap a.button:hover ,.product_item_horizontal:hover .add-to-cart-wrap a.button ,.product_item:hover .add-to-cart-wrap a.button {
color: #fff;
background-color: var(--maincolor);
}
.add-to-cart-wrap a.button:hover:before {
color: #FFF!important
}
.add-to-cart-wrap a.button.added {
display: none!important
}
.add-to-cart-wrap a.button.added i,
.add-to-cart-wrap a.button.loading i {
display: none
}
.add-to-cart-wrap a.button.loading:before {
content: '\f021';
font-family: "Font Awesome Pro";
font-weight: 300;
font-size: 14px;
color: #BCBCB9;
font-weight: 300;
position: absolute;
top: -2px;
left: calc(50% - 6px);
text-indent: 0
}
.add-to-cart-wrap li .added_to_cart {
background-color: #bbeca6
}
.add-to-cart-wrap a.added_to_cart:before {
content: "\f00c";
font-family: "Font Awesome Pro";
font-weight: 300;
font-size: 15px;
color: var(--maincolor);
position: absolute;
top: -2px;
left: 50%;
transform: translateX(-50%);
display: inline-block;
text-indent: 0;
}
.product_item.t_new .product_dt_bottom{
display: block;
box-shadow: inset 0 8px 18px -10px rgb(82 82 82 / 13%);
padding: 15px;
position: relative;
margin-bottom: 0;
}
.product_item.t_new .d_flex_row{
display: flex;
align-items: center;
flex-wrap: nowrap;
justify-content: flex-start;
}
.product_item.t_new .product_dt_bottom .price{
padding: 0;
font-size: 15px;
margin-right: auto;
}
.product_item .t_new_btns{
visibility: hidden;
opacity: 0;
transition: all 0.7s;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
padding: 15px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: #ffffff7a;
backdrop-filter: blur(2px);
}
.product_item:hover .t_new_btns{
visibility: visible;
opacity: 1
}
.meta_item{
font-family: var(--mainfontnum);
display: flex;
flex-direction: column;
align-items: center;
font-size: 12px;
margin-left: 13px;
}
.meta_item span{
font-weight: bold;
color: var(--maincolor);
font-size: 13px;
}
.el_rate span{
color: var(--secoundcolor);
}
.t_new_btns .add-to-cart-wrap{
margin-right: 0;
display: flex;
}
.t_new_btns .get_product{
width: 75%;
background-color: var(--secoundcolor);
height: 40px;
text-align: center;
line-height: 38px;
font-size: 13px;
color: #fff;
margin-right: auto;
border-radius: var(--brradius);
}
.t_new_btns .get_product:hover{
background-color: #333;
}
.product_item_horizontal {
width: calc(100% - 7px);
margin-left: unset;
display: inline-block;
background-color: #FFF;
border-radius: var(--brradius);
padding: 7px;
position: relative;
-webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
-moz-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
margin-bottom: 15px;
}
.product_item_horizontal:before {
content: '';
background-color: transparent;
height: 58%;
top: 21px;
left: -7px;
position: absolute;
width: 7px;
border-radius: 8px 0 0 8px;
display:none
}
.product_item_horizontal:after {
content: '';
background-color: rgb(255, 255, 255);
bottom: 7px;
top: 7px;
left: -7px;
position: absolute;
width: 19px;
border-radius: 8px 8px 8px 8px;
z-index: -1;
}
.product_item_horizontal .product_image_area {
position: relative;
background: #fff;
z-index: 0;
float: right;
border-radius: var(--brradius);
margin-left: 10px;
overflow: hidden;
}
.product_item_horizontal .product_image_area .product_image {
width: 90px;
display: inline-block;
position: relative;
overflow: hidden;
margin-left: 10px;
}
.product_item_horizontal .product_image_area .product_image a img {
width: 100%;
height: auto;
max-height: 90px
}
.product_item_horizontal h3,
.product_item_horizontal h2 {
padding: 15px 0px 5px 10px;
min-height: 45px;
font-size: 12.5px;
text-align: right;
color: #111;
border-bottom: 2px dotted #e4e6e8;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-bottom: 12px;
/* float: right; */
width: calc(100% - 110px);
clear: left;
}
.product_item_horizontal .price_area {
width: 100%;
height: 51px;
background-color: #fcfbf6
}
.product_item_horizontal .price {
float: left;
font-weight: 500;
font-size: 14px;
color: #5a5a5a;
letter-spacing: -.01em;
font-family: var(--mainfontnum);
padding: 3px 0 0 8px;
}
.product_item_horizontal .price del {
text-align: center;
font-size: 14px;
line-height: 22px;
}
.product_item_horizontal .price ins {
text-align: center;
color: #f12622;
line-height: 22px;
/* font-size: 13px; */
padding: 0 0;
text-decoration: none;
position: relative
}
.product_item_horizontal .price ins .woocommerce-Price-currencySymbol, .product_list_widget .woocommerce-Price-currencySymbol {
font-size: 10px;
color: #7a7a79;
line-height: 14px;
display: inline-block;
vertical-align: middle;
}
.product_item_horizontal .price span.woocommerce-Price-currencySymbol {
/* margin-right: 2px; */
/* margin-top: 1px; */
}
.product_item_horizontal .price del span.woocommerce-Price-currencySymbol, .product_list_widget del .woocommerce-Price-currencySymbol {
display:none
}
.product_item_horizontal .product_label {
left: 10px;
top: 7px
}
.product_item_horizontal .add-to-cart-wrap {
display: inline-block;
position: relative
}
.product_item_horizontal .product_desc_area {
display: block;
width: 100%;
display: flex;
flex-direction: row;
float: none;
flex-wrap: wrap;
/* align-items: flex-end; */
flex-grow: 1;
/* justify-content: flex-end; */
align-items: flex-end;
justify-content: space-between;
padding: 0 0 10px 10px;
}
.product_item_horizontal .product_desc_area .summary_loop{
padding: 0;
align-self: flex-start;
display: flex;
width: 100%;
}
.product_item_horizontal .product_desc_area .product_meta{
padding: 0;
display: flex;
flex-wrap: wrap;
}
.product_item_horizontal .product_desc_area .product_meta>span{
flex:0 0 50%;
max-width:50%
}
.product_item_horizontal.main_thumb{
display:flex;
}
.product_item_horizontal.main_thumb .product_image_area{
max-width: 320px;
flex: 0 0 38%;
}
.product_item_horizontal.main_thumb .product_image_area .product_image{
width: 100%;
display: block;
margin-left: 15px;
}
.product_item_horizontal.main_thumb h3, .product_item_horizontal.main_thumb h2{
display: flex;
float:none;
width: 100%;
align-self: flex-start;
}
.product_item_horizontal.main_thumb .price{
font-size: 14px;
}
.product_item_horizontal.main_thumb .add-to-cart-wrap{top: 9px;}
.block_testimonials .owl-dots {
padding-top: 10px
}
.mweb-body .simple_list {
display: block;
background-color: #FFF;
overflow: hidden;
position: relative;
-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;
margin-bottom: 15px;
border-radius: var(--brradius);
-webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
-moz-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
padding: 15px 20px;
color: #333;
font-size: 12px;
font-weight: 500
}
.simple_list .simple_hover {
position: absolute;
left: -23px;
top: 12px;
font-size: 16px;
opacity: 0;
z-index: 1;
-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;
}
.simple_list:hover .simple_hover {
left: 10px;
opacity: 1;
}
.simple_list:after{
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
-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
}
.simple_list:hover:after{
opacity: 1;
visibility: visible
}
.simple_list:hover {
-webkit-box-shadow: 0px 0px 12px -4px rgba(55, 73, 72, 0.06);
-moz-box-shadow: 0px 0px 12px -4px rgba(55, 73, 72, 0.06);
box-shadow: 0px 0px 12px -4px rgba(55, 73, 72, 0.06);
}
.simple_list .simple_hover>i{
color: var(--maincolor);
margin: 0 12px;
display: inline-block;
vertical-align: middle;
font-size: 17px;
}
.simple_list .price{
border-left: 1px solid #ddd;
padding-left: 10px;
display: inline-block;
height: 15px;
}
.simple_list del .woocommerce-Price-currencySymbol{
display: none
}
.block-content-wrap .blog_item {
position: relative;
margin-bottom: 15px;
}
.block-content-wrap .blog_item:before , .block-content-wrap .blog_item:after{
content:'';
display:block;
clear:both;
}
.block-content-wrap .blog_item .post-image {
display: block;
margin: 0;
overflow: hidden;
position: relative;
vertical-align: top;
border-radius: var(--brradius);
box-shadow: 0 17px 15px -13px rgba(0, 0, 0, .1);
}
.block-content-wrap .blog_item .post-image img {
width: 100%;
/* max-height: 145px */
}
.block-content-wrap .blog_item .right {
width: calc(100% - 72px)
}
.block-content-wrap .blog_item h2 {
padding: 12px 5px 12px 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 12px;
position: relative
}
.block-content-wrap .blog_item h2:before {
width: 18%;
height: 2px;
position: absolute;
right: 0;
bottom: -1px;
content: '';
background-color: rgb(0 0 0 / 15%);
}
.block-content-wrap .blog_item .author_avatar img {
float: right;
width: 32px;
height: 32px;
border-radius: 50%;
margin-left: 6px;
border: 1px solid rgba(0, 0, 0, .28)
}
.block-content-wrap .blog_item .author {
font-size: 11px;
color: #666;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
clear: right;
float: right;
margin-top: 6px;
margin-right: 5px;
font-family: var(--mainfontnum);
}
.block-content-wrap .blog_item .author span {
color: var(--maincolor);
padding-left: 5px;
display: inline-block;
}
.block-content-wrap .blog_item .blog_date {
float: left;
width: 60px;
font-size: 11px;
text-align: center;
font-family: var(--mainfontnum);
padding: 16px 0 9px 0;
line-height: 15px;
margin: 0 0 0 12px;
background-color: #FFF;
border-radius: 0 0 var(--brradius) var(--brradius);
box-shadow: 0 15px 40px 0 rgb(92 107 149 / 8%);
}
.block-content-wrap .blog_item .blog_date i {
display: block
}
.block-content-wrap .blog_item .blog_date i:first-child {
color: var(--maincolor);
font-size: 21px;
padding-bottom: 3px;
}
.block-content-wrap .blog_item .blog_date i:last-child {
padding-top: 3px
}
.blog_item_3{
position: relative;
display: block;
overflow: hidden;
border-radius: 20px 0 20px;
box-shadow: 0 4px 10px -3px rgb(92 107 149 / 8%);
}
.blog_item_3 .post-image img {
width: 100%;
}
.blog_item_3 .category{
position: relative;
padding-right: 20px;
font-size: 11px;
color: #444;
}
.blog_item_3 .category:before {
position: absolute;
content: "";
top: 4px;
right: 0;
width: 10px;
height: 10px;
background-color: var(--maincolor);
border-radius: 50%;
}
.blog_item_3 h2 {
padding: 12px 0px 12px 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 12px;
position: relative
}
.blog_item_3 .right_side{max-width: calc(100% - 60px);}
.blog_item_3 .left_side {
flex: 0 1 60px;
max-width: 60px;
text-align: center;
}
.blog_item_3 .left_side i {
font-size: 36px;
line-height: 35px;
color: #e9eef0;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.blog_item_3:hover .left_side i {
color: var(--maincolor);
}
.blog_item_3 .blog_item_inner{
position: relative;
padding: 15px 15px 15px 0px;
background-color: #fff;
box-shadow: 0 15px 40px 0 rgb(92 107 149 / 8%);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.justified-gallery{
width:100%;
position:relative;
overflow:hidden
}
.justified-gallery>a,.justified-gallery>div,.justified-gallery>figure{
position:absolute;
display:inline-block;
overflow:hidden;
filter:"alpha(opacity=10)";
opacity:.1;
margin:0;
padding:0
}
.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>figure>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img,.justified-gallery>figure>a>img{
position:absolute;
top:50%;
left:50%;
margin:0;
padding:0;
border:0;
filter:"alpha(opacity=0)";
opacity:0
}
.justified-gallery>a>.caption,.justified-gallery>div>.caption,.justified-gallery>figure>.caption{
display:none;
position:absolute;
bottom:0;
padding:5px;
background-color:#000;
left:0;
right:0;
margin:0;
color:#fff;
font-size:12px;
font-weight:300;
font-family:sans-serif
}
.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible,.justified-gallery>figure>.caption.caption-visible{
display:initial;
filter:"alpha(opacity=70)";
opacity:.7;
-webkit-transition:opacity 500ms ease-in;
-moz-transition:opacity 500ms ease-in;
-o-transition:opacity 500ms ease-in;
transition:opacity 500ms ease-in
}
.justified-gallery>.entry-visible{
filter:"alpha(opacity=100)";
opacity:1;
background:0 0
}
.justified-gallery>.entry-visible>img,.justified-gallery>.entry-visible>a>img{
filter:"alpha(opacity=100)";
opacity:1;
-webkit-transition:opacity 500ms ease-in;
-moz-transition:opacity 500ms ease-in;
-o-transition:opacity 500ms ease-in;
transition:opacity 500ms ease-in
}
.justified-gallery>.jg-filtered{
display:none
}
.justified-gallery>.spinner{
position:absolute;
bottom:0;
margin-left:-24px;
padding:10px 0;
left:50%;
filter:"alpha(opacity=100)";
opacity:1;
overflow:initial
}
.justified-gallery>.spinner>span{
display:inline-block;
filter:"alpha(opacity=0)";
opacity:0;
width:8px;
height:8px;
margin:0 4px;
background-color:#000;
border-radius:6px
}
.item_magnifier{
display: inline-block;
margin-left: 12px;
margin-bottom: 10px;
}
.item_magnifier:nth-child(12n+0){
margin-left:0
}
@media only screen and (max-width:1200px) {
.res_inline {
white-space: nowrap;
overflow-x: scroll;
}
.item_magnifier:nth-child(12n+0){
margin-left:inherit
}
}
.res_inline_graphics {}
.graphic_magnifier{
display: none;
border-radius: var(--brradius);
}
.graphic_magnifier img{
/*max-height:140px;*/
width:auto
}
.res_inline_graphics.justified-gallery{
width:auto;
margin-right: -10px;
margin-left: -10px;
position: relative;
}
.res_inline_graphics.justified-gallery .graphic_magnifier{
display: inline-block;
}
.down_slider_wrap {
float: right;
width: 100%;
background-color: #fff;
margin-top: 20px;
padding: 10px 0;
position: relative
}
.down_slider_wrap .down_slider_item {
width: 75px;
height: 75px;
margin: 0 auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 10px -3px rgba(0, 0, 0, .1);
box-shadow: 0 0 10px -3px rgba(0, 0, 0, .1);
filter: grayscale(80%)
}
.down_slider_wrap .down_slider_item img {
max-height: 100%;
width: auto
}
.down_slider_wrap .down_slider_item:hover {
filter: grayscale(100%);
box-shadow: 0 0 15px -3px rgba(0, 0, 0, .1)
}
.down_slider_body {
position: relative;
padding: 0 40px
}
.down_slider_body button {
position: absolute;
font-size: 36px;
top: 26px;
color: #e3e3e3;
z-index: 9;
cursor: pointer;
background-color: transparent;
border: navajowhite
}
.down_slider_body .owl-next {
right: -40px
}
.down_slider_body .owl-prev {
left: -40px
}
.down_slider_body .owl-carousel .owl-stage-outer {
padding: 15px 0
}
.owl-carousel .owl-nav:not(.disabled), .owl_navigation_in.owl-carousel .owl-nav:not(.disabled) {
display: block
}
.owl-carousel .owl-prev,
.owl-carousel .owl-next{
font-size: 16px;
color: #797979;
background-color: #fff;
box-shadow: 0 0 8px -1px #0000001c;
width: 32px;
height: 32px;
line-height: 32px;
transition: all .2s;
cursor: pointer;
position: absolute;
z-index: 99999;
top: 50%;
right:15px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
visibility: hidden;
border: none;
text-align: center;
border-radius: 50px;
cursor: pointer;
}
.owl-carousel .owl-next{
left: 15px;
right: auto;
}
.owl-carousel:hover .owl-nav:not(.disabled) button, .owl_arrow_in.is_fixed .owl-carousel .owl-nav:not(.disabled) button, .owl-slider-arrows-fixed-yes .owl-carousel .owl-nav:not(.disabled) button{
opacity: 1;
visibility: visible;
}
.owl-carousel .owl-prev:hover,
.owl-carousel .owl-next:hover{
background-color: rgb(0 0 0 / 15%);
color: #FFF;
}
footer {
margin-top: 20px;
padding: 20px 0 0 0;
background-color: #1d1e24;
}
footer:after , footer:before{
display:block;
content:'';
clear:both
}
.footer_section_top {
padding: 0 0 15px 0;
}
.footer_top {
display: block;
border-bottom: 1px solid #21232a;
color: #FFF;
padding-top: 35px;
font-family: var(--mainfontnum);
margin-bottom: 25px;
margin-top: -20px;
padding: 5px;
}
.counter_item {
padding: 25px 0;
color: #fff;
font-family: var(--mainfontnum);
}
.elementor-widget-container .counter_item{
padding: 0;
position: relative;
}
.counter_item i {
float: right;
font-size: 35px;
margin-left: 15px;
vertical-align: middle;
line-height: 44px
}
.counter_item p {
font-size: 13px;
color:white;
font-weight: 500;
}
.counter_item p span {
display: inline;
font-size: 13px;
color: #ccc
}
.counter_item p:last-child {
font-size: 12px;
color: #ccc
}
.customer_slider_wrap {
width: 100%;
height: 200px;
border-radius: var(--brradius);
background-color: #2d2e33;
padding: 15px;
position: relative;
}
.customer_slider_wrap .customer_title {
float: right;
color: #fff;
font-size: 13px;
font-weight: 500
}
.customer_slider_wrap .customer_title span {
color: var(--maincolor)
}
.customer_slider_wrap .customer_slider_body {
height: 132px;
float: right;
width: 100%;
margin-top: 20px;
position: relative
}
.customer_slider_wrap .customer_slider_body .customer_item {
text-align: justify
}
.customer_slider_wrap .customer_slider_body .customer_item img {
float: right;
width: 62px;
height: 62px;
border-radius: 50%;
margin: 10px 5px 0 20px
}
.customer_slider_wrap .customer_slider_body .customer_item span {
font-size: 12px;
color: #c8c8c8;
float: right;
margin-bottom: 5px;
width: calc(100% - 92px)
}
.customer_slider_wrap .customer_slider_body .customer_item p {
font-size: 11px;
color: #c8c8c8;
float: right;
margin-bottom: 5px;
line-height: 21px;
width: calc(100% - 92px);
padding-left: 10px
}
.customer_slider_wrap #customer_slider_prev {
position: absolute;
left: 20px;
top: 20px;
font-size: 11px;
cursor: pointer;
color: rgba(255, 255, 255, .28)
}
.customer_slider_wrap #customer_slider_next {
position: absolute;
left: 35px;
top: 20px;
font-size: 11px;
cursor: pointer;
margin-left: 5px;
color: rgba(255, 255, 255, .28)
}
.customer_slider_wrap #customer_slider_prev:hover,
.customer_slider_wrap #customer_slider_next:hover {
color: rgba(255, 255, 255, .9)
}
.footer_link .title {
font-size: 13px;
color: #FFF;
margin-bottom: 15px
}
.elm_menu_footer.footer_link .title{
margin-bottom:10px
}
.footer_link ul li {
width: 50%;
color: #cdcdcd;
float: right;
position: relative;
padding: 5px 15px 5px 0;
font-size: 12px
}
.elm_menu_footer.footer_link ul li{
width: 100%;
padding: 0 15px 0 0;
line-height: 26px;
}
.footer_link ul li:before {
content: '';
width: 5px;
height: 5px;
border-radius: 50px;
background-color: #cdcdcd;
position: absolute;
right: 0;
top: 13px
}
.elm_menu_footer.footer_link ul li:before{
top: 12px
}
.footer_link ul li a {
color: #cdcdcd
}
.footer_link ul li:hover:before {
background-color: var(--maincolor)
}
.footer_link ul li:hover a {
color: #fff
}
.samandehi_wrap {
float: right;
width: 100%;
height: 184px;
background-color: #2d2e33;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.samandehi_wrap img {
display: block;
margin: auto;
margin-top: 20px;
-webkit-filter: grayscale(90%);
filter: grayscale(90%);
}
.samandehi_wrap img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%)
}
.footer_section_middle {
float: right;
width: 100%;
min-height: 125px;
background-color: var(--footcolor);
padding-top: 28px;
font-family: var(--mainfontnum)
}
.footer_section_middle i {
float: right;
width: 42px;
height: 67px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
color: #FFF;
line-height: 64px;
font-size: 17px;
background-color: #35373c;
margin-left: 12px
}
.footer_section_middle .tell_title {
width: calc(40% - 52px);
float: right;
color: rgba(255, 255, 255, .55);
padding-bottom: 5px
}
.footer_section_middle span {
color: rgba(255, 255, 255, .8);
padding-bottom: 5px;
display: block;
clear: left
}
.footer_section_middle .footer_address {
color: rgba(255, 255, 255, .8);
display: block
}
.footer_section_down {
float: right;
width: 100%;
min-height: 69px;
background-color: #181a1f;
border-top: 2px dotted #1e2026;
padding: 15px 0 10px 0;
font-family: var(--mainfontnum);
}
.footer_section_down img {
margin-left: 10px;
float: right;
-webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */
filter: grayscale(80%);
}
.footer_section_down span {
color: #888888;
font-size: 12px;
display: block;
padding: 2px 0 4px;
}
.footer_section_down a {
color: #6f6f6f;
font-size: 11px;
display: block;
}
.contact_social_wrap {
float: left;
margin-top: 8px;
padding: 0 0;
}
.elementor-widget-container .contact_social_wrap {
float: left;
margin-top: 0px;
padding: 0 0;
}
.contact_social_wrap a {
width: 28px;
height: 28px;
line-height: 32px;
margin-right: 5px;
color: #dadada;
font-size: 14px;
text-align: center;
background-color: rgba(0, 0, 0, 0.32);
border-radius: 15px;
display: inline-block;
position: relative;
overflow: hidden;
float: left;
}
.contact_social_wrap a:hover {
background-color: #FFF;
color: #555;
}
.contact_social_wrap svg{
fill: #dadada;
max-width: 16px;
display: inline-block;
position: relative;
margin-top: 6px;
}
.contact_social_wrap a:hover svg{
fill: #555;
}
.gototop {
margin-top: 6px;
margin-right: 10px;
width: 32px;
height: 32px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
background-color: rgba(254, 254, 255, 0.11);
color: #ddd;
float: left;
text-align: center;
font-size: 18px;
line-height: 37px;
cursor: pointer;
-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;
}
.gototop:hover {
background-color: var(--maincolor);
color: #FFF
}
.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;
line-height: initial;
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 i{
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 i{
float: none;
margin: 0 auto;
line-height: inherit;
}
.share-to-email-popup {
background-color: #fff;
padding: 15px;
display: none;
width: 230px;
right: -1px;
top: -335px;
margin-top: 4px;
position: absolute;
z-index: 9999999;
border: 1px solid #f1f1f1!important;
border-radius: 8px
}
.share-to-email-popup.logged_in {
top: -257px
}
.share-to-email-popup label {
display: block;
width: 100%;
margin-bottom: 5px;
margin-top: 5px;
font-size: 11px;
color: #888
}
.share-to-email-popup input {
display: block;
width: 100%;
margin-bottom: 7px
}
.share-to-email-popup .share-mail-cancel {
display: block;
text-align: center;
margin-top: 6px;
background-color: #d0d0d0;
float: left;
color: #FFF;
line-height: 25px;
padding: 0 18px;
height: 25px;
font-family: var(--mainfont);
font-size: 12px;
border-radius: 3px
}
.mw-response {
font-size: 11px
}
a.share-mail-close {
color: #aaa!important;
display: block;
margin-top: 10px
}
.share-to-email-popup input,
.share-to-email-popup textarea {
margin-bottom: 8px;
background-color: #f5f5f5;
font-family: var(--mainfont);
font-size: 11px;
border: none;
box-shadow: none;
line-height: 20px;
color: #555;
padding: 3px 10px;
border: 1px solid #EDEDED
}
.single_product_img {
width: 100%
}
.file_price {
float: left;
color: #b5b5b5;
margin: -9px 0 0 0;
text-align: right;
font-size: 10px;
line-height: 16px;
}
.file_price strong {
display: block;
padding: 5px
}
/* .file_price .price span.woocommerce-Price-currencySymbol, .elementor-product-price-show-toman-yes .price span.woocommerce-Price-currencySymbol{
position: relative;
top: -3px
} */
/* .file_price .price span.woocommerce-Price-currencySymbol:after, .elementor-product-price-show-toman-yes .price span.woocommerce-Price-currencySymbol:after{
content: "Toman";
display: block;
font-size: 8px;
padding-top: 5px;
color: #9c9c9c;
}
*/
.single_product_content,
.woocommerce-Reviews {
width: 100%;
border-radius: var(--brradius);
min-height: 150px;
background-color: #FFF;
padding: 25px 25px;
margin: 15px 0 10px;
display: inline-block;
-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: relative;
}
.single_product_content {
margin-bottom: 0
}
.single_product_content .entry_product{
display: inline-block;
width: 100%;
padding: 20px 15px;
}
.single_product_content .detail_icon,
.woocommerce-Reviews .detail_icon {
height: 48px;
float: right;
width: 32px;
font-size: 33px;
color: #626771;
line-height: 56px;
margin-left: 17px;
position: relative
}
.single_product_content .detail_icon:after,
.woocommerce-Reviews .detail_icon:after {
content: "";
height: 64px;
float: right;
width: 20px;
box-shadow: .5rem 0rem 1rem -.6rem rgba(0, 0, 0, .7);
position: absolute;
left: -17px;
top: -8px;
background-color: #FFF
}
.woocommerce-Reviews .detail_icon:after {
left: -18px
}
.single_product_content .title_details,
.woocommerce-Reviews .title_details {
font-size: 14px;
color: #384459;
line-height: 27px;
font-weight: 500;
}
.single_product_content span.sub_tsec,
.woocommerce-Reviews span.sub_tsec {
font-size: 11px;
color: #a6afbf
}
.single_product_content .example_download {
height: 35px;
text-align: center;
line-height: 35px;
padding: 0 15px;
border-radius: var(--brradius);
margin-top: 7px;
margin-right: 10px;
float: left;
background-color: var(--maincolor);
color: #fff;
}
.single_product_content .example_download i {
font-size: 16px;
position: relative;
margin-left: 10px;
top: 5px;
}
.single_product_content .example_download:hover {
background-color: #5f646e
}
.single_product_content .entry-content {
margin-top: 20px;
}
.entry-content p>img{
margin:10px auto
}
.single_slider_body {
padding: 0 30px;
position: relative
}
.single_slider_body #related_slider_prev {
position: absolute;
top: calc(50% - 20px);
left: 0;
color: #dadada;
font-size: 40px;
cursor: pointer
}
.single_slider_body #related_slider_next {
position: absolute;
top: calc(50% - 20px);
right: 0;
color: #dadada;
font-size: 40px;
cursor: pointer
}
.comments-area {
padding: 10px 15px;
background-color: #FFF;
display: inline-block;
width: 100%;
position: relative;
border-radius: var(--brradius);
margin-bottom: 20px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1);
}
.comments_number {
font-family: var(--mainfontnum);
font-size: 11px;
float: left;
background-color: #d3d3d3;
height: 20px;
line-height: 22px;
color: rgb(255, 255, 255);
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 #d3d3d3;
position: absolute;
content: '';
right: -1px;
bottom: -2px;
-ms-transform: rotate(-32deg);
-webkit-transform: rotate(-32deg);
transform: rotate(-32deg)
}
@media only screen and (max-width:768px) {
.comments-area {
padding: 30px 15px
}
}
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%;
border: 2px dotted #e3e4e6;
padding: 10px 15px;
border-radius: var(--brradius);
margin-bottom: 10px;
}
.comments-area ul.children li.comment{
background-color: #e9eef078;
border: none;
}
.comments-area>ul li.comment>article {
display: inline-block;
display: block;
margin-bottom: 5px;
padding: 10px 0 10px;
}
.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 .avatar {
float: right;
border-radius: 38px;
max-width: 40px;
}
.comments-area>ul li.comment>article .comment-top .comment-meta .comment-info {
float: right;
margin-right: 10px;
}
.comments-area>ul li.comment>article .comment-top .comment-meta .comment-info .comment-author {
display: block;
font-size: 11px;
line-height: 16px;
margin-bottom: 6px;
color: #555;
font-style: initial;
font-family: var(--mainfontnum);
}
.comments-area>ul li>article .comment-top .comment-meta .comment-author span {
color: #555;
border-radius: 3px;
padding: 0 0 0 10px;
font-size: 12px
}
.comments-area>ul li.comment>article .comment-top .comment-meta .comment-info>span {
color: #555;
font-size: 10px;
line-height: 14px;
font-weight: 400;
float: right;
font-family: var(--mainfontnum)
}
.comment-like {
margin: 0 2px;
color: #777;
float: left;
height: 20px;
overflow: hidden;
padding: 0 0 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: 0 4px 0 7px;
top: 1px;
color: #14b112
}
.comment-dislike {
margin: 0 2px;
color: #777;
float: left;
height: 20px;
overflow: hidden;
padding: 0 0 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: 0 4px 0 7px;
top: 1px;
color: #f44336
}
.comment-like span,
.comment-dislike span {
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: #555;
font-family: var(--mainfontnum);
display: inline-block;
font-size: 10px;
line-height: 20px;
height: 20px;
padding: 0 10px 2px;
border-radius: 2px 10px 10px 10px;
background-color: #e9eef0;
}
.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);
color: #FFF
}
.comments-area>ul li.comment>article .comment-content {
margin-top: 10px;
line-height: 2em;
width: 100%;
font-family: var(--mainfontnum);
color: #555;
text-align: justify;
min-height: 25px;
padding: 5px 15px 5px 15px;
margin-right: 37px;
position: relative;
font-size: 11px;
box-shadow: 2px 0px 3px -2px #f7f7f7;
}
.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: 0 0 15px;
display: block
}
.comment-reply-form {
padding: 20px 10px;
background-color: #FFF;
width: 100%;
position: relative;
border-radius: var(--brradius);
margin: 0;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1);
}
.logged-in-as {
padding-bottom: 14px;
padding-right: 12px;
display: block;
opacity: .8;
width: 100%;
}
.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: 500;
font-family: var(--mainfontnum)
}
.comment-respond .comment-reply-title:before,
.comment-respond .ui-title-inner:before {
transition: all 0.3s;
font-size: 19px;
vertical-align: middle;
margin-left: 10px;
}
.comment-respond .input-group {
margin-bottom: 20px
}
.comment-respond .form-control {
margin-bottom: 10px;
background-color: #fff;
font-family: var(--mainfontnum);
font-size: 11px;
box-shadow: none;
color: #666;
width: 100%;
text-indent: 10px;
padding: 7px 10px;
border: 1px solid #eaeaea;
border-radius: var(--brradius);
}
.comment-respond .form-control:focus {
background-color: #FFF;
border: 1px solid #c1c1c1
}
.comment-respond textarea.form-control {
background-color: #fff
}
.comment-respond .submit {
border: 0 solid;
font-family: var(--mainfontnum);
line-height: 13px;
background-color: var(--maincolor);
color: #fff;
padding: 10px 20px;
margin: 0 6px;
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;
border-radius: var(--brradius);
}
.comment-respond .submit:hover {
background-color: #333 !important
}
.comments-list .comment-respond .bk-text {
background-color: #fff;
}
.comments-list .comment-respond small a {
background-color: #fff;
display: inline-block;
position: relative;
padding:0 5px;
}
.mweb-error,
.search-no-result, .yith-wcmbs-my-account-membership-plans__no-membership {
width: 100%;
background-color: #fff5f5;
float: right;
-webkit-border-radius: var(--brradius);
-moz-border-radius: var(--brradius);
border-radius: var(--brradius);
position: relative;
overflow: hidden;
padding: 10px 15px;
line-height: 20px;
margin-bottom: 10px;
font-size: 11px
}
.search-no-result {
margin-top: 20px
}
.mweb-error h3,
.search-no-result h3 {
font-size: inherit
}
@media(min-width:768px) {
.is-sidebar-right .content-wrap {
float: left;
order: 2
}
body.dokan-store .is-sidebar-right .content-wrap {
float: right;
order: 0
}
}
.blog_breadcrumb {
height: 49px;
padding: 0;
line-height: 36px;
list-style: none;
background-color: #fff;
margin-top: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden
}
.blog_breadcrumb i {
float: right;
font-size: 21px;
color: #d9e2eb;
margin: 0 16px 0 15px;
line-height: 48px
}
.blog_breadcrumb a {
color: #001a2f;
margin: 0 0 0 20px;
line-height: 51px;
position: relative
}
.blog_breadcrumb a:before {
content: '»';
left: -12px;
top: -14px;
z-index: 3;
color: #b1b7c9;
position: absolute
}
.post_wrapper {
display: inline-block;
width: 100%;
padding: 10px 10px;
background-color: #FFF;
border-radius: var(--brradius);
margin: 14px 0 0 0;
-webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
-moz-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
font-family: var(--mainfontnum);
}
.single_blog_top {
display: inline-block;
width: 100%;
padding: 5px 15px 20px
}
.single_blog_top .share_area {
position: relative;
float: left
}
.single_blog_top .share_area a {
width: 27px;
height: 27px;
float: left;
border: 1px solid rgba(255, 255, 255, .3);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
color: #FFF;
font-size: 12px;
line-height: 25px;
margin-right: 5px;
}
.single_blog_top .share_area a:hover {
background-color: #FFF;
color: #666
}
.single_blog_top .share_area a:last-child {
margin: 0
}
.single_blog_top .share_area .blog_share_detail {
position: absolute;
left: 0;
width: max-content;
text-align: center;
background: #74767b;
z-index: 9999;
padding: 5px 10px;
visibility: hidden;
display: block;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
transition: .5s ease;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0;
filter: alpha(opacity=0);
top: 150%;
-webkit-border-radius: 3px 15px 15px 15px;
-moz-border-radius: 3px 15px 15px 15px;
border-radius: 3px 15px 15px 15px;
-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);
}
.single_blog_top .share_area:hover .blog_share_detail {
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
top: 110%;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1)
}
.single_blog_top .share_area>i {
width: 35px;
height: 35px;
float: right;
border: 1px solid #e6e9ef;
background-color: #eeeff1;
-webkit-border-radius: 3px 15px 15px 15px;
-moz-border-radius: 3px 15px 15px 15px;
border-radius: 3px 15px 15px 15px;
text-indent: 7px;
font-size: 15px;
line-height: 32px;
}
.single_blog_top h1 {
width: calc(100% - 45px);
line-height: 25px;
padding-top: 5px;
font-size: 13px;
padding-bottom: 16px;
font-weight: 500
}
.is-page .single_blog_top {
padding-top: 0
}
.is-page .single_blog_top h1 {
padding: 0;
display: inline-block;
vertical-align: middle;
line-height: 44px;
width: auto;
background-color: #FFF;
position: relative;
padding-left: 15px;
}
.single_blog_top h2 a {
width: calc(100% - 45px);
float: right;
line-height: 29px;
padding-bottom: 6px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.liner {
width: 100%;
height: 1px;
background: #f9f9f9;
margin-bottom: 10px;
display: inline-block;
}
.liner:after,
.liner:before {
content: "";
clear: both;
display: block
}
.single_blog_top .post_meta {
border-top: 1px dashed #eeeff1
}
.single_blog_top .post_date {
float: right;
color: #9aa0ac;
line-height: 16px;
font-size: 11px;
padding-left: 20px;
border-left: 1px solid #eeeff1;
margin-top: 10px;
font-family: var(--mainfontnum);
}
.single_blog_top .post_date i {
float: right;
margin-left: 10px;
font-size: 15px;
line-height: 15px;
color: var(--maincolor);
}
.single_blog_top .post_cat {
float: right;
color: #9aa0ac;
font-size: 11px;
margin-top: 10px;
margin-right: 20px;
}
.single_blog_top .post_cat i {
margin-left: 10px;
font-size: 15px;
line-height: 15px;
display: inline-block;
vertical-align: middle;
color: var(--maincolor);
}
.single_blog_top .post_cat .post-categories {
display: inline-block;
padding-right: 10px;
vertical-align: middle;
font-size: 10px;
}
.single_blog_top .post_cat .post-categories li {
display: inline-block;
margin-left: 5px
}
.single_blog_top .post_cat a {
color: #888
}
.post_wrapper .entry-content {
width: 100%;
padding: 5px 15px 30px 15px;
}
.post_wrapper .entry-content>img {
max-width: 100%;
display: block
}
.entry-content ,.entry_product {
font-family: var(--mainfont);
line-height: 2em;
color: #444;
text-align: justify;
font-size: 12.5px;
}
.entry-content strong ,.entry_product strong {
font-weight: 500;
}
.entry-content>img ,.entry_product>img {
max-width: 100%;
display: block
}
.single_blog_thumb {
max-width: 90% !important;
margin: 10px auto;
border-radius: 10px;
box-shadow: 0 0 5px -3px #f3f3f3;
}
.entry-content>p, .entry_product>p {
padding-bottom: 5px;
}
.entry-content>p>a, .entry_product>p>a{
border-bottom: 1px dashed var(--maincolor);
color: var(--maincolor);
padding: 0 1px;
}
.entry-content>ul, .entry-content>ol, .entry_product>ul, .entry_product>ol{
padding-right: 10px;
margin: 10px 0;
line-height: 2em;
}
.entry-content>ol li, .entry_product>ol li{
list-style: arabic-indic;
padding-right: 5px;
margin-right: 10px;
}
.entry-content>ul li, .entry_product>ul li{
list-style: circle;
padding-right: 5px;
margin-right: 10px;
}
.entry-content>ul li ul, .entry-content>ol li ul, .entry_product>ul li ul, .entry_product>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;
padding-bottom: 5px;
}
.entry-content h1{
font-size: 16px;
}
.entry-content h2{
font-size: 15px;
}
.entry-content h3{
font-size: 13px;
}
.entry-content h4{
font-size: 12px;
}
.entry-content h5{
font-size: 11px;
}
.entry-content h1{
font-size: 11px;
}
.single_blog_up {
display: inline-block;
width: 100%;
padding: 0 20px
}
.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 {
border-top: 1px dashed #eee;
margin: 15px 7px 0 7px;
padding: 15px 0 10px;
clear: both
}
.blog_tag_wrap span {
font-size: 11px;
color: var(--maincolor);
position: relative;
padding-right: 25px;
float: right;
line-height: 22px;
margin-left: 5px
}
.blog_tag_wrap span:before {
content: "\f02b";
font-family: 'Font Awesome Pro';
font-weight: 300;
position: absolute;
right: 3px;
top: 1px;
color: #999;
font-size: 16px
}
.blog_tag_wrap>a {
color: #949494;
background-color: #fbfbfb;
display: inline-block;
font-size: 11px;
line-height: 20px;
padding: 0 8px 1px;
margin-bottom: 5px;
margin-left: 2px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
}
.blog_tag_wrap>a:hover {
background-color: #626771;
color: #FFF
}
.blog_comment_wrap {
display: inline-block;
width: 100%;
padding: 20px 10px 20px 10px;
background-color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 10px 0;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1)
}
.blog_comment_wrap form input[type="text"] {
width: 100%;
height: 37px;
margin-bottom: 10px;
padding: 0 10px;
float: right;
border: none;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1)
}
.blog_comment_wrap form textarea {
width: 100%;
min-height: 131px;
margin-bottom: 10px;
padding: 10px 10px;
float: right;
border: none;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1)
}
.blog_comment_wrap form input[type="submit"] {
width: 85px;
height: 33px;
margin-top: 5px;
margin-left: 5px;
float: left;
border: none;
background-color: #0097f5;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer
}
.list_blog_item {
display: inline-block;
width: 100%;
padding: 10px 15px 10px 15px;
background-color: #FFF;
border-radius: var(--brradius);
margin: 15px 0 0 0;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1);
}
.list_blog_item .single_blog_top {
padding: 0
}
.list_blog_item .list_blog_body {
width: 100%;
float: right;
margin: 0 0 0 0;
padding-top: 10px;
border-top: 1px dashed #eeeff1
}
.list_blog_item .list_blog_body img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px
}
.list_blog_item .list_blog_body .desc {
font-family: var(--mainfontnum);
font-size: 12px;
line-height: 23px;
margin-bottom: 10px;
opacity: .9
}
.list_blog_item .list_blog_body .post_meta {
border-top: 1px dashed #eeeff1
}
.list_blog_item .list_blog_body .post_date {
width: 120px;
float: right;
margin-top: 10px;
font-size: 10px;
color: #9aa0ac;
border-left: 1px solid #eeeff1;
font-family: var(--mainfontnum);
}
.list_blog_item .list_blog_body .post_date i {
font-size: 27px;
color: #e0e2e4;
float: right;
margin-left: 10px;
line-height: 31px;
}
.list_blog_item .list_blog_body .post_date span {
font-size: 10px;
color: #2c323e;
display: block
}
.list_blog_item .list_blog_body .post_cat {
min-width: 140px;
float: right;
margin-top: 10px;
font-size: 10px;
color: #9aa0ac;
padding-right: 20px
}
.list_blog_item .list_blog_body .post_cat .post-categories {
display: block
}
.list_blog_item .list_blog_body .post_cat i {
font-size: 27px;
color: #e0e2e4;
float: right;
margin-left: 10px;
line-height: 31px;
}
.list_blog_item .list_blog_body .post_cat li {
display: none
}
.list_blog_item .list_blog_body .post_cat a {
font-size: 10px;
color: #2c323e;
margin-left: 5px;
display: inline-block
}
.list_blog_item .list_blog_body .post_cat li:first-child {
display: inline-block
}
.list_blog_item .list_blog_body .read_more {
float: left;
padding: 0 15px;
height: 31px;
-webkit-border-radius: 3px 15px 15px 15px;
-moz-border-radius: 3px 15px 15px 15px;
border-radius: 3px 15px 15px 15px;
text-align: center;
position: relative;
color: #FFF;
background-color: var(--maincolor);
line-height: 30px;
margin-top: 11px;
}
.list_blog_item .list_blog_body .read_more:after {
content: "\f39b";
font-family: "Font Awesome Pro";
font-weight: 300;
color: #fff;
font-size: 14px;
display: inline-block;
margin-right: 5px;
vertical-align:middle;
}
.list_blog_item .list_blog_body:hover .read_more {
background-color: #ddd
}
.box_style1 {
text-align: center
}
.box_style1 .step {
text-align: center
}
.box_style1 .item {
display: block;
position: relative;
margin: 30px 0
}
.box_style1 .wrapper {
position: relative;
z-index: 2;
padding: 25px;
padding-bottom: 70px;
overflow: hidden;
max-width: 268px;
margin: 0 auto
}
.box_style1 .wrapper:after {
content: '';
position: absolute;
left: 0;
top: -60px;
right: -20px;
bottom: 0;
background-color: #fff;
z-index: 2;
-webkit-transform: rotate(23deg);
-moz-transform: rotate(23deg);
-ms-transform: rotate(23deg);
-o-transform: rotate(23deg);
transform: rotate(23deg)
}
.box_style1 .wrapper:before {
content: '';
position: absolute;
left: -1px;
bottom: -35px;
height: 135px;
width: 310px;
background-color: #f6f7fb;
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
transform: rotate(-20deg);
z-index: 3
}
.box_style1 .box_link1 {
position: absolute;
left: 0;
top: 0;
z-index: 1;
height: 236px;
width: 267px;
background-color: #d4d4d4;
font-size: 11px;
color: #666;
display: flex;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.box_style1 .box_link2 {
z-index: 10;
height: auto;
width: auto;
background-color: transparent;
top: 5px;
left: -27px
}
.box_style1 .pic_part {
width: 210px;
height: 165px;
background: no-repeat center / cover;
position: relative;
z-index: 5;
display: block;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}
.box_style1 .coming_soon .pic_part:after,
.box_style2 .item.coming_soon:after,
.detail_part .cover_part:after {
content: 'بزودی';
position: absolute;
left: 2px;
top: 2px;
background-color: #ff675f;
color: #fff;
font-size: 11px;
padding: 1px 5px 2px
}
.box_style1 .pic_part .btn {
position: absolute;
right: 0;
left: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 206, 226, .6);
color: #fff;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 1.2rem;
opacity: 0
}
.box_style1 .pic_part .btn .price {
padding-top: 10px;
font-size: 14px;
width: 90%
}
.box_style1 .free_item .pic_part .btn .price:after {
display: none
}
.box_style1 .item:hover .pic_part .btn {
opacity: 1
}
.box_style1 .content_part {
position: absolute;
z-index: 4;
bottom: 0;
left: 0;
right: 0;
color: #444;
font-size: 1.1rem;
line-height: 30px;
padding-top: 80px;
padding-right: 20px;
padding-left: 20px
}
.box_style1 .content_part .name {
font-size: 12px
}
.box_style1 .content_part .add_to_cart,
.box_style1 .content_part .name {
height: 33px;
display: block;
text-align: right;
position: relative;
padding-right: 8px
}
.box_style1 .content_part .add_to_cart:before,
.box_style1 .content_part .name:before {
content: '';
position: absolute;
right: -9px;
bottom: 18px;
height: 75px;
width: 10px;
border-right: dashed 1px #c6c6c6;
border-bottom: dashed 1px #c6c6c6
}
.box_style1 .content_part .add_to_cart {
text-align: left;
height: auto;
padding-left: 3px;
padding-right: 0;
color: #888;
font-size: 10px
}
.box_style1 .content_part .add_to_cart:before {
border-right: none;
border-left: dashed 1px #c6c6c6;
right: auto;
left: -9px;
bottom: 14px;
height: 34px
}
.box_style1 .content_part .add_to_cart .icon {
width: 29px;
height: 29px;
background-color: #fff;
float: left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center;
font-size: 12px;
margin-right: 10px;
position: relative;
top: 1px
}
.box_style1 .content_part .add_to_cart:hover .icon {
background-color: #20B14C;
color: #FFF
}
.box_style1 .free_item .content_part .add_to_cart .icon {
font-size: 14px;
padding-left: 2px
}
.box_style1 .content_part .add_to_cart .icon:after {
content: '\f067';
font-family: 'Font Awesome Pro';
font-weight: 300;
height: 17px;
width: 17px;
line-height: 17px;
font-size: 9px;
background-color: #555;
position: absolute;
right: -4px;
top: -22px;
border-radius: 50%;
z-index: 1;
opacity: 0;
color: #FFF
}
.box_style1 .content_part .add_to_cart:hover .icon:after {
opacity: 1;
top: -7px
}
.box_style1 .free_item .content_part .add_to_cart .icon:after {
content: 'w';
font-size: 14px
}
.box_style1 .content_part .add_to_cart .icon:after,
.box_style1 .content_part .add_to_cart .icon,
.box_style1 .pic_part .btn {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out
}
.box_style1 .content_part .add_to_cart .icon i.cart,
.box_style1 .free_item .content_part .add_to_cart .icon i {
display: block;
line-height: 29px
}
.swiper-slider{
display:none;
}
.swiper-container-rtl.swiper-slider{
display:block;
}
.mweb-swiper-next, .mweb-swiper-prev{
font-size: 21px;
color: #797979;
background-color: #ffffff;
box-shadow: 0 0 8px -1px #0000001c;
width: 32px;
height: 32px;
line-height: 40px;
transition: all 0.2s;
cursor: pointer;
position: absolute;
z-index: 99999;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity:0;
visibility:hidden;
text-align: center;
border-radius: 50px;
}
.swiper-slider:hover .mweb-swiper-next:not(.swiper-button-disabled),.swiper-slider: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:hover, .mweb-swiper-prev:hover{
background-color: #ee273a;
color:#FFF
}
.mweb-swiper-next.swiper-button-disabled,.mweb-swiper-prev.swiper-button-disabled,.swiper-container .mweb-swiper-next.swiper-button-disabled,.swiper-container .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:15px;
height:3px;
border-radius:5px;
-webkit-border-radius:5px
}
.mweb-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
background-color: #f44336;
}
.product_banner_slider {
width: 100%;
/* height: 250px; */
/* margin-top: 10px; */
background-color: #FFF;
float: right;
-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);
}
.tbslider_small .owl-stage-outer {
padding: 0 !important
}
.product_banner_slider .tbslider_small .item {
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;
text-align: center
}
.product_banner_slider .tbslider_small .current .item {
background-color: var(--maincolor);
color: #FFF;
position:relative
}
.product_banner_slider .tbslider_small .current .item:before{
content:'';
position:absolute;
bottom:0;
right:10px;
left:10px;
height:2px;
background-color:white;
border-radius:10px 10px 0 0
}
.product_banner_slider img{
width:100%
}
.block-post-8 .owl-dots,
.block-fw-post-8 .owl-dots {
position: absolute;
bottom: 12px;
}
.block-post-8 .owl-dots .owl-dot.active,
.block-fw-post-8 .owl-dots .owl-dot.active {
background: #fff
}
.block-wrap {
display: block;
margin-top: 12px;
position: relative;
width: 100%
}
.block-inner {
position: relative;
float: right;
width: 100%
}
.ad-wrap {
border-radius: var(--brradius);
display: block;
overflow: hidden;
-webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
-moz-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
background-color: #FFF;
}
.content-with-sidebar .sales_today_body .owl-carousel .active .sales_item .product-date {
bottom: 0px !important;
}
.content-with-sidebar .sales_today_body .owl-carousel .active .sales_item {
margin: 0 0 40px 0
}
.content-with-sidebar .sales_today_body .owl-carousel .active .sales_item:after {
content: none
}
.block_testimonials.inner_wrap {
margin-bottom: 0
}
.block_testimonials .item {
padding: 20px 20px 20px;
font-family: var(--mainfont);
text-align: center;
border-radius: var(--brradius);
background-color: #FFF;
-webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
-moz-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
margin-bottom: 5px;
max-height: 220px;
position: relative;
}
.block_testimonials .item:before {
display: inline-block;
font-family: 'Font Awesome Pro';
font-weight: 300;
color: #eff3f5;
font-size: 41px;
content: "\f10d";
position: absolute;
/* opacity: .25; */
left: 5%;
}
.block_testimonials .avatar {
margin-top: 12px;
text-align: center;
margin-bottom: 10px;
margin-left: 15px;
display: inline-block;
vertical-align: middle
}
.block_testimonials .avatar img {
margin-bottom: 10px;
display: inline-block;
width: 60px;
border-radius: 50%;
overflow: hidden;
box-shadow: 0 0 0px 3px rgb(238, 239, 241);
border: 1px solid #fff;
}
.block_testimonials .testimonials {
color: #555;
font-size: 12px;
line-height: 22px;
margin-bottom: 10px;
text-align: center;
}
.block_testimonials .testimonials em {
font-size: 18px;
line-height: 0;
padding: 0 5px;
color: var(--maincolor);
vertical-align: text-bottom;
position: relative;
top: -3px;
}
.block_testimonials .testimonials p {
display: inline
}
.block_testimonials .clients_author {
font-size: 13px;
font-weight: 500;
color: #555;
display: inline-block;
vertical-align: middle;
text-align: right;
margin-top: -5px;
}
.block_testimonials .clients_author span {
font-size: 11px;
font-weight: 400;
color: var(--maincolor);
display: block;
padding-top: 3px
}
.blog_v_item {
background: #fff;
border-radius: var(--brradius);
margin-bottom: 10px;
overflow: hidden;
-webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
-moz-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
}
.blog_v_item div img {
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
width: 100%
}
.blog_v_item svg{
display: block;
margin-top: -50px;
width: 100%;
height: 35px;
position: absolute;
left: 0;
right: 0;
}
.blog_v_item .blog_content {
padding: 15px;
line-height: 20px;
color: #888;
box-shadow: 0 14px 28px -15px rgba(0, 0, 0, .05);
position: relative;
}
.blog_v_item .blog_content .desc {
max-height: 40px;
overflow: hidden
}
.blog_v_item .blog_content h4 {
display: inline-block;
margin-bottom: 10px;
height: 43px
}
.blog_v_item .blog_content h4 a {
color: #444;
font-weight: 500;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
line-height: initial;
}
.blog_v_item .blog_meta {
padding: 10px 15px;
font-family: var(--mainfontnum);
}
.blog_v_item .blog_meta:after,
.blog_v_item .blog_meta:before {
content: '';
display: table;
clear: both
}
.blog_v_item .blog_meta .comment_view,
.blog_v_item .blog_meta .date_time {
width: 50%;
float: right
}
.blog_v_item .blog_meta .comment_view p,
.blog_v_item .blog_meta .date_time p {
display: inline-block;
color: #7e7e7e;
font-size: 11px;
line-height: 30px;
vertical-align: middle;
}
.blog_v_item .blog_meta .date_time {
text-align: right;
position: relative
}
.blog_v_item .blog_meta .date_time:before {
content: '';
width: 1px;
height: 100%;
left: 0;
top: 0;
background: #eeeff1;
position: absolute
}
.blog_v_item .blog_meta .date_time i {
color: var(--maincolor);
vertical-align: middle;
margin-left: 5px;
font-size: 14px;
}
.blog_v_item .blog_meta .comment_view {
text-align: left
}
.blog_v_item .blog_meta .comment_view p i,
.blog_v_item .blog_meta .date_time p i {
margin-left: 6px;
font-size: 13px;
vertical-align: middle;
}
.blog_v_item .blog_meta .comment_view p+p {
margin-right: 26px
}
.item_card_det {
position: relative;
z-index: 3
}
.item_card_det .card_w {
padding: 15px 20px;
color: #FFF;
border-radius: var(--brradius);
display: block;
overflow: hidden;
position: relative;
z-index: 1;
box-shadow: 0 1px 7px -2px rgba(0, 0, 0, .1);
}
.item_card_det .card_w:before{
content:'';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.8;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: #1adadf;
background: -moz-linear-gradient(left, #1adadf 0%, #2478f2 100%);
background: -webkit-linear-gradient(left, #1adadf 0%, #2478f2 100%);
background: linear-gradient(to right, #1adadf 0%, #2478f2 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1adadf', endColorstr='#2478f2', GradientType=1);
}
.item_card_det .card_w:hover:before{
opacity: 0.9;
}
.item_card_det .icon_w{
float: left;
font-size: 25px;
width: 60px;
height: 60px;
line-height: 67px;
text-align: center;
border-radius: 100%;
background-color: rgba(255, 255, 255, .35);
position: relative;
color: #FFF;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.item_card_det .icon_w i,
.item_card_det .icon_w img {
font-size: inherit;
max-width: 30px;
-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;
}
.item_card_det .card_w:hover .icon_w{
background-color: rgba(0, 0, 0, 0.2);
transition-delay: 0.5s;
}
.item_card_det .card_w .el_ico_bk{
position: absolute;
font-size: 30px;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
opacity:0;
visibility:hidden
}
.item_card_det .card_w:hover .el_ico_fr{
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.item_card_det .card_w:hover .el_ico_bk{
opacity:1;
visibility:visible;
transition-delay: 0.5s;
}
.item_card_det .icon_w:before {
color: rgba(255, 255, 255, .35);
content: "\f037";
font-family: 'Font Awesome Pro';
font-weight: 300;
font-size: 36px;
position: absolute;
left: -33px;
top: 14px;
}
.item_card_det .card_desc {
display: inline-block;
font-family: var(--mainfontnum);
vertical-align: middle;
width: calc(100% - 65px);
padding-top: 8px;
position: relative;
color: #FFF;
}
.item_card_det .card_desc strong {
font-size: 13px
}
.item_card_det .card_desc p {
font-size: 12px;
color: rgba(255, 255, 255, .9)
}
.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: #1e2f9d;
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: 54px;
}
.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>.menu-item-text i {
margin-left: 7px;
vertical-align: middle;
font-size: 19px;
display: inline-block;
-webkit-transition: all .3s;
transition: all .3s;
}
@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;
}
.mweb-main-menu ul>li.level-0.menu-item-has-children>a:after {
content: "\f107";
font-family: "Font Awesome Pro";
font-weight: 300;
font-size: 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>.menu-item-text {
position: relative;
}
.mweb-main-menu ul>li.level-0 .menu-item-has-children>a:after {
content: "\f104";
font-family: "Font Awesome Pro";
font-weight: 300;
font-size: 14px;
display: inline-block;
margin-right: 5px;
float: left;
}
.mweb-main-menu ul>li.level-0.mega-menu .menu-item-has-children>a:after {
content: "\f107" !important;
float: none;
display: inline-block;
vertical-align: middle;
margin-right: 10px !important;
position: unset !important;
opacity: 0.5;
}
.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: #222;
}
@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),
.mweb-main-menu ul>li.level-0>ul.sub-menu li a>span:not(.elementor-icon-list-text) {
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),
.mweb-main-menu ul>li.level-0 div.sub-menu li.menu-item-has-children a>span:not(.elementor-icon-list-text){
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: #F44336;
}
.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: #F44336;
border-right-color: transparent;
border-bottom-color: transparent;
}
@media (min-width: 991px) {
.mweb-main-menu ul>li.level-0 div.sub-menu li.level-1 .sub-menu,
.mweb-main-menu ul>li.level-0>ul.sub-menu li.level-1 .sub-menu {
right: 100%;
margin-top: -40px;
}
}
.mweb-main-menu ul>li.level-0.mega-menu.mega-menu-fullwidth-width>.sub-menu {
right: 0;
left: 0;
box-shadow: 3px 3px 45px -12px rgb(0 0 0 / 5%);
min-width: 650px;
padding: 0 15px;
font-size: 13px;
}
.mweb-main-menu ul>li.level-0.mega-menu.mega-menu-fullwidth-width:hover {
position: unset;
}
.mweb-main-menu ul>li.level-0.mega-menu.mega-menu-fullwidth-width:hover>.sub-menu {
-webkit-transform: translateY(0px) !important;
transform: translateY(0px) !important;
}
.mweb-main-menu ul>li.level-0.mega-menu .title {
margin-bottom: 10px;
}
.mweb-main-menu ul>li.level-0.mega-menu .title h2 {
font-size: 15px;
position: relative;
font-weight: 600;
}
.mweb-main-menu ul>li.level-0.mega-menu .menu-homepage a {
font-weight: 500;
color: #000;
margin-bottom: 10px;
display: inline-block;
}
.mweb-main-menu ul>li.level-0.mega-menu .menu-homepage a:hover {
color: #f03333;
}
.mweb-main-menu ul>li.level-0.mega-menu .menu-homepage .mega-menu-image {
display: inline-block;
border: 1px solid hsla(0, 0%, 64%, .25);
}
.mweb-main-menu ul>li.level-0.mega-menu .menu-homepage .mega-menu-image>a {
margin-bottom: 0;
}
.mweb-main-menu ul>li.level-0.mega-menu .menu-homepage .mega-menu-image:hover {
border: 1px solid #f03333;
}
@media (min-width: 991px) {
.mweb-main-menu ul>li.level-0.mega-menu>ul.sub-menu {
min-width: 340px;
}
}
.mweb-main-menu ul>li.level-0.mega-menu>ul.sub-menu li.menu-item-has-children,
.mweb-main-menu ul>li.level-0.mega-menu>ul.sub-menu li.menu-item-image {
border: none;
}
.mweb-main-menu ul>li.level-0.mega-menu>ul.sub-menu li.level-1 .sub-menu {
margin-top: 0;
position: inherit;
right: 0;
margin-right: 0;
padding: 0;
border: 0;
box-shadow: none;
-webkit-transform: none !important;
transform: none !important;
font-size: 11px;
min-width: unset;
}
.mweb-main-menu ul>li.level-0.mega-menu>ul.sub-menu li.level-1 .sub-menu li.level-2 .mega-menu-image {
display: inline-block;
padding-bottom: 10px;
}
@media (min-width: 768px) {
.mweb-main-menu ul>li.level-0.mega-menu>ul.sub-menu>li {
margin-bottom: 10px;
}
}
.mweb-main-menu ul>li.level-0.mega-menu:hover>ul.sub-menu li.level-1 .sub-menu {
opacity: 1 !important;
visibility: visible !important;
}
.mweb-main-menu ul>li.level-0.mega-menu.mega-menu-fullwidth-width .sub-menu {
padding: 15px 15px;
top: auto;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu_has_sub_megamenu .sub-menu {
padding: 0;
overflow:hidden
}
.mweb-main-menu ul>li.level-0.mega-menu .sub-menu li.level-1 {
padding: 0 15px;
}
.mweb-main-menu ul>li.level-0.mega-menu .sub-menu li.level-1>a {
padding: 0 0 5px;
display: block;
font-size: 12px;
color: #222;
position: relative;
}
@media (max-width: 991px) {
.mweb-main-menu ul>li.level-0.mega-menu .sub-menu li.level-1>a {
font-size: 14px;
}
}
.mweb-main-menu ul>li.level-0 .sub-menu {
display: block;
min-width: 200px;
position: absolute;
top: 100%;
background: #fff;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .1s linear, transform .1s linear;
transition: opacity .1s linear, transform .1s linear;
-webkit-transform: translateY(40px);
transform: translateY(40px);
border-top: 2px solid var(--maincolor);
line-height: 22px;
background-repeat:no-repeat;
background-position:bottom left;
background-size:contain;
}
.mweb-main-menu ul>li.level-0 .sub-menu .menu-item-has-children {
position: relative;
}
.mweb-main-menu ul>li.level-0 ul.sub-menu {
padding: 20px 0;
}
.mweb-main-menu ul>li.level-0 ul.sub-menu li {
padding: 4px 15px;
}
.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: 7px;
}
.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(--secoundcolor);
left: -20px;
}
.mweb-main-menu .menu-item-sale-badge>a>.sale-badge {
left: -10px;
background: #f44336 !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;
}
@media(max-width:992px) {
.is-show.mobile-nav-button {
display: block!important
}
.mweb-main-menu {
display: none!important
}
}
.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 {
position: absolute;
top: 4px;
left: 0;
right: auto;
display: inline-block;
visibility: hidden;
color: #aaa;
background-color: var(--bgcolor);
font-size: 11px;
opacity: 0;
}
.block-ajax-filter-inner {
line-height: 1
}
.ajax-filter-list {
display: inline-block;
line-height: 1
}
.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;
line-height: 40px;
-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-left: 2px;
padding: 0 10px;
text-transform: inherit;
line-height: 30px;
-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-more>span {
text-transform: inherit
}
.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
}
.ajax-filter-link:hover,
.ajax-filter-link:hover,
.ajax-filter-link.is-active {
color: #282828;
}
.ajax-filter-link.is-active:before {
width: 6px;
height: 6px;
background-color: var(--maincolor);
position: relative;
display: inline-block;
margin-left: 6px;
border-radius: 25px;
content: '';
vertical-align: middle;
top: 1px;
}
.ajax-filter-dropdown-list {
position: absolute;
top: 100%;
left: 0;
right: auto;
z-index: 9999;
display: block;
visibility: hidden;
padding: 10px 0;
min-width: 135px;
background-color: #fff;
-webkit-box-shadow: 0 3px 10px 3px rgba(0, 0, 0, .05);
box-shadow: 0 3px 10px 3px rgba(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: .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 {
margin-top: 5px;
padding: 0;
font-size: 12px;
line-height: 1;
text-align: center;
}
.ajax-nextprev.ajax-pagination a {
display: inline-block;
padding: 0;
width: 40px;
height: 21px;
border-radius: 10px 10px 0 10px;
background-color: rgba(28, 28, 28, .2);
color: #fff;
text-align: center;
font-size: inherit;
line-height: 20px;
-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-next{
border-radius: 0 10px 10px 10px !important;
}
.ajax-nextprev .ajax-prev {
margin-right: 5px
}
.ajax-nextprev.ajax-pagination a.is-disable{
opacity:0.5;
cursor: not-allowed;
filter:grayscale(1)
}
.ajax-nextprev.ajax-pagination a:hover,
.is-light-text .ajax-nextprev.ajax-pagination a:hover {
background-color: var(--maincolor);
color: #fff
}
.ajax-nextprev.ajax-pagination i {
display: block;
margin: 0;
padding: 0;
line-height: inherit
}
.ajax-nextprev .ajax-prev i {
margin-right: 1px
}
.ajax-nextprev .ajax-next i {
margin-left: 1px
}
.ajax-loadmore.ajax-pagination,
.related-loadmore {
clear: both;
text-align: center;
padding-top: 10px;
}
.ajax-loadmore-link {
display: inline-block;
padding: 0 20px;
height: 27px;
border-radius: var(--brradius);
background-color: rgba(28, 28, 28, .2);
color: #fff;
white-space: nowrap;
font-size: 11px;
line-height: 25px;
-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-loadmore-link:hover{
background-color:#fff;
color:#555
}
.inner_wrap {
padding: 10px 10px;
background-color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
position: relative;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1);
overflow: hidden
}
div.wpcf7 {
width: 100%
}
.wpcf7-form-control-wrap {
position: relative;
display: block
}
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: 0
}
.wpcf7-form .wpcf7-select {
max-width: 100%;
min-width: 200px;
margin-bottom: 15px
}
.wpcf7-form .wpcf7-checkbox {
max-width: 100%;
display: inline-block;
width: 100%;
margin-bottom: 15px
}
.wpcf7-form .wpcf7-textarea {
max-width: 100%;
width: 100%;
max-height: 180px
}
.wpcf7-form br {
display: none
}
.mweb-popup .mfp-figure:after {
background: transparent;
box-shadow: none
}
.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: .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
}
.mweb-popup .white-popup .mfp-close {
top: -40px
}
.page-body {
width: 100%;
float: right;
margin-top: 0;
padding: 15px 15px 30px 15px;
font-family: var(--mainfont);
line-height: 2em;
color: #666;
overflow: hidden;
font-size: 12px
}
.single_share_wrap {
position: relative;
display: inline-block
}
.share-to-email-popup {
background-color: #fff;
padding: 15px;
display: block;
width: 230px;
right: 123%;
top: -335px;
margin-top: 4px;
position: absolute;
z-index: 999;
border: 1px solid #eeeff1!important;
border-radius: 2px
}
.share-to-email-popup.logged_in {
top: -217px
}
.share-to-email-popup label {
display: block;
width: 100%;
margin-bottom: 5px;
margin-top: 5px;
font-size: 11px;
color: #888
}
.share-to-email-popup input {
display: block;
width: 100%;
margin-bottom: 7px
}
.share-to-email-popup .share-mail-cancel {
display: block;
text-align: center;
margin-top: 6px;
background-color: var(--maincolor);
float: left;
color: #FFF;
line-height: 25px;
padding: 0 18px;
height: 25px;
font-size: 11px;
border-radius: 3px
}
.mw-response {
font-size: 11px
}
a.share-mail-close {
color: #aaa!important;
display: block;
margin-top: 10px
}
.share-to-email-popup input,
.share-to-email-popup textarea {
margin-bottom: 8px;
background-color: #fff;
font-size: 11px;
border: none;
box-shadow: none;
line-height: 20px;
color: #555;
padding: 3px 10px;
border: 1px solid #EDEDED
}
.product_share {
display: inline-block;
width: 100%;
clear: both;
padding: 0 0 15px
}
.product_share ul li{
display: inline-block
}
.product_share ul li a {
width: 30px;
height: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #d01919;
color: #FFF;
text-align: center;
line-height: 30px;
cursor: pointer;
display: block;
margin-left: 5px;
font-size: 16px;
}
.product_share.coloring ul li:hover a{
filter: grayscale(0.9)
}
.coloring .fa-facebook, .coloring .fa-facebook-f {
background-color: #3d5b99
}
.coloring .fa-twitter {
background-color: #00aced
}
.coloring .fa-rss {
background-color: #eb8231
}
.coloring .fa-youtube {
background-color: #e64a41
}
.coloring .fa-linkedin {
background-color: #0073a4
}
.coloring .fa-google-plus {
background-color: #e25714
}
.coloring .fa-instagram {
background-color: #00aced
}
.coloring .fa-telegram {
background-color: #00aced
}
.coloring .fa-sms {
background-color: #12b30e
}
.coloring .fa-pinterest {
background-color: #d01919
}
.deal_timer_single {
width: 100%;
text-align: right;
padding: 0 10px 10px 0;
font-family: var(--mainfont);
font-size: 12px;
display: inline-block;
margin-top: -20px
}
.deal_timer_single .product-date {
direction: ltr;
font-family: var(--mainfontnum);
position: relative
}
.deal_timer_single .product-date>div {
display: inline-block;
margin-left: 8px;
text-align: center
}
.deal_timer_single .product-date>div:first-child {
margin-right: 0
}
.deal_timer_single .product-date>div span {
display: block;
text-align: center;
color: #636363
}
.deal_timer_single .product-date>div:last-child span.no {
color: #FFF;
background-color: #f12622
}
.deal_timer_single .product-date>div span.no {
background-color: #f5f5f5;
width: 30px;
height: 30px;
text-align: center;
font-size: 12px;
line-height: 30px;
margin-bottom: 5px;
border-radius: 10px 3px 10px 10px
}
.deal_timer_single .product-date>div:last-child span.no,
.deal_timer_single .product-date>div:first-child span.no {
border: none
}
.deal_timer_single .product-date>div span.text {
font-size: 10px;
line-height: 18px;
color: #d2d4da
}
.deal_timer_single .deal-text {
display: inline-block;
float: right;
font-size: 11px;
font-weight: 300;
padding-left: 15px
}
.deal_timer_single .deal-text i {
font-size: 32px;
color: #c3caca;
}
.deal_timer_single .deal-text span {
display: block
}
.deal_timer_single .deal-text span.deal-text1 {
font-size: 13px;
font-weight: 500
}
.woo_single_countdown{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
margin: 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;
border:none
}
.woo_single_countdown.deal_timer_single .product-date > div {
margin: 0 4px;
}
.woo_single_countdown.deal_timer_single .product-date > div:first-child {
margin: 0 4px;
}
.pagination-wrap {
text-align: center;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
padding-bottom: 10px;
color: #aaa;
float: right;
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: block;
float: left;
margin-right: 5px;
height: 30px;
width: 30px;
padding: 0;
line-height: 30px;
font-family: var(--mainfontnum);
border-radius: var(--brradius);
border: none;
text-align: center;
background-color: #dbdbdb;
-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;
}
.pagination-wrap .page-numbers:last-child {
margin-right: 0
}
.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 .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 i {
margin-right: 5px;
font-style: normal
}
.older i {
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
}
.breadcrumb-arrow {
line-height: 40px;
padding: 0;
list-style: none;
background-color: #fff;
margin-top: 14px;
margin-bottom: 0;
border-radius: 10px;
font-size: 11px;
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,
.breadcrumb-arrow li a,
.breadcrumb-arrow li span {
display: inline-block;
vertical-align: middle;
}
.breadcrumb-arrow li{
padding: 0 5px 0 3px;
}
.breadcrumb-arrow li a {
position: relative;
color: #777;
}
.breadcrumb-arrow li:first-child a {
padding-right: 15px;
}
.breadcrumb-arrow li a:after {
font-size: 11px;
font-family: 'Font Awesome Pro';
font-weight: 300;
content: '\f104';
color: #bebebe;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
.breadcrumb-arrow li:last-child a:after{
display: none
}
.breadcrumb-arrow li span {
color: #434a54
}
.content-404-inner {
display: block;
overflow: hidden;
text-align: center;
margin-top: 10px;
padding-bottom: 80px;
background-color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1)
}
.content-404 {
position: relative;
z-index: 10
}
.content-404-inner .icon-wrap {
display: block;
padding: 15px 0
}
.content-404-inner .icon-wrap img {
-webkit-filter: grayscale(80%);
filter: grayscale(80%);
display: block;
margin: auto;
max-width: 230px;
opacity: .8
}
.content-404 h1 {
font-size: 13px
}
.content-404-inner {
position: relative
}
.title-404.post-title {
color: #888
}
.title-404 ul {
margin-top: 14px
}
.title-404 li {
font-size: 11px;
margin-bottom: 8px
}
.under_construction {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
color: #333;
background: url(assets/images/bg-comingsoon.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.under_construction:before{
content:'';
right:0;
left:0;
bottom:0;
top:0;
position:absolute;
background-color:#FFF;
opacity:0.9
}
.under_construction.no_background:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(assets/images/pattern.png);
opacity: .1
}
.construction_head {
padding: 0% 0;
position: relative;
margin-top: 5%;
border-radius: 6px;
text-align: center;
}
.construction_head .logo {
display: block
}
.construction_head .logo a {
display: block;
margin: auto;
text-align: center
}
.under_construction h2 {
font-size: 16px;
text-align: center;
display: block;
position: relative;
padding: 4% 0;
font-weight: 500
}
.construction_entry {
font-size: 12px;
text-align: justify;
position: relative;
}
.construction_countdown {
text-align: center;
padding-top: 10%;
direction: ltr
}
.under_construction .product-date div {
display: inline-block;
font-size: 11px;
background-color: rgba(255, 255, 255, 0.35);
color: #333;
margin: 5px 10px;
width: 70px;
height: 70px;
line-height: 69px;
border-radius:20px;
position: relative;
direction: rtl;
font-family: var(--mainfontnum);
box-shadow: 0 0 20px -10px #ddd
}
.under_construction .product-date div .text {
padding-right: 5px
}
.btn.btn-shortcode {
display: inline-block;
padding: 6px 15px!important;
font-size: 12px!important;
line-height: 1.3!important;
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%
}
.accordion,
.accordion-shortcode {
margin-bottom: 20px;
padding: 0 15px
}
.accordion .accordion-item-title {
display: block;
background: #fff;
color: #999;
position: relative;
cursor: pointer;
line-height: normal!important;
font-weight: 500;
font-size: 12px!important
}
.accordion .accordion-item-title::after {
background: #e5e5e5;
content: "";
height: 1px;
position: absolute;
right: 0;
top: 13px;
width: 100%
}
.accordion .accordion-item-title span {
display: inline-block;
padding: 0 10px 0 15px;
background: #fff;
position: relative;
z-index: 1
}
.accordion .accordion-item-title i {
display: inline-block;
background: #f0f1f2;
position: relative;
width: 25px;
height: 25px;
border-radius: 35px;
margin-right: -11px;
text-align: center;
z-index: 1;
line-height: 25px
}
.accordion .accordion-item-title.active i {
color: inherit
}
.accordion .accordion-item-content {
overflow: hidden;
padding: 15px 15px;
color: #777;
border-right: 2px solid #f0f1f2;
display: none;
}
.accordion .accordion-item-content.active {
display: block;
}
.accordion .accordion-item-content p:last-child {
margin-bottom: 0
}
.accordion .accordion-item-title.active {
color: #6d6d6d
}
.accordion .accordion-item-title:hover::before,
.accordion .accordion-item-title.active::before,
.accordion .accordion-item-title:hover {
color: #636363;
-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 {
margin-bottom: 5px;
font-weight: 500;
font-size: .95em;
}
.accordion-item-content li:before {
display: inline-block;
font-family: "Font Awesome Pro";
font-weight: 300;
font-size: 10px;
vertical-align: middle;
color: #e4e4e4;
margin-left: 10px;
content: "\f111";
}
#accordionfaq {
padding: 0 15px
}
.simple_dlbox {
padding: 7px 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: var(--brradius);
}
.simple_dlbox a>i {
color: #b9b9b9;
content: "\f0a8";
font-family: 'Font Awesome Pro';
font-weight: 300;
font-size: 16px;
position: relative;
margin: 1px -5px 0 9px;
display: inline-block;
vertical-align: middle;
}
.simple_dlbox:hover {
background-color: rgba(0, 204, 103, .04)
}
.simple_dlbox .simple_dlbox_title {
color: #555
}
.simple_dlbox .simple_dlbox_btn {
float: left
}
.simple_dlbox .simple_dlbox_btn i {
margin-left: 5px;
font-size: 14px;
}
.download_box {
padding: 7px 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: var(--brradius);
}
.download_box .download_box_title {
border-bottom: 3px double #eeeff1;
padding: 2px 0 6px;
margin-bottom: 6px
}
.download_box .download_box_title i {
font-size: 15px;
vertical-align: middle;
margin-left: 10px;
color: var(--maincolor)
}
.download_box .download_box_item {
padding: 2px 0 6px;
font-size: 11px
}
.download_box .download_box_item i {
vertical-align: middle;
margin-left: 5px;
font-size: 12px
}
.download_box .download_box_item span {
color: #888;
margin-left: 5px
}
.download_box a {
background-color: #22c148;
padding: 0 10px;
color: #fff;
margin: 5px 0;
display: inline-block;
border-radius: 10px 0 10px 10px;
}
.download_box a:hover {
background-color: #626771
}
.shortcode_section {
padding: 15px 0
}
.story_wrap {
position: absolute!important;
left: -35px;
top: 39px;
float: left
}
.story_wrap i {
background-color: var(--maincolor);
color: #FFF;
float: left;
padding: 8px 14px;
font-size: 18px;
border-radius: 5px 0 0 5px;
}
.story_wrap:hover i {
background-color: #626771
}
.story_wrap ul {
background-color: var(--maincolor);
float: right;
padding: 0 0 0px 0;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
transition: .5s ease;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
-moz-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0;
visibility: hidden;
border-radius: 0 5px 5px 5px;
overflow:hidden
}
.story_wrap li {
padding: 8px 15px;
transition: .5s ease;
}
.story_wrap a {
color: #FFF
}
.story_wrap li:hover {
background-color: #626771
}
.story_wrap:hover ul {
opacity: 1;
visibility: visible;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
@media(max-width:1200px) {
.story_wrap {
display: none
}
}
.contact-wrapper {
margin-top: 15px;
}
.contact_us_desc{
background-color: #FFF;
border-radius: var(--brradius);
-webkit-box-shadow: 0px 0px 7px -3px rgba(55, 73, 72, 0.06);
box-shadow: 0px 0px 7px -3px rgba(55, 73, 72, 0.06);
padding: 12px 20px;
margin-top: 15px;
}
.contact-wrapper .right-area {
background: var(--maincolor);
color: #fff;
padding: 35px 25px 25px 25px;
overflow: hidden;
position: relative;
border-radius: var(--brradius);
}
.contact-wrapper .right-area *{
position:relative
}
.contact-wrapper .right-area .image_area {
text-align: center;
width: 100%
}
.contact-wrapper .right-area:before {
content: '';
position: absolute;
top: 31px;
/* right: 15px; */
left: -41px;
width: 330px;
height: 300px;
border-radius: 50% 100% 100% 50% / 69% 75% 75% 69%;
background-color: hsla(0, 0%, 100%, 0.15);
transform: rotate(60deg);
}
.contact-wrapper .right-area h1 {
font-size: 15px;
font-weight: 500;
margin-top: 20px;
margin-bottom: 15px;
}
.contact-wrapper .right-area ul {
margin: 14px 0 0 0;
padding: 0;
list-style-type: none
}
.contact-wrapper .right-area ul li {
padding: 5px 0;
font-size: 12px;
display: inline-block;
width: 100%;
}
.contact-wrapper .right-area ul li i {
float: right;
font-size: 15px;
margin-left: 15px;
vertical-align: middle;
border-radius: 10px 1px 10px 10px;
border: 1px dashed rgba(255, 255, 255, 0.8);
background-color: hsla(0, 0%, 0%, 0.17);
padding: 9px;
}
.contact-wrapper .right-area ul li span{
display: block;
padding-top: 6px;
}
.contact-wrapper .location{
position: relative;
}
.contact-wrapper .location img{
padding: 25px 0 0 0;
position: relative;
}
.contact-wrapper .location:before{
content:'';
border-bottom: 2px dotted hsla(0, 0%, 100%, 0.53);
position: absolute;
left: 0;
top: 7px;
right: 0;
}
.contact-wrapper .left-area {
padding: 25px 25px;
overflow: hidden;
background-color: #FFF;
border-radius: var(--brradius);
-webkit-box-shadow: 0px 0px 7px -3px rgba(55, 73, 72, 0.06);
box-shadow: 0px 0px 7px -3px rgba(55, 73, 72, 0.06);
}
.contact-wrapper .left-area input[type="text"] {
width: 100%;
height: 35px;
border: 1px solid #e8ecec;
padding: 0 10px;
color: #777;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 11px
}
.contact-wrapper .left-area textarea {
width: 100%;
min-height: 130px;
border: 1px solid #e8ecec;
padding: 10px 10px;
color: #777;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size: 11px
}
.form-group {
margin-bottom: 10px
}
.contact-wrapper .left-area input[type="submit"] {
width: auto;
text-align: center;
display: inline-block;
padding: 4px 20px 5px;
margin: 0;
font-size: 12px;
border-radius: 15px 5px 15px 15px;
cursor: pointer;
box-shadow: none;
border: none;
color: #FFF;
background-color: #777777;
}
.contact-wrapper .line {
width: 100%;
margin: 20px 0 15px 0;
position: relative;
color: #666;
text-align: center
}
.contact-wrapper .line:before {
content: '';
width: 30%;
height: 1px;
background-color: #666;
position: absolute;
right: calc(50% + 10px);
top: 7px
}
.contact-wrapper .line:after {
content: '';
width: 30%;
height: 1px;
background-color: #666;
position: absolute;
left: calc(50% + 10px);
top: 7px
}
.mweb-site-mask {
display: block;
pointer-events: none;
z-index: -1;
width: 100%;
height: 100%;
z-index: 992;
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;
}
.mobile-js-menu .mweb-site-mask , .mweb-site-mask.active{
visibility: visible;
pointer-events: auto;
background: rgba(0, 0, 0, .1)
}
.mweb-site-mask.active{
z-index:992
}
.vendor_info_warp {
padding: 10px;
display: block
}
.profile_img {
width: 70px;
height: 70px;
float: right;
margin-left: 15px;
border-radius: 35px 13px 35px 35px;
overflow: hidden;
box-shadow: 0 0 15px -4px rgba(0, 0, 0, .2);
border: 1px solid #fff;
}
.vendor_info_left {
display: block;
padding: 12px 0
}
.vendor_info_left h1 {
font-weight: 500
}
.vendor_info_left a {
height: 24px;
padding: 0 15px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 14px;
display: inline-block;
background-color: var(--maincolor);
color: #FFF;
font-size: 11px;
line-height: 25px;
margin-top: 14px;
-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;
cursor: pointer;
position: relative;
}
.vendor_line {
display: inline-block;
border-top: 1px dashed #e0e2e4;
width: 100%;
height: 20px;
margin-top: 20px
}
.vendor_info_left:after,
.vendor_line:before {
content: '';
clear: both;
display: block
}
.dokan_store_info {
padding: 25px 5px
}
.dokan_store_info li {
display: block;
margin-bottom: 15px
}
.dokan_store_info i {
font-size: 17px;
vertical-align: middle;
margin-left: 10px;
width: 25px
}
.dokan_store_info span {
padding-right: 10px;
color: #9ba1af;
vertical-align: middle
}
.dokan_store_info span.seller-rating {
color: #ffd600
}
.dokan_store_info span.seller-rating span {
margin-top: 0!important;
color: #febd69
}
.dokan_store_info a {
padding-right: 10px;
color: #9ba1af;
vertical-align: middle
}
.vendor_total_info {
border: 2px dotted #e0e2e4;
display: block;
border-radius: var(--brradius);
}
.vendor_total_info div {
width: 100%;
padding: 15px 15px;
font-size: 12px
}
.vendor_total_info div:first-child {
border-bottom: 2px dotted #e0e2e4;
}
.vendor_total_info div i {
font-size: 25px;
vertical-align: middle;
margin-left: 10px
}
.vendor_total_info div span {
margin-right: 10px
}
.store-social-wrapper {
display: block;
border-top: 1px dashed #e0e2e4;
width: 100%;
height: 20px;
margin: 20px 0;
padding: 15px;
text-align: center
}
.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, .62);
color: #686d75;
border-radius: 15px;
display: inline-block;
position: relative;
float: left;
}
.store-social-wrapper a:hover {
background-color: rgba(238, 239, 241, 1)
}
.is_store .single_blog_top h1 {
display: inline-block;
width: auto;
vertical-align: middle;
padding-bottom: 0;
background-color: #FFF;
position: relative;
padding-left: 13px;
}
.is_store .dokan-store-tab {
float: left;
font-weight: 400;
font-size: 11px;
position: relative;
background-color: #FFF;
position: relative;
top: 3px;
}
.is_store .dokan-store-tab li {
display: inline-block;
float: left;
margin-right: 10px
}
.is_store .dokan-store-tab a,
.is_store .dokan-store-tab button {
background-color: rgba(98, 103, 113, .65)!important;
color: #fff;
padding: 3px 10px!important;
border-radius: 5px;
height: 24px;
border: none;
font-size: 11px;
line-height: 18px;
vertical-align: middle;
margin: 0!important
}
.profile-info-img {
margin: 15px auto 0 auto;
border: 1px solid #eeeff1;
position: relative;
border-radius: var(--brradius);
display: block;
}
.profile-info-img.dummy-image:before {
position: absolute;
font-family: "Font Awesome Pro";
font-weight: 300;
color: #eeeff1;
font-size: 54px;
content: "\f509";
right: 50%;
top: 50%;
margin-top: -29px;
margin-right: -33px
}
.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: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 10px 0 0 0;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1);
font-family: var(--mainfontnum)
}
.mfp-auto-cursor .mfp-content {
text-align: right
}
.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: 0
}
.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 .entry-content {
padding: 0
}
body.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a i {
margin-top: 0;
vertical-align: middle;
margin-right: 0;
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: 0;
right: 96%;
border-width: 10px 0 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;
height: 30px!important
}
textarea.dokan-form-control{
height: auto !important;
}
.dokan-form-group .select2-container {
max-width: 100%;
}
.dokan-form-group .select2-container--open .select2-dropdown--below {
margin-top: 0px;
}
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;
font-weight: 500;
border: none!important;
border-radius: 0;
vertical-align: middle
}
body.dokan-dashboard .dokan-form-inline .dokan-form-group {
float: right;
margin-right: 0;
margin-left: 10px
}
.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: 0;
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
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-wrapper {
box-shadow: 0 0 1px 0 #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: 0;
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
}
.entry-content input[type="submit"].dokan-btn-default,
.entry-content a.dokan-btn-default,
.dokan-btn-default {
background-color: #eeeff1!important;
font-size: 12px
}
.alert p {
display: inline-block;
line-height: 1.9em;
vertical-align: middle;
}
.vendor_info .toggle_vendor_info {
position: absolute;
right: 61px;
top: 0;
z-index: 1;
background-color: #fff;
border: 1px solid #f1f1f1!important;
border-radius: var(--brradius);
width: 320px;
padding: 10px;
text-align: right;
-webkit-transition: .5s ease;
-moz-transition: .5s ease;
-ms-transition: .5s ease;
transition: .5s ease;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
opacity: 0;
visibility: hidden;
}
.toggle_vendor_info.active {
opacity: 1;
visibility: visible;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1)
}
.toggle_vendor_info img {
float: right;
margin-left: 10px;
border-radius: 41px;
overflow: hidden;
padding: 2px;
border: 1px solid #eeeff1;
max-width: 60px;
}
.toggle_vendor_info a {
background-color: #cfcfd0;
padding: 1px 8px;
color: #fff;
font-size: 11px;
vertical-align: middle;
border-radius: 17px;
margin-right: 10px;
}
.vn_info_wrap {
display: block;
padding-right: 70px;
padding-top: 10px;
line-height: 1.8em;
/* clear: both; */
}
.vn_info_wrap h5 {
font-size: 12px;
color: #555
}
.vn_info_wrap ul {
padding: 10px 0 0 0
}
.vn_info_wrap ul li {
display: inline-block;
margin-left: 5px;
width: 30px;
height: 30px;
background-color: #fbfafa;
line-height: 28px;
text-align: center;
border: 2px solid #fff;
border-radius: 25px;
font-size: 13px;
box-shadow: 0 0 12px -4px rgba(0, 0, 0, .2)
}
.elementor-widget-mweb-product-seller .vn_info_wrap ul li{
border: 2px solid #fff0;
box-shadow: none;
}
.elementor-widget-mweb-product-seller .toggle_vendor_info img{
padding: 0;
max-width: inherit;
}
.vn_info_wrap ul li.el_register {
background-color: #fff3d9;
color: #ffb801
}
.vn_info_wrap ul li.el_product {
background-color: #d7cdff;
color: #876bfe
}
.vn_info_wrap ul li.el_sell {
background-color: #ffdfe0;
color: #f22426
}
.vn_info_wrap ul li.el_earning {
background-color: #d9ffe1;
color: #1cdc11
}
.vn_info_wrap ul li.el_buy {
background-color: #ffd9fa;
color: #c1139a
}
.vn_info_wrap ul li.el_star {
background-color: #fffed9;
color: #efd722
}
.author_product_desc {
text-align: justify;
position: relative;
color: #888;
clear: both;
padding: 10px 0 15px 0;
}
.author_product_desc:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 55%;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
}
.product_sellinfo, .membership_dl_box {
width: 100%;
border-radius: var(--brradius);
background-color: #FFF;
padding: 20px 25px;
margin: 15px 0 0 0;
overflow: hidden;
display: block;
float: right;
-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: relative;
}
.product_sellinfo:before, .membership_dl_box:before {
display: inline-block;
font-family: 'Font Awesome Pro';
font-weight: 300;
color: #eeeff1;
font-size: 60px;
content: "\f085";
position: absolute;
opacity: .25
}
.product_sellinfo .el_info_icon {
font-size: 13px;
margin: 0;
float: right;
font-weight: 500;
}
.product_sellinfo .el_info_icon i {
font-size: 20px;
vertical-align: middle;
margin-left: 10px
}
.product_sellinfo p {
display: block;
clear: both;
padding: 10px 0;
color: #9298a2;
}
.product_sellinfo ul {
position: relative
}
.product_sellinfo .sep {
box-shadow: -1rem 0 2rem -1rem rgba(0, 0, 0, .05);
height: calc(100% + 30px);
width: 47px;
margin-top: -15px;
padding: 10px 0;
z-index: 1;
background-color: #FFF
}
.product_sellinfo ul li {
color: #9298a2;
position: relative;
line-height: 22px;
padding-right: 13px;
}
.product_sellinfo ul li:before {
color: #22c148;
content: "\f00c";
font-family: 'Font Awesome Pro';
font-weight: 300;
margin-left: 10px;
font-size: 12px;
vertical-align: middle;
display: inline-block
}
.content_loadmore {
font-size: 12px;
color: #303949;
text-align: center;
float: right;
width: 100%;
position: relative;
display: none
}
.content_loadmore:before {
content: '';
height: 80px;
position: absolute;
width: 100%;
right: 0;
top: -73px;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, .82) 41%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, .82) 41%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 2%, rgba(255, 255, 255, .82) 41%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}
.content_loadmore span {
color: #6c7179;
position: relative;
font-size: 11px;
cursor: pointer
}
.content_loadmore span i {
font-size: 17px;
vertical-align: middle;
margin-left: 3px
}
#popup-video video {
display: block;
width: 100%;
height: 100%
}
#popup-video {
position: relative;
background: #555;
width: auto;
max-width: 800px;
margin: 20px auto
}
#popup-video .mfp-close {
color: #ffffff !important;
}
.header_alert {
padding: 15px 0;
background-color: #444;
display: none
}
.woocommerce-account .header_alert {
position: relative;
z-index: 999;
}
.header_alert a {
color: inherit
}
.header_alert p{ display: inline; }
.header_alert .close_alert {
color: #FFF;
float: left;
font-size: 15px;
cursor: pointer
}
.ajax-loader,
.slider-loader {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 992;
opacity: .96;
background: rgba(0, 0, 0, 0) url(assets/images/loading.gif) no-repeat center center;
background-size: 30%;
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.mweb-loader_up {
position: relative;
}
.mweb-loader_up:after {
content: '';
background: rgb(255 255 255 / 0%) url(assets/images/loading.gif) no-repeat center center;
-webkit-filter: grayscale(100%);
/* Safari 6.0 - 9.0 */
filter: grayscale(100%);
backdrop-filter: blur(1.2px);
opacity: .9;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: inherit;
background-size: 100%;
}
.popup_video_content .ajax-loader{
position: relative;
min-height: 300px;
background-size: 5%;
}
.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.gif) no-repeat center center;
background-size: 30%;
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.realtime_product {
padding: 10px
}
.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: 15px;
font-size: 11px
}
.realtime_product .product-detail-area .slide-progress {
width: 0;
max-width: 100%;
height: 4px;
border-radius: 5px;
background: var(--secoundcolor);
margin-bottom: 15px
}
.realtime_product .product-detail-area .realtime_price {
float: right;
width: 60%;
margin-top: 9px;
}
.realtime_product .product-detail-area .realtime_price .price{
font-size: 15px;
}
.realtime_product .product-detail-area .realtime_more {
float: left;
background-color: #eff3f5;
color: #333;
padding: 5px 10px;
border-radius: 15px 45px 45px 45px;
margin-top: 6px;
}
.realtime_product .product-detail-area .realtime_more:hover{
background-color: var(--maincolor);
color: #FFF;
}
.widget .widget_title.with-dropdown .widget-dropdown {
top: 18px;
left: 27px;
opacity: .6;
right: auto
}
.m_search {
font-size: 17px;
float: left;
border-radius: 2px 15px 15px 15px;
line-height: 40px;
margin-top: 7px;
text-align: center;
height: 40px;
width: 40px;
padding: 0 6px;
cursor: pointer;
background-color: hsla(0, 0%, 0%, 0.03);
}
.m_search i{
vertical-align:middle;
/* margin-right:10px */
}
.head_dark.head_override .m_search{
color: rgba(255, 255, 255, 0.57);
box-shadow: 1.1rem 0 2rem -0.7rem rgb(0, 0, 0);
}
.m_search_wrap {
position: absolute;
width: 100%;
right: 0;
left: 0;
top: 0;
bottom: 1px;
background-color: #FFF;
display: none
}
.m_search_wrap .search_wrap {
width: 100%;
margin-top: 8px
}
.m_search_wrap.active {
display: block !important
}
.woocommerce .mini_cart_detail .blockUI.blockOverlay {
position: relative!important;
display: none!important
}
@media(max-width:768px) {
.samandehi_wrap {
margin-top: 5px
}
.sidebar-inner {
padding-top: 10px
}
.content_loadmore {
display: block
}
.single_product_content .entry-content ,.single_product_content .entry_product{
height: 500px;
overflow: hidden
}
.product_banner_slider .slick-dots,
.list_blog_item .list_blog_body .post_cat,
.count_review {
display: none!important
}
.average_rate {
margin-left: 0
}
.list_blog_item .list_blog_body img {
display: block;
margin: auto;
margin-bottom: 10px
}
.customer_slider_wrap .customer_slider_body {
height: auto
}
.footer_section_top {
padding-top: 10px
}
.counter_item {
padding: 5px 15px
}
.contact_social_wrap {
float: right
}
.contact_fi {
padding: 5px 5px;
height: 78px
}
.single_product_head {
margin-top: 10px
}
.additional_information {
box-shadow: 0 -1.1rem 2rem -1rem rgba(0, 0, 0, .05);
margin-top: 15px
}
.single_product_content .example_download {
height: 35px;
line-height: 35px;
width: 100%
}
.woocommerce-MyAccount-content {
padding-top: 15px
}
.MyAccount-dashboard-table {
overflow-x: auto
}
.woocommerce-account .woocommerce-MyAccount-content {
padding: 0;
overflow-x: auto
}
.accordion-shortcode {
padding: 10px 12px 10px 5px!important
}
.woocommerce-Reviews .comment-form p {
display: block!important
}
.header_alert {
padding: 8px 10px;
overflow: hidden;
}
}
.mweb-body .dokan-other-vendor-camparison {
clear: both;
margin: 0px 0px 0px;
float: right;
width: 100%;
}
.mweb-body .dokan-other-vendor-camparison h3 {
margin-bottom: 0px;
background-color: #f9f9f9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 11px;
padding: 10px 15px 10px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1);
margin-top: 10px;
}
.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: 0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
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%;
float:inherit;
}
.mweb-body .table-cell.rating {
width: 20%;
display:inline-block;
}
.mweb-body .table-cell.action-area {
width: 20%;
text-align: left;
}
.mweb-body .table-cell.rating .woocommerce-product-rating {
position: absolute;
display: block;
margin-right: 0;
vertical-align: top;
padding-top: 0px;
height: inherit;
}
.mweb-body .table-cell.rating .woocommerce-product-rating .woocommerce-review-link{
position: absolute;
display: block;
bottom: -19px;
padding-right: 2px;
font-size: 10px;
width: 100px;
}
.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;
line-height:29px;
}
.mweb-body .table-cell .dokan-btn.view {
color: #008fd5;
line-height:29px;
}
.mweb-body .table-cell .dokan-btn.cart {
color: #d35400;
line-height:29px;
}
.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;
}
}
/* ------------------------------------------------------------- */
.magnifier {
background: #fff;
box-shadow: 0 0 15px -7px rgb(0 0 0 / 30%);
box-sizing: content-box;
box-sizing: initial;
position: absolute;
z-index: 9100;
padding: 0 15px 15px;
display:none;
float: right;
width: 472px;
/* height: 344px; */
/* background: #323338; */
/* border: 10px solid #26272c; */
color: #fff;
border-radius: 10px;
transform: translate(-100%,-100%);
display: none;
position: fixed;
top: 20%;
left: 50%;
z-index: 991;
}
.magnifier .size-limiter {
margin-top: 15px;
overflow: hidden;
max-height: 240px;
min-height: 230px;
text-align: center;
background:url(assets/images/loading.gif);
background-repeat: no-repeat;
background-size: 50%;
background-position: center;
background-color: #FFF;
border: 1px solid #eeeff1;
border-radius: 10px;
}
.magnifier .size-limiter img, .magnifier .size-limiter video {
max-width: 100%;
max-height: 240px;
width: auto;
display: block;
margin: auto;
border-radius: 10px;
}
.magnifier .size-limiter .video-player {
position: relative
}
.magnifier strong {
padding-top: 10px;
color: #333;
font-size: 13px;
font-weight: 500;
display: block;
}
.footer, .magnifier .info {
color: #767676;
font-size: 11px;
line-height: 18px;
overflow: hidden;
width: 100%;
}
.magnifier .author-category {
float: right;
}
.magnifier .price {
float: left;
margin-right: 20px;
font-size: 20px;
font-weight: 500;
line-height: 26px;
color: #333;
letter-spacing: 0;
}
.magnifier .price .cost{
color: var(--maincolor);
}
.magnifier .price-period {
font-size: 12px;
font-weight: 400;
color: #b3b3b3
}
.magnifier .price sup {
font-size: 10px;
top: 4px;
padding-right: 4px;
font-weight: normal;
vertical-align: 10px;
}
.magnifier .footer {
display: -ms-flexbox;
display: flex;
color: #868686;
}
.magnifier .category {
width: 50%
}
.magnifier .gst-notice {
width: 50%;
text-align: left;
color: #505050dd;
}
.search_box{
background-color: rgb(255, 255, 255);
text-align: center;
padding: 55px 0 20px;
position: relative;
margin-bottom: 25px;
z-index: 9;
}
.search_box:after{
content: '';
position: absolute;
height: 2px;
background-color: inherit;
left: 0;
right: 0;
top: 0px;
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.05);
}
.search_box:before{
content:'';
position: absolute;
background-image: url(assets/images/background.svg);
background-size: 16%;
opacity: 0.02;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-animation: slide 20s linear infinite;
animation: slide 20s linear infinite;
}
@-webkit-keyframes slide {
from { background-position: 0 0; }
to { background-position: -1000px 0; }
}
.search_box h2{
font-size: 15px;
font-weight: 500;
line-height: 35px;
}
.search_box .s_subtitle{line-height: 34px;}
.search_box>ul{
padding: 15px 0;
position: relative;
}
.search_box>ul li{
display: inline-block;
margin: 10px 10px;
background-color: #ffffff;
color: #666;
padding: 20px 0;
width: 100px;
height: 100px;
border-radius: var(--brradius);
-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;
box-shadow: 0px 1px 6px -4px rgba(0, 0, 0, 0.08);
border: 1px dashed #dedede;
}
.search_box>ul li a{
color:inherit
}
.search_box>ul li span{
display: block;
font-weight: 500;
font-size: 12px;
}
.search_box>ul li i{
font-size: 32px;
margin-bottom: 10px;
}
.search_box>ul li img{
display: block;
max-width: 32px;
margin: auto;
margin-bottom: 10px;
}
.search_box>ul li:hover{
background-color: #FFF;
box-shadow: 0 12px 25px -21px rgba(0, 0, 0, .5);
color: var(--maincolor);
}
.search_box form.search_wrap{
display: block;
max-width: 700px;
width:auto;
margin: 10px auto;
height: 45px;
z-index: 1;
border: 1px solid rgba(0, 0, 0, 0.10);
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.search_box form.search_wrap input{
width: calc(100% - 45px);
height: 38px;
margin-right: 0;
padding-right: 10px;
}
.search_box form.search_wrap i:not(.search_clear){line-height: 35px;}
.user_info_warp{
padding: 0px 0 10px 0;
display: block;
position: relative;
z-index: 1;
}
.user_profile_img{
width: 85px;
height: 85px;
float: right;
margin-left: 15px;
border-radius: 25px 0px 0px 0px;
overflow: hidden;
box-shadow: 0px 0px 5px -3px rgba(0, 0, 0, 0.2);
border: 1px solid #fff;
}
.user_info_warp h1{
font-weight: 500;
display: inline-block;
padding: 5px 0;
background-color: #FFF;
font-size: 12px;
float: right;
color: #888;
margin-top: 11px;
}
.user_info_warp a{
display: inline-block;
padding: 0px 10px;
line-height: 17px;
font-size: 9px;
background-color: #949494;
border-radius: 25px;
float: left;
color: #fff;
margin-top: 15px;
}
.user_info_warp a:hover{background-color: #ff796c;}
.user_today_date{
display: block;
clear: left;
padding: 16px 0;
font-size: 11px;
color: #9e9e9e;
}
.user_today_date span{
color: #c782c2;
letter-spacing: -0.01em;
}
.user_info_line{
display: block;
padding: 5px 15px;
/* background-color: #fbfbfb; */
margin-bottom: 5px;
border: 1px dashed #e0e2e4;
}
.user_info_line span{
color: #888;
margin-right: 15px;
}
.user_line{
display: inline-block;
border-top: 1px dashed #e0e2e4;
width: 100%;
height: 10px;
margin-top: 20px;
}
.user_info_left:after , .user_line:before{
content:'';
clear:both;
display:block;
}
.user_info_ds .woocommerce-Price-currencySymbol{
display: inline-block;
vertical-align: middle;
line-height: 0;
margin-right: 5px;
}
.user_info_ds{
position: relative;
padding: 10px 15px;
margin: 0 0 19px 0;
height: 65px;
font-size: 12px;
font-weight: 500;
border-radius: var(--brradius);
font-family: var(--mainfontnum);
background-color: #FFF;
box-shadow: 0 0px 10px -3px rgb(92 107 149 / 8%);
}
.user_info_ds i{
float: right;
margin-left: 30px;
font-size: 21px;
position: relative;
height: 43px;
width: 43px;
text-align: center;
line-height: 43px;
padding-left: 10px;
border-left: 1px solid #eeeff1;
}
.user_info_ds p{color: #555;position: relative;line-height: 45px;}
.user_info_ds p>span{
margin-right: 10px;
color: #555;
font-weight: normal;
}
.user_wallet i{
color: #1bcc5a;
}
.user_order i{
color: #ff8a87;
}
.user_cm i{
color: #2d97c5;
}
.recommended_warp{
background-color: #f3f3f3;
border-radius: 34px;
padding: 6px 15px;
margin-bottom: 15px;
}
.recommended_warp p{
display: inline-block !important;
width: auto !important;
margin: 5px 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
}
.like_dislike_wrap{
text-align: right;
padding: 10px 0 10px;
}
.like_dislike_wrap span{
padding-left:15px;
color: #888;
}
.like_dislike_wrap .like_dislike_btn{
border-radius: var(--brradius);
border: 1px solid #ededed;
background: #fff;
padding: 2px 13px;
color: #8c8c8c;
font-size: 10px;
line-height: 18px;
margin: 0 0 0 5px;
font-family: var(--mainfontnum);
}
.like_dislike_wrap .like_dislike_btn:before {
margin-left: 7px;
color: #7a7a7a;
font-size: 11px;
line-height: inherit;
content: attr(data-counter);
}
.join_box{
padding: 35px 0 55px;
text-align: center;
background-color: rgba(255, 255, 255, 0.38);
position: relative;
margin-top: 35px;
}
.join_box:before{
content: '';
position: absolute;
height: 32px;
/* background-color: #eeeff1; */
border-radius: 100%;
left: 0;
right: 0;
top: 115px;
border-bottom: 2px dashed #e2e2e2;
}
.join_box h5{
font-size: 15px;
font-weight: 500;
line-height: 35px;
padding-bottom: 40px;
display: block;
text-align: center;
}
.join_box .b_icon{
font-size: 26px;
background-color: #DDD;
text-align: center;
border-radius: var(--brradius);
box-shadow: 0px 0px 0px 4px #FFF;
margin: 10px auto;
display: inline-block;
height: 50px;
width: 50px;
line-height: 48px;
}
.join_box h6{
padding: 14px 0;
color: #444;
font-weight: 500;
font-size: 14px;
}
.join_box p{}
.join_box .join_btn{
padding: 0 15px;
background-color: var(--maincolor);
color: #fff;
border-radius: 45px;
margin-top: 15px;
height: 30px;
line-height: 30px;
clear: both;
display: inline-block;
}
.join_box .join_btn.sec{
background-color: var(--secoundcolor);
}
.join_box .join_btn:hover{
background-color: #35373c !important;
}
.join_box .join_divider{
width: 60px;
height: 60px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fddde3;
display: block;
margin: 0 auto;
position: relative;
text-align: center;
font-size: 28px;
line-height: 68px;
}
.join_box .join_divider:before{
position: absolute;
content: "";
width: 70px;
height: 70px;
background: rgba(244,81,108,.1);
-webkit-border-radius: 50%;
border-radius: 50%;
left: -5px;
top: -5px;
}
.join_box + footer{
margin-top: 0;
}
.tb_price{
background-color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: var(--brradius);
margin-top: 10px;
overflow: hidden;
display: block;
position: relative;
text-align: center;
box-shadow: 0 1px 6px -2px rgba(0,0,0,.1);
}
.tb_price:before{
content:'';
position: absolute;
height: 2px;
left: 0;
right: 0;
top: 123px;
box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.07);
}
.tb_price h5{
margin: auto;
width: 80px;
height: 80px;
margin-top: 15px;
line-height: 80px;
font-weight: 500;
border-radius: 50%;
border-bottom: 2px dotted #ddd;
position: relative;
display: block;
}
.tb_price.select h5{
border-color: #ffffff;
background-color: #f12622;
color: #FFF;
}
.tb_price span{
padding: 15px 0;
display: block;
font-family: var(--mainfontnum);
font-size: 18px;
font-weight: bold;
position: relative;
}
.tb_price span i{
position: absolute;
font-size: 10px;
font-weight: normal;
bottom: 23px;
margin-right: 10px;
}
.tb_price ul{
max-width: 80%;
margin: auto;
}
.tb_price li{
color: #9a9a9a;
line-height: 30px;
}
.tb_price .tb_btn{
padding: 0 20px;
color: #6b6b6b;
border-radius: 45px;
margin: 15px 0 20px;
height: 32px;
line-height: 30px;
clear: both;
display: inline-block;
border: 1px solid #eeeff1;
}
.tb_price:hover .tb_btn , .tb_price.select .tb_btn{
background-color: #555555;
color: #fff;
}
.tb_price.select:hover .tb_btn{
background-color:#666
}
.loop_sales{
position: absolute;
background-color: #c4c5c8;
color: #FFF;
padding: 1px 15px;
font-size: 10px;
border-radius: 38px;
font-family: var(--mainfontnum);
left: 11px;
bottom: 12px;
-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
}
.product_item:hover .loop_sales , .product_item_horizontal:hover .loop_sales{
opacity:1;
visibility:visible
}
.product_item_horizontal .loop_sales{
left: 5px;
bottom: 16px;
padding: 1px 50px;
}
.entry-content table{
clear: both;
width: 100%;
margin: 10px 0;
border: 1px solid #eeeff1;
max-width: 100%;
font-size: 12px;
}
.entry-content table td, .entry-content table th {
padding: 5px 10px;
font-weight: 500;
overflow: hidden;
}
.entry-content table td:focus, .entry-content table th:focus {
outline: none;
}
.entry-content table thead td {
border-bottom: 1px solid #eee;
}
.entry-content table tbody tr:nth-child(odd) {
background: #fbfbfb;
}
.entry-content table tbody tr.carHeader {
background: #efefef;
padding: 10px 0;
height: 36px;
}
.entry-content td.in {
color: #00b515;
}
.entry-content td.out {
color: #d60e0e;
}
.entry-content table td {
vertical-align: middle;
border-bottom: 1px dotted #d5d5d5;
padding: 5px 10px;
max-width: 300px;
}
/* ----------- Sync restrict content pro ------------- */
.rcp_form label {
padding-bottom:5px
}
.rcp_form input[type=text], .rcp_form input[type=password], .rcp_form input[type=email] {
padding: 3px 12px !important;
font-size: 11px;
border-radius: 3px;
min-width: 270px;
margin: 0;
}
.mweb-body .rcp_subscription_level .rcp_level {
float: right;
margin: 5px 0 0 10px;
}
.mweb-body .rcp_subscription_level .rcp_price , .mweb-body .rcp_subscription_level .rcp_level_duration{
background-color: #f7f7f7;
padding: 0 10px;
border-radius: 28px;
font-family: var(--mainfontnum);
}
.mweb-body .rcp_subscription_level .rcp_price{
background-color: #878787;
color: #FFF;
}
.mweb-body .rcp_subscription_level .rcp_separator{
color: #FFF;
height: 8px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
border-left: 1px solid #ddd;
}
.mweb-body .rcp_subscription_level label{
display:block;
}
.mweb-body .rcp_level_description{
border-left: none;
border-right: 1px solid #f0f0f0;
padding: 0 10px;
display: block;
clear: both;
margin: 6px 6px 0 0;
}
.my_subscription_account{
padding: 25px 0 0 0;
}
.my_subscription_account i{
font-size: 21px;
vertical-align: middle;
margin-left: 10px;
color: #9a5fbf;
}
.mweb-popup.mfp-auto-cursor .mfp-content {
text-align:center
}
.ph_thumb{
margin:5px 5px 0 5px !important
}
/* ----------- new release ------------- */
.verifysms_wrap {
min-height: 80px;
background: #ffffff;
padding: 10px 5px;
display: block;
margin-bottom: 14px;
-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;
border-radius: var(--brradius);
border: 1px solid #eceeef;
font-size:11px;
box-shadow: 0 14px 28px -15px rgba(0, 0, 0, .05);
}
.verifysms_wrap .title{
margin: -10px 10px 0 10px;
font-size: 12px;
display: block;
background-color: #4CAF50;
color: white;
padding: 8px 15px;
border-radius: 0 0 8px 8px;
}
.verifysms_wrap input[type="submit"] ,.verifysms_wrap input[type="button"] {
display: inline-block;
margin-left: 10px;
font-size: 11px;
cursor: pointer;
border-radius: 15px 0 15px 15px;
}
.verifysms_wrap #phone_nubmber{
letter-spacing: 2px;
text-align: left;
font-family: unset;
direction: ltr;
border-radius: 5px;
border: 1px dotted #e5e6e6;
}
.verifysms_wrap #phone_nubmber:hover{
border-color: #bdbdbd;
}
.hide ,.verifysms_wrap input.hide{
display: none !important;
}
.sms_notice.on{
margin: 9px 0;
background-color: rgba(0, 204, 103, 0.11);
padding: 6px 10px;
}
.sms_notice.off{
background-color: rgba(204, 0, 0, 0.11);
}
#sms_status{
display: block;
font-weight: normal !important;
padding: 10px 0;
}
.account_action .resend_sms{
padding: 10px 0px;
font-size: 11px;
float: left;
font-family: var(--mainfontnum);
}
.account_action .plable{
padding-right: 10px;
margin: 6px 0 6px 0 !important;
font-size: 11px;
display: block;
color: #61bd5b !important;
border-right: 2px solid #d5d5d5;
}
.my_review_list{
}
.my_review_list .review_item{
margin-bottom: 10px;
position: relative;
background-color: #FFF;
border-radius: var(--brradius);
overflow: hidden;
display: block;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1);
}
.my_review_list .c_right{
display: inline-block;
float: right;
margin-left: 20px;
width: 100px;
padding: 10px 10px;
text-align: center;
box-shadow: 1px 0px 32px -9px #ddd;
}
.my_review_list .c_right i{
font-size: 30px;
line-height: 75px;
}
.my_review_list .c_right img{
max-width: 80px;
}
.my_review_list .c_right .average_q{
font-family: var(--mainfontnum);
font-size: 11px;
color: #929292;
margin-top: 15px;
}
.my_review_list .c_right .average_q i{color: #ffe150;margin-left: 4px;vertical-align: middle;display: inline-block;font-size: 13px;}
.my_review_list .c_left{
display: block;
padding: 10px 0 0 0;
}
.my_review_list .c_left p{
font-size: 12px;
}
.my_review_list .c_left .cm_left_down{
margin-top: 5px;
font-size: 11px;
font-family: var(--mainfontnum);
}
.my_review_list .c_left time{
background-color: #FFF;
border-radius: 3px;
padding: 0 10px;
border: 1px solid rgb(231, 233, 236);
}
.my_review_list .c_left span{
background-color: #FFF;
border-radius: 3px;
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);
}
.become_seller{
font-size: 11px;
display: block;
}
.dashboard_order_list{
display: block;
box-shadow: 0 0px 10px -3px rgb(92 107 149 / 8%);
padding: 19px 20px;
background-color: #FFF;
border-radius: 10px;
font-family: var(--mainfontnum);
}
.dashboard_order_list .title{
display: block;
background-color: #eeeff1;
padding: 10px 15px;
border-radius: 30px;
font-size: 13px;
font-weight: 500;
}
.dashboard_order_list .title + .mweb-error{
margin-top: 15px;
}
.owl-item .product_item{
margin-bottom: 0;
}
.single_blog_thumb{margin: auto;}
.sticky_add_to_cart{
position: fixed;
right: 4%;
bottom: 10px;
background-color: #fff;
z-index: 10;
border-radius: var(--brradius);
background-color: #FFF;
padding: 15px 15px;
-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;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1);
visibility:hidden;
opacity:0;
}
.sticky_add_to_cart.fixed{
visibility:visible;
opacity:1
}
.sticky_add_to_cart .file_price{
font-size: 11px;
color: #555;
float: right;
}
.sticky_add_to_cart .price{
font-size: 16px;
margin-top: 5px;
}
.sticky_add_to_cart .single_add_to_cart_button{
cursor: pointer;
margin-top: 9px;
}
.sticky_add_to_cart .single_add_to_cart_button:before{
font-size: 16px;
}
.vr_mobile{right: 0;
border-radius: 0;
left: 0;
bottom: 0;
padding: 10px;}
.sticky_add_to_cart.vr_mobile .file_price{margin-top: 2px;float: left;}
.sticky_add_to_cart.vr_mobile .file_price strong{
display:none
}
.sticky_add_to_cart.vr_mobile .single_add_to_cart_button{width: auto;margin-top: 0;}
/* ----------------------------------------------- */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: var(--maincolor);
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px var(--maincolor), 0 0 5px var(--maincolor);
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 13px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: var(--maincolor);
border-left-color: var(--maincolor);
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.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;
}
.elementor-widget-container .mweb-block-wrap{
margin-top: 0px;
}
.widget.widget_telegram_wg{
background: #048ced;
color: #FFF;
padding: 0 20px 20px 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: #048ced;
padding-top: 20px;
padding-right: 20px;
margin-right: -20px;
}
.widget_telegram_wg .telegram_head i{
font-size: 25px;
vertical-align: middle;
margin-left: 10px;
}
.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%,
#f57b52 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 i{
font-size: 25px;
vertical-align: middle;
margin-left: 10px;
}
.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 15px 57px 15px;
display: inline-block;
font-size: 10px;
background-color: rgba(0, 0, 0, 0.70);
}
.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 i{
font-size: 25px;
vertical-align: middle;
margin-left: 10px;
}
.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 15px 57px 15px;
display: inline-block;
font-size: 10px;
background-color: rgba(0, 0, 0, 0.70);
}
.elementor-widget:not(:last-child){
/* margin-bottom:10px !important */
}
.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
}
.overflow_hide{
overflow: hidden;
}
.namad_slider{
background: transparent;
}
.namad_slider .owl-dots{
padding-top:10px
}
.namad_slider .owl-dots .owl-dot:not(.active){background: rgba(255, 255, 255, 0.25); margin:0 4px}
.namad_slider.samandehi_wrap img{
margin-top:0
}
.contact_us_wrap {
float: right;
width: 100%;
position: relative;
min-height: 190px;
box-shadow: 2.2rem 0 3rem -3rem rgb(0, 0, 0);
font-family: var(--mainfont);
color: #fff;
font-size: 13px;
font-weight: 500;
padding-right: 15px;
}
.type_2.contact_us_wrap{
box-shadow:none
}
.elementor-widget-my-footer-contact .contact_us_wrap{
float: none;
padding-right: 0px;
}
.contact_item {
margin-top: 12px;
position: relative;
font-family: var(--mainfontnum);
font-size: 12px;
background-color: rgba(255, 255, 255, 0.06);
border-radius: 3px;
}
.contact_item i {
width: 40px;
height: 30px;
text-align: center;
border-radius: 5px;
line-height: 29px;
vertical-align: middle;
font-size: 16px;
color: #fff;
margin-left: 10px;
}
.type_2 .contact_item{
background: transparent;
}
.type_2 .contact_item i{
border-radius: 30px;
height: 36px;
width: 36px;
line-height: 37px;
background-color: rgba(255,255,255,.12);
}
.contact_item span {font-size: 11px;}
.contact_item.phone strong {
color: var(--maincolor);
margin-right: 3px;
}
.type_2 .contact_item.phone{
font-size: 17px;
}
.contact_item.email {
display: block;
background-color: rgba(255,255,255,.12);
padding: 6px 10px;
text-align: left;
margin-bottom: 19px;
font-weight: 300;
}
.type_2 .contact_item.email {
border-radius: 30px;
}
.contact_item.email i{
background-color: var(--maincolor);
height: 20px;
width: 20px;
line-height: 20px;
margin: 0 4px;
font-size: 11px;
}
.app_btn {
position: relative;
transition: all 0.3s ease 0s;
padding: 5px 20px;
margin-left: 10px;
background-color: rgba(255, 255, 255, 0.08);
color: #fff;
border-radius: 4px;
display: block;
font-size: 14px;
font-weight: 500;
line-height: 1.42857143;
text-align: center;
margin-bottom: 10px;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
}
.app_btn:hover {
background-color: #FFF
}
.app_btn i {
float: right;
font-size: 3.8em;
margin-top: 1px;
padding: 0;
color: #717171;
}
.app_btn .normal_txt {
display: block;
font-size: 10px;
font-weight: 500;
margin-top: 12px;
padding-right: 30px;
font-family: var(--mainfont);
opacity: 0.9;
text-align: left;
}
.app_btn .big_txt {
display: block;
font-size: 14px;
font-weight: bold;
padding-right: 30px;
text-align: left;
}
.footer_aboutus_head {
font-size: 13px;
color: #cdcdcd;
padding-bottom: 5px;
position: relative;
}
.footer_aboutus {
line-height: 2em;
color: #fff;
font-family: var(--mainfontnum);
text-align: justify;
position:relative;
}
.footer_aboutus_head:before {
content: "\f029";
font-family: 'Font Awesome Pro';
font-weight: 300;
font-size: 77px;
position: absolute;
top: 0;
left: 11px;
color: rgba(255, 255, 255, 0.1);
}
.head_dark .m_search_wrap{
background-color: transparent;
}
.sms-notif-form{
display: inline-block;
position:relative;
min-width: 350px;
}
.sms-notif-enable-p {
/* display: inline-block; */
cursor: pointer;
border: 1px solid #eeeff1;
padding: 7px 20px 7px 20px;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 10px;
clear: both;
max-width: 272px;
position: relative;
color: #777;
background-color: #fbfbfb;
}
.single-product .single_product_two .sms-notif-form{
display:block;
min-width:auto
}
.single-product .single_product_two .sms-notif-enable-p{
display: block;
max-width: unset;
}
.sms-notif-enable-p input[type=checkbox] {
position: absolute;
visibility: hidden;
opacity: 0;
}
.sms-notif-enable-p label strong{
vertical-align: middle;
}
.sms-notif-enable-p input[type=checkbox]+label {}
.sms-notif-enable-p input[type=checkbox]:checked+label {
color: #636363;
}
.sms-notif-enable-label:before {
display: inline-block;
font-family: 'Font Awesome Pro';
font-weight: 300;
content: "\f0e0";
width: 20px;
height: 20px;
position: relative;
vertical-align: middle;
margin-left: 5px;
font-size: 17px;
background: transparent;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.sms-notif-content {
display: none;
padding: 10px;
margin-top: 10px;
background-color: #eeeff1;
border-radius: 4px;
}
.sms-notif-groups-p ,.sms-notif-groups-label {
margin-bottom: 8px;
}
.sms-notif-groups-p input[type=checkbox] ,.sms-notif-groups-label input[type=checkbox]{
position: relative;
vertical-align: middle;
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;
cursor: pointer;
}
input.sms-notif-mobile {
line-height: 25px;
border-radius: 3px !important;
padding: 2px 20px;
border: none;
margin-top: 3px;
font-size: 11px;
min-width: 230px;
}
.sms-notif-mobile-div {
display: inline-block;
}
.about_author {
position: relative;
display: inline-block;
width: 100%;
padding: 15px 15px;
background-color: #FFF;
border-radius: var(--brradius);
margin: 20px 0 15px 0px;
box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1);
font-family: var(--mainfontnum);
}
.about_author span {
background-color: var(--maincolor);
border-radius: 20px 2px 20px 20px;
-webkit-border-radius: 20px 2px 20px 20px;
-moz-border-radius: 20px 2px 20px 20px;
color: #FFFFFF;
padding: 2px 9px 1px 8px;
font-size: 10px;
position: relative;
top: -1px;
margin-right: 3px;
font-weight: normal;
font-family: var(--mainfontnum);
}
.about_author img {
float: right;
margin: 0px 0 0 20px;
width: 60px;
height: 60px;
padding: 2px;
-webkit-border-radius: 35% 15%;
-moz-border-radius: 35% 15%;
border-radius: 35% 15%;
border: 1px solid #f2f2f2;
}
.about_author h5 {
margin: 5px 0 6px 0;
font-size: 13px;
font-weight: 500;
display: inline-block;
}
.about_author h5 a {
color: #7D7D7D;
}
.about_author p {
padding-left: 0;
margin: 5px 0 5px 0;
overflow: hidden;
/* clear: left; */
color: #989898;
}
ul.post_author_icon {
padding: 0;
margin: 2px 50px 0 5px;
display: inline-block;
float: left;
font-size: 16px;
}
ul.post_author_icon li {
float: left;
list-style: none;
padding: 0;
margin: 0 10px 0 0;
}
ul.post_author_icon li a {
color: #bbb;
}
ul.post_author_icon li a:hover {
color: #555;
}
.m_b_zero{
margin-bottom:0
}
.bk_single_cat_title{
margin-top:8px
}
.single_blog_thumb{
margin-bottom:15px
}
body.author .about_author{
margin: 14px 0 0 0;
}
.el_list{
padding: 10px 0;
}
.el_list li{
line-height: 2em;
}
.el_list li:before{
content: "\f055";
font-family: "Font Awesome Pro";
font-weight: 300;
color: #0dcc00;
margin-left: 10px;
font-size: 12px;
vertical-align: middle;
display: inline-block;
}
.el_list.e_negative li:before{
content: "\f056";
color: #f50c0c;
}
.woo_myaccount_login{
width:100%;
margin:auto;
max-width:525px;
min-height: 625px;
height: 100%;
position:relative;
color: #8a90ad;
background:url(assets/images/bg.jpg) no-repeat center;
background-size: cover;
box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
}
.woo_myaccount_login:before{
content:'';
background: rgba(40,57,101,.9);
position:absolute;
top:0;
bottom:0;
left:0;
right:0
}
.woo_myaccount_login .woocommerce-message{
margin: 0 15px;
display: block;
position: relative;
top: 15px;
}
.woocommerce-lost-password .woo_myaccount_login p{
color: #FFF;
position: relative;
z-index: 1;
display: block;
margin: 30px;
}
.woo_myaccount_login>div:not(.woocommerce-message):not(.account_action){
width:100%;
/* height:100%; */
/* min-height: 468px; */
padding: 0px 70px 50px 70px;
position:relative;
}
.woo_myaccount_login a{
color:inherit
}
.woo_myaccount_login .back_to_home{
position: absolute;
bottom: 25px;
right: calc(50% - 69px);
color: white;
}
.woo_myaccount_login .back_to_home i{
font-size: 17px;
vertical-align: middle;
margin-left: 9px;
}
.woo_myaccount_login form.lost_reset_password{
width:100%;
height:100%;
padding: 80px 70px 50px 70px;
position:relative
}
.woo_myaccount_login>ul{
padding-top: 7em;
padding-right: 50px;
position:relative;
z-index:1;
}
.woo_myaccount_login>ul>li{
padding: 13px;
display: inline-block;
vertical-align: middle;
}
.woo_myaccount_login>ul>li a{
font-size: 14px;
margin-right: 15px;
padding: 0 10px 11px 10px;
margin: 0 15px 10px 0;
display: inline-block;
border-bottom: 2px solid transparent;
color: #8a90ad;
}
.woo_myaccount_login>ul>li a i{
font-size: 17px;
vertical-align: middle;
margin-left: 5px;
} .woo_myaccount_login>ul>li.active a , .woo_myaccount_login>ul>li:hover a{
border-color: var(--maincolor);
color: #FFF;
}
.hr{
height:2px;
margin:60px 0 50px 0;
background:rgba(255,255,255,.2);
}
.woocommerce .woo_myaccount_login form label{
color: #aaa;
font-size: 11px;
}
.woocommerce .woo_myaccount_login form .button, .woocommerce .woo_myaccount_login .account_action form input[type="submit"]{
background-color: var(--maincolor);
display: block;
width: 100%;
border: none;
border-radius: 25px;
color: #FFF;
padding: 10px 7px;
font-family: inherit;
line-height: 26px;
font-size: 12px;
margin-top: 15px;
text-align: center
}
.woo_myaccount_login .lost_password a{
color:inherit;
text-align:center;
display:block
}
.woocommerce .woo_myaccount_login form input.input-text, .woocommerce .woo_myaccount_login .account_action form input[type="text"]{
margin-top: 5px !important;
border: none;
padding: 11px 20px;
color: #fff;
border-radius: 25px;
background: rgba(255,255,255,.1);
}
.woocommerce .woo_myaccount_login .account_action form input::placeholder{
color: #FFF !important
}
.woocommerce .woo_myaccount_login .account_action form input::-ms-input-placeholder {
color: #FFF !important
}
.woocommerce .woo_myaccount_login .account_action form .form-row-wide i {
top: 15px;
left: 18px;
}
.woocommerce .woo_myaccount_login form label.woocommerce-form-login__rememberme {
display: block;
padding: 10px 0;
color: #FFF;
}
.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 {
color: #ffffff;
background-color: var(--maincolor);
content: "\f00c";
font-family: 'Font Awesome Pro';
font-weight: 300;
line-height: 13px;
text-align: center;
}
.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
}
.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: rgba(255,255,255,.1);
}
.user_dashboard_slider{
margin: 0 0 20px 0;
overflow: hidden;
border-radius: var(--brradius);
box-shadow: 0 0px 10px -3px rgb(92 107 149 / 8%);
}
.el_alert {
/* box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1); */
padding: 19px 20px;
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: 0 0 14px 0;
border-radius: 10px;
padding-left: 35px;
font-size: 12px;
color: #555;
position: relative;
overflow: hidden;
border: 2px dashed #0000001c;
}
.el_alert:before {
color: hsla(45, 100%, 51%, 0.2);
content: "\f12a";
font-family: 'Font Awesome Pro';
font-weight: 300;
font-size: 4em;
position: absolute;
left: 10px;
top: 19px;
}
.el_alert.user_note{background-color: rgb(255 252 231);}
.el_alert.user_note:before {
color: rgba(255, 255, 255, 0.62);
}
.el_alert.dashboard_seller:before {
color: rgba(206, 245, 216, 0.34);
content: "\f245";
}
.el_alert.become_seller:before {
color: rgba(244, 67, 54, 0.06);
content: "\f509";
}
.el_alert:hover {
background-color: rgba(255, 255, 255, 0.8);
}
.el_alert .btn {
float: left;
background-color: #4CAF50;
padding: 0 15px;
border-radius: 30px;
color: #fff;
}
.wd_static{
margin-top: 0;
margin-bottom: 14px;
}
.widget_head_p{
line-height: 55px;
font-size: 12px;
padding: 0px 15px;
position: relative;
font-weight: 500;
}
.widget_head_p:before{
content:'\f77f';
font-family: "Font Awesome Pro";
font-weight: 300;
display: inline-block;
position: absolute;
font-size: 60px;
opacity: 0.15;
top: 16px;
left: 17px;
-moz-transform: rotate(-32deg);
-webkit-transform: rotate(-32deg);
-o-transform: rotate(-32deg);
-ms-transform: rotate(-32deg);
transform: rotate(-32deg);
}
.widget_head_p span{
padding-bottom: 9px;
background-color: var(--maincolor);
color: #FFF;
display: inline-block;
line-height: 15px;
padding: 7px 20px;
border-radius: 20px 3px 20px 20px;
}
.notify_item{
border-bottom: 1px dashed #dadada;
margin-bottom: 10px;
padding: 0 0 15px 0;
}
.notify_item:last-child{
border-bottom: none;
}
.notify_item h3{
font-size: 12px;
display: block;
margin-bottom: 15px;
}
.notify_item h3 i{
width: 25px;
height: 25px;
line-height: 25px;
background-color: var(--secoundcolor);
margin-left: 15px;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 15px;
color: white;
border-radius: var(--brradius)
}
.notify_item>strong{
font-size: 12px;
display: block;
font-weight: normal;
padding-right: 10px;
line-height: 16px;
margin: 4px 0;
border-right: 2px solid var(--maincolor);
border-radius: 0 5px 5px 0;
}
.notify_item .meta_notify{
font-size: 11px;
color: #909090;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.notify_item .el_date{}
.notify_item .el_more{
background-color: #f4f4f4;
margin-right: auto;
line-height: 24px;
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;
font-size: 10px;
border-radius: var(--brradius);
}
.notify_item .el_more:hover{
background-color: var(--maincolor);
color:#FFF;
}
.notify_item .el_content{
display: none;
padding: 14px 15px;
font-size: 11px;
border: 1px dashed #d1d2d3;
margin-top: 15px;
border-radius: var(--brradius);
}
.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: 25px;
margin-top: 15px;
line-height: 30px;
background-color: rgb(0 0 0 / 3%);
border-radius: var(--borderradius);
overflow: hidden;
padding-right: 15px;
border-radius: var(--brradius);
}
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: #f7f7f7;
border: 1px solid #eff1f5;
margin-right: 10px;
cursor: inherit;
padding: 0 9px;
color: #4d4d4d;
border-radius: var(--brradius);
}
.notify_item .el_rstatus.read {
background-color: #13c271;
border-color: #13c271;
color: white;
}
.square_wrap{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
align-content: center;
padding: 30px 0;
}
.el_featured_square{
display: block;
/* width: 124px; */
padding: 5px;
position: relative;
flex: 0 0 11%;
}
.row_regular .el_featured_square{
flex: 0 0 12%;
}
.el_featured_square:nth-child(odd){top: 25px;}
.el_featured_square:nth-child(even){}
.el_featured_square.is_elm_single{
padding:0;
flex:unset
}
.el_featured_square .square_item{
display: block;
background-color: white;
border-radius: var(--brradius);
padding: 33px 10px;
overflow: hidden;
position: relative;
text-align: center;
-webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
-moz-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
-webkit-transition: all .3s;
transition: all .3s;
background-repeat: no-repeat;
background-size: cover;
min-width: 115px;
}
.el_featured_square.is_elm_single .square_item{
min-width:unset
}
.square_item:hover{
box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.09);
}
.el_featured_square i{
font-size: 36px;
color: #555;
margin-bottom: 8px;
-webkit-transition: all .3s;
transition: all .3s;
position: relative;
}
.el_featured_square h3{
font-size: 13px;
position: relative;
-webkit-transition: all .3s;
transition: all .3s;
}
.el_featured_square:hover h3 , .el_featured_square:hover i{
color:#FFF
}
.el_featured_square .square_item:before{
content:'';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0.8;
-webkit-transition: all 0.3s;
transition: all 0.3s;
background: #ffffff;
}
.el_featured_square:hover .square_item:before{
background-color: var(--maincolor);
opacity: 1;
}
form.search_wrap_box {
width: auto;
display: block;
height: 45px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background-color: #FFF;
padding: 3px;
margin-top: 22px;
position: relative;
z-index: 10;
border: 1px solid rgba(0, 0, 0, 0.1);
}
form.search_wrap_box i {
float: right;
font-size: 18px;
color: #ADADAD;
opacity: 0.3;
line-height: 35px;
margin-right: 12px;
}
form.search_wrap_box input {
width: calc(100% - 50px);
border: none;
font-family: var(--mainfont);
height: 37px;
margin-right: 15px;
color: #ADADAD;
font-size: 11px;
background: transparent;
}
form.search_wrap_box input::-webkit-input-placeholder {
color: inherit;
opacity:0.7
}
form.search_wrap_box input::-moz-placeholder {
color: inherit;
opacity:0.7
}
form.search_wrap_box input:-ms-input-placeholder {
color: inherit;
opacity:0.7
}
form.search_wrap_box input:-moz-placeholder {
color: inherit;
opacity:0.7
}
form.search_wrap_box>button {
display: none;
}
#search-box-result {
margin-top: 3px;
position: absolute;
top: 100%;
right: 0;
left: 0;
padding: 15px 20px;
min-height: 30px;
background: #FFF;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
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)
}
.header-search-more button{
display: inline-block;
float: none;
border:none;
width: auto;
height: 25px;
padding: 0 20px;
background-color: #f9f9f9;
color: #929292;
transition: all 0.3s;
margin-right: calc(50% - 61px);
cursor: pointer;
}
.header-search-more button:hover{
background-color: #888;
color: #fff;
}
.yith-wcwl-share{
display:none;
}
.block-fw-post-8 .block-content-inner{
border-radius: var(--brradius);
overflow: hidden;
}
#reviews .comment_content .description{
overflow: hidden;
}
.file-upload {
margin: 0 auto 15px auto;
}
.entry-content button.file-upload-btn {
width: 100%;
margin: 0;
color: #fff;
background: #c5c5c5;
border: none;
padding: 7px;
border-radius: var(--brradius);
transition: all .2s ease;
outline: none;
text-transform: uppercase;
font-weight: 500;
}
.file-upload-btn:hover {
background: #1AA059;
color: #ffffff;
transition: all .2s ease;
cursor: pointer;
}
.file-upload-btn:active {
border: 0;
transition: all .2s ease;
}
.file-upload-content {
display: none;
text-align: center;
}
.file-upload-input {
position: absolute;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
outline: none;
opacity: 0;
cursor: pointer;
}
.image-upload-wrap {
margin-top: 20px;
border: 2px dashed #c5c5c5;
position: relative;
}
.image-dropping,
.image-upload-wrap:hover {
background-color: #c5c5c5;
border: 2px dashed #ffffff;
}
.image-title-wrap {
padding: 0 15px 15px 15px;
color: #222;
}
.drag-text {
text-align: center;
}
.drag-text h3 {
font-weight: 100;
color: #5d5d5d;
padding: 60px 0;
}
.file-upload-image {
max-height: 200px;
max-width: 200px;
margin: auto;
padding: 20px;
}
.entry-content button.remove-image {
max-width: 200px;
margin: 0;
color: #fff;
background: #F44336;
border: none;
padding: 2px 10px;
border-radius: 4px;
transition: all .2s ease;
outline: none;
font-weight: 500;
}
.remove-image:hover {
background: #c13b2a;
color: #ffffff;
transition: all .2s ease;
cursor: pointer;
}
.remove-image:active {
transition: all .2s ease;
}
.avatar-size-guide{
border-right: 2px solid #F44336;
padding-right: 11px;
line-height: 15px;
margin-bottom: 10px;
}
.dokan-seller-rating-intro-text {
font-size: 12px;
margin-top: 10px;
font-style: normal;
}
.dokan-review-wrapper{
margin-bottom:0 !important
}
.profile-info-img.dummy-image{
max-height:300px
}
.woo_myaccount_login .verifysms_wrap{
position: relative;
margin: 0 25px;
margin-top: -20px;
}
.togglesidebar {
position: fixed;
top: 0;
right: 0;
visibility: hidden;
width: 300px;
height: 100%;
padding-bottom: 750px;
z-index: 999999;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
padding-top: 0;
background-color: #f4f4f4;
-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: block;
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);
}
.togglesidebar .cart_sidebar_close:hover {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.togglesidebar.cart_sidebar .cart_sidebar_head strong {
max-width: 214px;
display: inline-block;
}
.togglesidebar.cart_sidebar .cart_count {
display: inline-block;
background-color: #efbe0b;
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;
border-radius: 0 5px 5px 5px;
}
.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: 5px 10px;
text-align: center;
}
.woocommerce-mini-cart__empty-message{
padding: 20px 0
}
.woocommerce-mini-cart__empty-message:before {
content: '\f847';
font-family: "Font Awesome Pro";
font-weight: 300;
font-size: 30px;
color: #999;
display: block;
margin-bottom: 10px;
opacity: 0.3;
}
.togglesidebar.cart_sidebar .cart_sidebar_wrap .cart_list, .sidebar_toggle_content{
height: calc(100vh - 230px);
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{
top: 5px;
right: 12px;
background-color: #f9e8e8;
font-size: 13px;
border-radius: 22px;
position: absolute;
}
.togglesidebar.cart_sidebar .cart_sidebar_wrap .cart_list .blockOverlay{
opacity: 0.1 !important;
}
.togglesidebar.cart_sidebar .widget_shopping_cart_content .total{
padding: 15px 20px;
color: #444;
font-size: 12px;
}
.togglesidebar.cart_sidebar .widget_shopping_cart_content .total .amount{
float:left;
color: #dc2017;
}
.togglesidebar.cart_sidebar .mini_cart_bottom{
background-color: rgb(234, 234, 236);
position: absolute;
bottom: 0;
width: 100%;
}
.togglesidebar.cart_sidebar .woocommerce-mini-cart__buttons{
padding: 0 15px;
margin: 5px 0 20px 0 !important;
display: block;
}
.togglesidebar.cart_sidebar .woocommerce-mini-cart__buttons .button{
padding: 6px 10px;
margin: 0 5px 10px;
display: block;
float: right;
border-radius: 0;
width: calc(50% - 10px);
font-family: var(--mainfontnum);
background-color: #f5f5f5;
color: #636363;
font-size: 11px;
font-weight: 500;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
.sidebar_open .mweb-site-mask {
visibility: visible;
pointer-events: auto;
background: rgba(0, 0, 0, 0.25);
z-index: 9999;
}
.dig-content{
font-family: var(--mainfont) !important;
}
.digits_bx_head{
text-align: right;
}
.digits_bx_head .dig-box-login-title{
font-family: var(--mainfont) !important;
font-size: 15px;
}
.digits_bx_head .dig-cont-close{
float: left;
top: 4px;
background-color: #f44336;
font-size: 19px;
width: 18px;
text-align: center;
height: 18px;
line-height: 18px;
color: #FFF !important;
border-radius: 4px;
}
.minput_inner .digits-input-wrapper{}
.minput_inner .digits-input-wrapper input{
font-family: var(--mainfont) !important;
line-height: 30px;
}
.mweb-body .minput_inner label, .mweb-body .minput_inner label *{
font-family: var(--mainfont) !important;
font-size: 12px !important;
}
.dig_login_rembe div{
font-family: var(--mainfont) !important;
font-size: 12px !important;
}
.dig_ma-box .button, .dig_ma-box .button[type=submit], .dig_ma-box .transupbutton[type=submit]{
font-family: var(--mainfont) !important;
font-size: 12px !important;
}
.digits_login_form .dig_lrf_box .dig_opt_mult_lab, .digits_login_form .dig_lrf_box .dig_opt_mult~label, .digits_login_form .dig_lrf_box .minput .digits-input-wrapper~label, .digits_login_form .dig_lrf_box .minput .not-empty~label {
font-size: 12px!important;
}
.dig_ma-box .backtoLogin, .dig_ma-box .forgotpassworda, .dig_ma-box .signdesc, .dig-container .button, .dig_ma-box .transupbutton {
font-size: 12px;
font-family: var(--mainfont) !important;
}
.mweb-body .type_audiop .inner{
min-height: unset !important;
background-color: transparent !important;
border: none;
margin-bottom: 5px;
padding: 15px 10px;
border-bottom: 1px dashed #eaeaea;
}
.audio_container{
display: flex;
flex-direction: row-reverse;
align-items: center;
}
#waveform {
/* background-color: #FFF; */
flex-grow: 1;
}
#waveform .progress {
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
display: block;
width: 100%;
height: 1rem;
margin-bottom: 1rem;
display: none;
}
#waveform .progress[value] {
-webkit-appearance: none;
color: #cfcddd;
border: 0;
-moz-appearance: none;
appearance: none;
}
.player_controls{
display: flex;
align-items: center;
margin-top: 5px;
justify-content: space-between;
position: relative;
z-index: 2;
flex-direction: row;
}
.player_controls:before{
content: '';
background: rgba(0,0,0,.1);
position: absolute;
left: 0;
right: 0;
height: 1px;
top: calc(50% - 2px);
}
.player_controls .ctl_audio{
display: flex;
cursor: pointer;
background-color: white;
z-index: 1;
}
.player_controls .el_timing{
margin-left: 40px;
color: #9fa7a7;
background-color: white;
z-index: 1;
}
.player_controls .el_timing div{
margin: 0 10px 0 10px;
}
.player_controls .el_timing span{
margin-left: 5px;
font-family: var(--mainfontnum);
}
.audio_container .btn_play_stop{
line-height: 40px;
font-size: 19px;
height: 40px;
width: 40px;
text-align: center;
background-color: #595959;
border-radius: 50%;
margin-right: 15px;
color: #ffffff;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
cursor: pointer;
}
.audio_container .btn_play_stop.active{
background-color: var(--maincolor);
}
.audio_container .btn_play_stop:before{
font-family: 'Font Awesome Pro';
font-weight: 300;
content: "\f04b";
letter-spacing: -2px;
}
.audio_container .btn_play_stop.active:before{
content: "\f04d";
letter-spacing: 0;
}
.player_controls .btn_mute{
color: #9fa7a7;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
font-size: 17px;
height: 25px;
width: 25px;
cursor: pointer;
}
.player_controls .btn_mute:hover{
color: var(--secoundcolor)
}
.player_controls .btn_mute:before{
font-family: 'Font Awesome Pro';
font-weight: 300;
content: "\f6a8";
}
.player_controls .btn_mute.active:before{
content: "\f6a9";
}
.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;
white-space: nowrap;
-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
}
.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;
}
.woo-wallet-icon-wallet{
display: none
}
.elementor-header-cart-right-yes .mini_cart_wrap .mini_cart_detail {
left: auto;
right: 0
}
.elementor-header-cart-type-two .elm_cart .cart-count, .elementor-header-cart-type-three .elm_cart .cart-count{
position: static;
display: inline-block;
vertical-align: middle;
width: 19px;
height: 19px;
line-height: 20px;
margin-right: 5px;
}
.elementor-widget-mweb-product-rules .product_sellinfo{
width: auto;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: transparent;
padding: 0;
margin: 0;
float: none;
}
.elementor-widget-mweb-product-rules .product_sellinfo .sep{
display: none
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true]{
background-color: rgba(0,0,0, 0.15)
}
.plyr__control--overlaid{
background-color: var(--maincolor)
}
.plyr__tooltip, .plyr__controls__item{
font-family: var(--mainfontnum);
font-size:11px;
}
.plyr--full-ui input[type=range] {
color: var(--maincolor);
}
.plyr__control--overlaid {
background: var(--maincolor);
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
background: var(--maincolor);
}
.plyr__control.plyr__tab-focus {
box-shadow: 0 0 0 5px var(--maincolor);
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
background: var(--maincolor);
}
.elementor-widget-mweb-blog-breadcrumbs .breadcrumb-arrow{
margin: 0;
background-color: transparent;
box-shadow: none;
border-radius: 0;
}
.elementor-widget .owl-carousel .owl-stage-outer{
padding: 12px 0px
}
.notifyjs-mweb-base{
display: block;
padding: 8px 25px;
line-height: 25px;
background-color: #c0f8c3;
/* direction: ltr; */
text-align: right;
border-radius: var(--brradius);
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-error{
background-color: #ffebee
}
.notifyjs-mweb-base.notifyjs-mweb-info{
background-color: #e1f5fe;
}
.notifyjs-mweb-base .wc-forward{
display: none
}
.notifyjs-corner{
z-index: 99999 !important;
top: auto !important;
bottom: 10px;
}
.is_hide{
display: none
}
.ticket_status{
margin-bottom: 25px
}
.tickets_head {
display: flex;
align-items: center;
flex-direction: row;
}
.create_ticket_btn, .back_ticket_btn, .continue_ticket_btn {
/* margin-right: auto; */
display: inline-block;
/* width: 71px; */
text-align: center;
background-color: var(--maincolor);
color: #FFF;
border-radius: var(--brradius) !important;
font-weight: 500;
cursor: pointer;
font-size: 11px;
}
.create_ticket_btn:hover, .back_ticket_btn:hover{
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;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background-color: #FFF;
box-shadow: 0 1px 7px -5px rgba(0, 0, 0, 0.1);
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(--secoundcolor);
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{/* background-color: #fa5c51; */}
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(--brradius);
-moz-border-radius: var(--brradius);
border-radius: var(--brradius);
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;
border-color: #eee;
}
.tk_head {
background-color: #f6f7f9;
padding: 12px 15px;
font-weight: 500;
border-radius: var(--brradius);
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(--brradius);
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;
font-size: 15px;
}
.tk_support span.tk_s_avatar{
margin:0 10px 0 0
}
span.tk_s_avatar i{
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(--brradius);
flex: 1;
}
form#reply-ticket input[type="submit"]{
font-weight: 500;
background-color: var(--secoundcolor);
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: var(--brradius);
margin-top: 5px;
margin-bottom: 15px;
}
.single_tk_wrap .accordion .accordion-item-title {
font-size: 12px !important;
padding: 10px 0 !important;
font-weight: normal;
}
form#create-ticket {
background-color: #f6f7f9;
border-radius: var(--brradius);
padding: 15px 20px;
}
form#create-ticket input[type="text"], form#create-ticket select{
width: 100%;
line-height: 25px;
}
form#create-ticket select{
height: 35px;
}
form#create-ticket textarea{
width: 100%;
margin-left: 15px;
height: 97px;
padding: 15px;
font-size: 11px;
}
.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;}
.my_acc_top{
display: flex;
flex-direction: row;
flex-direction: row;
align-items: stretch;
}
.my_acc_top.ticket_status{
margin-top: 15px;
}
.my_acc_user_info{
-webkit-border-radius: var(--brradius);
-moz-border-radius: var(--brradius);
border-radius: var(--brradius);
overflow: hidden;
display: flex;
background-color: #FFF;
box-shadow: 0 1px 7px -5px rgba(0, 0, 0, 0.1);
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-around;
align-items: center;
padding: 15px 12px;
width: -webkit-fill-available;
margin-left: 15px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
position: relative;
text-align: center;
}
.my_acc_user_info:last-child{
margin:0
}
.my_acc_user_info:hover{
box-shadow: 0 1px 25px -5px rgb(0 0 0 / 10%);
}
.my_acc_user_info i{
font-size: 60px;
color: #eff1f5ad;
position: absolute;
transform: rotate(-25deg);
left: -20px;
/* bottom: -5px; */
}
.my_acc_user_info>span{
padding: 5px 0;
/* margin-top: 5px; */
color: #444;
position: relative;
font-weight: 500;
}
.my_acc_user_info strong{
font-family: var(--mainfontnum);
font-size: 15px;
color: var(--maincolor);
}
.elementor-phone-number--view-two .el_call_number{
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
}
.el_call_number i{
font-size: 22px;
margin-right: 10px;
color: var(--maincolor);
}
.call_number_row{}
.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: 14px;
margin-right: 3px;
font-weight: 500
}
.call_number strong{
font-size: 14px;
}
.call_number_alt{
color: #91969f;
}
.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;
}
.elementor-phone-number--view-three .el_call_number i{
margin-right: 0px;
}
.el_call_number .icon_wrap{
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
flex-shrink: 0;
}
.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: var(--brradius);
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(--secoundcolor);
line-height: 20px;
margin-bottom: 10px;
color: #666;
font-size: 11.5px;
}
.notify_dropdown .tk_list:hover a{
color: var(--maincolor);
}
.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;
}
.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 {
stroke: #FFF;
width: 26px;
height: 26px;
margin: auto;
display: block;
margin-top: 16px;
vertical-align: middle;
}
.elm_c_btn svg:not(.pack-theme) {
fill: white;
}
.elm_c_btn img {
max-width: 26px;
height: auto;
}
.elm_c_list .elm_c_btn {
width: 50px;
height: 50px;
line-height: 50px;
}
.elm_c_list .elm_c_btn svg{
width: 22px;
height: 22px;
margin-top: 14px;
}
.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;
margin-right: 10px;
margin-left: 10px;
/* overflow: hidden; */
}
@media only screen and (min-width: 1000px) {
.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);
}
.left_product_detail{
position: relative;
-ms-flex: 0 0 28%;
flex: 0 0 28%;
max-width: 28%;
}
.right_product_detail{
-ms-flex: 0 0 72%;
flex: 0 0 72%;
max-width: 72%;
}
.left_sticky{
position: sticky !important;
top: 0;
z-index:1
}
.product_item_horizontal.main_thumb .product_image_area .product_image img{
max-height:170px;
width:auto;
display:block;
margin:auto
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col>ul.sub-menu{
display:flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-inrow-2>ul.sub-menu>li, .mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical.item-inrow-2>ul.sub-menu>li>.sub-menu>li{
flex:0 0 50%;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-inrow-3>ul.sub-menu>li, .mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical.item-inrow-3>ul.sub-menu>li>.sub-menu>li{
flex:0 0 33.33%;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-inrow-4>ul.sub-menu>li, .mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical.item-inrow-4>ul.sub-menu>li>.sub-menu>li{
flex: 0 0 25%;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-inrow-5>ul.sub-menu>li, .mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical.item-inrow-5>ul.sub-menu>li>.sub-menu>li{
flex:0 0 20%;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu{
display:flex;
flex-direction: column;
flex-wrap: nowrap;
align-items: stretch;
min-height: 300px;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li{
flex: none;
margin-bottom: 5px;
padding:0;
display: flex;
width: 100%;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: baseline;
position: unset;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li>a{
padding: 6px 15px;
width: 150px;
border: 1px solid #eff1f5;
display:block;
border-radius: 7px;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li>a:after{
float:left;
content:'\f104' !important;
font-family: "Font Awesome Pro";
font-weight: 300;
}
.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% - 180px);
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
align-content: flex-start;
position: absolute;
left: 0;
top: 0;
right: auto;
padding-top: 20px;
height: 100%;
opacity: 0 !important;
visibility: hidden !important;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li .sub-menu{
background-color: transparent;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li>.sub-menu>li li{
padding-right:10px
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li>.sub-menu>li>a{
font-weight:500;
color:#222;
display: block;
margin-bottom: 5px;
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li:hover>a, .mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical>ul.sub-menu>li.is_hovered>a{
background-color:#edeff266
}
.mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical:hover>ul.sub-menu>li.is_hovered>.sub-menu, .mweb-main-menu ul>li.level-0.mega-menu.menu-has-col.item-dir-vertical:hover>ul.sub-menu>li:hover>.sub-menu{
opacity: 1 !important;
visibility: visible !important;
z-index: 9999;
}
.elementor-menu-icon-vertical-yes .mweb-main-menu ul>li.level-0>a>span.menu-item-text{
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>.menu-item-text i{
margin-left: 0;
}
.elementor-menu-icon-vertical-yes .mweb-main-menu ul>li.level-0.menu-item-has-children:hover>a>span.menu-item-text{
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:after{
margin: 0;
line-height: 0;
position: absolute;
top: auto;
right: calc(50% - 2.5px);
bottom: 0;
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:hover>a:after{
visibility: visible;
opacity: 1;
bottom: 8px;
}
.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%;
}
.d_flex_row{
display:flex;
flex-direction: row;
justify-content: space-between;
}
.d_flex_last{
margin-top: auto;
margin-bottom: 10px;
}
.sales_today_body .sales_item.is_vertical{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.sales_today_body .owl-carousel .active.center .sales_item.is_vertical{
margin:0;
box-shadow: 0 1px 7px -3px rgb(0 0 0 / 10%);
}
.sales_today_body .sales_item.is_vertical .right_side{
max-width: 235px;
flex: 0 0 235px;
}
.sales_today_body .sales_item.is_vertical .left_side{width: 100%;text-align: right;display: flex;flex-direction: column;}
.sales_today_body .sales_item.is_vertical .loop_sales{
background-color: #fcfcfc;
color: #555;
position: relative;
opacity: 1;
visibility: visible;
left: auto;
bottom: auto;
margin-top: 20px;
height: 38px;
border-radius: 10px;
font-size: 11px;
line-height: 36px;
}
.sales_today_body .sales_item.is_vertical .product-date{
position:relative;
z-index: auto;
bottom: auto;
width: auto;
right: auto;
display: inline-block;
padding: 10px 15px;
border-radius: 10px;
margin-top: 4px;
height: auto;
background-color:#FFF;
box-shadow:5px 5px 25px -9px #0000000f;
}
}
@media screen and (max-width: 998px){
.el_featured_square {
flex: 0 0 14%;
top: 0 !important;
}
.square_wrap{
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
flex-wrap: nowrap;
justify-content: right;
align-items: start;
align-content: baseline;
-webkit-overflow-scrolling: touch;
}
.square_wrap::-webkit-scrollbar {
height: 2px;
background: #eee;
border-radius: 4px
}
.square_wrap::-webkit-scrollbar-corner {
background-color: #282828;
display: block;
border-radius: 4px
}
.square_wrap::-webkit-scrollbar-thumb {
background-color: #a7a7a7;
border-radius: 4px
}
.square_wrap .el_featured_hexagon{
margin: 0 0 0 5px;
}
.product_item_horizontal.main_thumb {
flex-wrap:wrap
}
.product_item_horizontal.main_thumb .product_image_area{
max-width:100%;
flex:0 0 100%
}
.product_item_horizontal.main_thumb .product_image_area .product_image {
margin:0;
text-align: center;
}
.product_item_horizontal.main_thumb .product_desc_area{
padding: 10px;
}
.product_item_horizontal .product_desc_area .product_meta{
display: block;
}
.product_item_horizontal .product_desc_area .product_meta>span{
flex:auto;
max-width:100%;
}
}
@media screen and (max-width: 768px){
.product_banner_slider .swiper-pagination span {
height: 7px;
overflow: hidden;
text-indent: -1000px;
background-color: #eaeaea;
line-height: 7px;
}
.item_card_det .card_link{
position: initial;
display: block;
}
.vr_desktop{display:none}
.my_review_list .c_right{
float:none;
display:block
}.search_box{
padding: 40px 15px 20px;
}
.search_box>ul{
height: 119px;
display: block;
white-space: nowrap;
overflow: hidden;
overflow-x: scroll;
padding: 5px 0;
}
.search_box>ul li{
width: 85px;
height: 77px;
}
.search_box>ul li i {
font-size: 23px;
margin-bottom: 0;
}
.head_override .wishlist_bottom{
display:none
}
.login_wrap_io{
margin-left:15px
}
.login_wrap_io .login_user{
white-space: nowrap;
max-width: 53px;
overflow: hidden;
}
.join_box .col-12{
padding-bottom:15px;
}
.magnifier{
display:none !important
}
.login_wrap_io .account_action.active{
left:-25px
}
.single_product_content .entry_product{
padding: 20px 0px;
}
.footer_aboutus_head , .footer_aboutus{
padding-right:10px;
padding-left:10px;
}
.single-product .single_product_two .share-to-email-popup{
left: 0;
right: auto;
}
.checkout-breadcrumb div{
align-items: center;
flex-direction: column
}
.checkout-breadcrumb h4{
text-align: center;
margin-top: 10px
}
.checkout-breadcrumb p{
display: none
}
.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(--brradius);
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;
}
.my_acc_user_info{
flex: 0 0 135px;
}
}
@media screen and (max-width: 570px){
.woocommerce div.type-product .product_title, .woocommerce div.product .product_title,.single_product_head span.sub_head{
width: 100%;
}
.woocommerce div.type-product .woocommerce-product-rating, .woocommerce div.product .woocommerce-product-rating{
float: right;
margin-right: 0;
}
.single-product div.product.type-product{
overflow: hidden;
}
}
@media screen and (max-width: 400px){
.login_wrap_io .account_action.active {
left: -50px;
}
}