/*
Theme Name: the87
Theme URI: https://webramz.com
Author: webramz
Author URI: https://webramz.com
Version: 1.1
*/
@font-face {
    font-family: kalameh;
    src: url('fonts/KalamehWebFaNum-Regular.woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
}

@font-face {
    font-family: kalameh-bold;
    src: url('fonts/KalamehWebFaNum-Bold.woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
}

@font-face {
    font-family: iransans;
    src: url('fonts/iransans-normal.woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-smooth: always;
}
/*********Css Variables****************/
:root {
    font-size: 16px;
  --white-color: #ffffff;
  --black-color: #333;
  --black-color-1: #1E1E1E;
  --main-color:#f65000;
  --main-color-2:#FEE5D9;
  --grey-color:#999;
  --size-2:2rem;
  --size-1-4:1.4rem;
  --size-1-5:1.5rem;
  --size-1-2:1.2rem;
  --size-1-1:1.1rem;
  --size-1:1rem;
  --size-0-9:0.9rem;
  --size-0-85:0.85rem;
  --size-0-7:0.7rem;
  --size-0-5:0.5rem;
  --size-0-3:0.3rem;
  --box-shadow: 0px 2px 8px rgba(0,0,0,.16);
  a {
    color: var(--black-color);
    text-decoration: none ;
}
ins {
    text-decoration: none;
}
  }
/**************************************/
h1 , h2 , h3 , h4 , h5 , h6 , a  {
    font-family: 'kalameh-bold' ;
    line-height: var(--size-2) !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}
.h1, h1 {
    font-size: 1.95rem !important;
}
.h2, h2 {
    font-size: 1.7rem !important;
}
.h3, h3 {
    font-size: 1.2rem !important;
}
.h4, h4 {
    font-size: 1.1rem !important;
}
.h5, h5 {
    font-size: 1rem !important;
}
.h6, h6 {
    font-size: 0.8rem !important;
}
body , p {
    font-family: 'iransans' !important  ;
    font-size:var(--size-0-9);
     line-height: var(--size-2);
     
}
section {
    margin-top: 7rem!important;
    margin-bottom: 7rem!important;
}
h5.singel-title {
    font-weight: 900;
    font-size: 1.5rem;
    line-height: 2;
}
h5.singel-title a {
    color: var(--orang-color);
}
.singel-box p {
    text-align: justify;
}
img.custom-logo {
    padding: 0.5rem 0;
    width: 55%;
}
/*************footer*****************/
footer.bd-footer {
    background: var(--black-color-1);
}
h3.title-footer {
    font-size: var(--size-1-2);
}
ul.list-footer {
    list-style: none;
    padding-right: 0;
}
.copyright a {
    color:var(--main-color);
   }
.copyright a  , .copyright{
       font-size: var(--size-0-85);
}
ul.list-footer li a {
    color: var(--grey-color);
    transition: all 300ms ease-out;
    font-size: var(--size-0-9);
    font-weight: 400 !important;
    font-family: 'kalameh';
}
li.list-link a:hover {
    color:var(--main-color);
    margin-right: var(--size-0-3);
    transition: all 300ms ease-out;
}
ul.col-contact li {
    line-height: 2.7;
    font-size: var(--size-0-9) !important;
}
.textwidget p {
    color: #ddd;
    font-size: var(--size-0-85);
}
.copyright.text-center {
    border-top: 0.1rem dashed #333;
    line-height: 1;
}
.copyright, .copyright a {
    font-size: 0.8rem;
}
/************header****************/
img.link-shop, .link-account {
    width: 1.7rem;
}
ul#menu-menu li a {
    font-size: var(--size-1-2);
    padding: 0 1rem;
}
div#main-menu ul#menu-menu li a:after{
content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    width: 6px;
    height: 6px;
    background-color: #ccc;
    transform: skewX(-15deg);
}
div#main-menu ul#menu-menu li a.active:after , div#main-menu ul#menu-menu li:hover a:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    width: 6px;
    height: 6px;
    color:var(--main-color);
    background-color:var(--main-color);
    transform: skewX(-15deg);
}
h1.singel-title a.icon-link::before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    width: 14px;
    height: 16px;
    color:var(--main-color);
    background-color:var(--main-color);
    transform: skewX(-15deg);
}
div#main-menu ul#menu-menu li a.active  {
    color:var(--main-color);
}
ul.dropdown-menu.depth_0.show li a {
    padding: 0.3rem;
    font-family: 'kalameh' !important;
    font-size: 1rem !important;
}
ul.dropdown-menu.depth_0.show li {
    padding: 0.3rem;
    border-bottom: 0.1rem solid #eee;
}
div#main-menu ul#menu-menu li > ul li  a:after {
    content: '';
    background-color: #cccccc !important;
}
div#main-menu ul#menu-menu li > ul li:hover a:after {
    content: '';
    background-color: #f65000 !important;
}
.current-page-parent a::after {
    background-color: transparent !important;
    content: '';
}
.dropdown-toggle::after {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .4em solid;
    border-left: .4em solid transparent;
    border-bottom: 0;
    border-right: .4em solid transparent;
    color: #cccccc;
}
h3.woocommerce-loop-product__title.cat-title {
    min-height: 4rem !important;
}
.header-middle {
    background:var(--main-color-2);
}
.header-middle .desc-icon {
    font-size: var(--size-1-1);
    font-family: 'kalameh-bold';
}
.content-slide {
    position: absolute;
    top: 10rem;
    left: 25%;
    right: 50%;
}
h1.title-slide {
    font-size: 3rem !important;
    color: #fff;
}
.content-slider p {
    color: #fff;
}
span.viwe {
    padding: 0 1rem 0 0;
}
section.section-breadcrumb {
    background-position: center;
    height: 15rem;
    margin-bottom: 1rem !important;
    margin-top: 0 !important;
}
p#breadcrumbs , .title-subheader{
    text-align: center;
    top: 5rem;
    position: relative;
    font-size: 1.3rem;
    color: #e9e9e9;
    font-size: 1rem;
}
p#breadcrumbs, p#breadcrumbs a {
    font-family: 'iransans' !important;
    color: #f6f5f8 !important;
    font-size: 0.95rem;
}
.content-slider a.icon-link {
    transform: skewX(-10deg) scaleX(.955);
    border-radius: 0.3rem !important;
    padding: 0.3rem;
    font-size: 0.9rem;
}
.fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    background: #f1f1f1f0;
    transition: all ease 0.3s;
}
.fixed-header .custom-logo {
    width: 5rem;
}
.suppp img {
    width: 1.5rem;
}
.woocommerce-variation-price {
    padding: 3rem 0;
    text-align: center;
}
/**************************/
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: left;
    width: 33% !important;
    clear: none;
}
div.product-gallery {
    background: #fee5d9;
    padding: 1rem 1rem 0rem;
    border-radius: 0.3rem;
    position: relative;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: right;
    width: 100%!important;
}
.woocommerce div.product div.images {
    margin-bottom: 0.8rem;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    margin: 0.5rem auto 0;
   }
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt ,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover{
    background-color: var(--main-color)!important;
    line-height: 1.6;
}
.col-lg-4.product-status {
    border: 1rem solid #fee5d9;
    border-radius: 0.3rem;
}
.product_meta {
    display: flex;
    flex-direction: column;
}
p.price {
    text-align: center !important;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: var(--main-color);
    font-size: 1rem;
    font-weight: 900;
    border-bottom: 0.1rem solid #fee5d9;
    border-top: 0.1rem solid #fee5d9;
    padding: 0.5rem;
    transform: skewX(-10deg) scaleX(.955);
}
.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: right;
    width: 80%;
    transform: skewX(-10deg) scaleX(.955);
}
.woocommerce .quantity .qty {
    width: 3.631em;
    text-align: center;
    line-height: 1.9;
    border: 0.15rem solid #fee5d9;
    transform: skewX(-10deg) scaleX(.955);
}
h1.product_title.entry-title {
    line-height: 2 !important;
}
.star-rating {
    color: var(--main-color);
}
.woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 5rem;
}
ul.tabs.wc-tabs .active {
    border-top: 0.2rem solid var(--main-color) !important;
    background: var(--main-color)26 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
}
ul.tabs.wc-tabs li {
    background: #f6f5f8 !important;
    border-radius: 0.3rem !important;
    border-top: 0.2rem solid #ccc;
    margin: 0.1rem!important;
}
ul.tabs.wc-tabs {
    display: flex;
    list-style: none;
    padding-right: 0;
    background: transparent;
}
ul.tabs.wc-tabs li {
    width: 50%;
    text-align: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0px solid #cfc8d8;
    margin: 0 1px!important;
    padding: 0 1em!important;
}
.woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 100px;
    border-radius: 0.3rem;
    padding: 2rem;
    border: 2px solid #f650001a;
}
.woocommerce div.product .woocommerce-tabs .panel {
    margin: 0;
    padding: 0;
}
.woocommerce-Tabs-panel h2 {
    display: none;
}
.woocommerce-Tabs-panel p {
    text-align: justify;
    font-size: 0.85rem;
}
span#reply-title {
    line-height: 2;
}
.woocommerce-Tabs-panel p {
    text-align: justify;
    font-size: 0.85rem;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 50px 0 0;
    border: 1px solid #f6500026;
    border-radius: 4px;
    padding: 1em 1em 0;
    background: #f650000a;
}
form#commentform label {
    display: flex;
    margin: 0 0.5rem;
    line-height: 2;
}
p.comment-form-comment, p.comment-form-author {
    float: right;
    margin-left: 2rem !important;
}
.comment-form-rating {
    display: flex;
}
p.stars a:before {
    color: var(--main-color);
}
.input-text.qty, textarea#comment, form input {
    border: 0rem solid  #f6500026;
    background: #f650000f;
    padding: 0.4rem;
    border-radius: 0.2rem;
}
table.shop_table.woocommerce-checkout-review-order-table th {
    background: #fee5d9;
}
.woocommerce #review_form #respond p {
    margin: 0 0 10px;
}
div#review_form p.form-submit {
    float: left;
}
p.comment-form-cookies-consent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}
div#review_form form#commentform input#submit {
    padding: 1rem  6rem!important;
    background: var(--main-color) !important;
    color: #fff !important;
}
.woocommerce p.stars a {
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
}
form#commentform input#submit {
    padding: 0.5rem  4rem!important;
    background: var(--main-color) !important;
    color: #fff !important;
}
.row-comments {
    border-top: 0.1rem dashed #ddd;
    padding-top: 3rem;
    margin: 3rem auto !important;
    padding-bottom: 2rem;
}

