@charset "UTF-8";
/*
Theme Name: bamsanat-theme
Theme URI: https://draweb.dev
Author: lenesaw
Author URI: https://draweb.dev
Description: یک پوسته اختصاصی برای وبسایت بام صنعت
Requires at least: WordPress 6.0.3
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/
@font-face {
	font-family: 'lalezar';
	src: url('fonts/Lalezar-Regular.eot?#') format('eot'),
	url('fonts/Lalezar-Regular.woff') format('woff'), 
	url('fonts/Lalezar-Regular.ttf') format('truetype');
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    
}
*, ::after, ::before {
    box-sizing: border-box;
}
html{
    scroll-behavior: smooth;

}
/* width */
::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px rgb(179, 179, 179);
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #000000;
    border-radius: 10px;}
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #ffffff; 
  }
body {
    direction: rtl;
    font-family: iranyekan;
    background: #f8f8f8 !important;
    position: relative;
}

a{
    text-decoration: none;
}
.row{
    display: flex;
    flex-direction: row;
}
.header {
    background: #ffffff !important;
    z-index: 99999;
    width: 100%;
    transition: all 1s ease-in;
    overflow-x: clip;
    position: sticky;
    top: 0;
    box-shadow: 0 0 10px -5px rgb(184, 184, 184);

}
header.header-scroll {
    box-shadow: none;
    transition: all 300ms linear;
    z-index: 1111;
}
.header-scroll li.logo-top {
    transition: all 2s linear;
    flex: 0 1 8%;
}
.nav-bottom-header {
    transition: all 1s;
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    display: block;
    width: 100%;
    transition: all 300ms linear;
    background: #f8f8f8;

  }
  .header-scroll .nav-bottom-header {
    background: none;
}

.container{
	max-width:1240px;
    margin: 0 auto;}

nav.nav-top-header > ul {
    display: flex;
    align-items: center;
    gap: 10px;
    place-content: space-evenly;
}
nav.nav-top-header > ul li {
    display: inline-block;
    padding: 10px;
}
nav.nav-top-header > ul li:nth-child(2) {
    margin-left: auto;
    flex: 0 1 45%;
}
li.logo-top {
    flex: 0 1 10%;
}
a.logo svg {
    width: 100%;
    display: block;
    height: auto;
}
a.logo:hover{
    opacity: 1 !important;
}
path.dande:hover {
    fill: #d30606;
    transition: 1s ease;
}
.search {
    display: block;
}
.basket-buy {
    background: #f5f5f5;
    border-radius: 5px;
    position: relative;
}
.header-quickcart {
    position: absolute;
}
.header a:hover {
    color: #6c3600;
    transition: ease-In 600ms;
    opacity: 0.5;
}
a.open-button svg {
    float: none;
    width: 20px;
    height: auto;
}
.login {
    width: max-content;
    overflow: hidden;
    display: flex;
    place-items: center;
    padding: 10px;
}
.login a {
    padding: 0 !important;
}
i.bam-user-2 {
    background: #f5f5f5;
    padding: 13px 0;
    border-radius: 50%;
    border: 1px solid #f2f2f2;
    width: 50px;
    font-size: 35px !important;
    height: 49px;
    place-content: center;
    align-items: self-start;
    position: relative;
    text-align: center;
    color: #fff;
}

.login a, .basket-buy a {
    text-decoration: none;
    display: flex !important;
    color: #818081 !important;
    font-size: 15px !important;
    overflow: hidden !important;
    padding: 10px;
    margin: auto !important;
}
header span.digits-login-modal span {
    color: #fff;
    background: linear-gradient(45deg, #a30404, #ff8787f7);
    padding: 10px 5px;
    display: block;
    border-radius: 5px;
}
a.xoo-el-action-sc.button.btn:hover {
    background: none !important;
}
.basket-buy a{
    overflow: visible !important;
}
.basket-buy .tryvary-cart i {
    display: none !important;
}
.login a i, .basket-buy a i {
    display: flex;
    margin-left: 10px;
    font-size: 20px;
}
.basket-buy a i {
    margin: unset;
}
.basket-buy .tryvary-cart {
    position: absolute;
    top: -6px;
    left: 0px;
    color: #b9b9b9;
    display: flex;
    padding: 0;
  }
.header-quickcart {
    position: relative;
    width: 400px;
    padding: 1rem;
    overflow-y: scroll;
    overflow-x: hidden;
    flex-wrap: wrap;
    place-content: space-between;
    transition: all 1s ease-Out;
    display: flex;
    max-height: 200px;
  }

 
.open-button:hover{
    color:#bcd4ec;
}
 
.popup {
    position: fixed;
    top: 30px;
    left: 140px;
    display: none;
    padding: 0 10px;
    border-radius: 1rem;
    background-color: #fcfdff;
    overflow: hidden;
}

/* Popup close button */
.close-button {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    right: 10px;
    border-radius: 20px;
    font-size: 25px !important;
    text-align: center;
    color: rgb(0, 0, 0);
    text-decoration:none;
}
 
.header-quickcart ul {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.header-quickcart > ul > li {
    display: flex !important;
    width: 100%;
    height: auto;
    padding: 5px !important;
    text-align: center;
    align-items: center;
    margin: 0 auto;
    place-content: space-between;
    border-bottom: 1px solid #ccc;
}
.header-quickcart > ul > li > a {
    color: #ffa300;
    font-size: 25px;
    font-weight: 900;
}
digits_login_form .dig-modal-con {
    border-radius: 15px !important;
    overflow-y: hidden !important;
}
#menu-login-header li {
    padding: 0 !important;
}
.header-quickcart > ul > li a:nth-child(2) {
    display: flex;
    flex-direction: column;
    place-items: baseline;
    gap: 9px;
    width: 100%;
    margin-left: auto;
    border-left: 2px solid #f8f8f8;
    padding: 0 20px;
    color: #000;
    font-size: 12px !important;
    align-items: center;
    font-weight: 400;
}
.header-quickcart > ul > li a img {
    display: block;
    width: 80px;
    height: auto;
}

  .fast-call svg {
  fill: #b20000;
  animation: blink 3s infinite both 1s;
}

.fast-call {
  float: left;
  margin-top: -30px;
}
.fast-call a {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #000;
    position: relative;
    z-index: 1111;
}
.digits_login_form .dig_sml_box_msg_head, .digits_login_form .dig_ma-box .digits-form-select .select2-selection__rendered, .digits_login_form .dig_ma-box .dark a, .digits_login_form .dig_ma-box .dark .dig-cont-close, .digits_login_form .dig_ma-box .dark, .digits_login_form .dig_ma-box .dark .minput label, .digits_login_form .dig_ma-box .dark .minput input, .digits_login_form .dig_ma-box .darke {
    color: #929292 !important;
}
.woocommerce span.onsale{
	background-color: #a1a1a1;
}
.header-quickcart p {
    display: flex;
    margin: 0 auto;
    gap: 0 15px;
    font-size: 13px;
    order: -123;
}
div#tab-description h2 {
    font-size: 22px;
    line-height: 2;
    margin-bottom: 20px;
    text-align: center;
}
#tab-description h2:first-child {
    text-align: right;
    line-height: 0;
    opacity: 0;
}
div#tab-description p {
    padding: 5px;
    font-size: 15px;
    line-height: 2;
    color: #7d7d7d;
}
form#commentform {
    display: flex;
    flex-direction: column;
}

