:root{
    --primary: #007dd8;
    --primary_hover: #4da4e9;
    --light-txt: #515151;
    --light-subtitle: #89969e;
}

/***** Header *****/
html,body , #page_wrap{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

body{
    background-color: #f7f8fa;
    font-size: 13px;
    color: var(--light-txt);
    font-family: "IRANSans_fa" , sans-serif;
    text-align: right;
}

p,
ul li,
ol li{
    font-family: VazirMatn;
    font-size: 17.6px;
}

p{
    line-height: 1.8;
}
a{
    color: var(--primary);
    outline: none;
    text-decoration: none !important;
}
a:hover,
a:focus,
a.active{
    color: var(--primary_hover) !important;
    transition: all 0.3s ease;
}

label{
    cursor: pointer;
}
ul,ol.pure{
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    max-width: 100%;
}
hr{
    border-color: #67759b24;
}

ul,.ol.pure{
    list-style: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}

.text-bold{font-weight: bold}
.text-700{font-weight: bold}
.text-normal{font-weight: 500}
.text-light{font-weight: 300}

.ellipsis{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form-control{
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.link{
    cursor: pointer;
}

.btn{
    box-shadow: none !important;
}
.btn-primary {
    background-image: -moz-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%);
    background-image: -webkit-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%);
    background-image: -ms-linear-gradient(90deg, #358ed7 0%, #54aaf0 100%);
    -moz-box-shadow: inset 0 -2px 2px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 -2px 2px 0 rgba(0,0,0,0.2);
    box-shadow: inset 0 -2px 2px 0 rgba(0,0,0,0.2);
    padding: 7px 28px;
    font-size: 17px;
    border-radius: 6px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active{
    background-image: -moz-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%);
    background-image: -webkit-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%);
    background-image: -ms-linear-gradient(90deg, #54aaf0 0%, #358ed7 100%);
    color: #fff !important;

}
.btn-secondary {
    background-image: linear-gradient(to bottom, #8edc65 0%, #83c758 100%);
    -moz-box-shadow: inset 0 -2px 2px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 -2px 2px 0 rgba(0,0,0,0.2);
    box-shadow: inset 0 -2px 2px 0 rgba(0,0,0,0.2);
    padding: 7px 28px;
    font-size: 17px;
    border-radius: 6px;
    border: none;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.active{
    background-image: -moz-linear-gradient(90deg, #8edc65 0%, #83c758 100%);
    background-image: -webkit-linear-gradient(90deg, #8edc65 0%, #83c758 100%);
    background-image: -ms-linear-gradient(90deg, #8edc65 0%, #83c758 100%);
    color: #fff !important;
}

.btn-gray {
    background-image: -moz-linear-gradient(90deg, #adb4be 0%, #c8ccd5 100%);
    background-image: -webkit-linear-gradient(90deg, #adb4be 0%, #c8ccd5 100%);
    background-image: -ms-linear-gradient(90deg, #adb4be 0%, #c8ccd5 100%);
    color: #fff;
    border-bottom: 3px solid #9096a2;
    padding: 7px 28px;
    font-size: 17px;
    border-radius: 6px;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray.active{
    background-image: -moz-linear-gradient(90deg, #adb4be 0%, #9096a2 100%);
    background-image: -webkit-linear-gradient(90deg, #adb4be 0%, #9096a2 100%);
    background-image: -ms-linear-gradient(90deg, #adb4be 0%, #9096a2 100%);
    color: #fff !important;
}



.password_toggle {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -7px;
    cursor: pointer;
}
.password_toggle.active:before{
    content: "\f070";
}



.wrap,
.relative{position: relative !important}
.c-primary{color: var(--primary) !important}
.c-secondary{color: var(--secondary) !important}
.c-subtitle{color: var(--text-subtitle) !important}
.c-gray{color: #6e7ba0 !important}


.dir-ltr {direction: ltr !important}

.btn{}
.btn-link{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.list-rtl > *{margin-left: 15px}
.list-ltr > * {margin-right: 15px}

.container {
    max-width: 1215px !important;
    padding: 0 30px !important;
}


section{
    position: relative;
}

img.image{
   border-radius: 5px;
}


.btn-theme-1 {
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(to bottom, #8edc65 0%, #83c758 100%);
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    text-decoration: none;
    border: none;
    border-bottom: 2px solid #66a63e;
    border-radius: 10px;
    padding: 7px 15px;
    font-size: 14px;
    box-shadow: none !important;
    cursor: pointer;
}

form.processing{
    position: relative;
}
form.processing:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1500;
    background: #fff;
    opacity: 0.5;
}
form.processing:after {
    content: 'در حال بررسی ...';
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50% , -50%);
    text-align: center;
    display: block;
    font-size: 18px;
    color: var(--primary);
    font-weight: 700;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 1px 10px var(--primary);
    z-index: 1501;
}

.quantity {
    position: relative;
}
.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.quantity input[type=number] {
    -moz-appearance: textfield;
}
.quantity{
    display: inline-block;
    position: relative;
}
body .quantity input {
    width: 100px !important;
    height: 42px;
    font-size: 18px;
    border: 2px solid #ececec;
    border-radius: 5px;
    color: #1D3557;
    padding: 0 25px 0;
    text-align: center;
}
.quantity button {
    cursor: pointer;
    position: absolute;
    line-height: 21px;
    color: #1D3557;
    top: 50%;
    background: transparent;
    border: none;
    transform: translate(0%, -50%);
    font-size: 18px;
    text-align: center;
    transition: all 0.5s ease 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none !important;
    height: 100%;
    padding: 0;
    padding: 10px;
}
.quantity .minus {
    right: 0;
    border-left: 2px solid #ececec;
}
.quantity .plus {
    left: 0;
    border-right: 2px solid #ececec;
}

.quantity input:focus {
    outline: 0;
}


.madsg-icon{
    background: url("../img/madsg-images.png") no-repeat center center;
    display: inline-block;
}


.madsg-charkhak {
    background-position: 4px 7px;
    width: 60px;
    height: 60px;
}
.madsg-7days{
    background-position: -54px 7px;
    width: 60px;
    height: 60px;
}
.madsg-cards{
    background-position: -112px 7px;
    width: 60px;
    height: 60px;
}
.madsg-support{
    background-position: 172px 7px;
    width: 60px;
    height: 60px;
}
.madsg-idea {
    background-position: -7px -68px;
    width: 34px;
    height: 32px;
}
.madsg-pc-money {
    background-position: -54px -68px;
    width: 34px;
    height: 32px;
    display: block;
}
.madsg-king{
    background-position: -93px -68px;
    width: 34px;
    height: 32px;
}
.madsg-testimonial{
    background-position: -3px -106px;
    width: 61px;
    height: 56px;
}
.madsg-blockquote{
    background-position: -130px -70px;
    width: 47px;
    height: 35px;

}
.madsg-testimonial_icon {
    background-position: -3px -168px;
    width: 85px;
    height: 100px;
}


.col-sm-20,
.col-md-20,
.col-lg-20,
.col-xl-20 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 576px) {
    .col-sm-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 768px) {
    .col-md-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 9925px) {
    .col-lg-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1200px) {
    .col-xl-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
/***** Header *****/
#page_header{
    background: #fefefe;
    color: var(--light-subtitle);
    border-top: 4px solid var(--primary);
}
#page_header hr {
    border-color: #ededed;
    border-width: 2px;
    margin-bottom: 0;
}
#page_header .top_menu a{
    color: var(--light-txt);
    font-weight: 500;
}
#page_header .top_menu a i {
    margin-left: 5px;
}
#page_header .header-menu {
    background: #fff;
    border-top: 1px solid #dddddd;
    margin-bottom: 10px;
    box-shadow: 0 3px 2px #e5e9ec;
}
.header-search{
    position: relative;
}
.header-search input {
    border: 2px solid #e8e9ee;
    border-radius: 0 20px 20px 0;
    height: 50px;
    width: calc(100% - 49px);
    line-height: 45px;
    font-size: 13px;
}
.header-search .btn-search {
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, var(--primary_hover) 0%, var(--primary) 100%);
    color: #fff;
    line-height: 49px;
    border-radius: 50% 0 0 50%;
    border-bottom: 2px solid #036cb9;
    cursor: pointer;
    margin: 0;
    font-size: 17px;
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#page_header .btn-cart {
    font-size: 15px;
    font-weight: 500;
    height: 50px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    color: #fff;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(to bottom, #8edc65 0%, #83c758 100%);
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    text-decoration: none;
    border: none;
    padding: 0;
    box-shadow: none;
    border-bottom: 2px solid #66a63e;
}
#page_header .btn-cart i {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 10px 20px 10px 10px;
    margin-left: 10px;
    font-size: 20px;
    font-weight: 300;
    box-shadow: inset 0 0 27px #83c858;
    background-image: linear-gradient(to bottom, #7fc660 0%, #74b25c 100%);
}
#page_header .btn-cart .number {
    background: #78bb54;
    line-height: 1;
    border-radius: 50%;
    display: inline-block;
    padding: 5px;
    margin-right: 10px;
    margin-left: 15px;
    font-size: 13px;
}


.header_menu{
    position: relative;
}
.header_menu > li{
    padding: 5px 10px;
}
.header_menu > li:not(:last-child) {
    border-left: 1px solid #e6e6e6;
}
.header_menu > li > a {
    border-top: 4px solid transparent;
    border-radius: 4px 4px 0 0;
}

.header_menu li > a {
    font-size: 15px;
    color: #4e4e4e;
    display: block;
    padding: 12px 10px;
    font-weight: 500;
    position: relative;
}
.header_menu > li:first-child {
    /*padding-right: 0;*/
}
.header_menu li.current-menu-item > a,
.header_menu li:hover > a,
.header_menu li:focus > a{
    border-top-color: var(--primary);
}
.header_menu li > a > i {
    font-size: 25px;
}

.header_menu li .sub-menu {
    display: block;
    min-width: 120px;
    position: absolute;
    background-color: white;
    pointer-events: none;
    top: 100%;
    right: 0;
    left: 0;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s cubic-bezier(0.48, 0.01, 0.5, 0.99),visibility 0.1s linear;
}

/* Step 2*/
.header_menu > li > .sub-menu {
    display: flex;
    padding-bottom: 20px;
}
.header_menu > li > .sub-menu::after {
    content: '';
    position: absolute;
    bottom: 15px;
    right: 10px;
    left: 10px;
    height: 3px;
    background: #f4f7fa;
}
.header_menu > li > .sub-menu > li {
    border-left: 1px solid #eee;
    padding: 10px;
}
.header_menu > li > .sub-menu > li > a {
    position: relative;
    display: block;
    color: #007dd4;
    font-size: 14px;

}
.header_menu > li > .sub-menu > li:hover > a,
.header_menu > li > .sub-menu > li:focus > a{
    background: #f4f7fa;
    border-radius: 20px;
}
.header_menu > li > .sub-menu > li > a:after {
    content: '';
    position: absolute;
    bottom: -15px;
    right: 0;
    left: 0;
    height: 3px;
    background: transparent;
    z-index: 2;
}
.header_menu > li > .sub-menu > li:hover > a:after,
.header_menu > li > .sub-menu > li:focus > a:after{
    background: var(--primary);
}
.header_menu li > .btn {
    display: none;
}

/* Step 3*/
.header_menu > li > .sub-menu .sub-menu {
    display: flex;
    column-gap: 10px;
    max-height: 240px;
    flex-direction: column;
    flex-wrap: wrap;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
    margin-top: -15px;
    padding: 15px 0;
}

.header_menu > li > .sub-menu .sub-menu li > a{
    position: relative;
    font-size: 14px;
    color: #464646;
    padding: 5px 10px;
}
.header_menu > li > .sub-menu .sub-menu li > a:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    background: #d7dbe8;
    margin-left: 5px;
}
.header_menu > li > .sub-menu .sub-menu li:hover > a:before,
.header_menu > li > .sub-menu .sub-menu li:hover > a:before{
    background: var(--primary);
}



.header_menu li:hover > .sub-menu,
.header_menu li:focus > .sub-menu,
.header_menu li.active > .sub-menu{
    top: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.header_menu li .sub-menu li > a {
    display: block;
    padding: 10px 15px;
}



.search-result {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    opacity: 0;
    height: 0;
    visibility: hidden;
    background: #fff;
    border-top: 4px solid #3d95dd;
    border-radius: 4px 4px 0 0;
    margin-top: 10px;
    box-shadow: 0 1px 3px #ddd;
}
.search-result.show,
.search-result:not(:empty) {
    height: auto;
    opacity: 1;
    visibility: visible;
    z-index: 100;
    min-height: 50px;
}
.search-ajax.processing .search-result:after {
    content: 'در حال پردازش ...';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--primary);
}


.search-result .section-title {
    display: block;
    font-size: 13px;
    color: #576474;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
    margin-bottom: 10px;
}
.result-products .thumbnail img {
    max-width: 49px;
    height: auto;
}
.result-products .title {
    font-size: 13px;
    color: #85586f;
}
.result-products .subtitle {
    color: #464646;
    margin-top: 10px;
    font-size: 13px;
    font-weight: 500;
}

.search-result .items > *{
    margin-bottom: 10px;
}
.search-result ul li i{
    color: #15181c;
    margin-left: 7px;
}


/***** Footer *****/
#page_footer{
    position: relative;
    background: #fff;
}
#page_footer .widget .title {
    color: #4e505f;
    font-size: 15px;
    display: block;
    margin-bottom: 20px;
}
#page_footer .widget-menu ul li > a {
    display: block;
    line-height: 2;
    font-size: 13px;
    color: var(--light-subtitle);
    margin-bottom: 7px;
}
#page_footer .widget-newsletter .subtitle{
    color: var(--light-subtitle);
    font-size: 13px;
    margin-bottom: 20px;
}
.widget-newsletter input {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}
.widget-newsletter .btn {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-right: auto;
}
#page_footer .widget-about p{
    color: var(--light-subtitle);
    font-size: 13px;
    font-weight: 500;
    line-height: 2.5;
    text-align: justify;
}
#page_footer .social-links a {
    display: block;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    line-height: 1;
    font-size: 15px;
}
#page_footer .copyright .widget-menu a{
    color: var(--primary_hover);
    font-weight: 500;
    font-size: 14px;
}
#page_footer .copyright .widget-menu li:not(:last-child) > a:after {
    content: '|';
    color: #ddd;
    display: inline-block;
    margin-right: 15px;
}
#page_footer .copyright .widget-menu p{
    color: var(--light-subtitle);
    font-weight: 500;
    font-size: 13px;
}

