.row{margin-right:-10px;margin-left:-10px}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{padding-right:10px;padding-left:10px}
html,body{height:100%;color:#555}
.floatleft{float:left}
.floatright{float:right}
.alignleft{float:left;margin-right:15px;margin-bottom:15px}
.alignright{float:right;margin-left:15px;margin-bottom:15px}
.aligncenter{display:block;margin:0 auto 15px}
.nopadding-left{padding-right:0}
.nopadding-right{padding-right:0}
.nopadding{padding:0}
a:focus{outline:0 solid;text-decoration:none}
img{max-width:100%;height:auto}
.fix{overflow:hidden}
p{margin:0 0 15px;font-size:14px;direction:rtl}
.pt0{padding-top:0!important}
.pb0{padding-bottom:0!important}
.mt0{margin-top:0!important}
.mb0{margin-bottom:0!important}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pb10{padding-bottom:10px}
.pt15{padding-top:15px}
.pb15{padding-bottom:15px}
.pt20{padding-top:20px}
.pb20{padding-bottom:20px}
.pt25{padding-top:25px}
.pb25{padding-bottom:25px}
.pt30{padding-top:30px}
.pb30{padding-bottom:30px}
.pt40{padding-top:40px}
.pb40{padding-bottom:40px}
.pt50{padding-top:50px}
.pb50{padding-bottom:50px}
.pt80{padding-top:80px}
.pt90{padding-top:90px}
.pb90{padding-bottom:90px}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr30{padding-right:30px}
.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mb10{margin-bottom:10px}
.mt15{margin-top:15px}
.mb15{margin-bottom:15px}
.mt20{margin-top:20px}
.mb20{margin-bottom:20px}
.mt25{margin-top:25px}
.mb25{margin-bottom:25px}
.mt30{margin-top:30px}
.mb30{margin-bottom:30px}
.mt40{margin-top:40px}
.mb40{margin-bottom:40px}
.mt45{margin-top:45px}
.mb45{margin-bottom:45px}
.mt50{margin-top:50px;direction:rtl}
.mb50{margin-bottom:50px}
.mt90{margin-top:90px}
.mb90{margin-bottom:90px}
.mb60{margin-bottom:60px}
.mt60{margin-top:60px}
.mb70{margin-bottom:70px}
.mt70{margin-top:70px}
.red{color:red}
h1,h2,h3,h4,h5,h6{margin:0 0 15px}
/*a{-webkit-transition:all .3s ease 0;transition:all .3s ease 0;text-decoration:none;color:#777;font-size:12px}*/
a:hover{color:#111;text-decoration:none}
.home-3-wraper a:hover{color:#96B7CB}
/*a:active,a:hover{outline:0 none}*/
ul{list-style:outside none none;margin:0;padding:0}
body{color:#666;font-family:iran_m,sans-serif;font-size:13px;font-weight:400}
.clear{position:relative}
.clear::after{clear:both;content:"";display:block}
.f_12{font-size:12px}
.f_10{font-size:10px}
.header-top{background:#f5f5f5;border-bottom:1px solid #efefef;direction:rtl}
.header-top ul li{display:inline-block;position:relative;margin-right:6px;color:#666;line-height:20px}
.header-top ul li:hover ul{opacity:1;top:47px;z-index:99999}
.header-top ul li ul{background:#fff none repeat scroll 0 0;position:absolute;transition:all .3s ease 0;opacity:0;z-index:-9;top:30px;left:0;text-align:center;border:1px solid #f6f6f6}
.single-drop ul li label{font-weight:400;margin:7px 5px 7px 0;color:#666;font-size:11px}
.single-drop ul li label i{font-size:23px;color:#65C178;vertical-align:middle;margin-left:5px}
.header-top ul li ul li{display:block;width:100px;margin-right:0}
.header-top ul li ul li a{padding:15px 20px;padding:5px 20px;display:block;background:#eee;margin:5px;border-radius:2px}
.header-top ul li ul li a:hover{background:#ffa200;color:#fff}
.single-drop ul li span{margin-right:5px;color:#666}
.single-drop ul li span:hover{color:#ffa200;transition:.3s}
.single-drop ul li a i{font-weight:700}
.single-menu{text-align:right}
.single-menu ul li{margin:0}
.single-menu ul li a{padding:0 5px;display:inline-block;border-left:1px solid #e2e2e2}
.single-menu ul li a.lastbdr{border-left:0;padding-left:0}
.header-menu{background:#fff;border-bottom:1px solid #8a8688;padding: 5px}
.price_box {
width: 55%;
position: absolute;
height: 29px;
text-align: center;
margin: 0 auto 0;
bottom: 11px;
display: flex;
}
.real_price {
width: 30% !important;
height: 100%;
background: #888888;
display: block;
color: white;
text-decoration: line-through;
padding: 4px;
font-size: 15px;
}
.discount_price{
width: 70%;
height: 100%;
display: block;
background: #ff0000;
color: white;
padding: 4px;
font-size: 15px;
}
.logo-area a img{margin:1px 0;max-height:85px;float:right}
.logo-text{direction:rtl;text-align:right;padding-top:30px;text-indent:7px}
.logo-text h1 a.f-t{font-family:IranNastaliq;font-size:38px;display:inline-block;color:#000}
.logo-text h1 a.s-t{font-family:IranNastaliq;font-size:32px;color:#244900}
.logo-area h1{font-size:16px;margin-bottom:8px;font-weight:700;color:#444;}
.logo-area span{font-size:16px;margin-bottom:8px;font-weight:700;color:#444;}
.logo-area h2{font-size:12px;margin-bottom:0;color:#888;margin-top:11px}
.accounts-cart{direction:rtl;text-align:left;margin-top:18px;display: flex;justify-content: flex-end;}
.accounts-cart li{display:inline-block;padding:3px 4px;color:#777;border:1px solid #888;border-radius:4px;direction:rtl;margin-right:8px;min-width:115px;text-align:center}
li.h-i-ico{padding:10px 4px 0!important;border:none!important;margin-right:0!important;min-width:10px!important}
li.h-t-ico{padding:10px 4px 0!important;border:none!important;margin-right:0!important;min-width:10px!important}
li.h-i-ico a i,li.h-t-ico a i{font-size:17px!important}
.accounts-cart li i{padding-left:5px;color:#888;float:right;padding-top:0;font-size:20px}
.block-header{margin-top:8px;text-align:right}
.phone{float:right;margin-left:10px;padding-right:0;border-left:1px solid #e2e2e2;padding-left:10px;padding-top:7px}
.email{display:table}
.phone i,.email i{color:#FFF;font-size:14px;font-weight:400;display:inline-block;vertical-align:middle;margin-left:5px;margin-bottom:2px;float:right;margin-top:2px}
.header-search .product-category ul{background:#fff none repeat scroll 0 0;display:none;height:300px;margin:0;overflow-y:auto;padding:5px 0;width:200px}
.search-categori{display:block;float:left;position:relative;width:240px;border-radius:4px;border:1px solid #d6d6d6;overflow:hidden}
.categori{float:right;width:120px}
.categori select{display:none;font-family:'iran_m',Arial,Helvetica,sans-serif;font-size:12px;text-transform:uppercase}
.chosen-container{height:48px;line-height:38px;width:100%!important}
.chosen-container-single .chosen-search input[type=text]{display:none}
.chosen-container .chosen-single{background:none;border:none;border-radius:0;font-size:14px;font-family:'iran_m';line-height:44px;padding:0 0 0 10px;text-transform:capitalize;background:#f6f6f6;margin-top:-.5px;height:44.5px;box-shadow:none}
.chosen-container-active.chosen-with-drop .chosen-single{border:0;background-image:none;background:#f6f6f6;margin-top:-.5px;height:44.5px;box-shadow:none}
.chosen-container .chosen-single span{margin-right:9px;text-align:right;font-size:12px}
.chosen-container .chosen-single div{left:8px;width:25px;text-align:center}
.chosen-container .chosen-single div b{background:none}
.chosen-container .chosen-single div b:before{content:"\f107";font-family:FontAwesome;font-size:16px}
.chosen-drop{left:auto;right:0;direction:rtl;border:1px solid #e5e5e5;border-radius:2px;box-shadow:0 2px 3px rgba(0,0,0,0.3);font-family:'iran_m',Arial,Helvetica,sans-serif;margin-top:10px;width:210px!important;box-shadow:none!important}
.chosen-container .chosen-drop ul{margin:0;padding-right:10px}
.chosen-container .chosen-drop ul li{margin:0;padding:10px 0 10px 10px;text-align:right;font-size:14px;font-family:'iran_m';direction:rtl}
.chosen-container .chosen-drop ul li.highlighted{background-color:#e8e8e8;background-image:-webkit-linear-gradient(top,#f5f5f5 0%,#e8e8e8 100%);background-image:linear-gradient(to bottom,#f5f5f5 0%,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0);background-repeat:repeat-x;color:#262626}
ul li.highlighted{background-color:#e8e8e8;background-image:-webkit-linear-gradient(top,#f5f5f5 0%,#e8e8e8 100%);background-image:linear-gradient(to bottom,#f5f5f5 0%,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0);background-repeat:repeat-x;color:#262626}
.chosen-container-single .chosen-search{padding:0}
.search-box{overflow:hidden;height:27px}
.search-box input[type="text"]{border:0;border-radius:0;float:right;background:#fff;color:#464646;font-size:11px;font-family:'iran_m';height:27px;line-height:27px;text-align:right;direction:rtl;width:100%;padding-left:30px;box-shadow:none;padding-right:5px;color:#393b39}
.search-box button{float:left;left:-1px;background:none;border:0;border-radius:0;border-style:none none solid;color:#777;font-size:11px;font-family:'iran_m',sans-serif;font-weight:400;line-height:28px;position:absolute;text-align:center;transition:all 300ms ease 0;outline:none;font-size:18px;top:4px}
.search-box button:hover{color:#333}
.shopping-cart{cursor:pointer;transition:.3s}
.shopping-cart a{direction:rtl}
.shopping-cart:hover{transition:.3s}
.small-cart-content{width:360px;position:absolute;top:100%;background:#fff;padding:14px 2px 14px 16px;text-align:right;left:10px;border:1px solid #dadada;box-shadow:0 1px 6px #CCC}
ul.cart-list li{width:100%;margin-bottom:10px}
.small-cart-detail .remove{float:left;margin-left:0;color:#666}
.small-cart-detail .edit-btn{float:right;margin-left:8px}
.small-cart-detail .small-cart-name{color:#666;font-family:'iran_m',sans-serif;font-weight:400;line-height:1;text-transform:capitalize;font-size:12px;display:block;margin:10px 0 0}
.small-cart-detail .edit-btn img{border:none}
.small-cart-detail .quantitys{color:#666}
.small-cart-detail .quantitys strong{font-size:11px;font-family:'iran_m';margin-left:5px}
.small-cart-detail .quantitys span{font-size:14px;font-family:'iran_m';font-weight:400;margin-left:5px}
.cart-list a img{border:1px solid #ddd}
.cart-list a{float:right;margin-left:10px}
p.total{color:#666;float:left;margin:10px 0 0;font-size:10px;font-family:'iran_m';text-transform:uppercase;font-weight:400}
span.amount{font-size:15px;font-family:'iran_m';font-weight:700;margin-left:5px}
.buttons{padding:0;float:left;margin:10px 0 0}
.buttons .button{display:block;padding:7px 25px;font-weight:700;font-family:'iran_m',sans-serif;font-size:12px;text-align:center;white-space:nowrap;background:#65c178;text-transform:capitalize;color:#fff}
.buttons .button:hover{background:#e44f4f;color:#fff!important}
.restrain{opacity:0;z-index:-99;position:absolute;transform:scaleY(0);transform-origin:0 0 0;transition:all .5s ease 0}
.expand:hover .restrain{opacity:1;transform:scaleY(1);z-index:2147483647;text-align:right}
.header-bottom{background: #323232;margin-bottom:0;/* border-bottom:1px solid #ffae00; */}
.row-center{
display: flex;
align-items: center;
}
.service-box{
/*background: #012B5D;*/
text-align: center;
direction: rtl;
color: white;
padding: 15px 10px 1px 91px;
margin-bottom: 25px;
border-radius: 4px;
}
.service-box i{
background: #ffae00!important;
padding: 14px 8px!important;
font-size: 46px!important;
border-radius: 9px!important;
box-shadow: -2px 6px 9px #8e8d8d!important;
left: 26px!important;
top: -20px!important;
position: absolute!important;
width: 75px!important;
height: 75px!important;
text-align: center!important;
color: white!important;
}
.service-box i.icon-medal{padding-top:0}
.service-box span{font-size:15px}
.service-box p{color:#F0F0F0;font-size:11px}
.slider-area .nivo-caption .layer-1 img{width:26%;left:20%;top:5%}
.slider-area .nivo-caption .layer-1-1 img{width:40%;left:16%;top:16%}
.slider-area .nivo-caption .layer-1-2 img{width:28%;left:16%;top:5%}
.slider-area .nivo-caption .lft-pr h2{margin-right:20%;font-size:48px;font-family:'iran_m';text-transform:uppercase;font-weight:700;color:#9ab66f}
.slider-area .nivo-caption .lft-pr h3{margin-right:20%;font-size:48px;font-family:'iran_m';font-weight:700}
.slider-area .nivo-caption .lft-pr h4{margin-right:20%;font-size:82px;font-weight:700;color:#f8825e}
.slider-area .nivo-caption .lft-pr a{margin-right:20%;margin-right:20%;background:#000;color:#fff;margin-top:0;overflow:hidden;display:inline-block!important;font-weight:700;padding:12px 20px;font-size:18px;background:#ffa200;border-radius:3px}
.slider-area .nivo-caption .lft-pr a:hover{background:#e44f4f}
.creative-banner{background:#fff;padding:35px 0;border-bottom:1px solid #ededed;direction:rtl}
.banner-box-1{background:url(../img/banner/free_shipping.png) no-repeat right top}
.banner-box-2{background:url(../img/banner/money_back.png) no-repeat right top}
.banner-box-3{background:url(../img/banner/payment.png) no-repeat right top}
.banner-inner{padding-right:70px}
.banner-inner p{padding:0;margin:0;color:#555;line-height:25px}
.banner-inner .banner-title{color:#444;font-size:16px;font-weight:700;padding-bottom:3px}
.main-area .left-category-menu{margin-top:0}
.category-heading h2{background:#fff none repeat scroll 0 0;border:1px solid #ebebeb;color:#3f3f3f;cursor:pointer;font-size:24px;font-weight:700;line-height:55px;margin:0;padding:0 0 0 30px;text-transform:uppercase}
.category-menu-list{border:1px solid #ebebeb;border-top:0 solid #000;position:relative;width:100%;z-index:1000}
.category-menu-list ul li{border-bottom:1px solid #ebebeb;position:relative;background:#fff}
.category-menu-list ul li:hover{background:transparent none repeat scroll 0 0}
.cat-left-drop-menu-left ul li{background:none}
.category-menu-list ul li:last-child{border-bottom:0 solid #ebebeb}
.category-menu-list ul li a{display:block;font-size:16px;font-weight:700;overflow:hidden;padding:15px 15px 16px 30px;position:relative;text-decoration:none;text-transform:uppercase;transition:background 300ms ease 0}
.category-menu-list ul li a img{margin-right:10px}
.category-menu-list ul li span.cat-thumb{display:block;float:left;height:25px;margin:0 15px 0 0;width:25px}
.category-menu-list ul li a i{right:25px;position:absolute;line-height:24px}
.category-menu-list ul li .cat-left-drop-menu{background:#fff none repeat scroll 0 0;border:1px solid #ebebeb;left:120%;padding:25px 20px 20px;position:absolute;text-align:left;top:0;width:486px;z-index:999999;opacity:0;visibility:hidden;overflow:hidden;transition:all .3s ease 0;border-bottom:3px solid #65c178}
.category-menu-list ul li .big-ldrop{width:700px}
.category-menu-list ul li .cat-left-drop-menu-left{float:left;margin-right:2%;margin-left:2%;width:46%}
.category-menu-list ul li .cat-left-drop-menu-left ul{margin-bottom:20px;margin-top:10px}
.category-menu-list ul li .cat-left-drop-menu-left ul li{border:none}
.category-menu-list ul li:hover .cat-left-drop-menu{visibility:visible;opacity:1;left:100%}
.category-menu-list ul li .cat-left-drop-menu-left ul li a{line-height:28px;font-size:12px;color:#6d6d6d;font-weight:300;text-transform:capitalize;word-wrap:break-word;padding:0}
.category-menu-list ul li .cat-left-drop-menu-left ul li a:hover{color:#c2a476}
.category-menu-list ul li a.menu-item-heading{color:#6d6d6d;line-height:20px;text-transform:capitalize;font-weight:500;word-wrap:break-word;padding:0;font-size:18px;font-weight:700;border-bottom:1px solid;margin-right:20px;padding-bottom:10px}
.category-menu-list ul li .sub-drop{width:33.33%!important;margin:0!important;float:left}
.category-menu-list ul li a:hover{color:#c2a476;transition:.5s}
.category-menu-list ul li .subsm-drop{width:220px}
.single-product{border:1px solid #d0d0d0;border-radius:0;padding:7px 7px 0;position:relative;transition:all .3s ease 0;border-radius:3px;min-height:280px}
.single-product:hover{border-color:#ababab;transition:all .3s ease 0}
.product-content .product-name a,.rating a,.product-content2 .product-name a{color:#666!important;font-size:13px;margin:0;padding:0;text-transform:capitalize;font-weight:400;line-height:18px!important;min-height:0!important}
.home-3-wraper .single-product .product-content .product-name a:hover{color:#96b7cb!important}
.product-content2 h2.product-name a:hover{color:#828282!important}
.rating a,.rating i{color:#797979!important;display:inline-block!important;font-size:12px!important;padding:0!important}
.price-box span.new-price{color:#333;font-weight:400;font-size:18px}
.price-single .price-box span.old-price{color:#666;font-weight:700;font-size:14px;padding:4px}
.product-single-details .price-box span.new-price{color:#FD3633;font-weight:400;font-size:33px;margin-right:35px}
.single-product h2.product-name{margin:0;font-size:12px;padding-top:5px;min-height:63px}
.single-product .product-img a{padding:0;display:block}
.product-label .new,.product-label .discount,.product-label .sale{height:70px;width:70px;top:-1px;right:-1px;position:absolute;z-index:9}
.product-label .discount span{z-index:10;font-size:18px;color:#FFF;padding:0 6px;top:9px;position:absolute}
.product-label .new{background:url(../img/bg-new.png) no-repeat}
.product-label .discount{background:url(../img/bg-discount.png) no-repeat}
.product-label .sale{background:url(../img/bg-sale.png) no-repeat}
.block-menu-img{float:right;width:30%}
h2.block-menu-title{font-size:16px;line-height:36px;font-weight:700;text-transform:uppercase;color:#333}
h2.block-menu-title span{color:#ffa200}
.static-content a.button-link{background:#65c178!important;color:#fff!important;height:44px;line-height:48px;font-size:12px;display:inline-block;border-radius:3px;text-transform:capitalize;margin-top:20px}
.static-content a.button-link:hover{background:#E44F4F!important}
.static-content ul li{position:relative;padding:5px 10px;border-right:none;width:70%;float:left;font-size:12px}
.static-content ul li i{color:#ffa200;margin-left:10px;float:right}
.carousel-btn .owl-controls .owl-buttons div{color:#444;display:inline-block;font-size:36px;height:36px;left:7px;line-height:28px;margin-top:-20px;position:absolute;text-align:center;top:50%;transition:all .3s ease 0;width:30px;border-radius:2px}
.carousel-btn .owl-controls .owl-buttons .owl-next{right:auto;left:40px;left:50%;top:100%!important;right:auto;transform:translate(2px);background-color:#fff;color:#515151;font-weight:600;font-size:34px}
.carousel-btn .owl-controls .owl-buttons div.owl-next:hover,.carousel-btn .owl-controls .owl-buttons div.owl-prev:hover{background-color:#a7a7a7!important;color:#fff}
.carousel-btn-2.carousel-btn .owl-controls .owl-buttons div{top:-40%}
.home-2-waraper .carousel-btn-2.carousel-btn .owl-controls .owl-buttons div{top:95%}
.carousel-btn-3.carousel-btn .owl-controls .owl-buttons div{top:98%}
.carousel-btn-4.carousel-btn .owl-controls .owl-buttons div{top:-8%}
.carousel-btn-2.carousel-btn .owl-controls .owl-buttons div.owl-prev,.carousel-btn-4.carousel-btn .owl-controls .owl-buttons div.owl-prev,.carousel-btn-3.carousel-btn .owl-controls .owl-buttons div.owl-prev{right:auto;left:7px;top:100%!important;right:50%!important;left:auto!important;transform:translate(-2px);background-color:#fff;color:#515151;font-weight:600;font-size:34px}
.carousle-pagi .owl-pagination > div{background:#fff none repeat scroll 0 0;border-radius:100%;display:inline-block;height:15px;margin:0 5px;width:15px;box-shadow:1px 1px 3px 1px #ccc inset}
.carousle-pagi .owl-pagination > div.owl-page.active{background:#ffa200 none repeat scroll 0 0;box-shadow:none}
.carousle-pagi .owl-pagination{position:absolute;right:0;top:-31px}
.ambit-key{background:#fff}
.area-title > h2{font-size:24px;font-weight:500;line-height:33px;text-transform:uppercase}
.our-product-area.top-pd{padding-top:50px}
.area-title{
border-bottom: 1px solid #ddd;
color: #666;
font-size: 14px;
font-weight: 700;
line-height: 1.1;
margin: 0;
padding: 20px;
text-transform: uppercase;
direction: rtl;
}
.section-aside{margin-top:19px}
.area-title > h3,.area-title > h2{margin:0;font-size:17px}
.nav > li{display:block;position:relative;display:inline-block;float:none}
.features-tab ul.nav{border-bottom:1px solid #EDEDED;border-top:1px solid #EDEDED;direction:rtl;background:#FAFAFA}
.nav > li > a{border-left:1px solid #d8d8d8;margin:10px 0;padding:0 15px}
ul.nav li a i{padding-left:5px;transition:all .3s ease 0}
.nav > li > a:focus,.nav > li > a:hover{background:none}
ul.nav li a:hover,ul.nav li.active{text-decoration:underline;color:inherit}
ul.nav li a:hover i,ul.nav li.active i{color:#8BD099}
.featur-padd{padding:0 16px}
.button.cart_button{border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;height:30px;line-height:30px;padding:0;text-align:left;transition:background .3s ease-in-out 0;white-space:normal;width:100%;background:#65c178 none repeat scroll 0 0;color:#fff}
.button.cart_button span{border-radius:3px;box-sizing:border-box;display:block;font-size:12px;font-weight:400;height:30px;line-height:30px;padding:0 20px;text-align:center;text-transform:capitalize}
.button.cart_button:hover{background:#e44f4f none repeat scroll 0 0}
.button-container{border-top:1px solid #efefef;padding-top:5px;width:100%}
.product-content{box-sizing:border-box;padding:5px;transition:all .3s ease-out 0;width:100%;direction:rtl;min-height:73px}
.product-content span,.product-content h2,.product-content h3,.product-content p{line-height:20px}
.product-content2{background:#000 url(../img/bg_des_inbox.png) repeat scroll 0 0;bottom:-24%;box-sizing:border-box;left:0;opacity:0;padding:10px;position:absolute;transition:all .3s ease-out 0;width:100%}
.single-product:hover .product-content2{bottom:0;opacity:1;direction:rtl}
.add-to-links{position:absolute;left:-50px;top:0;transition:all .3s ease-out 0;opacity:0}
.add-to-links > li a{color:#fff;display:block}
.add-to-links > li{background:#dbdbdb none repeat scroll 0 0;font-size:16px;height:35px;line-height:35px;margin-top:10px;text-align:center;width:35px;transition:all .3s ease 0}
.add-to-links > li:hover{background:#65c178}
.single-product:hover .add-to-links{left:10px;opacity:1}
.advertise-area{overflow:hidden}
.single-add{position:relative;}
.single-add img{width:100%}
.vina-banner a:hover::before,.vina-banner a:hover::after{opacity:1;transform:scale(1)}
.vina-banner a::before,.vina-banner a::after{content:"";opacity:0;position:absolute;transform:scale(0,1);transition:opacity .35s ease 0s,transform .35s ease 0;z-index:1}
.vina-banner a::before{border-bottom:1px solid #fff;border-top:1px solid #fff;bottom:15%;left:7%;right:7%;top:15%;transform-origin:0 0 0}
.vina-banner a::after{border-left:1px solid #fff;border-right:1px solid #fff;bottom:7%;left:15%;right:15%;top:7%;transform-origin:100% 0 0}
.progress-steps li{border-right:1px dashed #ededed;display:inline-block;text-align:center;text-transform:capitalize;width:19.5%}
.progress-img{height:65px;width:100%;line-height:65px}
.progress-steps h4{color:#222;font-weight:700;font-size:14px}
.progress-steps > ul{border:1px solid #ededed;padding:10px}
.progress-steps li:last-child{border:medium none}
.progress-img > img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.progress-steps li:hover .progress-img img{-webkit-filter:grayscale(0);filter:grayscale(0)}
.area-title.bdr > h3,.area-title.bdr > h2{border-bottom:0;font-size: 20px;margin:0;direction:rtl;display:inline-block;background-color:#fff;position:relative;z-index:2;padding:0 18px;margin-right:0;padding-right:0;color:#444}
.area-title.bdr2 > h3,.area-title.bdr2 > h2{border-bottom:2px solid #ededed;font-size:16px;font-weight:400;margin:0;padding-bottom:10px;text-transform:capitalize}
.our-favourites ul li a img{display:block;margin:0 auto}
.our-favourites .features-tab ul.nav{border:none}
.our-favourites ul.nav li{background:#ccc none repeat scroll 0 0;font-size:16px;height:130px;overflow:hidden;text-align:center;transition:all .3s ease 0;width:16.2%;position:relative}
.our-favourites ul li.active,.our-favourites ul li:hover{background:#65c178 none repeat scroll 0 0}
.our-favourites ul li a{border:medium none;color:#fff;display:block;font-weight:700;height:100%;margin:0;overflow:hidden;padding:0;text-transform:uppercase}
.our-favourites ul li a:hover{text-decoration:none;color:#fff}
.our-favourites ul.nav li.active{text-decoration:none}
.tab-img img{display:block;margin:0 auto}
.tab-img{height:100%;position:absolute;top:15%;width:100%}
.single-brand{border:2px solid transparent;margin:0}
.single-brand:hover{border-color:#ffd07f;cursor:move;opacity:.9;background:#fff}
.brand-crasoule-area{overflow:hidden}
aside{margin-top:3px}
.tag-area,.box_manufacrurer,.tag-area,.usefull-product-slide,.shop-filter{z-index:1000;border-top-width:2px;}
.aside-padd{padding:20px 20px 30px}
.tag-area ul{box-sizing:border-box;overflow:hidden;width:100%}
.tag-area ul li a{background:#65c178 none repeat scroll 0 0;border-radius:3px;color:#fff!important;display:block;float:left;font-size:12px;height:30px;line-height:28px;margin:5px 9px 0 0;padding:0 15px;text-transform:capitalize;transition:background .3s ease-in-out 0;width:auto}
.tag-area ul li a:hover{background:#e44f4f none repeat scroll 0 0;text-decoration:none}
.newsletter-area{background:#fff none repeat scroll 0 0;overflow:hidden;border:1px solid #ededed;direction:rtl}
.vina-newsletter{box-sizing:border-box;width:100%;overflow:hidden}
.web-links{margin-top:15px}
.vina-newsletter form input{background:#fff none repeat scroll 0 0;border:1px solid #ddd;border-radius:0;box-shadow:none;box-sizing:border-box;display:inline-block;float:right;height:48px;line-height:30px;padding:5px 10px;width:100%;text-align:right}
.vina-newsletter form input.submit-btn{background:#65c178;border:medium none;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;float:left;font-size:13px;font-weight:700;height:44px;margin-top:12px;padding:0 20px;text-align:left;transition:background .3s ease-in-out 0;width:auto}
.vina-newsletter form input.submit-btn:hover{background:#e44f4f}
.input-box label{font-weight:400;margin:15px 0}
.web-links li{display:inline-block;margin-right:3px;overflow:hidden}
.web-links ul li a{background:#F9BA60 none repeat scroll 0 0;border-radius:100%;color:#fff;display:block;font-size: 17px;height: 28px;line-height: 18px;text-align:center;width: 28px;}
.web-links ul li a.ldin{background:transparent}
.web-links ul li a.face{background:transparent}
.web-links ul li a.google{background:transparent}
.web-links ul li a.twitter{background:transparent}
.web-links ul li a.youtube{background:transparent}
.web-links ul li a.instagram{background:transparent}
.web-links ul li a.telegram{background:transparent}
.web-links ul li a.linkedin{background:transparent}
.web-links ul li img{width: 28px;height: 28px;}
.single-hotsell{overflow:hidden;border-bottom:1px solid #ededed}
.hotsell-area{background:#fff none repeat scroll 0 0;border:1px solid #ededed;z-index:1000}
.hotsell-text{float:left;width:50%}
.hotsell-area .area-title h3{background:rgba(0,0,0,0) url(../img/hot.png) no-repeat scroll 60% 16px}
.single-hotsell .new-price{color:#65c178;display:block;font-size:20px;font-weight:700;padding:3px 0}
.single-hotsell .rating{padding:3px 0}
.hotsell-img{float:left;padding-right:20px;width:50%}
.hotsell-img a{border:1px solid #eee;display:block}
.footer-static-title img{width: auto;}
.footer-static-title h3{font-size:16px;line-height:32px;margin:0;text-transform:uppercase;font-weight:700}
.footer-static-content .logo > img{display:block;margin-bottom:10px;max-height:60px;padding-top:10px;text-align:right}
.footer-static-content.footer-acc li{position:relative}
.footer-static-content li{line-height: 32px;}
.social-links .web-links ul li a:hover i{color:#fff}
.footer-static-content.footer-service li i{color:#65c178;padding-left:15px}
.footer-static-content ul li a:hover i{color:#ffa200}
.footer-static-content li span{background:#65c178 none repeat scroll 0 0;bottom:0;color:#fff;display:block;height:20px;right:0;line-height:20px;margin:auto;position:absolute;text-align:center;top:0;width:20px;border-radius:100%;transition:all .3s ease 0}
.footer-static-content.footer-acc li:hover span{background:#ffa200}
.footer-static-content.footer-add{line-height:28px}
.footer-static-content.footer-add .address{font-size:12px}
.footer-static-content.footer-add .phone{direction:ltr;text-align:right;float:right;border-left:none}
.footer-static-content.footer-add .mail{clear:both}
.footer-static-2{border-bottom:1px solid #ededed;border-top:1px solid #ededed;padding:20px 0}
.footer-static-2 .link-category li{border-left:1px solid #ddd;line-height:14px;padding:0 11px 0 10px;display:inline-block}
.ma-footer-container .payment{margin-top:10px;text-align:right}
.ma-footer-container .payment li:last-child{margin:0}
.ma-footer-container .payment li{margin-right:10px;display:inline-block}
.footer-static-2 .link-category li:first-child,.basak-footer .links li:first-child{padding-right:0}
.footer-static-2 .link-category li:last-child,.basak-footer .links li:last-child{border-left:0 none}
.footer-static-container{
background: #2c2c2c none repeat scroll 0 0;
border-top: 1px solid #ededed;
direction: rtl;
text-align: justify;
color: #fff;
margin-top: 20px;
padding: 20px 0;
}
.footer-static-container-bottom{
background: #012b5d none repeat scroll 0 0;
direction: rtl;
text-align: justify;
color: #fff;
padding: 10px 0;
}
.footer-static-container-bottom a{color:#fff;}
.contact_us li span {
color: #f7bb20;
margin-left: 12px;
}
.footer-line{
height: 3px !important;
border-width: 2px;
outline: none;
border-color: #f7bb20;
}
.footer-static-title .h-title {
font-size: 16px;
line-height: 25px;
margin-bottom: 15px;
text-transform: uppercase;
font-weight: 5700;
}
.footer-static-title{margin-bottom: 10px;}
.footer-static-container a.logo {
position: absolute;
right: 0;
top: -2px;
}
.footer-search-box button {
position: absolute;
top: 2px;
left: 37px;
background: transparent;
border: none;
font-size: 33px;
}
.footer-search-box input {
width: 80% !important;
height: 39px;
position: relative;
background: transparent;
outline: none;
border-radius: 9px;
}
.header-search-box button {
position: absolute;
top: 3px;
left: 13px;
background: transparent;
border: none;
font-size: 28px;
}
.header-search-box input {
width: 93% !important;
height: 35px;
position: relative;
background: transparent;
outline: none;
text-align: right;
border: 1px solid #f5f5f5;
border-radius: 5px;
color: #FFF !important;
}
.header-search-box input::placeholder{color: #fff !important;}
.form-control:focus{color:#f5f5f5}
.header-search-box input::placeholder{
color: black;
}
.header-search-box .icon-search::before{
color: white !important;
}
input.form-control {
box-shadow: none;
margin: 0 5px;
width: 90%;
}
.sci {
display: flex;
justify-content: center;
align-items: center;
}
.sci li {
border: 1px solid white;
margin: 0 5px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
cursor: pointer;
width: 25px;
height: 25px;
}
.sci li a{
color:#fff;
}
.sci li:hover{background-color: red}
.mr-60{
margin-right: 60px !important;
}
.footer-static-container a.logo img {
position: relative;
display: block;
}
.footer-static-container a {
color: #ffffff;
font-size: 13px;
}
.footer-static-container a img {
width: 100px;
height: auto;
}
.footer-static-content.social-links p {
line-height: 1.5rem;
font-size: 13px;
font-family: 'iran_m';
}
.footer-static-container a{color:#f9f9f9;text-align:right;line-height: 2}
.footer-static{overflow:hidden}
/*.footer-bottom{background: #012b5d; color: #fff}*/
.ma-footer-container{background:#D7DAD9 none repeat scroll 0 0}
.ma-footer-container a{color:#454242}
.ma-footer-container a:hover{color:#6CBE42}
.basak-footer{line-height:18px;margin:0 auto;overflow:hidden;padding:10px 0;text-align:center;direction:rtl;color:#454242}
.footer ul.links{display:block;text-align:left}
.basak-footer .links li{border-left:1px solid #666;display:inline-block;line-height:14px;padding:0 7px 0 4px}
.basak-footer address{margin-bottom:0;font-size:11px}
.basak-footer address a{color:#65c178}
.basak-footer address a:hover{text-decoration:underline}
#scrollUp{background:#928c8c none repeat scroll 0 0;border:1px solid #fff;bottom:37px;color:#fff;font-size:20px;font-weight:700;right:80px;transition:all .3s ease 0;width:40px;height:40px;text-align:center;line-height:35px}
#scrollUp:hover{background:#bbb none repeat scroll 0 0;border-color:#ccc;color:#191919}
#home-2{background:#fff}
#home-2 .home-2-waraper{box-shadow:8px 0 5px -5px #ededed,-8px 0 5px -5px #ededed;overflow:hidden;margin:0 auto}
.version-cat img{border:2px solid #afbbc7;transition:all .3s ease 0}
.mega-catagory2.hverson .version-cat a{border:medium none;font-size:12px;font-weight:700;text-transform:uppercase}
.mega-catagory2.hverson .version-cat h4{margin:0}
.version-cat:hover.version-cat a{color:#ffa200}
.home-3-wraper .version-cat:hover.version-cat a{color:#96B7CB}
.version-cat:hover.version-cat img{border-color:#ffa200}
.home-3-wraper .version-cat:hover.version-cat img{border-color:#96B7CB}
.left-slide .title-container{right:10%;position:absolute;top:65%;direction:rtl}
.left-slide .title-container h1{font-size:30px;margin:0}
.left-slide .title-container h3{font-size:25px;font-weight:100;padding-left:10%}
.creative-banner.common-2 .banner-inner{border:1px dashed #d7d7d7;padding:20px 90px 20px 30px;direction:rtl}
.common-2 .banner-box-1{background:rgba(0,0,0,0) url(../img/banner/free_shipping.png) no-repeat scroll 300px 30px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.common-2 .banner-box-2{background:rgba(0,0,0,0) url(../img/banner/money_back.png) no-repeat scroll 300px 30px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.common-2 .banner-box-3{background:rgba(0,0,0,0) url(../img/banner/payment.png) no-repeat scroll 300px 30px;-webkit-filter:grayscale(100%);filter:grayscale(100%)}
.creative-banner.common-2{border-bottom:medium none;padding:0 0 25px}
.our-product-area.best-offere .single-product,.shop-product-area .single-product{margin-top:10px;direction:rtl}
.row.row-margin{margin-left:-7px;margin-right:-7px}
.col-padd{padding-left:2px;padding-right:2px}
.row.row-margin2{margin-left:-2px;margin-right:-2px}
.our-favouriate-area-2 .our-favourites ul.nav li{width:142px}
.new-hot-best-area .hotsell-text li{display:inline-block}
.button.btn2 span{background:#65c178 none repeat scroll 0 0;border-radius:3px;color:#fff;display:block;font-size:11px;font-weight:700;padding:6px 10px;transition:all .3s ease 0}
.new-arri-total .button.btn2 span:hover{background:#E44F4F none repeat scroll 0 0}
.new-arri-total li .wishlist a,.new-arri-total li .view-products a{background:#ada597 none repeat scroll 0 0;border-radius:2px;color:#fff;display:block;height:30px;line-height:30px;text-align:center;width:30px;transition:all .3s ease 0}
.new-arri-total li .wishlist a:hover,.new-arri-total li .view-products a:hover{background:#65c178 none repeat scroll 0 0}
.new-arri-total .hotsell-text .new-price{color:#65c178;font-size:14px;font-weight:700}
.new-arri-total .price-area{margin:5px 0}
.single-arri .hotsell-text > a{margin:10px 0 0;display:block}
.single-arri{clear:both;margin-top:10px;overflow:hidden;direction:rtl}
.single-arri .hotsell-img{padding-left:20px;transition:all .3s ease 0;width:50%;float:right}
.sl-hover{margin-top:20px;opacity:0;transition:all .3s ease 0}
.single-arri:hover ul.sl-hover{opacity:1}
.single-arri:hover .hotsell-img{border-color:#FFA200}
.home-3-wraper .single-drop ul li span:hover{color:#96b7cb}
.home-3-wraper .category-menu-list ul li .cat-left-drop-menu{border-color:#ebebeb #ebebeb #96B7CB}
.home-3-wraper .single-drop ul li label i{color:#96b7cb;font-size:23px;margin-right:5px;vertical-align:middle}
.home-3-wraper .phone i,.home-3-wraper .email i{color:#96b7cb}
.home-3-wraper .search-categori{box-shadow:0 0 0 1px rgba(228,228,228,1)}
.home-3-wraper .search-box button{background:rgba(0,0,0,0) none repeat scroll 0 0;border:medium none;box-shadow:none;color:#b9b9b9}
.home-3-wraper .shopping-cart{height:45px;margin:46px 0 0;padding:1px 0 5px 30px;background:#96B7CB url(../img/minicart.png) no-repeat scroll 10px 50%}
.home-3-wraper .shopping-cart:hover{background:#888 url(../img/minicart.png) no-repeat scroll 10px 50%}
.home-3-wraper .shopping-cart > a:hover{color:#fff}
span.badge{position:absolute;top:81%;margin-top:-15px;left:4px;font-size:10px;padding:3px 5px;width:15px;height:15px;background-color:#449d44}
.home-3-wraper .buttons .button{background:#96B7CB}
.home-3-wraper .buttons .button:hover{background:#888}
.home-3-wraper .price-box span.new-price{color:#888;font-size:18px;font-weight:400}
.home-3-wraper .product-label .new{background:rgba(0,0,0,0) url(../img/home3-new.png) no-repeat scroll 0 0}
.home-3-wraper .product-label .sale{background:rgba(0,0,0,0) url(../img/home3-sale.png) no-repeat scroll 0 0}
.home-3-wraper .single-product:hover{border-color:#96b7cb}
.home-3-wraper .carousel-btn .owl-controls .owl-buttons div{color:#B9B9B9;background:#fff;border:1px solid;line-height:24px;margin-top:-12px;left:0}
.home-3-wraper .carousel-btn .owl-controls .owl-buttons div:hover{background:#fff!important;color:#96b7cb;border-color:#96b7cb}
.home-3-wraper .carousel-btn .owl-controls .owl-buttons .owl-next{right:0;left:auto}
.home-3-wraper .header-top ul li ul li a:hover{background:#96b7cb none repeat scroll 0 0}
.leftadd-home3 .single-add img{width:100%}
.home-3-wraper .single-add span{color:#fff;font-size:19px;font-weight:700;left:20px;position:absolute;top:20px}
.slider-area.common3{background:rgba(0,0,0,0) url(../img/bg-box-banner.jpg) no-repeat scroll 50% 0 / 100% 100%}
.home-3-wraper h2.block-menu-title span{color:#96b7cb}
.home-3-wraper .static-content ul li i{color:#96B7CB}
.home-3-wraper .static-content a.button-link{background:#96b7cb none repeat scroll 0 0!important}
.home-3-wraper .static-content a.button-link:hover{background:#888 none repeat scroll 0 0!important}
.home-3-wraper .shopping-cart a i:hover{color:#96b7cb}
.button.shop-now{animation:1500ms ease-in-out 0 normal none 1 running fadeInDown;background:#96b7cb none repeat scroll 0 0;border-radius:2px;color:#fff;display:inline-block!important;padding:7px 15px}
.button.shop-now:hover{background:#888 none repeat scroll 0 0;color:#fff}
.slider-area.common3 .left-slide .title-container h1{font-size:30px;font-weight:700;margin:0}
.slider-area.common3 .title-container p{font-size:13px;font-weight:700;padding:5px 10px 0 0;animation:1500ms ease-in-out 0 normal none 1 running fadeInRight}
.slider-area.common3 .left-slide .title-container{left:50%;top:24%}
.creative-banner.common3{background:#f5f5f5 none repeat scroll 0 0}
.banner-inner.common3{background:#fff none repeat scroll 0 0;margin-right:50px;padding:25px 55px 25px 20px;position:relative}
.bnr-icon{background:#fff none repeat scroll 0 0;border:1px solid #F4F4F4;border-radius:100%;height:85px;line-height:85px;margin-top:-42px;position:absolute;right:-43px;text-align:center;top:50%;transform:rotate(0deg);width:85px;transition:all .3s ease 0}
.bnr-icon:hover{transform:rotate(360deg)}
.banner-inner.common3 .banner-title{color:#666681;font-size:17px;font-weight:400}
.banner-inner.common3 p{font-size:12px;line-height:17px}
.category-heading.common3 h2{background:#96b7cb none repeat scroll 0 0;color:#fff;font-size:16px;font-weight:400;text-transform:capitalize}
.category-menu-list.common3 ul li a{font-size:15px;font-weight:400;text-transform:capitalize}
.category-menu-list.common3 ul li:hover a{color:#96b7cb}
.category-menu-list.common3 ul li .cat-left-drop-menu-left ul li a{color:#6d6d6d}
.category-menu-list.common3 ul li .cat-left-drop-menu-left ul li a:hover{color:#96b7cb}
.category-menu-list ul li .cat-left-drop-menu-left.common0{width:100%}
.home-3-wraper .main-area{background:#fff none repeat scroll 0 0}
.features-tab.common3 .nav{border-top:medium none;border-bottom:2px solid #ededed}
.features-tab.common3 ul.nav li a:hover,.features-tab.common3 ul.nav li.active{text-decoration:none}
.features-tab.common3 .nav > li > a{border:medium none;padding:10px 15px;margin:0;font-size:16px}
.features-tab.common3 .nav > li > a::after{background:#96B7CB none repeat scroll 0 0;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%;opacity:0;transition:all .3s ease 0}
.features-tab.common3 .nav > li > a:hover::after,.features-tab.common3 .nav > li.active a::after{opacity:1}
.home-3-wraper .carousle-pagi .owl-pagination > div.owl-page.active{background:#96B7CB none repeat scroll 0 0}
.home-3-wraper .tab-content .single-product:hover .product-content{opacity:1}
.add-to-link3 ul li{display:inline-block;padding-right:5px;text-transform:capitalize}
.add-to-link3 li i{color:#aaa;font-size:18px}
.add-to-link3 ul li:last-child{padding:0}
.add-to-link3 li:hover a,.add-to-link3 li:hover a i{color:#96b7cb}
.add-to-link3 > ul{border-top:1px solid #ededed;margin:0 -10px;padding:5px 10px 7px 18px}
.home-3-wraper .product-content.common3{margin-top:-40px}
.add-to-link3 ul li.add-link3{padding-left:27px}
.add-link3{background:rgba(0,0,0,0) url(../img/home3-icon-link.png) no-repeat scroll 0 0;cursor:pointer}
.add-link3:hover{background-position:0 -59px}
.add-heart{background:rgba(0,0,0,0) url(../img/home3-icon-link.png) no-repeat scroll 0 -101px;cursor:pointer;height:30px;position:relative;top:2px;width:20px}
.add-heart:hover{background-position:0 -156px}
.add-arrow{background:rgba(0,0,0,0) url(../img/home3-icon-link.png) no-repeat scroll 0 -211px;height:30px;width:20px;cursor:pointer;position:relative;top:2px}
.add-arrow:hover{background-position:0 -265px}
.advertise-area .banner-box{background:#fcfcfc none repeat scroll 0 0;border:1px solid #f0f0f0;border-radius:5px;box-sizing:border-box;display:inline-block;padding:23px 15px 0 35px;width:100%}
.banner-box h2{font-size:23px;margin-bottom:5px}
.advertise-area .banner-box > a{display:block;float:left;height:156px;width:50%}
.advertise-area .box-title{float:left;width:50%}
.home-3-wraper .best-offere .features-tab .nav{background:#efefef none repeat scroll 0 0;border:medium none;margin-top:23px;position:relative}
.features-tab .nav.common3 > li::before{background:#96b7cb none repeat scroll 0 0;content:"";height:8px;left:0;position:absolute;top:-8px;width:100%;border-radius:3px 3px 0 0;opacity:0}
.features-tab .nav.common3 > li:hover:before,.features-tab .nav.common3 > li.active:before{opacity:1}
.features-tab .nav.common3 li{float:left}
.features-tab .nav.common3 > li > a{background:rgba(0,0,0,0) url(../img/bg-right-tab.png) no-repeat scroll right center;border:medium none;font-size:13px;margin:0;padding:15px 26px;transition:all 0 ease 0}
.features-tab ul.nav.common3 li:first-child a{padding-left:26px}
.features-tab ul.nav.common3 li.active{text-decoration:none}
.features-tab ul.nav.common3 li a:hover,.features-tab ul.nav.common3 li.active a{background:#96b7cb;color:#fff;text-decoration:none}
.banner-content-area{background:#fcfcfc none repeat scroll 0 0;border:1px solid #f0f0f0;border-radius:5px;box-sizing:border-box;display:inline-block;padding:25px 40px;width:100%}
.carousel-btn.no-bdr .owl-controls .owl-buttons div{border:medium none transparent;background:transparent}
.carousel-btn.no-bdr .owl-controls .owl-buttons div:hover{border:medium none transparent;background:none}
.bottom-menulist li{line-height:32px;padding-left:25px}
.bottom-menulist li::before{color:#65c178;font-family:fontawesome;left:17px;position:absolute}
.bottom-menulist li:hover::before{color:#666}
.ss-title > h3{color:#333;font-size:21px;font-weight:700;margin-bottom:10px;text-transform:uppercase}
.single-spbottom .ss-img{overflow:hidden}
.single-spbottom .ss-img img{transition:all .3s ease 0}
.single-spbottom .ss-img img:hover{transform:scale(1.1);opacity:.8}
.home-3-wraper .footer-static-content li span{background:#96b7cb none repeat scroll 0 0}
.home-3-wraper .footer-static-content.footer-acc li:hover span{background:#888 none repeat scroll 0 0}
.home-3-wraper .hotsell-area{border:none}
.home-3-wraper .aside-padd{padding:15px 0}
.home-3-wraper .single-hotsell .new-price{padding:0}
.home-3-wraper .single-hotsell .rating{padding:0}
.home-3-wraper .single-hotsell:hover .hotsell-img img{border:1px solid #96b7cb}
.home-3-wraper .footer-static-content.footer-add .address{background:rgba(0,0,0,0) url(../img/home3-icon-footer.png) no-repeat scroll left -110px}
.home-3-wraper .footer-static-content.footer-add .phone{background:rgba(0,0,0,0) url(../img/home3-icon-footer.png) no-repeat scroll left -186px}
.home-3-wraper .footer-static-content.footer-add .mail{background:rgba(0,0,0,0) url(../img/home3-icon-footer.png) no-repeat scroll left -280px}
.home-3-wraper .basak-footer address a{color:#96b7cb}
.banner-left{background:#fcfcfc none repeat scroll 0 0;border-radius:5px;box-sizing:border-box;display:inline-block;margin:0;padding:32px 26px;width:100%}
.banner-left h2{color:#333;font-size:23px;font-weight:700;margin:10px 0;padding:0}
.banner-left > p{font-size:13px;line-height:25px}
.home-3-wraper #scrollUp{background:#96b7cb none repeat scroll 0 0}
.home-3-wraper #scrollUp:hover{border-color:#96b7cb;color:#96b7cb;background:#fff}
.home-3-wraper .web-links a:hover{color:#fff}
.footer-static-container ul.contact_us li {
color: #ffffff;
font-size: .9rem;
margin-bottom: 7px;
}
.home-4-wraper .web-links{display:inline-block;position:relative;top:8px;margin:0}
.home-4-wraper .single-menu{display:inline-block}
.header-top .web-links ul li{margin:0}
.header-top .web-links ul li a{font-size:20px;height:25px;line-height:25px;width:25px}
.web-menu-link{float:right}
.home-4-wraper .header-menu .phone,.home-4-wraper .header-menu .email{float:right}
.home-4-wraper .slider-area .nivo-caption .layer-1 img{left:12%;top:0;width:32%}
.home-4-wraper .slider-area .nivo-caption .layer-1-2 img{left:15%;top:0;width:28%}
.home-4-wraper .slider-area .nivo-caption .layer-1-1 img{left:13%;top:3%;width:32%}
.title11{font-size:30px;display:block}
.title22{font-size:60px;line-height:50px;display:block}
.title32{display:block;font-size:20px;margin-bottom:20px}
.title-container-4{color:#000;left:50%;margin:-7% 0 0 -5%;position:absolute;text-align:justify;text-transform:uppercase;top:50%;animation:1000ms ease-in-out 0 normal none 1 running fadeInUp}
.title-container-4.common4{animation:1000ms ease-in-out 0 normal none 1 running fadeInRight}
.design-buldier-area .list-item h3{font-size:20px;margin:30px 0 0;text-transform:uppercase;font-weight:700;line-height:40px;color:#000}
.list-item > p{line-height:25px;margin:0}
.design-buldier-area{background:#fff}
.design-buldier-area .list-item:hover img,.single-service:hover img,.single-count:hover img{transform:rotate(360deg)}
.design-buldier-area .list-item img,.single-service .service-img img,.single-count img{transition:all 1s ease 0}
.h4about-us-area{background:rgba(0,0,0,0) url(../img/bg-about-us.jpg) no-repeat scroll 0 0 / 100% 100%}
.h4about-us-area h3.header{font-size:30px;text-transform:uppercase}
h3.header img{margin-right:20px}
.about-ustext{color:#fff}
.h4about-us-area .about-content h4{font-size:20px;font-weight:700;margin-bottom:8px}
.about-content > p{line-height:25px}
.vina-button-4{border:1px solid #fff;border-radius:3px;color:#fff!important;display:inline-block;padding:15px 30px;text-transform:uppercase}
.h4about-us-area .vina-button-4:hover{background:#fff none repeat scroll 0 0;color:#65c178!important}
.custom-services .service-img{float:left;width:23%}
.custom-services .service-content{float:right;width:77%}
.custom-services .service-content > h3{font-size:18px;font-weight:700;margin-bottom:5px}
.service-content > p{margin:0}
.custom-services{background:#f5f5f5 none repeat scroll 0 0}
.u-line{font-size:30px;line-height:50px;margin:0 0 30px;padding-bottom:25px;position:relative;text-transform:uppercase}
.u-line::before{background:#65c178 none repeat scroll 0 0;bottom:0;content:"";height:2px;left:0;position:absolute;width:50px}
.u-line.common4::before{left:50%;margin-left:-25px}
.mixitup-filter-area{background:#fff none repeat scroll 0 0}
.mix{display:none}
.mix.single-port{float:left;width:25%;position:relative}
.mix.single-port img{transition:all .3s ease 0}
.mix.single-port:hover img{opacity:.8}
.filter{cursor:pointer}
.filter-catagory-menu{text-align:center}
.filter-catagory-menu li{display:inline-block;padding:0 10px;background:rgba(0,0,0,0) url(../img/icon-select.png) no-repeat scroll 0 50%;border:medium none;box-shadow:none;margin:0 15px!important;padding:0 0 0 15px}
.filter-catagory-menu li:hover,.filter-catagory-menu li.active{background:rgba(0,0,0,0) url(../img/icon-select-hover.png) no-repeat scroll 0 50%}
.mixitup-filter-area h3.header{font-size:30px;line-height:50px;text-transform:uppercase}
.single-prograss{font-size:16px;overflow:hidden;position:relative}
.single-prograss .progress{background-color:#fff;border-bottom:1px solid #ccc;border-radius:0;box-shadow:none;height:7px;margin-bottom:15px;overflow:visible}
.single-prograss .progress-bar{background-color:#65c178}
.single-prograss > span{display:block;padding-bottom:10px}
.single-prograss .percan{color:#555;font-size:18px;position:absolute;right:0;top:-20px}
#client-carousel .client-item .item-info{border:1px solid #ccc;border-radius:3px;box-sizing:border-box;display:inline-block;line-height:24px;margin-bottom:30px;padding:25px 40px 40px;position:relative}
#client-carousel .client-item .item-info::before{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(0,0,0,0.2);bottom:-10px;content:"";display:inline-block;left:40px;position:absolute}
#client-carousel .client-item .item-info::after{border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #fff;bottom:-9px;content:"";display:inline-block;left:41px;position:absolute}
#client-carousel .item-img img{float:left;margin-right:20px}
#client-carousel .client-item .item-img .title{font-size:18px;font-weight:700;margin-bottom:10px}
#client-carousel .owl-controls .owl-page,.owl-controls .owl-buttons div{bottom:0;left:21%;position:absolute}
#client-carousel .owl-controls .owl-buttons div.owl-next{left:26.5%;right:0}
#client-carousel .owl-controls .owl-buttons div.owl-next i,#client-carousel .owl-controls .owl-buttons div.owl-prev i{background:#fff none repeat scroll 0 0;border:1px solid #ccc;border-radius:100%;font-size:18px;height:25px;line-height:25px;text-align:center;width:25px}
.skill-client-area{background:#fff none repeat scroll 0 0}
.our-team-area{background:rgba(0,0,0,0) url(../img/team/bg-our-team.jpg) no-repeat scroll 0 0 / 100% 100%}
.team-social li{display:inline-block}
.team-social li a{border:1px solid #ccc;display:block;font-size:20px;height:35px;line-height:35px;margin:0 5px;text-align:center;width:35px}
.team-social li a:hover{border-color:#fff;color:#fff}
.carousel-btn.common4 .owl-controls .owl-buttons div{background:rgba(0,0,0,0.5) none repeat scroll 0 0;border-radius:100%;height:40px;left:-3%;line-height:40px;width:40px}
.carousel-btn.common4 .owl-controls .owl-buttons div.owl-next{left:auto;right:-3%}
.team-title{color:#fff;margin:25px 0}
.team-title > h4{margin:0 0 10px}
.single-team{padding-top:10px}
.team-img:hover img{transform:scale(1.05)}
.single-team{padding-top:10px}
.team-img img{transition:all .3s ease 0}
.our-team-area h3.header{color:#fff}
.our-blog-area{background:#F5F5F5;background:#f5f5f5 none repeat scroll 0 0}
.single-blog .blog-title{font-weight:700;margin:20px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blog-title a{color:#323232;font-size:24px;font-weight:700}
.blog-title a:hover{color:#65c178}
.blog-date{color:#909090;font-size:12px;line-height:25px}
.blog-text{font-size:13px;line-height:25px}
.blog-img{position:relative}
.our-blog-area .vina-button-4{border:1px solid #000;border-radius:0;color:#000!important;font-size:10px;margin-top:15px;padding:10px 20px}
.our-blog-area .vina-button-4:hover{color:#fff!important;background:#65C178;border-color:#65C178}
.single-blog:hover a::before,.single-blog:hover a::after{opacity:1;transform:scale(1)}
.our-blog-area .carousel-btn .owl-controls .owl-buttons div{background:#f4f4f4 none repeat scroll 0 0;border:1px solid #ccc;border-radius:0;color:#222;height:40px;left:0;line-height:38px;margin-top:-10%;width:40px}
.our-blog-area .carousel-btn .owl-controls .owl-buttons div.owl-next{right:0;left:auto}
.brand-clients-icon li{float:left;padding-bottom:50px;width:20%}
.brand-clients-icon li:nth-child(n+6){padding-bottom:0}
.brand-client-area{background:#fff none repeat scroll 0 0}
.brand-clients-icon ul li img{transition:all .5s ease 0}
.brand-clients-icon ul li:hover img{transform:scale(1.1)}
h3 span.counter2{color:#fff;display:block;font-size:40px;font-weight:600;line-height:40px;margin-top:15px}
.single-count > p{color:#fff;line-height:25px;margin:0}
.single-count > h3{margin:0}
.counter-area{background:#65c178 none repeat scroll 0 0}
.breadcrumb{background:transparent none repeat scroll 0 0;border-radius:0;margin:0;padding:0;float:right;direction:rtl;display:block;margin:10px 0 20px 0}
p.past-p{margin:0}
.breadcrumb li a{color:gray;font-size:12px;margin-right:0;text-transform:capitalize}
.breadcrumb li.active{color:#666;font-size:13px;font-weight:600}
.breadcrumb li.home{position:relative}
.breadcrumb > li + li{position:relative;display:inline}
.breadcrumb li a,.breadcrumb li.home::before{transition:all .4s ease 0}
.breadcrumb li:hover a{color:#65C178}
.breadcrumb li.home:hover::before{color:#65C178}
.breadcrumb>li+li:before{padding:0 1px;color:#adadad}
.shop-product-area .product-content{padding:0 1px;min-height:62px}
.shop-page-wraper .single-product h2.product-name{line-height:10px}
.shop-page-wraper .area-title{padding:0}
.shop-product-area select{-moz-appearance:none;background:rgba(0,0,0,0) url(../img/bg-select.png) no-repeat scroll right bottom;border:1px solid #ededed;padding-right:25px}
.shop-product-area label{color:#777;display:inline-block;font-weight:400;padding:0 10px}
.select-sort-by{display:inline}
.select-limiter{display:inline-block;padding-right:10px}
/*.pagination{display:inline-block;padding-left:0;margin:10px 0;border-radius:1px}*/
/*.pagination ul li{display:inline-block}*/
/*.pagination ul li a{background:#fff none repeat scroll 0 0;display:block;height:30px;line-height:18px;text-align:center;color:#666;border-color:#bfbfbf;font-weight:500}*/
/*.pagination .pagination-active a,.pagination ul li a:hover{background:#5ba3e2 none repeat scroll 0 0;color:#fff;border-color:#70a2ce}*/
.box_manufacrurer li{line-height:20px;padding:1px 0;width:100%;direction:rtl;text-align:right;font-size:12px}
.box_list input{margin-left:10px}
.box_list li > span,.price-title{font-size:14px;font-weight:700;text-transform:uppercase;text-align:right}
.usefull-product-slide .single-product{border:medium none;padding:0;direction:rtl}
.usefull-product-slide .single-product .product-content{padding:10px}
.usefull-product-slide .carousle-pagi.common4 .owl-pagination{bottom:10px;left:50%;margin:auto auto auto -15%;top:100%}
.usefull-product-slide{padding-bottom:30px}
.ui-slider-range.ui-widget-header.ui-corner-all{background:#65c178 none repeat scroll 0 0}
.ui-slider-handle.ui-state-default.ui-corner-all{background:none repeat scroll 0 0 #a9a9a9;border-radius:50%;box-shadow:0 0 0 3px #ffffff,0 0 0 4px #ccc;padding:0;outline:none}
.price_filter input{margin-top:30px}
.price_filter input[type="text"]{border:1px solid #dcdcdc;letter-spacing:2px;padding:10px;text-align:center;width:60%;margin-left:7px}
.price_filter input[type="submit"],.calculate-shipping input[type="submit"]{background:#f7f7f7 none repeat scroll 0 0;border:1px solid #ccc;float:left;padding:10px;text-transform:uppercase;transition:all .3s ease 0;width:33%;margin-left:10px;font-size:12px}
.price_filter input[type="submit"]:hover,.tagcloud a:hover,.calculate-shipping input[type="submit"]:hover{background:none repeat scroll 0 0 #65c178;color:#fff;border:1px solid #65c178}
aside.shop-filter{border-top:medium none;margin:0}
.single-product-page-wraper .ambit-key,.shop-page-wraper .ambit-key{box-shadow:5px 0 3px -3px #ededed,-5px 0 3px -3px #ededed}
#gallery_01 img,img#zoom_03{border:1px solid #ccc}
.input-box span{display:block;margin-bottom:5px}
.p-c{margin:10px 3px 10px 0}
.hits-rating a{color:#ffa200}
.price-single{color:#151515;font-size:16px;font-weight:300;text-align:left}
.price-single > p{color:#222;float:left;font-size:14px;font-weight:400;margin-top:8px}
.price-single span.available{background:#ffa200 none repeat scroll 0 0;color:#fff;margin-right:10px;padding:5px 22px;float:left}
.product-single-details .price-single{padding-top:20px}
.product-single-details .orginal-price{font-size:13px;color:#777;padding-bottom:1px;font-weight:400}
.product-single-details .orginal-price .old-price{font-size:36px;color:#888;font-weight:300;padding-right:55px;padding-left:45px}
.product-single-details .final-price{font-size:13px;color:#777;padding-bottom:1px;font-weight:400}
.product-single-details .final-price span{color:#FE3335;font-weight:400;padding-right:10px}
.product-single-details .final-price .new-price{font-size:36px}
.product-single-details .price-single .discount{background:#FE3434;color:#FFF;font-size:40px;text-align:center}
.add-to-box-view .button.cart_button{border-radius:0;float:left;width:30%}
.input-content{display:inline-block;margin-left:25px}
.input-content input{border:1px solid #ccc;height:44px;text-align:center;width:50px}
.input-content > label{font-weight:400;margin-left:10px}
.add-to-box-view{border-bottom:1px solid #ededed;direction:rtl}
.add-to-box li a.link-wishlist,.add-to-box ul li a.link-compare{background:rgba(0,0,0,0) url(../img/wishlist_view.png) no-repeat scroll left 4px;float:left;height:25px;line-height:25px;padding-left:25px;transition:none}
.add-to-box ul li a.link-compare{background:rgba(0,0,0,0) url(../img/compare_view.png) no-repeat scroll left 3px;margin-left:25px}
.add-to-box li a.link-wishlist:hover{background-position:left -46px;color:#E44F4F}
.add-to-box ul li a.link-compare:hover{background-position:left -45px;color:#E44F4F}
.add-to-box li{line-height:23px}
.add-to-box{border-bottom:1px solid #ededed;overflow:hidden}
.product-des-review ul.nav li a{font-size:12px;font-weight:700;margin:11px 0;text-transform:uppercase;color:#555;font-weight:500;text-decoration:none}
.product-des-review ul.nav li.active{text-decoration:none;background:#FFF;border-left:1px solid #DDD}
.product-des-review ul.nav li.active a,.product-des-review ul.nav li:hover a{color:#000;text-decoration:none;font-weight:700;border-left:1px solid #FFF}
.std > ul{list-style-type:square;margin:0 25px 10px 0}
.features-tab.product-des-review .tab-content{margin-top:5px;padding:15px 30px 15px 10px;direction:rtl}
.features-tab.product-des-review .tab-content a,.features-tab.product-des-review .tab-content span{text-decoration:none!important}
.features-tab.product-des-review{border:1px solid #ededed;border-radius:5px;box-sizing:border-box;padding:0}
.product-des-review.features-tab ul.nav{border-top:none}
.review_text p{line-height:25px;margin:5px 0}
.reviewer-ratting{border-bottom:1px solid #ededed;padding:10px 10px 10px 0;border-top:1px solid #ededed}
.review_item{padding:10px 0}
.input-box lavel{display:block}
.review-lower{border:1px solid #ededed;padding:25px 25px 25px 40px;position:relative}
.name-date > span{padding-left:10px}
.review-upper .best{display:block;margin:5px 0}
.input-box{margin:6px 0 10px 20px;display:inline}
.input-box input,.input-box textarea{border:1px solid #ddd;height:30px;width:250px;margin:15px 0;padding-right:10px}
.input-box textarea{height:140px}
.product-running .rating{padding-bottom:10px}
.product-running .button.cart_button{border-radius:0;width:230px}
.input-header p{background:#fff none repeat scroll 0 0;border:1px solid #ddd;font-size:16px;left:25px;margin:0;padding:5px 10px;position:absolute;top:-18px}
.btn-order{border-radius:0!important}
.shoping-cart-area{background:#fff none repeat scroll 0 0;direction:rtl}
.c-img{width:12%}
.c-img img{width:120px}
.c-price{color:#65c178;font-size:16px;font-weight:700;width:15.4%}
.table-bordered > thead > tr > td,.table-bordered > thead > tr > th{border-bottom-width:0;text-align:center}
.table.table-bordered tr{font-weight:500;text-transform:capitalize;font-size:13px}
.table > tbody > tr > td,.table > tbody > tr > th,.table > tfoot > tr > td,.table > tfoot > tr > th,.table > thead > tr > td,.table > thead > tr > th{vertical-align:middle}
.table.table-bordered tr th{color:#666;text-transform:uppercase}
.c-qty{width:1%}
.c-qty span{border:1px solid #ddd;color:#777;display:block;font-size:14px;height:30px;line-height:30px;margin:0;width:40px}
.trash-btn{width:4%}
.btn-remove{background:rgba(0,0,0,0) url(../img/btn_trash.png) no-repeat scroll 0 0;display:block;font-size:0;height:24px;line-height:0;width:20px}
.c-name span{color:#888;font-size:11px;font-style:italic;margin:10px}
.c-head,tfoot tr{background:#ddd none repeat scroll 0 0}
.button.c_button{background:#65c178 none repeat scroll 0 0;color:#fff;display:inline-block;font-size:12px;font-weight:700;padding:10px 35px}
.button.c_button:hover{background:#888 none repeat scroll 0 0;color:#fff}
.button.c_button.c-shop{float:left}
.button.c_button.c-pc{float:right;margin-left:10px}
.button.c_button.c-up{float:right}
.discount{border-radius:5px}
.discount h2{border-bottom:1px solid #ededed;color:#666;font-size:16px;font-weight:700;margin:0 -15px;padding:15px;text-transform:uppercase}
.cart-collaterals .discount .discount-form{overflow:hidden;padding:10px}
.discount-form label{font-weight:400;margin:5px 0}
.discount .discount-form .input-box{position:relative}
.discount .discount-form .input-box input{border:1px solid #ddd;border-radius:2px;box-shadow:none;box-sizing:border-box;color:#aaa;height:36px;padding:6px 10px;width:100%}
.single-dis{border:1px solid #e2e2e2;border-radius:5px;overflow:hidden;padding:12px 15px;direction:rtl}
.single-dis .button.c_button span{font-size:12px;font-weight:700}
.button.c_button.dis-left{margin-top:20px}
.shop_subtotal{float:right;margin-bottom:20px}
.subtotal-area{background:#f9f9f9 none repeat scroll 0 0;border:1px solid #e2e2e2;border-radius:5px;text-align:right;padding:8px 15px 20px;font-size:15px}
tfoot tr.s-total{background:rgba(0,0,0,0) none repeat scroll 0 0}
.subtotal-area .shop_subtotal tr{float:right;padding:10px 0}
.s-price{padding:0 2px 0 15px}
.sp-bottom-menu-wrapper.common4{background:#fff none repeat scroll 0 0;border-top:1px solid #ddd}
.checkout-page-area{background:#fff none repeat scroll 0 0}
.sauget-accordion .panel-heading{border-radius:0;padding:0}
.sauget-accordion .panel-heading h4 a,.sauget-accordion .panel-heading h4 a.collapsed{color:#000;display:block;position:relative;text-decoration:none;border:1px solid transparent;font-size:14px;line-height:30px;text-transform:uppercase;background:#ebebeb none repeat scroll 0 0;padding:14px 0 14px 10px;font-weight:400}
.sauget-accordion .panel-heading h4 a span{background:#888 none repeat scroll 0 0;color:#fff;font-size:16px;font-weight:700;line-height:0;margin-right:10px;padding:3px 10px}
.content-info{display:block;margin-bottom:40px;overflow:hidden;padding:15px}
.commonChack{margin-bottom:28px}
.checkTitle{line-height:50px;position:relative}
.checkTitle .ct-design{border-bottom:1px solid #e4e4e4;font-size:16px;padding-bottom:10px;text-transform:uppercase}
.commonChack > p{color:#8c8c8c;font-size:14px;margin-bottom:5px}
.commonChack label{color:#000;font-family:'iran_m',arial;font-size:12px;font-weight:700;margin-left:7px;vertical-align:middle}
.commonChack{margin-bottom:28px}
.regSaveTime li{color:#000;font-family:'iran_m';font-size:12px;list-style:inside disc;margin-bottom:5px}
a.checkPageBtn,.checkout .block-area-button button{background:#fff none repeat scroll 0 0;border:1px solid #d7d7d7;border-radius:25px;color:#868686;display:inline-block;font-size:12px;font-weight:600;line-height:31px;padding:0 23px;text-transform:uppercase;white-space:nowrap}
.checkout-reg a.checkPageBtn{margin-top:-10px}
a.checkPageBtn:hover{background:#65c178 none repeat scroll 0 0;border-color:#65c178;color:#fff}
p.alrdyReg{font-size:11px;font-weight:700;text-transform:uppercase}
.plxLogin{color:#8c8c8c;font-family:'iran_m';font-size:12px}
.plxLogin a{color:#ff5b5a;float:left;margin-top:40px;overflow:hidden;text-decoration:none}
.plxLogin a:hover{color:#01c3c2}
.plxLoginP{color:#000;font-family:'iran_m',arial;font-size:12px;margin-bottom:5px}
.loginFrom span{color:#ff5b5a;font-weight:700;padding-right:3px}
.loginFrom input{background:#fff none repeat scroll 0 0;border:1px solid #ddd;color:#2f2f2f;display:block;font-family:'iran_m',Arial;font-size:14px;height:34px;padding:7px;width:100%}
.plxLoginP{color:#000;font-family:'iran_m',arial;font-size:12px;margin-bottom:5px}
.rqudField{color:red;font-size:12px;margin-top:5px}
.sauget-accordion .panel-heading h4 a.collapsed span{background:#65c178 none repeat scroll 0 0;color:#fff;font-size:14px;font-weight:700;height:22px;margin-right:10px;padding:3px 10px;text-align:center;width:22px}
.checkout .billing-info{margin-bottom:15px;margin-left:30px;margin-top:15px}
.checkout .billing-info select{height:30px;margin-bottom:25px;padding:5px 10px}
.method-input-box{margin-bottom:10px}
.billing-info p{font-size:12px}
.billing-info select{font-size:12px;margin-bottom:10px;width:100%;height:35px}
.method-input-box p{margin:0}
.method-input-box label{font-size:12px;font-weight:400}
.method-input-box input{float:right;margin:3px 0 0 7px}
.checkout .method-input-box p input{margin-right:10px}
.checkout .block-area-button button:hover,.product-review .btn.btn-default:hover{background:#65c178 none repeat scroll 0 0;border-color:#65c178;color:#fff}
.checkout .shiping-method{margin-bottom:15px;margin-left:30px;margin-top:15px}
.checkout .checkout-option{margin-bottom:15px;margin-left:30px;margin-top:15px}
.checkout .cardtype select{border-radius:0}
.checkout .expirationdate select{margin-bottom:20px;border-radius:0}
.checkout .review-bar{margin-bottom:15px;margin-left:30px;margin-top:15px}
.checkout .brand-logo{margin-left:-15px;margin-right:-15px}
.verificationcard.form-group > a{color:#f7505a;text-decoration:none}
.form-inline {
position: relative;
border: none;
height: 50px;
display: flex;
justify-content: center;
}
.form-inline-header {
position: relative;
border: none;
display: flex;
justify-content: center;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-control{border-radius:0}
.product-review .btn.btn-default{background:#fff none repeat scroll 0 0;border:1px solid #d7d7d7;border-radius:25px;color:#868686;display:inline-block;font-size:12px;font-weight:600;line-height:31px;padding:0 23px;text-transform:uppercase;white-space:nowrap}
.form-control.year-select{margin-top:10px}
.btn-default:hover{background-color:#65c178;border-color:#65c178;color:#fff}
.panel-group{margin-bottom:0}
.checkout-sidebar h2{background:#65c178 none repeat scroll 0 0;color:#fff;display:block;font-size:14px;font-weight:700;line-height:25px;margin:0 0 10px;padding:10px 0;text-align:center;text-transform:uppercase}
.checkout-sidebar ul li{border-bottom:1px solid #d6d6d6;color:#8c8c8c;font-family:'iran_m',Arial;font-size:13px;line-height:29px;padding:8px;text-transform:capitalize;position:relative}
.checkout-sidebar ul li::before{color:#8c8c8c;content:"\f104";display:inline-block;font-family:FontAwesome;font-size:14px;font-style:normal;line-height:1;margin-left:10px}
.panel{box-shadow:none}
.panel-collapse{border:1px solid #f2f2f2}
.my-account-area{background:#fff none repeat scroll 0 0}
.form-fields{border-color:#e8e8e9;border-style:solid solid none;border-width:1px 1px medium;float:left;padding:20px 25px;width:100%}
.form-fields h2{border-bottom:1px solid #e8e8e9;font-size:18px;margin:0 0 15px;padding:0 0 5px;text-transform:uppercase}
.form-fields p label{display:block;font-weight:400;margin:0 0 5px}
.form-fields p input{background:#fff none repeat scroll 0 0;border:1px solid #e8e8e9;border-radius:0;height:32px;padding:0 0 0 10px;width:100%}
.form-action{background:#f5f5f5 none repeat scroll 0 0;border-color:#e8e8e9;border-style:none solid solid;border-width:medium 1px 1px;float:left;padding:15px 10px;width:100%}
.form-action p.lost_password{float:left;line-height:36px;margin:0}
.form-action label{float:right;font-weight:400;line-height:36px;margin:0 20px 0 0}
.form-action label input{margin-right:3px;margin-top:0;position:relative;top:2px}
.form-action input[type="submit"]{background:#65c178 none repeat scroll 0 0;border:medium none;border-radius:0;box-shadow:none;color:#fff;display:inline-block;float:right;font-size:12px;font-weight:700;height:40px;line-height:40px;padding:0 15px;text-shadow:none;text-transform:uppercase;transition:all .3s ease 0}
.form-action input[type="submit"]:hover{background:#888 none repeat scroll 0 0}
.about-us-page .carousel-btn.no-bdr .owl-controls .owl-buttons div{background:transparent none repeat scroll 0 0;border:medium none transparent;color:#919191}
.about-us-page .carousel-btn.no-bdr .owl-controls .owl-buttons div:hover{background:none!important}
.about-us-page h3{color:#888}
.about-us-area{background:#fff none repeat scroll 0 0;border-bottom:1px solid #ddd}
.blogpage-date{float:left;font-size:22px;font-weight:700;width:75px;display:block;border-right:1px solid #ccc;margin-right:25px;padding-right:15px}
.blogpage-date > span{display:block;font-size:12px;font-weight:500;padding-top:5px;text-transform:uppercase}
.artical-title > a{display:block;font-size:22px;font-weight:700;padding-bottom:5px}
.user{display:inline;float:left}
.artical-title > a{display:block}
.artical-title span i{color:#65c178}
.shortcode > a{margin-left:50px}
.sp-bubble{margin-bottom:40px;position:relative;background:#736357;padding:10px}
.sp-bubble cite span{border-bottom-color:transparent!important;content:" ";display:block;height:0;position:absolute;top:0;width:15px;border-left-color:transparent!important;left:0;border:15px solid #736357}
.sp-bubble cite{bottom:-30px;display:block;height:30px;line-height:36px;position:absolute;left:15px;padding-left:40px}
.sp-bubble > p{color:#fff;margin:0}
.about-text-left > p{color:#888;font-size:13px;line-height:25px}
.single-slider h4 span{background:#65c178 none repeat scroll 0 0;border-radius:100%;color:#fff;display:inline-block;height:45px;line-height:45px;margin-right:10px;text-align:center;width:45px}
.single-slider p{color:#888;font-size:13px;line-height:20px;margin:0}
.about-us-page .about-slider.carousel-btn .owl-controls .owl-buttons div i{font-size:40px}
.about-educaton{color:#888}
.about-educaton ul li{border-left:2px solid #65c178;margin-bottom:20px;padding-left:20px}
.about-educaton h4{margin:10px 0}
.about-educaton p{font-size:13px;line-height:20px}
.about-slider-area{background:#fff none repeat scroll 0 0}
.single-slider .col-md-6{padding:0 60px}
.education-skill-area{background:#fdfdfd none repeat scroll 0 0}
.about-skill .single-prograss .progress-bar{background-color:#65c178;box-shadow:none}
.about-skill .single-prograss .progress{background-color:#f6f6f6;border:medium none;height:20px;margin-bottom:10px}
.about-skill .single-prograss > span{padding-bottom:5px}
.map-area span i{margin-right:10px}
.quick-details > address p{margin-bottom:5px}
.quick-details > address{margin:20px 0 0}
.quick-details{border-bottom:1px solid #ddd;padding-bottom:20px}
.contact-title > h3{font-weight:700;text-transform:uppercase;margin-bottom:20px}
.contact-title > h4{padding-top:20px}
.contact-form-area .input-box label{float:right;width:10%}
.contact-form-area .input-box input,.contact-form-area .input-box textarea{display:inline-block;font-size:14px;height:35px;padding:0 11px;width:90%}
.contact-form-area .input-box textarea{min-height:300px;padding:10px}
.contact-form-area > h3{border-bottom:1px solid #ddd;padding:20px 0;margin-bottom:20px;font-size:20px}
em{color:red}
.about-us-area.common-contact .container{box-shadow:5px 0 3px -3px #ededed,-5px 0 3px -3px #ededed}
.input-box.checkout{float:left;width:15%;margin:0}
.input-box.checkout input{border:medium none;height:40px;width:100%;transition:.3s}
/*form input:focus,form textarea:focus{border-color:#96B7CB;box-shadow:0 0 6px #96B7CB;color:#1b1e1f}*/
.error404{background:#fff none repeat scroll 0 0;border-top:1px solid #ddd}
.error404 .search-box{border-left:medium none;height:auto;overflow:visible}
.error404 .search-box input{border:1px solid #ddd}
.mobile-menu-area{display:none}
.blog-wraper .hotsell-area .area-title h3{background:rgba(0,0,0,0) none repeat scroll 0 0}
.blog-wraper aside:first-child{margin-top:0}
.common-blog .single-blog{margin-bottom:50px}
.common-blog .single-blog:last-child{margin-bottom:0}
.blog-wraper aside{box-shadow:0 1px 5px 0 rgba(205,205,205,0.5)}
.blog-wraper .our-blog-area{background:#fff none repeat scroll 0 0}
.blog-wraper .blog-date{display:inline-block}
.blog-date.blog-user{margin-right:10px}
.aside-padd.blog-ctg li{line-height:30px;transition:all .3s ease 0}
.aside-padd.blog-ctg li:hover{padding-left:10px}
.aside-padd.blog-ctg li{border-bottom:1px solid #ededed}
blockquote{background:#f7f7f7 none repeat scroll 0 0;border:medium none;font-size:14px;font-style:italic;margin:20px 0;padding:30px 45px}
.web-links > span{display:inline-block;font-weight:700;margin-right:10px;position:relative;text-transform:uppercase;top:-10px}
.web-links > ul{display:inline-block}
.single-blog-wraper .web-links{border-bottom:1px solid #ededed;border-top:1px solid #ededed;padding:8px 0 5px}
.reply-comment-area{overflow:hidden;width:100%}
.reply-comment-area h3 .user-comment-form-area h3{border-top:1px solid #e5e5e5;color:#252525;font-size:24px;margin:0 0 50px;padding:22px 0 0}
.single-reply{margin:0 0 20px;overflow:hidden}
.author-description p{color:#6a6a6a;font-size:13px;font-weight:300}
.comment-author{float:left;width:7%}
.comment-author img{border-radius:100%}
.comment-info::before{background:#fff none repeat scroll 0 0;border-bottom:1px solid #ececec;border-left:1px solid #ececec;content:"";display:block;height:10px;left:-5px;position:absolute;top:10px;transform:rotate(45deg);width:10px}
.comment-info{border:1px solid #ececec;border-radius:3px;float:right;padding:10px;position:relative;width:91%}
.comment-author-info{color:#9d9d9d;font-size:12px;line-height:1;margin:0 0 15px}
.comment-author-info a{color:#666}
.comment-author-info a:hover{color:#C38749}
.comment-author-info span{margin-left:10px;margin-right:10px}
.comment-info p{color:#6a6a6a;font-weight:300}
.user-comment{padding-left:25px}
.user-comment-form-area p.form-row label{color:#666!important;font-size:12px;font-weight:400}
.user-comment-form-area textarea{height:120px;resize:none;width:100%}
.reply-comment-area h3,.user-comment-form-area h3{border-top:1px solid #e5e5e5;color:#252525;font-size:24px;padding:20px 0 0}
.user-comment-form-area p{color:#9d9d9d;margin-bottom:20px}
.form-row > input,.form-row textarea{border:1px solid #ddd;width:100%}
span.required{color:red}
.single-blog-wraper .blog-text > p{text-align:justify}
.shop-list-wraper .product-content .product-name > a{font-size:20px}
.shop-list-wraper .product-content .product-name > a:hover{color:#ffa200!important}
.shop-list-wraper .product-content h2.product-name{margin-bottom:5px}
.shop-reviews{display:inline-block}
.shop-list-wraper .price-box{padding:5px 0}
.list-views .rating{display:inline-block}
.rat-rev{border-bottom:1px solid #ededed;overflow:hidden;padding:5px 0}
.shop-list-wraper .short-area{display:block;overflow:hidden;display:block;overflow:hidden}
.list-views li{display:inline-block}
.cart-wis-com > a{background:#65c178 none repeat scroll 0 0;color:#fff;display:block;font-size:18px;height:35px;line-height:35px;text-align:center;width:35px}
.list-views li + li{margin-left:5px}
.shop-list-wraper .product-content{padding:0}
.list-views .single-product{margin-top:0}
.shoplist-single-product{overflow:hidden}
.list-views .product-content > p{margin-bottom:10px}
.list-views .shoplist-single-product + .shoplist-single-product{margin-top:20px}
.row .col-md-3 .col-sm-3 .col-xs-12 .logo-area{float:right;text-align:right}
.header-menu.logo-area{float:right}
.weekly-bestoffer-area{text-align:right}
.footer-static-content .footer-track{float:right;direction:rtl}
.col-md-5.single-drop,.col-sm-6.single-drop,.col-xs-12.single-drop{float:left!important}
.footer-static-2 ul{text-align:center!important}
.basak-footer ul .links{text-align:center!important}
.main-area.row{direction:rtl}
.sort-by{direction:rtl}
.limiter{float:left}
.tag-area ul li{float:right}
.profil-page .filde{margin-bottom:10px}
.profil-page .filde label{height:35px;font-weight:400}
.profil-page .filde input{height:35px}
.profil-page .filde .submit{float:left;background-color:#65c178;color:#fff;border:none;padding:10px 40px;height:auto}
.profil-page .filde .submit:hover{background-color:#52A264}
.profile .form-title{border-bottom:1px solid #eee;margin-bottom:28px}
.profile .form-title h1{font-size:22px}
.slide-box .title-slid-1{position:absolute;top:20%;right:19%}
.slide-box .title-slid-1 strong{color:#fff;padding-right:10px;font-size:30px;line-height:.3}
.slide-box .title-slid-1 strong i{float:right;font-size:12px;color:#fed837}
.slide-box .tall-slid{height:100px;overflow:hidden;margin-bottom:30px}
.slide-box .tall-slid > div{position:relative}
.slide-box .tall-slid > div:after{content:"";position:absolute;width:100%;background-color:rgba(7,7,7,0.53);height:100%;top:0;right:0}
.slide-box .tall-slid .motion{position:absolute;top:30px;right:15%;font-size:25px;color:#fff;z-index:1}
.slide-box .smile .title{position:absolute;top:12%;text-align:right;right:19%;color:#fff;border-right:9px solid #fed837;padding-right:10px;height:50px}
.slide-box .smile .title strong{font-size:24px}
.slide-box .smile .title p{font-size:15px}
.slide-box img{width:100%}
.slide-box .box-1 > div{margin-bottom:20px}
.single-brand{position:relative;overflow:hidden}
.single-brand span.off{position:absolute;z-index:9;font-size:20px;color:#fff;background:#0000007d;text-align:center;padding:7px;bottom:-42px;width:100%;-webkit-transition:.5s;transition:.5s;left:0;overflow:hidden;direction:rtl}
.single-brand:hover span.off{bottom:0}
.suggestion-today .photo{overflow:hidden}
.suggestion-today .photo img{width:100%}
.icons .single-brand{text-align:center;padding:20px 0 5px;background-color:#cacaca;margin:2px}
.icons .single-brand img{width:40px}
.icons .single-brand p{margin-bottom:0;margin-top:12px;color:#fff}
.big-baner img{width:100%;max-height:180px}
.big-baner .big-baner-photo{position:relative}
.big-baner .title-big-baner{position:absolute;top:29%;right:10%}
.big-baner .title-big-baner p.title{color:red;font-size:22px;font-weight:700}
.big-baner .title-big-baner p.text{color:#fff;font-size:18px}
.line{border-bottom:1px solid #ababab;position:relative;margin-top:-15px}
figure,figcaption{display:block}
.transition{-webkit-transition:top 400ms linear;-moz-transition:top 400ms linear;-ms-transition:top 400ms linear;-o-transition:top 400ms linear;transition:top 400ms linear}
.timeTo{font-family:Tahoma,Verdana,Aial,sans-serif;font-size:19px;line-height:108%;font-weight:700;height:24px}
.timeTo span{vertical-align:top}
.timeTo.timeTo-white div{color:#fff;background-color:#2a2a2a;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#cccccc',GradientType=0)}
.timeTo.timeTo-black div{color:#fff;background:#45484d;background:-moz-linear-gradient(top,#45484d 0%,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#45484d),color-stop(100%,#000));background:-webkit-linear-gradient(top,#45484d 0%,#000 100%);background:-o-linear-gradient(top,#45484d 0%,#000 100%);background:-ms-linear-gradient(top,#45484d 0%,#000 100%);background:linear-gradient(to bottom,#45484d 0%,#000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d',endColorstr='#000000',GradientType=0)}
.timeTo.timeTo-black .timeTo-alert{background:#a74444;background:-moz-linear-gradient(top,#a74444 0%,#3f0000 67%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#a74444),color-stop(67%,#3f0000));background:-webkit-linear-gradient(top,#a74444 0%,#3f0000 67%);background:-o-linear-gradient(top,#a74444 0%,#3f0000 67%);background:-ms-linear-gradient(top,#a74444 0%,#3f0000 67%);background:linear-gradient(to bottom,#a74444 0%,#3f0000 67%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a74444',endColorstr='#3f0000',GradientType=0)}
.timeTo.timeTo-white .timeTo-alert{background:#fff;background:-moz-linear-gradient(top,#fff 35%,#e17373 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(35%,#fff),color-stop(100%,#e17373));background:-webkit-linear-gradient(top,#fff 35%,#e17373 100%);background:-o-linear-gradient(top,#fff 35%,#e17373 100%);background:-ms-linear-gradient(top,#fff 35%,#e17373 100%);background:linear-gradient(to bottom,#fff 35%,#e17373 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e17373',GradientType=0)}
.timeTo figure{display:inline-block;margin:0;padding:0}
.timeTo figcaption{text-align:center;line-height:80%;font-weight:400;color:#888}
.timeTo div{position:relative;display:inline-block;width:22px;height:24px;overflow:hidden;font-size:14px;line-height:24px;border-radius:6px;margin:1px}
.timeTo ul{list-style-type:none;margin:0;padding:0;position:absolute;left:4px!important}
.timeTo ul li{margin:0;padding:0;list-style:none}
.suggestion-today .box-div-sug{position:relative;margin-bottom:10px}
.suggestion-today .box-div-sug .photo{overflow:hidden}
.suggestion-today .box-div-sug .timer{position:absolute;bottom:40%;left:3%}
.suggestion-today .box-div-sug .timer p{color:#000;letter-spacing:-1px;margin-bottom:1px;text-shadow:0 0 12px lightgray}
.suggestion-today .box-div-sug .timer .price{direction:rtl;margin-top:4px}
.suggestion-today .box-div-sug .timer .price span{height:25px;line-height:25px}
.suggestion-today .box-div-sug .timer .price span.old-pice{background-color:#727171;color:#fff;display:inline-block;width:38px;text-align:center;position:relative;height:25px;line-height:25px;position:relative}
.suggestion-today .box-div-sug .timer .price span.old-pice i{border-bottom:1px solid #000;display:inline-block;width:39px;position:absolute;margin-top:0;top:50%;right:0;-ms-transform:rotate(-28deg);-webkit-transform:rotate(-28deg);transform:rotate(-28deg)}
.suggestion-today .box-div-sug .timer .price span.old-pice:after{position:absolute;content:"";border-bottom:transparent solid 8px;border-right:solid 7px #727171;border-top:8px solid transparent;top:5px;left:-7px}
.suggestion-today .box-div-sug .timer .price span.new-price{color:#fff;background-color:red;display:inline-block;text-align:center;width:109px;margin-right:-5px}
.weekly-featured .owl-controls.clickable .owl-prev{top:100%!important;right:50%!important;left:auto!important;transform:translate(-2px);background-color:#fff;color:#515151;font-weight:600;font-size:34px}
.weekly-featured .owl-controls.clickable .owl-next{left:50%;top:100%!important;right:auto;transform:translate(2px);background-color:#fff;color:#515151;font-weight:600;font-size:34px}
.weekly-featured .area-title .line{border-color:#CCC}
.brand-area-2 .owl-controls.clickable .owl-prev,.brand-area-2 .owl-controls.clickable .owl-next{display:none}
.brand-area-2{margin-top:20px}
.our-favouriate-area-2 .carousel-btn .owl-controls .owl-buttons div.owl-next{top:100%;left:50%;right:auto;transform:translate(2px);background-color:#fff;color:#515151;font-weight:600;font-size:34px}
.our-favouriate-area-2 .carousel-btn .owl-controls .owl-buttons div.owl-prev{top:100%;right:50%;left:auto;transform:translate(2px);background-color:#fff;color:#515151;font-weight:600;font-size:34px}
.gift-for .single-brand span.off{font-size:16px}
.gift-for .owl-controls{padding-top:5px;padding-bottom:10px}
.gift-for .owl-prev{top:100%!important;right:50%!important;left:auto!important;transform:translate(-2px);background:none!important;color:#515151!important;font-weight:600;font-size:34px!important}
.gift-for .owl-next{left:50%!important;top:100%!important;right:auto;transform:translate(2px);background:none!important;color:#515151!important;font-weight:600;font-size:34px!important}
.future-pro span.off{font-size:14px}
.m_t_10{margin-top:10px}
.m_t_15{margin-top:15px}
.m_t_20{margin-top:20px}
.m_t_50{margin-top:50px}
.m_b_10{margin-bottom:10px}
.m_b_15{margin-bottom:15px}
.m_b_20{margin-bottom:20px!important}
.m_b_25{margin-bottom:25px!important}
.m_b_30{margin-bottom:30px!important}
.m_r_10{margin-right:10px}
.m_r_15{margin-right:15px}
.m_r_20{margin-right:20px}
.m_l_10{margin-left:10px}
.m_l_15{margin-left:15px}
.m_l_20{margin-left:20px}
.text-justify{text-align:justify}
.p_20{padding:20px!important}
.p_50{padding:50px!important}
.p_r_10{padding-right:10px}
.h_20{height:20px}
.text-right{direction:rtl;text-align:right}
.margin-auto{margin-left:auto;margin-right:auto}
.contact-form span{color:red}
.section_left_box{border:solid thin #efefef;background-color:#fdfdfd;margin-bottom:10px}
.section_left_box a:hover{color:#65c178}
.section_left_box ul{list-style:none;padding:30px;padding-top:10px;padding-bottom:10px}
.section_left_box ul li{padding-top:10px;padding-bottom:10px;font-weight:500!important}
.section_left_box ul li:last-child{border-bottom:0}
.section_right_box{border:solid thin #efefef;overflow:hidden;background-color:#fff;box-shadow:#e2e2e2 2px 2px 2px;display:grid}
.section_title h4{border-bottom:2px solid #0083e2;font-size:18px;font-weight:500;padding-bottom:10px;display:inline-block;padding-left:25px}
.section_right_box img{margin:15px auto 0}
.section_right_box h2{color:#4b4b4b;text-align:right;width:100%;height:30px;margin-bottom:20px;margin-top:0;font-weight:500;font-size:14px;line-height:25px}
.section_right_box .content{display:inline-block;padding:10px;margin-top:0;height:115px;overflow:hidden;margin-bottom:10px;color:#4a4a4a!important;overflow:hidden;text-align:justify}
.section_right_box .show_date{position:absolute;left:10px;bottom:40px;color:#fcfcfc;font-size:12px;direction:ltr;background-color:#7dc1dd;padding:2px 3px;border-radius:2px}
.article{padding-bottom:30px}
.article .title{border:none;margin:0;margin-top:30px;margin-bottom:15px;border-bottom:solid thin #efefef}
.article .title h4{color:#555}
.report p{float:right;padding-right:10px}
.report span{float:right;padding-right:10px}
.article .tiny_content{font-size:14px!important;text-align:justify!important;margin-top:15px;-webkit-box-shadow:2px 2px 5px 2px rgba(15,15,15,0.28);-moz-box-shadow:2px 2px 5px 2px rgba(15,15,15,0.28);box-shadow:2px 2px 5px 2px rgba(15,15,15,0.28);padding:20px;border-radius:3px}
.article .article_content{text-align:justify;line-height:24px;-webkit-box-shadow:8px 7px 15px 4px rgba(32,33,38,0.8);-moz-box-shadow:8px 7px 15px 4px rgba(194,196,240,0.8);box-shadow:2px 2px 5px 2px rgba(57,122,55,0.27);padding:20px;border-radius:3px;margin-top:20px}
.article .article_content ul{list-style:disc;padding:0 15px;margin: 15px;}
.article-view-img{display:block;margin:10px auto;float:none;text-align:center}
/*.custome_h4{border-bottom:2px solid #0083e2;font-size:18px;font-weight:500;padding-bottom:10px;display:inline-block;padding-left:25px}*/
/*.custome_border_h4{border-top:solid thin silver;margin-top:-16px}*/
.title_register_page{color:#00b525;font-weight:700;text-align:center;font-size:16px;margin-bottom:30px}
.list_register_page{padding-right:10px;list-style:disc}
.list_register_page li{margin-top:10px;margin-right:10px}
.borderless>tbody>tr>td,.borderless>tbody>tr>th,.borderless>tfoot>tr>td,.borderless>tfoot>tr>th,.borderless>thead>tr>td,.borderless>thead>tr>th{border:0}
.errorlist li{color:red;font-size:11px}
.error input,.error textarea,.error select{border-color:red}
.title-border{border-top:solid thin silver;margin-top:-16px}
.small-cart-detail{direction:rtl}
.product-img-thumb ul li img{margin:3px 1px;border:1px solid #DDD;border-radius:2px;padding:1px;width:60px}
.btn-default{color:#FFF;background-color:#65C178;border:2px solid #E4E4E4;font-size:13px}
.main,.columns-container{margin:30px 0}
.page-title{margin-bottom:20px}
.rtl{direction:rtl}
.regForm .h3{background:#EEE;color:#776ba5;padding:5px;margin-bottom:0;text-align:center;border:2px solid #CCC;font-size:16px}
.regForm{line-height:24px}
.coupon{clear:both;float:left;margin:17px 0 20px}
.coupon .form-control{width:auto;float:right;margin-left:10px}
.clearfix{clear:both}
.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;padding:8px 0}
.shop-name{color:#555;font-size:11px;padding-bottom:0}
.shops .item{border:1px solid #DDD;padding:10px 4px;border-radius:2px}
.shops .item img{border-bottom:1px solid #DDD;margin-bottom:10px}
.shops .item h3{font-size:14px;font-weight:700}
.box_message{padding:15px;border:1px solid #f5f3f3;border-radius:14px;border-bottom-right-radius:0;background-color:#f5f5f5;box-shadow:3px 3px 10px #0000001f}
.bg_green{background-color:#13ce66;color:#fff}
.bg_blue{background-color:#00AEEF;color:#fff}
.box-center{border-radius:6px;margin:auto;text-align:center}
.width_auto{width:auto}
.menu_list_suctomer .chat-user-row{border:1px solid #eceaea;padding:10px 8px;margin:0!important;color:#999}
.menu_list_suctomer .chat-user-row h4{font-size:14px;color:#333}
.menu_list_suctomer img{height:40px;width:40px;border-radius:50%;margin-left:10px}
.q-shadow,.chat-boxshadow{box-shadow:1px 3px 4px #DDD;-moz-box-shadow:1px 3px 4px #DDD;-webkit-box-shadow:1px 3px 4px #DDD;-o-box-shadow:1px 3px 4px #DDD;border:1px solid #DDD;padding:4px 2px}
.textarea_send{border-color:#EEE;padding:6px;font-size:12px;line-height:20px;margin:4px 1px;direction:rtl}
.chat-box{overflow-y:scroll;overflow-x:hidden;padding:10px;height:400px}
.chat-btn-send{margin-top:-46px;margin-left:10px;background:#DDD;color:#666;font-size:11px;border:0;float:left;left:1px;position:absolute}
.no-padding{padding-left:0;padding-right:0}
.no-margin{margin-left:0;margin-right:0}
.chat-header{border-bottom:1px solid #DDD;padding:7px 6px}
.chat-header h5{padding-top:10px;color:#999}
.chat-avatar{margin-left:7px;margin-top:10px;width:50px;height:50px;border-radius:100%;border:1px solid #DDD}
.custom-input-sm input[type=number]::-webkit-inner-spin-button,.custom-input-sm input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
/**,:before,:after{-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;outline:none}*/
#toggles{width:35px;text-align:center}
.ios-toggle,.ios-toggle:active{position:absolute;top:-5000px;height:0;width:0;opacity:0;border:none;outline:none}
.checkbox-label{display:block;position:relative;padding:10px;margin-top:5px;font-size:12px;line-height:16px;width:100%;height:18px;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;background:#f8f8f8;cursor:pointer}
.checkbox-label:before{content:"";display:block;position:absolute;z-index:1;line-height:20px;text-indent:30px;height:18px;width:18px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;top:0;left:0;right:auto;background:#fff;-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2),0 0 0 2px #ddd;-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2),0 0 0 2px #ddd;box-shadow:0 3px 3px rgba(0,0,0,0.2),0 0 0 2px #ddd}
.checkbox-label:after{content:attr(data-off);display:block;position:absolute;z-index:0;top:0;left:-300px;padding:3px;height:100%;width:300px;text-align:right;color:#bfbfbf;white-space:nowrap}
.ios-toggle:checked + .checkbox-label{-webkit-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);-moz-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1)}
.ios-toggle:checked + .checkbox-label:before{left:calc(100% - 18px);-webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,0.3);-moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,0.3);box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,0.3)}
.ios-toggle:checked + .checkbox-label:after{content:attr(data-on);right:39px;width:20px}
#checkbox1 + .checkbox-label{-webkit-box-shadow:inset 0 0 0 0 rgba(19,191,17,1),0 0 0 2px #ddd;-moz-box-shadow:inset 0 0 0 0 rgba(19,191,17,1),0 0 0 2px #ddd;box-shadow:inset 0 0 0 0 rgba(19,191,17,1),0 0 0 2px #ddd}
#checkbox1:checked + .checkbox-label{-webkit-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);-moz-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1)}
#checkbox1:checked + .checkbox-label:after{color:rgba(19,191,17,1)}
.check-toggle{float:right;margin-left:20px}
.rating{border:none}
.rating > input{display:none}
.rating > label:before{margin:5px;font-size:1.8em;font-family:FontAwesome;display:inline-block;content:"\f005"}
.rating > .half:before{content:"\f089";position:absolute}
.rating > label{color:#ddd;width:auto!important}
.rating > input:checked ~ label,.rating:not(:checked) > label:hover,.rating:not(:checked) > label:hover ~ label{color:#FFD700}
.rating > input:checked + label:hover,.rating > input:checked ~ label:hover,.rating > label:hover ~ input:checked ~ label,.rating > input:checked ~ label:hover ~ label{color:#FFED85}
.price-off{background:red;color:#FFF;direction:rtl;width:170px;height:27px;line-height:26px;position:absolute;bottom:13px;left:10px;border-radius:2px}
.price-off .price-main{background:#888;text-align:center;padding:0 8px 1px;width:48px;display:inline-block;position:relative}
.price-main::after{content:'';width:100%;position:absolute;right:0;top:50%;border-bottom:2px solid #666;-webkit-transform:skew(-45deg);transform:skew(-45deg)}
.price-off .price-final{padding:5px}
.banners figure{position:relative;overflow:hidden;margin:0;background:#3085a3;text-align:right;cursor:pointer}
.banners figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}
.banners figure figcaption{padding:10px;color:#fff;text-transform:uppercase;font-size:14px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.banners figure figcaption::before,.banners figure figcaption::after{pointer-events:none}
.banners figure figcaption,.banners figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%}
.banners figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.banners figure h2{word-spacing:0;font-weight:300;font-size:24px}
.banners figure h2 span{font-weight:800}
.banners figure h2,.banners figure p{margin:0}
.banners figure p{font-size:90%}
figure.effect-bubba{background:#0c2301}
figure.effect-bubba img{opacity:.9;-webkit-transition:opacity .35s;transition:opacity .35s;}
figure.effect-bubba:hover img{opacity:.4}
figure.effect-bubba figcaption::before,figure.effect-bubba figcaption::after{position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s}
figure.effect-bubba figcaption::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1)}
figure.effect-bubba figcaption::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0)}
figure.effect-bubba h2{padding-top:30px;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);padding-right:30px;opacity:0;font-size:16px}
figure.effect-bubba p{padding:20px 2.5em;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
figure.effect-bubba:hover figcaption::before,figure.effect-bubba:hover figcaption::after{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
figure.effect-bubba:hover h2,figure.effect-bubba:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.pl-5{padding-left:5px}
.pt-5{padding-top:5px}
.pt-10{padding-top:10px}
.pb-5{padding-bottom:5px}
.pb-10{padding-bottom:10px}
.mt-5{margin-top:5px}
.mt-10{margin-top:10px}
.mt-20{margin-top:20px}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mt-50{margin-top:50px}
.mt-60{margin-top:60px}
.mt-70{margin-top:70px}
.mb-10{margin-bottom:10px!important}
.mb-5{margin-bottom:5px}
.mr-5{margin-right:5px}
.mr-10{margin-right:10px}
.ml-5{margin-left:5px}
.ml-10{margin-left:10px}
.mb-25{margin-bottom:25px!important}
.mb-20{margin-bottom:20px!important}
.mb-40{margin-bottom:40px!important}
.mb-50{margin-bottom:50px!important}
.shop-logo{max-height:120px}
.modal-title{direction:rtl}
.product-content .product-name{min-height:50px;line-height:20px;font-size:12px;margin-bottom:4px;margin-top:7px}
.product-single-details{display:inline-block;width:100%}
.product-content2 .product-name{min-height:auto}
.product-single-details .product-image{padding:2px;margin:auto}
.product-details-content{margin-top:10px}
.product-details-content h1{fotn-size:1.8em}
.product-subdetail .product-discount{background:#4d8b55;color:#FFF;border-radius:0 4px 4px 0;padding:3px 7px 3px 14px;position:absolute;left:0;font-size:18px}
.product-content .price-box{clear:both;text-align:left;font-size:12px;min-height:30px}
.product-content .old-price{margin-left:45px;font-size:16px;color:#999;font-weight:200;line-height:30px}
.product-subdetail{min-height:30px;clear:both}
.product-subdetail .rate{direction:ltr;color:#999;float:right}
.product-subdetail .rate i{color:#fbb70a}
.product-img i{position:absolute;top:16px;right:15px;font-size:16px;color:#ffffffba}
.product-other-details{border-top:1px solid #DDD;padding:5px 3px 0;font-size:17px;height:60px}
.product-fav-details{border-top:1px solid #DDD;padding-top:4px;font-size:17px;height:56px}
.remove_fav{position: absolute;
right: 20px;
top: 2px;
z-index: 100;
background: #fff;
padding-top: 5px;
padding-right: 10px;
border-radius: 50%;
width: 32px;
height: 32px;}
.product-other-details .shop-name{direction:rtl;font-size:14px;color:#CCC;padding-left:2px}
.product-other-details .shop-name a{color:#302f2f;font-size:13px;line-height:1.5}
.product-fav-name a{color:#302f2f;font-size:14px;line-height:1.5}
.product-other-details .shop-name i:before{color:#B2B3B5}
.product-other-details .shop-name span{color:#DDD;font-size:18px;line-height:20px;position:absolute;padding-right:5px;padding-top:6px}
.product-other-details .special-icons{padding-right:4px;display:none}
.product-other-details .special-icons i{color:#AAA;font-size:23px}
.product-other-details .special-icons i:before{color:#AAA}
.product-other-details i.icon-change{color:#FFF;background:#FACC73;border:1px solid #AAA;border-radius:4px;padding:4px}
.product-other-details i.icon-vip{color:#FFF;background:#CDD9D7;border:1px solid #AAA;border-radius:4px;padding:4px}
.product-other-details i.icon-shop{font-size:30px}
.product-other-details i.icon-change:before,.product-other-details i.icon-vip:before{color:#FFF}
.single-product .product-content .shipping-cost{color:#BBB;font-size:11px;padding-top:5px}
.product-single-details .special-icons{padding:8px 0}
.product-single-details .special-icons i{color:#AAA;font-size:36px}
.product-single-details .special-icons i:before{color:#FFF}
.product-single-details i.icon-change{color:#FFF;background:#FACC73;border-radius:4px;padding:4px;margin-right:8px}
.product-single-details i.icon-vip{color:#FFF;background:#CDD9D7;border-radius:4px;padding:4px;margin-right:8px}
.product-single-details .special-icons span{font-size:15px;margin-right:20px;color:#777;font-weight:300;position:relative;top:-11px}
#myModal{text-align:right}
#myModal .form-control{text-align:right}
#myModal label{float:right;width:100%;padding:0 5px 3px}
.modal-header.mymodal-header{text-align:center;font-size:15px;color:#6cbe42}
.header-menu-2{border-bottom:1px solid #757373}
.header-menu-2 nav{background:#928c8c;padding-left:70px;border:0;border-radius:0;margin-bottom:0;min-height:auto}
.header-menu-2 nav .nav{direction:rtl;text-align:left}
.header-menu-2 nav li.first{color:#FFF;border-left:1px solid #666;padding-left:7px;margin-left:40px}
.header-menu-2 nav a{color:#FFF!important;text-decoration:none;border:0!important;margin:6px 3px}
.header-menu-2 nav a:hover{color:#F0F0F0!important;text-decoration:none!important}
.slider{background:#fff;}
/*max-height:520px;overflow:hidden;margin-bottom:30px*/
.slider img{margin:0 auto;width: 100%}
.service-box{
background: #646464 !important;
text-align: center;
direction: rtl;
color: #333;
/* padding: 15px 10px 1px 91px; */
height: 50px;
}
.service-box i{
/* background: #ffbf00; */
padding: 14px 4px 20px 4px;
font-size: 30px;
/* border-radius: 9px; */
/* box-shadow: -2px 6px 9px #8e8d8d; */
/* left: 26px; */
/* top: -20px; */
/* position: absolute; */
/* width: 75px; */
/* height: 75px; */
text-align: center;
color: #333;
}
.service-box i.icon-medal{padding-top:0}
.service-box span{font-size:15px; color: white;margin-bottom:15px;}
.service-box p{color:#F0F0F0;font-size:11px;margin-top: -8px;}
.advanc-search{direction:rtl}
.advanc-search-inner{padding:30px 40px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAP0lEQVQoU43M2QkAIAwEUVPN9l/OVqNEUDxyzfdjpBUi2SVzigBICBfSmQtP5MIXmdBCH/TQBSO0YYYmrCCFA1gsJ5X/z27kAAAAAElFTkSuQmCC) repeat;margin:15px 0 30px}
.advanc-search-inner h4{margin-top:10px;margin-bottom:30px;font-size:16px;color:#222}
.advanc-search-inner h5{color:#444;margin-bottom:6px}
.advanc-search-inner input,.advanc-search-inner select{border-radius:3px;color:#888;padding:3px;border:1px solid #DDD;margin-bottom:10px;width:100%;min-height:31px}
.advanc-search-inner input.qbtn{background:#E1E1E1;color:#333;font-size:16px;border:1px solid #a9a8a8;max-width:200px;box-shadow:-1px 1px 4px #b1b1b1;margin:10px 7px;padding:3px 15px}
.advanc-search-inner .s_ul{margin-right:-5px}
.advanc-search-inner .s_ul li{width:120px;height:137px;float:right;overflow:hidden;background:#FFF;box-shadow:-1px 2px 8px #c5c5c5;margin-left:6px;margin-bottom:15px;text-align:center;margin-right:7px}
.advanc-search-inner .s_ul li:last-child{margin-left:0}
.advanc-search-inner .s_ul li img{height:100px;width:100px;margin:4px auto 0;text-align:center;display:block}
.advanc-search-inner .s_ul li .s_title{text-align:center;color:#999;font-size:12px;font-weight:400;width:120px!important;overflow:hidden;height:38px;max-height:38px;display:block;position:absolute}
.gift-for img{width:100%}
.shop-brand{text-align:center;padding:12px}
.shop-brand img{height:110px;width:110px;border-radius:100%;box-shadow:-1px 1px 3px #bfbfbf;border:1px solid #d0cfcf;max-width:110px}
.rate-stars{margin-top:10px;direction:rtl}
.fa-star{color:#CCC}
.fa-star.checked{color:#ffcc6f}
.checkbox-container{display:block;position:relative;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.shop-title{border-bottom:1px solid #CCC;padding:10px 0 5px}
.shop-title h2{color:#BBB;font-size:1em}
.shop-title i{color:#D7DAD9;font-size:18px;padding-right:5px}
.shop-title i.fa-star:hover{color:#FCCE80}
.shop-title i.fa-heart:hover{color:#dd3f3f}
.shop-title i.fa-share-alt:hover{color:#4a98f0}
.shop-title span{font-size:14px}
.sharing-icons{color:#999;text-align:right}
.sharing-icons i{color:#b7b7b7;border:1px solid #ababab;border-radius:100%;width:40px;height:40px;text-align:center;font-size:24px;font-weight:100;padding-top:6px;margin-bottom:9px;box-shadow:1px 1px 5px #CCC;margin-right:12px}
.btn-free{background:#24C389;border:0;width:100%;line-height:36px;font-size:20px;font-weight:300}
.btn-custom{background:none;border:1px solid #666;color:#888;font-size:14px;width:100%;line-height:36px;font-weight:400}
.cart_button{background:#78C95A;border:0;width:100%;line-height:32px;font-size:18px;font-weight:300}
.cart_button i{padding-left:10px;float:right;line-height:36px;font-size:34px}
.ltr{direction:ltr}
.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:0;right:5px;height:14px;width:14px;background-color:#dbf0de;border-radius:100%;box-shadow:-1px 1px 2px #b5b5b5}
.checkbox-container:hover input ~ .checkmark{background-color:#ccc}
.checkbox-container input:checked ~ .checkmark{background-color:#47c724}
.checkmark:after{content:"";position:absolute;display:none}
.checkbox-container input:checked ~ .checkmark:after{display:block}
.checkbox-container .checkmark:after{left:6px;top:4px;width:5px;height:8px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.like-wrapper{position:absolute;top:18px;right:10px;cursor:pointer;z-index:1}
.like-button{padding:.45rem .75rem;color:#d6d6d6;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .25s cubic-bezier(0.175,0.885,0.32,1.275);-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.like-button.liked{color:#ff6e6f;-webkit-filter:grayscale(0);filter:grayscale(0)}
.like-icon{width:18px;height:16px;display:inline-block;position:relative;margin-right:.25em;font-size:1.5rem;background:url('data:image/svg+xml;utf8,') no-repeat center;background-size:100%;-webkit-animation:heartUnlike .25s cubic-bezier(0.175,0.885,0.32,1.275) both;animation:heartUnlike .25s cubic-bezier(0.175,0.885,0.32,1.275) both}
.liked .like-icon{-webkit-animation:heartPulse .25s cubic-bezier(0.175,0.885,0.32,1.275) both;animation:heartPulse .25s cubic-bezier(0.175,0.885,0.32,1.275) both}
.liked .like-icon [class^="heart-animation-"]{background:url('data:image/svg+xml;utf8,') no-repeat center;background-size:100%;display:block;position:absolute;top:0;left:0;width:16px;height:14px;opacity:0}
.liked .like-icon [class^="heart-animation-"]::before,.liked .like-icon [class^="heart-animation-"]::after{content:'';background:inherit;background-size:100%;width:inherit;height:inherit;display:inherit;position:relative;top:inherit;left:inherit;opacity:0}
.liked .like-icon .heart-animation-1{-webkit-animation:heartFloatMain-1 1s cubic-bezier(0.175,0.885,0.32,1.275) both;animation:heartFloatMain-1 1s cubic-bezier(0.175,0.885,0.32,1.275) both}
.liked .like-icon .heart-animation-1::before,.liked .like-icon .heart-animation-1::after{width:12px;height:10px;visibility:hidden}
.liked .like-icon .heart-animation-1::before{opacity:.6;-webkit-animation:heartFloatSub-1 1s .25s cubic-bezier(0.175,0.885,0.32,1.275) both;animation:heartFloatSub-1 1s .25s cubic-bezier(0.175,0.885,0.32,1.275) both}
.liked .like-icon .heart-animation-1::after{-webkit-animation:heartFloatSub-2 1s .15s cubic-bezier(0.175,0.885,0.32,1.275) both;animation:heartFloatSub-2 1s .15s cubic-bezier(0.175,0.885,0.32,1.275) both;opacity:.75}
.liked .like-icon .heart-animation-2{-webkit-animation:heartFloatMain-2 1s .1s cubic-bezier(0.175,0.885,0.32,1.275) both;animation:heartFloatMain-2 1s .1s cubic-bezier(0.175,0.885,0.32,1.275) both}
.liked .like-icon .heart-animation-2::before,.liked .like-icon .heart-animation-2::after{width:10px;height:8px;visibility:hidden}
.liked .like-icon .heart-animation-2::before{-webkit-animation:heartFloatSub-3 1s .25s cubic-bezier(0.175,0.885,0.32,1.275) both;animation:heartFloatSub-3 1s .25s cubic-bezier(0.175,0.885,0.32,1.275) both;opacity:.25}
.liked .like-icon .heart-animation-2::after{-webkit-animation:heartFloatSub-4 1s .15s cubic-bezier(0.175,0.885,0.32,1.275) both;animation:heartFloatSub-4 1s .15s cubic-bezier(0.175,0.885,0.32,1.275) both;opacity:.4}
@-webkit-keyframes heartPulse {
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@keyframes heartPulse {
0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.5);transform:scale(1.5)}
}
@-webkit-keyframes heartUnlike {
50%{-webkit-transform:scale(0.75);transform:scale(0.75)}
}
@keyframes heartUnlike {
50%{-webkit-transform:scale(0.75);transform:scale(0.75)}
}
@-webkit-keyframes heartFloatMain-1 {
0%{opacity:0;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}
50%{opacity:1;-webkit-transform:translate(0,-25px) rotate(-20deg);transform:translate(0,-25px) rotate(-20deg)}
}
@keyframes heartFloatMain-1 {
0%{opacity:0;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}
50%{opacity:1;-webkit-transform:translate(0,-25px) rotate(-20deg);transform:translate(0,-25px) rotate(-20deg)}
}
@-webkit-keyframes heartFloatMain-2 {
0%{opacity:0;-webkit-transform:translate(0) rotate(0) scale(0);transform:translate(0) rotate(0) scale(0)}
50%{opacity:.9;-webkit-transform:translate(-10px,-38px) rotate(25deg) scale(1);transform:translate(-10px,-38px) rotate(25deg) scale(1)}
}
@keyframes heartFloatMain-2 {
0%{opacity:0;-webkit-transform:translate(0) rotate(0) scale(0);transform:translate(0) rotate(0) scale(0)}
50%{opacity:.9;-webkit-transform:translate(-10px,-38px) rotate(25deg) scale(1);transform:translate(-10px,-38px) rotate(25deg) scale(1)}
}
@-webkit-keyframes heartFloatSub-1 {
0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}
50%{visibility:visible;-webkit-transform:translate(13px,-13px) rotate(30deg);transform:translate(13px,-13px) rotate(30deg)}
}
@keyframes heartFloatSub-1 {
0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}
50%{visibility:visible;-webkit-transform:translate(13px,-13px) rotate(30deg);transform:translate(13px,-13px) rotate(30deg)}
}
@-webkit-keyframes heartFloatSub-2 {
0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}
50%{visibility:visible;-webkit-transform:translate(18px,-10px) rotate(55deg);transform:translate(18px,-10px) rotate(55deg)}
}
@keyframes heartFloatSub-2 {
0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}
50%{visibility:visible;-webkit-transform:translate(18px,-10px) rotate(55deg);transform:translate(18px,-10px) rotate(55deg)}
}
@-webkit-keyframes heartFloatSub-3 {
0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}
50%{visibility:visible;-webkit-transform:translate(-10px,-10px) rotate(-40deg);transform:translate(-10px,-10px) rotate(-40deg)}
100%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}
}
@keyframes heartFloatSub-3 {
0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}
50%{visibility:visible;-webkit-transform:translate(-10px,-10px) rotate(-40deg);transform:translate(-10px,-10px) rotate(-40deg)}
100%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}
}
@-webkit-keyframes heartFloatSub-4 {
0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}
50%{visibility:visible;-webkit-transform:translate(2px,-18px) rotate(-25deg);transform:translate(2px,-18px) rotate(-25deg)}
}
@keyframes heartFloatSub-4 {
0%{visibility:hidden;-webkit-transform:translate(0) rotate(0);transform:translate(0) rotate(0)}
50%{visibility:visible;-webkit-transform:translate(2px,-18px) rotate(-25deg);transform:translate(2px,-18px) rotate(-25deg)}
}
@keyframes swing {
0%{transform:rotate(0deg)}
10%{transform:rotate(10deg)}
30%{transform:rotate(0deg)}
40%{transform:rotate(-10deg)}
50%{transform:rotate(0deg)}
60%{transform:rotate(5deg)}
70%{transform:rotate(0deg)}
80%{transform:rotate(-5deg)}
100%{transform:rotate(0deg)}
}
@keyframes sonar {
0%{transform:scale(0.9);opacity:1}
100%{transform:scale(2);opacity:0}
}
.sidebar-wrapper .sidebar-dropdown > a:after,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,.sidebar-wrapper ul li a i,.sidebar-wrapper .sidebar-menu ul li a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.sidebar-wrapper{height:100%;max-height:100%}
.sidebar-wrapper ul{list-style-type:none;padding:0;margin:0}
.sidebar-wrapper a{text-decoration:none}
.sidebar-wrapper .sidebar-menu{padding-bottom:10px}
.sidebar-wrapper .sidebar-menu .header-menu span{font-weight:700;font-size:14px;padding:15px 20px 5px;display:inline-block}
.sidebar-wrapper .sidebar-menu ul li a{display:inline-block;width:100%;text-decoration:none;position:relative;padding:3px 25px 3px 10px}
.sidebar-wrapper .sidebar-menu ul li li a{padding:3px 13px 3px 10px}
.sidebar-wrapper .sidebar-menu ul li a i{margin-right:10px;font-size:12px;width:30px;height:30px;line-height:30px;text-align:center;border-radius:4px}
.sidebar-wrapper .sidebar-menu ul li a:hover > i::before{display:inline-block;animation:swing ease-in-out .5s 1 alternate}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after{font-family:"FontAwesome";font-weight:900;content:"\f104";font-style:normal;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;background:0 0;position:absolute;right:14px;top:3px;font-size:18px}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul{padding:5px 0}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li{font-size:13px;padding:0;line-height:18px}
.sidebar-wrapper .sidebar-menu li.sidebar-dropdown.active{font-size:14px;font-weight:700}
.sidebar-wrapper .sidebar-menu li.active{font-size:14px;font-weight:700}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before{content:"\f104";font-family:"FontAwesome";font-weight:400;font-style:normal;display:inline-block;text-align:center;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;font-size:9px}
.sidebar-wrapper .sidebar-menu ul li a span.label,.sidebar-wrapper .sidebar-menu ul li a span.badge{float:right;margin-top:8px;margin-left:5px}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label{float:right;margin-top:0}
.sidebar-wrapper .sidebar-menu .sidebar-submenu{display:none}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after{transform:rotate(-90deg);right:14px}
.carousel-control.left,.carousel-control.right{background:none}
.carousel-indicators .active{width:8px;height:8px;margin:0;background-color:#cccaca}
.carousel-indicators li{display:inline-block;width:8px;height:8px;margin:0 1px}
.pr-fl{font-size:15px;color:#78c95a;font-weight: bold}
.product-fields p{color:#999}
.product-fields label{width:70px;color:#999;font-weight:400;padding-top:2px}
.product-fields select{min-width:123px;border-color:#CCC;padding:2px;margin-right:8px}
.products-list{margin-top:15px}
.products-list .breadcrumb{margin-top:-4px;margin-bottom:17px}
.products-list .breadcrumb li:last-child{font-weight:700;color:#222}
.products-list .breadcrumb li a:last-child{color:#222}
.shop-product-area{border-top:2px solid #DDD;padding:10px 0}
.toolbar{min-height:28px}
.radio-custom{float:right}
.radio-custom label{float:right;width:90px;background-color:#FEFEFE;border-radius:0px;margin-left:2px;text-align:center;font-size:13px;padding: 10px}
.radio-custom label:hover{background-color: var(--color1);color: #fff}
.radio-custom label.selected{background-color: var(--color1);color: #fff}
#sidebar .subcat{height:28px;line-height:28px;background:#666 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAICAYAAAAm06XyAAAAyklEQVQYlXVRMQ6EIBDktUtBNCT8wQegjZZa0dFpwhNoaUiUhEcQyrnqzHHnFdPszGxmZxkRYRxHeO8hhAAR/YUQAt57TNMEIgKb5xmlFNRaEUJA3/ePxq7rEEJArRWlFCzLAuacQ631RowRUsrGKKVEjLHROefAOOfY970hruuCUgpEBKUUzvNs+OM4wDkHe2+31jaCnDOGYUDOuZlba+9E7DOeMaYRfsMY05zDvotZ1/XRuG3bT4k/ZiKC1hopJZRSkFKC1vrxAy9rzl+1ndCayAAAAABJRU5ErkJggg==) no-repeat 12px 50%;color:#fff;text-align:right;margin:1px;direction:rtl}
#sidebar .subcat span{margin-right:10px;vertical-align:middle;font-size:12px}
#sidebar .basedon{text-align:right;color:#3c3c3c;padding:5px 0 10px}
#sidebar .basedon span{margin-right:15px;vertical-align:middle;font-size:12px;text-shadow:0 0 1px rgba(0,0,0,.4)}
#sidebar .pricelist{text-align:center;height:30px;padding-top:7px;padding-bottom:15px}
#sidebar .pricelist .ui-slider{position:relative;width:210px;height:7px;margin:0 auto}
#sidebar .pricelist .ui-slider #amount{position:absolute;top:12px;direction:rtl;width:213px;right:-2px;font-size:8pt}
#sidebar .pricelist .ui-slider #amount .minprice{float:left;text-align:left}
#sidebar .pricelist .ui-slider #amount .minweight{float:left;text-align:left}
#sidebar .pricelist .ui-slider #amount span{width:50%;font-family:iran_m}
#sidebar .pricelist .ui-slider #amount .maxprice{float:right;text-align:right}
#sidebar .pricelist .ui-slider #amount . maxweight{float:right;text-align:right}
#sidebar .pricelist .ui-slider .ui-slider-handle{position:absolute;top:-5px;margin-left:-.75em;width:14px;height:14px;cursor:pointer;z-index:2;border:0}
#sidebar .pricelist .ui-slider .left{background-position:left top}
#sidebar .pricelist .ui-slider .right{background-position:right top;margin-left:-16px}
#sidebar .pricelist .ui-slider .ui-slider-range{height:7px;background:url(../images/ui-widget-bg.png) no-repeat 0 -34px;border:0;display:block;font-size:.7em;position:absolute;z-index:1}
#sidebar .sep{height:1px;background-color:#ccc;margin:15px}
#sidebar li{padding:4px 15px 0 0;position:relative;margin:0;list-style:none;border-width:0}
#sidebar .checkbox-wrapper{cursor:pointer;display:inline-block;position:relative;white-space:nowrap}
#sidebar .checkbox-icon{height:20px;right:-1px;margin-top:-10px;overflow:hidden;position:absolute;top:50%;width:20px}
#sidebar .checkbox-wrapper .checkbox-input{-moz-appearance:none;cursor:pointer;height:100%;right:0;opacity:0;outline:0 none;position:absolute;top:0;width:100%;vertical-align:middle}
#sidebar input{vertical-align:middle}
#sidebar .checkbox-label{padding:0 25px;cursor:pointer;font-size:8pt;font-family:tahoma;text-shadow:initial}
input.labelauty + label ::selection{background-color:rgba(255,255,255,0)}
input.labelauty + label ::-moz-selection{background-color:rgba(255,255,255,0)}
input.labelauty{display:none!important}
input.labelauty + label{display:table;font-size:11px;padding:1px;background-color:#efefef;color:#b3b3b3;cursor:pointer;border-radius:3px 3px 3px 3px;-moz-border-radius:3px;-webkit-border-radius:3px 3px 3px 3px;transition:background-color .25s;-moz-transition:background-color .25s;-webkit-transition:background-color .25s;-o-transition:background-color .25s;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;margin-bottom:0}
input.labelauty + label > span.labelauty-unchecked,input.labelauty + label > span.labelauty-checked{display:inline-block;line-height:16px;vertical-align:bottom}
input.labelauty + label > span.labelauty-unchecked-image,input.labelauty + label > span.labelauty-checked-image{display:inline-block;width:19px;height:18px;vertical-align:bottom;background-repeat:no-repeat;background-position:left center;transition:background-image .5s linear;-moz-transition:background-image .5s linear;-webkit-transition:background-image .5s linear;-o-transition:background-image .5s linear}
input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked,input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked{float:right;position:absolute;right:30px;color:#777!important;font-weight:500;margin-top:2px}
input.labelauty:not(:checked):not([disabled]) + label:hover{background-color:#eaeaea;color:#a7a7a7}
input.labelauty:not(:checked) + label > span.labelauty-checked-image{display:none}
input.labelauty:not(:checked) + label > span.labelauty-checked{display:none}
input.labelauty:checked + label{background-color:#3498db;color:#fff}
input.labelauty:checked:not([disabled]) + label:hover{background-color:#72c5fd}
/*input.labelauty:checked + label > span.labelauty-unchecked-image{display:none}*/
/*input.labelauty:checked + label > span.labelauty-unchecked{display:none}*/
input.labelauty:checked + label > span.labelauty-checked{display:inline-block}
input.labelauty.no-label:checked + label > span.labelauty-checked{display:block}
input.labelauty[disabled] + label{opacity:.5}
input.labelauty + label > span.labelauty-unchecked-image{background-image:url(../images/input-unchecked.png);margin-right:0!important}
input.labelauty + label > span.labelauty-checked-image{background-image:url(../images/input-checked.png);margin-right:0!important}
.tight-padding > div{padding-right:5px;padding-left:5px}
.jconfirm .jconfirm-box div.jconfirm-title-c{font-size:14px;font-weight:600}
.error_txt{color:red}
.text-red,.text-red *{color:#8b0000!important}
.btn-simple{border:0!important;outline:0!important;box-shadow:none!important;padding:0!important;margin:0!important}
.btn-simple > span{position:relative}
#btn-share{position:relative;background:transparent}
#btn-share .popover{padding:0;border-radius:0;border:0;box-shadow:none}
#btn-share .popover .popover-content{width:234px;height:49px;margin:0;padding:0}
#btn-share .popover .popover-content .btn-media{width:78px;height:49px;line-height:49px;float:left;color:#fff;text-align:center;background:#052536}
#btn-share .popover .popover-content .btn-media.twitter{border-top-left-radius:4px;border-bottom-left-radius:4px}
#btn-share .popover .popover-content .btn-media.google-plus{border-top-right-radius:4px;border-bottom-right-radius:4px}
#btn-share .popover .popover-content .btn-media.facebook{border-left:1px solid #264356;border-right:1px solid #264356}
#btn-share .popover .popover-content .btn-media.facebook:after{position:absolute;bottom:-10px;margin-left:-21px;content:"";border-left:11px solid transparent;border-right:11px solid transparent;border-top:10px solid #052536}
#btn-share .popover .popover-content .btn-media:hover,#btn-share .popover .popover-content .btn-media:focus{background:#264356}
#btn-share .popover .popover-content .btn-media:hover.facebook:after,#btn-share .popover .popover-content .btn-media:focus.facebook:after{border-top-color:#264356}
#btn-share .popover .popover-content .btn-media i{font-size:30px;line-height:49px}
.sharing-icons .popover i{color:unset;border:0;border-radius:0;width:auto;height:auto;text-align:inherit;font-size:inherit;font-weight:inherit;padding-top:0;box-shadow:0 0 0 0 transparent;margin-right:auto}
.popover-content{font-family:"iransans";text-align:right;font-size:11px;direction:rtl}
.popover{min-width:200px;direction:rtl}
.timer{padding:10px;text-align:center;padding-top:15px}
.timer .timer-wrapper{display:inline-block;width:46px;height:60px}
.timer .timer-wrapper .time{font-size:28px;font-weight:700;color:#fff;text-shadow:0 0 2px gray}
.timer .timer-wrapper .text{font-size:12px;color:rgba(255,255,255,0.82);text-shadow:0 0 2px gray}
.product-other-details i.icon-vip-plus{color:#FFF;background:#CDD9D7;border:1px solid #AAA;border-radius:4px;padding:4px}
.product-other-details i.icon-change::before,.product-other-details i.icon-vip-plus::before{color:#FFF}
.main-menu .menu-title a{color:#111!important}
.p-icon{display:inline-block;float:right;padding-right:10px}
.single-shop-blog{
position: relative;
overflow: hidden;
text-align: center;
/*box-shadow: 9px 5px 10px #aaa8a8;*/
border: 1px solid #e4dede;
border-radius: 10px;
margin: 8px 15px;
/*border-radius: 10px;*/
}
.single-shop-blog a{
width: 100%;
display: block;
height: 100%;
}
.shop-blog-content {
background: none;
height: 100%;
transform: none;
transition: all .3s ease;
width: 100%;
direction: rtl;
padding-top: 35px;
padding-bottom:10px;
}
.shop-blog-content h4{
position: relative;
padding-bottom: 10px;
text-align: center;
margin: 7px;
}
.shop-blog-content a h4{
color: #323334;
text-transform: none;
font-size: 15px;
text-align: right;
font-weight: 600;
}
.single-shop-blog .col-xs-6:nth-child(2){padding: 0!important;}
.shop-blog-content > p{
color: #6e6e6e;
/*line-height: 29px;*/
direction: rtl;
margin: 4px;
font-size: 12px;
text-align: right;
font-weight: 450;
}
.shop-blob-meta{border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;padding:10px 0;overflow:hidden}
.shop-blob-meta > li{border-left:1px solid #e5e5e5;padding-left:15px;float:right;margin-right:15px}
.img-new-index{
width: 100%;
height: 100%;
}
.section_right_box{border:solid thin #efefef;overflow:hidden;background-color:#fff;box-shadow:#e2e2e2 2px 2px 2px;display:grid;height:400px;max-width:300px;margin:0 auto}
.section_right_box img{margin:15px auto 0;width:275px;height:155px}
.scientific{border-top:1px solid #e0dddd;padding:10px 5px 0}
.scientific ul{text-align:center}
.scientific ul li{display:inline-block;padding:5px 10px}
.feature-span1{font-weight:700}
.feature-span1,.feature-span2{display:block;background:#fafafa;padding:10px;font-size:13px;line-height:1.692;color:#4d4d4d;letter-spacing:-.3px;min-height:47px;position:relative}
pre{font-family:iran_m,sans-serif!important;padding:5px!important;border:0!important;background-color:transparent!important}
pre span{font-size:14px!important;text-decoration:none!important}
pre a{font-size:14px!important;text-decoration:none!important}
.about-image{text-align:center;margin:10px 0 30px}
.widget-search input[type="text"]{border:1px solid #DEDEDE;border-radius:0;color:#202020;outline:none;font-weight:400;letter-spacing:1px;font-size:13px;padding:12px 10px;width:96%;margin:0 3px}
.widget-search input[type="submit"]{background-color:rgba(0,0,0,0);border:0 none;color:#8d8d8d;cursor:pointer;display:inline-block;float:right;font-family:"FontAwesome",sans-serif;margin:0;outline:0 none;white-space:nowrap;padding:0 3px;text-decoration:none;-webkit-transition:all .25s ease 0;position:absolute;top:10px;right:10px}
.section-list{direction:rtl;}
.section-list .single-section{border-bottom:1px solid #DDD;margin-bottom:10px;padding:5px;text-align: center;border-radius: 6px;border: 1px solid #EEE;}
.section-list .single-section:hover{border: 1px solid #F4BA22;}
.section-list .single-section .s-title{font-size:15px;margin-top:10px;min-height:40px;color:#222;}
.section-list .single-section a:hover > .s-title{color:#F4BA22!important}
.section-list .single-section .s-title:hover{color:#F4BA22}
.section-des{padding:20px 15px;text-align:justify;line-height:2;border-radius:4px;margin-top:20px;direction:rtl;border:1px solid #DDD}
.section-des h2{font-size:20px}
.section-des ul{list-style:disc;padding:0 15px;margin: 15px;}
.section-des a{font-size:unset}
a.rules{text-decoration:underline;color:#141574}
#order-modal{border:2px solid red;z-index:99999!important}
.area-title h4{position:absolute;margin-top:-13px;background:#fff;padding:0 10px 0 0;z-index:1}
.area-title h4 a{font-size:18px;color:#5D83B7}
.area-title span{position:absolute;margin-top:-13px;background:#fff;padding:0 10px 0 0;z-index:1;left: 5px;margin-top: -15px;}
.area-title span a{font-size:18px;color:#5D83B7}
.form-control{font-size:12px;color:#000 !important;}
select.form-control{height:34px}
.shipping-method-radio{float:right;margin-left:5px}
.shipping-method-radio p{text-align:center;font-size:11px;font-weight:700}
.shipping-method-radio input[type=radio]{position:absolute;opacity:0;width:0;height:0}
.shipping-method-radio input[type=radio] + img{cursor:pointer;border-radius:4px;border:1px solid #CCC;max-height:80px;width: 130px}
.shipping-method-radio input[type=radio]:checked + img{border:2px solid #e10916;width: 130px;}
.multi-steps > li.is-active:before,.multi-steps > li.is-active ~ li:before{content:counter(stepNum);font-family:inherit;font-weight:700}
.multi-steps > li.is-active:after,.multi-steps > li.is-active ~ li:after{background-color:#ededed}
.multi-steps{display:table;table-layout:fixed;width:100%;margin-top:30px}
.multi-steps > li{counter-increment:stepNum;text-align:center;display:table-cell;position:relative;color:#6cbe42}
.multi-steps > li:before{content:"\f00c";content:\2713;;content:\10003;content:\10004;content:\2713;display:block;margin:0 auto 4px;background-color:#fff;width:36px;height:36px;line-height:32px;text-align:center;font-weight:700;border-width:2px;border-style:solid;border-color:#6cbe42;border-radius:50%;z-index:1;position:inherit}
.multi-steps > li:after{content:"";height:2px;width:100%;background-color:#6cbe42;position:absolute;top:16px;right:54.2%;z-index:0}
.multi-steps > li:last-child:after{display:none}
.multi-steps > li.is-active:before{background-color:#fff;border-color:#ff6347}
.multi-steps > li.is-active ~ li{color:gray}
.multi-steps > li.is-active ~ li:before{background-color:#ededed;border-color:#ededed}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.input-group {
clear: both;
margin: 7px auto;
position: relative;
}
.input-group input[type='button'] {
background-color: #65c178;
min-width: 24px;
width: auto;
transition: all 300ms ease;
color: #FFF;
font-size: 15px;
}
.input-group .button-minus,
.input-group .button-plus {
/* font-weight: bold; */
height: 25px;
padding: 0;
width: 38px;
position: relative;
border: 0;
}
.input-group .quantity-field {
position: relative;
/* height: 38px; */
left: -6px;
text-align: center;
width: 40px;
display: inline-block;
font-size: 13px;
margin: 3px 2px 3px;
resize: vertical;
border: 1px solid #BBB;
}
.button-plus {
left: -13px;
}
input[type="number"] {
-moz-appearance: textfield;
-webkit-appearance: none;
}
.btn.cartUpdate,.btn.cartDelete{margin:2px;}
.d-none {
display: none!important;
}
.nav-logo img {
width: 150px;
}
.menu-wrap {
position: relative;
/* padding: 0 50px; */
z-index: 1;
}
.menu-nav {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
direction: rtl;
}
.navbar-wrap {
display: flex;
flex-grow: 1;
}
.navbar-wrap ul {
display: block;
flex-direction: row;
flex-wrap: wrap;
margin-right: auto;
direction: rtl;
}
.navbar-wrap ul li {
display: inline-block;
position: relative;
height: 40px;
}
.navbar-wrap ul li a {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
color: #FFF;
padding: 18px 14px;
display: block;
line-height: 1;
position: relative;
font-family: iran_m;
z-index: 1;
}
.navbar-wrap > ul > li > a::before {
position: absolute;
left: 0;
right: 0;
height: 37px;
width: 87%;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%);
clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%);
box-shadow: 0px 5px 12.09px 0.91px rgba(71, 51, 127, 0.11);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
top: 26px;
border-radius: 0 0 0 10px;
margin: 0 auto;
opacity: 0;
z-index: -1;
}
.navbar-wrap > ul > li > a::after {
position: absolute;
left: 5%;
top: 16%;
width: 23px;
height: 14px;
background-repeat: no-repeat;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
opacity: 0;
}
.navbar-wrap > ul > li.active > a,
.navbar-wrap > ul > li:hover > a {
color: #fff;
}
.navbar-wrap > ul > li.active > a::before,
.navbar-wrap > ul > li:hover > a::before,
.navbar-wrap > ul > li.active > a::after,
.navbar-wrap > ul > li:hover > a::after {
opacity: 1;
}
.main-menu .navigation li.dropdown .dropdown-btn {
display: none;
}
.navbar-wrap ul li .submenu {
position: absolute;
z-index: 9;
background-color: #fff;
border-radius: 0;
border: none;
-webkit-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
box-shadow: 0px 13px 25px -12px rgba(0,0,0,0.25);
display: block;
left: 0;
opacity: 0;
padding-top: 8px;
right: 0;
top: 100%;
visibility: hidden;
min-width: 185px;
border: 1px solid #e7e7e7;
background: #ffffff;
box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15);
margin: 0;
transform: scale(1 , 0);
transform-origin: 0 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.navbar-wrap ul li .submenu li {
margin-left: 0;
text-align: left;
display: block;
padding: 2px 0;
}
.navbar-wrap ul li .submenu li a {
padding: 0 10px 0 25px;
line-height: 40px;
font-weight: 400;
top: -8px;
color: #333;
text-transform: capitalize;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
direction: rtl;
text-align: right;
}
.navbar-wrap ul li .submenu li a h2{
font-size:14px !important;
}
.navbar-wrap ul li a h2{
font-size:14px !important;
}
.navbar-wrap>ul>.dropdown>a>h2:before{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "\f107";
}
.navbar-wrap ul li:hover > .submenu {
opacity: 1;
visibility: visible;
transform: scale(1);
/* new*/
min-width: 200px;
}
.sticky-menu {
left: 0;
margin: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
background: #fff;
-webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
border-radius: 0;
}
.navbar-wrap ul li .submenu li .submenu {
right: 100%;
top: -5px;
}
/* 3. Mobile-menu */
.nav-outer .mobile-nav-toggler {
position: relative;
float: right;
font-size: 40px;
line-height: 50px;
cursor: pointer;
display: none;
color: #fff;
margin-right: 30px;
top: 15px;
}
.nav-logo img {
width: 150px;
}
.mobile-menu {
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right: 30px;
max-width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
z-index: 99;
}
.mobile-menu .navbar-collapse {
display: block !important;
}
.mobile-menu .nav-logo {
position: relative;
padding: 30px 25px;
text-align: left;
}
.mobile-menu-visible {
overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
opacity: 1;
visibility: visible;
}
.mobile-menu .navigation li.current>a:before {
height: 100%;
}
.mobile-menu .menu-backdrop {
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background: #000;
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
opacity: 0.70;
visibility: visible;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #202020;
padding: 0px 0px;
z-index: 5;
opacity: 0;
visibility: hidden;
border-radius: 0px;
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.mobile-menu-visible .mobile-menu .menu-box {
opacity: 1;
visibility: visible;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .close-btn {
position: absolute;
left: 30px;
top: 10px;
line-height: 30px;
width: 24px;
text-align: center;
font-size: 30px;
color: #ffffff;
cursor: pointer;
z-index: 10;
-webkit-transition: all 0.9s ease;
-o-transition: all 0.9s ease;
transition: all 0.9s ease;
}
.mobile-menu-visible .mobile-menu .close-btn {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
.mobile-menu .navigation {
position: relative;
display: block;
width: 100%;
float: none;
}
.mobile-menu .navigation li {
position: relative;
display: block;
border-top: 1px solid rgba(255, 255, 255, 0.10);
direction: rtl;
text-align: right;
}
.mobile-menu .navigation:last-child {
border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation li>ul>li:first-child {
border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.mobile-menu .navigation li>a span{
position: relative;
display: block;
line-height: 24px;
padding: 10px 25px;
font-size: 15px;
font-weight: 500;
color: #ffffff;
text-transform: uppercase;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
border: none;
}
.mobile-menu .navigation li ul li>a h2{
font-size: 15px;
margin-left: 20px;
text-transform: capitalize;
}
.mobile-menu .navigation li>a:before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 0;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
position: absolute;
left: 6px;
top: 6px;
width: 32px;
height: 32px;
text-align: center;
font-size: 16px;
line-height: 32px;
color: #ffffff;
background: rgba(255, 255, 255, 0.10);
cursor: pointer;
border-radius: 2px;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn.open {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
display: none;
}
.mobile-menu .social-links {
position: relative;
text-align: center;
padding: 30px 25px;
}
.mobile-menu .social-links li {
position: relative;
display: inline-block;
margin: 0px 10px 10px;
}
.mobile-menu .social-links li a {
position: relative;
line-height: 32px;
font-size: 16px;
color: #ffffff;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.menu-area .mobile-nav-toggler {
position: relative;
float: right;
font-size: 30px;
cursor: pointer;
line-height: 1;
color: #FFF;
display: none;
margin-top: 15px;
padding-left: 20px;
}
.myclass1{
width: 100%;
max-width: 100%;
margin-bottom: 20px;
border: 1px solid #ddd;
}
.myclass1 tr {
font-weight: 500;
text-transform: capitalize;
font-size: 13px;
}
.myclass1>tbody>tr>td, .myclass1>tbody>tr>th, .myclass1>tfoot>tr>td, .myclass1>tfoot>tr>th, .myclass1>thead>tr>td, .myclass1>thead>tr>th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.myclass1>tbody>tr>td, .myclass1>tbody>tr>th, .myclass1>tfoot>tr>td, .myclass1>tfoot>tr>th, .myclass1>thead>tr>td, .myclass1>thead>tr>th {
border: 1px solid #ddd;
}
/* Extra large devices (large desktops, 1800px and up) */
@media (max-width: 1500px) {
.navbar-wrap ul li .submenu li .submenu {
left: auto;
right: 100%;
top: 10px;
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {
.menu-wrap {
padding: 0;
border-radius: 0;
}
.navbar-wrap ul li a {
font-size: 14px;
padding: 33px 9px;
}
.navbar-wrap > ul > li > a::before {
width: 90%;
}
}
@media (min-width: 992px)
{
.d-lg-flex {
display: -ms-flexbox!important;
display: block !important;
}
}
/* Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {
.main-header.sticky-menu {
position: fixed;
}
.menu-nav {
justify-content: space-between;
}
.menu-outer .navbar-wrap {
display: block !important;
}
.menu-area .mobile-nav-toggler {
display: block;
z-index: 2;
margin: auto;
padding: 10px;
}
}
/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
}
@media (max-width: 470px){
.service-box span{font-size:11px; color: white;margin-bottom:15px;}
}
.home2-advertise-area .owl-wrapper{
display: flex !important;
align-items: center !important;
}
.slider-description{
position: absolute;
z-index: 100;
top: 28%;
left: 14%;
width: 400px;
/* height: 350px; */
text-align: right;
font-size: 20px;
line-height: 2;
color: #fff;
/*background: #0e070785;*/
padding: 30px;
}
.text-banner{
font-size: 20px;
margin:20px 10px;
text-align: right;
}
.border-banner{
border-bottom: 1px solid #333;
position: relative;
top: 16px;
right: -10px;
width: 110%;
}
/*new*/
h3.seo-right{
}
span.seo-right-h2{
display: block;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
margin: 0 0 15px;
}
.area-title.bdr > span.bdr-seo {
border-bottom: 0;
font-size: 20px;
margin: 0;
direction: rtl;
display: inline-block;
background-color: #fff;
position: relative;
z-index: 2;
padding: 0 18px;
margin-right: 0;
padding-right: 0;
color: #444;
}
/*.box_manufacrurer .area-title span.group-seo {*/
/* border-bottom: 1px solid #ddd;*/
/* color: #666;*/
/* font-size: 14px;*/
/* font-weight: 700;*/
/* line-height: 1.1;*/
/* margin: 0;*/
/* padding: 20px;*/
/* text-transform: uppercase;*/
/* direction: rtl;*/
/* position: relative;*/
/*}*/
.shop-title span.shop-span {
color: #BBB;
font-size: 1em;
font-weight: bold;
}
.box_manufacrurer .area-title span{display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;}
.box_manufacrurer .area-title span{border-bottom:1px solid #ddd;color:#666;font-size:14px;font-weight:700;line-height:1.1;margin:0;padding:20px;text-transform:uppercase;direction:rtl;position: unset}
/*seo box*/
.wrap-8-content {
border-radius: 12px;
border: solid 1px #707070;
background-color: #fff;
padding: 20px;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.39;
letter-spacing: normal;
text-align: right;
color: #606060;
}
/*end seo box*/
/*default page*/
.area-title.bdr > span.h3-class {
border-bottom: 0;
font-size: 20px;
margin: 0;
direction: rtl;
display: inline-block;
background-color: #fff;
position: relative;
z-index: 2;
padding: 0 18px;
margin-right: 0;
padding-right: 0;
color: #444;
font-weight: bold;
}
.shop-blog-content span.h4-class {
position: relative;
/*padding-bottom: 10px;*/
text-align: center;
margin: 7px;
}
.shop-blog-content a span.h4-class {
color: #323334;
text-transform: none;
font-size: 15px;
text-align: right !important;
display: block;
font-weight: 600;
}
/*new*/
.alert-message-header{
padding: 1% 0 1% 0;
font-weight: bold;
}
.footer-static img{
margin: 1px 0;
max-height: 85px;
float: right;
}
.display-flex2{
display: flex;
align-items: center;
justify-content: space-between;
}
.footer-static-title span {
width: 85px;
background: #FFF;
height: 1px;
display: block;
}
.footer-static-container{
background: #2a6062 none repeat scroll 0 0;
}
.contact_us li span{
color: #FFF;
}
.footer-static-container-bottom{
background: #f9d6b8 none repeat scroll 0 0;
color: #000;
}
.footer-static-container-bottom a,.footer-static-container-bottom li a {
color: #000;
}
.sci li{
border: 1px solid #000;
width: 40px;
height: 40px;
}
.sci li a span{
font-size: 20px;
}
.sci li:hover{
background: #51aefd;
}
/*color and size*/
.color-circle {
display: inline-block;
width: 25px;
height: 25px;
border-radius: 50%;
margin: 5px;
cursor: pointer;
}
.color-selected {
border: 2px solid #ECECEC;
}
.details {
margin-top: 20px;
}
.details span {
display: block;
margin-bottom: 10px;
}
.form-select {
width: 20%;
display: inline-block;
margin-right: 10px;
border-radius: 10px;
}
/*end color and size*/
.color-circle {
width: 30px;
height: 30px;
border-radius: 50%;
display: inline-block;
margin: 5px;
cursor: pointer;
}
.color-circle.active {
border:4px solid #b2b2b2;
}
.product-info-colors {
margin-top: 20px;
}
.product-info-colors div {
margin: 5px 0;
}
.single-product .product-img .primary-image{
min-height: 196px !important;
}
.image_box {
border-radius: 10px;
position: absolute;
top: -40%;
left: 6px;
width: 117px;
}
.text-box-boxes{
padding-top: 8px;
text-align: center;
padding-left: 50px;
}
@media (max-width: 772px) {
.service-box {
height: 30px;
}
.image_box {
width: 77px!important;
}
.text-box-boxes {
position: absolute;
top: 6px;
}
}
.filter-item{
display: block;
padding: 5px;
color: #161616;
transition: all 0.25s ease-in;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
}
.product-list{
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
.box-content {
border: 1px solid #0000001A;
border-radius: 30px;
padding: 40px;
margin-top: 40px;
background: #fff;
}
/* swiper */
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-center {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-custom {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-1 {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-2 {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-3 {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-4 {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-5 {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-6 {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-7 {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-pagination-bullet {
border-radius: 20px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--color1);
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 14px;
font-weight: 600;
color: #707070;
}
.swiper-button-next {
width: 38px;
height: 38px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.27);
background-color: #fff;
border-radius: 25px;
transition: 0.3s;
}
.swiper-button-prev {
width: 38px;
height: 38px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.27);
background-color: #fff;
border-radius: 25px;
transition: 0.3s;
}
.swiper-button-next:hover {
background: var(--color1);
}
.swiper-button-prev:hover {
background: var(--color1);
}
.swiper-button-next:after {
padding-right: 3px;
padding-top: 2px;
}
.swiper-button-next:hover::after {
color: #fff;
}
.swiper-button-prev:hover::after {
color: #fff;
}
@media (max-width:767px) {
.swiper-button-next {
width: 30px;
height: 30px;
top: 55%;
}
.swiper-button-prev {
width: 30px;
height: 30px;
top: 55%;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 12px;
}
}
/* animate */
.myAnim1 {
animation: myAnim1 10s linear 0s infinite normal forwards;
}
.myAnim2 {
animation: myAnim2 15s linear 0s infinite normal forwards;
}
.myAnim2-2 {
animation: myAnim2 30s linear 0s infinite normal forwards;
}
.myAnim3 {
animation: myAnim3 10s linear 0s infinite normal forwards;
}
.myAnim4 {
animation: myAnim4 10s linear 0s infinite normal forwards;
}
@keyframes myAnim1 {
0%,
100% {
transform: rotate(0deg);
transform-origin: 50% 0;
}
10% {
transform: rotate(2deg);
}
20%,
40%,
60% {
transform: rotate(-4deg);
}
30%,
50%,
70% {
transform: rotate(4deg);
}
80% {
transform: rotate(-2deg);
}
90% {
transform: rotate(2deg);
}
}
@keyframes myAnim2 {
0%,
100% {
transform: translateY(0);
}
10%,
30%,
50%,
70% {
transform: translateY(-8px);
}
20%,
40%,
60% {
transform: translateY(8px);
}
80% {
transform: translateY(6.4px);
}
90% {
transform: translateY(-6.4px);
}
}
@keyframes myAnim3 {
0%,
100% {
transform: rotate(0deg);
transform-origin: 50% 100%;
}
10% {
transform: rotate(2deg);
}
20%,
40%,
60% {
transform: rotate(-4deg);
}
30%,
50%,
70% {
transform: rotate(4deg);
}
80% {
transform: rotate(-2deg);
}
90% {
transform: rotate(2deg);
}
}
@keyframes myAnim4 {
0% {
animation-timing-function: ease-out;
transform: scale(1);
transform-origin: center center;
}
10% {
animation-timing-function: ease-in;
transform: scale(0.91);
}
17% {
animation-timing-function: ease-out;
transform: scale(0.98);
}
33% {
animation-timing-function: ease-in;
transform: scale(0.87);
}
45% {
animation-timing-function: ease-out;
transform: scale(1);
}
}
/* home */
.home-wrap-1-img {
width: 100%;
}
.home-wrapper {
margin-top: 40px;
margin-bottom: 30px;
}
.home-wrapper-flex {
position: relative;
display: flex;
align-items: start;
justify-content: center;
user-select: none;
}
.home-wrapper-flex::before {
content: '';
background: #899481;
height: 1.5px;
width: 100%;
margin-top: 15px;
}
.home-wrapper-flex::after {
content: '';
background: #899481;
height: 1.5px;
width: 100%;
margin-top: 15px;
}
.home-wrapper-center {
position: relative;
white-space: nowrap;
text-align: center;
padding: 0 20px;
}
.home-wrapper-center::before {
content: '';
width: 10px;
height: 10px;
background: #899481;
transform: rotate(45deg);
display: block;
position: absolute;
right: 0;
top: 11px;
}
.home-wrapper-center::after {
content: '';
width: 10px;
height: 10px;
background: #899481;
transform: rotate(45deg);
display: block;
position: absolute;
left: 0;
top: 11px;
}
.home-wrapper-title {
color: #323232;
font-size: 24px;
font-weight: 700;
}
.home-wrapper-text {
font-size: 16px;
font-weight: 300;
color: #323232;
margin-top: 10px;
text-align: center;
}
.home-wrap-2-item img {
width: 100px;
height: 100px;
max-width: 100%;
object-fit: contain;
}
.home-wrap-2-item {
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
}
.home-wrap-2-item:hover {
opacity: 0.6;
}
.home-wrap-3 {
margin-top: 40px;
}
.home-wrap-3-img {
width: 100%;
}
@media (max-width:767px) {
.home-wrapper {
margin-top: 25px;
margin-bottom: 25px;
}
.home-wrapper-title {
font-size: 14px;
margin-top: 5px;
}
.home-wrapper-text {
font-size: 11px;
}
.home-wrap-2-item img {
width: 70px;
height: 70px;
}
.home-wrap-3 {
margin-top: 20px;
}
}
.home-wrapper-btn {
height: 45px;
display: flex;
align-items: center;
justify-content: center;
color: var(--color2);
border-top: 2px solid var(--color2);
position: relative;
overflow: hidden;
z-index: 1;
transition: 0.5s;
font-weight: 600;
user-select: none;
width: max-content;
padding: 5px 20px;
margin: auto;
margin-top: 25px;
margin-bottom: 60px;
}
.home-wrapper-btn::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 100%;
background-color: var(--color2);
transition: 0.5s ease;
z-index: -1;
height: 100%;
}
.home-wrapper-btn:hover {
color: #fff;
}
.home-wrapper-btn:hover::after {
bottom: 0;
}
@media (max-width:767px) {
.card-product-img-body {
height: 140px;
}
.card-product-info {
padding: 10px;
border: 0;
}
.card-product-cat {
font-size: 14px;
}
.card-product-title {
font-size: 14px;
height: 40px;
}
.card-product-price {
font-size: 14px;
}
.card-product-price i {
font-size: 12px;
}
.card-product-btn {
visibility: visible;
background: var(--color1);
font-size: 12px;
height: 36px;
border-radius: 6px;
}
.home-wrapper-btn {
height: 39px;
font-size: 14px;
padding: 5px 10px;
margin-top: 20px;
margin-bottom: 30px;
}
}
/* golden wrap */
.home-wrap-5-item {
margin-top: 40px;
}
.home-wrap-5-title strong {
text-transform: uppercase;
font-size: 36px;
font-weight: 600;
}
.home-wrap-5-title {
font-size: 24px;
text-align: left;
direction: ltr;
}
.home-wrap-5-attribute {
display: flex;
align-items: center;
margin-top: 25px;
}
.home-wrap-5-attribute span::before {
font-family: "raya-icon";
content: '\e85e';
margin-left: 5px;
}
.home-wrap-5-attribute span {
margin-left: 20px;
display: flex;
align-items: center;
}
.home-wrap-5-info-mute {
color: #11100F;
margin-top: 20px;
font-weight: 600;
}
.home-wrap-5-info-text {
color: #666;
line-height: 1.8;
margin-top: 15px;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
}
.home-wrap-5-flex {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40px;
margin-bottom: 50px;
}
.home-wrap-5-btn {
height: 46px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: var(--color2);
position: relative;
overflow: hidden;
z-index: 1;
transition: 0.5s;
font-weight: 600;
user-select: none;
width: max-content;
padding: 5px 25px;
}
.home-wrap-5-btn i {
margin-left: 5px;
}
.home-wrap-5-btn::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 100%;
background-color: var(--color1);
transition: 0.5s ease;
z-index: -1;
height: 100%;
}
.home-wrap-5-btn:hover {
color: #fff;
}
.home-wrap-5-btn:hover::after {
bottom: 0;
}
.home-wrap-5-price-body {
display: flex;
}
.home-wrap-5-price-main {
color: #11100F;
font-size: 24px;
font-weight: 600;
margin-top: 6px;
}
.home-wrap-5-price-main i {
font-size: 18px;
}
.home-wrap-5-discount {
width: 40px;
height: 24px;
z-index: 1;
background: var(--color2);
color: #fff;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
font-weight: 600;
border-radius: 50px;
}
.home-wrap-5-price-off {
font-size: 20px;
font-weight: 400;
color: #666;
text-decoration: line-through;
line-height: 1;
text-align: left;
}
.slider-container {
overflow: hidden;
position: relative;
}
.slider {
display: flex;
transition: transform 0.3s ease-in-out;
}
.slide {
width: 100%;
flex-shrink: 0;
}
.slider-button-body {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 20px;
display: flex;
flex-direction: column;
}
.slider-button {
width: 40px;
height: 40px;
cursor: pointer;
background: transparent;
border: 0;
font-size: 24px;
margin: 10px 0;
background: #f2f2f2;
border-radius: 50px;
}
.slider-button.next::before {
font-family: "raya-icon";
content: '\f104';
}
.slider-button.prev::before {
font-family: "raya-icon";
content: '\f105';
}
@media (max-width:767px) {
.home-wrap-5-item {
margin-top: 5px;
}
.home-wrap-5-data {
display: flex;
flex-direction: column;
}
.home-wrap-5-data>div {
order: 2;
}
.slider-button-body {
top: 125px;
left: 0;
}
.home-wrap-5-title strong {
font-size: 24px;
}
.home-wrap-5-title {
font-size: 18px;
margin-top: 15px;
}
.home-wrap-5-attribute {
margin-top: 0;
flex-wrap: wrap;
}
.home-wrap-5-attribute span {
margin-top: 15px;
font-size: 14px;
}
.home-wrap-5-info-mute {
margin-top: 15px;
font-size: 14px;
}
.home-wrap-5-info-text {
font-size: 12px;
margin-top: 10px;
}
.home-wrap-5-flex {
margin-top: 15px;
margin-bottom: 0;
}
.home-wrap-5-btn {
height: 36px;
font-size: 12px;
padding: 5px 10px;
}
.home-wrap-5-price-off {
font-size: 14px;
}
.home-wrap-5-price-main {
font-size: 15px;
margin-top: 5px;
}
.home-wrap-5-discount {
font-size: 12px;
font-weight: 500;
width: 32px;
height: 20px;
}
.slider-button {
width: 34px;
height: 34px;
font-size: 21px;
margin: 7px 0;
}
}
.home-wrap-6 {
margin-top: 60px;
}
.home-wrap-6-img-body {
position: relative;
overflow: hidden;
}
.home-wrap-6-img {
width: 100%;
height: 560px;
object-fit: cover;
border-radius: 4px;
transition: opacity 0.8s ease, transform 4s cubic-bezier(0, 0, 0.44, 1.18);
}
.home-wrap-6-img:hover {
transform: scale(1.2);
}
.home-wrap-6-info {
padding: 10px;
}
.home-wrarp-6-title {
text-align: center;
font-size: 18px;
color: #323232;
font-weight: 600;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
direction: ltr;
}
.home-wrarp-6-title:hover {
color: var(--color1);
}
.home-wrarp-6-text {
text-align: center;
color: #323232;
font-size: 14px;
margin-top: 5px;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 1;
}
@media (max-width:767px) {
.home-wrap-6 {
margin-top: 30px;
}
.home-wrap-6-img {
height: 280px;
}
.home-wrap-6-info {
padding: 7px;
}
.home-wrarp-6-title {
font-size: 14px;
}
.home-wrarp-6-text {
font-size: 12px;
}
}
.banner-home {
width: 100%;
border-radius: 4px;
}
/* product list */
.home-wrapper.custom {
margin-top: 15px;
margin-bottom: 30px;
}
.home-wrapper.custom .home-wrapper-center {
padding-right: 0;
}
.home-wrapper.custom .home-wrapper-center::before {
content: unset;
}
.home-wrapper.custom .home-wrapper-flex::before {
content: unset;
}
.home-wrapper.custom .home-wrapper-title {
font-size: 18px;
font-weight: 500;
}
.home-wrapper.custom .home-wrapper-title strong {
font-weight: 600;
}
/* breadcrumb */
.breadcrumb {
font-size: 14px;
margin: 0;
padding: 0;
background: transparent;
margin-top: 20px;
}
li.breadcrumb-item a {
color: #7D7D7D;
}
.breadcrumb-item.active a {
color: var(--color1);
}
li.breadcrumb-item a:hover {
color: var(--color1);
}
@media (max-width:767px) {
li.breadcrumb-item {
white-space: nowrap;
}
.breadcrumb {
font-size: 12px;
flex-wrap: nowrap;
overflow: auto;
}
}
/* pagination */
.pagination {
justify-content: center;
padding-top: 40px;
margin-bottom: 0;
padding-bottom: 40px;
}
.page-link {
width: 38px;
height: 38px;
border: 0;
display: flex;
align-items: center;
justify-content: center;
color: #323232;
margin: 0 5px;
background: unset;
padding-top: 10px;
background: #E6EAED80;
border-radius: 2px !important;
transition: 0.3s;
}
a.page-link:hover {
background: var(--color1);
color: #fff;
}
.page-item:first-child .page-link {
margin-right: 5px;
}
span.page-link:hover {
background: #fff;
color: var(--color2);
}
.page-link:focus {
box-shadow: unset;
}
.page-item.active .page-link {
color: #fff;
background-color: #323232;
}
.page-item-title .page-link {
width: auto;
height: auto;
font-size: 14px;
color: #323232;
font-family: var(--font2);
}
.page-item-title .page-link {
width: auto;
height: 38px;
font-size: 14px;
color: #323232;
font-family: var(--font2);
}
.page-item-title .page-link:hover {
background: var(--color1);
color: #fff;
}
@media (max-width:767px) {
.pagination {
padding-top: 20px;
padding-bottom: 20px;
}
.page-link {
margin: 0;
}
.page-link span {
display: none;
}
.page-item-title {
display: none;
}
.page-link {
width: 30px;
height: 30px;
margin: 0 3px;
}
}
/* sort */
.sort-body {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.sort-title {
color: #222222;
font-size: 14px;
font-weight: 600;
margin-left: 15px;
}
.sort-item-flex {
display: flex;
}
.sort-item {
border: 1px solid transparent;
background: #fff;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
color: #222222;
font-size: 14px;
font-weight: 500;
padding: 5px 15px;
border-radius: 30px;
transition: 0.3s;
}
.sort-item.active {
background: var(--color2);
border-color: var(--color2);
color: #fff;
}
@media (max-width:767px) {
.sort-title {
font-size: 12px;
white-space: nowrap;
margin-left: 10px;
}
.sort-item-flex {
overflow: auto;
}
.sort-item {
height: 28px;
font-size: 12px;
padding: 5px 10px;
white-space: nowrap;
}
.sort-body {
margin-bottom: 5px;
flex-direction: column;
}
.radio-custom label{float:right;width:auto;background-color:#FEFEFE;border-radius:0px;margin-left:2px;text-align:center;font-size:13px;padding: 7px}
}
/* switch */
.sort-switch {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
}
.sort-switch span {
cursor: pointer;
font-size: 14px;
font-weight: 600;
color: #222222;
margin: 0;
}
input[type="checkbox"].switch {
font-size: 16px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 3em;
height: 1.5em;
background: #ddd;
border-radius: 3em;
position: relative;
cursor: pointer;
outline: none;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
opacity: 1;
right: auto !important;
left: auto !important;
position: relative;
}
input[type="checkbox"].switch:after {
position: absolute;
content: "";
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: #fff;
-webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, .3);
box-shadow: 0 0 0.25em rgba(0, 0, 0, .3);
-webkit-transform: scale(.7);
transform: scale(.7);
left: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
input[type="checkbox"].switch:checked {
background: var(--color2);
}
input[type="checkbox"].switch:checked:after {
left: calc(100% - 1.5em);
}
input[type="checkbox"].switch:after {
position: absolute;
content: "";
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: #fff;
-webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, .3);
box-shadow: 0 0 0.25em rgba(0, 0, 0, .3);
-webkit-transform: scale(.7);
transform: scale(.7);
left: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
/* range */
.acc-range-flex {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px;
font-weight: 500;
color: #222222;
font-size: 14px;
}
.acc-range-info {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
color: #222222;
}
:root {
--clr-prim: var(--color2);
--clr-prim-h: var(--color1);
--clr-bad: var(--color1);
--clr-box: #F9F9F9;
--clr-box-dark: gray;
--clr-border: #D9D9D9;
--txt-clr: #333333;
--shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
--cubic: cubic-bezier(0.11, 0.54, 0.33, 1.01);
}
.dual-range {
--range-size: 12px;
--range-width: 100%;
--handle-size: 1.3;
height: 8px;
width: var(--range-width);
background: #cccccc;
border-radius: 50px;
position: relative;
user-select: none;
right: 5px;
}
.dual-range .highlight {
position: absolute;
height: 8px;
width: calc(var(--x-2) - var(--x-1) + var(--range-size) * var(--handle-size));
left: var(--x-1);
background: var(--clr-prim);
z-index: 1;
border-radius: 50px;
}
.dual-range .handle {
width: calc(var(--range-size) * var(--handle-size));
height: calc(var(--range-size) * var(--handle-size));
background: #222222;
position: absolute;
box-shadow: var(--shadow);
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
z-index: 2;
cursor: grab;
}
.dual-range .handle:active {
cursor: grabbing;
}
.dual-range .handle.left {
left: var(--x-1);
}
.dual-range .handle.right {
left: var(--x-2);
}
/* list */
.list-product .row {
margin-left: -7px;
margin-right: -7px;
}
.list-product .col-6 {
padding-left: 8px;
padding-right: 8px;
}
.head-title {
font-size: 16px;
color: var(--color2);
margin-top: 15px;
margin-bottom: 20px;
}
.head-title strong {
font-weight: 800;
color: var(--color1);
}
.filter-box {
border-radius: 8px;
background: #f9f9f9;
}
.filter-title {
font-size: 16px;
font-weight: 600;
color: #222222;
}
.filter-text {
font-size: 14px;
font-weight: 700;
margin-top: 8px;
color: var(--color2);
}
.filter-row {
padding: 20px;
border-bottom: 2px solid #E6EAED;
}
.filter-row:last-child {
border-bottom: 0;
}
.filter-search {
display: flex;
background: #FFFFFF80;
height: 40px;
margin-top: 15px;
align-items: center;
border-radius: 6px;
padding: 0 10px;
border: 1px solid #323232
}
.filter-search input {
background: transparent;
width: 100%;
height: 100%;
border: 0;
outline: none;
font-size: 12px;
font-weight: 600;
}
.filter-search button {
background: transparent;
padding: 0;
border: 0;
display: flex;
align-items: center;
color: #787878;
margin-top: 5px;
font-size: 14px;
}
.filter-btn-collapce {
color: #222222;
font-size: 14px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.filter-check-item {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
color: #222222;
}
.filter-check-item div {
display: flex;
align-items: center;
}
.filter-check-item input {
width: 18px;
height: 18px;
accent-color: var(--color2);
margin-left: 10px;
cursor: pointer;
}
.filter-tag-body {
display: flex;
flex-wrap: wrap;
}
.filter-tag {
border: 1px solid var(--color1);
font-size: 13px;
color: var(--color2);
border-radius: 20px;
padding: 2px 8px;
margin-top: 15px;
margin-left: 10px;
transition: 0.3s;
}
.filter-tag:hover {
background: var(--color1);
color: #fff;
}
#no-results {
text-align: center;
margin-top: 15px;
font-size: 14px;
}
.show-more-title {
color: #222222;
font-weight: 600;
margin-top: 20px;
margin-bottom: 10px;
}
.show-more {
margin-top: 50px;
border-top: 2px solid #323232
}
.show-more-content::before {
content: "";
height: 100%;
position: absolute;
width: 100%;
background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 50%, #fff);
bottom: 0;
}
.show-more-content {
position: relative;
font-size: 14px;
line-height: 2;
max-height: 300px;
overflow: hidden;
text-align: justify;
}
.show-more-content.active {
max-height: 100%;
}
.show-more-content.active::before {
content: unset;
}
.show-more-btn {
cursor: pointer;
font-size: 15px;
color: #222222;
transition: 0.3s;
margin-top: 5px;
}
.show-more-btn:hover {
color: var(--color2);
}
@media (max-width:767px) {
.head-title {
font-size: 14px;
margin-top: 15px;
margin-bottom: 15px;
}
.filter-search {
background: #eee;
}
.filter-box {
position: fixed;
top: 0;
right: 0;
height: 100%;
z-index: 9999;
transform: translateX(+100%);
transition: 0.5s;
width: 70%;
background: #fff;
border-radius: 0;
overflow: auto;
}
.filter-box.active {
transform: translateX(0);
}
.filter-btn-mobile {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 9;
background: #222222;
color: #fff;
border-radius: 33px;
font-size: 18px;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
padding-right: 1px;
padding-top: 2px;
}
.show-more {
margin-top: 25px;
}
.show-more-content {
font-size: 12px;
text-align: justify;
max-height: 140px;
}
.home-wrapper.custom {
margin-top: 15px;
margin-bottom: 15px;
}
.home-wrapper.custom .home-wrapper-title {
font-size: 14px;
}
}
@media (min-width:768px) {
.filter-sticky {
position: sticky;
top: 100px;
}
.filter-btn-mobile {
display: none;
}
}
@media (max-width:767px) {
.breadcrumb-item+.breadcrumb-item {
margin-left: 10px;
}
.product-title {
font-size: 16px;
}
.product-mute {
margin-top: 10px;
font-size: 12px;
margin-left: 15px;
}
.product-rate {
height: 23px;
font-size: 12px;
margin-top: 10px;
}
.product-row {
padding-top: 15px;
margin-top: 15px;
}
.product-row-btn {
font-size: 12px;
}
.product-row ul {
font-size: 12px;
}
.product-color {
margin-right: 15px;
}
.product-color-body {
line-height: 2;
}
.product-space {
flex-direction: column;
}
.product-item {
font-size: 13px;
margin-bottom: 10px;
}
.product-action {
width: 100%;
}
.product-price-discunt {
height: 24px;
font-size: 14px;
}
.product-price-before {
font-size: 16px;
}
.product-price-main {
font-size: 20px;
}
.product-add-btn {
height: 42px;
font-size: 16px;
}
.product-count-title {
font-size: 15px;
}
.product-tab {
margin-top: 25px;
}
.product-data {
margin-top: 15px;
font-size: 14px;
}
.product-data span {
width: 50% !important;
}
.product-desc {
margin-top: 5px;
line-height: 2;
font-size: 14px;
}
}
/* comment */
.com-box {
background: #f8f8f8;
padding: 20px;
margin-top: 15px;
}
.com-box-title {
font-size: 18px;
font-weight: 700;
color: #000;
margin-top: 10px;
}
.com-box-text {
font-weight: 300;
margin-top: 10px;
color: #000;
}
.com-box-form {
display: flex;
flex-direction: column;
}
.com-box-form input {
height: 50px;
border: 1px solid #00000033;
margin-top: 5px;
padding: 10px;
outline-color: var(--color1);
border-radius: 10px;
background: #F0F0F0;
}
.com-box-form textarea {
border: 1px solid #00000033;
margin-top: 5px;
padding: 10px;
outline-color: var(--color1);
border-radius: 10px;
background: #F0F0F0;
}
.com-box-form label {
font-size: 18px;
}
.com-box-code input {
border: 0;
height: 40px;
border: 1px solid #00000033;
margin-right: 10px;
text-align: center;
outline-color: var(--color1);
width: 100%;
border-radius: 10px;
max-width: 150px;
background: #F0F0F0;
}
.com-box-code img {
width: 140px;
}
.com-box-code {
display: flex;
align-items: center;
white-space: nowrap;
}
.com-box-recode {
font-size: 14px;
margin-top: 15px;
display: block;
color: var(--color2);
}
.com-box-submit {
height: 50px;
background: var(--color1);
background: #222222;
border: 0;
color: #fff;
font-size: 16px;
font-weight: 600;
padding: 10px;
border-radius: 10px;
margin-top: 10px;
width: 100%;
border-radius: 50px;
transition: 0.3s;
margin-top: 15px;
}
.com-box-submit:hover {
background: var(--color1);
color: #fff;
}
@media (max-width:767px) {
.com-box-title {
font-size: 16px;
}
.com-box-text {
margin-top: 10px;
font-size: 14px;
}
.com-box-form label {
font-size: 14px;
}
.com-box-form input {
height: 40px;
margin-top: 0px;
}
.com-box-mute {
font-size: 12px;
}
.comment-form-rate-text {
font-size: 14px;
}
.com-box-recode {
margin-top: 10px;
font-size: 14px;
display: block;
}
.com-box-submit {
height: 38px;
padding: 8px;
margin-top: 10px;
margin-top: 0;
}
}
/* blog */
.blog-img {
width: 100%;
max-width: 100%;
display: block;
margin: auto;
margin-bottom: 15px;
}
.blog-content p {
font-size: 16px;
line-height: 2.14;
text-align: justify;
color: #000;
margin-top: 15px;
}
.blog-content img {
max-width: 100%;
border-radius: 8px;
display: block;
margin: auto;
margin: 20px auto;
}
.blog-content video {
width: 100%;
max-width: 100%;
border-radius: 8px;
background: #000;
max-height: 300px;
}
.blog-content table,
td,
th {
border: solid 1px #c8c8c8;
text-align: center;
}
.blog-content table {
width: 100%;
border-collapse: collapse;
}
.blog-title {
font-size: 18px;
font-weight: 600;
color: #323232;
margin-top: 22px;
margin-bottom: 20px;
}
.blog-title h1 {
font-size: 20px;
font-weight: 600;
}
.blog-title h2 {
font-size: 20px;
font-weight: 600;
}
.blog-info {
font-size: 18px;
margin-top: 20px;
}
.blog-mute {
color: #999999;
font-size: 16px;
margin-top: 15px;
}
@media (max-width:767px) {
.blog-content p {
font-size: 13px;
}
.blog-box {
margin-top: 17px;
}
.blog-title {
font-size: 18px;
margin-top: 20px;
}
.blog-title h1 {
font-size: 18px;
}
.blog-title h2 {
font-size: 18px;
}
.blog-info {
font-size: 16px;
margin-top: 15px;
}
.blog-mute {
color: #999999;
font-size: 14px;
}
}
.b-comment {
background: #fff;
border: 1px solid #0000001A;
border-top: 3px solid #222222;
padding: 20px;
margin-top: 25px;
}
.comment-item {
margin-top: 25px;
border-bottom: 1px solid #DBDBDB;
padding-bottom: 20px;
}
.comment-item:last-child {
border: 0;
padding-bottom: 0;
}
.comment-item-info {
display: flex;
align-items: center;
}
.comment-item-info i {
background: #C9C9C9;
color: #fff;
width: 30px;
height: 30px;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
border-radius: 30px;
margin-left: 15px;
}
.comment-item-user {
font-size: 16px;
font-weight: 600;
color: #7A7A7A;
margin-left: 10px;
}
.comment-item-date {
font-size: 14px;
color: #7A7A7A;
}
.comment-item-text {
font-size: 14px;
margin-top: 15px;
}
.comment-item-action {
margin-top: 15px;
display: flex;
align-items: center;
}
.comment-item-action button {
margin: 0;
padding: 0;
line-height: 1;
margin-left: 15px;
border: 0;
background: transparent;
color: #7A7A7A;
display: flex;
align-items: center;
}
.comment-item-action button:hover {
color: #000;
}
.comment-form-replay {
margin-top: 15px;
}
.btn-replay.active {
color: var(--color2);
}
.comment-form-replay textarea {
width: 100%;
border-radius: 6px;
background: #fff;
padding: 10px;
border: 1px solid #00000040;
font-size: 14px;
outline-color: var(--color2);
margin-bottom: 0;
}
.comment-form-replay input {
width: 100%;
border-radius: 6px;
background: #fff;
padding: 10px;
border: 1px solid #00000040;
font-size: 14px;
margin-top: 15px;
outline-color: var(--color2);
}
.comment-form-replay button {
width: 100%;
border-radius: 10px;
background: var(--color1);
border: 1px solid var(--color1);
padding: 10px;
font-size: 14px;
margin-top: 15px;
color: #fff;
transition: 0.3s;
}
.comment-form-replay button:hover {
background: transparent;
color: var(--color1);
}
/* contact */
.contact-box {
border-radius: 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
border: solid 1px #dfdfdf;
background-color: #fff;
padding: 20px;
}
.contact-box-title {
font-size: 18px;
color: #323232;
margin-bottom: 25px;
font-weight: 600;
text-align: center;
}
.contact-box .responsive-map {
overflow: hidden;
padding-bottom: 335px;
position: relative;
height: 0;
border-radius: 0;
height: 100%;
margin-top: 0;
margin-bottom: 0;
}
.contact-box .responsive-map iframe {
left: 0;
top: 0;
height: 335px;
height: 100%;
width: 100%;
position: absolute;
border-radius: 0;
}
.contact-us-form-title {
font-size: 18px;
font-weight: 600;
border-bottom: 1px solid var(--color1);
padding-bottom: 5px;
color: var(--color2);
}
.contact-us-form input {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #eee;
border-radius: 5px;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
outline: none;
border-radius: 6px;
background: #F0F0F0;
height: 44px;
}
.contact-us-form textarea {
display: block;
width: 100%;
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #eee;
border-radius: 5px;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
outline: none;
border-radius: 6px;
background-color: #eee;
}
.contact-us-form label {
font-size: 16px;
font-weight: 500;
text-align: right;
color: #979797;
}
.contact-us-form input:focus {
border-color: var(--color2);
}
.contact-us-form textarea:focus {
border-color: var(--color2);
}
.contact-us-form button {
background: var(--color2);
border: 1px solid var(--color2);
font-size: 16px;
font-weight: 400;
color: #fff;
padding: 5px 10px;
transition: 0.3s;
width: 181.9px;
height: 45.5px;
}
.contact-us-form button:hover {
background: transparent;
color: var(--color3);
}
.contact-box-item{
margin-bottom: 15px;
}
@media (max-width:767px) {
.contact-box .responsive-map {
padding-bottom: 200px;
}
.contact-box .responsive-map iframe {
height: 200px;
}
.contact-box {
padding: 15px;
}
.contact-box-title {
font-size: 16px;
margin-bottom: 20px;
}
.contact-us-form label {
font-size: 14px;
}
.contact-us-form button {
height: 36px;
width: auto;
font-size: 12px;
}
}
/* tab */
.product-tab {
margin-top: 50px;
}
.product-tab .nav {
display: flex;
flex-wrap: nowrap;
}
.tab-content {
border-top: 0;
padding-top: 10px;
}
.product-nav-item.active {
color: #323232;
border-bottom: 3px solid #323232;
}
.product-nav-item i {
margin-left: 5px;
}
.product-data {
margin-top: 12px;
font-size: 16px;
color: #323232;
display: flex;
align-items: center;
background: #f7f7f7;
}
.product-data span:first-child {
width: 25%;
font-weight: 500;
padding: 5px;
background: #f2f2f2;
margin-left: 12px;
border-left: 10px solid #ffff;
}
.comment-form-rate {
display: flex;
align-items: center;
justify-content: end;
}
.comment-form-rate-star {
margin-right: 15px;
margin-left: 15px;
direction: ltr;
}
.comment-form-rate-text {
font-size: 16px;
text-align: center;
color: #505050;
}
.wrapper-star input {
display: none;
}
.wrapper-star label {
margin: 0;
}
i.icon-star-empty {
color: #7D7D7D;
}
i.icon-star {
color: #f9bc00;
}