.comment-form-rating p.stars a::before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: WooCommerce;
    content: "\e021";
    text-indent: 0;
    color: #c2ad0d;
    font-size: 30px;
    overflow: hidden;
    display: block;
}
.woocommerce #reviews #comment {
    height: auto;
}
.woocommerce-product-details__short-description ul li {
    margin: 20px;
    padding: 5px;
}
table.woocommerce-product-attributes.shop_attributes {
    background: #f7f7f7;
    padding: 1rem;
    margin: 20px auto;
    border-radius: 10px;
    overflow: hidden;
}
.woocommerce table.shop_attributes td {
    border-bottom: none;
}
.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {
    background: transparent;
}
table.woocommerce-product-attributes.shop_attributes tbody tr:nth-child(2n) {
    background: #f4f5f8;
}
table.woocommerce-product-attributes.shop_attributes tbody tr {
    background: white;
    margin: 10px auto;
    display: block;
    padding: 5px;
    border-radius: 15px;
}
.woocommerce table.shop_attributes td {
    font-style: normal;
    padding: 0;
    border-top: 0;
    border-bottom: none;
    margin: 0;
    line-height: 1.5;
    width: auto;
}
.woocommerce #review_form #respond textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 20px auto !important;
    float: none;
    border: none;
    background: #f9fafd;
    border-radius: 10px;
    padding: 3rem;
}
.woocommerce #reviews #comments h2 {
    clear: none;
    text-align: right;
    padding: 10px;
    margin: 10px auto;
    font-size: 20px;
}
section.up-sells.upsells.products {
    display: flex;
    padding: 2rem;
    align-items: center;
}
section.up-sells.upsells.products ul li {
    width: 50%;
    margin: 0 auto;
    float: left;
}
.woocommerce-page div#primary, .woocommerce-page div#secondary {
    margin-top: 4rem;
}
.woocommerce-page div#primary {
    display: block;
    flex: 1 1 80%;
}
.woocommerce-page div#secondary {
    flex: 1 1 20%;
    background: #fff;
    width: 20%;
    overflow: hidden;
    border-radius: 1rem;
    position: sticky;
    top: 0;
    height: auto;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: #fff;
    color: #515151;
    z-index: 2;
    border-bottom-color: #fff !important;
    border: 1px solid #f1f1f1;
    border-radius: 5px 5px 0 0;
}


.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 12px;
    text-align: center;
}
.woocommerce ul.products li.product .price {
    color: #4d4d4d;
    display: flex;
    font-weight: 400;
    margin-bottom: 0.5em;
    font-size: .857em;
    height: 50px;
    flex-direction: column;
    place-content: center;
    align-items: center;
}
.woocommerce ul.products li.product .price {
    color: #4d4d4d;
}
section#woo-related h2 {
    color: #000;
    min-height: 90px;
}
.comment-form-rating p.stars a {
    position: relative;
    height: 2em;
    width: 2em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
    margin: 0 10px;
}
.comment-form-rating label {
    padding: 10px;
    font-size: 15px;
}
.comment-form-rating {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    order: -123;
}
form#commentform p input {
    display: block;
    padding: 10px 0;
    border-radius: 10px;
    border: 1px solid #f4f4f4;
    background: #f9fafd;
}
p.comment-form-author,p.comment-form-email  {
    order: -123;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0 1em 0 0;
    margin: 0 0 1.618em;
    overflow: hidden;
    position: relative;
    display: flex;
    place-content: center;
    gap: 0 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
	background-color: transparent;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
display:none;
}
.after-product {
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 20px 10px #003bff08;
    border-radius: 20px;
    overflow: hidden;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
    display: flex;
    font-weight: 700;
    text-align: center;
    align-items: center;
}

li#menu-item-16 {
    overflow: hidden;
}
	.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    border-top: 1px solid #fff;
    padding: 5px;
    text-align: center;
	border-radius: 5px;
    background-color: #f6f6f6;
}	

main.main-page {
    overflow: hidden;
    display: block;
    width: 100%;
    clear: both;
}
#home-slider {
    position: relative;
}
.slider-banner figure {
    position: relative;
    margin: 0 auto;
}
.slider-banner figure img {
    margin: 0 auto;
    height: 800px;
    object-fit: cover;
    object-position: top;
}
.slider-banner figure h1 {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: fit-content;
    top: 10rem;}
.slider-banner figure h1 em {
  font-weight: 100;
  font-size: 40px;
  font-style: normal;
  color: #fff;
  font-family: 'lalezar';
  text-shadow: 0 0 5px #292929;
}
.slider-banner figure h1 em span {
    font-weight: 900;
    font-size: 30px;
    margin-right: 20px;
    position: relative;
    top: 10px;
    color: darkred;
    text-shadow: 3px 2px white;
}
section.category-dg {
    margin-top: -50px;
    position: relative;
    margin-bottom: 2rem;
	    z-index: 111;
}
.content-top-level .columns-6 ul {
    display: flex !important;
    margin: 0 auto !important;
    align-items: center;
    width: 90%;
    gap: 40px !important;
    justify-content: center !important;
    justify-items: center;
    padding: 5px 0 !important;
    border-radius: 50px !important;
    background: 0 !important;
}
                .content-top-level .columns-6 ul::after, .content-top-level .columns-6 ul::before {
                    display: none;
                }
.content-top-level .columns-6 ul li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    padding: 5px !important;
    background: linear-gradient(60deg, #e1e1e1 , #f6f6f6) !important;
    box-shadow: 0 10px 10px -5px #e4e4e4 !important;
    transition: all 1s ease;
    border-radius: 1rem !important;
}
                li.product-category:hover {
                    transform: translateY(-10px);
                    transition: all 1s ease;
                }
                    .content-top-level .columns-6 ul li h2 {
                        position: relative;
                        bottom: 0;
                        text-align: center !important;
                        left: 0;
                        right: 0;
                        font-size: 13px !important;
                        color: #000000 !important;
                        white-space: unset !important;
                        height: auto !important;
                        font-weight: 900;
                    }
         
                .content-top-level .columns-6 ul li h2 mark {
                    display: none;
                }
                    .content-top-level .columns-6 ul li a img {
                        margin: 0 auto !important;
                        display: block;
                        transition: all 500ms ease-in;
                        max-width: 40%;
                    }
                .content-top-level .columns-6 ul li a img:hover {
                    filter: drop-shadow(0px 1px 0px rgb(156, 0, 0));
                    transition: all 500ms ease-out;
                  }
                span.more-category {
                    text-align: center;
                    display: block;
                }
                span.more-category a {
                    padding: 2rem;
                    margin-top: 10px;
                    display: inline-block;
                    color: #5e3600;
                    font-size: 13px;
                    font-weight: 900;
                }

                section.sugg-dg {
                    width: 100%;
                    display: block;
                    overflow: hidden;
                    margin-bottom: 5rem;
                }
                span.title-section {
                    font-size: 30px;
                    color: #ffffff;
                    text-align: center;
                    margin-top: 1rem;
                    font-weight: 100;
                    position: relative;
                    overflow: hidden;
                    z-index: 111;
                    font-family: 'lalezar';
                }

                span.title-section em {
                    font-style: normal;
                }
                #sugg-dg, #sugg-dg2, #sugg-dg3{
                    position: relative;
                    margin: 0 5px;
                    border-radius: 1rem;
                    background-size: 45%;
                    background-image: url("./img/pattern-product.png");
                    overflow: hidden;
                    padding: 0 20px;

                }
                #sugg-dg::before, #sugg-dg2::before, #sugg-dg3::before {
                    width: 100%;
                    height: 100%;
                    content: "";
                    position: absolute;
                    background-image: url(./img/bg-color.png);
                    z-index: -1;
                    background-repeat: no-repeat;
                    background-size: cover;
                    left: 0;
                    right: 0;
                    top: 0;
                }

                .sugg-contain {
                    display: flex;
                    overflow: hidden;
                    align-items: center;
                    place-content: space-between;
                }
