﻿/*
Theme Name: mweb-digiacademy
Author: mahdisweb group
Description:  این قالب به صورت اختصاصی توسط ماهدیس وب برنامه نویسی شده. و به صورت اختصاصی برای طراحی سایت ماهدیس وب محفوظ میباشد. هرگونه کپی برداری ، فروش ، نال ، ریپ قالب ممنوع بوده و با متخلفین از طریق پلیس فتا اقدام خواهد شد.
Author URI: http://www.mahdisweb.net
Version: 7.4
                  _         _ _                  _     
                 | |       | (_)                | |    
  _ __ ___   __ _| |__   __| |_ _____      _____| |__  
 | '_ ` _ \ / _` | '_ \ / _` | / __\ \ /\ / / _ \ '_ \ 
 | | | | | | (_| | | | | (_| | \__ \\ V  V /  __/ |_) |
 |_| |_| |_|\__,_|_| |_|\__,_|_|___/ \_/\_/ \___|_.__/ 

*/

@charset "UTF-8";
:root {
  --maincolor: #f44336;
  --secondcolor: #10bcb4;
  --bgcolor: #f5f7f9;
  --footcolor: #222332;
  --cartcolor: #17b334;
  --badgecolor: #10bcb4;
  --mainfont: IRANSans;
  --mainfontnum: IRANSansnum;
  --brradius: 10px;
  --gallery-row-height: 100px;
  --gallery-gap: 1em;
}
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: #969696;
    color: #fff;
}

::-moz-selection {
    background: #399bff;
    color: #fff
}



body {
    direction: rtl;
    font: 11px var(--mainfont);
    text-align: right;
    color: #444;
    margin: 0;
    padding: 0;
    background-color: var(--bgcolor);
    /* background-image: url(assets/images/bg.jpg); 
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;*/
    overflow-x: hidden;
}

a {
    color: #333;
    text-decoration: none;
    text-decoration: none!important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover {
    color: #444;
    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;
    line-height: 1.8em;
}
.clear ,.clearfix {
	clear: both
}
.clear:after, .clear:before ,.clearfix:after, .clearfix:before {
	content: '';
	display: block;
	clear: both;
}


.right {
    float: right!important
}

.left {
    float: left!important
}

select {
	height: 36px;
	line-height: 35px;
	margin: 0;
	padding: 6px 10px;
	border: 1px solid #eee;
	cursor: pointer;
	border-radius: var(--brradius);
	-webkit-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	font-family: var(--mainfont), Tahoma;
	font-size: 12px;
}
#searchform input#s, input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="text"], textarea, .compare .btn {
	border-radius: var(--brradius);
	padding: 6px 15px;
	-webkit-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	color: #666;
	border: 1px solid #eee;
	font-family: var(--mainfontnum);
	font-size: 12px;
	line-height: 1.9em;
}
input[type="button"], input[type="reset"], input[type="submit"]{
	border: 1px solid #afafaf;
	border-radius: var(--brradius);
	padding: 3px 15px;
	background-color: #7d7d7d;
	color: #FFF;
	font-size: 12px;
	font-family: var(--mainfont), Tahoma;
	transition: all 0.3s;
	cursor: pointer;
}
.btn:hover, .comment-respond #submit:hover, #searchform #searchsubmit:hover, input[type="submit"]:hover, input[type="button"]:hover, .mweb-body button:hover {
	background-color: var(--maincolor);
	border-color: var(--maincolor);
	color: #fff;
	font-family: var(--mainfont), Tahoma;
}
.elementor-button {
	font-family: var(--mainfont), Tahoma;
}
input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="text"]:focus, input.input-text:focus, textarea:focus{
	border: 1px solid #c5c5c5 ;
}
.mfp-wrap button:focus, .mfp-wrap button:hover {
    background-color: unset !important;
    border-color: unset !important;
}
.button, .btn{font-family: var(--mainfont), Tahoma;}
input[type=checkbox], input[type=radio] {
    vertical-align: middle;
}

legend {
    font-size: inherit
}

iframe {
    max-width: 100%
}

blockquote {
    padding: 30px 40px;
    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: 13px;

border-radius: var(--brradius);

border: 4px double #efefef;

margin-bottom: 10px;
}
blockquote:before {
    content: "\f10d";
    font-family: "Font Awesome 6";
    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: var(--maincolor);
}
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 {
	position: relative;
	bottom: -6px;
	width: 100%;
	z-index: -1;
	text-align: center;
}
.owl-dots .owl-dot {
	cursor: pointer;
	display: inline-block;
	zoom: 1;
	background-color: transparent;
	border: none;
	padding: 0;
}
.owl-dots .owl-dot span {
	width: 6px;
	height: 6px;
	background: #d3d3d3;
	margin: 5px 5px;
	border-radius: 20px;
	display: block;
	transition: all 0.3s;
}
.owl-dots .owl-dot.active span {
	width: 30px;
	opacity: 1;
	background: #0063d1;
}

.mweb-site-mask {
    display: block;
    pointer-events: none;
    z-index: -1;
    width: 100%;
    height: 100%;
    z-index: 99;
    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: 90;
}
.header_alert {
    padding: 12px 0;
    background-color: #222;
    display: none;
    font-size: 12px;
    line-height: 1.7em;
}

.header_alert a {
    color: #FFF
}

.header_alert .close_alert {
    color: #FFF;
    float: left;
    font-size: 15px;
    cursor: pointer;
    background-color: hsl(0deg 0% 0% / 32%);
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 4px;
}
header.main_header {
    /* box-shadow: 0 0 11px 0 rgba(0, 0, 0, .1); */
    position: relative;
    padding-top: 25px;
}
header.wide_header{
	padding:0
}
.p_relative{
	position: relative;
}
.header_container{
    background-color: #FFF;
    padding: 20px 20px 0 20px;
    box-shadow: 0px 3px 11px -3px rgba(0, 0, 0, .1);
    border-radius: var(--brradius);
    position: relative;
    z-index: 98;
}
header.wide_header .header_container ,header.wide_header .menu_wrapper ,header.wide_header .m_search, .elementor-widget-container .m_search {
	border-radius:0
}
header.wide_header .header_container{
	padding: 20px 0 0 0;
}
header:not(.wide_header) .menu_wrapper{
	display: flex;
}

.head_social_wrap{
    float: left;
    font-size: 15px;
}
.head_social_wrap a{
    color: #777;
    padding-right: 15px;
}
.head_social_wrap a:hover{
	color: #464646;
}
.head_social_wrap a.el_twitter:hover{
	color: #03A9F4 !important;
}
.head_social_wrap a.el_instagram:hover{
	color: #b02762 !important;
}
.head_social_wrap a.el_telegram-plane:hover{
	color: #2196F3 !important;
}
.head_social_wrap a.el_pinterest-p:hover{
	color: #d82626 !important;
}
.head_social_wrap a.el_facebook-f:hover{
	color: #1f36b3 !important;
}
.head_social_wrap a.el_linkedin-in:hover{
	color: #0077b5 !important;
}

.tel_head{
    float: left;
    color: #666;
    position: relative;
    padding-left: 15px;
    text-align: left;
    direction: ltr;
    font-family: var(--mainfontnum);
}
.tel_head:before {
    content: "";
    background: #eee;
    display: block;
    width: 1px;
    height: 25px;
    position: absolute;
    left: 0;
    top: -2px;
}
.tel_head i{
    font-size: 18px;
    /* vertical-align: middle; */
    margin-right: 10px;
}
.tel_head span{
    font-size: 13px;
}
.tel_head strong{
    padding-left: 5px;
    font-size: 15px;
    color: var(--secondcolor);
}
.mini_cart_box {
    font-size: 26px;
    line-height: 28px;
    height: 25px;
    float: left;
    direction: ltr;
    color: #fff;
    font-family: var(--mainfontnum);
    text-align: center;
    position: relative;
    padding: 0 7px 0 8px;
    margin-top: -2px;
    margin-right: 12px;
    border-radius: 5px;
    background-color: #17b334;
    display: inline-block;
}
.mini_cart_box i{
	vertical-align: middle;
	margin-top: -1px;
}
.mini_cart_box span {
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    color: #333333;
    top: -6px;
    left: -12px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50px;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
    font-family: var(--mainfontnum);
    margin-left: 4px;
    position: absolute;
}
.mini_cart_box:not(.cart_t2) span{
	margin: 0
}
.elementor-cart-counter-alignh-right .mini_cart_box span{
	left: auto;
	right: -12px
}
.elementor-cart-counter-alignh-center .mini_cart_box span{
	right: auto;
	left: 50%;
	transform: translateX(-50%);
}
.elementor-cart-counter-alignh-left .mini_cart_box span{
	right: auto;
	left: -12px
}
.elementor-cart-counter-alignv-top .mini_cart_box span{
	top: -6px;
	bottom: auto
}
.elementor-cart-counter-alignv-center .mini_cart_box span{
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
}
.elementor-cart-counter-alignv-bottom .mini_cart_box span{
	top: auto;
	bottom: -6px
}
.elementor-widget-my-header-cart .mini_cart_box{
	height: auto;
	float: unset;
	margin: 0;
}
.header_container .mini_cart_box{
    font-size: 14px;
}
.header_container .mini_cart_box span{position: relative;left: 0;top: -1px;border-radius: 5px;margin-right: -3px;}

.login_wrap{
    float: left;
    background-color: #ebebed;
    margin-top: 10px;
    border-radius: 15px;
    padding: 0px 4px;
}
.login_wrap>span ,.login_wrap>a{
    padding: 5px 15px;
    position: relative;
    display: inline-block;
    color: #444;
    cursor: pointer;
}
.login_wrap>span i,.login_wrap>a i{
    font-size: 14px;
    vertical-align: middle;
    margin-left: 10px;
}
.login_wrap>span:first-child,.login_wrap>a:first-child{
    margin-left:6px;
}
.login_wrap>span:first-child:before,.login_wrap>a:first-child:before {
    content: "";
    background: #f7f8fb;
    display: block;
    width: 2px;
    height: 18px;
    position: absolute;
    left: -3px;
	top: 50%;
    margin-top: -9px;
}
.logout_user_btn{
    background-color: #ffffff;
    padding: 1px 15px !important;
    border-radius: 15px 3px 3px 15px;
}
/* .elementor-widget-my-header-user .head_login{
	display: inline-block;
} */
.elementor-widget-my-header-user .logout_user_btn{
    background-color: transparent;
}
.main_header .account_action, .elm_user_btn .account_action, .head_login .account_action {
    position: absolute;
    width: 292px;
    left: 0;
    min-height: 80px;
    background: #FFF;
    z-index: 98;
    padding: 25px 15px 20px 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: var(--brradius);
    -moz-border-radius: var(--brradius);
    border-radius: var(--brradius);
    -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);
}
.main_header .account_action.active, .elm_user_btn .account_action.active, .head_login .account_action.active {
    display: block;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 119%;
}
.account_action .acc_div{
	display:none;
	padding-top: 20px;
}
.account_action form {
    padding: 10px 0;
    position: relative;
	line-height: 18px;
}
.account_action form input[type="text"],
.account_action form input[type="password"],
.account_action form input[type="email"] {
    padding: 7px 10px;
    display: block;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .15);
    margin-bottom: 10px;
    font-size: 11px;
    width: 100%;
    border: none
}
.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 6";
    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;
}
.row-otp input:focus {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.row-otp input::-webkit-inner-spin-button,
.row-otp input::-webkit-outer-spin-button {
  display: none;
}
.otp-row-act{
	display: flex !important;
	flex-direction: row;
	align-items: center;
	margin-bottom: 15px;
	margin-top: 15px;
	justify-content: center;
	font-size: 12px;
}
.otp-row-act > span{
	margin: 0 10px;
}
.otp-row-act .resend_otp{
	display: flex;
	border: 1px solid #eaeaea;
	align-items: center;
	padding: 4px 15px 4px 5px;
	margin: 0 10px;
	border-radius: 5px;
	cursor: not-allowed;
}
.resend_otp > span{
	margin: 0 10px 0 0;
	color: #333;
}
.otp-row-act .resend_otp.enabled{
	display: flex;
	border: 1px solid #47dd89;
	color: #47dd89;
	cursor: pointer;
}
.otp_counter{
  height: 22px;
  padding: 0 10px;
  border-radius: 4px;
  outline: none;
  font-size: 13px;
  text-align: center;
  background-color: #d0ffd2;
  display: flex;
  align-content: center;
  align-items: center;
  font-family: var(--mainfontnum);
  direction: ltr;
}
.resend_otp.enabled .otp_counter{
	background-color: #f5f5f5
}
.switch_login{
    background-color: #f4f4f6;
    padding: 2px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 11px;
}
.switch_login:hover{
	background-color: var(--secondcolor);
	color: #FFF
}
.edit_phoneno{
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	color: #F44336 !important;
	cursor: pointer;
	font-size: 12px;
}
.phone_invalid{
	box-shadow: 0 0 0px 1px #f16861;
}
.phone_valid{
	box-shadow: 0 0 0px 1px #8BC34A;
}
.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 .col_2 input[type="submit"]:not(.wp_register_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;
}
.account_action .close_modal {
    position: absolute;
    top: 19px;
    font-size: 15px;
    left: 15px;
    color: var(--maincolor);
    cursor: pointer;
}
.flex_row{
	display: flex !important;
    flex-wrap: nowrap;
}

.flex_space-between{
	justify-content: space-between;
}
.margin_10{
	margin: 15px 0;
}
.header_top {
    width: 100%;
    height: 40px;
    background-color: #fff;
}
.header_container>.header_top {
	height: 45px;
    margin-top: -15px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 2px dotted #f2f2f2;
}

.top_menu {
}
.top_menu select{
	display: none;
    border-radius: var(--brradius);
    height: 31px;
    box-shadow: 0px 0px 9px -6px rgba(0,0,0,.2);
    background-color: #FFF;
    margin-top: 4px;
    border: none;
    color: #777;
	max-width:100%
}
.top_menu ul li {
    float: right;
    font-size: 11px;
    color: #696969;
    position: relative;
    line-height: 40px;
}
.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: -11px;
    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);
    color: rgb(0 0 0 / 0.30);
}
.top_menu ul li a:before {
    content: '[';
    font-size: 12px;
    position: absolute;
    top: -11px;
    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);
    color: rgb(0 0 0 / 0.30);
}

.top_menu ul li a:hover {
    color: var(--maincolor)
}

.top_menu ul li a:hover:after {
    left: 1px;
    opacity: 1
}

.top_menu ul li a:hover:before {
    right: 1px;
    opacity: 1
}
.header_type3 .tel_head{
	margin-top: 8px;
	padding-left: 0;
}
.header_type3 .tel_head:before{
	display: none;
}
.header_type3 .mini_cart_box, .mini_cart_box.cart_t2{
    border: none;
    height: 40px;
    border-radius: var(--brradius);
    box-shadow: 0px 0px 9px -5px rgba(0,0,0,.2);
    background-color: #FFF;
    color: #444 !important;
    line-height: 42px;
    padding: 0 15px;
    margin-top: 10px;
    font-size: 21px;
}
.elementor-widget-my-header-cart .cart_t2{
	 box-shadow: unset;
	 height: auto;
}
.elementor-widget-my-header-cart .mini_cart_box i {
    margin-top: 0px;
}
.header_type3 .mini_cart_box span, .mini_cart_box.cart_t2 span{
    background-color: #17b334;
    height: 18px;
    line-height: 20px;
    color: #FFF;
    margin-left: 5px;
    border-radius: 5px;
    top: 1px;
    margin-right: 0;
    position: relative;
    left: 0;
}
.header_type3 .mini_cart_box span:before, .mini_cart_box.cart_t2 span:before{
	content: '';
    position: absolute;
    border-left: 3px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #fff;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
	border-bottom-color: #17b334;
	left: -6px;
	bottom: 7px;
	border-left-width: 4px;
}
.header_type3 .login_wrap {
    float: left;
    height: 40px;
    border-radius: var(--brradius);
    box-shadow: 0px 0px 9px -5px rgba(0,0,0,.2);
    background-color: #FFF;
    color: #444 !important;
    line-height: 40px;
    padding: 0 10px;
    margin-top: 10px;
    font-size: 12px;
}
.elementor-widget-my-header-user .header_type3 .login_wrap {
    float: unset;
    height: auto;
    margin-top: 0;
    font-size: 12px;
}
.elementor-widget-my-header-user .header_type3 .login_wrap>a:first-child:before {
	top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.elementor-widget-my-header-user .elm_user_btn {
    float: unset;
    height: auto;
}
.header_type3 .login_wrap>span,.header_type3  .login_wrap>a{
	padding: 0 15px !important;
}

.header_type3 .login_wrap>span:first-child:after ,.header_type3 .login_wrap>a:first-child:after{
	content: ''524;
	background: #f7f8fb;
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 30px;
	position: absolute;
	left: -7px;
	top: 50%;
	margin-top: -5px;
	line-height: 0;
}
.header_type3 .login_wrap>span i, .header_type3 .login_wrap>a i {
    font-size: 16px;
    margin-left: 8px;
    opacity: 0.8;
}


.m_search {
    font-size: 16px;
    position: absolute;
    left: 0px;
    top: 0;
    line-height: 54px;
    height: 50px;
    padding: 0px 15px;
    cursor: pointer;
    color: #ffffff;
    width: 46px;
    background-color: rgba(24, 24, 24, 0.18);
    border-radius: 0 0 0 10px;
    text-align: center;
    z-index: 10;
}
.wide_header .m_search{
	left: 10px;
}
.main_header form.search_wrap {
    position: absolute;
    right: 15px;
    left: 15px;
    height: 39px;
    width: auto;
    line-height: 31px;
    border-radius: 0 0 10px 10px;
    background-color: #757575;
    padding: 3px;
    top: 100%;
    margin-top: 0;
    box-shadow: unset;
    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;
    z-index: 1;
}
.main_header form.search_wrap.active{
    opacity: 1;
    visibility: visible;
}
.main_header form.search_wrap input {
    border: none;
    font-family: var(--mainfont);
    background-color: transparent;
    height: 31px;
    font-size: 11px;
    color: #FFF;
}

.main_header form.search_wrap input::-webkit-input-placeholder {
    color: #e0e0e0
}

.main_header form.search_wrap input::-moz-placeholder {
    color: #e0e0e0
}

.main_header form.search_wrap input:-ms-input-placeholder {
    color: #e0e0e0
}

.main_header form.search_wrap input:-moz-placeholder {
    color: #e0e0e0
}

.main_header form.search_wrap i.search_icon {
    font-size: 15px;
}


form.search_wrap {
	width: calc(100% - 192px);
	display: inline-block;
	height: 38px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	background-color: #FFF;
	margin-top: 12px;
	padding: 3px;
	position: relative;
	z-index: 998;
	box-shadow: 0 1px 7px -3px rgba(0, 0, 0, 0.1);
}

form.search_wrap i.search_icon {
	float: right;
	font-size: 17px;
	color: #e0e1e6;
	line-height: inherit;
	margin-right: 12px;
	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: 19px;
	border-radius: var(--brradius);
	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: 100%;
	margin-right: 10px;
	color: #666;
	font-size: 11px;
	padding: 0;
}
form.search_wrap input:focus{
	border:none;
}
form.search_wrap input::-webkit-input-placeholder {
	/* 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 button{
    display: inline-block;
    float: none;
    width: auto;
    height: 25px;
    padding: 0 20px;
    background-color: #f9f9f9;
    color: #636363;
    font-size: 11px;
    line-height: 24px;
    transition: all 0.3s;
    margin-right: calc(50% - 61px);
    cursor: pointer;
    margin-top: 10px;
}
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_overlay .ajax-search-result{
	-webkit-box-shadow: unset;
	-moz-box-shadow: unset;
	box-shadow: unset;
}

.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 6";
	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-search-result .ajax-loader, #compare_product_list .ajax-loader, .price_chart_content .ajax-loader, .dynamic_price_chart .ajax-loader {
    background-size: 20px;
}
.ajax-not-found {
	padding: 0px 15px;
	font-size: 12px;
	color: #999;
	text-align: center;
}
.search_category{}
.btn_search_cat{
    position: absolute;
    left: 12px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 20px;
     color: #ccc;
}

.btn_search_cat.el_cat_title{
    display: block;
    width: 80px;
    overflow: hidden;
    top: 8px;
    white-space: nowrap;
}
.btn_search_cat.el_cat_title:before{
    content: "\f107";
    font-family: "Font Awesome 6";
    font-weight: 300;
    font-size: 14px;
    vertical-align: middle;
    margin-left: 5px;
    opacity: 0.8;
}
.btn_search_cat.el_cat_icon{
    font-size: 17px;
    top: calc(50% - 11px);
}
.btn_search_cat.el_cat_icon:before{
	content:"\f1de";
	font-family: "Font Awesome 6";
    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;
    -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;
    line-height: 18px;
}
.search_category.active ul{
    visibility:visible;
    opacity:1
}
.search_category ul li{
    display: block;
    padding: 5px 0;
    cursor: pointer;
}
.search_category ul li:hover, .search_category ul li.current{
	color: var(--secondcolor);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	font-weight: 500;
}

.ajax-not-found {
    padding: 0 15px;
    font-size: 12px;
    color: #999;
    text-align: center
}
.elementor-widget-container .hs_search_btn{
	width:auto;
	margin: unset;
    float: unset;
    display: inline-block;
	cursor: pointer;
}

.search_overlay {
    background: rgb(255 255 255);
    bottom: 25%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    visibility:
    hidden;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    box-shadow: 0px 2px 20px -6px rgb(0 0 0 / 6%);
}
.search_overlay.active {
	visibility:visible;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.search_toggle{
    position: absolute;
    left: 10%;
    top: 12%;
    font-size: 16px;
    cursor: pointer;
    background-color: hsl(0deg 0% 0% / 5%);
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 5px;
	    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.search_toggle:hover{
	background-color: var(--maincolor);
    color: #FFF;
}
.search_overlay form{
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.26);
}
.search_overlay form.search_wrap input {
	background-color:#FFF;
	width: calc(100% - 42px);
	margin: 0;
	padding: 0;
}
.search_overlay form.search_wrap button {
	box-shadow: none;
	width: auto;
	height: auto;
	font-size: 12px;
	padding: 0 10px;
	line-height: 20px;
	left: 5px;
	top: 5px;
	/* color: #909090; */
}
.search_overlay form.search_wrap i.search_icon{
	margin-left: 10px;
	color: #ccc;
	margin-top: -3px;
}
.search_overlay form{
    left: 10%;
    position: absolute;
    right: 10%;
    top: 26%;
    z-index: 99999;
    width: auto;
    border-radius: 0;
    line-height: 29px;
    box-shadow: 0px 2px 0 0px rgb(204 204 204 / 26%);
}
.menu_wrapper{
	margin: 0 -20px;
    margin-top: 22px;
    background-color: var(--maincolor);
    border-radius: 0 0 10px 10px;
    position: relative;
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.wide_header .menu_wrapper{
	margin:22px 0 0 0;
	display: flex;
}
.mweb-main-menu {
	position: relative;
	display: block;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	font-family: var(--mainfont);
	/* z-index: 997; */
}
.elementor-widget-my-header-menu .mweb-main-menu {
    display: flex;
}

.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: 49px;
}

.mweb-main-menu ul>li.level-0:first-child-child {
	padding-right: 0;
}

.mweb-main-menu ul>li.level-0:last-child {
	padding-left: 0;
}


.mweb-main-menu ul>li.level-0:not(.mega-menu) ul.sub-menu li.level-1:first-child {
	padding-top: 0;
}

.mweb-main-menu ul>li.level-0:not(.mega-menu) ul.sub-menu li.level-1.sub-menu-left ul.sub-menu {
	right: calc(100% - 10px) !important;
	left: auto !important;
}

.mweb-main-menu ul>li.level-0>a {
	position: relative;
	font-weight: 500;
	font-size: 13px;
	background-color: transparent;
	color: #fff;
	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 6";
	font-weight: 300;
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	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 6";
	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: #fff;
}

.mweb-main-menu ul>li.level-0 div.sub-menu li,
.mweb-main-menu ul>li.level-0>ul.sub-menu li {
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}

.mweb-main-menu ul>li.level-0 div.sub-menu li:last-child,
.mweb-main-menu ul>li.level-0>ul.sub-menu li:last-child {
	border: none;
	padding-bottom: 0;
}

@media (max-width: 991px) {
	.mweb-main-menu ul>li.level-0 div.sub-menu li.menu-item-image,
	.mweb-main-menu ul>li.level-0>ul.sub-menu li.menu-item-image {
		margin-bottom: 10px;
	}
	.mweb-main-menu ul>li.level-0 div.sub-menu li.menu-item-image>a,
	.mweb-main-menu ul>li.level-0 div.sub-menu li.menu-item-image>span.title,
	.mweb-main-menu ul>li.level-0>ul.sub-menu li.menu-item-image>a,
	.mweb-main-menu ul>li.level-0>ul.sub-menu li.menu-item-image>span.title {
		display: none;
	}
}

.mweb-main-menu ul>li.level-0 div.sub-menu li a,
.mweb-main-menu ul>li.level-0>ul.sub-menu li a {
	color: #777;
	font-weight: 500;
	position: relative;
}

.mweb-main-menu ul>li.level-0 div.sub-menu li a:hover,
.mweb-main-menu ul>li.level-0>ul.sub-menu li a:hover {
	color: var(--maincolor);
}

@media (min-width: 992px) {
	.mweb-main-menu ul>li.level-0 div.sub-menu li a,
	.mweb-main-menu ul>li.level-0>ul.sub-menu li a {
		position: relative;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
	}
}

.mweb-main-menu ul>li.level-0 div.sub-menu li a>span:not(.elementor-icon-list-text):not(.elementor-icon-list-icon),
.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;
	    z-index: 999;
}