/*************target****************/
.figure   {
    position: relative;
    margin: 0;
}
h3.text-slogan {
    cursor: auto;
}
.figure .card-img:before  {
    content: "";
    background-color: #f6f5f8;
    position: absolute;
    left: 0;
    top: 55%;
    width: 100%;
    height: 50%;
    transform: skewX(-10deg) translateY(-50%);
    z-index:-1;
    border-radius: 3px;
    transition: all ease 0.3s;
    bottom: 0;
}
.box-cat:hover .figure .card-img:before {
    content: "";
    background-color: var(--main-color);
    position: absolute;
    left: 0;
    top: 55%;
    width: 100%;
    height: 50%;
    transform: skewX(-10deg) translateY(-50%);
    z-index:-1;
    border-radius: 3px;
    transition: all ease 0.3s;
    bottom: 0;
}
h4.card-title {
    display: inline-block;
    position: relative;
}
h4.card-title:hover {
    color: white !important;
}
h4.card-title:hover:before {
    height: 100%;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
h4.card-title:before {
    width: 100%;
    height: 1px;
    background: var(--main-color);
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: -1;
}
img.arrow {
    width: 1.7rem;
}
h4.card-title {
    font-family: 'kalameh';
}
/***************product***************/
.body-add-cart a {
    font-family: 'kalameh';
    font-size: var(--size-0-85);
    line-height: 2 !important;
    display: block;
    width: 100%;
    padding: 0rem 3rem 0.7rem !important;
    bottom: 0;
    position: absolute;
     color: transparent !important;
}
.body-add-cart {
    position: absolute;
    display: block !important;
    width: 100%;
    height: 10%;
    bottom: 1rem;
    background: #000;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 0;
}
h4.card-add-cart a{
    color: #fff !important;
}
h4.card-add-cart:before , a.button.product_type_simple:before{
    width: 100%;
    height: 0;
    background: var(--main-color);
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: -1;
    color: transparent !important;
}
h4.card-add-cart:hover:before , a.button.product_type_simple:hover:before {
    height: 100%;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 0;
}
.swiper-slide:hover .body-add-cart {
    display: block !important;
    position: absolute;
    z-index: 9999;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 0;
}
.cat-body  p.price {
    font-family: 'kalameh-bold' !important;
    margin-bottom: 0;
}
.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
    clear: unset;
}
/**************offer***************/
section.section-offer {
    background: url(https://the87.ewebs.ir/wp-content/uploads/2024/08/bg-offer.png) no-repeat center;
    padding: 8rem 0;
    position: relative;
    z-index: 0;
}
.col-6.cardoffers {
    margin: 0.7rem 0rem;
}
.cardoffers img {
    border-radius: 0.5rem;
}
.desc-offer a {
    color: #fff;
}
div#timer .text-center {
    position: relative;
    margin: 0.3rem !important;
    width: 4rem;
}
div#timer .text-center span:before {
    content: "";
    background-color: var(--main-color);
    position: absolute;
    left: -4px;
    top: 50%;
    width: 100%;
    height: 85%;
    transform: skewX(-10deg) translateY(-50%);
    z-index: -1;
    border-radius: 3px;
    transition: all ease 0.3s;
    bottom: 0;
}
div#timer .text-center span , div#timer .text-center >div {
    color: #fff;
    font-size: 0.9rem;
}
span.link-offer a {
    margin-right: 5rem;
    font-size: 0.9rem;
    font-family: 'kalameh' !important;
}
span.link-offer {
    top: 1rem !important;
    position: relative;
}
ins .woocommerce-Price-amount.amount >bdi {
    color: #00CB6A;
}
.cardoffers del span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol, span.price del span.woocommerce-Price-currencySymbol, .product-status  del span.woocommerce-Price-currencySymbol {
    display: none;
}
ins span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol ,
p.price  span.woocommerce-Price-currencySymbol, span.price bdi span.woocommerce-Price-currencySymbol  {
    font-size: 0.7rem;
}
.cardoffers span.woocommerce-Price-amount.amount {
    color: #bbb;
}
.cardoffers img {
    padding: 0.5rem;
}
.col-6.cardoffers h3 {
    font-size: 1.4rem !important;
    transition: all ease 0.3s;
}
.col-6.cardoffers:hover h3 {
    color:  var(--main-color)!important;
    transition: all ease 0.3s;
}
/**************img-link**************/
.col-md-3.img-link {
    background: url(/wp-content/uploads/2024/08/Group-5.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0.5rem;
}
.col-md-3.img-link li a {
    color: #bbb;
    font-family: 'kalameh';
    font-size: medium;
}
.img-link ul {
    color: #fff;
}
.cat-body {
    padding: 1rem;
}
.img-link p > a {
    color: #fff;
    border-bottom: 0.1rem solid #f65200b7;
    font-family: 'kalameh';
}
/**********comment*****************/
.content-comment .sec-1box {
    background: #1E1E1E;
    color: #fff;
}
.content-comment span.disc-top {
    font-size: 0.9rem;
    line-height: 2;
}
.content-comment .disc-post {
    font-size: 0.75rem;
    line-height: 2 !important;
    padding-top: 1rem;
}
h4.title-top {
    line-height: 2 !important;
}
.sec-1box .col-5:before {
    content: "";
    background-color: #f65000;
    position: absolute;
    right: 4px;
    top: 40%;
    width: 10rem;
    height: 60%;
    z-index: 0;
    border-radius: 0 0 0.3rem;
    transition: all ease 0.3s;
    bottom: 0;
}
.sec-1box img.img-fluid {
    z-index: 99999999999999;
    position: relative;
}
/*********logo*********/
section.section-logo .swiper-slide {
    background: #f6f5f8;
    padding: 2rem;
}
.swiper-wrapper:nth-child(2) .swiper-slide  {
    background: #000;
}
/*********blog*************/
.section-news h5.card-title {
    position: absolute;
    top: 7rem;
    left: 3rem;
    right: 3rem;
}
.section-news h5.card-title a {
    color: #fff !important;
    font-size: 1.4rem;
    line-height: 1.7 !important;
}
.blog-link {
    position: absolute;
    top: 0;
    z-index: 999;
    bottom: -22rem;
    left: 4rem;
}
.blog-link a:before {
    content: "";
    background-color: var(--main-color);
    position: absolute;
    left: -0.7rem;
    top: 50%;
    width: 3rem;
    height: 1.3rem;
    transform: skewX(-10deg) translateY(-50%);
    z-index: -1;
    border-radius: 3px;
    transition: all ease 0.3s;
    bottom: 0;
}
.swiper-slide:hover .blog-link a:before{
    content: "";
    background-color:#2875b8;
    position: absolute;
}

/***********product*****************/
.sidebar-filter h4 {
    border-bottom: 0.2rem solid #000;
    margin-bottom: 0.5rem !important;
}
form#search-filter-form-110 ul li h4:after {
    background: url(/wp-content/uploads/2024/08/arrow-left-30.svg);
    content: '';
    position: absolute;
    left: auto;
    width: 30px;
    height: 20px;
    right: auto;
    background-repeat: no-repeat;
    margin-top: 0.4rem;
}
form#search-filter-form-110 li {
    margin-bottom: 1rem;
}
form#search-filter-form-110 > ul {
    padding: 0 1rem;
}
.sidebar-filter form li.sf-field-search input {
    border: 0rem solid #888888;
    background: #f6f5f8 !important;
    padding: 0.7rem;
    border-radius: 0.4rem;
    transform: skewX(-15deg) translateY(-60%);
    top: 2rem;
    position: relative;
    left: -1rem;
    width: 255px;
    font-size: 0.85rem;
}
.searchandfilter ul li li {
    border-bottom: 1px dashed #f6f5f8;
    padding: 0.7rem 0px !important;
    line-height: 1;
}
.sf-input-checkbox {
    margin-left: 0.5rem;
    float: left;
}
li.sf-field-taxonomy-brand ul , li.sf-field-taxonomy-product_cat ul{
    padding: 0;
}
li.sf-field-taxonomy-brand ul li:before , li.sf-field-taxonomy-product_cat ul li:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    width: 6px;
    height: 6px;
    color: #aaa;
    background-color: #aaa;
    transform: skewX(-15deg);
    top: 0;
    position: relative;
    right: -6px;
}
li.sf-field-taxonomy-brand ul li label {
    color: #999;
}
li.sf-field-taxonomy-brand ul li:hover:before , li.sf-field-taxonomy-product_cat ul li:hover:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    width: 6px;
    height: 6px;
    color: #f65000;
    background-color: #f65000;
    transform: skewX(-15deg);
    top: 0;
    position: relative;
    right: -6px;
}
li.sf-field-taxonomy-brand ul li:hover label ,li.sf-field-taxonomy-product_cat ul li:hover label{
    color: #000;
}
/*.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {*/
/*    float: right;*/
/*    margin: 0 0 1.992em 1.8%;*/
/*    padding: 0;*/
/*    position: relative;*/
/*    width: 31.05%;*/
/*    margin-right: 0;*/
/*}*/
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart ,
a.button.product_type_variable.add_to_cart_button{
    width: 100%;
    text-align: center;
    font-size: 0.85rem;
}
h2.woocommerce-loop-product__title {
    font-size: 1.1rem !important;
    min-height: 4rem;
    padding: 0 0.5rem !important;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
a.button.product_type_variable.add_to_cart_button{
    position: absolute;
    display: block !important;
    width: 95%;
    height: 10%;
    bottom: 1rem;
    background: #000;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 0;
    z-index: 9999999999999999;
    color: #fff !important;
    margin: 0 auto !important;
    right: 0;
}
select.orderby {
    font-family: 'kalameh';
    font-size: 0.95rem;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover:before ,
a.button.product_type_variable.add_to_cart_button:hover:before{
    height: 100%;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 0;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:before ,
a.button.product_type_variable.add_to_cart_button:before{
    width: 100%;
    height: 0;
    background: var(--main-color) !important;
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: -1;
    color: transparent !important;
}
#offcanvasExample .offcanvas-header {
    background: #000;
    color: #fff;
}
span.price del {
    color: #000 !important;
    opacity: 1;
}
select#pa_vazn {
    border: 0.1rem solid #faa77f;
    padding: 0.4rem;
    transform: skewX(-10deg) scaleX(.955);
} 
.woocommerce div.product form.cart .variations select {
    max-width: 100%;
    min-width: 90%;
    display: inline-block;
    margin-left: 1em;
}
  span.price {
    text-align: center !important;
    border: 0 !important;
}
.woocommerce-message {
    border-top-color: #000;
    line-height: 2;
}
.woocommerce-message::before {
    content: "\e015";
    color: #000!important;
}
a.button.wc-forward {
    font-size: 0.8rem;
    padding: 0 0.5rem;
}
.woocommerce .woocommerce-result-count {
    margin: 1em 0   0;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: #000 !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button ,
 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, 
 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, 
 .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
    background-color: transparent;
    text-decoration: none;
    background-image: none;
    color: #515151;
} 
.woocommerce span.onsale {
    min-height: 3.236em;
    min-width: 3.7em;
    padding: .202em;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 3.236;
    top: -.5em;
    right: -.5em;
    margin: 0;
    border-radius: 100%;
    background-color: #f65000;
    color: #fff;
    font-size: .857em;
    z-index: 9;
}
.item-product {
    height: 32rem;
}
.related  ul.products li.product, .related  ul.products li.product {
    float: right;
    margin: 0 0 1.992em 1%;
    padding: 0;
    position: relative;
    width: 24%;
    margin-right: 0;
}
/************tab*****************/
ul#myTab-new , ul#myTab-left  , ul#myTab-right  {
    display: flex;
    flex-direction: row-reverse;
    border-bottom: 0;
    left: 10rem;
    position: relative;
}
.nav-tabs .nav-link.active {
    background: #000 !important;
    color: #fff !important;
    padding: 0.7rem 1rem;
    border-radius: 0.5rem;
    transform: skewX(-15deg) translateY(-0%);
    font-size: 1rem;
    font-family: 'kalameh';
}
.nav-tabs .nav-link{
    color: #000 !important;
    padding: 0.7rem 1rem;
    border-radius: 0.5rem;
    transform: skewX(-15deg) translateY(-0%);
    font-size: 1rem;
    font-family: 'kalameh';
}
/*********swiper-button******/
 .swiper-button-prev.bg-secondary-subtle {
    left: 70px !important;
    right: auto !important;
}
.swiper-button-next, .swiper-button-prev {
    width: 50px !important;
    border-radius: 0.3rem;
    color: #584f4f !important;
    transform: skewX(-15deg) translateY(-0%);
    font-weight: bolder;
    height: 50px !important;
    margin-left: 1rem;
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 1rem !important;
}
.swiper-button-next, .swiper-button-prev {
    top: -40px !important;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.col-mySwiper-2 , .col-mySwiper-3  {
    position: relative;
}
.swiper {
      position: initial !important;
  }

  /************section-news***********/
 .section-news h5.card-title {
    position: absolute;
    top: 9rem;
    left: 2rem;
    right: 2rem;
}
.sectionarchive-news h5.card-title {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}
.sectionaback-news {
    background: #f6f5f8;
    padding: 0rem 1rem;
    border-radius: 0.3rem;
    transition: all ease 0.3s;
}
.blogarchiv-link img {
    position: relative;
    left: 1rem;
}
.sectionaback-news h5 {
    min-height: 6rem;
}
.blogarchiv-link {
    position: relative;
    transition: all ease 0.3s;
}
.blogarchiv-link a:before {
    content: "";
    background-color: var(--main-color);
    position: absolute;
    left: 1.3rem;
    top: 50%;
    width: 3rem;
    height: 1.3rem;
    transform: skewX(-10deg) translateY(-50%);
    z-index: 0;
    border-radius: 3px;
    transition: all ease 0.3s;
    bottom: 0;
}
.sectionaback-news h5.card-title a {
    color: #000 !important;
    font-size: 1.4rem;
    line-height: 1.7 !important;
}
.sectionaback-news:hover  .blogarchiv-link a:before{
       content: "";
        background-color: #000;
        position: absolute;
        left: 1.3rem;
        top: 50%;
        width: 3rem;
        height: 1.3rem;
        transform: skewX(-10deg) translateY(-50%);
        z-index: 0;
        border-radius: 3px;
        transition: all ease 0.3s;
        bottom: 0;
   }
.sectionaback-news:hover h5.card-title a {
    color: #f65000 !important;
}
.container-fluid.section-aboutback {
    background: #f6f5f8;
}
/**********contact *****************/
.sec-3icon:before {
    background: #f6f5f8;
    transform: skewX(-15deg) translateY(-0%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    border-radius: 0.5rem;
    right: -0.5rem;
}
.w-70 {
    width: 70%!important;
}
.sec-3icon {
    min-height: 9rem;
}
.col-lg-10.disc-box p {
    margin: 0;
}
.disc-box a:hover {
color: var(--main-color);
}
input#gform_submit_button_1{
    background: var(--main-color) !important;
    transform: skewX(-15deg) translateY(-0%);
}
div#gform_fields_1 input , div#wp-input_1_5-editor-container  {
    background: #f6f5f8;
    border: 0;
}
 div#wp-input_1_5-editor-container, div.mce-panel {
    background: #f6f5f8;
    border: 0;
    padding: 0.5rem;
}
form#gform_1  {
    border: 0.5rem solid #f6f5f8;
    padding: 1rem;
}
.gfield_captcha_input_container.simple_captcha_small {
    float: left;
}
input#input_1_6:focus {
    outline: 0rem solid;
    box-shadow: unset;
}
.col-lg-6.map-box img {
    width: 100%;
    border-radius: 0.5rem;
    box-shadow: 0 0 20px 7px #ddd;
}
/***********************/
a.button.wc-forward {
    background: var(--main-color) !important;
    transform: skewX(-15deg) translateY(-0%);
    color:#fff;
}
p.woocommerce-mini-cart__buttons .button {
    margin: 0 0.5rem;
    width: 40%;
    text-align: center;
    position: relative;
    display: inline-block;
}
ul.woocommerce-mini-cart.cart_list li {
    background: #fee5d98c;
    padding: 0.5rem;
    margin-bottom: 0.3rem;
    border-radius: 0.3rem;
}
p.woocommerce-mini-cart__buttons.buttons a:hover {
    color: #000;
}
/**************************/
ul.woocommerce-mini-cart img {
    float: left;
    margin-right: 4px;
    width: 32px;
    height: auto;
    box-shadow: none;
}
 ul.woocommerce-mini-cart  {
    padding-right: 0;
    list-style: none;
}
ul.woocommerce-mini-cart span.quantity {
    display: block;
    padding: 0.5rem;
}
a.remove.remove_from_cart_button {
    color: red!important;
}
#offcanvasNavbar {
    background: #fff;
    color: #fff;
    border-bottom: 2px solid #ebe8e8;
}
label.sf-label-checkbox {
    font-family: 'kalameh';
    font-size: 0.9rem;
}
.mytab-left .swiper-button-next, .mytab-left .swiper-button-prev {
    margin-left: -20rem !important;
}
.woocommerce-message:hover a {
    color: #000;
}
/****************************/
.woocommerce-info {
    border-top-color: var(--main-color);
}
.woocommerce-info, .woocommerce-Address address {
    font-family: 'iransans';
    font-size: 1rem;
    line-height: 2;
}
form.checkout.woocommerce-checkout {
    display: flex;
    flex-direction: row;
}
form.checkout.woocommerce-checkout {
    background: #f6f5f8;
    border-top: 0.2rem solid var(--main-color);
    padding: 2rem;
}
a.checkout-button.button.alt.wc-forward, button#place_order {
    background: var(--main-color);
    padding: 1rem  5rem;
    transform: skewX(-15deg) translateY(0%);
}
div#customer_details {
    display: flex;
    flex-direction: column;
}
h3#order_review_heading {
    display: none;
}
.woocommerce table.shop_table th {
    padding: 1.5rem;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: right;
    width: 95%;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    outline: 0;
    line-height: normal;
}
.woocommerce, p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {
    line-height: 0 !important;
}
 .woocommerce-info::before, .woocommerce-message::before {
    font-family: WooCommerce;
    content: "\e028";
    display: inline-block;
    position: absolute;
    top: 1rem;
    right: 1.5em;
}
.woocommerce-error::before{
    top: 2rem;
}
h1.woocommerce-products-header__title.page-title {
    padding-bottom: 1.5rem;
}
.header-cart-count {
    top: -1rem;
    position: relative;
    background: #000;
    border-radius: 50%;
    font-size: 0.7rem;
    color: #fff;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.5rem;
    line-height: 1;
}
textarea#order_comments {
    font-size: 0.8rem;
}
form.checkout.woocommerce-checkout h3 {
    font-size: 1.2rem;
    line-height: 3;
}
nav.woocommerce-MyAccount-navigation li, p.form-row label {
    display: flex;
}
.woocommerce-info::before {
    color: #000;
    top: 1rem;
    line-height: 2;
}
table.shop_table.cart.woocommerce-cart-form__contents th {
    background: #f6f5f8;
}
.cart_totals h2 {
    padding-bottom: 1rem;
}
table.shop_table.shop_table_responsive th {
    background: #f6f5f8;
}
table td {
    vertical-align: middle !important;
}
#offcanvasExample .offcanvas-header {
    background: #eee;
    color: #f65000;
}
.offcanvas-header {
    border-bottom: 2px solid #eee;
}
.offcanvas-body li.menu-item {
    border-bottom: 0.1rem dashed #ddd;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    position: absolute;
    bottom: 25.1rem;
    margin-right: -2rem;
}
textarea#order_comments {
    width: 25rem;
}
/************my-account********/
.woocommerce-account .woocommerce-MyAccount-content {
    float: left;
    width: 75%;
}
.col-md-3.MyAccount-navigation {
    background: #f7f7f7;
    padding: 1rem 1.3rem;
    border-radius: 0.8rem;
}
.MyAccount-navigation ul li {
    border-bottom: 0.05rem dashed #ddd;
}
nav.woocommerce-MyAccount-navigation li, p.form-row label {
    display: flex;
}
.woocommerce .woocommerce-MyAccount-navigation ul {
    padding: 0;
    list-style: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: right !important;
    width: 20%;
}
.MyAccount-navigation ul li a {
    padding: 0.5rem 0;
    color: #000;
    font-size: 18px;
    line-height: 2 !important;
}
nav.woocommerce-MyAccount-navigation ul li:nth-child(1) a {
    color: #f65000  !important;
}
/*.woocommerce, p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide {*/
/*    line-height: 3 !important;*/
/*}*/
a.edit {
    line-height: 3;
    background: #f65000;
    padding: 0 5rem;
    color: #fff;
    border-radius: 0.4rem;
}
address {
    background: #f0f3f1;
    border: 0px solid !important;
}
.u-column1.col-1.woocommerce-Address {
    float: right !important;
    width: 96% !important;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: left;
    width: 96%;
}
.u-column1.col-1.woocommerce-Address {
    border-bottom: 2px solid #f7f7f7;
    padding: 40px 0;
    margin-bottom: 40px;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th {
    background: #f7f7f7;
}
.woocommerce-MyAccount-content p {
    line-height: 6;
    padding: 0 0 0 1rem !important;
    border-radius: 0.5rem;
}
nav.woocommerce-MyAccount-navigation ul {
    background: #f5f4f3;
    line-height: 6;
    padding: 0 1rem !important;
    border-radius: 0.5rem;
}
nav.woocommerce-MyAccount-navigation ul li {
    padding: 0.5rem 0;
    border-bottom: 0.1rem dashed #f7c1a2;
}
fieldset {
    padding: 2rem 0 !important;
   }
legend {
    margin-bottom: 3rem !important;
     color: #f65000;
}
span em {
    line-height: 2;
}
form.woocommerce-EditAccountForm.edit-account label {
    font-family: 'kalameh-bold';
}
section.woocommerce-order-details {
    margin: 1rem 0 !important;
}
.page-id-11 .woocommerce h2 {
    width: 100% !important;
    margin: 0 auto;
    padding: 2rem 0;
    color: #f65000;
    font-size: 1.2rem !IMPORTANT;
}
.woocommerce h2 {
    text-align: center;
}
.woocommerce-MyAccount-content p a {
    color: #f65000;
    line-height: 1.7;
}
.woocommerce-product-rating , .product-status .woocommerce-product-rating {
    display: none !important;
}
/******************************/
@media  (max-width: 1440px) {
.mytab-left .swiper-button-next, .mytab-left .swiper-button-prev {
    margin-left: -20rem !important;
}
    .content-slide {
    position: absolute;
    top: 4rem;
    left: 10%;
    right: 45%;
}
}
@media  (max-width: 1024px) {
    ul#menu-menu li a {
        font-size: 0.8rem;
        padding: 0 0.3rem !important;
        margin: 0 0.5rem;
    }
    .item-product {
        height: 26rem;
    }
    .star-rating {
        position: absolute !important;
        top: 46%;
        left: 3%;
    }
    .mytab-left .swiper-button-next, .mytab-left .swiper-button-prev {
        margin-left: -14rem !important;
    }
    .sec-1box .col-5:before {
        content: "";
        background-color: #f65000;
        position: absolute;
        right: 4px;
        top: 27%;
        width: 8rem;
        height: 73%;
        z-index: 0;
        border-radius: 0 0 0.3rem;
        transition: all ease 0.3s;
        bottom: 0;
    }
  .sidebar-filter form li.sf-field-search input {
    width: 12rem;
}
p.comment-form-comment, p.comment-form-author {
    margin-left: 2rem !important;
        float: none;
}
a.nav-link.active:focus, .nav-link:hover, a.nav-link.active {
    color: var(--main-color) !important;
}
.content-slide {
    position: absolute;
    top: 4rem;
    left: 10%;
    right: 45%;
}
.timeroff > img {
    width: 90%;
}
}
@media   screen and (min-width: 922px){
    textarea#comment {
        width: 40rem;
    }
    .page-id-11 .woocommerce h2 {
        width: 40%;
        margin: 0 auto;
        padding: 2rem 0;
    }
    form.woocommerce-form.woocommerce-form-login.login {
        width: 40%;
        margin: 0 auto;
    }
    }