.sugg-thumb {
  display: block;
  float: right;
}
                .sugg-thumb figure {
                    margin: auto;
                }
                .sugg-thumb figure img {
                    width: 100%;
                    display: block;
                    filter: invert(0) drop-shadow(5px 5px 4px rgba(7, 7, 7, 0.568));
                }
                .sugg-product {
                    min-width: 100%;
                    overflow: hidden;
                    min-height: 210px;
                    padding: 20px 0;
                    
                }
                article.post-box {
                    display: flex;
                    flex-direction: column;
                    place-content: center;
                    align-items: center;
                    background: #fff;
                    position: relative;
                    width: 100%;
                    border-radius: 1rem;
                }
                article.post-box > a:hover {
                    opacity: 0.7;
                    transition: 600ms ease-In;
                    scale: 0.97;
                }
                article.post-box > a {
                    transition: 600ms ease-Out;
                }
                article.post-box figure {
                    overflow: hidden;
                    display: block;
                    padding: 1rem;
                    margin: 0 auto;
                }
                article.post-box figure img {
                    height: auto;
                }
                a .entry-title {
                    display: block;
                    font-size: 13px;
                    color: #727272;
                    line-height: 2;
                    text-align: center;
                    white-space: pre-wrap;
                    height: 90px;
                }
                section.banner-bms {
                    margin-bottom: 5rem;
                }
                .flex-banner {
                    display: flex;
                    place-content: space-between;
                    align-items: center;
                    padding: 0 3rem;
                }
                .right-side-banner, .left-side-banner {
                    width: 100%;
                    overflow: hidden;
                    flex: 0 1 25%;
                    height: 100%;
                }
                
                
                .center-banner {
                    flex: 1 1 60%;
                    display: flex;
                    width: 100%;
                    flex-wrap: wrap;
                }
                .center-top-banner {
                    width: 88%;
                    flex: 0 1 88%;
                    margin: 0 auto;
                }
                .center-botom-banner, .center-bottom-banner2 {
                    width: 50%;
                    height: 100%;
                    flex: 0 1 44%;
                }


                .center-banner-botom {
                    display: flex;
                    width: 100%;
                    place-content: center;
                }
                .flex-banner div a figure img {
                    width: 100%;
                    display: block;
                    height: auto;
                    margin: 0 auto;
                    transition: all 600ms ease-In;
                }
                .flex-banner div a figure img:hover {
                    opacity: 0.8;
                    transition: all 600ms linear;
                    transform: translateY(-5px);
                }
                .flex-banner div a figure {
                    margin: 0 auto;
                }
                #banner-bms2 .center-banner {
                    flex-wrap: nowrap !important;
                }
                section.faq-bm {
                    margin-bottom: 5rem;
                    padding: 1rem;
                }
                .right-faq {
                    flex: 1 1 50%;
                    overflow: hidden;
                    align-self: center;
                    display: flex;
                }
                .details-bm {
                    margin: 0 auto;
                }
                .left-faq {
                    flex: 1 1 50%;
                    display: flex;
                    place-content: center;
                }
                .left-faq figure {
                    width: 50%;
                    margin: 0 auto;
                    position: relative;
                }
                .left-faq figure::before {
                    content: "";
                    position: absolute;
                    background: #fff4f4;
                    width: 100%;
                    height: 410px;
                    left: -30px;
                    border-radius: 90px 0 0 0;
                    z-index: -1;
                    top: -25px;
                    border: 1px solid #c00000;
                }
                .left-faq figure img {
                    width: 100%;
                    display: block;
                    border-radius: 90px 0 0 0;
                        height: 30rem;
                }


                .content-details {
                    margin: 10px auto;
                    padding: 5px;
					    color: #8a0000;
   					 font-weight: 700;
                }

                .details-bm details {
                    padding: 10px;
                    font-size: 15px;
                    margin: 0 auto;
                    cursor: pointer;
                }
                .details-bm details:hover {
                    opacity: 0.3;
                }

                .details-bm details summary::marker  {
                   display: none;
                   content: "";
                }
                .details-bm details summary::after {
                    content: '\6a';
                    font-family: "bamsanat";
                    float: right;

                 }
                 .details-bm details[open] summary:after {
                    content: '\6b';
                    font-family: "bamsanat";
                    float: right;

                  }
.term-description {
    line-height: 2;
    padding: 20px;
    text-align: justify;
    font-size: 17px;
    margin: 30px;
}
.site-main ul.products.columns-3 {
    grid-template-columns: repeat(auto-fit ,minmax(17%, 1fr));
    display: grid;
    justify-content: space-between;
    gap: 5px;
    place-items: baseline;
}
.replyWp_sale {
    background-color: #D9534F;
    padding: 0.2em 0.6em 0.3em;
    font-size: 63%;
    font-weight: bold;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    width: 45px;
    display: grid;
    height: 45px;
    position: absolute;
    align-items: center;
    left: 0;
    border: 2px solid #fff;
    justify-content: center;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .3s;
    transition: all .3s;
    top: 0;
}
article.post-box .replyWp_sale{
    top: auto !important;
    bottom: 0;
}
.replyWp_sale .off{
    display: inline-block;
}
.replyWp_sale:hover {
    -webkit-transform: rotate();
    transform: rotate();}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
    display: none !important;
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    width: 100% !important;
	padding: 10px 0;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 12px;
    text-align: center;
    white-space: pre-wrap;
    height: 80px;
    color: #2e2e2e;
}
.woocommerce ul.products li.product .price del {
    text-decoration: line-through !important;
}

div#tab-description > * {
white-space: pre-wrap;
    text-align: justify;
    line-height: 3;
    display: table;
}
section.related > h2:before, section.related > h2:after,
h1.woocommerce-products-header__title.page-title:before,
h1.woocommerce-products-header__title.page-title:after
{
    content: "";
    position: relative;
    display: block;
    height: 1px;
    width: 100%;
    border-radius: 10px;
    background-color: rgb(178, 0, 0);


}
section.related > h2, h1.woocommerce-products-header__title.page-title{
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 20px;
    white-space: pre;
    padding: 5px;
    gap: 10px;
    color: #6a6a6a;
	margin-bottom:2rem;
}
.post-price .price del span bdi {
    color: red;
    font-size: 11px;
    text-decoration: line-through 0.1px;
}
.price * {
    text-decoration: none;
}
                a .post-price {
                    text-align: center;
                    color: #000000;
                    font-size: 15px;
                    font-weight: 200;
                }
                .post-price .price {
                    display: flex;
                    flex-direction: column;
                    gap: 10px 0;
                    margin-top: 10px;
                }
.more, .more1 {
    position: relative;
    align-self: flex-start;
    margin-right: 5px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
}
span.more a, span.more1 a {
    color: #ffffff;
    background: #d8a706;
    padding: 0;
    border-radius: 10px;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    font-size: 15px;
}
span.more a span, span.more1 a span {
    width: auto;
    text-align: center;
    height: 40px;
    display: flex;
    position: relative;
    z-index: 1111;
    place-content: center;
    align-items: center;
    padding: 5px;
    font-family: 'Open Sans';
    font-size: 25px;
}
                .more .added_to_cart.wc-forward {
                    position: relative;
                    background: none;
                    color: black;
                    width: 100%;
                    font-size: 13px;
                    z-index: 9999;
                    right: 0;
                    left: 0;
                    display: block;
                    margin: 0 auto;
                    bottom: 0;
                }


                .sugg-product .owl-nav {
                    display: flex !important;
                    width: 80%;
                    position: absolute;
                    z-index: 1111;
                    top: 50%;
                    align-items: center;
                    justify-content: space-between;
                    transform: translate(0, 0);
                    overflow: hidden;
                }
                .sugg-product .owl-nav button i {
                    font-size: 30px;
                    display: flex;
                    padding: 10px 0;
                    color: #fff;
                }
                .sugg-product .owl-nav button {
                    background: #4532fe !important;
                    position: relative;
                    transition: 2s linear all;
                    opacity: 0;
                }
                .sugg-product .owl-nav button.owl-prev {
                    border-radius: 15px 0 0 15px;
                }
                .sugg-product .owl-nav button.owl-next {
                    border-radius: 0 15px 15px 0;
                }
                .sugg-product .owl-nav button:hover {
                    opacity: 1;
                    transition: 1s linear all;
                }

               
                    /*woocommerce style  */
                    p.woocommerce-mini-cart__empty-message {
                        font-size: 13px;
                    }