/***** Blog *****/
.search .blog-list .title{
    font-size: 17px;
    margin-bottom: 15px;
}
.search .blog-list .search-text{
    color: var(--primary);
}

.blog-list > .wrap{
    background: #fff;
    padding: 15px;
    border: 1px solid #eee;
    box-shadow: 0 1px 3px #eee;
}

.blog-list article {
    position: relative;

    margin-bottom: 25px;
    border-bottom: 1px solid #f5f6f7;
}
.blog-list article .thumbnail figure{
    margin-bottom: 25px;
}
.blog-list article .title{
    font-size: 15px;
    font-weight: bold;
    color: #85586f;
    margin-bottom: 20px;
}
.blog-list article .meta{
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: 500;
}
.blog-list article .meta time{
    color: #8b9ca8;
}
.blog-list article .meta a,
.meta .categories a{
    color: #f35436;
    margin-left: 5px;
}

.blog-list article .desc{
    font-size: 14px;
    font-weight: 500;
    color: #2c3e50;
    line-height: 30px;
}


/* Single */
.single .article_wrap .title{
    font-size: 26px;
    color: #85586f;
    margin-bottom: 24px;
}
.single .article_wrap .thumbnail{
   margin-right: -20px;
   margin-left: -20px;
}
.single .article_wrap .thumbnail img{
    width: 100%;
}

.no_image_div {
    width: 100%;
    height: 50px;
    position: relative;
}
.article-author {
    margin-top: -15px;
    padding-right: 90px;
    position: relative;
}
.single .article-author img {
    position: absolute;
    top: -40px;
    border-radius: 50%;
    box-shadow: 0 6px 9px 0 rgba(0,0,0,0.1);
    border: 4px solid #fff;
    right: 0;
}
.single .article-author .title {
    color: #464646;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
}
.single .article-author .subtitle {
    font-size: 13px;
    color: #333;
    margin-bottom: 10px;
}
.single article .content{
    font-size: 17px;
    line-height: 32px;
    text-align: justify;
}


.single article .related .title {
    font-size: 19px;
    color: #85586f;
    background: #F5F8FA;
    margin: 20px -20px;
    padding: 20px;
}
.single article .related ul{
    list-style: disc;
    padding-right: 15px;
}
.single article .related li a{
    color: #464646;
    font-size: 1.2em;
    line-height: 2.5em;
}
.single article .post_share_buttons {
    background: #F5F8FA;
    padding: 20px 16px 15px;
    margin: 0 -20px;
    min-height: 42px;
    text-align: center;
}
.post_share_button {
    font-size: 2em;
}
.single article .blog_keywords {
    background: #F5F8FA;
    margin: 0 -20px;
    padding: 20px 16px 15px;
    overflow: hidden;
}
.single article .blog_keywords a {
    margin-left: 5px;
    color: #85586f;
    background: #fff;
    line-height: 40px;
    padding: 0 17px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
    margin-bottom: 5px;
    display: inline-block;
}

.single article .comment {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eff3f7;
}
.single article .comment:last-child{
    border-bottom: none;
}
.single article .comment .avatar_wrap img {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.single article .comment time{
    color: #C9D7E3;
}
.single article #commentform textarea{
    height: 120px;
}


/***** Page *****/
.page_special{
    position: relative;
    background: #fff;
    border-right: 6px solid #464646;
    border-radius: 4px;
}
.page_special .page-menu li > a{
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 500;
    background: #fcfcfc;
    color: #484848;
    padding: 0 15px;
    line-height: 2.5;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
}
.page_special .page-menu li:hover  > a,
.page_special .page-menu li:focus  > a,
.page_special .page-menu li.current_page_item  > a{
    color: #70c14a;
    border-left: none;
}
.page_special .page-menu li > a:before{
    content: '';
    position: absolute;
    border-right: 6px solid #464646;
    top: -1px;
    right: -6px;
    bottom: -1px;
}
.page_special .page-menu li:hover > a:before,
.page_special .page-menu li:focus > a:before,
.page_special .page-menu li.current_page_item > a:before{
    border-color: #70c14a;
}
.page_special .page_content > .wrap{
    padding: 20px 15px;
}
.page_special .page_content > .wrap > .title{
    font-size: 24px;
    color: #70c14a;
    margin-bottom: 35px;
}