@media   screen and (max-width: 768px){
img.custom-logo {
    padding: 0.5rem 0;
    width: 15%;
}
.header-middle .desc-icon {
    font-size: var(--size-0-85);
    font-family: 'kalameh-bold';
}
.mytab-left .swiper-button-next, .mytab-left .swiper-button-prev {
    margin-left: -10.5rem !important;
}
.item-product {
    height: 35rem;
}
.row.archivep {
    display: flex;
    flex-direction: column-reverse;
}
h1.title-subheader.text-white.pb-3 {
    line-height: 2 !important;
    font-size: 1.2rem !important;
}
h1.singel-title a {
    line-height: 1.7 !important;
    font-size: 1.2rem;
}
.sec-3icon:before {
    background: #f6f5f8;
    transform: skewX(-12deg) translateY(-0%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 95%;
    z-index: -1;
    border-radius: 0.5rem;
    right: 0.5rem;
}
.map-box {
    margin: 3rem  auto;
}
a.custom-logo-link img {
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 5rem;
} 
.w-70 {
    width: 15%!important;
}
.sec-1box .col-5:before {
    content: "";
    background-color: #f65000;
    position: absolute;
    right: 4px;
    top: 18%;
    width: 6rem;
    height: 82%;
    z-index: 0;
    border-radius: 0 0 0.3rem;
    transition: all ease 0.3s;
    bottom: 0;
}
.star-rating {
    position: absolute !important;
    top: 54%;
    left: 3%;
}
.sidebar-filter form li.sf-field-search input {
    width: 40rem;
}
.content-slide {
    position: absolute;
    top: 4rem;
    left: 10%;
    right: 35%;
}
.timeroff > img {
    width: 100%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: left;
    width: 100% !important;
    clear: none;
}
}
@media   screen and (max-width: 600px){
.single-pz {
    max-width: 95% !important;
    margin: 0 auto;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: left;
    width: 100% !important;
    clear: none;
}
button#offerleft-tab , button#best-sellerleft-tab {
    font-size: 0.8rem;
    padding: 0.5rem;
}
section.section-offer {
     background-size: cover;
     padding: 4rem 0;
}
span.link-offer a {
    margin-right: 1rem;
    font-size: 0.9rem;
    font-family: 'kalameh' !important;
}
span.link-offer {
    line-height: 8;
}
.mytab-left .swiper-button-next, .mytab-left .swiper-button-prev {
    margin-left: 1.5rem !important;
}
ul#myTab-new, ul#myTab-left, ul#myTab-right {
    display: flex;
    flex-direction: row-reverse;
    border-bottom: 0;
    left: 0rem;
    position: relative;
    flex-wrap: nowrap;
    align-content: space-around;
}
.swiper-button-next, .swiper-button-prev {
    top: 45px !important;
}
img.custom-logo {
    width: 4rem;
}
a.nav-link.active:focus, .nav-link:hover , a.nav-link.active{
    color: var(--main-color) !important;
}
.star-rating {
    position: absolute !important;
    top: 40%;
    left: 3%;
}
.item-product {
    height: 23rem;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    position: absolute;
    display: block !important;
    width: 95%;
    height: 11%;
    bottom: 0rem;
    background: #000;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 0;
    z-index: 9999999999999999;
    color: #fff;
    margin: 0 auto !important;
    right: 0;
    line-height: 1.7!important;
}
.woocommerce span.onsale {
    min-height: 2.236em;
    min-width: 2.7em;
    padding: .202em;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 2.236;
    top: -.5em;
    right: -.5em;
    margin: 0;
    border-radius: 100%;
    background-color: #f65000;
    color: #fff;
    font-size: .7em;
    z-index: 9;
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 43%;
    float: right;
    clear: both;
    margin: 0 0.6rem 2.992em;
}
.sidebar-filter form li.sf-field-search input {
    border: 0rem solid #888888;
    background: #f6f5f8 !important;
    padding: 0.7rem;
    border-radius: 0.4rem;
    transform: skewX(-15deg) translateY(-60%);
    top: 2rem;
    position: relative;
    left: -1rem;
    width: 18rem;
    font-size: 0.85rem;
}
section {
    margin-top: 4rem!important;
    margin-bottom: 4rem!important;
}
p.comment-form-comment, p.comment-form-author {
    float: none;
    margin-left: 0 !important;
}
.sec-3icon:before {
    background: #f6f5f8;
    transform: skewX(-12deg) translateY(-0%);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 95%;
    z-index: -1;
    border-radius: 0.5rem;
    right: 0.5rem;
}
.map-box {
    margin: 3rem  auto;
}
a.custom-logo-link img {
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 2rem;
}
.content-slide {
    position: absolute;
    top: -2rem;
    left: 10%;
    right: 15%;
}
.content-slider p {
    color: #fff;
    font-size: 0.8rem;
}
h1.title-slide {
    font-size: 1.5rem !important;
    color: #fff;
}
.content-slider a.icon-link {
    transform: skewX(-10deg) scaleX(.955);
    border-radius: 0.3rem !important;
    padding: 0;
    font-size: 0.7rem;
}
/***********************/
form.checkout.woocommerce-checkout {
    display: flex;
    flex-direction: column;
}
.row.archivep {
    display: flex;
    flex-direction: column-reverse;
}
.w-70 {
    width: 10%!important;
}

}

@media   screen and (max-width:375px){
.timeroff.text-center > img {
    width: 75%!important;
}
}