.woocommerce .products ul, .woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fit ,minmax(17%, 1fr));
    grid-gap: 2px;
    padding: 30px;
    place-content: space-between;
    margin: 100px auto;
    position: relative;
    background: #fff;
    border-radius: 1rem;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin-bottom: 0;
    position: relative;
    background: #fff;
    box-shadow: 0 0 20px 10px #003bff08;
    border-radius: 0;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    place-content: center;
    overflow: hidden;
    width: 100%;
    flex-direction: column;
}

                    .related .owl-carousel .owl-stage-outer {
                        padding: 2rem;
                    }
                    div#primary {
                        display: block;
                    }
                    .site-main {
                        overflow: hidden;
                        padding: 0 1rem;
                    }
                    .woocommerce .woocommerce-breadcrumb {
                        padding: 20px !important;
                        box-shadow: 0 0 20px -15px #003bff5c;
                        background: #fff;
                        border-radius: 1rem;
                    }

                    .woocommerce div.product {
                        position: relative;

                    }
                    .top-item-container > div {
                        box-shadow: 0 0 15px -5px #002d9314;
                    }
                    .top-item-container {
                        display: flex;
                        overflow: hidden;
                        background: #fff;
                        padding: 10px 0;
                        place-content: space-around;
                        box-shadow: 0 0 20px 10px #003bff08;
                        margin: 40px auto;
                        border-radius: 1rem;
                    }
                    .item-product {
                        border-radius: 1rem;
                        width: 20%;
                        padding: 10px;
                        overflow: hidden;
                        margin-bottom: 2rem;
                    }
section.logo-brands {
    padding: 1rem;
    margin: 4rem auto;
}
div#brands-bottom {
    margin-top: 2rem;
}

ul#top-brands-id li{
    display: block;
    padding: 0;
    overflow: hidden;
    width: auto;
}
ul#top-brands-id li a img:hover {
    filter: invert(1);
}
ul#top-brands-id li a img {
    height: 90px;
    object-fit: contain;
    width: 65%;
    display: block;
    object-position: center;
    margin: 0 auto;
    background: #fff;
    padding: 0 15px;
    border-radius: 1rem;
}

ul#top-brands-id li a span {
    display: none;
}
                    .added_to_cart.wc-forward {
                        position: absolute;
                        bottom: -30px;
                        right: 0;
                        left: 0;
                        text-align: center;
                        outline: none;
                        background: none;
                        color: #fff;
                        font-size: 13px;
                      }
                      .section-title-index {
                        margin-bottom: 4rem;
                        width: 100%;
                        display: flex;
                        align-items: center;
                        position: relative;
                    }
                    .section-title-index hr {
                        width: 100%;
                        height: 0.6px;
                        background: #c20000;
                        border: none;
                    }
                    .section-title-index a {
                        color: #cc9b20;
                        margin-right: 20px;
                        font-size: 13px;
                    }
                    .section-title-index h3 {
                        border: 1px solid #d1d1d1;
                        display: block;
                        margin: 0 auto;
                        text-align: center;
                        padding: 5px 10px;
                        flex: 1 1 30%;
                        font-size: 15px;
                        white-space: pre;
                        border-radius: 2rem;
                    }
                    .section-title-index h3 i {
                        float: right;
                        margin-left: 10px;
                        color: #e7caca;
                        display: flex;
                        align-items: center;
                        font-size: 20px;
                    }
                    span.tagged_as {
                        display: flex;
                        text-align: right;
                        padding: 10px;
                        flex-wrap: wrap;
                        place-content: flex-start;
                        gap: 3px;
                    }
                    span.tagged_as a {
                        font-weight: 100;
                        padding: 0 5px;
                        border-radius: 5px;
                        font-size: 12px;
                        color: #7d7d7d;
                    }
                    .item-product ul li {
					display: flex;
						padding: 10px;
						background: #fff;
						margin-top: 10px;
						border-radius: 5px;
						text-align: center;
						flex-direction: column;
						gap: 10px 0;
					}
					.item-product ul li img {
						width: 20%;
						display: block;
						margin: 0 auto;
					}
                    .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: 30%;
                        overflow: hidden;
                        padding: 5px;
                        border-radius: 1rem;
                    }
                    .woocommerce div.product div.images img {
                        padding: 10px;
                        border-radius: 30px;
                        display: block;
                        margin: 0 auto;
                    }
                    .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
                        clear: both;
                        display: block;
                        width: 100%;
                    }
                    .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
                        font-size: 13px;
                        margin: 0 auto;
                        overflow: hidden;
                        font-weight: 700;
                        color: #ff0000;
                        background-color: #f1f3f747;
                        border-radius: 10px;
                    }
section#woo-related div div li a.button:hover, .site-main ul.products.columns-3 li.product a.button:hover {
    opacity: 1;
}
section#woo-related div div li a.button, .site-main ul.products.columns-3 li.product a.button{
    display: flex;
    position: absolute;
    bottom: 0;
    align-items: center;
    width: 100%;
    place-content: center;
    background: #44444452;
    color: #ffffff;
    font-size: 22px;
    transition: all 1s ease-in;
    font-weight: 500;
    height: 100%;
    opacity: 0;
	right: 0;
}
section#woo-related div li.product .price{
	flex-direction: row !important;
}
.woocommerce-variation-price {
    margin: 10px auto;
}
.woocommerce div.product form.cart .variations tbody tr td {
    width: 100%;
    display: inline-block;
}
.woocommerce div.product form.cart .variations select {
    display: inline-block;
    padding: 5px;
    border: 1px solid #ff9700;
    border-radius: 10px;
}
.summary strong {
    background: red;
    display: block;
    padding: 5px 30px;
    border-radius: 20px;
    color: #fff;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #5e5e5e;
    font-size: 1.25em;
    margin: 10px auto;
    display: flex;
    gap: 15px;
    order: 123;
    width: 100%;
    place-content: center;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
    position: relative;
    background: #545252;
}
.woocommerce div.product .product_title {
    display: block;
    font-size: 20px;
    margin: 20px auto;
    padding: 10px;
    color: #343434;
	width: 100%;
}
                    .woocommerce div.product div.summary {
                        margin-bottom: 2em;
                        overflow: hidden;
                        padding: 10px;
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                        align-items: center;
                        place-content: space-between;
                        border-radius: 1rem;
                        float: none;
                    }
                    .product_meta {
                        display: flex;
                        flex-wrap: wrap;
                        place-content: center;
                        padding: 5px;
                        gap: 10px;
                    }
                    .woocommerce-product-details__short-description {
                        width: 100%;
                        display: block;
                        overflow: hidden;
                        height: auto;
                    }
                    .woocommerce-product-details__short-description h4 {
                        padding: 1rem;
                        word-break: break-word;
                        text-align: center;
                        margin: 10px auto;
                    }

	.summary form.cart {
    margin: 2em;
    display: flex;
    width: 100%;
    align-items: stretch;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    place-content: center;
    gap: 10px;
}
.single_variation_wrap {
	width: 100%;}
                    .woocommerce .summary form .single_add_to_cart_button {
                        background-color: #ff8f3f;
                        color: #fff;
                        -webkit-font-smoothing: antialiased;
                        font-family: iranyekan;
                    }
                    body .qib-button.qib-button-wrapper {
                        border-radius: 10px;
                        display: flex;
                        float: left;
                        flex-wrap: nowrap;
                        margin-right: auto;
                        align-items: center;
                        justify-content: center;
                        gap: 0;
                        height: 35px;
                        overflow: hidden;
                    }
                    .basket-buy:hover .popup:hover {
                        background: #f2f2f2;
                        transition: all 1s linear;
                        cursor: pointer;
                    }
                    .basket-buy:hover .popup {
                        transition: all 1s ease-Out;
                    }
                    .basket-buy .popup {
                        transition: all 1s ease-In;
						z-index:1111;
                    }
                    .basket-buy:focus-within .popup {
                        transition: all 1s ease-In;

                    }
                    .close-button:hover {
                        color: #cb0000 !important;
                      }
                    .content-top-level .woocommerce {
                        min-height: auto;
                    }