/***** Home *****/
body .owl-carousel .owl-nav button.owl-next,
body .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    right: 15px;
    font-size: 3em;
    background: var(--green);
    padding: 15px !important;
    line-height: 1 !important;
    border-radius: 4px;
    opacity: 0.4;
    color: #fff;
    transform: translateY(-50%);
}
body .owl-carousel .owl-nav button.owl-next {
    right: auto;
    left: 10px;
}
body .owl-carousel:hover .owl-nav button.owl-next,
body .owl-carousel:hover .owl-nav button.owl-prev{
    opacity: 1;
}

.notice-short{
    padding: 12px;
}
.notice-short:hover,
.notice-short:focus {
    background: #f5f8fa;
}
.notice-short .title{
    font-size: 15px;
    color: #85586f;
}
.notice-short .subtitle{
    font-size: 13px;
    font-weight: 500;
    color: #576474
}


.section-notice{}
.section-notice .title-1 .title{
    background: #464646;
    color: #fff;
    padding: 10px 30px;
    font-size: 16px;
    line-height: 1;
    clip-path: polygon(0 0, 96% 0, 100% 97%, 2px 100%);
    margin-bottom: 3px;
    transform: rotate(-2deg);
    width: auto;
    display: inline-block;
}

.section-notice .title-1:after {
    content: '';
    background: #464646;
    position: absolute;
    bottom: 4px;
    width: 30px;
    height: 12px;
    clip-path: polygon(75% 0, 80% 0, 0 100%, 100% 82%);
    margin-right: -2px;
}
.section-notice .title-2 .title{
    font-size: 18px;
    background: #85586f;
    color: #fff;
    padding: 10px 30px;
    line-height: 1;
    margin-bottom: 0;
    clip-path: polygon(0 0, 100% 0, 97% 97%, 3% 100%);
}
.section-notice .title-2:before {
    content: '';
    background: #85586f;
    position: absolute;
    bottom: 0;
    right: -7px;
    width: 12px;
    height: 12px;
    clip-path: polygon(0 0, 15% 0, 0 100%, 83% 0);
}
.section-notice .desc{
    font-size: 15px;
    color: #3f4458;
}
.section-notice .info{
    font-size: 15px;
    font-weight: 700;
    color: #86c459;
}
.section-notice .box-category {
    position: relative;
    background: #fff;
    padding: 5px;
    box-shadow: 0 0 7px #ccc;
    width: 145px;
    height: 145px;
    margin-bottom: 15px;
}
.section-notice .box-category a {
    display: block;
    border: 4px solid #d8d8d8;
    color: #c5ccd0;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
}
.section-notice .box-category:hover a {
    color: #fff !important;
    background: #86c55a;
    border: none;
}
.section-notice .box-category img {
    width: 100%;
    height: 100%;
}
.section-notice .box-category .title {
    position: absolute;
    font-size: 14px;
    bottom: 25px;
    right: 50%;
    transform: translateX(50%);
    display: block;
    width: calc(100% - 18px);
    text-align: center;
}

.section-title {
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 15px;
}
.section-title .title {
    position: relative;
    font-size: 14px;
    margin-bottom: 0;
    color: #5e6977;
}

.section-categories .box {
    background: #deb6ab;
}
.section-categories .box:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('../img/section-bg.jpg') no-repeat center center;
    background-size: 100% 100%;
    opacity: 0.4;
}
.section-categories .section-body{
    position: relative;
    padding: 15px;
    color: #fff
}
.section-categories .section-title{
    background: #fff;
}
.section-categories .section-body > .title{
    font-size: 25px;
    color: #fff;
    display: block;
    text-align: center;
}

.cat_widget .title {
    font-size: 15px;
    text-align: center;
    display: block;
    color: #fff;
    padding: 15px 0;
    margin-bottom: 0;
}
.cat_widget img {
    max-width: 100%;
    height: auto;
    background: #fff;
    border-radius: 5px;
}
.cat_widget .thumbnail ,
.cat_widget .thumbnail a{
    position: relative;
    display: block;
}
.cat_widget .thumbnail:hover > a:before,
.cat_widget .thumbnail:focus > a:before {
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    border: 3px solid #ffa600;
    border-radius: 4px;
}

.home_banner-2 > .box {
    position: relative;
    background: #fe5335;
    color: #fff;
    font-size: 14px;
    padding: 15px;
}

.icon-text{
}
.icon-text .icon_wrap{
    background: #ffd401;
    width: 55px;
    height: 55px;
    border: 3px solid #fff;
    box-shadow: 0 1px 3px #ddd;
    border-radius: 50%;
}
.icon-text > .text_wrap .title{
    font-size: 15px;
    color: #85586f;
    margin-bottom: 10px;
}
.icon-text > .text_wrap p{
    font-size: 13px;
    color: #464646;
    margin-bottom: 0;
}
.icon-text .madsg-icon {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50% , -50%);
}

.section-banner img {
    width: 100%;
    height: auto;
}

.section_product-widget{}
.section_product-widget .product > .wrap{
    border: none !important;
    box-shadow: none !important;
}
.section_product-widget .product-list .product .add_to_cart_button,
.section_product-widget .product-list .product .details{
    display: none !important;
}
.section_product-widget .product-list .product .price-action{
    text-align: center !important;
    display: block !important;
    margin-bottom: 10px;
}

.owl-carousel .owl-item > .col,
.owl-carousel .owl-item > [class*="col-"],
body .owl-item div.product {
    flex: 0 0 100%;
    width: 100% !important;
    max-width: 100% !important;
}

body .brand-text {
    background-image: none;
    display: block;
    text-align: center;
    padding: 10px;
    font-size: 29px;
    color: #e7ecf0;
    border-radius: 0;
    border: 1px solid #eee;
}
.brand-text,
.brand-text a {
    font-size: 29px;
    font-weight: 700;
    color: #e7ecf0;
}
.brand-text,
.brand-text a:hover,
.brand-text a:focus{
    color: var(--primary_hover);
}


.section-hope{
    background: red url("../img/section-hope_bg.jpg") no-repeat center center;
}
.section-hope .section-title,
.section-hope .section-title .title {
    color: #fff;
}
.section-hope .section-title{
    border-bottom: none;
}
.section-hope .hope-1{
    position: relative;
    right: -66px;

}
.section-hope .hope-2{
    position: relative;
    bottom: -11em;
    padding-bottom: 10em;
}
.section-hope .hope-3{
    position: relative;
    left: -60px;
}

.testimonial-widget{
    background: #ebeef2 url('../img/testimonial-bg.jpg') no-repeat center center;
}
.testimonial-carousel.owl-carousel .owl-stage-outer{
    padding-top: 60px;
}
.testimonial-item > .box{
    overflow: visible;
}
.testimonial-item .madsg-testimonial_icon {
    position: absolute;
    bottom: 0;
    left: 15px;
    transform: translateY(50%);
}

.testimonial-social:first-child{}
.testimonial-social:first-child .madsg-blockquote{
    position: absolute;
    top: 15px;
    left: 15px
}
.testimonial-social:first-child{}
.testimonial-item:nth-child(2) p {
    padding-top: 2em;
    padding-bottom: 15px;
}
.testimonial-item:nth-child(3) p {
    padding-top: 0 !important;
    padding-bottom: 5em;
}
.testimonial-item:nth-child(2) .madsg-blockquote {
    position: absolute;
    top: 15px;
    left: 10px;
}
.testimonial-item:nth-child(3) .madsg-blockquote {
    position: absolute;
    right: 10px;
    bottom: 15px;
}

.testimonial-item:nth-child(2) .madsg-testimonial_icon {
    bottom: auto;
    top: 0;
    right: 15px;
    left: auto;
    transform: translateY(-50%);
}

.testimonial-item p {
    color: #373737;
    font-size: 13px;
    font-weight: 500;
    text-align: justify;
}
.testimonial-social li a {
    display: block;
    padding: 10px;
    color: #c0c0c0;
    line-height: 1;
}

.testimonial-author .title {
    font-size: 14px;
    color: #85586f;
}
.testimonial-author span{
    font-size: 14px;
    color: #cbd2d6;
}



.title_hr {
    border: none;
    box-shadow: none;
    width: 302px;
    height: 10px;
    position: relative;
}
.title_hr::before {
    content: '';
    background: url('../img/section-title_hr.png') no-repeat center center;
    width: 302px;
    height: 10px;
    display: block;
}
img.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 20px;
}

/***** Product *****/

.page-info {
    position: relative;
    border: 4px solid #fff;
    box-shadow: 0 5px 5px #e4e4e4;
}

.page-info .bg {
    position: absolute;
    background: #f4f4f4 url('../img/category-bg.jpg') no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid #cbd6dc;
}
.page-info .bg-items {
    width: 100%;
    opacity: 0.79;
}
.page-info .bg-items::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../img/category-bg-hover.png") no-repeat center center;
}
.page-info .bg-items::after {
    content: '';
    position: absolute;
    top: 0;
    left: 60px;
    bottom: 0;
    background: url("../img/category-bg-items.png") no-repeat center center;
    width: 220px;
    opacity: 0.3;
    -webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1);
}
.page-info .title {
    font-size: 19px;
    color: #75b146;
/*    -webkit-text-stroke: 5px white;*/
    font-weight: bold;
    paint-order: stroke fill;
}
.page-info .term-description,
.page-info .desc{
    font-size: 14px;
    color: #3a4e64;
    line-height: 25px;
    font-weight: 500;
    text-align: justify;
    margin-bottom: 0;
}

.product-sort {
    position: relative;
    box-shadow: 0 0 4px #ddd;
    border-radius: 5px;
    padding: 10px;
    font-size: 12px;
    color: #6c6c6c;
    font-weight: 500;
}
.product-sort select {
    background: #fff;
    border: 1px solid #c8d3da;
    padding: 5px 10px;
    border-radius: 10px;
    color: #6a6a6a;
    line-height: 1;
    max-width: 100%;
}

