@font-face {
    font-family:'font-main'; /*font-main-sans*/
    src:url('../font/IRANSansWeb(FaNum).eot');
    src:local('IRANSansWeb(FaNum)_Medium'),url('../font/IRANSansWeb(FaNum).woff2') format('woff'),url('../font/IRANSansWeb(FaNum).ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
/*********************************** public *****************************/

.container{max-width: 1366px}
body{background: #fcfcfc}
ul{padding-right: 0;margin-bottom: 0;list-style: none}
.c_switch{position: relative;width: 60px;height: auto;margin: 0;display: flex;justify-content: center}
.c_switch input{opacity: 0;width: 0;height: 0;}
.status_switcher{display: inline-block;position: relative;cursor: pointer;width: 40px;height: 21px;border-radius: 29px;border: 1px solid #77918a;background: #fcfcfc;transition: .15s ease-in;}
.status_switcher:before{position: absolute;content: "";height: 15px;width: 15px;right: 3px;bottom: 2px;background-color: #77918a;-webkit-transition: .4s;transition: .4s;border-radius: 50%;border: 1px solid #8c8c8c;}
.input_switcher:checked + .status_switcher{background-color: #22aa86;}
.input_switcher:focus + .status_switcher{box-shadow: 0 0 1px #22aa86;}
.input_switcher:checked + .status_switcher:before {-webkit-transform: translateX(-18px);-ms-transform: translateX(-18px);transform: translateX(-18px);background-color: #ffffff}
.aside_filters{display: none}
.c_breadcrumb ol{padding: 0;margin: 0;list-style: none;display: flex;white-space: nowrap}
.c_breadcrumb ol li{margin-left: 20px;position: relative}
.c_breadcrumb ol li:last-child{color: #426159}
.c_breadcrumb ol li:not(:last-child):after{position: absolute;content:'';width: 10px;height: 10px;top: 7px;left: -15px;background: url("../img/angle-left-g.svg");background-size: 100%}
.c_breadcrumb ol a{color: #77918a}
.list_div_title {display: flex;align-items: center;justify-content: space-between;padding: 8px 0 11px;flex-wrap: wrap}
.list_div_title h2{color: #426159;font-size: 24px}
.cat_list_item {padding: 10px 15px !important;}
.list_div_title span {color: #77918a;font-size: 16px;}
.tag_item > span {margin-right: 5px}
.tag_item {position: relative;display: inline-block;margin-left: 10px;}
.breadcrumb_c{margin-top: 20px;overflow: auto}
.add_to_cart{position: relative;width: 154px;background-color: #fff;border: 1px solid #00bfd6;color: #00bfd6;align-items: center;border-radius: 5px;font-size: 1rem;line-height: 25px;display: flex;height: 100%;padding: 0 15px;margin-right: 20px;}
.cart_summary{position: absolute;top: 100%;right: 0;background: #fff;background-color: rgb(255, 255, 255);z-index: 20;-webkit-box-shadow: 0 2px 9px 0 hsla(0,0%,44.3%,.32);box-shadow: 0 2px 9px 0 hsla(0,0%,44.3%,.32);padding-top: 1px;display: none;}
.add_to_cart_dropdown{width: 290px;box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);background-color: #ffffff;left: -150px !important;top: calc(100% - 20px) !important;right: unset;display: none;padding: 0 0 45px;line-height: 22px;border: 0;border-radius: 3px ;overflow: hidden}
.mini_cart_footer{display: flex;align-items: flex-start;justify-content: space-between;border-top: 1px solid #eee;position: absolute !important;bottom: 0;left: 0;right: 0;}
.cart_summary_header{background-color: hsla(0,0%,98%,.9);padding: 14px 10px 14px 15px;display: inline-flex;justify-content: space-between;width: 100%;position: relative;align-items: center}
.cart_summary_header_total{font-size: 12px;line-height: 20px;color: #ffffff;direction: rtl;text-align: right;}
.cart_summary_header_total span:first-child{color: #ffffff;font-size: 16px;line-height: 20px;margin: 0 4px}
.cart_basket_link{font-size: 11px;line-height: 19px;background: linear-gradient(260deg, #67BE7C, #79C16E) ;position: absolute;top: 0;left: 0;display: flex;bottom: 0;justify-content: center;padding-left: 15px;padding-right: 15px;transition: background-color .3s ease-in-out;align-items: center;color: #ffffff;width: calc(100% - 180px)}
.cart_basket_link:hover{color: #ffffff}
/*.cart_basket_link:hover,.cart_basket_link:hover .cart_basket_link_arrow{background: #e5e5e5;color: #454545}*/
/*.cart_basket_link_arrow{transform: rotate(45deg);border-left: 1px solid #c6c6c6;border-top: 1px solid #c6c6c6;background-color: #fafafa;position: absolute;width: 10px;height: 10px;top: -6px;left: 10px;transition: background-color .3s ease-in-out;}*/
.cart_summary_list{max-height: 293px;overflow: auto;padding: 0 15px;list-style: none;}
.cart_summary_list_item{padding: 10px 0 10px 0;position: relative;min-height: 88px;display: block;border-bottom: 1px solid #f0f0f0;}
.cart_summary_list_item:first-child{border-bottom: 0;}
.cart_summary_list_item_content{display: inline-flex;align-items: center;flex-wrap: nowrap;justify-content: flex-start;width: 100%;}
.cart_summary_list_item_img{display: inline-flex;align-items: center;width: 75px;height: 75px;justify-content: center;flex: 0 0 75px;max-width: 75px;position: relative;border-radius: 3px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);}
.cart_summary_list_item_img img{max-height: 90%;max-width: 90%;overflow: hidden;object-fit: contain}
.cart_summary_list_item_detail{padding-right: 10px;display: flex;flex-direction: column;align-items: flex-start;flex-grow: 1;}
.cart_summary_list_item_title{font-size: 12px;line-height: 20px;text-align: right;direction: rtl;color: #454545;max-width: 100%;font-weight: 700;}
.cart_summary_list_item_params{display: inline-flex;justify-content: space-between;align-items: center;width: 100%;margin-top: 12px;}
.cart_summary_list_item_props{display: inline-flex;flex-wrap: nowrap;font-size: 10px;line-height: 17px;}
.cart_summary_list_item_props span{color: #666;}
.cart_summary_list_item_submit{font-size: 14px;line-height: 26px;letter-spacing: -.5px;font-weight: 700;color: #ffffff;text-align: center;padding-top: 9px;padding-bottom: 10px;background: linear-gradient(260deg, #22AA86, #4DB264);width: 180px;display: flex;align-items: center;justify-content: center}
.mini_cart_count{padding-left: 3px}
.cart_summary_list li:first-child{display: none}
.cart_summary_list li:not(:last-child){border-bottom: 1px solid #D7E8E340}
.cart_summary_list_item_remove{position: absolute;top: 65%;transform: translateY(-50%);left: 0;border-radius: 50%;background-color: #ffffff;width: 15px;height: 15px;border: none;z-index: 123;cursor: pointer;}
.cart_summary_list_item_remove:before{content: '';background: url("../img/trash.svg");width: 14px;height: 14px;background-size: 100%;position: absolute;top: 0;right: 3px;}
.basket_badge{text-align: center;display: none;align-items: center;justify-content: center;position: absolute;width: 20px;height: 20px;border-radius: 50%;background: #82cb6b;color: #ffffff;right: 12px;top: 15px;}
.empty_mini_cart{top: 20px !important;width: 190px;text-align: center;padding: 25px 0;position: relative}
.empty_mini_cart img{width: 70px !important;margin-bottom: 20px}
.arrow_empty{height: 15px;width: 15px;border-left:1px solid rgba(0,0,0,.15);border-top: 1px solid rgba(0,0,0,.15);transform: rotate(45deg);background: #ffffff;position: absolute ;left: 7px;top: -8px;}
.count_basket  {padding-left: 3px;border-radius: 50%;position: absolute;display: flex;align-items: center;justify-content: center;left: 10px;top: 8px;width: 25px;height: 25px;background: #6ec66b}
.mini_cart_count[total-count='0']{display: none}
#scrollup{display: none !important;}
.s_dashboard .content_reload .personal_info{padding: 0}
.c_area {background: #fafafa;border: solid 1px #d7e8e3;border-radius: 5px;}
.c_form .c_area:focus {border: solid 1px #05c46b;box-shadow: none;background: #fafafa}
.c_option{background: #fafafa;border: solid 1px #d7e8e3;border-radius: 5px;height: 40px}
.c_form_title {margin-bottom: 5px;display: block;}
    /*********************************** header *****************************/
.menu_section{width: 100%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);background-color: #ffffff;}
.mh-hamburger{display: none}
.header_top{display: flex;align-items: center;padding: 15px 0;border-bottom: 1px solid #eeeeee}
.menu_logo{flex: 0 0 20%}
.header_search{flex: 0 0 50%}
.header_basket{flex: 0 0 30%;display: flex;align-items: center;justify-content: flex-end}
.header_search .search_wrapper{display: flex;align-items: center;position: relative}
.header_search .search_wrapper button:after{position: absolute;width: 25px;height: 25px;content: '';background: url("../img/search.svg") no-repeat;background-size: 100%;left: 11px;top: 7px}
.search_input{height: 40px;border: solid 1px #22aa86;background-color: #fafafa;border-radius: 0 3px 3px 0}
.btn_search{width: 50px;height: 40px;background: linear-gradient(54deg, #5CB558, #22aa86);border: 0;border-radius: 3px 0 0 3px;position: absolute;left: 0}
.search_input::placeholder{color: #bed2d2}

#product-q-list {top: 40px;background: #fff;z-index: 12;position: absolute;list-style: none;padding: 0;width: 100%;margin-bottom: 0;max-height: 300px;overflow-y: auto;border-radius: 0 0 10px 10px;box-shadow: -2px 10px 8px 0 #aaa;}
.auto_item {display: flex;height: 70px;align-items: center;justify-content: flex-start;transition: .2s;padding: 0 10px}
.auto_item:hover{background: #fafafa}
.auto_item_link {display: flex;align-items: flex-start;justify-content: flex-start;width: 100%;height: 100%;color: #333333}
.auto_img img {width: 50px;height: 50px;margin-left: 20px;object-fit: contain;border: 1px solid #576574;border-radius: 3px;padding: 5px}
.auto_img {display: flex;align-items: center;height: 100%;}
.auto_title {display: flex;height: 60px;overflow: hidden;padding: 10px 0 0;}
.auto_item:not(:last-child){border-bottom: 1px solid #eee}

.header_register{width: 140px;height: 40px;border-radius: 3px;border: solid 1px #22aa86;background-color: #ffffff;display: flex;align-items: center;justify-content: center;position: relative}
.header_register ul{width: 100%;height: 100%}
.header_register ul li{width: 100%;height: 100%}
.header_register:before{content: '';background: url("../img/users.svg");width: 25px;height: 25px;background-size: 100%;position: absolute;right: 7px;top: 6px;background-repeat: no-repeat}
.header_register a{display: flex;align-items: center;justify-content: center;padding-right: 15px;color: #22aa86;height: 100%;width: 100%}
.icon_wrapper{position: absolute;width: 30px;height: 30px;right: 4px;top: 4px;opacity: 0.08;border-radius: 3px;background-color: #22aa86;}
.basket_div{width: 140px;height: 40px;border-radius: 3px;background: linear-gradient(254deg, #22aa86, #5CB558);margin-left: 10px;position: relative;color: #ffffff}
.basket_div > div{display: flex;align-items: center;justify-content: center;height: 100%}
.mini_cart_btn:after{content: none}
.basket_icon{background: #ffffff;opacity: .3}
.basket_div:after{content: '';background: url("../img/shopping.svg");width: 25px;height: 25px;background-size: 100%;position: absolute;right: 7px;top: 6px;background-repeat: no-repeat}
#menu > ul {display: flex;height: 50px}
#menu > ul > li {display: flex;align-items: center;justify-content: center;margin-left: 30px}
#menu > ul > li a{color: #426159}
.menu_div{height: 50px;position: relative;display: flex;align-items: center;justify-content: space-between}
.services_header {display: flex;align-items: center;justify-content: flex-end;}
.services_header > div {display: flex;align-items: center;margin-right: 10px}
.services_header > div:not(:last-child){padding-left: 10px;border-left: 1px solid #0ac282}
.img_service img {width: 25px;height: 25px;object-fit: scale-down;margin-left: 5px;}
.title_service {font-size: 12px;}
.mh-hamburger {position: absolute;right: 10px;top: 8px;width: 30px;background: transparent;height: 35px;z-index: 3;display: none; }
.mh-hamburger .bar {height: 3px;width: 100%;background: linear-gradient(254deg, #22aa86, #5CB558);border-radius: 10px;margin: 6px 0; }
.mm-clear::after, .mm-clear::before, .mm-close::after, .mm-close::before {width: 10px;height: 10px;}
#menu {background: #ffffff;}
.mm-clear::after, .mm-close::after {left: 30px;}
.mini_cart_btn{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer}
.header_logo img {width: 150px;}
    /*********************************** home ***********************************/
.top_category {display: flex;flex-wrap: wrap;padding: 30px 2px 0;align-items: center;justify-content: space-between;max-height: 353px;overflow: hidden;transition: .2s}
.top_category .cat_div {width: 11.8%;display: flex;align-items: center;justify-content: center;flex-direction: column;background: #ffffff;border-radius: 2px;margin-bottom: 10px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.10);border-bottom: 2px solid #ffffff;transition: .2s}
.top_category .cat_div:hover {border-bottom: 2px solid #22aa86}
.top_category .cat_div .cat_img img{width: 90px;height: 80px;object-fit: contain;}
.top_category .cat_div .cat_img {height: 100px;display: flex;align-items: center;justify-content: center;}
.top_category.auto_height ~ .more_btn div::after{transform: scale(-1);}
.top_category.auto_height ~ .more_btn .plus{display: none}
.top_category.auto_height ~ .more_btn .minus{display: inline-block}
.cat_title{height: 27px;background-color: #f4f9f8;width: 100%;text-align: center;color: #426159;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0 5px}
.cat_count{color: #77918a;text-align: center;width: 100%;height: 27px;display: flex;align-items: center;justify-content: center;border-top: 1px solid #dedede;position: relative}
.cat_count:after{content: '';width: 15px;height: 1px;background: #f4f9f8;position: absolute;left: 15px;top: -1px}
.more_btn {height: 60px;width: 100%;background: #fcfcfc;position: relative;display: none;align-items: center;justify-content: center;}
.more_btn:after {width: 100%;height: 1px;background: #aaaaaa;content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.more_btn div {display: inline-block;position: relative;background: #fcfcfc;padding: 10px 20px 10px 50px;cursor: pointer;z-index: 2;color: #77918a}
.more_btn div:after {content: '';background: url("../img/chevron.svg") no-repeat;background-size: 100%;width: 25px;height: 25px;position: absolute;left: 12px;top: 8px;}
.minus {display: none}
.auto_height{max-height: inherit !important;}
.best_offer{background: url("../img/offer.png");min-height: 470px;background-repeat: no-repeat;position: relative;margin-top: 20px;padding: 40px 0}
.mask{position: absolute;width: 100%;height: 100%;opacity: 0.55;background: linear-gradient(256deg, #e24670 45%, #e246a9 60%, #9f46e2);right: 0;top:0}
.offer_wrapper{z-index: 2;position: relative}
._header{display: flex;align-items: center;justify-content: space-between}
._header h3{color: #ffffff;font-size: 24px;font-weight: 700}
._header a{color: #ffffff;font-size: 14px;position: relative;padding-left: 25px}
._header a:after{content: '';background: url("../img/chevron-w.svg");background-size: 100%;width: 20px;height: 20px;position: absolute;left: 0;top: 2px}
.slider_container{display: flex;margin-top: 40px;padding-right: 15px}
.img_slider{position: relative;margin-left: 13px}
.img_slider span{position: absolute;margin: auto;color: #ffffff;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;font-size: 24px}
.offer_info{display: flex;align-items: flex-start;justify-content: space-between;flex-direction: column}
.best_offer_slider .swiper-slide{display: flex;height: 140px;width: 440px;background: #ffffff;box-shadow: 0 2px 4px 0 rgba(125, 125, 125, 0.25);border-radius: 3px}
.offer_img{width: 150px;display: flex;align-items: center;justify-content: center;border-left: solid 1px #d7e8e3}
.offer_img img{width: 130px;height: 130px;object-fit: contain}
.offer_info{width: 290px;padding: 15px}
.offer_title{display: flex;flex-direction: column}
.offer_title .offer_cat{color: #77918a;font-size: 12px}
.offer_title ._title{color: #426159;font-size: 14px;margin-top: 5px;padding-left: 75px;line-height: 1.93}
.offer_dis{width: 75px;height: 19px;border-radius: 2px;background-color: #e24670;position: absolute;left: 15px;top: 15px;font-size: 12px;color: #ffffff;text-align: center;z-index: 11}
.price_original{color: #bcbcbc;text-decoration: line-through;font-size: 12px;margin-left: 5px}
.price_now{color: #e24670;font-size: 16px;}
.price_t{font-size: 10px}
.offer_price{display: flex;align-items: center;justify-content: space-between;width: 100%}
.offer_add{ width: 25px;height: 25px;border-radius: 3px;background: linear-gradient(226deg, #22aa86, #5CB558 );position: relative;cursor: pointer}
.offer_add:after{content: '';position: absolute;width: 18px;height: 18px;background: url("../img/plus.svg") no-repeat;background-size: 100%;left: 4px;top: 3px;}
.quick_view{width: 88px;height: 25px;border-radius: 3px;background: linear-gradient(253deg, #22aa86, #5CB558);margin-left: 5px;color: #ffffff;font-size: 12px;display: flex;align-items: center;justify-content: center;cursor: pointer}
.offer_basket{display: flex;align-items: center}


.off_banner{margin-top: 50px}
.top_banner{display: flex;justify-content: space-between;margin-bottom: 30px}
.bottom_banner{display: flex;justify-content: space-between}
.banner_l{flex: 0 0 66%}
.banner_s{flex: 0 0 32%}
.banner img {width: 100%;border: 1px solid #efefef;border-radius: 4px;}
.top_banner img{height: 280px;object-fit: cover}
.bottom_banner img{height: 375px;object-fit: cover}
.bottom_banner .banner{flex: 0 0 32%}

.product_slider_container {margin-right: 5px !important;padding: 15px !important; }
.product_slider{margin-top: 50px;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);background-color: #ffffff;width: 100%}
.product_slider_title{display: flex;align-items: center;justify-content: space-between;padding: 25px 0;border-bottom: 1px solid #d7e8e3;margin: 0 20px;position: relative}
.product_slider_title h3{color: #426159;font-size: 24px;font-weight: bold;margin: 0}
.product_slider_title:after{content: '';width: 15px;height: 1px;background: #22aa86;position: absolute;right: 0;bottom: -1px}
.product_slider_title:before{content: '';width: 10px;height: 1px;background: #ffffff;position: absolute;right: 15px;bottom: -1px}
.product_slider_title a{color: #426159;font-size: 14px;position: relative;padding-left: 25px}
.product_slider_title a:after{content: '';background: url("../img/chevronb.svg");background-size: 100%;width: 20px;height: 20px;position: absolute;left: 0;top: 2px}
.product_slider_container .swiper-slide{width: 185px;padding: 15px;border: 1px solid #ffffff;transition: .2s;border-radius: 3px}
.product_slider_container .swiper-slide:hover{ box-shadow: 0 5px 15px 0 rgba(34, 170, 134, 0.15);border: 1px solid #22aa86}
.p_s_img {display: flex;align-items: center;justify-content: center}
.p_s_img img {width: 140px;height: 140px;object-fit: contain}
.p_s_title{color: #426159;font-size: 14px;line-height: 1.93;height: 60px;overflow: hidden;margin-top: 10px}
.p_s_price{display: flex;align-items: center;justify-content: space-between;width: 100%;margin-top: 10px}


/********************************* footer *******************************/
.footer_title{color: #426159;font-size: 16px;font-weight: bold;}
#footer {background: #f6f6f6;padding: 40px 0;margin-top: 50px}
.footer_contact {flex: 0 0 60%;padding-left: 15px}
.footer_action {flex: 0 0 40%;display: flex;align-items: flex-start;justify-content: space-between}
.footer_contact ul{margin-top: 20px}
.footer_contact ul li{color: #77918a;margin-bottom: 10px;font-size: 14px}
.footer_menu_div{flex: 0 0 40%}
.footer_namad{flex: 0 0 60%}
.footer_menu{margin-top: 20px}
.footer_menu li{margin-bottom: 10px;font-size: 14px}
.footer_menu li a{color: #77918a}
.footer_about_div{border-top: 1px solid #d7e8e3;padding-top: 20px;margin-top: 20px;display: flex;align-items: flex-start;justify-content: space-between}
.footer_about_div p{color: #77918a;line-height: 2.5;font-size: 14px;margin-top: 10px;text-align: justify}
.footer_about{flex: 0 0 83%}
.footer_logo{flex: 0 0 15%}
.logo_wrapper{width: 100%;height: 140px;display: flex;align-items: center;justify-content: center}
.logo_wrapper img{width: 100%;object-fit: contain;height: 140px}
#socket{background: #eeeeee;padding: 0 10px}
.powered_by,.copyright{color: #77918a;font-size: 14px;}
.powered_by a{color: #77918a;font-size: 14px;}
#socket > div {display: flex;align-items: center;justify-content: space-between;min-height: 52px;flex-wrap: wrap}
#socket > div p{margin: 0}
/*********************************** product q **************************/
#aside{flex: 0 0 20%;max-width: 20%;background: transparent}
.list_div{flex: 0 0 80%;max-width: 80%;padding-right: 20px}
.box{border-radius: 3px;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16);background-color: #ffffff;margin-bottom: 20px;padding: 15px}
.box_title {padding:0 0 15px 0;border-bottom: 1px solid #eaeaea;margin-bottom: 15px;position: relative}
.box_title:after {content: '';width: 15px;height: 1px;background: #22aa86;position: absolute;right: 0;bottom: -1px}
.box_title:before {content: '';width: 10px;height: 1px;background: #ffffff;position: absolute;right: 15px;bottom: -1px}
.box_title h3{color: #426159;font-size: 14px;font-weight: 500;margin: 0}
.filter_search_input{height: 50px;border-radius: 3px;border: solid 1px #d7e8e3;background-color: #fafafa;}
.submit_search {position: absolute;height: 50px;width: 50px;background: transparent;cursor: pointer;left: 15px;bottom: 15px;display: flex;align-items: center;justify-content: center}
.submit_search button {position: absolute;height: 100%;width: 50px;background: transparent;display: flex;align-items: center;justify-content: center;border: 0;}
.filter_search_input::placeholder{color: #bed2d2;font-size: 10px}
.search_aside{position: relative}
.submit_search:before{content: '';background: url("../img/g-search.svg");background-size: 100%;position: absolute;left: 10px;bottom: 13px;width: 24px;height: 24px;}
.filter_div{display: flex;align-items: center;justify-content: flex-start}
.c_switch input{display: none}
.c_switch{width: 40px}
.filter_div > span {margin-right: 5px;color: #77918a;font-size: 12px;}
.filter_items li{line-height: 35px}
.filter_items li a{color: #77918a;font-size: 14px;}
.filter_items .category ul{padding-right: 30px}
.range_price{display: flex;justify-content: space-between;margin-top: 20px}
.range_price > div{display: flex}
.price_container{width: 80px;height: 30px;border-radius: 2px;border: solid 1px #d7e8e3;background-color: rgba(34, 170, 134, 0.05);display: flex;align-items: center;justify-content: center}
.range-price{height: 2px!important;;width: 100%!important;;background: #bed2d2!important;margin-top: 35px}
.bar{background: #426159 !important;height: 2px !important;top: 0!important;}
.rightGrip,.leftGrip{background: #426159!important;width: 10px!important;height: 10px!important;top: -4px !important;position: relative}

.range_btn{width: 100%;background: #426159;margin-top: 15px;color: #ffffff}
.range_btn:hover{color: #ffffff}
.sort {display: flex;padding: 15px 0;margin: 0 15px}
.sort_title{margin-right: 20px;color: #77918a !important;cursor: pointer}
.sort_title.is_select{background: rgba(34, 170, 134, 0.05);color: #22aa86 !important;padding: 2px 10px;border-radius: 2px}
.sort_desc{color: #426159 !important;}
.list_box{flex: 0 0 25%;max-width: 25%}
.list_box{border-bottom: 1px solid #eaeaea;border-left: 1px solid #eaeaea}
.list_box .box_{padding: 20px;position: relative;transition: .2s}
.box_img img {width: 100%;height: 160px;object-fit: contain}
.list_box_title {color: #426159;margin: 10px 0;display: block;height: 50px;overflow: hidden;line-height: 1.9;}
.list_box_title:hover {color: #426159}
.list{padding: 0}
.box_ .offer_add{cursor: pointer}
.close_all {width: 100%;display: flex;align-items: center;justify-content: center;background: #22aa86;color: #fff !important;margin-top: 15px;padding: 5px 10px;border-radius: 3px;cursor: pointer}
.close img{width: 10px ;height: 10px;cursor: pointer}
.list_box:hover .box_{box-shadow: 0 5px 15px 0 rgba(34, 170, 134, 0.15);}
.advances_serach_m {width: 100%;margin-bottom: 15px;display: none;position: relative;}
.advances_serach_m button{background: #22aa86;color: #ffffff;width: 100%;border: 0;border-radius: 3px;height: 39px}
.advances_serach_m i{position: absolute;top: 6px;right: 12px;font-size: 25px;color: #ffffff}
.filter_search_input:focus{box-shadow: none;border: 1px solid #22aa86}
#modal_filter_side .modal-content {box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.55)}
.checkbox-wrapper{position: relative}
.checkbox-wrapper .c_check input{width: 0;visibility: hidden}
.pagination .pagination{display: flex;align-items: center;justify-content: center;padding: 0;margin: 0 30px;}
.page-item {height: 35px;margin: 0;}
.page-item a{font-size: 14px}
.page-link {width: 35px;height: 35px;border: 0;border-radius: 0 !important;background:transparent !important;border: 0!important;color: #4e4e4e}
.page-link.selected{background: #22aa86!important;}
.page-link:focus{box-shadow: none}
.page-link:hover{color: #ffffff;background: #22aa86!important;}
div.pagination{border-top: 1px solid #eee;padding-top: 20px;margin-bottom: 0}
.scroll_box {max-height: 200px;overflow-y: auto;}
/*********************************** product id ************************/
.product_content{display: flex;align-items: flex-start;justify-content: space-between;margin-top: 10px;padding: 20px 25px}
.product_gallery{flex: 0 0 40%;max-width: 40%;position: relative}
.product_gallery{height: 400px;border-radius: 3px;border: solid 1px #d7e8e3;background-color: #ffffff;}
.product_info{flex: 0 0 60%;max-width: 60%;padding-right: 30px}
.product_info_wrapper{height: 450px;margin-bottom: 0}
.product_title{color: #426159;font-size: 24px;margin: 10px 0 20px}
.product_subtitle{font-size: 16px;color: #a9b8b4;display: block;margin-bottom: 10px}
.product_header{display: flex;align-items: center;justify-content: space-between}
.products_info_wrapper {display: flex;justify-content: space-between;height: calc(100% - 120px)}
.products_info .key{color: #77918a;font-size: 14px;}
.products_info .val{color: #22aa86;font-size: 14px;margin-right: 10px}
.products_info .val a{color: #22aa86;font-size: 14px;}
.products_info > div{margin-bottom: 10px}
.product_price {display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;width: 220px;}
.product_price > div{margin-bottom: 15px;width: 100%;display: flex;align-items: center;justify-content: space-between}
.product_price .key{color: #426159;font-size: 14px;font-weight: 500;}
.add_basket_btn{position: relative;height: 40px;border-radius: 5px;box-shadow: 0 5px 15px 0 rgba(34, 170, 134, 0.4);background-image: linear-gradient(260deg, #22aa86 , #5CB558 );justify-content: center !important;color: #ffffff;font-size: 14px;margin-top: 10px}
.add_basket_wrapper .offer_add{position: absolute;left: 10px;top: 7px;width: 26px;height: 26px;background: #ffffff;border-radius: 2px;}
.add_basket_wrapper .offer_add:after{background: url("../img/plus-g.svg");background-repeat: no-repeat;left: 5px;top: 5px;}
.add_basket_wrapper .basket_t {padding-left: 20px;}
.product_original > span:last-child{color: #bcbcbc;text-decoration: line-through;font-size: 18px}
.product_dis .discount{color: #22aa86;font-size: 18px}
.t{font-size: 12px !important;}
.price{color: #e24670; font-size: 24px;}
.lightSlider{height: 100%;margin-bottom: 10px}
.lSSlideOuter{height: 100%}
.lSGallery {width: 100% !important;display: flex;align-items: center;justify-content: center;border-top: 1px solid #d7e8e3;padding: 10px 0}
.lSGallery img{width: 86px ;height: 80px !important;object-fit: contain;border-radius: 3px;}
.lSSlideWrapper{height: calc(100% - 100px)}
#lightSlider  {height: 100% !important;}
#lightSlider img {width: 100%;height: 100%;object-fit: contain}
.related_product .product_slider {margin-top: 15px}
.product_tabs {margin-top: 35px;}
.product_tabs li a {color: #77918a}
.product_tabs .nav-item {margin-left: 35px;}
.product_tabs .nav-item .nav-link.active .tab_icon > span{background: #9cc026}
.product_tabs .nav-item a{display: flex;align-items: center;justify-content: center;padding: 0}
.tab_icon > span {width: 32px;height: 32px;border-radius: 2px;border: solid 1px #d7e8e3;display: flex;align-items: center;justify-content: center;}
.tab_icon {margin-left: 15px;padding: 5px}
.product_tabs .nav-item .nav-link.active .tab_icon{background: rgba(0, 0, 0, 0.06);box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16) inset;}
.product_tabs .nav-item .nav-link.active {color: #426159;font-size: 16px;font-weight: 500;}
.article_body{color: #555555;line-height: 2.43;}
.article_body p{color: #555555;line-height: 2.43;}
.article_body img{max-width: 100%}
.product_tabs .tab-pane{padding: 0}
.comment-form-holder{color: #555555}
.add-comment{position: relative;height: 40px;border-radius: 5px;box-shadow: 0 5px 15px 0 rgba(34, 170, 134, 0.4);background-image: linear-gradient(260deg, #22aa86 , #5CB558);color: #ffffff;font-size: 14px;margin-top: 10px;display: flex;width: 140px;align-items: center;justify-content: center;}
.add-comment i{padding-left: 10px}
.add-comment:hover{color: #ffffff}

.comment_container{padding: 0;list-style: none;margin-top: 30px}
.comment_list{padding: 0;list-style: none}
.comment_article {background: #fbfcf9;padding: 30px 90px;border: 0;border-radius: 5px;margin-bottom: 20px;}
.comment_footer button{width: 120px;background: #fff;border-radius: 25px;border: 1px solid #e9e9e9;margin-left: 5px}
.comment_header > div {display: flex;flex-direction: column;border-bottom: 1px solid #e9e9e9;padding-bottom: 15px;margin-bottom: 15px;position: relative}
.comment_header > div:before {position: absolute;content: '';right: -40px;top: 5px;background-image: url("../img/cmnt.png");width: 30px;height: 40px;background-size: 100%;background-repeat: no-repeat;}
.comment_info{color: #aaaaaa}
.not_available{font-size: 13px;text-decoration: line-through;color: #7d7d7d;}
.coming_soon{width: 100%;text-align: center;color: #555;position: relative}
.coming_soon:before{content: '';position: absolute;width: 100%;top: 50%;transform: translateY(-50%);height: 1px;right: 0;background: #555;z-index: 2;}
/*.coming_soon_t{color: #7d7d7d;font-size: 13px;font-weight: bold;}*/
.coming_soon span {background: #fff;display: inline-block;z-index: 2;position: relative;padding: 0 20px;}
.product-discount-price {font-size: 14px;}
.params_list{list-style: none;padding: 0;margin-bottom: 20px;}
.params_height .js-dynamic-show-hide{margin: inherit}
.params_height.dynamic-height-active .dynamic-height-wrap::after{content: none}
.params_list li {display: flex;flex-wrap: wrap;margin: 8px -8px}
.params_value,.params_key{position: relative;width: 100%;min-height: 1px;padding-right: 8px;padding-left: 8px;margin-bottom: 10px}
.params_key{flex: 0 0 22.2%;max-width: 22.2%;}
.params_value{flex: 0 0 77.8%;max-width: 77.8%;}
.multi_val > div:not(:last-child){margin-bottom: 8px}
.params_value span,.params_key span{display: block;background: #fafafa;padding: 14px 18px 12px;font-size: .929rem;line-height: 1.692;color: #4d4d4d;letter-spacing: -.3px;min-height: 47px;position: relative;}
/*********************************** quickview ****************************/

.modal_quick_view_info {display: flex;align-items: center;justify-content: space-between;}
.quick_view_img{width: 274px;height: 274px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);flex: 0 0 50%;position: relative}
.modal_quick_view_desc{flex: 0 0 50%}
.quick_view_img img{width: 100%;height: 100%;object-fit: contain}
#basket-quick-add-modal .modal-dialog {max-width: 580px}
.modal_quick_view_desc .title {color: #426159;font-size: 16px;font-weight: bold;height: 95px;line-height: 2;overflow: hidden;}
.modal_quick_view_desc {flex: 0 0 45%;display: flex;flex-direction: column;align-items: flex-end;}
.quick_view_discount{color: #bcbcbc;text-decoration: line-through;font-size: 12px;margin-left: 15px;}
.quick_view_price .price {font-size: 18px}
.quick_view_price {margin-bottom: 30px;}
.quick_view_add_cart{width: 200px;height: 30px;border-radius: 2px;background: linear-gradient(260deg, #22aa86 , #5CB558 );color: #ffffff;padding: 0;display: none;box-shadow: 0 5px 15px 0 rgba(34, 170, 134, 0.4)}
.quick_view_add_cart:hover{color: #ffffff}
.quick_view_count button.basket-item-update-count{width: 30%;display: flex;align-items: center;justify-content: center}
.quick_view_count button.basket-item-update-count img{width: 15px;height: 15px;object-fit: contain}
.quick_view_count .change_item_count{width: 40%;display: flex;align-items: center;justify-content: center}
.quick_view_count > div {display: flex;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1)}
.basket_modal_add{width: 200px}
.quick_view_info[basket-count='0'] .quick_view_add_cart {display: block}
.quick_view_info[basket-count='0'] .basket_modal_add {display: none !important;}
.modal_quick_view_related .title {color: #426159;font-size: 16px;margin: 10px 0 25px;}
.modal_quick_view_related {border-top: 1px solid #eee;margin-top: 30px;padding-top: 15px;}
.modal_quick_view_related .price_now{font-size: 13px}
.modal_quick_view_related .p_s_img img{height: 110px;width: 110px}
.related_modal .swiper-slide {width: 33.33%;padding: 10px 15px}
#basket-quick-add-modal .modal-header {margin: 0 15px;display: flex;align-items: center;justify-content: flex-end;padding: 0;height: 40px;}
#basket-quick-add-modal .modal-header .close{padding-left: 0}
#basket-quick-add-modal .modal-content{box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.55);}
/*********************************** category ******************************/
/*.has_sub_category .cat_count{border-bottom: 1px solid #dedede}*/
.has_sub_category .cat_div {width: 15%;margin: 0 10px 20px;}
.has_sub_category {justify-content: flex-start;max-height: unset;overflow: visible}
.sub_category  {padding: 10px;width: 100%;height: 115px;overflow: hidden;border-top: 1px solid #eee;}
.sub_category ul {margin: 0;padding: 0;}
.sub_category ul li{position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 15px;}
.sub_category ul li:before{content: '';position: absolute;width: 6px;height: 6px;border-radius: 1px;background-color: #d7e8e3;right: 3px;top: 10px;transform: rotate(45deg);}
.sub_category ul a{color: #77918a;line-height: 1.79;font-size: 14px}
.more_category{width: 100%;display: flex;align-items: center;justify-content: flex-end;color:#22aa86;font-size: 14px;padding: 5px 10px 10px;}
.more_category:hover{color:#22aa86;}
.more_category span {margin-right: 5px}
.more_category span img{width: 25px;height: 25px}
.has_subset{width: 100%;display: flex;align-items: flex-start;}
.subset_cat {flex: 0 0 20%;max-width: 20%}
.subset_slider {flex: 0 0 80%;max-width: 80%;}
.has_sub_category .product_slider{margin-top: 0;margin-bottom: 20px}
.c_cat_div {color: #555;margin-bottom: 7px;display: block;}
.subset_cat h4{margin-bottom: 15px}
/*.b_h{display: none}*/
/*.more_category:hover .b_h{display: block}*/
/*.more_category:hover .b_n{display: none}*/
/*********************************** media ******************************/

@media screen and (max-width: 1200px){
    .header_search {flex: 0 0 45%;}
    .header_basket {flex: 0 0 35%;}
    .top_category{justify-content: center;padding-top: 30px}
    .top_category .cat_div {width: 16%;margin: 3px;}
    .top_banner img {height: 200px;}
    .bottom_banner img {height: 260px;}
    .top_banner{margin-bottom: 20px}
    .footer_logo{display: none}
    .footer_about {flex: 0 0 100%;}
    .price_container {width: 50px;height: 25px;}
    .list_div {flex: 0 0 75%;max-width: 75%;}
    #aside {flex: 0 0 25%;max-width: 25%;}
    .list_box .box_ {padding: 10px;}
}

@media screen and (max-width: 992px){
    .header_search {flex: 0 0 40%;}
    .header_basket {flex: 0 0 40%;}
    /*.header_register{width: 120px}*/
    .header_register a{padding-right: 25px}
    /*.basket_div {width: 120px;}*/
    .top_category .cat_div {width: 19%}
    .top_banner img {height: 150px;}
    .bottom_banner img {height: 200px;}
    .products_info_wrapper{flex-wrap: wrap}
    .product_price{width: 100%}
    .list_box {flex: 0 0 33.33%;max-width: 33.33%;}
}


@media screen and (max-width: 768px){
    .mh-hamburger{display: block}
    .menu_logo {flex: 0 0 30%;}
    .header_top{flex-wrap: wrap;padding: 15px 10px}
    .header_search {flex: 0 0 70%;}
    .header_basket {flex: 0 0 100%;margin-top: 20px;}
    .top_category .cat_div {width: 23%;}
    .img_slider{display: none}
    .banner_l {flex: 0 0 100%;margin-bottom: 10px}
    .banner_s {flex: 0 0 100%;}
    .top_banner{flex-wrap: wrap}
    .top_banner img {height: auto;}
    .bottom_banner  {flex-wrap: wrap}
    .bottom_banner img {height: auto;margin-bottom: 10px}
    .bottom_banner .banner {flex: 0 0 100%;}
    .top_banner {margin-bottom: 10px;}
    .product_gallery {flex: 0 0 100%;max-width: 100%;}
    .product_info {flex: 0 0 100%;max-width: 100%;padding-right: 0;margin-top: 20px;}
    .product_content{flex-wrap: wrap}
    .product_info_wrapper{height: auto}
    .list_div {flex: 0 0 65%;max-width: 65%;}
    #aside {flex: 0 0 35%;max-width: 35%;}
    .list_box {flex: 0 0 50%;max-width: 50%;}
    .list_div_title h2{font-size: 18px}
    .filter_search_input {height: 36px;}
    .search_aside::after{bottom: 23px;width: 20px;height: 20px;}
    .sort_title {margin-right: 8px;}
    .sort_desc{display: none}
    .list_box_title{font-size: 14px}
    .modal-backdrop{display: none}
    .submit_search {height: 36px;}
    .submit_search::before{left: 6px;bottom: 6px}
    .add_basket_btn{max-width: 350px;margin-right: auto;}
    #menu ul li a {font-size: 13px}
    .comment_article{padding: 15px}
    .comment_list > li{padding: 0}
    .comment_footer button{width: 105px}
    .page_count,.all_count{display: none}
    #footer{padding: 40px 10px}
    .has_subset{flex-wrap: wrap}
    .subset_cat,.subset_slider{flex: 0 0 100%;max-width: 100%}
    .product_slider_title h3{font-size: 14px}
    .product_slider_title a{font-size: 11px;padding-left: 20px}
    .product_slider_title a::after {width: 15px;height: 15px}
    .lightSlider{height: calc(100% - 50px)}
}

@media screen and (max-width: 600px){
    .c_form{padding: 70px 25px 25px !important;}
}
@media screen and (max-width: 576px){
    .top_category .cat_div {width: 32%;}
    .footer_about_div{display: none}
    .footer_contact {flex: 0 0 100%;padding-left: 0;margin-bottom: 15px;border-bottom: 1px solid #bed2d2;padding-bottom: 7px;}
    .footer_action {flex: 0 0 100%;flex-wrap: wrap;border-bottom: 1px solid #bed2d2;padding-bottom: 7px;margin-bottom: 15px}
    .footer_namad {flex: 0 0 100%;}
    .footer_menu_div {flex: 0 0 100%;}
    .footer_menu li a{font-size: 14px}
    #footer{padding: 20px 10px;margin-top: 20px}
    .product_slider {margin-top: 20px;}
    .off_banner {margin-top: 20px;}
    .product_content{padding: 5px}
    .product_title{font-size: 16px;margin: 10px 0 10px;}
    .product_subtitle{font-size: 14px;margin-bottom: 5px}
    .product_price{margin-bottom: 5px}
    .product_tabs .nav-item {margin-left: 10px;}
    .tab_icon {margin-left: 8px;}
    .aside{display: none}
    .list_div {flex: 0 0 100%;max-width: 100%;padding: 0}
    .advances_serach_m {display: block;}
    .search_footer_btn button {width: 100%;height: 40px;background: #22aa86;color: #ffffff;display: flex;align-items: center;justify-content: center;border: 0;border-radius: 3px}
    .mobile_form .box {box-shadow: none}
    .best_offer_slider .swiper-slide{flex-direction: column;width: 200px;height: 260px;}
    .offer_img{width: 100%;border-left: none}
    .offer_title ._title{padding: 0;}
    .offer_title {display: flex;flex-direction: column;width: 100%;height: 60px;overflow: hidden;text-align: center}
    .offer_info {padding: 5px 15px;width: auto}
    .best_offer{background-size: cover}
    .offer_price{flex-direction: column}
    #aside{margin-bottom: 0 !important;}

}


@media screen and (max-width: 500px){
    .register_captcha label{flex-wrap: wrap}
    .register_captcha label > div {width: 49%}
    .register_captcha label > button {width: 100% !important;margin-top: 20px}
    .header_search {flex: 0 0 100%;}
    .menu_logo {flex: 0 0 100%;display: flex;justify-content: center;margin-bottom: 10px;}
}

@media screen and (max-width: 480px){
    .top_category .cat_div {width: 47%;}
    .modal_quick_view_info{flex-direction: column}
    .quick_view_img{margin-bottom: 15px}
    .modal_quick_view_desc .title{overflow: visible;height: auto}
    .quick_view_add_cart{font-size: 14px}
    .add_to_cart_dropdown{left: 0 !important;}
}

@media screen and (max-width: 400px){
    .list_box {flex: 0 0 100%;max-width: 100%;}
    .list_box .box_{display: flex}
    .box_img {width: 120px}
    .box_info {width: calc(100% - 120px);display: flex;align-items: flex-start;flex-direction: column;justify-content: space-between;}
    .box_img img{height: 130px}
    .box_ .offer_dis {right: 13px;left: auto}
    .list_box_title{height: auto;font-size: 14px;margin: 0}
    .sort_title {margin-right: 0;margin-left: 6px;}
    .tab_icon {margin-left: 5px;padding: 3px;}
    .product_tabs .nav-item .nav-link.active{font-size: 13px}
    .product_tabs .nav-item {margin-left: 3px;}
}

.stars{}
.stars img{-webkit-filter: drop-shadow(-1px 0px 1px #9c9c9c);filter: drop-shadow(0px 0px 1px #9c9c9c);width: 16px;margin: 0 2px;}

.productControl{background: #ffffff;border-radius: 3px;border: solid 1px #d7e8e3;display: flex;align-items: center;justify-content: space-around;height: 40px;}
.MProductIdBookmarkRow{color: #000000;padding: 5px 10px;display: flex;align-items: center;justify-items: center;cursor: pointer;}

#share {width: 30px;overflow: hidden;transition: .2s;position: absolute;top: 30px;z-index: 5;background: #fff;padding: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 0;left: 0}
#share .jssocials-share img {width: 100%;margin-bottom: 7px}
#share .jssocials-shares {display: flex;align-items: center;justify-content: center;flex-direction: column}
#share .jssocials-share {margin: 1px 0;}
#share.show_share{height: auto }
.item_like {cursor: pointer}
.item_like img {width: 32px;height: 32px;object-fit: contain;}
.item_like.add-like {margin-left: 10px;}
._liked{display: none}
.item_like[status="1"] .normal_mode._liked{display: block}
.item_like[status="1"] .normal_mode._like{display: none}
.product_action img{width: 20px;height: 20px;object-fit: contain}
.share {margin-left: 10px;cursor: pointer;position: relative}

/*compare*/
#compareModal{margin-bottom: 30px;}
.compare_side{width: 250px;;padding: 15px;;padding-top: 233px;}
.compare_content {display: flex;justify-content: flex-start;background: #ffffff;padding: 15px 0;box-shadow: 0 0 3px 0 rgba(146, 146, 146, 0.09);border-radius: 5px;flex-wrap: wrap}
.compare_list_item{display: inline-block;width: 24%;padding: 15px;}
.compare_info{width: calc(100% - 250px);overflow-x: auto;white-space: nowrap;display: flex;}
.compare_image{height: 170px;position: relative}
.compare_remove{cursor: pointer;font-size: 25px;position: absolute;left: 15px;top: 0;}
#modal_compare_list  .compare_image img{height: 145px}
.compare_image img{width: 140px;margin: 0 auto;display: block;height: 165px;object-fit: contain;}
.compare_list_title{font-size: 16px;font-weight: bold;text-align: center;display: block;margin-bottom: 10px;height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #2ec5b6}
.compare_list_information ul {margin: 0;padding: 0;list-style: none}
.compare_list_information ul li{font-size: 14px;margin-bottom: 10px;color: #393939;height: 25px;overflow: hidden;text-overflow: ellipsis}
.compare_side ul{margin: 0;padding: 0;list-style: none}
.compare_side ul li{font-size: 14px;margin-bottom: 10px;color: #7d7d7d;height: 25px}
.compare_add{height: 100%;padding:0;text-align: center;cursor: pointer;display: flex;margin: auto 0;flex-direction: column;}
.compare_add button{border-radius: 19px;border: 5px dashed #d2d2d2;background: none;max-width: 280px;margin: 0;display: flex;padding: 15px 5px;font-size: 12px;line-height: 1.467;color: #b3b3b3;cursor: pointer;flex-direction: column;align-items: center;width: 250px;margin-top: 20px}
.compare_add button:before{content: '';position: relative;background: url("../img/plus_white.svg") no-repeat ;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;background-size: 100%}
#modal_compare_list .modal-dialog{max-width: 980px}
#modal_compare_list .compare_info{width: 100%;flex-wrap: wrap;overflow: hidden}
#modal_compare_list .compare_image{height: 190px;border: 1px solid #e9e9e9;border-radius: 6px;padding: 10px}
#modal_compare_list .compare_list_title{height: auto}
#modal_compare_list a:hover {color: #80868b}