/* footer */
.chaty-tooltip .on-hover-text, .chaty-tooltip:after{
    box-shadow: none !important;
    animation: bounce 1s both infinite;
}
span.author-footer span {
    color: #ff3d3d;
    font-size: 10px;
}
span.author-footer {
    color: #fff;
    display: flex;
    flex-direction: column;
    place-content: center;
    text-align: center;
    line-height: 2;
    font-size: 12px;
    background: #000;
}
.footer {
    background-color: #333333;
    width: 100%;
    position: relative;
    padding: 20px 0 0 0;
    margin-top: 10rem;
  }
  .footer::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.28 2.17" preserveAspectRatio="none"><path d="M0 .5c3.07.55 9.27-.42 16.14 0 6.88.4 13.75.57 19.14-.11V0H0z" fill="%23333333"/><path d="M0 1c3.17.8 7.29-.38 10.04-.55 2.75-.17 9.25 1.47 12.67 1.3 3.43-.17 4.65-.84 7.05-.87 2.4-.02 5.52.88 5.52.88V0H0z" opacity=".5" fill="%23333333"/><path d="M0 1.85c2.56-.83 7.68-.3 11.79-.42 4.1-.12 6.86-.61 9.58-.28 2.73.33 5.61 1.17 8.61 1 3-.19 4.73-.82 5.3-.84V.1H0z" opacity=".5" fill="%23333333"/></svg>  '); 
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto;
    transform: scaleY(-1);
    top: -115px;
}
 
.footer-conteiner {
    display: flex;
    width: 100%;
    place-content: center;
    align-items: center;
    overflow: hidden;
    flex-flow: row wrap;
}
  .footer-conteiner .item-footer:nth-child(4) {
    flex: 1 1 auto;
}
h6.widget-title {
    text-align: center;
    font-size: 25px;
    padding: 5px;
    margin-bottom: 1rem;
    color: #ffffff;
    font-weight: 900;
    font-family: 'lalezar';
    align-self: flex-start;
}
.widget-item {
    display: flex;
    flex-direction: column;
    place-content: center;
    align-items: center;
    position: relative;
    z-index: 111;
}
.footer-conteiner .item-footer:nth-child(4) .widget-item {
  width: 100%;
}
.item-footer {
    width: 23%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    place-content: baseline;
    align-items: center;
    align-self: stretch;
    margin: 20px 12px;
}
.textwidget {
    color: #f8f8f8;
    font-size: 15px;
    line-height: 2;
	text-align: justify;
}
.item-footer:nth-child(5) {
    position: relative;
    flex-direction: row;
    width: 100%;
    gap: 2rem;
    padding-top: 4rem;
    overflow: visible;
    place-content: center;
}
.item-footer:nth-child(5)::before {
    position: absolute;
    content: "";
    background: #f8f8f8;
    width: 65%;
    height: 100%;
    border-radius: 1rem;
    background-repeat: no-repeat;
    z-index: 1;
    box-shadow: 0 0 10px -5px #252525;
}
.item-footer:nth-child(1) {
    place-content: space-evenly;
    border: solid #6c6c6c;
    border-width: 2px 0px 2px 1px;
    border-radius: 3rem 0 0 3rem;
    margin-right: 0;
}
.item-footer:nth-child(5)::after {
    background-image: url(img/Path.svg);
    content: "";
    width: 55%;
    height: 100%;
    position: absolute;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 0;
}
.item-footer ul li {
    margin: 10px auto;
    text-align: center;
    color: #ee3956;
}
.footer-conteiner span {
    color: #919191;
    font-size: 13px;
}
.item-footer ul li a {
    color: #fff;
    font-size: 15px;
    display: block;
    line-height: 2.4;
    text-align: right;
}
.item-footer ul li a i {
    float: left;
    margin-right: 5px;
    display: block;
    margin-top: 4px;
    color: #898989;
    font-size: 14px;
}
  .title-footer-web {
    display: block;
    color: #0015c4;
    word-spacing: 2px;
    font-weight: 900;
    text-align: center;
    font-size: 13px;
  }
  .widget-item img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-height: 110px;
    object-fit: contain;
  }
  .phone-footer {
    display: flex;
    flex-direction: column;
    place-content: center;
    align-items: center;
}
.phone-footer a {
    color: #ccc;
    font-size: 15px;
}
.phone-footer a span {
    margin-left: 5px;
    color: #ee3956;
    font-size: 20px;
    font-weight: 900;
}
.contact-footer a {
    font-size: 25px;
    margin: 0 10px;
    color: #ccc;
}
.tnp-field.tnp-field-firstname {
    display: none;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
    width: 100%;
    padding: 10px;
    display: block;
    border: 1px solid #ddd;
    border-color: #ddd;
    background-color: transparent;
    background-image: none;
    text-shadow: none;
    color: #fff;
    font-size: 14px;
    line-height: normal;
    box-sizing: border-box;
    height: auto;
    border-radius: 2rem;
}
.tnp-field input[type="submit"] {
    background: #7e0014 !important;
    display: block !important;
    margin: 0 auto;
    border: none !important;
}
.tnp-field input[type="submit"]:hover {
    cursor: pointer;
    opacity: 0.6;
}
.item-footer:nth-child(5) #button {
    position: absolute;
    top: 0;
    z-index: 111;
    margin: 0 auto;
}
.item-footer:nth-child(5) #button span{
    color: #fff;
    font-size: 21px;
}
/* endfooter */
/* responsive */

.dande{
    animation-name: rotateInUpRight, moveLeft300px;
animation-duration: 4s;
animation-delay: 2s;
animation-iteration-count: 1;
animation-fill-mode: both;
transition: all 1s;
}