.products-special{
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #e7eef4;
}
.products-special > .title{
    font-size: 13px;
    color: #956de1;
}

.products {
    margin-right: -10px;
    margin-left: -10px;
}
.product-list .product {

    margin-bottom: 20px;
}
.product-list .product > .wrap{
    position: relative;
    box-shadow: 1px 1px 3px #ddd;
}
.product-list .product .thumbnail {
    position: relative;
    padding: 20px 15px 15px;
}
.product .recommended {
    background: url("../img/product-recommended.png") no-repeat center center;
    position: absolute;
    top: -3px;
    left: -3px;
    width: 70px;
    height: 70px;
    z-index: 1;
}
.product .recommended::before {
    content: attr(data-title);
    position: absolute;
    top: 14px;
    left: -18px;
    transform: rotate(-45deg);
    color: #fff;
    width: 63px;
    font-size: 11px;
    padding: 2px;
}
.product-list .product .no-stock,
.product-list .product .in-stock{
    position: absolute;
    top: 5px;
    right: 10px;
    width: 25px;
    height: 25px;
    background: #95c845;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
}
.product-list .product .no-stock{
    background: #f77441;
}
.product-list .product .no-stock:before{
    content: "\f00d";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}
.product-list .product .in-stock:before{
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}
.product-list .product figure img{
    display: block;
    margin: 0 auto;
}
.product-list .product .title a{
    display: block;
    font-size: 14px;
    color: #3a4e64;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-list .product .details{
    position: relative;
    padding: 10px;
    margin: 0 10px 15px;
    border-top: 1px solid #e7ecf2;
    border-bottom: 1px solid #e7ecf2;
}
.product-list .product .details:empty {
    border-top: none;
    border-bottom: 0;
    padding: 0;
}
.product-list .product .star-rating {
    position: relative;
    color: #e7ecf2;
    direction: ltr;
}
.product-list .product .star-rating span{
    color: #ffd400;
}
.product-list .product .rating-number{
    font-size: 14px;
    color: #bfcad3;
}

.product-list .product .add_to_cart_button {
    background: transparent !important;
    box-shadow: none !important;
    color: #95c845 !important;
    font-weight: 500 !important;
}
.product-list .product .wc-forward {
    display: none !important;
}
.product-list .product .price {
    font-size: 13px !important;
    font-weight: 500;
    padding: 0;
    color: #95c845 !important;
}

/***** single *****/
.woocommerce-product-gallery__image{
    position: relative;
    border: 2px solid #f5f9fc;
}
.single-product .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image img {
    width: auto !important;
    margin: 0 auto;
    padding: 20px;
}

body.woocommerce div.product{
    margin-bottom: 25px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    right: 25px;
    left: auto;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image {
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.product-notices{
    margin-top: 20px;
    border-top: 1px solid #eee;
}
.product-notices > ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}
.product-notices > ul > li {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 5px;
    line-height: 2;
}
.product-notices > ul > li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    color: green;
    margin-left: 5px;
    position: relative;
}

.product-info,
.product-top{
    border-bottom: 1px solid #e7e9ed;
}
.product-top .page-tools{

}
.product-top .page-tools li {
    margin-left: 15px;
    font-size: 16px;
    color: #e1e8ee;
    cursor: pointer;
}
.product-top .page-tools li a{
    font-size: inherit;
    color: inherit;
}

.product-top .page-tools li.bell:hover,
.product-top .page-tools li.bell.active{
    color: #ffd400;
}
.product-top .page-tools li.share:hover,
.product-top .page-tools li.share.active{
    color: #00bff3;
}
.product-top .page-tools li.like:hover,
.product-top .page-tools li.like a.active{
    color: #fe5252 !important;
}
.product-top .sku{
    font-size: 15px;
    color: #4fa5ec;
    text-transform: uppercase;
}
.product-top .sku .key{
    color: #333;
}
.product-info .label{
    font-size: 13px;
    color: #a8b5c5;
    font-weight: 500;
}
.product-info .like-dislike .btn-dislike,
.product-info .like-dislike .btn-like {
    display: inline-flex;
    align-items: center;
    background-image: linear-gradient(to bottom, #ecf0f5 0%, #f6f8fa 100%);
    border: 1px solid #cad2d9;
    box-shadow: 2px 0 4px rgba(202, 210, 217, 0.5);
    color: #525356;
    font-size: 15px;
    border-radius: 20px;
    padding: 5px 8px;
    line-height: 1;
    min-width: 85px;
    font-weight: 500;
}
.product-info .like-dislike .btn-dislike.active{
    background-image: linear-gradient(to bottom, #ffa6a6 0%, #dd8a8a 100%);
}
.product-info .like-dislike .btn-like.active {
    background-image: linear-gradient(to bottom, #c4eebc 0%, #99ff95 100%);
}
.product-info .like-dislike .btn-dislike i,
.product-info .like-dislike .btn-like i{
    background: #50a6ed;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}
.product-info .like-dislike .btn-dislike i{
    background: #fe5252;
}
.product-info .rated .rated-number{
    color: #6b7380;
    font-size: 13px;
    display: inline-block;
}
.product-info .rated .star-rating {
    margin-right: 20px !important;
    position: relative;
}
.product-details .details .title{
    font-size: 20px;
    color: #5c6067;
    margin-bottom: 15px;
}
.product-details .details .subtitle{
    font-size: 11px;
    color: #ced4da;
    margin-bottom: 15px;
}
.product-details .details .alert {
    background: #f5f8fa;
    color: #358ed7;
    padding: 7px 15px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 15px;
}
.product-details .details .excerpt{
    font-size: 13px;
    font-weight: 500;
    line-height: 1.8;
    color: #5e6977;
    text-align: justify;
}
.product-details .details .price-label{
    font-size: 21px;
    color: #9298a2;
}
.product-details .details .price {
    font-size: 21px !important;
    color: #7fca57 !important;
    margin-right: 10px;
    display: inline-block;
}
.product-details .details .btn-theme-1{
    font-size: 15px;
    padding: 10px 20px;
}
.product-details .details .btn-download{
    background-image: linear-gradient(to bottom, #53a9ef 0%, #378fd8 100%);
    border-color: #378fd8;
    border-bottom: 1px solid #2e7ab8;
    margin-right: 20px;
}
.product-details .details .btn-theme-1 i{
    margin-left: 10px;
}
.product-notices li{
    color: #5c6167;
    font-weight: 500;
    line-height: 2;
}

.single-product .box-title{
    position: relative;
    font-size: 14px;
    color: #576474;
    margin-bottom: 15px;
    padding: 15px;
    border-bottom: 1px solid #f6f8fa;
}
.single-product .box-content{
    position: relative;
    padding: 15px;
    text-align: justify;
}
.single-product .box-content h2 {
    font-size: 19px;
    margin-bottom: 1em;
}
.single-product .box-content h3 {
    font-size: 17px;
    margin-bottom: 1em;
}
.single-product .box-content h4 {
    font-size: 16px;
    margin-bottom: 1em;
}
.single-product .box-content h5, .single-product .box-content h6{
    font-size: 15px;
    margin-bottom: 1em;
}

.product-related .title{
    font-size: 14px;
    color: #464646;
}
.product-related .price{
    font-size: 14px;
    color: #2cbf44;
}

#content_heads {
    border-right: 2px solid #ebeef0;
    margin-right: 20px;
    padding-right: 20px;
}
.single-product .content-head {
    position: relative;
    line-height: 1;
}
.single-product .content-head:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -31px;
    margin-top: -10px;
    width: 20px;
    left: 20px;
    background: #e1e8ee;
    border: 4px solid #ffff;
    border-radius: 50%;
    height: 20px;
    box-shadow: 0 1px 3px #ddd;
}
.single-product .content-head a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #1269a3;
    margin-bottom: 30px;
}
.single-product .content-head:hover:before,
.single-product .content-head.active:before{
    background: #75b146;
}
.single-product .content-head a:hover,
.single-product .content-head.active a{
    color: #75b146 !important
}



.shop_attributes{}
.shop_attributes .item {
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    color: #576474;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 10px;
}
.shop_attributes .key {
    background: #f5f8fa;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    align-self: center;
    align-items: center;
    padding: 14px 15px;
    flex: 0 0 30%;
    max-width: 30%;
    line-height: 1;
    border: 1px solid #e3e8f0;
    border-radius: 0 10px 10px 0;
}
.shop_attributes .val {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    flex: 1;
    padding: 10px 20px;
    line-height: 1;
    border: 1px solid #e3e8f0;
    border-right: 0;
    border-radius: 10px 0 0 10px;
    height: 100%;
}
.shop_attributes .val p {
    margin-bottom: 0;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    float: right;
    right: -35px;
    width: 80px;
    height: 80px;
    border: none;
    border-radius: 50%;
}

.review {
    position: relative;
    clear: both;
    margin-bottom: 20px;
}
.review .avatar{
    width: 80px;
    height: 80px;
}
.review .comment-text{
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #f2f2f2;
}
#comments .comment-text .star-rating{
    float: left;
    position: relative;
}
.review .comment .woocommerce-review__author{
    font-size: 14px;
    color: #576474;
    margin-left: 10px;
}
#comments .comment-text .star-rating .meta time{
    color: #5e5e5e
}
#comments .comment-text .star-rating.description{
    color: #5e5e5e
}