.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: #03A9F4;
	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;
}
.close-off-canvas-wrap i,
.mobile-nav-button a {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.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: 0;
    line-height: 50px;
    color: #ffffff;
    margin-right: 10px;
}
.mobile-nav-button > * {
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
}
.mobile-nav-button a {
    transition: all 0.2s linear;
    color: inherit;
    font-family: var(--mainfont);
    font-size: 12px;
}
.mobile-nav-button a:focus,
.mobile-nav-button a:hover {
    color: rgb(255, 255, 255);
}
.mobile-nav-button .icon-text {
    text-transform: uppercase;
    letter-spacing: 0;
    opacity: 0.8;
    margin-right: 10px;
}
.mobile-nav-button i {
    font-size: 21px;
    position: relative;
    vertical-align: middle;
    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 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    transition: transform 0.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, 0.05);
    -moz-box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.05);
    box-shadow: 2px 2px 1px rgba(24, 24, 24, 0.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 0.2s linear;
}
.mobile-menu-wrap ul li,
.mobile-menu-wrap ul li a {
    position: relative;
    display: block;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.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 0.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 0.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: 0.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;
    font-size: 14px;
    text-align: center;
    z-index: 999;
    line-height: 43px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.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;
}
.mobile-menu-wrap ul li .icon {
    font-size: 15px;
    vertical-align: middle;
    margin-left: 10px;
}


.inline-block {
	display: inline-block;
	vertical-align: middle;
}

 .right_menu .mweb-main-menu ul.menu li.level-0 {
	float: unset;
	width: 100%;
	position: unset !important;
	padding: 0 15px;
	list-style: none;
	line-height: 38px;
}
.right_menu .mweb-main-menu ul.menu {
	padding: 0;
}

@media (max-width: 991px) {
	.right_menu .mweb-main-menu ul.menu li.menu-hide-title>a,
	.right_menu .mweb-main-menu ul.menu li.menu-hide-title>span.title {
		display: block !important;
		margin: 0;
		padding: 0 !important;
	}
}

.right_menu .mweb-main-menu ul.menu li.menu-item-has-children {
	position: relative;
}

.right_menu .mweb-main-menu ul.menu li.menu-item-has-children>a {
	display: inline-block;
	width: 100%;
}

.right_menu .mweb-main-menu ul.menu li.menu-item-has-children>a:after {
	content: "\f104";
	position: absolute;
	margin-right: 5px;
	background: transparent;
	opacity: 1;
	left: 10px;
	top: calc(50% - 12px);
	bottom: auto;
	color: rgba(99, 99, 99, .5);
	width: auto;
	height: auto;
}

.right_menu .mweb-main-menu ul.menu li.level-0:last-child a {
	border-bottom: none;
}

.right_menu .mweb-main-menu ul.menu li.level-0:first-child>a,
.right_menu .mweb-main-menu ul.menu li.level-0:nth-child(2)>a,
.right_menu .mweb-main-menu ul.menu li.level-0:nth-child(3)>a {
	color: #333;
	font-weight: 500;
}



.right_menu .mweb-main-menu ul.menu li.level-0:first-child>a:before {
	background: #9E9E9E;
}

.right_menu .mweb-main-menu ul.menu li.level-0:nth-child(2)>a:before {
	background: #ababab;
}

.right_menu .mweb-main-menu ul.menu li.level-0:nth-child(3)>a:before {
	background: #c1c1c1;
}

.right_menu .mweb-main-menu ul.menu li.level-0 i {
	font-size: 15px;
}

.right_menu .mweb-main-menu ul.menu li.level-0>a {
	margin: 0;
	width: 100%;
	font-size: 12px;
	text-transform: capitalize;
	white-space: normal;
	color: #636363;
	position: relative;
	display: inline-block;
	padding: 0 0;
}

.right_menu .mweb-main-menu ul.menu li.level-0:not(.menu-icon-image)>a:before {
	content: "";
	position: relative;
	display: inline-block;
	width: 6px;
	height: 6px;
	bottom: auto;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background: #d6d6d6;
	margin-left: 12px;
}

.right_menu .mweb-main-menu ul.menu li.level-0>a:hover {
	color: #1e2f9d;
}

.right_menu .mweb-main-menu ul.menu li.level-0>a>span:not(.menu-item-text) {
	position: relative;
	top: -3px;
	right: 8px;
}

@media (min-width: 992px) {
	.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children>ul.sub-menu,
	.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children div.sub-menu {
		right: calc(100% + 50px);
		left: auto;
	}
	
	.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children:hover>ul.sub-menu,
	.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children:hover div.sub-menu {
		right: 100%;
		left: auto;
	}
}

.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children:not(.mega-menu) {
	position: relative !important;
}

@media (min-width: 992px) {
	.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children:not(.mega-menu) li.menu-item-has-children>ul.sub-menu,
	.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children:not(.mega-menu) li.menu-item-has-children div.sub-menu {
		top: 0;
	}
	.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children:not(.mega-menu) li.menu-item-has-children:hover>ul.sub-menu {
		top: 0 !important;
	}
}

.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children>a:after {
	display: inline-block;
	background: transparent;
	opacity: 1;
	left: 0;
	top: calc(50% - 15px);
	bottom: auto;
	line-height: 30px;
	font-size: 15px;
	color: rgba(99, 99, 99, .5);
	width: auto;
	height: auto;
}

@media (max-width: 991px) {
	.right_menu .mweb-main-menu ul.menu li.level-0.menu-item-has-children>a:after {
		display: none;
	}
}

.right_menu .mweb-main-menu ul.menu li.level-0 .menu-item-has-children>a>span:after {
	display: none;
}

.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu-fullwidth-width div.sub-menu,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu-fullwidth-width ul.sub-menu {
	right: calc(100% + 30px);
}

.right_menu .mweb-main-menu ul.menu li.level-0 div.sub-menu,
.right_menu .mweb-main-menu ul.menu li.level-0 ul.sub-menu {
	right: 100%;
	top: 0;
	-webkit-transform: unset;
	transform: unset;
	border: 1px solid #f5f5f5;
}

.right_menu .mweb-main-menu ul.menu li.level-0 div.sub-menu li,
.right_menu .mweb-main-menu ul.menu li.level-0 ul.sub-menu li {
	list-style: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

.right_menu .mweb-main-menu ul.menu li.level-0 div.sub-menu li:last-child,
.right_menu .mweb-main-menu ul.menu li.level-0 ul.sub-menu li:last-child {
	border-bottom: 0;
}

@media (max-width: 991px) {
	.right_menu .mweb-main-menu ul.menu li.level-0 div.sub-menu,
	.right_menu .mweb-main-menu ul.menu li.level-0 ul.sub-menu {
		padding-top: 0;
	}
}

.right_menu .mweb-main-menu ul.menu li.level-0 ul.sub-menu a {
	color: #636363;
}

.right_menu .mweb-main-menu ul.menu li.level-0 ul.sub-menu a:hover {
	color: #1e2f9d;
}

.right_menu .mweb-main-menu ul.menu li.level-0 ul.sub-menu>li:hover>ul.sub-menu {
	opacity: 1;
	visibility: visible;
}


.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu>div,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu>div>div,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu>div>div>div,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu>div,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu>div>div,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu>div>div>div {
	height: 100%;
}

@media (min-width: 992px) {
	.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu,
	.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu {
		width: 710px;
	}
	.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu .elementor-section>.elementor-container,
	.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu .elementor-section>.elementor-container {
		margin-right: auto !important;
		margin-left: 0 !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu,
	.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu {
		width: 700px;
	}
}

.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu .title h2,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu .title h2 {
	font-size: 15px;
	margin: 0;
	margin-bottom: 17px;
}

.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu ul,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu ul {
	padding: 0;
}

.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu ul li,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu ul li {
	list-style: none;
	padding: 3px 0;
}

.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu ul li:last-child,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu ul li:last-child {
	border-bottom: 0;
}

.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu ul li a,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu ul li a {
	color: #636363;
}


.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu>ul.sub-menu .vertical-menu,
.right_menu .mweb-main-menu ul.menu li.level-0.mega-menu div.sub-menu .vertical-menu {
	padding: 35px 30px;
	height: 100%;
	margin: 0;
}

@media (min-width: 991px) {
	.right_menu .mweb-main-menu ul.menu li.level-0 div.sub-menu li.level-1 .sub-menu,
	.right_menu .mweb-main-menu ul.menu li.level-0:not(.mega-menu)>ul.sub-menu li.level-1 .sub-menu {
		right: calc(100% + 0px);
	}
}

.right_menu .mweb-main-menu ul.menu .more-wrap {
	padding: 0 20px;
	color: #000;
	font-weight: 500;
	background: rgba(0, 0, 0, .2);
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-ms-border-radius: 0 0 6px 6px;
	-o-border-radius: 0 0 6px 6px;
}

.right_menu .mweb-main-menu ul.menu .more-wrap:hover {
	cursor: pointer;
	color: #1e2f9d;
}

.right_menu .mweb-main-menu ul.menu .more-wrap span {
	line-height: 40px;
}

.right_menu .mweb-main-menu ul.menu .more-wrap span:before {
	font-size: 16px;
	margin-left: 14px;
	content: "\f278";
	width: 20px;
	font-weight: 400;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

@media (max-width: 1529px) {
	.right_menu .mweb-main-menu ul.menu .more-wrap span:before {
		margin-left: 8px;
	}
}

.right_menu .mweb-main-menu ul.menu .more-wrap.open span:before {
	content: "\f273";
}
.elementor-menu--blur-yes .mweb-main-menu ul>li.level-0.mega-menu>ul.sub-menu, .elementor-menu--blur-yes .mweb-main-menu ul>li.level-0 .sub-menu{
	background-color: rgb(255 255 255 / 88%);
    backdrop-filter: blur(4px);
}

.list_blog_item{
    margin-bottom: 15px;
}
.list_blog_item img{
    border-radius: 10px !important;
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, .1) !important;
    transition: all 0.3s ease;
}
.list_blog_item:hover img{
	-webkit-filter: grayscale(60%); 
	filter: grayscale(60%);
}
.list_blog_item h2 a{
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
	font-weight: 500;
}
.list_blog_item .desc{
    line-height: 1.8em;
    font-size: 12px;
    opacity: 0.8;
    min-height: 95px;
}
.list_blog_item .post_meta{
    display: block;
    position: relative;
}
.list_blog_item .post_meta:before{
    content:'';
    top: 15px;
    right: 28%;
    left: 38px;
    position: absolute;
    border-bottom: 1px dashed #ddd;
}
.list_blog_item .post_meta div{
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
}
.list_blog_item .post_meta div i{
    vertical-align: middle;
    font-size: 15px;
    color: #797979;
    margin-left: 10px;
}
.list_blog_item .post_meta div span{
    color: var(--maincolor);
    padding-right: 5px;
    font-family: var(--mainfontnum);
}
.list_blog_item .read_more{
    float: left;
    width: 30px;
    height: 30px;
    background-color: #dadada;
    border-radius: 50%;
    position: relative;
    line-height: 29px;
	overflow: hidden;
}
.list_blog_item .read_more:after,.list_blog_item .read_more:before{
    content: "\f177";
    font-family: "Font Awesome 6";
    font-weight: 300;
    color: white;
    font-size: 17px;
    display: inline-block;
    position: absolute;
    -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;
}
.list_blog_item:hover .read_more{
    background-color: var(--maincolor);
}
.list_blog_item .read_more:before{
    -moz-transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -o-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
}
.list_blog_item:hover .read_more:before{
    -moz-transform: translateX(-0px);
    -webkit-transform: translateX(-0px);
    -o-transform: translateX(-0px);
    -ms-transform: translateX(-0px);
    transform: translateX(0px);
}
.list_blog_item:hover .read_more:after{
    -moz-transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
}

.pagination-wrap {
    text-align: center;
    margin: 20px;
    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);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    border: none;
    text-align: center;
    background-color: rgba(0, 0, 0, .07);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
.pagination-wrap .page-numbers i{
    font-size: 15px;
    line-height: 30px;
}
.pagination-wrap .page-numbers:last-child {
    margin-right: 0
}

.pagination-wrap .page-numbers.current{
    background-color: var(--maincolor);
    color: #FFF;
}
.pagination-wrap a.page-numbers:hover,
.pagination-wrap a.page-numbers:focus {
    background-color: #181818;
    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
}





.main_footer {
    margin-top: 20px;
    padding: 20px 0 0 0;
    position: relative;
}
.main_footer:after , .main_footer:before{
    display:block;
    content:'';
    clear:both
}
.footer_wrap {
    background-color: var(--footcolor);
    /* min-height: 300px; */
    /* background-image: url('assets/images/footer-graphic.png'); */
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 48px;
	position: relative;
}
.footer_type2 .footer_wrap:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 50px;
    top: -38px;
    background-color: inherit;
    transform: skewY(-1deg);
}
.footer_front , .footer_back{
	position: absolute;
	left: 0;
	right: 0;
	height: 48px;
	overflow: hidden;
}
.footer_front{
    z-index: 1;
}
.footer_back{}
.footer_front svg, .footer_back svg{
	width: 100vw;
	fill: var(--footcolor);
	fill-rule: evenodd;
}
.footer_back svg{
    fill: var(--maincolor);
}
.footer_bottom {
    width: 100%;
    background-color: var(--footcolor);
    border-top: 2px dotted hsl(0deg 0% 100% / 9%);
    padding: 10px 0 10px 0;
    font-family: var(--mainfontnum);
    margin-top: 15px;
}
.footer_type2 .footer_bottom{
	padding: 19px 0;
}
.footer_bottom img {
    margin-left: 10px;
    float: right;
    -webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */
    filter: grayscale(80%);
}

.footer_bottom span.copyright {
    color: #d0d0d0;
    font-size: 12px;
    display: block;
    padding: 2px 0 4px;
}

.footer_bottom .web_designer {
    color: #a7a7a7;
    font-size: 11px;
    display: block;
}.footer_bottom a {
    color: inherit;
}
.footer_type2 .footer_bottom .web_designer{
	text-align:left;
	padding: 4px 0 4px;
}
.user_footer .web_designer{
	text-align:right;
	padding: 4px 0 0;
}
.gototop {
    margin-top: 6px;
    margin-right: 10px;
    width: 123px;
    height: 27px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 22px;
    background-color: rgba(0, 0, 0, 0.25);
    color: rgba(255, 255, 255, 0.95);
    float: left;
    text-align: center;
    font-size: 17px;
    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 span{
	display: inline-block;
	padding: 0 10px;
	vertical-align: middle;
	margin-left: 2px;
	font-size: 11px;
	border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.gototop i{
	float: left;
	margin-right: 6px;
	line-height: 25px;
	font-size: inherit;
	margin-left: 11px;
}
.gototop:hover{
    background-color: var(--maincolor);
    color: #FFF;
}

.footer_type2 .gototop{
	width: 48px;
	height: 48px;
	z-index: 1;
	border-radius: 50%;
	position: relative;
	background-color: var(--maincolor);
	border: 4px solid var(--bgcolor);
	font-size: 25px;
	text-align: center;
	top: -7px;
}
.footer_type2 .gototop:hover{
    background-color: #a2a2a2;
    color: #FFF;
}
.footer_type2 .gototop i{
	float:none;
	margin: 0;
	display: block;
	line-height: 37px;
}


.widget {
    background-color: #FFF;
    -webkit-border-radius: var(--brradius);
    -moz-border-radius: var(--brradius);
    border-radius: var(--brradius);
    margin-top: 30px;
    /* overflow: hidden; */
    display: block;
    box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.1);
}
.ads-widget{overflow:hidden;margin-top:18px}

.widget_title {
    font-size: 13px;
    line-height: 39px;
    font-family: var(--mainfont);
    font-weight: 500;
    position: relative;
    width: 100%;
    display: inline-block;
    color: #444;
    padding: 0 14px 0 5px;
    z-index: 2;
}

.widget-content {
    padding: 15px 15px 15px;
    display: block;
    position: relative;
    font-family: var(--mainfontnum);
}
.widget-content:after,.widget-content:before {
    display: block;
    clear: both;
    content: "";
}

.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: 12px;
    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;
    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: "\f060";
    font-family: "Font Awesome 6";
    font-weight: 300;
    font-size: 10px;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -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 {
    margin: 0;
    padding: 1px;
    font-family: var(--mainfont);
    position: relative;
}

.widget_search .widget-content>form label {
    display: none
}

.widget_search .widget-content>form input[type="text"] {
    border: 1px solid #f5f5f5;
    color: #7d7d7d;
    font-size: 11px;
    height: 34px;
    margin: 0;
    padding: 4px 10px;
    width: 100%;
    border-radius: 17px 5px 5px 17px;
}

.widget_search .widget-content>form button {
    border: medium none;
    background-color: var(--maincolor);
    color: #fff;
    font-size: 11px;
    position: absolute;
    left: 3px;
    top: 3px;
    line-height: 33px;
    height: 30px;
    width: 30px;
    border-radius: 50px;
}

.search_form button:before {
    content: "\f002";
    font-size: 12px;
    font-family: "Font Awesome 6";
    font-weight: 300;
    color: #FFF;
    position: relative;
    top: -3px
}

.widget_search .widget-content>form button:hover {
    background-color: #555;
    color: #FFF
}
.post_with_thumb {
	display: flex;
	width: 100%;
	padding: 0px 0px 8px;
	margin-bottom: 8px;
	border-bottom: 2px dotted #f3f3f3;
	justify-content: flex-start;
}
.post_with_thumb .post-thumb {
}
.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 {
	font-family: var(--mainfont);
	font-size: 12px;
	line-height: 17px;
	display: block;
	font-weight: 500;
}
.post_with_thumb:last-child {
	margin-bottom: 0px;
	padding-bottom: 0;
	border: none;
}
.mweb-body .post-thumb img {
	display: inline-block;
	max-width: 60px;
	box-shadow: 0 0 10px -3px rgba(0, 0, 0, .1);
	padding: 2px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
}
.mweb-body .related-content .post-thumb img,.mweb-body #search-box-result .post-thumb img{
	max-width:90px
}

#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: var(--brradius);
    -moz-border-radius: var(--brradius);
    -ms-border-radius: var(--brradius);
    -o-border-radius: var(--brradius);
    border-radius: var(--brradius);
    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: #444
}

.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 0px 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: var(--maincolor);
    content: "\e404";
    font-family: "Font Awesome 6";
    font-weight: 300;
    font-size: 9px;
    vertical-align: middle;
    margin-left: 9px;
}

.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: #444;
    font-size: 12px;
    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;
    display: inline-block;
    line-height: 15px
}

.widget_recent_comments .widget-content>ul>li span:before {
    color: #b9b9b9;
    content: "\f038";
    font-family: "Font Awesome 6";
    font-weight: 300;
    font-size: 13px;
    position: relative;
    margin-left: 5px;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    background-color: #f9f9f9;
    top: 1px;
    float: right;
}

.widget_recent_comments .widget-content>ul>li span:after {
    content: "";
    width: 1px;
    height: 13px;
    background-color: #eaeaea;
    position: relative;
    display: inline-block;
    margin-right: 7px;
    top: 3px;
}

.widget_recent_comments .widget-content>ul>li:hover span:before {
    color: #fff;
    background-color:#dadada
}

.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, .widget_rss .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, .widget_rss .widget-content ul li {
	float: right;
	margin-top: 6px;
	padding-right: 3px;
	position: relative;
	width: 100%;
	line-height: 25px;
}
.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, .widget_rss .widget-content ul li>a {
	color: #696969;
	font-size: 12px;
	line-height: inherit;
}
.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, .widget_rss .widget-content ul li:before {
	color: #e6e6e6;
	content: "\f15c";
	font-family: "Font Awesome 6";
	font-weight: 300;
	font-size: 15px;
	margin-left: 10px;
	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, .widget_rss .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, .widget_rss .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, .widget_rss .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;
    background-color: #fdfdfd;
    float: right;
    font-size: 10px!important;
    line-height: 22px;
    padding: 0 12px 0px;
    margin-top: 5px;
    margin-left: 5px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    position: relative;
    overflow: hidden;
}

.tagcloud a:before {
    content: "#";
    margin-left: 3px;
    font-size:12px;
    vertical-align: middle;
}

.widget_text .widget-content p {
    color: #565656;
    float: right;
    font-size: 11px;
    line-height: 22px;
    margin: 0;
    width: 100%
}

.widget_text .widget-content p img,
.widget_text .widget-content a img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    float: right;
    margin-top: 15px;
    width: 100%
}

.widget_text .widget-content p img.wp-smiley {
    float: none;
    width: auto
}

.textwidget .widget-content form {
    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.widget_telegram_wg{
    background: #048ced;
    color: #FFF;
    padding: 0 20px 20px 20px;
    overflow: hidden;
    position: relative;
    margin-top: 15px;
}
.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%,
		#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);
}
.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 */
}

.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 6";
    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;
    max-width: 125px;
}

.about_widget_image img {
    display: block;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.18);
    padding: 2px;
}

.about_widget_image .about_name {
    display: block;
    position: absolute;
    font-size: 12px;
    line-height: 14px;
    bottom: 0;
    left: -70%;
    background-color: rgba(0, 0, 0, 0.41);
    padding: 3px 10px 5px;
    color: #ccc;
    border-radius: 2px;
}

.widget .about-name h3 {
    line-height: 1.2;
    font-size: 12px
}
.widget .about_content_wrap{
    padding-top: 10px;
}
.widget .about_content {
    margin-bottom: 12px;
    line-height: 1.9em;
    color: rgba(255, 255, 255, 0.62);
}

.image-ads-wrap {
    display: block;
    margin: 0 auto 0 auto;
    text-align: center
}
.main_footer .widget, .elm_widget{
    background-color: transparent;
    border-radius: 0;
    margin-top: 10px;
    box-shadow: none;
}
.main_footer .widget_head, .elm_widget .widget_head{
    /* padding-right: 30px; */
    z-index: 1;
    position: relative;
    font-family: var(--mainfont);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
}
.main_footer .widget-content, .elm_widget .widget-content{
    padding: 10px 0;
}
.main_footer .widget_search .widget-content>form input[type="text"], .elm_widget .widget-content>form input[type="text"]{
	border-color: rgba(255, 255, 255, 0.18);
	color: #ccc;
	background-color: rgba(0, 0, 0, 0.1);
}
.main_footer .widget_recent_comments .widget-content>ul>li, .elm_widget.widget_recent_comments .widget-content>ul>li{
	border-color: rgba(255, 255, 255, 0.23);
	color: #ccc;
}
.main_footer .widget_recent_comments .widget-content>ul>li span:before, .elm_widget.widget_recent_comments .widget-content>ul>li span:before{
	background-color: rgba(255, 255, 255, 0.08);
}
.main_footer .widget_recent_comments .widget-content>ul>li span:after, .elm_widget.widget_recent_comments .widget-content>ul>li span:after {
	background-color: rgba(255, 255, 255, 0.32);
}
.main_footer .widget_recent_comments .widget-content>ul>li>a, .elm_widget.widget_recent_comments .widget-content>ul>li>a{
	color: rgba(255, 255, 255, 0.48);
}
.main_footer .widget_nav_menu .widget-content ul li a, .main_footer .widget_pages .widget-content>ul li a, .elm_widget.widget_nav_menu .widget-content ul li a, .elm_widget.widget_pages .widget-content>ul li a{
	border-bottom: none;
	color: #ccc;
	padding-bottom: 0;
}
.main_footer .widget_archive .widget-content>ul>li, .main_footer .widget_categories .widget-content>ul>li, .elm_widget.widget_archive .widget-content>ul>li, .elm_widget.widget_categories .widget-content>ul>li{
	border-bottom-color: rgba(255, 255, 255, 0.1);
}
.main_footer .widget_archive .widget-content>ul>li>a, .main_footer .widget_categories .widget-content>ul>li>a, .elm_widget.widget_archive .widget-content>ul>li>a, .elm_widget.widget_categories .widget-content>ul>li>a{
	color: #ccc;
}
.main_footer .widget_recent_comments .widget-content>ul>li:hover, .elm_widget.widget_recent_comments .widget-content>ul>li:hover {
    background-color: #fdfdfd;
}
.main_footer .widget_recent_entries .widget-content ul li>a,.main_footer .widget_recent_posts .widget-content ul li>a, .widget_most_liked_posts .widget-content ul li>a, .elm_widget.widget_recent_entries .widget-content ul li>a, .elm_widget.widget_recent_posts .widget-content ul li>a, .elm_widget.widget_most_liked_posts .widget-content ul li>a{
    color: #ccc;
}
.main_footer .widget_nav_menu .widget-content ul li a:before,.main_footer .widget_pages .widget-content>ul li a:before, .elm_widget.widget_nav_menu .widget-content ul li a:before, .elm_widget.widget_pages .widget-content>ul li a:before{
    color: #ccc;
}
.main_footer .widget_nav_menu .widget-content ul li a:hover:before,.main_footer .widget_pages .widget-content>ul li a:hover:before, .elm_widget.widget_nav_menu .widget-content ul li a:hover:before, .elm_widget.widget_pages .widget-content>ul li a:hover:before{
    color: var(--maincolor);
}
.main_footer .tagcloud a, .elm_widget.tagcloud a{
    border-color: rgba(255, 255, 255, 0.15);
    background-color: rgba(0, 0, 0, 0.1);
}