@media only screen and (max-width: 576px)
{

    .container {max-width: 540px;}
.header {
    padding: 0;
    padding-bottom: 0;
    background: transparent !important;
}
    nav.nav-top-header > ul{
        gap: 0;
    }
    .login a, .basket-buy a {
    
        padding: 5px;
    }
    .nav-bottom-header{
        display: none;
    }

    .ubermenu-skin-minimal.ubermenu-responsive-toggle {
        font-size: 20px !important;}
    
    nav.nav-top-header > ul li:nth-child(2) {
        flex: 1 1 45%;
    }
    .basket-buy {
        border-radius: 5px;
    }
    
    nav.nav-top-header > ul li {
        padding: 5px;
    }
    .item-slider h2, .item-slider h5{
        font-size: 10px !important;
    }
    .item-slider {
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        place-content: center;
        height: 100%;
    }
    .add-to-basket-slider {
        margin-top: 60px;
        padding: 0 10px;
        border-radius: 15px;
        color: #fff;
        font-size: 13px;
        width: max-content;
    }
    .add-to-basket-slider span a {
        padding: 5px 0;
        font-size: 10px;
    }
    .bg-pr-shape {
        width: 50%;
        height: 50%;
        box-shadow: 0 0 0px 40px #f9fafd;
    }
    .login a i, .basket-buy a i {
        margin-left: unset;
    }
#menu-login-header {
  position: absolute;
  right: 0;
  left: 0;
  height: 40px;
  opacity: 0;
  z-index: 11111;
}
    .login {
        display: flex;
        place-content: center;
        position: relative;
        overflow: hidden;
        align-items: center;
        width: auto;
        padding: 5px !important;
        border-radius: 5px;
    }
    .login a:nth-child(2) {
        padding: 0 !important;
        width: 100%;
        position: absolute;
        z-index: 11;
        opacity: 0;
    }
    ul.info-product li span {
        margin-right: 30px;
        line-height: 2;
        font-size: 8px;
    }
    ul.info-product {
        white-space: pre;
        padding: 20px 0;
    }
    ul.info-product li h5 {
        white-space: break-spaces;
    }
    ul.info-product li h5:before {
        height: 20px;
        width: 20px;
        background-size: cover;
        border-radius: 50%;
        top: 0;
        margin-left: 5px;
    }
    i.bam-user-2 {
    padding: 6px 0;
    width: 40px;
    height: 40px;
    }
	.header-quickcart {
		width: 100%;}
    #home-slider .owl-dots {
        bottom: 75px;
    }
    #home-slider .owl-dots button.owl-dot span {
        width: 3px;
        height: 3px;
    }
    figure.logo-top img{
        height: 80px;
    }
    .ubermenu .ubermenu-icon {
        display: none;
    }
   
    span.title-section:before {
        background-size: 80%;
        background-position: -30% 50%;
    }
    span.title-section em {
        text-shadow: 0 1px 1px #4532fe2e;
        font-weight: 900;
    }
        section.sugg-dg {
            margin: 0 auto;
            width: 100%;
        }
        span.title-section {
            font-size: 20px;
            padding: 10px 0;
        }
          .sugg-thumb {
            padding: 0;
            overflow: visible;
        }
            .sugg-product {
                max-height: 400px;
            }
            a .entry-title {
				font-size:11px;
                margin: 10px auto 5px auto;}
                a .post-price {
                    margin-bottom: 2rem;
                    font-size: 12px;
                    font-weight: 200;
                }
                span.more a, span.more1 a {
                padding: 3px 5px;
                bottom: 2px;
                font-size: 12px;
                outline-width: 1px !important;
                box-shadow: 0 0 10px 5px #221d5a26;
                white-space: pre;
                }
                .sugg-product .owl-nav {
                    display: flex !important;
                    width: 100%;
                    position: absolute;
                    z-index: 1111;
                    top: 50%;
                    align-items: center;
                    justify-content: space-between;
                    transform: translate(0, 0);
                    overflow: hidden;
                    left: 0;
                    right: 0;
                }
                article.post-box figure img {
                    height: 100px;
                    object-fit: contain;
                }
                span.more a span, span.more1 a span {
                    width: 30px;
                    text-align: center;
                    font-size: 40px;
                    height: 30px;
                    display: flex;
                    position: relative;
                    z-index: 1111;
                    place-content: center;
                    align-items: center;
                    padding: 5px;
                    font-family: 'litespeedfont';
                }
                .replyWp_sale {
                    border-radius: 10px;
                    width: 40px;
                    height: 40px;}
                #sugg-dg, #sugg-dg2, #sugg-dg3 {
                    padding: 0;
                    margin: 0;
                    border-radius: 0;
                }
                section.banner-bms {
                    margin-bottom: 0;
                    margin: 20px auto;
                }
                .flex-banner {
                    display: inline-flex;
                    place-content: space-between;
                    align-items: baseline;
                    padding: 0;
                    flex-wrap: wrap;
                }
                #banner-bms2 .flex-banner .center-banner {
                    flex-direction: column;
                }
                .center-banner {
                    flex: 1 1 100%;
                    display: flex;
                    width: 100%;
                }
                .center-top-banner {
                    width: 100%;
                    flex: 1 1 100%;
                    margin: 0 auto;
                }.center-banner-botom {
                    display: flex;
                    width: 100%;
                    place-content: center;
                }
                .center-botom-banner, .center-bottom-banner2 {
                    width: 50%;
                    height: 100%;
                    flex: 1 1 50%;
                }
                .left-side-banner {
                    float: left;
                    width: 50%;
                    order: -123;
                    display: block;
                    flex: 1 1 50%;
                }
                .right-side-banner {
                    width: 50%;
                    display: block;
                    flex: 1 1 50%;
                }
                #banner-bms2 .flex-banner .center-banner {
                    flex-direction: column;
                }
                .show-more {
                    font-size: 12px;}

                    .popup {
                        position: fixed;
                        top: 70px;
                        left: 0;
                        padding: 0;
                        border-radius: 10px;}
    
.content-top-level .columns-6 ul {
    display: grid !important;
    grid-template-columns: repeat(auto-fit ,minmax(35%, 1fr)) !important;
    gap: 15px !important;
    justify-content: space-between !important;
    width: 100%;
    padding: 10px !important;
    border-radius: 0 !important;
}
                        .content-top-level .columns-6 ul li h2 {
                            bottom: -10px;
                            font-size: 10px !important;
                            font-weight: 900;
                        }
                        .section-title-index h3 {
                            border: 1px solid #d1d1d1;
                            display: flex;
                            margin: 0 auto;
                            text-align: center;
                            padding: 5px 10px;
                            flex: 1 1 100%;
                            font-size: 13px;
                            white-space: pre;
                            border-radius: 10px;
                            flex-direction: row-reverse;
                            gap: 5px;
                        }
                        .section-title-index h3 i {
                            float: right;
                            margin-left: 0;
                            color: #e7caca;
                            display: flex;
                            align-items: center;
                            font-size: 20px;
                        }
                        .section-title-index a {
                            margin-right: 5px;
                            font-size: 11px;
                        }
                        .details-bm details summary {
                            place-content: center;
                            display: flex;
                            flex-direction: row-reverse;}

                        .section-title-index {
                            width: 100%;
                            gap: 0;
                        }
                        section.faq-bm .row {
                            flex-direction: column-reverse;
                        }
                        .right-faq {
                            flex: 1 1 50%;
                            overflow: hidden;
                            align-self: center;
                            display: flex;
                            margin-top: 3rem;
                        }
                        .left-faq {
                            flex: 1 1 50%;
                            display: flex;
                            place-content: center;
                        }
 
	.left-faq figure {
    width: 90%;
    margin: 0 auto;
    position: relative;
}
	.left-faq figure img {
    height: 25rem;
}
                        .left-faq figure::before {
                            content: "";
                            position: absolute;
                            background: #fff4f4;
                            width: 100%;
                            height: 100%;
                            left: -20px;
                            border-radius: 90px 0 0 0;
                            z-index: -1;
                            top: -25px;
                            border: 1px solid #c00000;
                        }
                        .details-bm {
                            margin: 0 auto;
                        }