.comment_likes {
    float: left;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 1px 2px #ddd;
}
.comment_likes a {
    padding: 10px;
    font-size: 14px;
    color: #414141 !important;
    display: inline-flex;
    align-items: center;
    line-height: 1;
    margin: 0 !important;
}
.comment_likes a:first-child {
    border-left: 1px solid #eee;
}
.comment_likes a i {
    position: relative;
    top: -1px;
    margin: 0 5px;
}
.comment_likes a.btn-like i {
    color: #8dc153;
}
.comment_likes a.btn-dislike i {
    color: #ed553e;
}
.comment_likes a.active,
.comment_likes a:hover,.comment_likes a:focus {
    background: #f3f7fa;
}
.comment_likes a .number {
    margin: 0 7px;
    display: inline-block;
    font-weight: 700;
}


/***** cart *****/
.shop_table thead {
    background: #f5f8fa;
}
.shop_table thead th{
    font-size: 14px;
    font-weight: 500;
    color: #9397a4;
}
.shop_table thead .product-remove {
    width: 30px;
}
.shop_table tbody .product-thumbnail {
    width: 80px;
}
.shop_table tbody .product-name a{
    font-size: 15px;
    font-weight: 500;
    color: #3a4e64;
}
.shop_table tbody .product-price{
    color: #9398a4;
}
.shop_table tbody .product-subtotal{
    color: #52cc7a;
}

.cart_totals table {
    border: 1px solid #edeef0;
}
.cart_totals td{
    text-align: left;
}
.cart_totals .cart-subtotal {
    color: #4b4b4c;
    font-size: 12px;
    background: #f5f8fa;
}
.cart_totals .order-total {
    color: #6ec53f;
    background: #eaffdf;
    font-size: 14px;
}
.wc-proceed-to-checkout a {
    flex: 1;
    margin: 0 5px;
}
.cart_totals.calculated_shipping > h2 {
    font-size: 15px;
    margin-bottom: 20px;
}
.wc-proceed-to-checkout a {
    margin-bottom: 20px;
}

/***** Widget *****/
.box{
    background: #fff url("../img/pt3.png") right bottom repeat-x;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
    padding-top: 35px;
    overflow: hidden;
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
}
.sidebar .widget {
    margin-bottom: 25px;
}
.widget-categories ul li {
    padding: 8px 6px 5px 8px;
    border: 2px solid  #FFF;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    border-radius: 70px;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.widget-categories ul li:hover,
.widget-categories ul li.active {
    border: 2px solid #EFF3F6;
    background-color: #FAFBFC;
}
.widget-categories ul li a{
    display: block;
    padding: 0 70px 0 0;
    margin-top: 4px;
    margin-bottom: 4px;
    position: relative;
}
.widget-categories ul li a:before{
    content: '';
    display: block;
    width: 52px;
    height: 52px;
    border: 4px solid #fff;
    border-radius: 26px;
    box-shadow: 3px 3px 12px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    right: 10px;
}
.widget-categories ul li:nth-child(1) a:before{
    background-color: #f35436;
}
.widget-categories ul li:nth-child(2) a:before{
    background-color: #007dd4;
}
.widget-categories ul li:nth-child(3) a:before{
    background-color: #83c156;
}
.widget-categories ul li:nth-child(4) a:before{
    background-color: #ab87ee;
}
.widget-categories ul li a .category_list_title {
    display: block;
    font-size: 20px;
    margin-bottom: 7px;
    font-weight: bold;
}
.widget-categories ul li:nth-child(1) a .category_list_title{
    color: #f35436;
}
.widget-categories ul li:nth-child(2) a .category_list_title{
    color: #007dd4;
}
.widget-categories ul li:nth-child(3) a .category_list_title{
    color: #83c156;
}
.widget-categories ul li:nth-child(4) a .category_list_title{
    color: #ab87ee;
}
.widget-categories ul li a .category_list_description {
    display: block;
    color: #b1cae0;
    font-size: 12px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.widget-special_menu {
    background: #444645;
    color: #fff;
    padding: 15px;
    border-right: 6px solid #f35436;
}

.widget-special_menu li > a {
    padding: 10px 15px;
    border-radius: 30px;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    margin-bottom: 5px;
}
.widget-special_menu li > a i {
    position: relative;
    top: 2px;
    margin-left: 10px;
}
.widget-special_menu li > a:hover,
.widget-special_menu li > a:focus,
.widget-special_menu li.active > a {
    background: #f35436;
    color: #fff !important;
}
.widget-special_menu li > a i{
    margin-left: 10px;
}


.sidebar .widget-social li > a {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
}


.widget-categories_blog{
    overflow: hidden;
    border: 1px solid #DFE2E4;
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 45px;
}
.widget-categories_blog ul li {
    border-bottom: 1px solid #DFE2E4;
    background: #F5F8FA;
    padding: 12px 10px 9px 20px;
}
.widget-categories_blog ul li a {
    color: #617183;
    font-size: 13px;
    font-weight: 300;
    margin-right: 5px;
}

.write_in_karnil {
    display: block;
    width: 100%;
    font-size: 19px;
    text-align: center;
    height: 64px;
    line-height: 64px;
    background: url("../img/bg4.png") center center no-repeat;
    color: #fff;
}


.sidebar > .wrap {
    border: 1px solid #a3a9b03d;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
}
.sidebar aside.widget,
.sidebar .widget .box-filter {
    position: relative;
    padding: 10px 15px;
}
.sidebar aside.widget .wc-block-attribute-filter__title,
.sidebar .widget .wc-block-price-filter__title,
.sidebar .widget h2,
.sidebar .widget h3,
.sidebar .widget h4,
.sidebar .widget h5,
.sidebar .widget h6,
.sidebar .widget .title{
    font-size: 13px;
    font-weight: 500;
    color: #3a4e64;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5eef7;
}
.sidebar aside.widget .wp-block-woocommerce-attribute-filter ul,
.sidebar .widget ul li:first-child,
.sidebar .widget ul li.feature{
    color: #ff642e;
}
.sidebar .widget ul li label{
    color:  #617183;
    font-size: 13px;
    font-weight: 300;
    margin-right: 5px;
}
.sidebar .widget ul li input{}

.widget-search form{
    position: relative;
}
.widget-search form input {
    font-size: 13px;
    border: 2px solid #e1e8ee;
}
.widget-search form .search_btn{
    position: absolute;
    top: 50%;
    left: 6px;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: none;
    font-size: 15px;
    color: var(--green);
    transform: translateY(-50%);
}

.filter .btn{
    background: #fe6e54;
}
.sidebar-shop .btn-filter {
    width: 50px;
    background-image: linear-gradient(to bottom, #fe6e54 0%, #e75941 100%);
    color: #fff;
    border-radius: 0;
    border-bottom: 3px solid #d34831;
    cursor: pointer;
    margin: 0;
    font-size: 14px;
    padding: 15px;
    text-align: right;
}
.sidebar-shop .btn-reset{
    background: #fff1f0;
    border-bottom: 1px solid #ffd6dc;
    color: #df3c22;
    font-size: 13px;
    font-weight: 500;
    text-align: right;
    padding: 10px;
}


.wc-block-components-price-slider__controls .wc-block-components-price-slider__amount{
    border-color: #ddd !important;
    padding: 5px;
    border-radius: 4px !important;
    text-align: center !important;
    box-shadow: none !important;
}
.wc-block-components-price-slider__range-input-progress{
    background: #7a425f !important;
}

#breadcrumb{
    position: relative;
    padding: 0 0;
    border: 1px solid #ececec;
    background: #fff;
    margin-bottom: 20px;
}
#breadcrumb::after {
    content: '';
    position: absolute;
    bottom: 1px;
    right: 0;
    left: 0;
    border-bottom: 1px solid #eff3f7;
}
#breadcrumb a , #breadcrumb .breadcrumb_last {
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 22px;
    padding: 10px;
    border-color: transparent;
    border: 0 solid transparent;
    border-right: 1px solid transparent !important;
    font-size: 13px;
    color: #8591a1;
    font-weight: 700;
    margin-left: 15px;
}
#breadcrumb a:before {
    content: " ";
    display: block;
    width: 0;
    height: 100%;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 10px solid #e2e7ef;
    position: absolute;
    top: 0;
    margin-right: 1px;
    right: 100%;
    z-index: 3;
}
#breadcrumb a:after {
    content: " ";
    display: block;
    width: 0;
    height: 100%;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 10px solid white;
    position: absolute;
    top: 0;
    margin-right: 0;
    right: 100%;
    z-index: 3;
    border-right: 10px solid #fff;
}


.pagination_wrap {
    padding: 2em;
}
.pagination{
    direction: ltr;
}
.pagination li{
    margin-right: 10px;
}
.pagination li > a,
.pagination li > span{
    padding: 5px 10px;
    font-size: 14px;
    text-align: center;
    color: #cecece;
    border: 1px solid #ebebeb;
    border-radius: 4px;
}

.pagination li > a:hover,
.pagination li > a:focus,
.pagination li.current > span {
    background: #464646;
    border-color: #464646;
}
.pagination li.prev{
    margin-right: 30px;
}
.pagination li.next{
    margin-right: 0;
    margin-left: 20px;
}
.pagination li.prev > a:hover,
.pagination li.prev > a:focus,
.pagination li.next > a:hover,
.pagination li.next > a:focus{
    background: #007dd4;
    border-color: #007dd4;
}
.fix-i{
    position: relative;
    top: 2px;
}