.contact_us_wrap {
	float: right;
	width: 100%;
	position: relative;
	min-height: 190px;
	border-right: 1px solid rgba(255, 255, 255, 0.25);
	font-family: var(--mainfont);
	color: #ffffff;
	font-size: 13px;
	font-weight: 500;
	padding-right: 15px;
}
.contact_item {
	margin-top: 12px;
	position: relative;
	font-family: var(--mainfontnum);
	font-size: 12px;
	font-weight: normal;
	color: #dcdcdc;
}
.contact_item i {
	font-size: 29px;
	color: #ffffff;
	vertical-align: middle;
	margin-left: 10px;
	display: inline-block;
}
.contact_item span {
	display: inline-block;
}
.contact_item.phone strong{
	color: var(--maincolor);
	margin-right: 3px;
}
.contact_item.email{
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.20);
	padding: 2px 10px 2px 20px;
	border-radius: 15px;
	color: #fff;
	text-align: left;
	line-height: 25px;
	min-width: 200px;
	letter-spacing: 1px;
	margin-top: 10px;
	font-size: 11px;
}
.contact_item.email i{
    font-size: 15px;
    background-color: var(--maincolor);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    float: right;
    text-align: center;
    line-height: 25px;
    margin-right: -8px;
}
.contact_social_wrap {
    margin-top: 25px;
	text-align: left;
}
.elementor-widget-my-footer-social .contact_social_wrap{
	margin-top:0
}
.contact_social_wrap a {
    border-radius: 50%;
    margin-right: 5px;
    background-color: rgba(0,0,0,.28);
    color: rgba(255, 255, 255, 0.6);
    width: 33px;
    line-height: 36px;
    height: 33px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    position: relative;
    font-size: 13px;
}
.contact_social_wrap a i{
    position:relative;
    z-index:1;
    display: inline-block;
}
.contact_social_wrap a:hover{
	background-color: var(--maincolor);
    color:white
}
.contact_social_wrap svg{
    fill: rgba(255, 255, 255, 0.6);
    max-width: 15px;
    display: inline-block;
    position: relative;
    margin-top: 9px;
}
.contact_social_wrap a:hover svg{
    fill: white;
}
.namad_slider_wrap img{
	display:block;
	margin:0 auto;
	width:auto !important
}
.namad_slider_wrap .owl-dots .owl-dot span{
    width: 10px;
    height: 3px;
    margin: 0px 5px;
    background-color:rgba(255, 255, 255, 0.30)
}
.namad_slider_wrap .owl-dots .owl-dot.active span{
	background-color:var(--maincolor)
}

.ul_tab {
	margin-top: 10px;
	padding-bottom: 15px;
	display: flex;
}
.ul_tab li {
	text-align: center;
	color: #444;
	position: relative;
	font-family: var(--mainfont);
	padding: 0 7px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	flex: 0 0 33.33%;
	max-width: 33.33%;
}


.ul_tab li.active span{
	font-weight: 500;
}
.ul_tab .active a {
	color: #464646;
}
.ul_tab li i {
	display: block;
	font-size: 17px;
	height: 25px;
}
.ul_tab .active i {
	color: var(--maincolor);
}
.tab_body{
	display:none;
	padding: 10px;
}

.hexagon_wrap{
    /* text-align: center; */
    padding: 30px 0;
    display: block;
    /* justify-content: center; */
    /* flex-wrap: wrap; */
    margin: auto;
    /* flex-direction: inherit; */
    max-width: 1080px;
}
.hexagon_wrap .el_featured_hexagon{
    display: inline-block;
    position: relative;
    width: 110px;
    margin: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}
.hexagon_wrap .el_featured_hexagon i, .hexagon_wrap .el_featured_hexagon img{
    position: absolute;
    font-size: 36px;
    top: 29px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #444;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.hexagon_wrap .el_featured_hexagon img{
	max-width: 36px;
}
.hexagon_wrap .el_featured_hexagon h3{
    position: absolute;
    left: 7px;
    right: 7px;
    bottom: 41px;
    font-size: 12px;
    font-weight: 500;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.hexagon_wrap .el_featured_hexagon svg{
    fill: #ffffff;
    stroke: #b5b5b5;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.hexagon_wrap.elm_is_tcircle .el_featured_hexagon svg {
    width: calc(100% - 1px);
    height: auto;
}
.el_featured_rqs{
    border-radius: var(--brradius);
    overflow: hidden;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.el_featured_rqs.align_sq{
    text-align: center;
}
.el_featured_rqs_inner{
    padding: 20px;
    color: #FFF;
}
.el_featured_rqs_inner:before{
	content:'';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0.8;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.el_featured_rqs_inner:hover:before{
	opacity: 0.9;
}
.el_featured_rqs_inner i{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 32px;
    vertical-align: middle;
}
.el_featured_rqs_inner .count{
    position: absolute;
    background-color: #FFF;
    left: 8px;
    top: 8px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #333;
    text-align: center;
    line-height: 31px;
	font-family: var(--mainfontnum);
}
.el_featured_rqs_inner h4{
    display: inline-block;
    position: relative;
    margin-right: 15px;
    font-weight: 500;
}
.el_featured_rqs.align_sq i{
    margin: 10px 0 20px 0;
}
.el_featured_rqs.align_sq h4{
    display: block;
    margin: 0;
    height: 30px;
}



.el_featured_service{
	padding: 40px 30px 40px 30px;
    -webkit-box-shadow: 0 0px 14px -8px rgba(0,0,0,.2);
    box-shadow: 0 0px 14px -8px rgba(0,0,0,.2);
    border-radius: var(--brradius);
    -webkit-border-radius: var(--brradius);
    -ms-border-radius: var(--brradius);
    overflow: hidden;
    position: relative;
    background: #fff;
}
.el_featured_service h3{font-weight: 500;display: block;padding-bottom: 14px;color: #444;font-size: 14px;}
.el_featured_service p{
    color: #444;
    opacity: 0.8;
    font-size: 12px;
}
.elementor-widget-block-featured-service .el_featured_service p{
    opacity: 1;
}
.el_featured_service i{
    font-size: 25px;
}
.el_featured_service.type_one i{
    position: absolute;
    left: -10px;
    top: 20px;
    font-size: 44px;
    color: #000000;
    opacity: 0.3;
}
.el_featured_service.type_one:before{
	content:'';
	position: absolute;
	left: -55px;
	bottom: -55px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	background: var(--maincolor);
	color: #fff;
	display: block;
	text-align: left;
	font-size: 16px;
}
.el_featured_service.type_one:after{
	content:'\f177';
	font-family: "Font Awesome 6";
	font-weight: 300;
	font-size: 20px;
	color: #FFF;
	position: absolute;
	left: 11px;
	bottom: 3px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.el_featured_service.type_one:hover:after{
	-moz-transform: translateX(-30px);
	-webkit-transform: translateX(-30px);
	-o-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	transform: translateX(-30px);
}
.el_featured_service.type_two{    
	padding: 30px 30px 30px 30px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.el_featured_service.type_two:hover{
	-moz-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
}
.el_featured_service.type_two i{
    font-size: 40px;
    margin-bottom: 18px;
}
.el_featured_service.type_two h3{
    padding-bottom: 11px;
}
.el_featured_service.type_two p{
	text-align: justify;
}
.el_featured_service.type_three{
	padding: 30px 30px 60px 30px;
}
.el_featured_service.type_three i{text-align: center;width: 50px;height: 50px;line-height: 50px;border-radius: var(--brradius);margin-bottom: 15px;}
.el_featured_service.type_three:after{
	content:'\e09d';
	font-family: "Font Awesome 6";
	font-weight: 300;
	font-size: 20px;
	color: #FFF;
	position: absolute;
	left: 15px;
	bottom: 15px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: var(--brradius);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	filter: opacity(0.5);
}
.el_featured_service.type_three:hover:after{
	filter: opacity(1);
}
.blog_post_grid{
    background-color: white;
    border-radius: var(--brradius);
    border: 1px solid #f6f6f6;
    box-shadow: 0px 0px 7px -5px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-bottom: 10px;
}
.blog_post_grid .is-image img{
    border-radius: 10px 10px  0 0;
    width: 100%;
}
.blog_post_grid h3 a{
    line-height: 1.8em;
    height: 41px;
    display: block;
    margin: 10px 15px 15px 15px;
    font-size: 13px;
    font-weight: 500;
}
.blog_post_grid .blog_post_foot{
    display: block;
    position: relative;
}
.blog_post_grid .blog_post_foot .post_format{
    position: absolute;
    padding: 1px;
    border-radius: 0 10px;
    overflow: hidden;
    bottom: -2px;
    left: -2px;
    height: 29px;
    width: 50px;
    border: 4px solid var(--bgcolor);
    box-sizing: content-box;
    background-color: #dedede;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.blog_post_grid:hover .blog_post_foot .post_format{
	background-color: #999;
}
.blog_post_grid .blog_post_foot .post_format:before{
    content: '\f175';
    font-family: "Font Awesome 6";
    font-weight: 300;
    font-size: 13px;
    color: #FFF;
    position: absolute;
    right: 7px;
    bottom: 9px;
    -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;
}
.blog_post_grid .blog_post_foot .post_format:after{
    content: '\f175';
    font-family: "Font Awesome 6";
    font-weight: 300;
    font-size: 15px;
    color: #FFF;
    position: absolute;
    right: 7px;
    bottom: 9px;
    -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;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition-delay: 0.5s;
}
.blog_post_grid:hover .blog_post_foot .post_format:before{
	-moz-transform: translateY(25px);
	-webkit-transform: translateY(25px);
	-o-transform: translateY(25px);
	-ms-transform: translateY(25px);
	transform: translateY(25px);
}
.blog_post_grid:hover .blog_post_foot .post_format:after{
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.blog_post_grid .blog_post_foot .post_format i{
    font-size: 14px;
    background-color: var(--maincolor);
    color: #FFF;
    width: 30px;
    height: 33px;
    text-align: center;
    position: absolute;
    line-height: 32px;
    top: 0px;
    left: 0px;
    z-index: 1;
    border-radius: 0px 0 10px 0px;
    -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;
}
.blog_post_grid:hover .blog_post_foot .post_format i{
	background-color: #ffffff;
	color: #ccc;
}
.blog_post_grid .blog_post_foot .comment_view{
    padding: 3px 15px 11px 15px;
    font-family: var(--mainfontnum);
}
.blog_post_grid .blog_post_foot .comment_view i{
    font-size: 15px;
    vertical-align: middle;
    margin-left: 8px;
    opacity: 0.6;
}

.blog_post_grid.type_2{
	padding: 13px;
}
.blog_post_grid.type_2 img{
    border-radius: var(--brradius);
    width: 100%;
}
.blog_post_grid.type_2 h3 a{
	margin: 10px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height: 25px;
	padding-top: 5px;
}
.blog_post_grid.type_2 .desc{
    line-height: 23px;
    text-align: justify;
    font-size: 12px;
    color: #555;
}
.blog_post_grid.type_2 .blog_post_foot{
    padding: 15px 0px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: var(--mainfontnum);
    color: #b4b4b4;
}
.blog_post_grid.type_2 .date_ago{}
.blog_post_grid.type_2 .read_more{
   color: #444;
}
.blog_post_grid.type_2 .read_more:before{
	content: ".....";
	vertical-align: middle;
	display: inline-block;
	margin-left: 15px;
	letter-spacing: 6px;
}
.blog_post_grid.type_2 .read_more:after{
	 content: "\f104";
	 font-family: "Font Awesome 6";
	 font-weight: 300;
	 font-size: 13px;
	 display: inline-block;
	 vertical-align: middle;
	 margin-right: 10px;
	 background-color: #EEF0F5;
	 color: #555;
	 width: 22px;
	 height: 22px;
	 line-height: 21px;
	 text-align: center;
	 border-radius: 50%;
	 -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;
}
.blog_post_grid.type_2:hover .read_more:after{
    background-color: var(--maincolor);
    color: white;
}

.blog_post_grid.type_5{
    padding: 10px 10px 10px 10px;
}
.blog_post_grid.type_5 .is-image{
	border-radius: inherit;
	overflow: hidden
}
.blog_post_grid.type_5 h3{
	width: calc(100% - 50px);
}
.blog_post_grid.type_5 h3 a {
    margin: 15px 5px 15px 15px;
    height: 45px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog_post_grid.type_5:after, .blog_post_grid.type_5:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	z-index: 1;
	border-radius: 0 0 0 100vw;
	background-color: inherit;
	box-shadow: -6px 5px 0 5px var(--bgcolor);
}
.blog_post_grid.type_5::before{
	left: 0;
	bottom: 42px;
}
.blog_post_grid.type_5::after{
	left: 42px;
	bottom: 0px;
}
.blog_post_grid.type_5 .get_more{
	position: absolute;
	width: 55px;
	height: 55px;
	left: -13px;
	bottom: -13px;
	border-radius: 0 18px 0 0;
	background-color: var(--bgcolor);
	display: block;
}
.blog_post_grid.type_5 .get_more i{
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 35px;
	font-size: 15px;
	background-color: var(--secondcolor);
	border-radius: 50%;
	color: white;
	z-index: 2;
	position: relative;
	top: 7px;
	left: -7px;
	transition: all 0.3s
}
.blog_post_grid.type_5:hover .get_more i{
	background-color:#555;
}
.blog_featured_post{
    display: block;
    position: relative;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: var(--brradius);
    -moz-border-radius: var(--brradius);
    border-radius: var(--brradius);
    text-align: center;
    padding: 10px;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    height: 300px;
    box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.1);
}
.blog_featured_post:after {
    top: 0;
    content: '';
    display: block;
    position: absolute;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0.30) 35%, rgba(255,255,255,0) 100%);
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    filter: alpha(opacity=20);
}
.blog_featured_post:hover:after{
	opacity: 0.50;
    filter: alpha(opacity=50);
}
.blog_featured_post .overlay_info{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: right;
    z-index: 1;
    padding: 20px 17px;
    padding-top: 30%;
    display: block;
    color: #fff;
}
.blog_featured_post .overlay_info h2{
    font-size: 13px;
    color: #FFF;
    font-weight: 500;
    line-height: 1.8em;
}
.blog_featured_post:hover .overlay_info{
	 padding-top: 50%;
}
.post_format_i{
    background-color: #FFF;
    color: #555;
    position: absolute;
    right: 15px;
    top: 15px;
    text-align: center;
    border-radius: var(--brradius);
    font-size: 16px;
    line-height: 40px;
    width: 35px;
    height: 35px;
    z-index: 1;
}
.blog_featured_post:hover .post_format_i{
    background-color: var(--maincolor);
    color: #FFF;
}
.item_most{
	position: relative;
	width: 100%;
	padding: 15px;
	background-size: cover;
	background-position: center;
	color: #fff;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	overflow: hidden;
	margin-bottom: 5px;
}
.item_most:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.item_most:hover:before {
	background: rgb(234, 29, 33);
	opacity:0.7
}
.item_most h3{
    font-size: 11px;
    color: #FFF;
    font-weight: 500;
    line-height: 1.8em;
    position:relative;
}


.block-title {
	font-size: 14px;
	line-height: 38px;
	font-family: var(--mainfont);
	font-weight: 500;
	position: relative;
	width: 100%;
	display: block;
	color: #333;
	padding: 0px;
	z-index: 2;
	margin-bottom: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-radius: 0;
}
.block-title h3 {
	font-weight: 500;
}
.block-title .title_url {
	background: #dcdcdc;
	color: #FFF;
	font-family: var(--mainfontnum);
	text-align: center;
	margin-top: 15px;
	padding: 0px 10px;
	font-size: 10px;
	line-height: 16px;
	position: relative;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	float: left;
}
.block-title .title_url:after {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #dcdcdc;
	position: absolute;
	content: '';
	right: -1px;
	bottom: -2px;
	-ms-transform: rotate(-32deg);
	/* IE 9 */
	-webkit-transform: rotate(-32deg);
	/* Chrome, Safari, Opera */
	transform: rotate(-32deg);
}
.block-title:before {
	height: 4px;
	border-bottom: 2px dotted #ccc;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	right: 0;
	left: 0px;
	content: '';
	border-radius: 2px;
}
.block-title.has_url:before {
	left: 100px;
}
.block-title .title{
    display: inline-block;
    background-color: var(--bgcolor);
    position: relative;
    padding-left: 20px;
    font-weight: 500;
    font-size: 15px;
}
.block-title .title i{
    font-size: 29px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}
.block-title.no_black{
	margin-top:15px
}
.block-title.no_black .title i{
	font-size: 21px;
	color: var(--maincolor);
}
.block-title .view_more{
    font-size: 10px;
    background-color: #ebebed;
    padding: 0 12px;
    border-radius: 22px;
    float: left;
    line-height: 20px;
    margin-top: 9px;
    color: #444;
    margin-right: 15px;
}
.block-title .view_more i{
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    background-color: var(--maincolor);
    border-radius: 50%;
    width: 11px;
    height: 11px;
    text-align: center;
    color: #FFF;
    margin-left: 7px;
}
.block-title .view_more:hover{
	background-color: #555;
	color:#fefefe
}

.block-title .ajax-filter-link:hover, .block-title .ajax-filter-link:hover, .block-title .ajax-filter-link.is-active{
	box-shadow:none
}
.block-title ul.nav-tabs {
	position: relative;
	z-index: 1;
	float: left;
}
.block-title ul.nav-tabs>li {
	display: inline-block;
	padding: 0 15px 0 0;
	float: right;
	position: relative;
}
.block-title ul.nav-tabs li.active {
	box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
	padding-right: 15px;
}
.block-title ul.nav-tabs li.active:before {
	width: 5px;
	height: 4px;
	background-color: #efbe0b;
	position: absolute;
	top: 50%;
	/* margin-top: -2px; */
	right: 0px;
	z-index: 1;
	content: '';
}
.block-title ul.nav-tabs>li>a, .block-title ul.nav-tabs>li>span {
	-webkit-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	font-size: 11px;
	font-weight: normal;
	border: none;
	display: inline-block;
	position: relative;
	padding: 0 0 0 15px;
	line-height: inherit;
	color: #666;
	cursor: pointer
}
.block-content-wrap {
	position: relative;
}
.mweb-js-loaded .block-ajax-filter-wrap {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-ms-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
}
.block-ajax-filter-wrap {
	display: inline-block;
	float: left;
	visibility: hidden;
	color: #aaa;
	font-size: 11px;
	opacity: 0;
	background-color: var(--bgcolor);
	position: relative;
	padding: 0 7px;
}
.block-ajax-filter-inner {
	line-height: 1;
}
.ajax-filter-list {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}
.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;
	margin-right: 5px;
}
.ajax-filter-list li:first-child {
	margin-right: 0;
}
.ajax-filter-link {
	display: block;
	-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;
	font-size: 10px;
	background-color: #ebebed;
	padding: 0 12px;
	border-radius: 22px;
	float: right;
	line-height: 20px;
	margin-top: 9px;
	color: #444;
}
.ajax-filter-link:not(.is-active):hover{
	background-color:var(--maincolor);
	color:white
}
.ajax-filter-dropdown-list a.ajax-filter-link {
	padding: 0 15px;
	border: none !important;
	line-height: 22px !important;
	margin: 0 2px 5px 2px;
}
.ajax-filter-dropdown {
	position: relative;
	display: inline-block;
	line-height: 1;
	cursor: pointer;
}
.ajax-filter-more {
	display: inline-block;
	position: relative;
	margin-left: 2px;
	top: 1px;
	padding: 0 10px;
	text-transform: inherit;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	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;
	vertical-align: middle;
}
.ajax-filter-link:hover, .ajax-filter-link:hover, .ajax-filter-link.is-active {
	color: #282828;
	box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1);
}
.ajax-filter-link.is-active:before {
	width: 7px;
	height: 3px;
	background-color: var(--maincolor);
	position: relative;
	display: inline-block;
	margin-left: 6px;
	margin-right: -4px;
	border-radius: 50%;
	content: '';
	vertical-align: middle;
}
.ajax-filter-dropdown-list {
	position: absolute;
	top: 100%;
	left: 0;
	right: auto;
	z-index: 9999;
	display: block;
	visibility: hidden;
	padding: 10px 5px;
	min-width: 150px;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.05);
	opacity: 0;
	cursor: default;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	-moz-transition: -moz-transform .3s ease-in-out;
	-ms-transition: -ms-transform .3s ease-in-out;
	-o-transition: -o-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
	pointer-events: none;
	border-radius: var(--brradius);
}
.ajax-filter-dropdown-list .ajax-filter-link:hover, .ajax-filter-dropdown-list .ajax-filter-link:focus, .ajax-filter-dropdown-list .ajax-filter-link.is-active {
	background-color: #282828;
	color: #fff;
}
.ajax-filter-dropdown:not(.is-touch):hover .ajax-filter-dropdown-list, .ajax-filter-dropdown:not(.is-touch):focus .ajax-filter-dropdown-list, .ajax-filter-dropdown.is-touch.touch-active .ajax-filter-dropdown-list {
	visibility: visible;
	opacity: 0.97;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	pointer-events: auto;
}
.ajax-pagination {
	position: relative;
	display: block;
	padding-top: 10px;
}
.ajax-nextprev.ajax-pagination {
	margin-top: 10px;
	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;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background-color: rgb(235, 235, 237);
	color: #444;
	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-pagination a.is-disable{
	opacity: 0.2;
	background-color: #ccc;
	cursor: no-drop;
}
.ajax-nextprev .ajax-prev {
	margin-right: 5px;
}
.ajax-nextprev.ajax-pagination a:hover, .is-light-text .ajax-nextprev.ajax-pagination a:hover {
	background-color: #555;
	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;
}
.ajax-loadmore-link {
	display: inline-block;
	padding: 0 20px;
	height: 22px;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	background-color: rgb(235, 235, 237);
	color: #444;
	white-space: nowrap;
	font-size: 11px;
	line-height: 23px;
	-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:#555;
	color:#FFF
}
.ajax-loader, .slider-loader {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 992;
	opacity: 0.96;
	background: rgba(0, 0, 0, 0) url('assets/images/loading-oval.svg') no-repeat center center;
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.mweb-loader_up {
	position: relative;
}
.mweb-loader_up:after {
	content: '';
	background: rgb(255 255 255 / 0%) url(assets/images/loading-oval.svg) 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;
}
.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: block;
	height: 35px;
	background: rgba(0, 0, 0, 0) url('assets/images/loading.gif') no-repeat center center;
	background-size: 25%;
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.swiper-slider, .xslider {
	display:none;
}

.swiper-initialized.swiper, .swiper-container-initialized.swiper, .xslider.swiper-initialized{
	display:block;
}
.mweb-body .swiper-slide{
	overflow: unset;
}
.mweb-swiper-next, .mweb-swiper-prev{
	font-size: 19px;
    color: #797979;
    background-color: #ffffff;
    box-shadow: 0 0 8px -1px #0000001c;
    width: 38px;
    height: 38px;
    line-height: 43px;
    transition: all 0.2s;
    cursor: pointer;
    position: absolute;
    z-index: 100;
	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){
	opacity:1;
	visibility:visible
}
.xslider:hover .mweb-swiper-next:not(.swiper-button-disabled), .xslider: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: 10px;
}
.mweb-swiper-next{
    right: 10px;
}
.mweb-swiper-next:hover,.mweb-swiper-prev:hover{
	background-color: var(--maincolor);
	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
}

.mweb-swiper-pagination{
    text-align: center;
    padding-top: 20px;
}
.mweb-swiper-pagination .swiper-pagination-bullet{
    vertical-align: middle;
    background-color: #444;
}
.mweb-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border: 2px solid #ffffff;
    box-sizing: content-box;
    box-shadow: 0 0 0 2px var(--maincolor);
}


.mweb-onsale-pagination{
    display: flex;
}
.mweb-onsale-pagination .swiper-pagination-bullet{
    height: 17px;
    color: #FFF;
    text-align: center;
    width: 100%;
    border-radius: var(--brradius);
    background-color: #ccc;
    margin: 0 5px 0 0 !important;
}
.mweb-onsale-pagination .swiper-pagination-bullet:first-child{
	margin: 0 !important;
}
.mweb-onsale-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #b9b9b9;
}
.mweb-onsale-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
	content:'فروش ویژه';
}
.elementor-widget-block-teacher-slider .swiper-slide-shadow{
	display: none
}

.mweb-error, .search-no-result {
	background-color: #fff5f5;
	-webkit-border-radius: var(--brradius);
	-moz-border-radius: var(--brradius);
	border-radius: var(--brradius);
	position: relative;
	display: block;
	overflow: hidden;
	padding: 7px 15px;
	line-height: 20px;
	margin: 0 10px 10px 10px;
	font-size: 11px;
	display: block;
	width: calc(100% - 20px);
}
.search-no-result {
	margin-top: 20px;
}
.mweb-error span, .search-no-result h3 {
	font-size: inherit
}

.product_label {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    font-size: 11px;
    font-family: var(--mainfontnum);
    /* border: 1px dashed #fff; */
    text-align: center;
    line-height: 33px;
    border-radius: 50%;
    color: #fff;
    background-color: var(--badgecolor);
    z-index: 9;
}
.product_label:after{
	content: '';
	position: absolute;
	bottom: 2px;
	left: 19px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 7px solid var(--badgecolor);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-85deg);
}

.product_label.label_square {
    border-radius: 5px 5px 20px 18px;
    border: none;
    width: 30px;
    height: 30px;
    line-height: 31px;
    font-size: 11px;
}
.featured_label{
    position: absolute;
    left: 15px;
    top: 15px;
    height: 21px;
    display: block;
    padding: 0 14px 0 16px;
    font-size: 11px;
    font-family: var(--mainfontnum);
    text-align: center;
    line-height: 21px;
    border-radius: 5px 15px 5px 5px;
    color: #fff;
    background-color: #9e218d;
    z-index: 9;
}
.featured_label:before{
	content:'';
	position: absolute;
	left: 5px;
	top: 8px;
	width: 5px;
	height: 5px;
	background-color: #ffffff;
	border-radius: 50px;
}