.details-bm details {
    padding: 6px 0;
    font-size: 13px;
    margin: 0 auto;
    cursor: pointer;
    text-align: center;
    width: fit-content;
    white-space: pre-wrap;
}
section.faq-bm {
    margin-bottom: 0;
    padding: 1rem;
    margin: 2rem auto;
}
.ubermenu-responsive-default.ubermenu-responsive.ubermenu {
    margin: 0;
    position: absolute;
    background: #fff;
    width: 100%;
    left: 0;
    right: 0;
    height: auto;
}
	.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%;
    overflow: hidden;
    padding: 5px;
    border-radius: 1rem;
}
	.top-item-container {
    display: flex;
    overflow: hidden;
    background: #fff;
    padding: 5px 0;
    margin: 20px auto;
    flex-direction: column;
    place-content: center;
    place-items: center;
}
	.item-product {
		width: 100%;}
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
    float: right;
    clear: both;
    margin: 0 0 2.992em;
}
	.woocommerce .products ul, .woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fit ,minmax(50%, 1fr));
    grid-gap: 2px;
    padding: 5px;
    place-content: space-between;
    margin: 100px auto;
    position: relative;
    background: #fff;
    border-radius: 1rem;
}
	div#tab-description > * {
    white-space: pre-wrap;
    text-align: justify;
    line-height: 1.7;
    display: block;
}
                        .details-bm details {
                            padding: 6px 0;
                            font-size: 13px;
                            margin: 0 auto;
                            cursor: pointer;
                            text-align: center;
                            width: fit-content;
                            white-space: normal;
                        }
                        ul#top-brands-id li a img {
                            height: 50px;
                            object-fit: contain;
                            width: 100%;
                            display: block;
                            object-position: center;
                            margin: 0 3px;
                            background: #fff;
                            padding: 0 15px;
                            border-radius: 15px;
                        }
                        .footer::before {
                            content: "";
                            position: absolute;
                            width: 100%;
                            height: 120px;
                            background-size: 100% 60px;
                            background-repeat: no-repeat;
                            display: block;
                            margin: 0 auto;
                            transform: scaleY(-1);
                            top: -115px;
                            background-position: 100% 0;
                        }
                        .item-footer:nth-child(5)::before {
                            position: absolute;
                            content: "";
                            background: #f8f8f8;
                            width: 100%;
                            height: 100%;
                            border-radius: 1rem;
                            background-repeat: no-repeat;
                            z-index: 1;
                            box-shadow: 0 0 10px -5px #252525;
                        }
.slider-banner figure img {
    margin: 0 auto;
    height: 600px;
    object-fit: cover;
}
                            .slider-banner figure h1 {
                                position: absolute;
                                left: 0;
                                right: 0;
                                margin: 0 auto;
                                display: block;
                                width: fit-content;
                            }
                            .slider-banner figure h1 em {
                                font-weight: 100;
                                font-size: 25px;
                                font-style: normal;
                                color: #fff;
                                font-family: 'lalezar';
                            }
                            section.category-dg {
                                margin-top: 0;
                                position: relative;
                                margin-bottom: 20px;
                            }
                            .content-top-level .woocommerce {
                                min-height: auto;
                            }
                            .content-top-level .columns-6 ul li {
                                display: block !important;
                                width: 100% !important;
                                margin: 0 !important;
                                float: none !important;
                                overflow: visible !important;
                                padding: 10px !important;
                            }
                                    .header-scroll nav.nav-top-header > ul li:nth-child(1) {
                                        display: none;
                                      }

	header.header-scroll .nav-bottom-header {
    padding: 0 8px;
    opacity: 1 !important;
    transition: all 1s linear;
    width: 100vw;
    float: none;
    text-align-last: left;
    display: flex;
    height: auto;
    visibility: visible;
    position: inherit;
    place-items: center;
    place-content: space-between;
    background: #c0b6b652 !important;
		    backdrop-filter: blur(15px);
}
	button.ubermenu-responsive-toggle-align-full {
    width: fit-content !important;
}
.fast-call {
    float: none;
    position: relative;
    margin-top: -12px;
}
	.fast-call a {
  font-size: 9px;
  gap: 5px;
  white-space: pre;
}

	.row-header > nav {
    width: 100%;
    background: #fff;
}
                                      .row-header {
										  display: inline;
                                        place-content: space-between;
                                        flex-flow: row wrap;
                                      }
                                      header.header-scroll .row-header {
                                        flex-flow: row-reverse nowrap;
                                      }
                                      .footer-conteiner {
                                        width: 100%;
                                        height: auto;
                                        overflow: hidden;
                                        flex-flow: column nowrap;
                                        margin: 0 auto;
                                        padding: 5px 5px 0 5px;
                                      }
                                      .ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {
                                        padding: 20px 5px !important;
                                      }
                                      .item-footer {
                                        width: 100%;
                                        font-size: 12px;
                                        line-height: 2;
                                        margin: 0 auto;
                                        align-items: flex-start;
                                      }
                                      .footer-conteiner span {
                                        padding: 5px;
                                        font-size: 5px;
                                      }
                                      .item-footer:nth-child(5)::after {
                                        width: 90%;
                                        top: 10px;
                                    }
                                    .item-footer:nth-child(1) {
                                        place-items: center;
                                      }
                                      .item-footer:nth-child(5) {
                                        flex-flow: row nowrap;
                                        gap: 0;
                                        place-content: space-around;
                                       padding-top: 30px;

                                      }
                                      .more .added_to_cart.wc-forward, .more1 .added_to_cart.wc-forward {
                                        font-size: 11px;
                                        box-shadow: none;
                                      }
									.best-banner {
									margin: 0rem auto;
								}
                                  li.logo-top {
  flex: 0 1 15%;
}
.widget-item {
  padding: 0 1rem;
  
}
.footer-conteiner .item-footer:nth-child(4) .widget-item {
    width: 100%;
}
.item-footer:nth-child(5) {
    padding-top: 30px;
}
    }
    @media only screen and  (max-width: 959px) and (min-width: 577px)
{

.container {max-width: 920px;}
.header {
    padding: 0;
    padding-bottom: 0;
}
nav.nav-top-header > ul{
    gap: 0;
}
.login a, .basket-buy a {

    padding: 5px;
}
.nav-bottom-header {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
.search {
    width: 70%;
  }
.ubermenu-skin-minimal.ubermenu-responsive-toggle {
    font-size: 20px !important;}

nav.nav-top-header > ul li:nth-child(2) {
    flex: 1 1 45%;
}
.basket-buy {
    border-radius: 5px;
}
li.logo-top {
  flex: 0 1 15%;
}
nav.nav-top-header > ul li {
    padding: 5px;
}
.item-slider h2, .item-slider h5{
    font-size: 15px !important;
}
.item-slider {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    place-content: center;
    height: 100%;
}
.add-to-basket-slider {
    margin-top: 60px;
    padding: 0 10px;
    border-radius: 15px;
    color: #fff;
    font-size: 13px;
    width: max-content;
}
.add-to-basket-slider span a {
    padding: 5px 0;
    font-size: 10px;
}
.bg-pr-shape {
    width: 50%;
    height: 50%;
    box-shadow: 0 0 0px 60px #f9fafd;
}
.widget-item {
  padding: 0 1rem;
}
.login a i, .basket-buy a i {
    margin-left: unset;
}
.login {
    display: flex;
    place-content: center;
    position: relative;
    overflow: hidden;
    align-items: center;
    width: auto;
    padding: 5px !important;
    border-radius: 5px;
}
.login a:nth-child(2) {
    padding: 0 !important;
    width: 100%;
    position: absolute;
    z-index: 11;
    opacity: 0;
}
ul.info-product li span {
    margin-right: 30px;
    line-height: 2;
    font-size: 8px;
}
ul.info-product {
    white-space: pre;
    padding: 20px 0;
}
ul.info-product li h5 {
    white-space: break-spaces;
}
ul.info-product li h5:before {
    height: 20px;
    width: 20px;
    background-size: cover;
    border-radius: 50%;
    top: 0;
    margin-left: 5px;
}
#home-slider .owl-dots {
    bottom: 75px;
}
#home-slider .owl-dots button.owl-dot span {
    width: 3px;
    height: 3px;
}
figure.logo-top img{
    height: 80px;
}
.ubermenu .ubermenu-icon {
    display: none;
}
.best-banner-bg::before{
    background-size: contain}
#best-banner {
    gap: 20px 10px;
    grid-gap: 20px 10px;
}
span.title-section:before {
    background-size: 80%;
    background-position: -30% 50%;
}
    span.title-section {
        font-size: 25px;
        padding: 0 10px;
      }
    section.sugg-dg {
        margin: 0 auto;
        width: 100%;
    }
    span.title-section em {
        text-shadow: 0 1px 1px #4532fe2e;
        font-weight: 900;
      }
    .sugg-thumb {
        padding:0;}
        .sugg-product {
            max-height: min-content;
        }