.contact_form-info{}
.contact_form-info .key{
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #007cd3
}
.contact_form-info .val{
    display: block;
    font-size: 13px;
    color: #2b2b2b;
}
.contact_form-info .social-links a {
    display: inline-block;
    color: #fff;
    padding: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
}
.wpcf7 form {
    position: relative;
    padding-left: 15px;
}
.wpcf7 form label {
    font-size: 13px;
    font-weight: 500;
    color: #2b2b2b;
    margin-bottom: 10px;
    display: block;
}
.form-notice {
    font-size: 13px;
    color: #ff5335;
}

.contact_form-info .social-links li {
    margin-right: 5px;
}




.facebook{background-color: #385f98}
.twitter{background-color: #1da1f3}
.google{background-color: #ed321f}
.instagram{background-color: #4f4f4f}
.telegram{background-color: #2ba6e1}
.whatsapp{background-color: #7fca57}
.aparat{background-color: #eb145a}


#modal_auth .modal-dialog{
    width: 90%;
    max-width: 750px;
}
#modal_auth .close {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 10;
    cursor: pointer;
}

#auth_forms > *{
    display: none;
}
#auth_forms[data-current="login"] .form-login_wrap,
#auth_forms[data-current="register"] .form-register_wrap{
    display: block;
}
#auth_forms .auth-notice_box{
    position: relative;
    background: #86d15d;
    color: #fff;
}
#auth_forms.login .auth-notice_box{
  background: #017dd3;
}
#auth_forms .auth-notice_box > .wrap {
    display: flex;
    height: 100%;
    text-align: center;
    flex-direction: column;
    justify-content: center;
}
#auth_forms .auth-notice_box .icon {
    display: block;
    font-size: 3em;
    margin-bottom: 25px;
}
#auth_forms .auth-notice_box .desc {
    display: block;
    font-size: 16px;
    font-weight: 500;
}
#auth_forms .fields .title{
    font-size: 17px;
    color: #2b2b2b;
    margin-bottom: 30px;
}
#auth_forms .fields label{
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 15px;
}


/**** Account ****/
.user_account .box{
    padding: 10px;
}
.user_account .box > .title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 10px 0 15px;
    color: #576474;
    border-bottom: 1px solid #eee;
}

.box-user_info ul > li{
    position: relative;
    line-height: 2.5;
    font-size: 13px;
}
.box-user_info ul > li .key{
    font-weight: 500;
    color: #576474;
}
.box-user_info ul > li .val{
    color: #007dd4;
    margin-right: 10px;
}
.box-user_activity ul > li{
    position: relative;
    font-size: 13px;
    font-weight: 500;
    color: #576474;
    line-height: 3;
    margin-bottom: 15px;
}
.box-user_activity ul > li .number{}
.box-user_activity ul > li .progress{
    position: relative;
    background: #ebebeb;
    height: 6px;
    border-radius: 3px;
    direction: ltr;
}
.box-user_activity ul > li .progress > div{
    background: #70c14a;
}

.account_contents > .box{
    border-radius: 5px;
}
.account-menu li{
    flex: 1;
}
.account-menu li a {
    position: relative;
    display: block;
    font-size: 13px;
    font-weight: 500;
    color: #484848;
    text-align: center;
    border-top: 3px solid #464646;
    border-bottom: 1px solid #eee;
    padding: 0;
    line-height: 3;
}
.account-menu li.is-active a{
    color: #70c14a;
    border-color: #70c14a;
    border-bottom: none;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}


.woocommerce form .form-row label {
    line-height: 2;
    width: 100%;
    font-weight: 500;
}