.product_item{
    background-color: white;
    border-radius: var(--brradius);
    box-shadow: 0px 0px 7px -5px rgba(0, 0, 0, 0.29);
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}
.elementor-widget-general-onsale-product .product_item , .elementor-widget-general-slider-product .product_item{
	margin-bottom: 0px
}
.swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top{
	border-radius: var(--brradius);
}
.mweb-body .swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.2)),to(transparent));
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.2),transparent);
    background-image: -o-linear-gradient(right,rgba(0,0,0,.2),transparent);
    background-image: linear-gradient(270deg,rgba(0,0,0,.2),transparent);
}
.mweb-body .swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.2)),to(transparent));
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.2),transparent);
    background-image: -o-linear-gradient(left,rgba(0,0,0,.2),transparent);
    background-image: linear-gradient(90deg,rgba(0,0,0,.2),transparent);
}

.product_item .product_image_area{
    position: relative;
}
.product_item .product_image_area .product-image {
    width: 100%;
    display: block;
    position: relative;
    min-height: 100px;
}
.product_item .product_image_area img{
    display: block;
    position: relative;
    margin: auto;
    width: auto;
    /*max-height: 190px;*/
}
.product_item .product_detail_area{
    padding: 15px 15px;
}
.product_item .product_detail_area h3{
    font-size: 13px;
    height: 45px;
    line-height: 1.5em;
    font-weight: 500;
}

.product_item_meta{
    display: flex;
    flex-wrap: wrap;
    font-family: var(--mainfontnum);
}
.product_item_meta .item_meta{
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    font-size: 13px;
}
.product_item_meta .item_meta:last-child{
	text-align: left;
}
.product_item_meta .item_meta i{
    font-size: 15px;
    vertical-align: middle;
    margin-left: 3px;
    color: #969696;
}
.product_item_meta .item_meta span{
    opacity: 0.9;
    line-height: 0;
    padding: 0 7px;
    border-radius: 5px;
    background:
    -moz-linear-gradient(left,  rgba(234,234,234,0.65) 0%, rgba(0,0,0,0) 100%);
    background:
    -webkit-linear-gradient(left,  rgba(234,234,234,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,  rgba(234,234,234,0.65) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=
    '#a6eaeaea', endColorstr='#00000000',GradientType=1 );
}
.item_meta.el_avarage_rate i{
    color: #FFC107 !important;
}
.item_meta.el_product_time sub{
	vertical-align: middle;
	display: none;
}
.product_item_info{
    display: block;
    height: 31px;
    background-color: #f7f7f7;
    margin: 10px 0 12px 0;
    padding: 0px 0;
    border-radius: 32px 40px 40px 10px;
    /* border: 1px solid #efefef; */
}
.pfile .product_item_info{
    margin: 5px -15px 5px -15px;
    background-color: #ffffff;
    /* border: 1px dashed #ebebef; */
    position: relative;
}
/* .pfile .product_item_info:before{
	content:'';
	width: 44px;
	height: 37px;
	background-color: var(--bgcolor);
	position: absolute;
	right: -4px;
	top: -4px;
	border-radius: 20px 5px 0px 20px;
} */
.product_item_info a.product_read_more{
    width: 30px;
    height: 30px;
    background-color: var(--maincolor);
    color: white;
    border-radius: 20px 20px 20px 20px;
    text-align: center;
    font-size: 17px;
    line-height: 35px;
    float: right;
}
.product_item:hover .product_item_info a.product_read_more{
	background-color: #555;
	border-radius: 20px 10px 20px 20px;
}
.product_item_info a.file_read_more{
    width: 35px;
    height: 29px;
    background-color: var(--maincolor);
    color: white;
    border-radius: 20px 5px 20px 20px;
    text-align: center;
    font-size: 17px;
    line-height: 30px;
    float: right;
    position: relative;
}

.product_item:hover .product_item_info a.file_read_more{
	background-color: #555;
	border-radius: 20px 5px 5px 20px;
}
.file-st-2 .pfile .product_item_info{
    position: static;
    margin: 10px -15px -7px -15px;
}
.file-st-2 .pfile a.file_read_more{
    height: 35px;
    border-radius: 50% 3px 0 3px;
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 36px;
    box-shadow: inset 3px 3px 5px #00000017;
}
.file-st-2 .product_item:hover .product_item_info a.file_read_more{
	 border-radius: 50%;
	box-shadow: 0 0 0 5px #f9f9f9 
}
.product_item.pfile2 .product_item_info {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: white;
    margin: 30px 0 0 0;
    /* border-top: 1px dashed #f7f7f7; */
    box-shadow: inset 0px 2px 5px -6px #000;
    border-radius: 0;
    padding-top: 11px;
    height: auto;
}
.product_item.pfile2 .product_item_info a.file_read_more{
    border-radius: 6px;
    height: 32px;
    width: 32px;
    line-height: 35px;
    flex-shrink: 0;
}
.product_item.pfile2 .product_item_info .el_avarage_rate{
    margin-right: 5px;
    width: 50px;
    height: 32px;
    border-radius: 6px;
    /* border: 1px solid #e8e8e8; */
    background-color: #f7f7f7;
    line-height: 34px;
    text-align: center;
    direction: ltr;
    flex-shrink: 0;
    font-size: 15px;
}
.product_item.pfile2 .product_item_info .el_avarage_rate i{
    margin-right: 5px;
    color: orange;
}
.product_item.pfile2 .product_item_info .el_avarage_rate span{
	font-size: 80%;
}
.product_item.pfile2 .product_item_info .price{
    margin-right: auto;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    line-height: 0;
}
.product_item.pfile2 .product_item_info .price del{
	text-align: right;
	margin-bottom: 3px;
}
.product_item.pfile2 .product_item_info .price .woocommerce-Price-currencySymbol{
    /* writing-mode: vertical-lr; */
    /* text-orientation: sideways; */
    /* display: inline-block; */
    font-size: 10px;
}
.product_item .product_detail_area .price , .product_horizontal .price {
	display: block;
	white-space: nowrap;
	text-align: left;
	font-size: 14px;
	line-height: 29px;
	padding-left: 10px;
}
.product_item .product_detail_area .price del span ,.product_horizontal .product_detail_area .price del span{padding: 0;}
.product_item .product_detail_area .price del span span ,.product_horizontal .price del span span{
	display:none;
}
.pfile.product_item .product_detail_area .price{
    padding-left: 21px;
}

.swiper-slide-active .product_item .product-date>div:last-child span.no {
	background-color:#555
}
.product_item .product-date {
	direction: ltr;
	font-family: var(--mainfontnum);
	text-align: center;
	background-color:#f8f8f8;
	padding:15px 0 8px;
	margin-top: 5px;
	position: relative;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=0 );
}
.product_item .product-date:before{
	content:'';
	position:absolute;
	top: -1px;
	right:0;
	left:0;
	height: 4px;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.06);
	background-color: #ffffff;
}
.product_item .product-date>div {
	display: inline-block;
	margin: 0 8px
}
.product_item .product-date>div:first-child {
	margin-right: 0
}
.product_item .product-date>div span {
	display: block;
	text-align: center;
	color: #a7a7a7;
}
.product_item .product-date>div:last-child span.no {
	color: #fff;
	background-color:var(--secondcolor);
}
.product_item .product-date>div span.no {
	background-color: #fdfdfd;
	width: 30px;
	/*height: 30px;*/
	border-radius: 5px;
	text-align: center;
	font-size: 11px;
	line-height: 25px;
	font-weight: 500;
	margin-bottom: 3px
}
.product_item .product-date>div span.text {
	font-size: 10px;
	line-height: 18px;
}
.product_item .deal-text {
	display: inline-block;
	float: right;
	font-size: 11px;
	font-weight: 300;
	padding-top: 11px;
	padding-left: 15px;
}
.product_item .deal-text span {
	display: block
}
.product_item .deal-text span.deal-text1 {
	font-size: 13px;
	font-weight: 500;
}

.product_item .onsale_bottom{
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	/* border-top: 1px solid #efefef; */
	padding: 16px 12px 11px 12px;
	margin-top: 11px;
}
.product_item .onsale_bottom svg{
	position: absolute;
	display: block;
	fill: rgb(255 255 255);
	bottom: -4px;
	left: 0;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	height: 50px;
	-webkit-filter: drop-shadow( 0px 1px 14px rgba(0, 0, 0, .05));
	filter: drop-shadow( 0px 1px 14px rgba(0, 0, 0, .05));
}
.product_item.type_2 .product-date{
	padding: 0 0 0 5px;
	margin: 0;
	position: relative;
	z-index: 1;
	flex: 0 0 50%;
	background: none !important;
	text-align: left;
}
.product_item.type_2 .product-date:before{
	display: none;
}
.product_item.type_2 .product-date>div{margin: 0;}
.product_item.type_2 .product-date>div span {
	color: #777;
}
.product_item.type_2 .product-date>div:last-child span.no {
	color: var(--secondcolor);
	background-color: transparent;
	border:none;
}
.product_item.type_2 .product-date>div span.no {
	background-color: transparent;
	width: unset;
	text-align: left;
	font-weight: 500;
	line-height: 5px;
	border-radius: 0;
	padding: 0 5px 0 0;
	margin: 0 7px 0 0;
	border-right: 2px dotted rgba(0,0,0, 0.2);
	font-size: 12px;
}
.product_item.type_2 .product-date>div span.text {
	display:none
}
.product_item .price span.woocommerce-Price-currencySymbol{
	margin:0
}
.product_item .price del span.woocommerce-Price-currencySymbol{
	display: none !important;
}

.product_item.type_4{
    margin-top: 15px;
    overflow: inherit;
}
.product_item.type_4 .product_image_area{
	border-radius: var(--brradius);
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: -15px;
	overflow: hidden;
	top: -15px;
}
.product_item.type_4 .mp_label{
	font-weight: 500;
	color: var(--maincolor);
	margin-bottom: 7px;
	display: block;
	font-size: 12px;
}
.product_desc{
	color: #757575 !important;
	font-size: 12px;
	line-height: 25px;
	margin-bottom: 14px;
}
.product_item.type_4 .mp_label:before{
	content: '';
	width: 6px;
	height: 6px;
	vertical-align: middle;
	border-radius: 50%;
	margin-left: 6px;
	display: inline-block;
	background-color: var(--secondcolor);
}
.product_item.type_4 .product_detail_area h3, .product_item.type_5 .product_detail_area h3{
	height: auto;
	margin-bottom: 6px;
}
.product_item.type_4 .product_detail_area{
	min-height: 200px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.product_item.type_4 .product_item_meta .item_meta:last-child{
	margin-left: 0
}
.row_flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}
.row_flex .product_item_meta{
    white-space: nowrap;
}
.row_flex .item_meta{
    flex: unset;
    -ms-flex: unset;
    max-width: unset;
    margin-left: 17px;
}
.row_flex .price{
	padding-left: 0 !important;
}
a.product_see_more {
    display: block;
    border-top: 1px solid #f3f3f3;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    padding: 15px 0px;
    color: var(--secondcolor);
}
a.product_see_more i{
    vertical-align: middle;
    margin-right: 10px;
}
a.product_see_more:hover{
    color: #555
}
.product_item.type_5 .product_detail_area{
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 15px;
	background-color: #ffffffd1;
	border-radius: var(--brradius);
	backdrop-filter: blur(3px);
	display: flex;
	flex-direction: column;
	transition: all 0.3s;
	padding: 12px 15px;
}
.product_item.type_5:hover .product_detail_area{
	background-color: #ffffff;
}
.product_item.type_5 .preview_btn, .product_item.type_5 .audio_preview_btn{
	position: absolute;
	top: 15px;
	left: 15px;
	background-color: rgb(0 0 0 / 45%);
	right: auto;
	border-radius: var(--brradius);
	width: 32px;
	height: 32px;
	line-height: 38px;
	font-size: 18px;
}
.product_item.type_5 .product_detail_area a{
	color: #111
}
.label_rate{
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: rgb(0 0 0 / 45%);
    color: white;
    padding: 4px 11px;
    direction: ltr;
    font-family: var(--mainfontnum);
    border-radius: var(--brradius);
    font-size: 11px;
    z-index: 1;
}
.label_rate i{
	font-size: 12px;
	margin-right: 5px
}
.product_label + .label_rate{
	top: 16px;
	left: 52px;
	right: auto;
}

.breadcrumb-arrow {
	height: 43px;
	padding-right: 15px;
	line-height: 41px;
	list-style: none;
	background-color: #fff;
	margin-bottom: 5px;
	margin-top: 15px;
	border-radius: var(--brradius);
	font-size: 12px;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 7px -3px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 7px -3px rgba(0,0,0,.1);
	box-shadow: 0 1px 7px -3px rgba(0,0,0,.1);
}
.breadcrumb-arrow li{
	display: inline-block;
	vertical-align: middle;
}
.breadcrumb-arrow li a {
	position: relative;
	color: #777;
}
.breadcrumb-arrow li i{
	vertical-align: middle;
	font-size: 95%;
	margin: 0px 10px;
}
.elementor-widget-mweb-blog-breadcrumbs .breadcrumb-arrow{
	margin: 0;
	padding: 0;
	background-color: transparent;
	box-shadow: none;
	border-radius: 0;
	height: auto;
	line-height: normal;
}
.post_wrapper {
    display: inline-block;
    width: 100%;
    padding: 10px 10px;
    background-color: #FFF;
    -webkit-border-radius: var(--brradius);
    -moz-border-radius: var(--brradius);
    border-radius: var(--brradius);
    margin: 15px 0 0 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px -3px;
    font-family: var(--mainfontnum);
}

.single_blog_top {
    display: inline-block;
    width: 100%;
    padding: 5px 15px 20px
}

.single_blog_top .share_area {
    float: left;
    position: absolute;
}



.single_blog_top h1 {
    line-height: 25px;
    padding-top: 7px;
    font-size: 15px;
    padding-bottom: 16px;
    font-weight: 500;
}
.post_format_single{
	float: right;
	font-size: 20px;
	width: 40px;
	height: 40px;
	background-color: #555;
	color: #FFF;
	text-align: center;
	line-height: 46px;
	margin-left: 10px;
	border-radius: 50%;
}
.is-page .single_blog_top {
    padding-top: 0
}

.is-page .single_blog_top h1 {
	display: inline-block;
    background-color: #FFF !important;
    padding-top: 0;
    padding-bottom: 0;
}

.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: 15px
}

.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
}

.single_blog_top .post_date i {
    float: right;
    margin-left: 10px;
    font-size: 15px;
    line-height: 15px;
}

.single_blog_top .post_cat {
    float: right;
    color: #9aa0ac;
    line-height: 14px;
    font-size: 11px;
    height: 13px;
    margin-top: 10px;
    margin-right: 20px;
}

.single_blog_top .post_cat i {
    float: right;
    margin-left: 10px;
    font-size: 15px;
    /* line-height: 15px; */
}

.single_blog_top .post_cat .post-categories {
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
}

.single_blog_top .post_cat .post-categories li {
    display: inline-block;
    margin-left: 5px
}

.single_blog_top .post_cat a {
    color: #888
}

.entry-content {
    padding: 15px 20px 15px 20px;
    font-family: var(--mainfont);
    line-height: 2em;
    color: #333;
    text-align: justify;
    overflow: hidden;
    font-size: 13px;
}
.entry-content strong {
    font-weight: 500;
}
.entry-content>img {
    max-width: 100%;
    display: block
}
.single_blog_thumb {
    max-width: 90% !important;
    margin: 10px auto;
    border-radius: var(--brradius);
    box-shadow: 0 0 5px -3px #f3f3f3;
}
.entry-content>p {
    padding-bottom:10px
}
.entry-content>ul ,.entry-content>ol{
    padding-right: 10px;
    margin: 10px 0;
    line-height: 2em;
}
.entry-content>ol li{
    list-style: arabic-indic;
    padding-right: 5px;
    margin-right: 10px;
}
.entry-content>ul li{
    list-style: circle;
    padding-right: 5px;
    margin-right: 10px;
}
.entry-content>ul li ul,.entry-content>ol li ul{
	padding:10px;
}
.entry-content h1 , .entry-content h2 , .entry-content h3 , .entry-content h4 , .entry-content h5 , .entry-content h6{
	font-weight: 500;
	line-height: 1.8em;
	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-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
}

.single_post_bottom{
    border-top: 1px dashed #eee;
    margin: 15px 7px 0 7px;
    padding: 15px 0 10px;
    clear: both;
    display: flex;
}
.single_post_bottom .product_shortlink {
    float: left;
}
.single_post_bottom .product_shortlink input {
    line-height: 17px;
}
.single_post_bottom .product_shortlink i {
	font-size: 15px;
    top: calc(50% - 7px);
}
.blog_share{
    text-align: left;
    display: block;
    width: 100%;
}
.blog_share a {
    width: 27px;
    height: 27px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: var(--brradius);
    text-align: center;
    color: #7b7b7b;
    font-size: 14px;
    line-height: 27px;
    margin-right: 5px;
    background-color: #f7f7f7;
}

.blog_share a:hover {
    background-color: #555;
    color: #fff;
}

.blog_share a:last-child {
    margin: 0
}

.blog_tag {display: block;width: 100%;}

.blog_tag span {
    font-size: 11px;
    color: var(--maincolor);
    position: relative;
    padding-right: 25px;
    float: right;
    line-height: 22px;
    margin-left: 5px;
}

.blog_tag span:before {
    content: "\f02b";
    font-family: "Font Awesome 6";
    font-weight: 300;
    position: absolute;
    right: 3px;
    top: 1px;
    color: #999;
    font-size: 16px;
}

.blog_tag>a {
    color: #949494;
    background-color: #fbfbfb;
    display: inline-block;
    font-size: 11px;
    line-height: 22px;
    padding: 0 8px 1px;
    margin-bottom: 5px;
    margin-left: 2px;
    -webkit-border-radius: var(--brradius);
    -moz-border-radius: var(--brradius);
    border-radius: var(--brradius);
}
.blog_tag a:before {
    content: "#";
    margin-left: 3px;
}

.blog_tag>a:hover {
    background-color: #555;
    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
}
.related-content{
	display: inline-block;
	width: 100%;
	padding: 15px 15px;
	background-color: #FFF;
	-webkit-border-radius: var(--brradius);
	-moz-border-radius: var(--brradius);
	border-radius: var(--brradius);
	margin: -8px 0 0 0;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px -3px;
}
.post_gallery {
  display: flex;
  overflow: hidden;
  flex-wrap: wrap;
  margin-bottom: calc(-1 * var(--gallery-gap, 1em));
  margin-left: calc(-1 * var(--gallery-gap, 1em));
}
.post_gallery:after {
  content: "";
  flex-grow: 999999999;
  min-width: var(--gallery-row-height);
  height: 0;
}
.post_gallery > * {
  display: block;
  height: var(--gallery-row-height);
  flex-grow: 1;
  margin-bottom: var(--gallery-gap, 1em);
  margin-left: var(--gallery-gap, 1em);
}
.post_gallery > * > img {
  height: var(--gallery-row-height);
  object-fit: cover;
  max-width: 100%;
  min-width: 100%;
  vertical-align: bottom;
}

@media only screen and (min-width: 768px) {
  :root {
    --gallery-row-height: 150px;
  }
}
@media only screen and (min-width: 1280px) {
  :root {
    --gallery-row-height: 300px;
  }
}
.post_gallery.justified-gallery{
	display:block
}
.post_gallery .gallery_grid ,.lightbox-gal a{
    border-radius: var(--brradius);
    -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;
}
.post_gallery .gallery_grid:hover ,.lightbox-gal a:hover{
    -webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	 filter: grayscale(50%);
}
.btn.btn-shortcode {
    display: inline-block;
    padding: 6px 15px!important;
    font-size: 12px!important;
    border: none;
    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;
	color: #777777 !important;
	padding: 8px 0px 8px 40px !important;
	border-bottom: 1px solid #f5f5f5;
	position: relative;
	cursor: pointer;
	line-height: normal !important;
	margin-bottom: 3px !important;
	font-weight: 500;
	font-size: 13px;
}
.accordion .accordion-item-title::before {
	content: "\f067";
    font-family: "Font Awesome 6";
	font-weight: 300;
	color: #696969;
	margin-left: 10px;
	font-size: 10px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 20px;
	background-color: #f9f9f9;
	width: 20px;
	height: 20px;
	border-radius: 16px;
}

.accordion .accordion-item-content {
	overflow: hidden;
	padding: 15px;
	border: 1px solid #f5f5f5;
	border-radius: 5px;
	margin-bottom: 10px;
	/* margin-top: -3px; */
	line-height: 2em;
	color: #5f5f5f;
}
.accordion .accordion-item-content p:last-child {
	margin-bottom: 0;
}

.accordion .accordion-item-title:hover::before, .accordion .accordion-item-title.active::before{
	color: #ffffff;
	background-color: #555;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.accordion-hide {
	display: none;
}
.accordion-item-content li, .blog-mweb-caption li {
	margin-bottom: 0px;
	font-weight: 500;
	font-size: 0.95em;
	margin-right: 10px;
}
.accordion-item-content ul, .blog-mweb-caption ul{
	padding:10px 0
}
.accordion-item-content li:before, .blog-mweb-caption li:before {
	display: inline-block;
	font-family: "Font Awesome 6";
	font-weight: 300;
	font-size:14px;
	color: var(--maincolor);
	font-size: 10px;
	margin-left: 10px;
	vertical-align: middle;
	content: "\f104";
}
#accordionfaq {
    padding: 0 15px
}

.simple_dlbox {
    box-shadow: 0 1px 7px -5px rgba(0, 0, 0, .1);
    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{
    display: block;
}

.simple_dlbox:before {
    color: #b9b9b9;
    content: "\f0ed";
    font-family: "Font Awesome 6";
    font-weight: 300;
    font-size: 16px;
    position: relative;
    margin: 0px -5px 0 9px;
    float: right;
    vertical-align: middle;
}

.simple_dlbox:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

.simple_dlbox .simple_dlbox_title {
    color: #444
}

.simple_dlbox .simple_dlbox_btn {
    float: left
}

.simple_dlbox .simple_dlbox_btn i {
    margin-left: 5px
}

.download_box {
    box-shadow: 0 1px 7px -5px rgba(0, 0, 0, .1);
    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: 2px dotted #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 3px;
    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: var(--maincolor);
    padding: 0px 12px;
    color: #fff;
    margin: 10px 0;
    display: inline-block;
    border-radius: 6px;
}

.download_box a:hover {
    background-color: #555;
}
.tb_price{
    background-color: #FFF;
    -webkit-border-radius: var(--brradius);
    -moz-border-radius: var(--brradius);
    border-radius: 120px 10px 10px 10px;
    margin-top: 10px;
    /* overflow: hidden; */
    display: block;
    position: relative;
    text-align: center;
    box-shadow: 0 1px 7px -3px rgba(0,0,0,.2);
}
.tb_price:before{
    content:'';
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 49px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.07);
}
.tb_price h5{
    width: 90px;
    height: 80px;
    margin-top: 15px;
    line-height: 75px;
    font-weight: 500;
    border-radius: 5px 10px 40px 10px;
    position: relative;
    font-size: 12px;
    float: left;
    background-color: #555;
    color: #FFF;
    margin: 5px 0px 0px 0px;
}
.tb_price.select h5{
    background-color: var(--maincolor);
}
.tb_price span{
    padding: 10px 0;
    display: inline-block;
    font-family: var(--mainfontnum);
    font-size: 18px;
    text-indent: 20px;
    font-weight: bold;
    text-align: right;
    position: relative;
    margin-top: 20px;
    width: calc(100% - 110px);
    border: 1px dashed #dcdcdc;
    border-radius: 20px 5px 5px 5px;
}
.tb_price span i{
    position: absolute;
    font-size: 10px;
    font-weight: normal;
    bottom: 10px;
    margin-right: 10px;
}
.tb_price ul{
    max-width: 80%;
    margin: auto;
    margin-top: 50px;
}
.tb_price li{
    color: #9a9a9a;
    line-height: 30px;
}
.tb_price .tb_btn{
    padding: 0 15px;
    color: #6b6b6b;
    border-radius: 45px;
    margin: 30px 10px 10px;
    height: 27px;
    line-height: 24px;
    font-size: 11px;
    clear: both;
    display: inline-block;
    background-color: #fbfbfbcc;
    border: 1px solid #eeeff1;
}
.tb_price:hover .tb_btn , .tb_price.select .tb_btn{
	background-color: var(--maincolor);
	color: #fff;
}
.tb_price.select:hover .tb_btn{
	background-color:#666 
}
.must-log-in strong{
    font-weight: normal !important;
    line-height: 26px;
    display: block;
}
.comment_login{
    position: relative;
    border: none;
    margin-top: 10px;
    height: 30px;
    line-height: 31px;
    background: #777;
    padding: 0 10px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    font-family: var(--mainfont);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}
.comment_login i{
	margin-left:10px;
	vertical-align: unset;
	display:inline-block;
}
.comments-area>ul {
	list-style: none;
	padding-right: 0;
	margin-top: -6px;
}
.comments-area ul.children {
	padding-right: 15px;
}