a .entry-title {
    font-size: 12px;
    margin: 10px auto 5px auto;
    height: 55px;
    text-overflow: ellipsis;
}
            a .post-price {
                margin-bottom: 2rem;
                font-size: 12px;
                font-weight: 200;
            }
            span.more a, span.more1 a {
                padding: 2px 5px;
                bottom: 1px;
                font-size: 11px;
                outline-width: 1px !important;
                box-shadow: 0 0 10px 5px #221d5a26;
                white-space: pre;
              }
            .sugg-product .owl-nav {
                display: flex !important;
                width: 100%;
                position: absolute;
                z-index: 1111;
                top: 50%;
                align-items: center;
                justify-content: space-between;
                transform: translate(0, 0);
                overflow: hidden;
                left: 0;
                right: 0;
            }
            #sugg-dg, #sugg-dg2 {
                border-radius: 10px;
            }
            .show-more {
                font-size: 12px;}
                .popup {
                    position: fixed;
                    top: 70px;
                    left: 0;
                    padding: 0;
                    border-radius: 10px;}

                .content-top-level .columns-6 ul {
                    grid-template-columns: repeat(auto-fit ,minmax(30%, 1fr));
                    gap: 15px 0 !important;
                    display: grid !important;
                }
                        section.category-dg {
                    margin-top: -30px;
                    position: relative;
                    margin-bottom: 2rem;
                }
                        .content-top-level .columns-6 ul li h2 {
                            bottom: -20px;
                            font-size: 10px !important;
                            font-weight: 900;
                        }
                        .content-top-level .columns-6 ul li:nth-child(7), .content-top-level .columns-6 ul li:nth-child(8) {
                            transform: none;
                        }
                            .content-top-level .columns-6 ul li {
                                display: block !important;
                                width: 100% !important;
                                margin: 0 !important;
                                float: none !important;
                                overflow: visible !important;
                                padding: 10px !important;}
                                .header-scroll nav.nav-top-header > ul li:nth-child(1) {
                                    display: none;
                                  }
                                  header.header-scroll .nav-bottom-header {
                                    opacity: 1 !important;
                                    transition: all 1s linear;
                                    width: min-content;
                                    float: right;
                                    text-align-last: left;
                                    display: flex;
                                    height: auto;
                                    visibility: visible;
                                    background: none;
                                    position: static;
                                    flex: 1 1 auto;
									  align-items: center;
                                  }
	.fast-call {
  float: none;
  margin-top: 0;
  position: absolute;
  left: 10px;
  bottom: -40px;
}
	.fast-call a {
  font-size: 9px;
  gap: 5px;
  white-space: pre;
}
                                  .ubermenu-responsive-default.ubermenu-responsive.ubermenu {
                                    margin: 0;
                                    position: absolute;
                                    background: white;
                                    width: 100%;
                                    height: auto;
                                    left: 0;
                                    right: 0;
                                    top: 100px;
                                    display: flex;
                                    place-content: space-between;
                                    flex-direction: column;
                                    flex-wrap: wrap;
                                  }
                                  .row-header > nav {
                                    width: 100%;
                                  }
                                  .row-header {
                                    display: flex;
                                    place-content: space-between;
                                    flex-flow: row wrap;
                                  }
                                  header.header-scroll .row-header {
                                    flex-flow: row-reverse nowrap;
                                  }
                                  .footer-conteiner {
                                    height: 100%;
                                    width: 90%;
                                    overflow: hidden;
                                    flex-flow: column nowrap;
                                    margin: 0 auto;
                                    padding: 1rem 1rem 0 1rem;
                                  }
                                  .item-footer {
                                    width: 100%;
                                    font-size: 12px;
                                    line-height: 2;
                                  }
                                  .footer-conteiner span {
                                    padding: 5px;
                                    font-size: 5px;
                                  }
        
                                  .item-footer:nth-child(5) {
                                flex-flow: row nowrap;
                                gap: 0;
                                place-content: space-around;
                                padding-top: 30px;
                            }
                                  .more .added_to_cart.wc-forward, .more1 .added_to_cart.wc-forward {
                                    font-size: 11px;
                                    box-shadow: none;
                                  }
                                  .flex-banner {
                                    padding: 0;
                                  }
.footer-conteiner .item-footer:nth-child(4) .widget-item {
    width: 100%;
}

}


@media only screen and (max-width: 1200px) and (min-width: 959px){
.container {max-width: 1150px;}
.item-slider h2, .item-slider h5 {
    font-size: 21px !important;
  }
  ul.info-product li h5::before {
    height: 25px;
    width: 25px;
    background-size: contain;}

.ubermenu-skin-minimal.ubermenu-responsive-toggle {
    font-size: 20px !important;}
    header.header-scroll .nav-bottom-header {
        opacity: 1 !important;
        transition: all 1s linear;
        width: 100%;
        float: right;
        text-align-last: left;
        display: block;
      }
      ul.info-product li span {
        font-size: 12px;
      }
      span.title-section {
        font-size: 18px;
        color: #ffa300;
        text-align: right;
        margin-bottom: 1rem;
        font-weight: 400;
        position: relative;
        overflow: hidden;
        z-index: 111;
      }
    .row-header > nav {
        width: 100%;
    }
    .nav-bottom-header {
        display: none;
    }
    nav.nav-top-header > ul li:nth-child(2) {
        margin-left: auto;
        flex: 0 1 50%;
      }
      
    .row-header {
        display: flex;
        place-content: space-between;
        flex-flow: row wrap;
    }

      header.header-scroll .row-header {
        flex-flow: column wrap;
        gap: 10px 0;
      }
    nav.nav-top-header > ul li {
        padding: 5px;
    }
    .header-scroll nav.nav-top-header > ul li:nth-child(1) {
        display: none;}
        .container {max-width: 960px;}
        .content-top-level .columns-6 ul li h2 {
            font-size: 11px !important;
        }
        .row-header {
            display: flex;
            flex-flow: row-reverse nowrap;
    
        }
        .flex-banner {
            padding: 0;
          }
            .content-slider {
                padding: 0 15px;
            }
            ul.info-product li h5 {
                font-size: 13px;}
                ul.info-product li h5:before {
                    height: 25px;
                    width: 25px;
                    background-size: contain;}
                    ul.info-product li span {
                        margin-right: 50px;
                        font-size: 10px;
                    }
                    .add-to-basket-slider {
                        font-size: 11px;}
                        .bg-pr-shape {
                            box-shadow: 0 0 0px 65px #f9fafd;}
                            span.title-section {
                                font-size: 15px;}
                                h3.title-section em {
                                    text-shadow: 0 1px 1px #4632fe23;}
                                    h6.widget-title{
                                        font-size: 12px;
                                    }
                                    .item-footer ,.item-footer ul li a, .title-footer-web, .title-footer-web em {
                                        font-size: 11px !important;
                                      }
                                      .widget-item {
                                        display: flex;
                                        flex-direction: column;
                                        place-content: center;
                                        align-items: unset;
                                      }
                                      .item-footer:nth-child(2), .item-footer:nth-child(3), .item-footer:nth-child(4) {
                                        align-self: flex-start;
                                        margin-top: 5rem;
                                      }
                                      .footer-conteiner {
                                        display: flex;
                                        height: 100%;
                                        width: 100%;
                                        place-content: center;
                                        align-items: center;
                                        border-radius: 1rem 1rem 0 0;
                                        overflow: hidden;
                                        flex-flow: row wrap;
                                        gap: 0 15px;}
                                        .best-banner-bg::before {
                                            background-size: 120% 115px;
                                          }
                                      
    }
@media only screen and (max-width: 1200px)
{.container {max-width: 1170px;}}