.order_steps {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.order_steps > li {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}
.order_steps > li:before {
    position: absolute;
    content: "";
    border-bottom: 12px solid #f5f8fa;
    width: 100%;
    bottom: 0;
    right: -50%;
    z-index: 2;
}
.order_steps > li::after {
    position: absolute;
    content: "";
    border-bottom: 12px solid #f5f8fa;
    width: 100%;
    bottom: 0;
    right: 50%;
    z-index: 2;
}
.step-label {
    font-weight: 500;
    font-size: 14px;
    color: #03a9f4;
}
.order_steps > li .step-icon {
    position: relative;
    top: 25px;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ccc;
    margin-bottom: 6px;
    font-size: 20px;
    color: #fff;
    border: 4px solid #f5f8fa;
}
.order_steps > li.completed .step-icon {
    background-color: #03a9f4;
}
.order_steps > li.completed::after {
    position: absolute;
    content: "";

    width: 100%;
    top: 20px;
    right: 50%;
    z-index: 3;
}
.order_steps > li:last-child:after,
.order_steps > li:first-child:before {
    content: none;
}
.order_steps > li.active .step-label  {
    color: #88d360;
}
.order_steps > li.active .step-icon  {
    background-color: #88d360;
}
.steps-list > *:not(.active){
    display: none;
}


.order-title{
    color: #576474;
    font-size: 15px;
    margin-bottom: 20px;
}
.order-title > i{
    background-color: #ffcc00;
    color: #fff;
    font-size: 11px;
    width: 12px;
    height: 12px;
    text-align: center;
    line-height: 12px;
    margin-left: 10px;
    border-radius: 3px;
}

.address{
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin-bottom: 20px;
}
.address .head{
    background-color: #f9f9f9;
    padding: 15px;
    color: #313132;
    font-size: 14px;
    border-bottom: 1px solid #e5e5e5;
}
.address .head i{
    background-color: #88d360;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    margin-left: 15px;
}
.address .details > *,
.address .selected{
    border-left: 1px solid #d7d7d7;
}
.address .selected input{
    display: inline-block;
    margin: 0 auto;
}
.address .details{
    border-left: 1px solid #d7d7d7;
}
.address .details > *{
    padding: 15px;
}
.address .details > *:not(:last-child){
    border-bottom: 1px solid #d7d7d7;

}
.address .details ul > li{
    flex: 1;
}
.address .details .key,
.address .details .val{
    color: #808080;
    font-size: 14px;
    font-weight: 700;
}
.address .details .val{
    color: #2799c9;
    margin-right: 7px;
}
.address .actions a{
    display: block;
}
.address .btn-remove {
    background-color: #ffcdc7;
    border: 1px solid #ff8e7f;
    color: #ff5741;
    font-weight: bold !important;
    font-size: 20px;
    padding: 8px 14px;
    display: inline-block;
    line-height: 1;
}
.address .btn-edit {
    background-color: #bceeff;
    border: 1px solid #21c2f8;
    color: #21c2f8;
    font-weight: bold !important;
    font-size: 20px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    margin-top: 10px;
    padding: 8px 10px;
}


.order-delivery .delivery{
    position: relative;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
.order-delivery .delivery .selected{
    border-left: 1px solid #e5e5e5;
}
.order-delivery .delivery input {
    margin: 0 auto;
}
.order-delivery .delivery .icon{
    color: #f44336;
    font-size: 2em;
}
.order-delivery .delivery .title{
    font-size: 16px;
    color: #576474;
    margin-bottom: 10px;
}
.order-delivery .delivery .subtitle{
    font-size: 13px;
    color: #a6a6a6;
}
.delivery-price{
    background-color: #f8fafb;
    font-size: 16px;
    color: #576474;
    padding: 10px;
    border-top: 1px solid #e3e3e3;
}
.delivery-price .price{
    color: #88d360;
    display: inline-block;
    margin-right: 10px;
}

body .woocommerce form.checkout_coupon {
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
}
.coupon-box{
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
.coupon-box .box-icon{
    background-color: #f5f8fa;
    color: #88d360;
    font-size: 3em;
    padding-top: 20px;
    border-left: 1px solid #e5e5e5;
}
.coupon-box .box-content{
    padding: 15px;
}
.coupon-box .title{
    font-size: 15px;
    color: #88d360;
    margin-bottom: 15px;
}
.coupon-box .desc{
    font-size: 14px;
    color: #576474;
}


body.woocommerce-checkout #payment {
    background: transparent;
}
body .wc_payment_method {
    position: relative;
    margin-bottom: 20px !important;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}
body .wc_payment_method .selected {
    border-left: 1px solid #e5e5e5;
    justify-content: center;
}
body .wc_payment_method .details-head {
    background: #eaffdf;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 700;
    color: #5aa631;
}
body .wc_payment_method .payment-label p {
    margin-bottom: 0;
}


.user_comments{
    border: 1px solid #ebeef0;
    border-radius: 4px;
    box-shadow: 0 1px 3px #eee;
}
.user_comments .head{
    background: #f5f8fa;
    color: #7f8fa4;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}
.user_comments .head > *{
    padding: 10px;
}
.user_comments .items{
    font-size: 13px;
    text-align: center;
}
.user_comments .title{
    text-align: right;
}
.user_comments .items .title{
    color: #464646;
}
.user_comments .type{}
.user_comments .type{}
.user_comments .likes{}
.user_comments .status{}
.user_comments .actions{}
.user-comment {
    position: relative;
    border-top: 1px solid #e7e9ed;
    padding: 24px 0;
}
.user-comment a {
    color: #464646;
    font-weight: 500;
    font-size: 13px;
}
.user-comment .comment_btn {
    background: #74c7a8;
    font-size: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
}
.user-comment .comment_remove {
    background: #fb485d;
    font-size: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
}
.user-comment .status {
    background: #ffdf6d;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px;
}
.user-comment .status-active{
    background: #00aeef;
}




.user-wishlist {
    position: relative;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 1px 3px #e4e4e4;
    border-radius: 5px;
}
.user-wishlist .head {
    background: #f5f8fa;
    font-size: 13px;
    font-weight: 700;
}
.user-wishlist .head .active {
    border-bottom: 2px solid #289df4;
    padding: 10px;
    display: inline-block;
}
.user-wishlist .head > *:not(:last-child) {
    border-left: 1px solid #eee;
    margin-left: 10px;
}
.post-wish {
    position: relative;
    padding: 15px;
}
.post-wish:not(:last-child){
    border-bottom: 1px solid #e7e9ed;
}
.post-wish .thumbnail {
    flex: 0 0 90px;
    max-width: 90px;
    border-radius: 5px;
    overflow: hidden;
}
.post-wish .details .title a {
    color: #464646;
    font-size: 13px;
    font-weight: 700;
    display: block;
}
.post-wish .rated-number,
.post-wish .star-rating{
    display: inline-block;
}
.post-wish .rated-number {
    color: #6b7380;
    font-weight: 500;
}
.post-wish .like a {
    background: #289df4;
    color: #fff !important;
    width: 30px;
    height: 30px;
    line-height: 33px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    padding: 0;
}
.post-wish .like a.active{
    background: #fb485d;
}




.user-order {
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #eee;
    border-right: 4px solid #88c25e;
    border-radius: 4px;
}
.user-order > .head {
    position: relative;
    border-bottom: 1px solid #ebeef0;
    background: #f5f8fa;
    color: #7f8fa4;
    font-size: 14px;
    font-weight: 500;
}
.user-order > .head > * {
    padding: 15px;
    text-align: center;
}

.order-item {
    font-size: 13px;
    font-weight: 500;
    color: #007dd4;
    text-align: center;
}
.order-item:nth-child(2) {
    background: #f7f7f7;
}
.order-item:not(:last-child){
    border-bottom: 1px solid #e4e4e4;
}
.order-item > * {
    padding: 15px;
}
.order-item .item-item_title{
    text-align: right;
    font-weight: bold;
}

.details-info > .head > * {
    padding: 15px;
}
.details-info > .head {
    background: #f9f9f9;
    border-top: 1px solid #ebeef0;
    border-bottom: 1px solid #ebeef0;
}
.details-info > .head .key {
    font-size: 13px;
    font-weight: 700;
    color: #313132;
    margin-left: 5px;
}
.details-info > .head .val {
    font-size: 13px;
    font-weight: 500;
    color: #808080;
}

.item-item_open {
    position: absolute;
    left: 0;
    cursor: pointer;
}
.order-item.active .item-item_open i:before{
    content: "\f106";
}

.user-order:not(.active) .details-info > .body {
    display: none;
}
.user-order .details-info .status {
    background: #359cd9;
    color: #fff;
    padding: 4px 15px;
    border-radius: 4px;
}
.user-order .details-info .status.status-pending{
    background: #ffa800;
}
.user-order .details-info .status.status-processing{
    background: #88c25e;
}
.user-order .details-info .status.status-cancelled{
    background: #4b4b4b;
}
.user-order .details-info .status.status-failed{
    background: #ff6000;
}
.user-order .details-info .status.status-completed{
    background: #69ad38;
}
.user-order.order_pending {
    border-right-color: #ffa800;
}
.user-order.order_processing {
    border-right-color: #88c25e;
}
.user-order.order_cancelled {
    border-right-color: #4b4b4b;
}
.user-order.order_failed {
    border-right-color: #ff6000;
}
.user-order.order_completed {
    border-right-color: #69ad38;
}
.details-info .body .title {
    color: #007dd4;
    font-size: 14px;
}
.details-info .body {
    position: relative;
    padding: 15px;
}
.details-info .body .order-shipping{
    padding: 15px 30px;
}
.details-info .body .order-shipping .key {
    font-size: 13px;
    font-weight: 500;
    color: #7f8fa4;
    margin-left: 5px;
}
.details-info .body .order-shipping .val {
    font-size: 13px;
    font-weight: bold;
    color: #313132;
}
.details-info .body .order-shipping li {
    line-height: 2;
}
.order-delivery_person {
    padding: 15px;
    border-right: 1px solid #eee;
}
.order-delivery_person li {
    line-height: 2;
}
.order-delivery_person li .key {
    font-size: 13px;
    font-weight: bold;
    color: #7f8fa4;
    margin-left: 7px;
}
.order-delivery_person li .val {
    font-size: 13px;
    font-weight: 700;
    color: #313132;
}
.order-item_actions a {
    font-size: 13px;
    color: #fff;
}
.order-item_actions .btn-pay {
    background: #359cd9;
    border-color: #359cd9;
}
.order-item_actions .btn-view {
    background: #88c25e;
    border-color: #88c25e;
}
.order-item_actions .btn-cancel {
    background: #f00;
    border-color: #f00;
}
.order-item_actions .btn-pay:hover,
.order-item_actions .btn-pay:focus,
.order-item_actions .btn-view:hover,
.order-item_actions .btn-view:focus,
.order-item_actions .btn-cancel:hover,
.order-item_actions .btn-cancel:focus{
    background: var(--primary_hover);
    border-color: var(--primary_hover);
    box-shadow: none;
    color: #fff !important;
}
.order-item_actions > .wrap {
    border-top: 1px solid #eee;
    padding-top: 15px;
}


.col-sm-20,
.col-md-20,
.col-lg-20,
.col-xl-20 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 576px) {
    .col-sm-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 768px) {
    .col-md-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 992px) {
    .col-lg-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1200px) {
    .col-xl-20 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}


.footer-menu-fixed {
    opacity:0;
    visibility:hidden;
    z-index:9999999999;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    height:60px;
    background-color:#fff;
    padding:0 15px;
    box-shadow:0 -5px 15px 0 rgba(0,0,0,.09);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s;
    -webkit-transform:translateY(110%);
    -moz-transform:translateY(110%);
    -ms-transform:translateY(110%);
    -o-transform:translateY(110%);
    transform:translateY(110%)
}
.footer-menu-fixed a {
    text-align:center;
    flex:1;
    padding:10px;
    color:#333
}
.footer-menu-fixed a:hover,
.footer-menu-fixed a:focus,
.footer-menu-fixed a.active {
    background: var(--primary);
    color: #fff !important;

}
.footer-menu-fixed a:active {
    color:var(--primary)
}
.footer-menu-fixed a i {
    display:block;
    font-size:18px
}
.footer-menu-fixed a span {
    font-size:14px;
    margin-top:7px;
    display:block
}

/******** Page sidebar ********/
.page-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    height: 100%;
    width: 250px;
    z-index: 3100;
    overflow-y: auto;
    box-shadow: 0 1px 3px transparent;
    border-left: 1px solid #eee;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.page-sidebar.left{
    right: auto;
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.page-sidebar.active{
    box-shadow: 0 1px 3px #ccc;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.page-sidebar.center {
    right: 0;
    left: 0;
    -webkit-transform: translateX(0) scale(0);
    -moz-transform: translateX(0) scale(0);
    -ms-transform: translateX(0) scale(0);
    -o-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0);
    width: 100%;

    transition: transform 0.2s ease;
}
.page-sidebar.active.center{
    -webkit-transform: translateX(0) scale(1);
    -moz-transform: translateX(0) scale(1);
    -ms-transform: translateX(0) scale(1);
    -o-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);

    transition: transform 0.2s ease;
}
body.with-sidebar-active > .page-wrap {
    z-index: 2000;
}
body.with-sidebar-active > .page-wrap:before {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #22222254;
    z-index: 3000;
}
.page-sidebar_wrap {
    position: relative;
    padding: 15px;
    overflow-y: auto;
    font-size: 14px;
}
.page-sidebar_wrap .title{
    font-size: 17px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
}
.page-sidebar_wrap .btn-close {
    position: absolute;
    top: 6px;
    left: 15px;
    background: #fff;
    border: none;
    box-shadow: none !important;
    font-size: 2em;
    color: red;
    cursor: pointer;
}

body.with-sidebar-active > .page-wrap {
    z-index: 2000;
}
body.with-sidebar-active > .page-wrap:before {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #22222254;
    z-index: 3000;
}
.page-sidebar_wrap {
    position: relative;
    padding: 15px;
    overflow-y: auto;
    font-size: 14px;
}
.page-sidebar_wrap .title{
    font-size: 17px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
}
.page-sidebar_wrap .btn-close {
    position: absolute;
    top: 6px;
    left: 15px;
    background: #fff;
    border: none;
    box-shadow: none !important;
    font-size: 2em;
    color: red;
    cursor: pointer;
}

.page-sidebar .sidebar-menu{
    width: 100%;
    height: 100%;
    margin: 10px 0;
}
.page-sidebar .sidebar-menu > ul{
    display: block !important;
}
.page-sidebar .sidebar-menu > ul {
    width: 100%;
    height: 90%;
    margin: auto;
    overflow-y: auto;
}
.page-sidebar .sidebar-menu > ul li {
    position: relative;
    display: block;
    padding: 0 !important;
    line-height: 2;
}
.page-sidebar .sidebar-menu > ul li.menu-item-has-children .btn {
    position: absolute;
    left: 0;
    top: 50%;
    font-weight: 700;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.page-sidebar .sidebar-menu > ul li.menu-item-has-children .btn{
    top: 5px;
    left: 15px;
}
.page-sidebar .sidebar-menu > ul li.menu-item-has-children.active > .btn{
    transform: rotate(-90deg);
}
.page-sidebar .sidebar-menu > ul li.menu-item-has-children .sub-menu {
    position: relative;
    background: transparent;
    box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.08);;
    display: none;
    border: none;
    overflow: hidden;
    color: #000;
    padding-right: 7px;
    line-height: 50px;
    transition: none;
}