.comments-area>ul li {
	display: block;
	margin-bottom: 15px;
	padding: 15px 15px 15px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px -5px;
	border-radius: var(--brradius);
	background-color: #fff;
}
.comments-area ul.children li{
    box-shadow: none;
    margin-top: 15px;
    border: 1px dashed #e6e6e6;
    background-color: #fdfdfd;
}
.comments-area>ul li>article:before, .comments-area>ul li>article:after {
	content: " ";
	display: table;
}
.comments-area>ul li>article:after {
	clear: both;
}
@media only screen and (max-width: 667px) {
	.comments-area>ul li>article {
		margin-bottom: 0;
	}
}
.comments-area>ul li>article>* {
	float: right;
}
.comments-area>ul li>article .comment-top {
	/* padding-right: 20px; */
	width: calc( 100% - 0px);
}
.comments-area>ul li>article .comment-top .comment-meta {
	overflow: hidden;
	width: 100%;
}
.comments-area>ul li>article .comment-top .avatar {
	float: right;
	border-radius: 38px;
	max-width: 40px;
}
.comments-area>ul li>article .comment-top .comment-meta .comment-info {
	float: right;
	margin-right: 10px;
}
.comments-area>ul li>article .comment-top .comment-meta .comment-info .comment-author {
	display: block;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	margin-bottom: 6px;
	color: #444;
	font-style: initial;
	font-family: var(--mainfontnum);
}

.comments-area>ul li>article .comment-top .comment-meta .comment-info>span {
	color: #a2a2a2;
	display: block;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	word-spacing: 1px;
	font-family: var(--mainfontnum);
}
.comment-like {
	margin: 0px 2px;
	color: #777;
	float: left;
	height: 20px;
	overflow: hidden;
	padding: 0px 0px 0 8px;
	line-height: 17px;
	cursor: pointer;
	border: 1px solid #eee;
	font-size: 11px;
}
.comment-like i {
	display: inline-block;
	position: relative;
	font-size: 14px;
	margin: 0px 4px 0px 7px;
	top: 1px;
	color: #14b112;
}
.comment-dislike {
	margin: 0px 2px;
	color: #777;
	float: left;
	height: 20px;
	overflow: hidden;
	padding: 0px 0px 0 8px;
	line-height: 17px;
	cursor: pointer;
	border: 1px solid #eee;
	font-size: 11px;
}
.comment-dislike i {
	display: inline-block;
	position: relative;
	font-size: 14px;
	margin: 0px 4px 0px 7px;
	top: 1px;
	color: #f44336;
}
.comment-like span, .comment-dislike span {
	font-family: var(--mainfontnum)
}
.comments-area>ul li>article .comment-top .comment-meta .action-link {
	float: left;
}
.comments-area>ul li>article .comment-top .comment-meta .action-link a {
	color: #888;
	font-family: var(--mainfontnum);
	display: inline-block;
	font-size: 10px;
	line-height: 20px;
	height: 20px;
	padding: 0 10px 2px;
	border-radius: 2px 10px 10px 10px;
	background-color: #f5f5f5;
}
.comments-area>ul li>article .comment-top .comment-meta .action-link a:not(:last-child) {
	margin-right: 20px;
}
.comments-area>ul li>article .comment-top .comment-meta .action-link a:hover {
	background-color: var(--maincolor);
	color: #FFF;
	border-radius: 3px;
}
.comments-area>ul li>article .comment-content {
	margin-top: 5px;
	line-height: 2em;
	width: 100%;
	font-family: var(--mainfontnum);
	color: #444;
	text-align: justify;
	min-height: 25px;
	padding: 10px 10px 0 10px;
	position: relative;
	font-size: 11px;
}

.comment-navigation {
	margin-top: 5px;
}
.nav-previous, .nav-next {
	font-family: var(--mainfontnum);
	font-size: 11px;
	background-color: #fbfbfb;
	display: inline;
	padding: 3px 5px;
}
.comment-respond {
	padding: 0px 0px 15px;
	display: block;
}
.comment-reply-form {
	padding: 20px 15px;
	background-color: #FFF;
	display: inline-block;
	width: 100%;
	position: relative;
	-webkit-border-radius: var(--brradius);
	-moz-border-radius: var(--brradius);
	border-radius: var(--brradius);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px -3px;
	margin: -6px 0 0 0;
}
.cancel-comment-reply-link{
	background-color: #6b6b6b;
    color: #FFF;
    position: relative;
    padding: 0px 10px;
    border-radius: 5px;
    margin-right: -6px;
    box-shadow: -10px 0px 0px 0px #fff;
}
.logged-in-as {
	padding-bottom: 10px;
	padding-right: 5px;
	display: block;
	opacity: 0.8;
}
.form-allowed-tags {
	display: none
}
.comment-notes {
	color: #929292;
	padding: 12px 7px;
	line-height: 1.8em;
	display: none
}
.comment-notes #email-notes {
	clear: both;
	display: block;
	color: #14b112;
}
.comment-respond .comment-reply-title, .comment-respond .ui-title-inner {
	margin-top: 4px;
	margin-bottom: 16px;
	font-size: 13px;
	position: relative;
	font-weight: normal;
	font-family: var(--mainfontnum);
}
.comment-respond .comment-reply-title:after, .comment-respond .ui-title-inner:after {
	position: absolute;
	top: -7px;
	right: -40px;
	width: 3px;
	height: 100%;
	background-color: #999;
	content: '';
	transition: all 0.3s;
	z-index: 1000;
}

.comment-respond .input-group {
	margin-bottom: 20px;
}
.comment-respond .form-control {
	margin-bottom: 10px;
	background-color: #ffffff;
	font-family: var(--mainfontnum);
	font-size: 11px;
	box-shadow: none;
	color: #666;
	width: 100%;
	text-indent: 8px;
	padding: 8px 10px;
	border: 1px solid #eaeaea;
	-webkit-border-radius: var(--brradius);
	-moz-border-radius: var(--brradius);
	border-radius: var(--brradius);
}
.comment-respond .form-control:focus {
	background-color: #ffffff;
	border: 1px solid #ccc;
}
.comment-respond textarea.form-control {
	background-color: #ffffff;
}
.comment-respond .submit {
	border: 0px solid;
	font-family: var(--mainfontnum);
	line-height: 12px;
	background-color: #353a42;
	color: #fff;
	padding: 10px 20px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-border-radius: var(--brradius);
	-moz-border-radius: var(--brradius);
	border-radius: var(--brradius);
	font-weight: 500;
}
.comment-respond .submit:hover {
	background-color: #0063d1
}


.mejs-container button { background-color: transparent; }