.page-sidebar .sidebar-menu > ul {
    width: 100%;
    height: 90%;
    margin: auto;
    overflow-y: auto;
}
.sidebar_menu ul li > a {
    display: flex;
    padding: 10px;
    font-size: 15px;
    border-top: 1px solid #eee;
    align-items: center;
    transition: background 0.2s linear;
}
.sidebar_menu ul li > a:hover,
.sidebar_menu ul li > a:focus,
.sidebar_menu ul li.opened > a {
    background: var(--primary);
    color: #fff !important;
}
.sidebar_menu ul li > a > i {
    font-size: 24px;
    margin: 0 0 0 10px;
    display: inline-block;
}
.sidebar_menu .menu-img.m_3::before {
    width: 25px;
    height: 25px;
    right: 0;
}
.sidebar_search form .form-control {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none !important;
    height: 40px;
}
.sidebar_search form .link {
    background: transparent;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
    height: 40px;
    font-size: 21px;
    color: #999;
    outline: none !important;
}




.cp-alert {
    display: block;
    position: relative;
    font-size: 13px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 3em;
    font-weight: 500;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}
.cp-alert.alert-green {
    color: #7bc200;
    background: #f3f9eb;
    border-color: #dff2c6;
}
.cp-alert.alert-red {
    background: #fef8f7;
    border-color: #fbe9e7;
    color: #f55c43;
}
.cp-alert.alert-blue {
    background: #f5fcfe;
    border-color: #e7f0f3;
    color: #47b4f6;
}
.cp-alert.alert-purple {
    background: #efeef6;
    border-color: #e5e4f2;
    color: #9d96d5;
}
.cp-alert.alert-gray {
    background: #fafafa;
    border-color: #ebebeb;
    color: #b1aeae;
}
.cp-alert.alert-orange {
    background: #fffbef;
    border-color: #e8ddba;
    color: #856404;
}

.cp-alert .icon {
    background: red;
    color: #fff;
    border: 5px solid green;
    border-radius: 50%;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    margin-left: 20px;
}
.cp-alert.alert-green .icon{
    background: #97e411;
    border-color: #7bc200;
    color: #558502;
}
.cp-alert.alert-red .icon{
    background: #fd7761;
    border-color: #f55c43;
    color: #d52e13;
}
.cp-alert.alert-blue .icon{
    background: #6fd9fc;
    border-color: #47b4f6;
    color: #0787d4;
}
.cp-alert.alert-purple .icon{
    background: #a39cdc;
    border-color: #8781bd;
    color: #5b568e;
}
.cp-alert.alert-gray .icon{
    background: #c2c2c2;
    border-color: #b1aeae;
    color: #888888;
}
.cp-alert.alert-orange .icon{
    background: #ffc26c;
    border-color: #cd9443;
    color: #ac772c;
}



.woocommerce-EditAccountForm > p {
    margin-bottom: 20px !important;
}
.woocommerce-EditAccountForm label {
    display: block;
    font-weight: bold;
    color: #797979;
}
.woocommerce-EditAccountForm em {
    display: block;
    margin-top: 7px;
    font-size: 13px;
    color: #999;
}


.cp-block-search input {
    border: 1px solid #e4e4e4;
    box-shadow: none;
    font-size: 13px;
    margin-bottom: 20px;
    line-height: 1;
    padding: 5px 10px;
}

#page_footer .widget {
    margin-bottom: 30px;
}


.wc-block-product-categories-list li{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wc-block-product-categories-list li > a {
    font-size: 13px;
    line-height: 2;
    color: #333;
    font-weight: 500;
}
.wc-block-product-categories-list li > .sub-categories {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: auto;
    font-size: 17px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.wc-block-product-categories-list li.active > .sub-categories {
    transform: rotate(-180deg);
}

.wc-block-product-categories-list-item-count,
.wc-block-product-categories-list li:not(.active) > ul {
    display: none;
}
.wc-block-product-categories-list li > ul {
    flex: 0 0 100%;
    margin: 10px 0;
    padding-right: 5px;
}
.wc-block-product-categories-list li > ul a {
    color: #666;
}

@media (min-width: 1366px){}
@media (min-width: 991px){}

@media (max-width: 1023px){
    .footer-menu-fixed {
        opacity:1;
        visibility:visible;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    .with-sidebar-active .page-sidebar {
        height: calc(100% - 60px);
    }
    #page_footer{
        padding-bottom: 40px;
    }

    #page_header {
        border-bottom: 6px solid #f2f6f9;
        box-shadow: 0 3px 2px #e5e9ec;
    }
    #page_header .search-ajax,
    #page_header .header-menu{
        display: none;
    }
    .header_menu li > .btn {
        display: block;
    }

}
@media (max-width: 991px){
    .product-notices > ul > li{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .shop_attributes .key{
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 767px){
    .social-links > ul{
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .social-links > ul > li {
        margin: 0 !important;
    }

    .product-notices > ul > li{
        flex: 0 0 100%;
        max-width: 50%;
    }
    .product-info .label {
        display: block;
        margin-bottom: 15px;
    }

    .shop_attributes .item{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .shop_attributes .key{
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        min-width: 104px;
    }

    .order_steps{
        margin-bottom: 0;
    }
    .order_steps > li{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .order_steps li:before,
    .order_steps li:after{
        content: unset !important;
    }
    .order_steps > li .step-icon{
        top: 2px;
        width: 30px;
        height: 30px;
        font-size: 9px;
        margin-left: 15px;
        -ms-flex-order: 1;
        order: 1;
    }
    .order_steps > li .step-label{
        -ms-flex-order: 2;
        order: 2;
    }

    .address .details {
        -ms-flex-order: 3;
        order: 3;
        border-top: 1px solid #ddd;
        border-left: 0;
    }
    .address .details ul > li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 10px;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
        line-height: 2;
    }
    .address .details ul > li:last-child{
        border-bottom: 0;
    }
    .address .actions {
        -ms-flex-order: 2;
        order: 2;
        padding: 10px;
    }
    .address .actions a{
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        margin-top: 0;
    }

    .order-item{
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .user-order > .head {
        display: none !important;
    }
    .order-item > * {
        padding: 15px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: right;
    }
    .order-item > *:before {
        content: attr(data-title);
        color: #767676;
        margin-left: 10px;
    }
}
@media (max-width: 576px){
    .footer-menu-fixed a {
        display:block;
        height:100%;
        padding-top:17px
    }
    .footer-menu-fixed a i {
        font-size:25px
    }
    .footer-menu-fixed a span {
        display:none;
        border-radius:4px
    }

    .header_actions-btn,
    .header_top-menu{
        display: none;
    }

    .footer-menu .widget-menu > ul li {
        flex: 0 0 100%;
        max-width: 100%;
        text-align: right;
    }
    #page_footer .copyright .widget-menu li:not(:last-child) > a:after{
        content: '';
    }
    .comment-text .meta{
        clear: both;
        margin-top: 50px;
        display: block;
    }
    .checkout_coupon #coupon_code {
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 10px;
    }
    .checkout_coupon #coupon_code + .btn {
        display: block;
        width: 100%;
        margin: 0 !important;
    }
    .order-delivery .delivery .selected {
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
        border-left: 0;
    }
    .order-extra_btn a {
        display: block;
        margin-bottom: 15px;
    }
    body .wc_payment_method .selected {
        border-bottom: 1px solid #e5e5e5;
        border-left: 0;
        padding: 15px 0;
    }
    .woocommerce-privacy-policy-text{
        max-width: 100% !important;
    }

    .details-info > .head > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        border-bottom: 1px solid #e4e4e4;
    }
}
.contact-container{
    flex-grow: initial;
}
.contact-container i{
    font-size: 32px;
    color: #7BBD5D;
    transform: rotateY(180deg);
    margin-right: 0.35em;
}
.contact-container span{
    font-size: 16px;
    margin-right: 0.4em;
    font-weight: bold;
    letter-spacing: 0px;
}
.contact-container span:last-child{
    margin-right: 0;
}
.ewd-ufaq-faqs{
	margin-bottom: 2em;
}
.ewd-ufaq-faq-div{
	margin: 0;
	border-top: thin solid #e7ecf2;
}
.ewd-ufaq-faq-div:last-child{
	border-bottom: thin solid #e7ecf2;
}
.ewd-ufaq-faq-title .ewd-ufaq-post-margin{
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	padding: 0 0.5em;
}
.ewd-ufaq-faq-title{
	padding: 0.3em 0;
}
.ewd-ufaq-faq-title h4{
	font-size: 16px;
	font-weight: normal;
	color: var(--light-txt);
}
.ewd-ufaq-post-active .ewd-ufaq-faq-title h4{
	font-weight: bold;
}
.ewd-ufaq-post-margin-symbol{
	margin: 0 !important;
}
.ewd-ufaq-faq-title-text{
	width: auto !important;
    flex-grow: 1;
}
.ewd-ufaq-faq-categories{
	display: none;
}
.ewd-ufaq-faq-body{
    display: block;
    padding: 0.5em 1em 0.5em !important;
}
.ewd-ufaq-faq-body p{
	margin: 0
}
.ewd-ufaq-post-margin-symbol span{
	font-size: 0 !important;
}
.ewd-ufaq-post-margin-symbol span:before{
	content: '\f078';
    font-family: "Font Awesome 5 Pro";
	font-size: 1rem;
    font-weight: 900;
    width: 12px;
	color: #b0b0b0;
}
.ewd-ufaq-post-active .ewd-ufaq-post-margin-symbol span{
	transform: rotate(180deg);
}