.mejs-wrapper{
	margin:10px 0
}
.mejs-embed, .mejs-embed body,
.mejs-container{background-color: #000;direction: ltr;margin: auto; border-radius: var(--brradius);}
.mejs-container:not(.mejs-audio){overflow: hidden;}
.mejs-container.mejs-audio .mejs-controls{border-radius: 5px;}

.mejs-container *{
	font-family:Tahoma;
	max-width: 100%;
}
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-horizontal-volume-slider .mejs-horizontal-volume-total{ background-color: rgba(0, 0, 0, 0.1) !important }
.mejs-controls .mejs-time-rail .mejs-time-loaded{ background-color: rgba(0, 0, 0, 0.15) !important }
.mejs-controls,
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{background-color: #f5f5f5 !important;}

.mweb-body .me-cannotplay a,
.mweb-body .mejs-controls .mejs-time-rail .mejs-time-float,
.mweb-body .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input:checked + label,
.mweb-body .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li:hover label{ color: #FFF;  }

.mweb-body .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector:after{ border-color: #FFF transparent transparent transparent; } 

.mweb-body .mejs-time span,
.mweb-body .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{ color: #A8A8A8; }
.mweb-body .mejs-controls .mejs-time-rail .mejs-time-current,
.mweb-body .mejs-controls .mejs-time-rail .mejs-time-handle,
.mweb-body .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.mweb-body .mejs-controls .mejs-time-rail .mejs-time-float,
.mweb-body .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input:checked + label,
.mweb-body .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li:hover label{ background-color: var(--maincolor); }

.mweb-body .mejs-controls .mejs-time-rail .mejs-time-float{
	border-color: var(--maincolor)
}
.mweb-body .mejs-controls .mejs-time-rail .mejs-time-float-corner{  border-color: var(--maincolor) transparent transparent transparent; }

.mejs-time-buffering, .mejs-time-current, .mejs-time-float-corner, .mejs-time-float-current, .mejs-time-hovered, .mejs-time-loaded, .mejs-time-marker, .mejs-time-total {
    border-radius: 2px !important;
    height: 5px !important;
}
.mejs-time-handle-content{height: 5px !important;top: 0px;left: 0;border-radius: 2px !important;}
.mejs-time-total{
	margin-top:9px  !important;
}

.mejs-time-handle, .mejs-time-handle-content{
	border:none;
}
.mejs-horizontal-volume-current, .mejs-horizontal-volume-total {
	border-radius: 2px !important;
}
.mejs-horizontal-volume-total{
	height:5px;
	top: 19px;
	border-radius: 2px !important;
}
.mweb-body .mejs-overlay-loading {
    height: 50px;
    width: 50px;
}
.mejs-overlay-loading span {background:none;width: 50px;height: 50px;padding: 5px;-webkit-animation: none;animation: none;border-radius: 50%;box-shadow: 0 0 0 2px rgb(255 255 255 / 50%);background: rgba(0, 0, 0, 0) url('assets/images/loading-oval.svg') no-repeat center center;}
.mejs-overlay-button {background:none;background-color: var(--maincolor);transition: all 1250ms;width: 60px;height: 60px;border-radius: 50%;color: #FFF;text-align: center;line-height: 60px;font-size: 25px;text-indent: 2px;}
.mejs-overlay-button:before {
    content: "\f04b";
    display: inline-block;
    font-family: "Font Awesome 6";
    font-weight: 300;
}
.mejs-overlay-button:hover {
	background-color: #555;
}

.mejs-button button {background:none!important;color: #444!important;}
.mejs-button button:before {
    content: "";
    display: inline-block;
    font-family: "Font Awesome 6";
    font-weight: 300;
    text-align: center;
    line-height: 15px;
    font-size: 15px;
}
.mejs-button.mejs-play button:before{
	content: "\f04b";
}
.mejs-button.mejs-replay button:before{
	content: "\f01e";
}
.mejs-button.mejs-pause button:before{
	content: "\f04c";
}
.mejs-button.mejs-mute button:before{
	content: "\f6a8";
}
.mejs-button.mejs-unmute button:before{
	content: "\f6a9";
}
.mejs-button.mejs-fullscreen-button button:before{
	content: "\f320";
}
.mejs-button.mejs-fullscreen-button.mejs-unfullscreen button:before{
	content: "\f066";
}
.mejs-button.mejs-sourcechooser-button button:before{
	content: "\f013";
}
.mejs-button.mejs-stop button:before{
	content: "\f04d";
}
.mejs-button.mejs-loop-button button:before{
	content: "\f364";
}
.mejs-button.mejs-loop-button.mejs-loop-off button:before{
	opacity:0.7
}
.mejs-poster{}
.mejs-poster:before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.20);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}




form.search_wrap_box {
    width: auto;
    display: block;
    height: 40px;
    background-color: #FFF;
    padding: 3px;
    /* margin-top: 22px; */
    position: relative;
    z-index: 97;
    /* border: 1px solid rgba(0, 0, 0, 0.1); */
    border-radius: var(--brradius);
}

form.search_wrap_box i {
    float: right;
    font-size: 16px;
    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: 34px;
    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: 2px;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    padding: 10px 10px;
    min-height: 30px;
    background: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    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)
}

.mweb-body .tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	font-family: var(--mainfont), Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-break: auto;
	line-height: 1.42857143 !important;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: nowrap;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	font-size: 10px !important;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tooltip.in {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.mweb-body .tooltip.top {
	margin-top: -11px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.mweb-body .tooltip-inner {
	max-width: 200px !important;
	padding: 3px 8px !important;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	background-color: #555 !important;
	border-radius: 4px !important;
}
.mweb-body .tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.mweb-body .tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #555 !important;
}
.tooltip.top-left .tooltip-arrow {
	bottom: 0;
	right: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #555;
}
.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	left: 5px;
	margin-bottom: -5px;
	border-width: 5px 5px 0;
	border-top-color: #555;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #555;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #555;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #555;
}
.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	right: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #555;
}
.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	left: 5px;
	margin-top: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #555;
}
.text_align_left{
	text-align:left
}
.no_padding{
    padding: 0 0 30px 0;
}
.user_header{
    background-color: #FFF;
    padding: 15px 10px 15px 10px;
    box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 98;
    border-radius: var(--brradius);
    margin-top: 15px;
    margin-bottom: 15px;
}
.user_footer{
    margin-top: 0;
    padding: 0;
}
.user_footer .footer_bottom{
    margin-top: 0;
    background-color: #353535;
    padding: 15px 20px 18px 20px;
    box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 98;
    border-radius: var(--brradius);
    margin-top: 15px;
    margin-bottom: 15px;
}
.account_head_user{
	/* background-color: var(--maincolor); */
	/* border-radius: 0 0 var(--brradius) var(--brradius); */
	display: flex;
}
.up_small_info{
    color: #333;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.up_small_info .el_img{
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 20px;
    float: right;
    border: 1px solid rgb(255 255 255 / 10%);
    /* padding: 1px; */
    position: relative;
    box-shadow: 0px 0px 30px -10px rgba(0, 0, 0, 0.29);
}
.up_small_info .el_img img{
    border-radius: 50%;

}
.up_small_info .el_img:before{
	content:'';
	border-radius: 50%;
	border: 1px dashed #fff;
	position: absolute;
	display: block;
	height: 55px;
	width: 55px;
	top: -5px;
	right: -5px;
}
.body_mobile .up_small_info .el_img {
	margin-left: 0px;
}
.elm_welcome {
    background-color: #f7f7f7;
    padding: 0 10px;
    border-radius: var(--brradius);
    margin-top: 10px;
}
.up_small_info a , .up_small_info_name{
	display: inline-block;
	color: inherit;
	font-weight: 500;
	font-size: 13px;
	letter-spacing: 1px;
}
.up_small_info span{
    display: inline-block;
    font-size: 10px;
    line-height: 24px;
    margin-left: 10px;
}
.account_head_icon{
	padding-top: 11px;
}
.up_top_logout ,.up_top_setting ,.up_top_notify ,.up_top_home{
    display: inline-block;
    margin-right: 15px;
    font-size: 18px;
    vertical-align: middle;
    height: 27px;
    position: relative;
    color: #444;
    cursor: pointer;
    margin-top: 2px;
}
.notify_btn:after{
	content: '';
	position: absolute;
	left:0;
	right:0;
	height: 25px;
	bottom: -20px
}
.notify_btn:after{
	content:'';
	width: 7px;
	height: 7px;
	position: absolute;
	border-radius: 50%;
	background-color: #ddd;
	box-shadow: 0 0 0 1px #FFF;
	top: 3px;
	right: -2px;
}
.notify_btn.is_active:after{background-color: #13d070;}
@keyframes ping {
	75%,to {
		opacity: 0;
		transform: scale(2)
	}
}
.animate-ping {
	animation: ping 1s cubic-bezier(0,0,.2,1) infinite
}
.notify_btn.is_active:before{
	content:'';
	width: 7px;
	height: 7px;
	position: absolute;
	border-radius: 50%;
	background-color: #13d070;
	top: 3px;
	right: -2px;
	animation: ping 1s cubic-bezier(0,0,.2,1) infinite
	
}

.notify_dropdown {
    position: absolute;
    right: calc(50% - 110px);
    width: 250px;
    min-height: 80px;
    background: #FFF;
    z-index: 9999;
    padding: 15px;
    visibility: hidden;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 100%;
    -webkit-border-radius: var(--borderradius);
    -moz-border-radius: var(--borderradius);
    border-radius: var(--borderradius);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    font-size: 12px;
    line-height: 25px;
    font-family: var(--mainfontnum);
    transform:translateY(50px);
    text-align: center;
}
.notify_btn:hover .notify_dropdown{
    visibility: visible;
    opacity: 1;
    transform: translateY(10px);
}
.elementor-nofify-dropdwon--align-right .notify_dropdown{
	right: 0;
	left: auto
}
.elementor-nofify-dropdwon--align-left .notify_dropdown{
	left: 0;
	right: auto
}
.notify_dropdown > span{
	display: block;
    border: 1px dashed #ddd;
    border-radius: 7px;
    padding: 6px 0;
}
.notify_dropdown b{
    color: var(--maincolor);
    font-size:15px;
}
.notify_dropdown > a{
    display: block;
    background-color:#f9f9f9;
    border-radius: inherit;
    margin-top: 5px;
}
.notify_dropdown > a:hover{
	background-color: var(--maincolor);
	color: #FFF
}
.notify_dropdown .tk_list{
    text-align: right;
    padding-right: 8px;
    border-right: 2px solid var(--secondcolor);
    line-height: 20px;
    margin-bottom: 10px;
    color: #666;
    font-size: 11.5px;
}
.notify_dropdown .tk_list:hover a{
	color: var(--maincolor);
}
.up_top_home{
    font-size: 21px;
    position: relative;
    margin-top: -2px;
}
.up_top_home span{
    float: right;
    font-size: 12px;
    line-height: 28px;
    margin-left: 10px;
    position: relative;
}
.up_top_home:before{
	content:'';
	position: absolute;
	height: 5px;
	background-color: hsla(0, 0%, 0%, 0.07);
	right: 3px;
	left: 36px;
	top: 12px;
}
.up_top_home:after{
	content:'';
	position: absolute;
	width: 7px;
	height:15px;
	background-color: hsla(0, 0%, 0%, 0.07);
	left: 9px;
	top: -20px;
	border-radius: 0 0 15px 15px;
}


.page-my-account {
    /* box-shadow: inset -385px 0px 0px 0px rgba(0, 0, 0, 0.12); */
    display: block;
}
.page-my-account .entry-content{
	overflow: inherit
}
.woocommerce-page.woocommerce-lost-password .page-my-account {
    box-shadow: none;
    min-height:500px
}
.user_info_warp{
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    border-radius: var(--brradius);
    color: #ffffff;
    background-color: var(--secondcolor);
    padding: 41px 20px 12px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-family: var(--mainfontnum);
    box-shadow: 0px 0px 10px -4px rgba(0, 0, 0, 0.1);
}
.user_info_warp:before , .user_info_warp:after{
	content:'\f22c';
	font-family: "Font Awesome 6";
	font-weight: 300;
	display: block;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	position: absolute;
	font-size: 21px;
	top: -1px;
	right: 35px;
	color: #ffffff;
} 
.user_info_warp:after{
	right: auto;
	left: 35px;
}
.my_account_cmenu{
    border: 1px solid rgb(0 0 0 / 10%);
    border-radius: var(--brradius);
    background-color: #00000017;
    padding: 0 10px 10px;
    display: block;
    margin-top: 10px;
	margin-bottom: 6px;
}
.myacc_item_menu a{
    display: block;
    background-color: var(--secondcolor);
    margin-top: 10px;
    line-height: 36px;
    padding: 0 15px;
    font-weight: 500;
    font-size: 11px;
    color: #ffffff;
    border: 1px solid rgb(0 0 0 / 10%);
    border-radius: 30px;
}
.myacc_item_menu i{
    font-size: 16px;
    vertical-align: middle;
    margin-left: 10px;
}
.myacc_item_menu a:hover{
	background-color:#0000006e;
	color:white
}
.user_profile_img{
    border-radius: 45px 45px 0px 0px;
    overflow: hidden;
    background-color: #FFF;
    text-align: center;
    padding: 15px 0;
    /* box-shadow: 0px 0px 5px -3px rgba(0, 0, 0, 0.2); */
}
.user_profile_img img{
	max-width:80%
}
.user_info_warp h1{
    font-weight: 500;
    display: block;
    padding: 5px 0;
    background-color: #FFF;
    font-size: 11px;
    color: #888;
    margin-top: 11px;
}
.user_info_warp h1 i{
    font-size: 17px;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 4px;
}
.user_info_warp h1 span{
    color: var(--maincolor);
    margin-left: 5px;
}
.user_today_date{
    font-size: 11px;
    display: block;
    padding: 7px 15px;
    margin: 5px 0 12px 0;
    border: 1px dashed #ffffffa6;
    border-radius: 30px;
    font-weight: 500;
}
.user_info_line{
    font-size: 11px;
    display: block;
    border-radius: 30px;
    padding: 7px 15px;
    margin: 5px 0 8px 0;
    border: 1px dashed #ffffffa6;
    font-weight: 500;
}
.user_info_line span ,.user_today_date span{
    margin-right: 5px;
    color: #FFF;
    letter-spacing: -0.01em;
    font-weight: 300;
}
.user_line{
    display: inline-block;
    border-top: 1px dashed #e0e2e4;
    width: 100%;
    height: 4px;
    margin-top: 0;
}
.user_info_left:after , .user_line:before{
	content:'';
	clear:both;
	display:block;
}
.timeline-posts li {
	padding: 0 6px 0 5px;
}
.timeline-posts li .meta {
	position: relative;
	padding-right: 17px;
	margin: 0;
	display: block;
	height: 16px;
}
.timeline-posts li .meta:before {
	content: '';
	width: 8px;
	height: 8px;
	border: 1px solid var(--secondcolor);
	display: block;
	position: absolute;
	right: -3px;
	top: 4px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.timeline-posts .meta>div {
	display: inline;
	color: #aaa;
	font-size: 11px;
}
.timeline-posts li h3 {
	border: 2px solid #aaa;
	border-width: 0 2px 0 0;
	padding: 5px 15px 12px 0px !important;
	font-size: 12px;
	font-weight: 500;
	color: #666;
}
.timeline-posts li:hover .meta:before {
	border-color: #ff9800;
	-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;
}
.user_dashboard_slider{
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: var(--brradius);
    box-shadow: 0 0px 9px -3px rgba(0, 0, 0, .1);
}
.user_dashboard_slider .mweb-swiper-next, .user_dashboard_slider .mweb-swiper-prev{
	-moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.wd_static{
    margin-top: 0;
    margin-bottom: 15px;
}
.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 6";
	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{
    border-bottom: 2px dotted #ddd;
    padding-bottom: 9px;
}
.notify_item{
    border-bottom: 1px dashed #dadada;
    margin-bottom: 10px;
    padding: 0 5px 12px 0px;
}
.notify_item:last-child{
    border-bottom: none;
}
.notify_item h3{
    font-size: 12px;
    display: block;
}
.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;
}
.notify_item .el_date{}
.notify_item .el_more{
    background-color: #f4f4f4;
    float: left;
    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: #eb1e23;
	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: 15px;
    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;
}
.el_testimonial{
    padding: 28px 25px;
    background-color: #FFF;
    border-radius: var(--brradius);
    position: relative;
    box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.1);
}
.el_testimonial:before{
	content: "\f10d";
	font-family: "Font Awesome 6";
	font-weight: 300;
	font-size: 43px;
	line-height: 1;
	color: #f8f8f9;
	position: absolute;
	top: 28px;
	left: 20px;
}
.el_testimonial .el_testimonial_author{display: flex;margin-top: 20px;border-top: 1px solid #f1f1f7;padding-top: 15px;}
.el_testimonial .el_testimonial_avatar{
    max-width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 4px double #ececec;
    margin-left: 20px;
    flex: 0 0 70px;
    background-color: white;
}
.el_testimonial .el_testimonial_avatar img{
	border-radius:
	inherit;
	width: 100%;
	height: 100%;
}
.el_testimonial h5.name{
    font-size: 12px;
    padding-top: 12px;
}
.el_testimonial span{
    color: #777;
}
.el_testimonial_content{
    line-height: 2em;
    position: relative;
    font-size: 12px;
    color: #444;
}
.el_testimonial.el_tsl_2:before{display: none;}
.el_testimonial.el_tsl_2 .el_testimonial_author{
    margin: 0;
    border: none;
    padding: 0;
}
.el_testimonial.el_tsl_2 .el_testimonial_avatar{
    position: relative;
    max-width: 100px;
    height: 100px;
    flex: 0 0 100px;
}
.el_testimonial.el_tsl_2 .el_testimonial_avatar:before{
	content: "\f10d";
	font-family: "Font Awesome 6";
	font-weight: 300;
	font-size: 17px;
	background-color: var(--maincolor);
	line-height: 31px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	color: #FFF;
	position: absolute;
	top: -3px;
	right: -8px;
	box-shadow: 0 0 0 3px #ffffff;
}
.el_testimonial.el_tsl_2 h5{
	padding-top: 5px;
}
.el_testimonial.el_tsl_3{
    background-color: transparent;
    border-radius: unset;
    box-shadow: unset;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
.el_testimonial.el_tsl_3:before{
    position: static;
    color: #555;
    font-size: 26px;
}
.el_testimonial.el_tsl_3 .el_testimonial_author{
    margin: 0;
    border: none;
    padding: 0;
    min-height: 58px;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.el_tsl_3 .el_testimonial_content{
    padding: 17px 0;
    font-size: 13px;
}
.ts_pagination {
    display: flex;
    align-items: center;
    margin-top: 15px;
}
.ts_pagination .pagination__item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
}
.ts_pagination .pagination__item::before {
    content: "";
    position: absolute;
    border-radius: 100%;
    width: 74px;
    height: 74px;
    border: 2px solid var(--maincolor);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0;
}
.ts_pagination .pagination__item.is_active::before {
    opacity: 1;
}
.ts_pagination .pagination__item img{
	max-width: 60px;
	display: block;
	border-radius: 50%;
}
.justify-center {
    justify-content: center !important;
}

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-control{
    font-size: 11px !important;
    padding: 6px 15px !important;
    border-radius: 5px !important;
    color: #888 !important;
}
.wpcf7-form .wpcf7-text {
	max-width: 100%;
	width: 100%;
	margin-bottom: 10px;
}
.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%;
	margin-bottom: 10px;
	max-height: 180px;
}
.wpcf7-form br {
	display: none
}
.wpcf7-submit{
    border: none;
    color: #FFF !important;
    background-color: #555;
    transition: all 0.3s;
	cursor: pointer;
}
.mweb-popup .mfp-figure:after {
	background: transparent;
	box-shadow: none
}
.mweb-popup .mfp-container, .mweb-popup.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mweb-popup.mfp-ready .mfp-container {
	opacity: 1;
}
.mweb-popup.mfp-ready.mfp-bg {
	opacity: 0.6;
}
.mweb-popup.mfp-removing .mfp-container, .mweb-popup.mfp-removing.mfp-bg {
	opacity: 0;
}
.mweb-popup .mfp-content {
	text-align: center;
}
.mweb-popup .white-popup {
	display: inline-block;
	margin: 0 auto;
	position: relative;
	background: transparent;
	text-align:right;
}
.mweb-popup .white-popup .mfp-close {
	top: -40px;
	color:white
}
.home_blog_wrap{
	padding-top:15px
}
.el_list{
    padding: 10px 0;
}
.el_list li{
    line-height: 2.3em;
}
.el_list li:before{
	content: "\f067";
	font-family: "Font Awesome 6";
	font-weight: 300;
	color: #0dcc00;
	margin-left: 10px;
	font-size: 12px;
	vertical-align: middle;
	display: inline-block;
}
.el_list.e_negative li:before{
	content: "\f068";
	color: #f50c0c;
}
.page-template-page-contactus{
	background-color:white
}
.get_in_touch {
    padding-top: 15px;
    padding-bottom: 15px;
}
.get_in_touch .form-group{
    margin-bottom: 0;
}
.get_in_touch h1{
    border-bottom: 2px solid rgba(0, 0, 0, 0.12);
    margin-bottom: 15px;
    line-height: 35px;
    position: relative;
    padding-bottom: 2px;
}
.get_in_touch h1:after{
	content:'';
	display: block;
	background-color: rgba(0, 0, 0, 0.28);
	position: absolute;
	bottom: -2px;
	right: 0;
	height: 2px;
	width: 120px;
}
.get_in_touch .location{
    position: relative;
}
.get_in_touch .location img{
    padding: 25px 0 0 25px;
    position: relative;
}
.get_in_touch .location:before{
	content:'';
	background-color: var(--maincolor);
	width: 36%;
	height: 60%;
	position: absolute;
	left: 0;
	top: 0;
}

.contact_w{
    padding: 15px 17px 17px;
    border: 2px dotted #e6e6e6;
    border-radius: var(--brradius);
    border-left-color: #868686;
    margin-top: 1em;
}
.contact_w i{
    font-size: 42px;
    color: var(--maincolor);
    float: right;
    margin-left: 20px;
}
.contact_w h4{
    font-size: 12px;
    color: #404040;
}
.contact_w span{
    opacity: 0.8;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}


.get_in_touch .entry-content {
    padding: 15px 20px 30px 20px;
    font-family: var(--mainfont);
    line-height: 2em;
    color: #444;
    text-align: justify;
    overflow: hidden;
    font-size: 12px;
	margin-top: 3em;
    margin-bottom: 20px;
    border-radius: var(--brradius);
    border: 4px double #efefef;
}


.course_headings{
	padding:10px;
}
.course_headings label{
	float: none !important;
	display: block;
	margin: 0 0 10px 0 !important;
	width: 100% !important;
}
.course_headings table{
    width: 100%;
}
.course_headings table tr{}
.course_headings tfoot td, .course_headings tfoot th {
    border-top: 1px solid #e1e1e1;
    border-bottom: none;
}
.course_headings table th{
    padding: 7px 7px 7px 0!important;
}
.course_headings table td{
    vertical-align: middle!important;
    padding: 4px 7px 4px 0!important;
    position: relative;
}
.course_headings table td input.input_text{
    width: 100%;
    float: none;
    min-width: 0;
    margin: 1px 0;
}
.course_headings table td.sort {
    width: 17px;
    cursor: move;
    font-size: 15px;
    text-align: center;
    background: #f9f9f9;
    padding-left: 7px!important;
}
.course_headings table td.sort::before {
    content: "\f333";
    font-family: Dashicons;
    text-align: center;
    line-height: 1;
    color: #999;
    display: block;
    width: 17px;
    float: right;
    height: 100%;
}
.course_headings table td .delete{
    display: block;
    text-indent: -9999px;
    position: relative;
    height: 1em;
    width: 1em;
    font-size: 1.2em;
}
.course_headings table td .delete::before{
    font-family: Dashicons;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    text-indent: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    content: "";
    color: #999;
}
.course_headings table td .delete:hover::before{
    color: #f44336;
}
.course_headings table td:last-child{
    padding-left: 7px!important;
}
.course_headings p{
	margin: 0;
    padding: 0;
    margin-top: -10px;
    margin-bottom: 10px;
}
.course_headings table td.course_time input.input_text{
	max-width: 55px;
}
.load_from_downloadable{
    background-color: #F44336;
    font-size: 11px;
    padding: 1px 10px 3px;
    color: #FFF;
    float: left;
}
.under_construction {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	color: #505050;
	background-color:#FFF;
}
.construction_head {
	position: relative;
	text-align: center;
	-webkit-filter: grayscale(55%); /* Safari 6.0 - 9.0 */
	filter: grayscale(55%);
}
.under_construction h2 {
	font-size: 16px;
	text-align: center;
	display: block;
	padding: 1% 0;
	font-weight: 500;
}
.construction_entry {
	font-size: 13px;
	text-align: justify
}
.construction_countdown {
	text-align: center;
	padding-top: 4%;
	direction: ltr;
}
.under_construction .product-date div {
	display: inline-block;
	font-size: 11px;
	border: 5px double #ffffff;
	background-color: #555;
	border-radius: var(--brradius);
	color: #fff;
	margin: 5px;
	width: 70px;
	height: 70px;
	line-height: 60px;
	position: relative;
	direction: rtl;
	font-family: var(--mainfontnum)
}
.under_construction .product-date div .no {}
.under_construction .product-date div .text {
	padding-right: 5px
}
.elementor-counter-number{
	font-family: var(--mainfontnum);
}
.page-404{
    background-color: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
.content-404-inner {
	display: block;
	overflow: hidden;
	text-align: center;
	margin-top: 20px;
	padding-bottom: 120px;
	position: relative;
}
.content-404 {
	position: relative;
	z-index: 10;
}
.content-404-inner .icon-wrap {}
.content-404-inner .icon-wrap img {
	-webkit-filter: grayscale(95%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(95%);
	display: block;
	margin: auto;
	max-width: 400px;
}
.content-404 h1 {
	font-size: 13px;
}
.title-404.post-title {
	color: #888;
}
.title-404 ul {
	margin-top: 15px;
	margin-bottom: 25px;
}
.title-404 li {
	font-size: 11px;
	margin-bottom: 8px;
}
.back_to_site{
    background-color: #555;
    color: #FFF;
    padding: 7px 20px;
    border-radius: var(--brradius);
}
.wpas-alert{
	padding: 6px 15px;
    border-radius: 5px;
    font-size: 12px;
}


.el_featured_loz{
    overflow: hidden;
    position: relative;
}
.el_loz_img{
    background-color: #FFF;
    border-radius: var(--brradius);
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    display: block;
    margin: auto;
    position: relative;
    margin-top: 5px;
    z-index: 1;
    color: #444;
    box-shadow: 0 0 10px 0 hsla(0, 0%, 0%, 0.04);
}
.el_loz_img i{
    font-size: 32px;
    line-height: inherit;
}
.el_loz_desc{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: var(--brradius);
	position: relative;
	padding: 25px;
	margin-top: -42px;
}
.el_loz_desc:after{
	content:'';
	height: 30px;
	border-radius: 50%;
	background: var(--bgcolor);
	position: absolute;
	top: -20px;
	right: 12px;
	left: 12px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.el_loz_desc:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.8;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: var(--brradius);
    background-color: #757575;
}
.el_featured_loz:hover .el_loz_desc:before{
	opacity: 0.9;
}
.el_featured_loz:hover .el_loz_desc:after{
	top: -25px;
}
.el_loz_desc h4{
    position: relative;
    color: #FFF;
    margin-top: 25px;
}
.el_loz_desc h4:before{
	content: '\f177';
	font-family: "Font Awesome 6";
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 24px;
	height: 24px;
	background-color: hsla(0, 0%, 0%, 0.23);
	border-radius: 20px;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
	
}
.el_loz_desc:hover h4:before{
	-moz-transform: rotate(-270deg);
	-webkit-transform: rotate(-270deg);
	-o-transform: rotate(-270deg);
	-ms-transform: rotate(-270deg);
	transform: rotate(-270deg);
}
.el_loz_desc span{
    position: relative;
    padding: 0 8px;
    margin-top: 6px;
    display: inline-block;
    background-color: #FFF;
    border-radius: 5px 0 5px 5px;
	font-family: var(--mainfontnum);
}

.sms-notif-form{
	display: inline-block;
	position:relative;
	width: 100%;
}
.sms-notif-enable-p {
	/* display: inline-block; */
	cursor: pointer;
	border: 1px dashed #e6e6e6;
	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: var(--brradius);
	-moz-border-radius: var(--brradius);
	border-radius: var(--brradius);
	margin-top: 10px;
	clear: both;
	max-width: 272px;
	position: relative;
	color: #777;
	/* background-color: #fbfbfb; */
}
.sms-notif-enable-p label{
	cursor:pointer
}
.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 6";
	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: #f9f9f9;
	border-radius: 5px;
}
.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 {
	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: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #5a5a5a;
	color: #FFF;
	margin-top: 5px;
	line-height: 28px;
	font-size: 11px;
	font-weight: 500;
	cursor: pointer;
}
input.sms-notif-mobile {
	line-height: 28px;
	border-radius: 25px !important;
	padding: 2px 20px;
	border: none;
	margin-top: 3px;
	font-size: 11px;
	min-width: 230px;
}
.sms-notif-mobile-div {
	display: inline-block;
}
.product_horizontal{
    background-color: white;
    border-radius: var(--brradius);
    border: 1px solid #f6f6f6;
    box-shadow: 0px 0px 7px -5px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-bottom: 14px;
    padding: 10px;
    /* min-height: 121px; */
    display: flex;
    flex-direction: row;
}
.product_horizontal .product_label{
	top: 0;
    right: 0;
}
.product_horizontal .product_image_area{
    width: 115px;
    min-height: 115px;
    margin-left: 15px;
    position: relative;
    z-index: 2;
    flex: 0 0 115px;
}
.product_horizontal .product_image_area img{
    border-radius: var(--brradius);
}
.product_horizontal .product_detail_area{
    position: relative;
    z-index: 1;
}
.product_horizontal h3 a{color: #444;display: block;overflow: hidden;}
.product_horizontal .price{
    text-align: right ;
    font-size: 14px;
}
.product_horizontal .product_item_meta{padding-top: 5px;}
.product_horizontal .product_item_meta .item_meta{
    text-align: right;
    font-size: 12px;
}
.product_horizontal .product_read_more{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 30px;
    background-color: #c9c9c9;
    color: white;
    border-radius: 0 35px 0 10px;
    text-align: left;
    font-size: 13px;
    line-height: 37px;
    display: inline-block;
    padding-left: 8px;
    box-shadow: inset -1px 1px 3px rgb(0 0 0 / 10%);
}
.product_horizontal:hover .product_read_more{
	background-color: var(--maincolor);
}
.product_horizontal .product_read_more:before{
	content:'';
}
.product_horizontal .featured_label{
	display:none
}
.sticky_add_to_cart{
    position: fixed;
    right: 4%;
    bottom: 10px;
    background-color: #fff;
    z-index: 10;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    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 .sell_course{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sticky_add_to_cart .price{
    font-size: 13px;
}
.woocommerce .sticky_add_to_cart .single_add_to_cart_button{
    cursor: pointer;
    font-size: 12px;
    height: 42px;
    line-height: 42px;
    margin-top: 9px;
    width: 100%;
    border: none;
    border-radius: 5px;
}
.woocommerce.sticky_add_to_cart .single_add_to_cart_button:before{
	font-size: 15px;
}
.sticky_add_to_cart .price del span.woocommerce-Price-currencySymbol{
	display:none
}
.vr_mobile{right: 0;
    border-radius: 0;
    left: 0;
    bottom: 0;
    padding: 10px;}
.sticky_add_to_cart.vr_mobile .price{margin-top: 5px;float: left;font-size: 13px;}
.sticky_add_to_cart.vr_mobile strong{display:none}
.sticky_add_to_cart.vr_mobile .single_add_to_cart_button{width: auto;margin-top: 0;min-width: 153px;}
.sticky_add_to_cart .price .woocommerce-Price-amount{padding:1px}
.back_to_home{
    background-color: hsla(0, 0%, 0%, 0.06);
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    position: absolute;
    border-top: 1px dashed #ccc;
    box-shadow: 0px -10px 25px -14px rgba(0, 0, 0, 0.1);
    display: block;
    font-size: 12px;
    padding: 8px 15px;
    text-align: center;
    color: #777;
    right: 0;
    left: 0;
    bottom: -44px;
}
.back_to_home i{
    font-size: 28px;
    vertical-align: middle;
    margin-left: 9px;
    color: #9e9e9e;
}
.back_to_home span{}
.el_alert {
    box-shadow: 0px 0px 10px -4px rgba(0, 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: var(--brradius);
    padding-right: 35px;
    font-size: 12px;
    color: #444;
    position: relative;
    overflow: hidden;
}
.el_alert:before {
    color: hsla(45, 100%, 51%, 0.2);
    content: "\f12a";
    font-family: "Font Awesome 6";
    font-weight: 300;
    font-size: 3em;
    position: absolute;
    right: 10px;
    top: 19px;
}
.el_alert.user_note{
	background-color: rgb(255, 255, 255);
}
.el_alert.user_note:before {
    color: rgba(255, 149, 0, 0.05);
}
.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;
}
.body_mobile .wc_myaccount_sidebar{
	display: none
}
.wc_myaccount_sidebar .widget{
    margin-top: 15px;
    margin-bottom: 0;
}
.woocommerce ul.dokan-account-migration-lists{
    box-shadow: 0 0px 4px -3px rgba(0, 0, 0, .1);
    padding: 5px 10px;
    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;
    border-radius: var(--brradius);
    margin-bottom: 10px;
    border: none;
    font-size: 12px;
    color: #444;
    position: relative;
    overflow: hidden;
}
.woocommerce ul.dokan-account-migration-lists li .left-content{
	text-align:right
}
.woocommerce ul.dokan-account-migration-lists li .right-content{
	text-align:left
}
.h_iframe-aparat_embed_frame {
    margin: auto;
    max-width: 660px;
}
video{ max-width:100% }
.mejs-container *{
  max-width:100%;
}


.product_list_table{
    box-shadow: 0 0 0 1px #eaeaea;
    border-radius: var(--brradius);
    overflow: hidden;
    width: 100%;
    background-color: #FFF;
}
.product_list_table thead th{
    line-height: 42px;
    background-color: rgba(238, 239, 241, 0.38);
    font-weight: 500;
    padding: 0 16px;
    border-bottom: 3px double #dedede;
}
.product_list_table tbody tr{
    border-bottom: 1px solid #eeeff1;
}
.product_list_table tbody tr:last-child{
    border-bottom: none;
}
.product_list_table tbody tr:hover{
    background-color:#fdfdfd;
}
.product_list_table .plt_image{
    position: relative;
}
.product_list_table img{
    max-width: 80px !important;
    margin: 10px;
}
.product_list_table .plt_title a{
    font-size: 12px;
	text-align: right;
	display: block;
	padding:7px 5px;
}
.product_list_table .plt_detail a{
    display: inline-block;
    background-color: #f5f5f5;
    padding: 0 10px;
    border-radius: 15px;
}
.product_list_table .plt_remove a{
    display: inline-block;
    background-color: #ffe1e2;
    padding: 0 10px;
    border-radius: 15px;
	position:relative
}
.product_list_table .plt_remove a.single_add_to_wishlist:before{
	right: 7px;
    top: 50%;
    font-size: 12px;
}
.product_list_table .plt_remove .loading a{
	padding-right: 27px;
}
.product_list_table .plt_remove .loading a:before {
	content:'\f3f4';
	display: inline-block;
	font-family: "Font Awesome 6";
	font-weight: 300;
	text-align: center;
	line-height: 0;
	position: absolute;
	right: 4px;
	top: 12px;
	color: var(--maincolor);
	background: transparent;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	-webkit-animation:fa-spin 2s infinite linear;
	animation:fa-spin 2s infinite linear;
	font-size: 18px;
}
.product_list_table .plt_remove a:hover , .product_list_table .plt_detail a:hover{
	background-color: #9E9E9E;
    color: #fff;
} 
.no_wishlist{
	border: 1px solid #f5f6f7;
    background-color: #fff;
    display: block;
    margin-bottom: 10px;
    padding: 7px 15px;
    color: #616161;
	border-radius: var(--brradius);
}
.product_acc {
    padding: 10px 10px 0px 10px;
    display: inline-block;
    clear: both;
	margin-bottom: 5px;
}
.product_acc_title{
    display: block;
    padding: 5px 8px;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    border-radius: var(--brradius);
    border: 1px solid #f4f4f7;
    cursor: pointer;
    margin-bottom: 10px;
}

.product_acc_title:after{
	content: "\f106";
	display: inline-block;
	font-family: "Font Awesome 6";
	font-weight: 300;
	color: #eaeaef;
	font-size: 18px;
	position: absolute;
	left: 15px;
	top: 12px;
	-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;
}
.product_acc_title i{
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #FFF;
    width: 35px;
    height: 35px;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    background-color: var(--bgcolor);
    border-radius: var(--brradius);
    margin-left: 10px;
    box-shadow: 2px 2px 8px -3px rgb(0 0 0 / 4%);
}
.product_acc_title.active:after{
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	color: var(--maincolor);
}
.product_acc_title.active i{
    box-shadow: inset 2px 2px 1px 0px rgb(0 0 0 / 4%);
    background-color: var(--maincolor);
    color: #FFF;
}
.product_acc_content{
    display: none;
    margin-bottom: 15px;
    padding: 7px 0px;
}
.calender_list{
    display: flex;
    flex-wrap: wrap;
    margin: -10px -5px;
}
.clr_item{
    display: block;
    flex: 0 0 50%;
    max-width: 50%;
}
.clr_entry{
	background-color: var(--bgcolor);
	margin: 5px;
	padding: 7px 15px;
	border-radius: var(--brradius);
	font-family: var(--mainfontnum);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.clr_entry:hover{
	background-color: rgb(255 255 255);
	box-shadow: 0 0 15px -6px rgb(0 0 0 / 10%);
}
.product_acc_content .clr_item h5{
    font-size: 12px;
}
.clr_item .clr_time{
    padding: 10px 0 5px 0;
	font-size: 12px;
    color: #555;
}
.clr_item .clr_time span{
    display: inline-block;
    background-color: rgb(255 255 255);
    border-right: 2px double #4CAF50;
    padding: 0 10px;
}
.clr_item .clr_time span:last-child{
	border-right: 2px double #2196F3;
}
.clr_item .clr_time i{
    display: inline-block;
    margin: 0 10px 0 25px;
    vertical-align: middle;
    color: var(--maincolor);
}
.product_acc_faq{
	border-radius: var(--brradius);
	border: 1px solid #f4f4f7;
	margin-top: -5px;
	padding: 10px 15px;
	font-size: 11px;
}
.product_acc_faq h2{
	font-size:13px
}
.product_acc_faq h3{
	font-size:12px
}


.elm_logo{
	min-height: auto;
	display:block
}
.elm_logo a{
	display: block;
}
.elm_logo img{
    margin: auto;
}
.align_right{text-align:right}
.align_center{text-align:center}
.align_left{text-align:left}

form.elm_search{
    width: 100%;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit;
    margin: unset;
    box-shadow: unset;
}
.elm_cart_s, .elm_cart_r, .elm_user_btn{
	margin-left: inherit;
	margin-top: inherit;
	float: none;
	display: inline-block;
}
.elm_cart_s i{
	float:none;
	display:block
}
.elm_btn_c, .elm_user_btn{
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 39px;
    -webkit-border-radius: var(--brradius);
    -moz-border-radius: var(--brradius);
    border-radius: var(--brradius);
    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 14px;
	line-height: 39px;
	box-shadow: 0px 0px 9px -5px rgba(0,0,0,.2);
}
.elm_user_btn b{
	font-weight:500
}
.elm_btn_c i, .elm_user_btn  i{
    font-size: 18px;
    vertical-align: middle;
}
.elm_btn_c.auto_width i, .elm_user_btn.el_is_text i{
	margin: 0 7px
}
.elm_user_btn.el_is_text i.fa-slash-forward{
	font-size: 12px !important;
	margin: 0 8px !important;
}
.elm_btn_c span, .elm_user_btn.el_is_text p{
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
}
.elementor-widget-my-header-button .elm_btn_c span{
	font-size: inherit;
}
.elementor-header-btn-align-vertical-yes .elm_btn_c, .elementor-header-btn-align-vertical-yes .elm_user_btn {
	text-align: center
}
.elementor-header-btn-align-vertical-yes .elm_btn_c>i, .elementor-header-btn-align-vertical-yes .elm_user_btn>i{
	display: block;
	margin-right: auto !important;
	margin-left: auto !important;
}
.elementor-widget-my-header-menu .mobile-nav-button {
	margin-top: 0;
}
.elementor-widget-container .login_wrap {
	float: none;
    display: block;
	margin: 0;
}
.elm_user_btn span{
    display: inline-block;
    vertical-align: middle;
}
.elm_user_btn .fa-italic{
    margin: 0 10px !important;
    font-size: 12px;
    vertical-align: middle;
}
.elementor-widget-container .head_social_wrap{
	float:none;
	display:block
}
.gototop.elm_gtp1{
	margin: auto;
	float: none;
	display: inline-block;
}
.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;
}
.gototop.elm_gtp2:hover{
	box-shadow:0 0 0 5px rgb(255 255 255 / 0.20)
}
.fixed_elm{
    position: fixed;
    left: 40px;
    bottom: 30px;
    z-index: 2;
}
.fixed_elm_btn{
	width: 60px;
	height: 60px;
	background-color: var(--maincolor);
	color: #FFF;
	border-radius: 50%;
	font-size: 30px;
	text-align: center;
	line-height: 70px;
	display: inline-block;
	position: relative;
	cursor:pointer;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-shadow: 6px 7px 28px -12px rgba(16, 16, 16, 0.3);
}
.fixed_elm_btn i{
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
	position: absolute;
	top: 15px;
	right: 0;
	left: 0;
}
.fixed_elm_btn .btn_front{}
.fixed_elm_btn .btn_back{
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
	transform: scale(0);
}
.fixed_elm_btn:before, .fixed_elm_btn: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
}
.fixed_elm_btn:hover{
	box-shadow: none;
}
.fixed_elm_btn:hover:before{
	opacity: 0.2;
	visibility:visible;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.fixed_elm_btn:hover:after{
	opacity: 0.1;
	visibility:visible;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}
.fixed_elm_btn.is_active{}
.fixed_elm_btn.is_active .btn_front{
	-webkit-transform: scale(0);
	transform: scale(0);
}
.fixed_elm_btn.is_active .btn_back{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
	transform: scale(1);
}


.nav_elm {
     position: fixed;
     z-index: 98;
}
.nav_elm:before, .nav_elm:after {
	content: "";
	position: fixed;
	bottom: 115px;
	left: 40px;
	width: 0;
	height: 0;
	background-color: rgb(255 255 255 / 60%);
	border-bottom-right-radius: 200%;
	z-index: -1;
	transition: border-radius linear 0.8s, width cubic-bezier(0.77, 0, 0.175, 1) 0.6s, height cubic-bezier(0.77, 0, 0.175, 1) 0.6s;
}
.nav_elm:after {
	background-color: rgb(255 255 255);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	box-shadow: 6px 7px 28px -12px rgba(16, 16, 16, 0.3);
}
.nav_elm:before {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
.nav_elm_content {
	position: fixed;
	visibility: hidden;
	bottom: 128px;
	left: 55px;
	width: 150px;
}
.nav_elm_list {
	position: relative;
	z-index: 2;
}
.nav_elm_list li {
	position: relative;
	display: block;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
	opacity: 0;
	color: #333;
	overflow: hidden;
	font-size: 12px;
	line-height: 1.2;
	-webkit-transform: translate(30px, 0%);
	transform: translate(30px, 0%);
	-webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
	transition: opacity .2s ease, -webkit-transform .2s ease;
	transition: opacity .2s ease, transform .2s ease;
	transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease;
	margin-top: 5px;
	margin-bottom: 5px;
}
.nav_elm_list li a{
	position: relative;
	color: rgb(0 0 0 / 60%);
	overflow: hidden;
	cursor: pointer;
	font-weight: 500;
	z-index: 2;
	padding-right: 20px;
	padding-top:5px;
	padding-bottom: 5px;
	display: inline-block;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.nav_elm_list li a:after{
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	width: 4px;
	height: 0;
	opacity: 0;
	background-color: var(--maincolor);
	z-index: 1;
	border-radius: 5px;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.nav_elm_list li a:hover:after{
	height: 100%;
	opacity: 1;
	top: 0;
}
.nav_elm_list li a:hover{
	color: rgb(58 58 58);
}
.nav_elm_list li.active-nav a{
	color: rgb(58 58 58);
}
.nav_elm_list li.current_page_parent a:after, .nav_elm_list li.current-menu-item a:after{
	height: 100%;
	opacity: 1;
	top: 0;
}
body.nav-active .nav_elm_content {
	visibility: visible;
}
body.nav-active .menu-icon_line {
	background-color: #fff;
	-webkit-transform: translate(0px, 0px) rotate(-45deg);
	transform: translate(0px, 0px) rotate(-45deg);
}
body.nav-active .nav_elm {
	visibility: visible;
}
body.nav-active .nav_elm:before, body.nav-active .nav_elm:after {
	width: 180px;
	height: 200px;
	border-radius: 15px;
}
body.nav-active .nav_elm:after {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
}
body.nav-active .nav_elm:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
body.nav-active .nav_elm_list li {
	opacity: 1;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
	transition: opacity .3s ease, transform .3s ease, color .3s ease;
	transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
}
body.nav-active .nav_elm_list li:nth-child(0) {
	-webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
body.nav-active .nav_elm_list li:nth-child(1) {
	-webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}
body.nav-active .nav_elm_list li:nth-child(2) {
	-webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
body.nav-active .nav_elm_list li:nth-child(3) {
	-webkit-transition-delay: 1s;
          transition-delay: 1s;
}
body.nav-active .nav_elm_list li:nth-child(4) {
	-webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
body.nav-active .nav_elm_list li:nth-child(5) {
	-webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
.file-upload {
  margin: 0 auto 15px auto;
}

.entry-content button.file-upload-btn {
  width: 100%;
  margin: 0;
  color: #fff;
  background: #9e9e9e;
  border: none;
  padding: 7px;
  border-radius: 8px;
  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;
  padding: 35px;
}

.image-dropping,
.image-upload-wrap:hover {
  background-color: #efeff1;
  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;
}

.mweb-body .vjs-default-skin .vjs-big-play-button {
	left: 50%;
	margin-left: -0.75em;
	top: 50%;
	margin-top: -0.75em;
	font-size: 4em;
	color: #fff;
	display: block;
	z-index: 2;
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	opacity: 1;
	background-color: var(--maincolor);
	border: none;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
	-moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
	box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.mweb-body .vjs-controls-disabled .vjs-big-play-button, .mweb-body .vjs-has-started .vjs-big-play-button, .mweb-body .vjs-using-native-controls .vjs-big-play-button, .mweb-body .vjs-error .vjs-big-play-button {
    display: none;
}
.mweb-body .vjs-default-skin:hover .vjs-big-play-button,
.mweb-body .vjs-default-skin .vjs-big-play-button:focus {
	outline: 0;
	border-color: #fff;
	background-color: #505050;
	background-color: rgba(50, 50, 50, 0.75);
	-webkit-box-shadow: 0 0 3em #fff;
	-moz-box-shadow: 0 0 3em #fff;
	box-shadow: 0 0 3em #fff;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}
.mweb-body .vjs-default-skin .vjs-big-play-button:before {
	content: "\e001";
	font-family: VideoJS;
	line-height: 1.2em;
	text-shadow: none;
	text-align: center;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}
.mweb-body .vjs-controls-disabled .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button, .vjs-error .vjs-big-play-button{
	display:none
}
.mweb-body .video-js .vjs-control-bar{
	height:4em;
}

.mweb-body .vjs-button > .vjs-icon-placeholder:before {
    font-size: 1.8em;
    line-height: 2.21;
}
.mweb-body .vjs-menu-button-popup .vjs-menu{
	margin-bottom: 2.5em;
}
.mweb-body .vjs-playback-rate .vjs-playback-rate-value {
    line-height: 2.5;
}
.mweb-body .video-js .vjs-time-control {
    font-size: 1.11em;
    line-height: 3.5em;
}
.woocommerce-Reviews .woocommerce-Reviews-title{
	font-size: 12px;
}
.realtime_product {
	padding: 0;
}
.realtime_product .slide-progress {
	width: 0;
	max-width: 100%;
	height: 3px;
	border-radius: var(--brradius);
	background: #d6d6d6;
	background: rgb(224,224,224);
    background: linear-gradient(90deg, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 100%);
	margin: 15px 0 0 0;
}
.post_wrapper.teacher{
    padding: 20px;
}
.thr-image img{
    border-radius: 5px;
}
.thr-informations{
    margin-top: 25px;
    padding: 30px;
    overflow: hidden;
    background: var(--bgcolor);
    position: relative;
    border-radius: 5px;
}
.thr-informations:before {
    content: "\f1d8";
    font-size: 125px;
    position: absolute;
    left: 20px;
    color: #0a0a0a;
    font-family: "Font Awesome 6";
    font-weight: 300;
    height: 100%;
    top: 40px;
    opacity: 0.02;
}
.thr-informations h4{
    color: var(--maincolor);
    font-weight: 500;
    font-size: 14px;
}
.thr-info{
    padding: 10px 0;
    line-height: 28px;
}
.thr-info li{}
.thr-info li i{
    font-size: 18px;
    vertical-align: middle;
    margin-left: 10px;
    opacity: 0.7;
}
.thr-info li a{
    font-family: sans-serif;
    font-size: 13px;
}

.thr-social-info{
    display: flex;
}

.thr-social-info li{
    padding: 0 7px;
    font-size: 17px;
}
.thr-social-info a{
    color: #656565;
}
.thr-social-info a:hover{
    color: var(--maincolor);
}

.thr-title{
    padding: 10px 15px;
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 15px;
    font-weight: 500;
    background-color: var(--bgcolor);
    border-radius: 10px 10px 10px 0;
}
.thr-desc{
    line-height: 2em;
    font-size: 12px;
    color: #787878;
    padding: 0 5px;
}
.thr-title-skills{
    line-height: 25px;
    font-size: 14px;
    font-weight: 500;
    padding: 20px 5px 5px;
}
.thr-skill{}
.thr-progress{
    padding: 10px 5px;
    position: relative;
}
.thr-progress-title{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.thr-progress .pb-label{}
.thr-progress .pb-percent{}
.thr-progress .pb-percent:after{
	content:'%';
	background-color:var(--maincolor);
	width: 14px;
	height: 14px;
	display:inline-block;
	font-size: 10px;
	vertical-align:middle;
	border-radius:50%;
	color:white;
	line-height: 16px;
	margin-right: 5px;
	text-align: center;
}
.thr-progress .thr-progress-wrap{
    background-color: #e5e5e9;
    display: block;
    height: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.thr-progress .thr-progress-bar{
    background-color: var(--maincolor);
    display: block;
    height: 5px;
}
.teacher-list-wrap, .ld-course-list-wrap{
    margin-top: 15px;
    margin-bottom: 15px;
}
.teacher-box {
    position: relative;
}

.teacher-img-box {
    width: 100%;
    height: 260px;
    border-radius: var(--brradius);
    overflow: hidden;
    position: relative;
    background-color: #FFF;
}

.teacher-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--brradius);
    transition: 0.5s;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.teacher-box:hover .teacher-img {
    transform: scale(1.1) rotate(3deg);
}

.teacher-social {
    position: absolute;
    top: 0;
    right: -40px;
    width: 40px;
    height: 100%;
    background: var(--maincolor);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    opacity: 0;
    transition: 0.5s;
    z-index: 1;
}

.teacher-box:hover .teacher-social {
    right: 0;
    opacity: 0.9;
}

.teacher-social-link {
    font-size: 0;
    line-height: 1;
    padding-bottom: 25px;
}

.teacher-social-link li a {
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    transition: 0.3s;
    display: inline-block;
    margin: 7px 0;
}

.teacher-social-link li a:hover {
    color: #010f2e;
}

.teacher-text-box {
    display: block;
    width: calc(100% - 50px);
    background: #ffffff;
    border-radius: var(--brradius);
    box-shadow: 1px 1px 60px rgba(0,0,0,0.1);
    margin: -30px auto 0 auto;
    position: relative;
    padding: 15px 10px 14px 10px;
    text-align: center;
    z-index: 1;
}

.teacher-text-box h3 a {
	font-size: 12px;
    font-weight: 500;
}
.swiper-slide .teacher-text-box{
	box-shadow: 1px 1px 20px -8px rgb(0 0 0 / 10%);
    margin: -30px auto 10px auto;
}
.podcast_wrapper{
    display: flex;
    align-content: center;
    background-color: #FFF;
    margin: 5px auto;
    box-shadow: 0px 0px 9px -5px #00000042;
    border-radius: var(--brradius);
    padding: 15px 15px;
    justify-content: space-between;
    position: relative;
}
.elementor-widget-mweb-product-images .podcast_wrapper{
    background-color: unset;
    box-shadow: unset;
    border-radius: unset;
	margin: 0 !important;
}
.entry-content .podcast_wrapper{
    margin: 20px auto;
}
.podcast_wrapper.podcast_single{
	margin:0 0 15px 0
}
.podcast_wrapper .podcast_image{
    flex: 0 0 23%;
    display: flex;
    align-items: center;
    position: relative;
    min-width: 175px;
    max-width: 196px;
}
.podcast_wrapper .podcast_image img{
    box-shadow: 0 0 0 5px rgb(0 0 0 / 10%), 0 0 0 10px rgb(0 0 0 / 10%), 0 0 5px 20px rgb(0 0 0 / 5%);
    border-radius: 50%;
    height: 110px;
    position: relative;
    transition: all 170ms ease-in;
    width: 110px;
    z-index: 2;
    margin-right: 22px;
}
.podcast_wrapper.play .podcast_image img{
	box-shadow: 0 0 0 5px rgba(0, 0, 0, 0),
      0 0 0 10px rgba(0, 0, 0, 0), 0 0 5px 20px rgba(0, 0, 0, 0);
}
.podcast_wrapper .podcast_inner{
    flex: 0 1 100%;
	line-height: 2em;
}
.podcast_wrapper .podcast_inner h5{
    font-size: 13px;
    padding: 0;
    margin-bottom: 26px;
}
.podcast_wrapper .podcast_inner .podcast_desc{
    color: #a0a0a0;
    font-size: 11px;
}
.podcast_wrapper .podcast_inner h5 + .podcast_desc{
	margin-top: -27px;
}
.podcast_inner .player_controls{
    margin-top:10px
}
.podcast_inner .player_controls .el_timing{
	display: inline-flex;
	font-size: 11px;
	font-family: var(--mainfontnum);
	text-align: -webkit-center;
	direction: rtl;
	color: #949494;
	line-height: 16px;
}
.podcast_inner .player_controls .el_timing span.time-total{
    padding: 0 0 0 10px;
    margin-left: 10px;
	border-left:1px dotted #ddd
}
.podcast_inner .player_controls .ctl_audio {
    background-color: #f0f0f0;
    margin: 0 10px 0 0;
    width: 30px;
    height: 29px;
    float: left;
    border-radius: 5px;
    text-align: center;
    color: #333;
    font-size: 12px;
    line-height: 29px;
	transition:all 0.2s cubic-bezier(0.55, 0.06, 0.68, 0.19);;
	cursor:pointer
}
.podcast_inner .player_controls .ctl_audio:hover{
	background-color:#555;
	color:#FFF
}
.podcast_inner .player_controls .ctl_audio:after{
	content: "\f04b";
	font-family: "Font Awesome 6";
	font-weight: 300;
}
.podcast_wrapper.play .player_controls .el_play_stop:after{
	content: "\f04c";
}
.podcast_inner .player_controls .ctl_audio.el_mute:after{
	content: "\f6a8";
}
.podcast_inner .player_controls .ctl_audio.is_mute:after{
	content: "\f2e2";
}
.podcast_player {
	 height: 136px;
	 right: 9px;
	 position: absolute;
	 transform: scale(0.7);
	 transition: all 170ms ease-in;
	 top: 13px;
	 width: 136px;
	 display: none;
}
 .podcast_wrapper.play .podcast_player {
	 transform: scale(1);
}
 @keyframes discAni {
	 from {
		 transform: rotate(0deg);
	}
	 to {
		 transform: rotate(360deg);
	}
}
 .podcast_player__disc {
	 animation: discAni 6s infinite linear forwards;
	 border: 2px solid var(--secondcolor);
	 border-radius: 50%;
	 box-sizing: border-box;
	 height: 136px;
	 left: 0;
	 position: absolute;
	 top: 0;
	 width: 136px;
}
 .podcast_player__disc-stripe1 {
	 height: 30px;
	 left: 32px;
	 overflow: hidden;
	 position: absolute;
	 top: 4px;
	 width: 70px;
}
 .podcast_player__disc-stripe1:before {
	 border: 2px solid rgba(0, 0, 0, 0.6);
	 border-radius: 50%;
	 box-sizing: border-box;
	 content: "";
	 display: block;
	 height: 120px;
	 left: -25px;
	 position: absolute;
	 top: 0px;
	 width: 120px;
}
 .podcast_player__disc-stripe2 {
	 bottom: 5px;
	 height: 30px;
	 left: 50px;
	 overflow: hidden;
	 position: absolute;
	 width: 34px;
}
 .podcast_player__disc-stripe2:before {
	 border: 2px solid rgba(0, 0, 0, 0.6);
	 border-radius: 50%;
	 box-sizing: border-box;
	 content: "";
	 display: block;
	 height: 120px;
	 left: -43px;
	 position: absolute;
	 top: -90px;
	 width: 120px;
}



.blog_expanding {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	overflow: hidden;
	min-width: 600px;
	width: 100%;
	height: 310px;
}


@media screen and (max-width: 718px) {
	.blog_expanding {
		min-width: 520px;
	}
	.blog_expanding .el_slide:nth-child(5) {
		display: none;
	}
}

@media screen and (max-width: 638px) {
	.blog_expanding {
		min-width: 440px;
	}
	.blog_expanding .el_slide:nth-child(4) {
		display: none;
	}
}

@media screen and (max-width: 558px) {
	.blog_expanding {
		min-width: 360px;
	}
	.blog_expanding .el_slide:nth-child(3) {
		display: none;
	}
}

@media screen and (max-width: 478px) {
	.blog_expanding {
		min-width: 280px;
		flex-direction: column;
		height: auto;
	}
	.blog_expanding .el_slide.active{
		height:160px
	}
	.mweb-body .blog_expanding .el_slide{
		min-height:60px;
		margin:5px 0;
		display:block;
		background-repeat: no-repeat;
		background-size: cover !important;
	}
}

.blog_expanding .el_slide {
	position: relative;
	overflow: hidden;
	min-width: 60px;
	margin: 0 10px;
	background: var(--optionBackground, var(--defaultBackground, #E6E9ED));
	background-size: auto 120%;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}
.blog_expanding .el_slide:last-child{
	margin-left:0
}

.blog_expanding .el_slide:nth-child(1) {
	--defaultBackground: #ED5565;
}

.blog_expanding .el_slide:nth-child(2) {
	--defaultBackground: #FC6E51;
}

.blog_expanding .el_slide:nth-child(3) {
	--defaultBackground: #FFCE54;
}

.blog_expanding .el_slide:nth-child(4) {
	--defaultBackground: #2ECC71;
}

.blog_expanding .el_slide:nth-child(5) {
	--defaultBackground: #5D9CEC;
}

.blog_expanding .el_slide:nth-child(6) {
	--defaultBackground: #AC92EC;
}

.blog_expanding .el_slide.active {
	flex-grow: 10000;
	transform: scale(1);
	margin: 0px;
	border-radius: 20px;
	/* background-size: auto 100%; */
}

.blog_expanding .el_slide.active:before {
	background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.5) 35%, rgba(255,255,255,0) 100%);
}

.blog_expanding .el_slide.active .label {
	bottom: 20px;
	right: 20px;
	left: 10px;
	overflow: hidden;
}

.blog_expanding .el_slide.active .label .info>div {
	left: 0px;
	opacity: 1;
}

.blog_expanding .el_slide:not(.active) {
	flex-grow: 1;
	border-radius: 20px;
}

.blog_expanding .el_slide:not(.active):before {
	bottom: -40px;
	box-shadow: inset 0 -120px 0px -120px black, inset 0 -120px 0px -100px black;
}

.blog_expanding .el_slide:not(.active) .label {
	bottom: 10px;
	right: 10px;
}

.blog_expanding .el_slide:not(.active) .label .info>div {
	left: 20px;
	opacity: 0;
}

.blog_expanding .el_slide:before {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 120px;
	transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.blog_expanding .el_slide .label {
	display: flex;
	position: absolute;
	right: 0px;
	height: 40px;
	transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.blog_expanding .el_slide .label .icon {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	min-width: 40px;
	max-width: 40px;
	height: 40px;
	font-size: 17px;
	border-radius: 100%;
	background-color: white;
	color: var(--defaultBackground);
}

.blog_expanding .el_slide .label .info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 10px;
	color: white;
	white-space: pre;
}

.blog_expanding .el_slide .label .info>div {
	position: relative;
	transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity 0.5s ease-out;
}

.blog_expanding .el_slide .label .info .main {
	font-weight: 500;
	font-size: 14px;
}

.blog_expanding .el_slide .label .info .desc {
	transition-delay: 0.1s;
}
.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;
}




.product_item.is_horizontal{
	display: flex;
	padding: 10px 0 10px 10px;
	flex-wrap: wrap;
}
.product_item.is_horizontal .product_image_area .product_image{
	display:block;
	border-radius: var(--brradius);
	overflow: hidden
}
.product_item.is_horizontal .product_image_area img{
	border-radius: var(--brradius);
	transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.product_item.is_horizontal:hover .product_image_area img {
    transform: scale(1.12);
}

.product_item.is_horizontal .product_detail_area{
    flex: 1 0 0%;
}
.product_item.is_horizontal .product_item_meta .item_meta{
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-left: 15px;
}
.product_item.is_horizontal .product_detail_l{position: relative;text-align: center;}
.product_item.is_horizontal .product_detail_l:before{
	content: '';
	background-color: #ededed;
	width: 1px;
	height: 120px;
	display: inline-block;
	vertical-align: middle;
	margin: 23px 0 0 0;
	position: absolute;
	right: -25px;
}
.product_item.is_horizontal .product_detail_l .product_read_more, .product_item.is_horizontal .product_detail_l .add_to_wishlist_wrap{display: inline-block;background-color: #f4f4f4;vertical-align: middle;color: #222;width: 34px;height: 34px;line-height: 34px;font-size: 16px;margin-right: 5px;border-radius: 50%;text-align: center;}
.product_item.is_horizontal .product_detail_l .product_read_more i{
	line-height: inherit
}
.product_item.is_horizontal .product_detail_l .product_read_more:hover{
	background-color: var(--maincolor);
	color: white
}
.product_item.is_horizontal .product_detail_l .price{
	font-size: 15px;
	display: block;
	margin: 45px 0px 20px 0px;
	min-width: 160px;
}

.product_item a.add_to_wishlist{
	display:block
}
.product_item a.add_to_wishlist:after {
	content: '\f004';
	font-family: "Font Awesome 6";
	font-weight: 300;
	font-size: 14px;
	color: inherit;
	display: block;
}
.product_item .add_to_wishlist_wrap.added a.add_to_wishlist:after {
	content: '\f004';
	font-family: "Font Awesome 6";
	font-weight: 300;
	color: #F44336;
}
.product_item .add_to_wishlist_wrap.loading a.add_to_wishlist:after{
	content:'\f3f4';
	    display: inline-block;
	-webkit-animation:fa-spin 2s infinite linear;
	animation:fa-spin 2s infinite linear
}
.product_item.is_horizontal .product_detail_l .add_to_wishlist_wrap:hover{
	background-color: white;
	box-shadow: 0 0 10px -2px #f4f4f4;
}
.product_item.is_horizontal .product_detail_area h3{
	font-size: 14px;
}
.product_item.is_horizontal .product_label {
    right: 20px;
}
.product_item.type_2 .product_image_area{
	margin:10px 10px 0 10px;
	border-radius: var(--brradius);
	overflow:hidden
}
.product_item.type_2 .product_item_bottom{
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-top: 1px solid #f3f3f3;
    margin-top: 10px;
    padding: 9px 0 5px 0;
    align-items: center;
}
.product_item.type_2 a.product_read_more {
    height: 30px;
    background-color: var(--maincolor);
    color: white;
    border-radius: 20px 20px 20px 20px;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    padding: 0 14px 0 7px;
}
.product_item.type_2 a.product_read_more i{
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    background-color: #FFF;
    color: var(--maincolor);
    margin-right: 3px;
    border-radius: 30px;
    text-align: center;
    line-height: 19px;
} 
.product_item.type_2:hover a.product_read_more{
	background-color: white;
	box-shadow: 0 0 10px -2px #f4f4f4;
	color:#555
}
.product_item.type_2 .item_meta{
    flex: 1 0 auto;
    max-width: unset;
    -ms-flex: 1 0 auto;
}

.product_item .preview_btn, .product_item .audio_preview_btn{
	position: absolute;
	font-size: 24px;
	line-height: 52px;
	top: calc(50% - 22px);
	z-index: 1;
	right: calc(50% - 22px);
	text-align: center;
	color: #fff;
	cursor: pointer;
	text-shadow: 0 0 35px black;
	width: 44px;
	height: 44px;
	border-radius: 50px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.product_item .preview_btn:hover, .product_item .audio_preview_btn:hover, .product_item .audio_preview_btn.is_active{
	background-color: var(--maincolor);
	box-shadow: 0 0 50px -5px #000;
}
.product_item .audio_preview_btn{
	font-size: 18px;
	overflow: hidden;
	text-shadow: unset;
}
.product_item .audio_preview_btn.is_active:after{
	content: '';
	position: absolute;
	background-color: inherit;
	height: 21px;
	left: 0;
	top: 12px;
	width: 10px;
	transition: all 0.5s;
	animation: waveexpand 2s ease-out infinite;
}
@keyframes waveexpand {
    0% {
        width: 8px;
    }
    50% {
        width: 22px; 
    }
    100% {
        width: 38px;
    }
}

#perview_video_popup{
	padding:2px;
}
#perview_video_popup .popup_video_content{
	display: flex;
}
.popup_video_content video{
	width: 100%;
	object-fit: fill;
	border-radius: var(--brradius);
}
.popup_video{
    height: 60px;
    width: 60px;
    line-height: 60px;
    font-size: 20px;
    color: var(--maincolor);
    background-color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}
.popup_video:hover{
	 -webkit-transform: scale(1.05);
        transform: scale(1.05);
}
.popup_video:before, .popup_video:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	border-radius: 50%;
	border: 1.2px solid var(--maincolor);
	-webkit-animation: video-ripple 2s linear 1s infinite;
	animation: video-ripple 2s linear 1s infinite;
}
.popup_video:before{
	-webkit-animation: video-ripple 2s linear infinite;
	animation: video-ripple 2s linear infinite;
}
@-webkit-keyframes video-ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2.3);
        transform: scale(2.3);
        opacity: 0
    }
}

@keyframes video-ripple {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(2.1);
        transform: scale(2.1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2.3);
        transform: scale(2.3);
        opacity: 0
    }
}
.woocommerce .elementor-widget-mweb-breadcrumbs .woocommerce-breadcrumb{
	color: rgb(83 83 83 / 80%);
    padding-bottom: 0
}

#modal-share-wrap {
    max-width: 500px;
}
#modal-share-wrap>p{
    font-size: 12px;
    padding-bottom: 7px;
    font-weight: 500;
    color: #555;
}
.product_share_btn{}
.product_share_btn:hover{
	background-color:var(--maincolor);
	color:#FFF
}


.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: 13px;
	margin-right: 3px;
}
.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;
}
.horizontal_scroll_css{
    white-space: nowrap;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
.horizontal_scroll_css::-webkit-scrollbar {
	height: 2px;
	background: #eee;
	border-radius: 4px
}
.horizontal_scroll_css::-webkit-scrollbar-corner {
	background-color: #282828;
	display: block;
	border-radius: 4px
}
.horizontal_scroll_css::-webkit-scrollbar-thumb {
	background-color: #b5b5b5;
	border-radius: 4px
}

.vertical_scroll_css{
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.vertical_scroll_css::-webkit-scrollbar {
	width: 2px;
	background: #eee;
	border-radius: 4px
}
.vertical_scroll_css::-webkit-scrollbar-corner {
	background-color: #282828;
	display: block;
	border-radius: 4px
}
.vertical_scroll_css::-webkit-scrollbar-thumb {
	background-color: #b5b5b5;
	border-radius: 4px
}


.ajax_search_list .post_with_thumb{
    width: 200px;
    display: inline-flex;
    border: 1px solid #f1f1f1;
    border-radius: var(--brradius);
    padding: 10px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    margin: 10px 5px;
}
.ajax_search_list .post_with_thumb .inner{
    display: block;
    overflow: hidden;
    white-space: normal;
    margin: 5px 0;
}
.ajax_search_list .post_with_thumb .inner a{
	height: 34px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.mweb-body .ajax_search_list .post-thumb img{
    max-width: 100%;
}
.elementor-widget-block-teacher-slider .swiper-cards .swiper-slide{
	box-shadow: unset;
}
.elementor-text-editor{
	font-family: var(--mainfontnum);
}
.box_wrap.mweb_video_element{
	background-color: transparent;
    width: auto;
    display: inline-block;
	overflow: hidden;
    padding: 0;
}
.mweb_video_element.player_is_videojs{
	display: inherit;
}
.elementor-widget-block-single-video video {
    object-fit: fill;
}
.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;
}




#mpreloader {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    margin-top: 0px;
    top: 0px;
    overflow: hidden;
}
.elementor-editor-active #mpreloader{
	display: none !important
}
.preloader-center {
    width: 100%;
    height: 100%;
    position: relative;
}
.preloader-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15%;
    transform: translate(-50%, -50%);
}
.preloader-content{
	text-align: center;
}
.preloader-stroke{
	position: relative;
	width: 100%;
	background: var(--maincolor);
	height: 3px;
}
.preloader-stroke::before{
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 3px;
	background-color: #fff;
	animation: preloader 5s linear infinite;
	animation-timing-function: cubic-bezier(.75, .04,0,.86);
	
}
.preloader-logo-icon{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 19px;
	width: 30px;
	height: 30px;
	animation: preloader 5s linear infinite;
	animation-timing-function: cubic-bezier(.75, .04,0,.86);
}

.preloader-logo-icon-2{
	width: 60px;
	height: 60px;
	transform-origin: center;
	animation: preloader-shake  5s linear infinite;
}

.preloader-logo-text{
	padding-bottom: 20px;
}

@keyframes preloader-shake {
	0%{
		transform: rotate(0deg);
		
	}
	25%{
		transform: rotate(-75deg);
	}
	50%{
		transform: rotate(0deg);
	}
	75%{
		transform: rotate(-75deg);
	}
	100%{
		transform: rotate(0deg);
	}
}	

@keyframes preloader {
	0%{
		left: 0;
	}
	50%{
		left: 100%;
	}
	100%{
		left: 0;
	}
}	

@-webkit-keyframes preloader {
	0%{
		left: 0;
	}
	50%{
		left: 100%;
	}
	100%{
		left: 0;
	}
}






.el-item-category {
    text-align: center;
    line-height: 28px;
	-webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
}

.el-item-category:not(.type3) {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    will-change: transform;
}

.el-item-category img {
    display: inherit;
}

.el-item-category h3 {
    padding-top: 0;
}

.el-item-category a, .el-item-category a:hover, .el-item-category a:focus {
    outline: none;
}

.el-item-category .el-category-meta h3 a, .el-item-category.type2 h3 a {
    text-decoration: none;
}

.el-item-category .el-category-meta {
    font-size: 16px;
}

/* type 1 */
.el-item-category.type1 {
    text-align: center;
    z-index: 0;
    position: relative;
    overflow: hidden;
}

.el-item-category.type1 * {
    z-index: 1;
}

.el-item-category.type1 h3 {
    font-size: 30px;
    line-height: normal;
    margin: 0;
    font-weight: 400;
}

/* .el-item-category.type1:before { position: absolute; content: ""; display: block; pointer-events: none; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid transparent; z-index: 2; }

.el-item-category.type1:hover:before { top: 10px; right: 10px; bottom: 10px; left: 10px; border-width: 4px; border-style: solid; } */
.el-item-category.type1 .el-category-meta {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    width: 100%;
    z-index: 3;
}

.el-item-category.type1 .el-category-meta > img {
    float: none;
    display: inline-block;
    margin-bottom: 7px;
    height: 40px;
    width: auto;
    filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
}

.el-item-category.type1:hover .el-category-meta > img {
    filter: none;
    -moz-filter: none;
    -webkit-filter: none;
    -ms-filter: none;
}

.el-item-category.type1 .el-category-meta > span {
    font-size: 40px;
    margin-bottom: 7px;
}

.el-item-category.type1 .el-category-meta .el-category-total-items {
    font-size: 16px;
    font-weight: 400;
}

/* new type-1 */
.el-item-category.type1 img:not(.el-category-meta img) {
    opacity: 0;
    transition: all 0.3s linear 0s;
	
}
@media only screen and (max-width: 1540px) {
    .el-item-category.type1 {
        height: 195px;
    }

    .el-item-category.type1 img:not(.el-category-meta img) {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
}

.el-item-category.type1 .el-category-meta img {
    width: 100px;
}

.el-item-category.type1 .el-category-icon-data {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    margin: auto;
    -webkit-background-clip: text;
    background-clip: text;
}

.el-item-category.type1 .el-category-meta img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    object-position: center;
}

.el-item-category.type1 .el-category-meta h3 a, .el-item-category.type1 h3 a {
    text-decoration: none;
    font-size: 14px;
    color: #101010;
    font-weight: 500;
}

.el-item-category.type1 .el-category-meta .el-category-total-items {
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--mainfontnum);
}

.el-item-category.type1 .el-category-meta .el-category-total-items > * {
    margin-bottom: 0;
}

.el-item-category.type1 .el-category-meta .el-category-total-items span {
    margin-left: 5px;
}

/* hover */
.el-item-category.type1:hover .el-category-total-items {
    opacity: 0;
    margin-bottom: -30px;
}

.el-item-category.type1:hover {
    box-shadow: 0px 5px 12px -1.25px rgb(0 0 0 / 10%);
}

.el-item-category.type1 .el-category-icon-data:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: inherit;
    z-index: -1;
    opacity: 1;
    transition: all cubic-bezier(.68,-0.55,.27,1.55) .6s;
    border-radius: inherit;
}

.el-item-category.type1:hover .el-category-icon-data:after {
    width: 100%;
    height: 410%;
    opacity: 0.55;
}

.el-item-category.type1:hover .el-category-meta h3 a, .el-item-category.type1:hover h3 a {
    color: white;
}

.el-item-category.type1:hover img:not(.el-category-meta img) {
    opacity: 1;
}


/* type 2 */
.el-item-category.type2 {
    position: relative;
}

.el-item-category.type2 * {
    z-index: 1;
}

.el-item-category.type2 h3 {
    position: absolute;
    width: 90%;
    margin: 0;
    text-align: right;
    bottom: 25px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0px;
    right: 20px;
    z-index: 3;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
}

.el-item-category.type2:hover h3 {
    bottom: 30px;
    padding-right: 15px;
}

.el-item-category.type2 h3 a {
    color: #fff;
}

.el-item-category.type2:before {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    z-index: 2;
    transition: all 0.3s linear 0s;
}

.el-item-category.type2:hover img {
    transform: scale(1.1);
}

.el-item-category.type2 img {
    transition: all 0.3s linear 0s;
}

.el-item-category.type2:after {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
    width: 0;
    height: 3px;
    z-index: 3;
}

.el-item-category.type2:hover:after {
    width: 100px;
}

/* new type-2 */
.el-item-category.type2 {
    display: flex;
    overflow: hidden;
}

.el-item-category.type2 .el-category-icon-data {
    position: absolute;
    z-index: 3;
    right: 20px;
    padding: 10px;
    border-radius: 50%;
    bottom: 15px;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.3s linear 0s;
}

.el-item-category.type2 .el-category-total-items {
    padding-left: 110px;
    display: flex;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    z-index: 3;
    position: relative;
    display: none;
}

.el-item-category.type2 h3 {
    padding-right: 65px;
}

.el-item-category.type2 .el-category-icon-data img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.el-item-category.type2:hover:after {
    width: 0;
}

.el-item-category.type2:hover .el-category-icon-data {
    opacity: 0;
    transform: scale(0);
}


/* type 4 */
.el-item-category.type4 {
    min-height: 200px;
    position: relative;
    text-align: center;
    overflow: hidden;
    border: 10px solid rgba(255,255,255, 0.25);
}

.el-item-category.type4 .el-category-meta {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    width: 90%;
    z-index: 1;
}

.el-item-category.type4 h3 {
    margin: 0;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0;
    color: #333;
}

.el-item-category.type4:hover h3 {
    transform: translateY(-2px);
}

.el-item-category .el-category-meta h3 a {
    color: #101010;
}
.el-item-category.type2 h3 a {
    color: #FFF;
}

.el-item-category.type4 .el-category-meta .el-category-total-items, .el-item-category.type4 .el-category-meta .el-category-total-items span {
    color: var(--maincolor);
    font-family: var(--mainfontnum);
    font-size: 13px;
}
 .el-item-category.type4 .el-category-meta .el-category-total-items span{
	 margin-left: 7px
 }
.el-item-category.type4:hover .el-category-total-items {
    transform: translateY(2px);
}

.el-item-category.type4:before {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 2px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    margin-top: 1px;
}

.el-item-category.type4:hover:before {
    visibility: visible;
    opacity: 1;
    width: 25px;
}

.el-item-category.type4:after {
    position: absolute;
    content: "";
    display: block;
    pointer-events: none;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    border-radius: 15px;
    background-color: #fff;
}

.el-item-category.type4:hover:after {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
}

.el-item-category.type4:hover {
    box-shadow: 0px 0px 23.75px 1.25px rgb(0 0 0 / 10%);
    border: 0px solid rgba(0,0,0, 0);
}

.vc_row .wpb_column.last .el-item-category.type3 {
    border-right-width: 0;
}

.vc_row .wpb_column .el-item-category.type3:last-child {
    border-bottom-width: 0;
}

.el-item-category.type4:before {
    width: auto;
    height: auto;
    left: 20px;
    top: 20px;
    bottom: 20px;
    right: 20px;
    transform: unset;
    -moz-transform: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    margin: auto;
    border-radius: 15px;
    transition: all 0.3s 0.3s linear;
    background-color: inherit !important;
    transform: scale(0.85);
    background-color: #fff;
}

.el-item-category.type4:hover:before {
    transform: scale(1);
    width: auto;
}

/* type 5 */
.el-item-category.type5 {
    overflow: hidden;
}

.el-item-category.type5 .el-category-meta {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    min-width: 70%;
    min-height: 56px;
    padding: 7px 10px;
    text-align: right;
    z-index: 1;
    border-radius: 0 10px 0 10px;
    overflow: hidden;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
}

/* .el-item-category.type5 img{border-radius: inherit;} */
.el-item-category.type5 .el-category-meta:before {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgb(0 0 0);
}

.el-item-category.type5:hover .el-category-meta:before {
    opacity: 0.8;
    background: #fff;
}

.el-item-category.type5:hover .el-category-meta > span {
    background: #222;
}

.el-item-category.type5:hover .el-category-meta h3 a {
    color: #000000;
}

.el-item-category.type5 .el-category-meta > span {
    font-size: 20px;
    margin-left: 15px;
    float: right;
    width: 42px;
    height: 42px;
    line-height: 42px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
}

@-moz-document url-prefix() {
    .el-item-category.type5 .el-category-meta > span {
        line-height: 48px;
    }
}

.el-item-category.type5 .el-category-meta > span img {
    float: left;
    width: auto;
    height: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
}

.el-item-category.type5 h3 {
    margin-top: 8px;
    font-weight: 500;
    float: none;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 0;
}
.el-item-category.type5 h3 a{
	color: white
}


.el-item-category.type5 .el-category-total-items {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-weight: bold;
    opacity: 0;
    visibility: hidden;
    border-radius: 50%;
    color: #fff;
    font-family: var(--mainfontnum);
}

.el-item-category.type5:hover .el-category-total-items {
    left: 10px;
    right: auto;
    bottom: 10px;
    opacity: 1;
    visibility: visible;
}

.el-item-category.type5:hover .el-category-meta {
    min-width: 100%;
    min-height: 100%;
    border-radius: inherit;
}
td.product-quantity .quantity_label, td.product-quantity input[type=hidden] + .plus-minus, .quantity input[type=hidden] + .plus-minus{
	display: none
}
.product-st-two .product_item:not(.pfile):not(.pfile2) .product_item_info{
    height: 40px;
    margin: 10px 0 12px 0;
    padding: 5px 0;
    border-radius: var(--brradius);
    border: 1px dashed #cdcdcd;
	background-color: white
    /* box-shadow: 0 0 10px -3px rgb(0 0 0 / 15%); */
}
.product-st-two .product_item:not(.pfile) .product_item_info a.product_read_more{
    border-radius: var(--brradius);
    font-size: 17px;
    line-height: 35px;
    margin-right: 5px;
}
.entry-title i{
	font-size: 17px;
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle
}
.elm_blog_tools{
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}
.elementor-tools-alignLeft-yes .elm_blog_tools{
	justify-content: space-between;
	flex-direction: row-reverse;
}
.elm_blog_tools i{
    margin-left: 10px;
    font-size: 17px;
    transition: all 0.3s;
}
.btn_add2wishlist.loading i{
	-webkit-animation-name: fa-bounce;
    animation-name: fa-bounce;
    -webkit-animation-delay: var(--fa-animation-delay,0s);
    animation-delay: var(--fa-animation-delay,0s);
    -webkit-animation-direction: var(--fa-animation-direction,normal);
    animation-direction: var(--fa-animation-direction,normal);
    -webkit-animation-duration: var(--fa-animation-duration,1s);
    animation-duration: var(--fa-animation-duration,1s);
    -webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    animation-iteration-count: var(--fa-animation-iteration-count,infinite);
    -webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));
    animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))
}
.btn_like.loading i{
	-webkit-animation-name: fa-beat-fade;
	animation-name: fa-beat-fade;
	-webkit-animation-iteration-count: var(--fa-animation-iteration-count,infinite);
	animation-iteration-count: var(--fa-animation-iteration-count,infinite);
	-webkit-animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
	animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));
	-webkit-animation-delay: var(--fa-animation-delay,0s);
	animation-delay: var(--fa-animation-delay,0s);
	-webkit-animation-direction: var(--fa-animation-direction,normal);
	animation-direction: var(--fa-animation-direction,normal);
	-webkit-animation-duration: var(--fa-animation-duration,1s);
	animation-duration: var(--fa-animation-duration,1s);
}
.elm_blog_tools .btn_copy{
    position: static;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    flex-direction: row;
}
.elementor-tools-alignLeft-yes .elm_blog_tools .btn_copy{flex-direction: row-reverse;margin-right: 15px;}
.elementor-tools-alignLeft-yes .elm_blog_tools i{ margin: 0 10px 0 0 !important}
.elm_blog_tools input{
    padding: 0;
    border: none;
    line-height: inherit;
    background: none;
    font-size: 90%;
	border-radius: 0
}
.elm_blog_tools .count{
	font-family: var(--mainfontnum);
	margin-right: 5px;
	vertical-align: middle;
}
.elm_blog_tools .fontsize_change{
    font-family: var(--mainfontnum);
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.elementor-tools-alignLeft-yes .elm_blog_tools .fontsize_change{
    margin-right: 0px;
}
.elm_blog_tools .fontsize_change i{
    font-size: 110% !important;
    margin: 0 10px !important;
    min-width: 14px !important;
	cursor: pointer
}
.elm_blog_tools .fontsize_change i.increase{
	margin-right: 0 !important;
}
.elm_blog_tools .fontsize_change i:hover{
	color: inherit !important
}
.elm_blog_tools .fontsize_change b{
	font-weight: inherit
}
.btn_share ul li{
	display: inline-block;
	margin-right: 10px
}
.elementor-tools-alignLeft-yes .btn_share ul li{
	display: inline-block;
	margin-left: 10px;
	margin-right: 0;
	vertical-align: middle;
}
.btn_share ul li a{
	display: block
}
.elm_blog_tools.btn_share.no_modal{
	justify-content: space-between;
}
.is_hide{
	display: none
}

.ticket_status{
	margin-bottom: 25px
}
.tickets_head {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.mweb-body .create_ticket_btn, .mweb-body .back_ticket_btn, .mweb-body .continue_ticket_btn {
    /* margin-right: auto; */
    display: inline-block !important;
    /* width: 71px; */
    text-align: center;
    background-color: var(--maincolor) !important;
    color: #FFF;
    border-radius: 7px !important;
    font-weight: 500;
    cursor: pointer
}
.create_ticket_btn:hover, .back_ticket_btn:hover{
    box-shadow: .2rem .2rem 0rem #FFF;
	transform: translateY(-5px)
}
.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(--secondcolor);
    color:#FFF;
    display: inline-block;
}

.tb-cell.cell-date b{
    display: block;
    font-weight: 600;
}
.tb-cell.cell-status {
    flex: 0;
    min-width: 100px;
}
.cell-status span{
    border-radius: 3px;
    background-color: #4d4d4d;
    padding: 0 5px;
    color: white;
    font-size: 11px;
}
span.tk_s1{background-color: #2ce18e !important;}
span.tk_s2{ background-color: #9f5ce4 !important; }
span.tk_s3{ background-color: #FFC107 !important; }
span.tk_s4{background-color: #ff5a4e !important;}
span.tk_s5{/* 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(--secondcolor);
    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: 7px;
    padding: 15px 20px;
}
form#create-ticket input[type="text"], form#create-ticket select{
    width: 100%
}
form#create-ticket textarea{
    width: 100%;
    margin-left: 15px;
    height: 97px;
}
.select2-results {
    font-size: 11px !important;
}
.form-row-group{
    display: flex;
    margin-bottom: 15px;
}
.form-row-group .form-row{flex: 1;padding: 0 0 0 15px !important;}
.form-row-group .form-row:last-child{padding: 0 !important;}
.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);
}

@media print {
	body {
		background-color: white !important;
	}
}

@media only screen and (max-width: 1180px) and (min-width: 1000px) {
	.hexagon_wrap{
		max-width: 960px;
	}
	.hexagon_wrap .el_featured_hexagon:nth-child(9),.hexagon_wrap .el_featured_hexagon:nth-child(26),.hexagon_wrap .el_featured_hexagon:nth-child(42){
		margin-right: 64px;
	}
	.hexagon_wrap .el_featured_hexagon:nth-child(n+9){
		margin-top: -30px;
	}
	
}
@media only screen and (min-width: 1200px) {
	.hexagon_wrap .el_featured_hexagon:nth-child(10),.hexagon_wrap .el_featured_hexagon:nth-child(27),.hexagon_wrap .el_featured_hexagon:nth-child(43){
		margin-right: 64px;
	}
	.hexagon_wrap .el_featured_hexagon:nth-child(n+10){
		margin-top: -30px;
	}
	.xslider.swiper-wrap-visible {
		overflow: visible;
	}

	.swiper-wrap-visible .mweb-swiper-prev{
		left: -20px;
	}
	.swiper-wrap-visible .mweb-swiper-next{
		right: -20px;
	}
	
	.mweb-body .my_sticky {
		position: fixed;
		top: -50px;
		right: 0;
		left: 0;
		border-radius: 0;
		margin-top: 0;
		z-index: 9999;
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .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);
	}
}
.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;
}
.pace{
	display: none
}
.certificate-actions {
    background-color: white;
    border-radius: var(--brradius);
    border: 1px solid #f7f7f7;
    box-shadow: 0px 0px 7px -5px rgba(0, 0, 0, 0.29);
    overflow: hidden;
    padding: 20px;
    width: 296px;
    position: fixed;
    left: 20px;
    bottom: 20px;
}
.certificate-actions button{
    background-color: #1ad022;
    border-radius: var(--brradius);
    box-shadow: 0px 0px 15px -5px rgb(26 208 34);
    outline: none;
    border: none;
    color: #FFF;
    padding: 7px 20px;
    margin-left: 15px;
    font-size: 13px;
    display: inline-block;
    cursor: pointer;
    transition: all 0.3s
}
.certificate-actions a{
    background-color: #eaeaea;
    border-radius: var(--brradius);
    outline: none;
    border: none;
    color: #333;
    padding: 7px 20px;
    font-size: 13px;
    display: inline-block;
    transition: all 0.3s
}
.certificate-actions a:hover, .certificate-actions button:hover{
    filter: hue-rotate(45deg);
}
.body-certificate {
	background-color: white
}
.body-certificate .mweb-error{
	max-width: 60%;
    margin: 100px auto;
    text-align: center;
    padding: 15px;
}
ul.user-certificates {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 15px;
    margin: 10px;
}
ul.user-certificates li{
    position: relative;
    min-height: 1px;
    display: block;
    background-color: #FFF;
    border-radius: var(--brradius);
    padding: 15px 15px;
    border: 1px solid #ededed;
}
ul.user-certificates li img{
    border-radius: inherit;
    margin: auto;
}
ul.user-certificates li span{
    font-size: 11px;
    font-weight: 500;
    line-height: 19px;
    margin: 15px 0;
    display: -webkit-box;
    height: 38px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.user-certificates li a{
    background-color: var(--secondcolor);
    border-radius: var(--brradius);
    box-shadow: 0px 0px 15px -5px var(--secondcolor);
    outline: none;
    border: none;
    color: #FFF;
    font-size: 11px;
    padding: 5px 0;
    display: block;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
}
ul.user-certificates li a:hover{
    background-color: #333;
    box-shadow:unset;
}
@media print {
	body {
		background-color: white !important;
	}
    .certificate-actions{
        display: none
    }
}
.check_certificate_form {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
}
.check_certificate_form input[type="submit"] {
    padding: 0 20px;
    margin-right: 15px;
}

.check_certificate_form + .mweb-error{
    display: inline-block;
    width: auto;
    margin: 15px 0;
    background-color: bisque;
}

.certificate_result{
    display: inline-block;
    padding: 15px 20px;
    margin: 15px 0;
    line-height: 25px;
    color: #333;
    background-color: palegreen;
    border-radius: var(--brradius);
    font-size: 11px;
}
.certificate_result p{
    margin-bottom: 7px;
}

.certificate_result strong{
	font-weight: 500;
}

.el_testimonial_video {
    background-color: white;
    border-radius: var(--brradius);
    border: 1px solid #f6f6f6;
    box-shadow: 0px 0px 7px -5px rgba(0, 0, 0, 0.1);
    position: relative;
    display: flex;
    flex-direction: row;
    overflow: hidden
}
.el_testimonial_vwap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgb(0 0 0 / 40%);
    background: linear-gradient(0deg, rgb(23 23 44 / 80%) 0%, rgb(23 23 44 / 57%) 35%, rgba(255, 255, 255, 0) 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 40px;
    justify-content: flex-end;
}
.el_testimonial_vwap h5{
    font-size: 15px;
    color: #FFF;
}
.el_testimonial_vwap span{
    font-size: 12px;
    color: #ffffffd9;
    background-color: rgb(255 255 255 / 40%);
    color: black;
    backdrop-filter: blur(2px);
    padding: 2px 10px;
    border-radius: 20px;
    margin-top: 5px;
}
.tsmv_video {
    position: absolute;
    background-color: var(--maincolor);
    top: 50%;
    right: 50%;
    display: block;
    transform: translateX(50%) translateY(-50%);
    width: 55px;
    height: 55px;
    font-size: 22px;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: 0 0 15px -5px hsl(0deg 0% 0% / 58%);
    cursor: pointer;
    transition: all 0.3s
}
.el_testimonial_video:hover .tsmv_video{
    background-color: var(--secondcolor);
}

@media only screen and (min-width: 1000px){
	.single_product_rsidebar .single_pright{
		order:1
	}
	.is-sidebar-right .content-with-sidebar{
		order:1
	}
	.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: 10px 15px;
		width: 190px;
		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 i{
		font-size: 16px
	}
	.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 6";
		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% - 210px);
		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;
	}
	.single-product img.mfp-img {
		max-height: 550px !important;
	}
	
	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}

@media only screen and (max-width: 998px) {
    .is-show.mobile-nav-button {
        display: inline-block;
    }
    .mweb-main-menu {
        display: none!important
    }
	.hexagon_wrap{
		max-width: 700px;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.hexagon_wrap::-webkit-scrollbar {
		height: 2px;
		background: #eee;
		border-radius: 4px
	}
	.hexagon_wrap::-webkit-scrollbar-corner {
		background-color: #282828;
		display: block;
		border-radius: 4px
	}
	.hexagon_wrap::-webkit-scrollbar-thumb {
		background-color: #a7a7a7;
		border-radius: 4px
	}
	.hexagon_wrap .el_featured_hexagon{
		margin: 0 0 0 5px;
	}
	.product_item.is_horizontal .product_image_area{
		flex-shrink: 0;
		width: 100%;
		max-width: 100%;
	}
	.product_item.is_horizontal .product_image_area img {
		max-height: unset
	}
	.product_item.is_horizontal .product_detail_l{
		text-align: left;
	}
	.product_item.is_horizontal .product_detail_l:before{display: none;}
	.product_item.is_horizontal .product_detail_l .price{
		margin: 11px 0 10px 0;
		min-width: unset;
	}
	.search_overlay{
		bottom:0;
		box-shadow: unset
	}

}
@media only screen and (max-width: 768px) {

	.list_blog_item h2 a {
		margin-top: 15px;
		margin-bottom: 5px;
	}
	.blog_featured_post{
		height:120px
	}
	.order_two{
		order:2;
		padding-bottom:15px
	}
	.get_in_touch .location{
		margin-top:15px;
	}
	.get_in_touch .location img{
		padding:0;
	}
	.get_in_touch .location:before , .top_menu ul{
		display:none
	}
	.main_header .login_wrap{
		float:none
	}
	.main_header .logo{
		text-align: center;
		margin-bottom: 15px;
	}
	.top_menu select{
		display:block
	}
	.account_head_user .text_align_left {
		text-align: center;
	}
	.footer_bottom .web_designer{
		text-align: right !important;
	}
	.footer_front svg, .footer_back svg {
		width: auto;
		height: 48px;
	}
	.product_list_table thead tr th:first-child, .product_list_table tbody tr td:first-child{
		display:none
	}
	.single_title_product .entry-title, .single_title_product .sub_head{
		display: block;
		max-width: calc(100% - 50px);
	}
	.clr_item{
		display: block;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.entry-content{
		padding: 15px 10px 15px 10px !important;
	}
	.nav_elm:after, .nav_elm:before {
		bottom: 100px;
		left: 20px;
	}
	.fixed_elm {
		left: 20px;
		bottom: 15px;
		z-index: 2;
	}
	.nav_elm_content {
		bottom: 116px;
		left: 35px;
	}
	body.single-product .fixed_elm {
		bottom: 50px;
	}
	body.single-product .nav_elm:after, body.single-product .nav_elm:before {
		bottom: 135px;
	}
	body.single-product .nav_elm_content {
		bottom: 150px;
	}
	.thr-title {
		margin-top: 15px;
	}
	.product_item.is_horizontal .product_detail_l .price{
		float: right;
		text-align: right;
		margin: 6px 0 10px 0;
	}
	.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;
	}
	ul.user-certificates {
		grid-template-columns: repeat(2, 1fr);
	}
	
}

@media only screen and (max-width: 560px) {
	.podcast_wrapper .podcast_image {
	    transform: scale(0.4);
	    min-width: auto;
	    position: absolute;
	    top: -18px;
	    right: -31px;
	}
	.podcast_player{
		top: auto;
		left: -13px;
	}
	.podcast_wrapper .podcast_inner .podcast_desc,.podcast_wrapper .podcast_inner h5{
		padding-right:60px
	}

}
