body{background:#fff ;margin:0;padding:0;font:13px ramin;direction:rtl;color:#777}
@font-face 
{
	font-family:'ram';font-style:normal;font-weight:normal;
	src:url('../font/Shabnam.woff') format('woff');
	src:url('../font/Shabnam.ttf') format('truetype');
}
@font-face 
{
	font-family:'ramin';font-style:normal;font-weight:normal;
	src:url('../font/Shabnam.woff') format('woff');
	src:url('../font/Shabnam.ttf') format('truetype');

}
@font-face 
{
	font-family:'raminb';font-style:normal;font-weight:normal;
	src:url('../font/Shabnam-Bold.woff') format('woff');
	src:url('../font/Shabnam-Bold.ttf') format('truetype');

}


:root {
 --color1:#F2789F;    /*soorati   por*/
 --color2:#FAE3D9;    /*soorati   kam*/
 --color3:#61C0BF;    /*sabz	  por*/
 --color4:#BBDED6;    /*sabz	   kam*/
 --color5:#EF4056;    /*Red    buy digi   */
}

.color1{color:var(--color1)}
.color2{color:var(--color2)}
.color3{color:var(--color3)}
.color4{color:var(--color4)}
.color5{color:var(--color5) !important}


.bg5{background-color:var(--color5)}



::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {background:#f1f1f1;}
::-webkit-scrollbar-thumb {background:#ccc;}
::-webkit-scrollbar-thumb:hover {background:#555;}

.col-title{color:Orange;border-bottom:solid 1px orange;font:14px ramin;padding-bottom:5px;margin:5px 0 20px 0}


/*+++++++++++++++++++ Master +++++++++++++++++++++*/
.main-placeholder{boorder:solid 1px green;margin:15px 240px 40px 15px}




.right-menu{background:#fff3f5 url(../images/righ-menu-bg.png);position:fixed;top:0;right:0;bottom:0; width:220px;padding:0; z-index:98; ;box-shadow:-4px 0 10px rgba(0,0,0,0.1);;}
.right-menu img{width:80%;margin:20px auto;display:block}
.right-menu h1{font:18px raminb;text-align:center;margin-bottom:15px;}
.right-menu h1 b{font:22px raminb;}
.right-menu-a{display:block;padding:8px 0;margin:7px 0; font:14px raminb; color:#ad532f;transition: all 0.5s ; -moz-transition:all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;text-align:center;}
.right-menu-a:hover{color:#a32e00;transform:scale(1.1)}
.right-menu-a:before{content:'\e81e';font:14px fonticon;margin-left:5px;}

.right-menu-a:nth-child(6){color:var(--color1)}



.right-menu-icon{position:relative;text-align:center;}
.right-menu-icon span{font:12px raminb ;display:block;width:20px;height:20px;border-radius:50%;background:var(--color5); color:#fff;line-height:20px;position:absolute;top:-10px;right:50%;margin-right:-10px;}


.right-menu-peygiri{display:inline-block;padding:10px 15px;background:var(--color3);color:#fff;border-radius:7px;margin:10px auto;}

.right-menu-footer{position:absolute;bottom:0;font-size:0;left:0;right:0;border-top:solid 1px #f2dad2}
.right-menu-footer a{width:33%;display:inline-block;text-align:center;color:var(--color1);padding:12px 0}
.right-menu-footer a:nth-child(2){border-right:solid 1px #f2dad2;border-left:solid 1px #f2dad2;}
.right-menu-footer a i{font-size:26px;}

.right-menu-footer a:hover{color:var(--color1);}





/*_____ Mobile menu ______*/
.mobile-menu{display:none; position:fixed;bottom:0;right:0;left:0;padding:6px 20px; background:#fff;box-shadow:0 -5px 10px RGBA(0,0,0,0.07);border-radius:25px 25px 0 0;font-size:0;z-index:111 }
.mobile-menu:before{position:absolute;top:-24px;left:50%;margin-left:-50px;;width:100px;height:25px; content:''; display:block;background:url(../images/bottom-curve.png) bottom center;z-index:-1;filter: drop-shadow(0 -7px 6px rgba(0,0,0,0.1));}
.mobile-menu a{display:inline-block;color:#555;width:20%;font:10px ramin;text-align:center;}
.mobile-menu a:nth-child(3){font:16px ramin;margin-top:-15px;}
.mobile-menu a:nth-child(3) i{font-size:24px;}
.mobile-menu a i{display:block;color:#777;font-size:16px;margin-bottom:5px;}

.mobile-top-menu{display:none; position:fixed;top:0;right:0;left:0;padding:9px 20px; background:#fff;box-shadow:0 5px 10px RGBA(0,0,0,0.1);border-radius:0 0 15px 15px ;z-index:111}
.mobile-top-menu:before{position:absolute;top:34px;left:50%;margin-left:-50px;;width:100px;height:25px; content:''; display:block;background:url(../images/top-curve.png) bottom center;z-index:-1;filter: drop-shadow(0 8px 6px rgba(0,0,0,0.1));}
.mobile-top-menu img{width:50px;position:absolute;left:50%; margin-left:-25px;}
.mobile-top-menu h2{}
.mobile-top-menu h3{}






/*+++++++++++++++++++ Default +++++++++++++++++++++*/
.def-product{width:100%;height:250px;border-radius:6px;overflow:hidden;position:relative;display:block;}
.def-product img{height:100%;width:100%;object-fit:cover;object-position:center;}
.def-product:hover > img{transform:scale(1.1)}
.def-product-small{height:120px}
/*.def-product:hover > .def-product-inf{visibility:visible;opacity:1}
.def-product-inf{color:#fff;visibility:hidden;opacity:0; position:absolute;background:rgba(0,0,0,0.2);backdrop-filter:blur(3px); left:0;right:0;bottom:0;top:0;padding:20px;}
.def-product-inf h4{font:22px raminb;}
*/


.def-search{padding:0 5%;}
.def-search-box{border:solid 2px #eee;border-radius:60px;font-size:0;overflow:hidden;padding:5px 0;}
.def-search-box input{border:none;width:calc(100% - 62px);font-size:22px;padding:15px 20px;padding-top:9px;}
.def-search-box input::placeholder{font-size:14px ;color:#aaa;}
.def-search-box a{width:55px;height:55px;display:inline-block;background:var(--color1);vertical-align:top;text-align:center;line-height:55px;border-radius:50%;}
.def-search-box a i{color:#fff;font-size:23px;}




/*+++++++++++++++++++ aboutus +++++++++++++++++++++*/
.page-aboutus{padding:20px 10%;}
.page-aboutus h4{border-bottom:solid 9px #F3B9C3;font:26px raminb;padding-bottom:5px;}
.page-aboutus div{padding:15px;display:block;font:16px ram;line-height:32px;}
.page-aboutus a{display:inline-block;padding:7px 3%;font:14px ramin;color:#aaa;}
.page-aboutus a:hover{color:#F3B9C3}
.aboutus-img{position:relative;}
.aboutus-img img{width:100%;}
.aboutus-img div{width:80%;height:80%;margin:10%; border-radius:40%;background:#F3B9C3;;z-index:-1;position:absolute;animation:pulse 15s linear infinite;box-shadow:0 0 90px #F3B9C3}
@keyframes pulse{
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}



/* عکس باید نسبت 1به1 داشته باشد - مقلا 800در 800*/
/*+++++++++++++++++++ Product List +++++++++++++++++++++*/
.product-list-sort{padding-bottom:25px;}
.product-list-sort label{font:14px raminb; color:#111}
.product-list-sort a{font:13px ramin; color:#777;border:solid 1px #ccc;border-radius:7px;padding:6px 9px;}
.pl-active{border:solid 2px var(--color5) !important; color:var(--color5) !important;font:13px raminb !important} 

.product-search-box{border-radius:45px;font-size:0;overflow:hidden;padding:5px;}
.product-search-box input[type=text]{width:calc(100% - 30px);font-size:14px;padding:5px 10px;padding-bottom:1px;}
.product-search-box input::placeholder{font-size:13px ;color:#aaa;}
.product-search-box a{width:30px;height:30px;line-height:16px;border-radius:50%;border:none !important;text-align:center;}
.product-search-box a i{font-size:16px;}



.product-box{width:20%;border:solid 1px #eee;padding:25px;padding-bottom:10px; display:inline-block;border-left:none;vertical-align:top;position:relative;overflow:hidden;}
.product-box:hover{box-shadow:0 5px 15px RGBA(0,0,0,0.1)}
.product-box img{width:100%;border-radius:5px;overflow:hidden;min-height:200px;}
.product-box h3{margin:10px 0;color:#333;display:inline-block;font:16px ramin;}
.product-box span{margin:0 7px;color:#aaa;}
.product-box-price{font:20px ramin;color:#333;margin:3px 15px 10px 0;}
.product-box-price-off{font:15px ramin;color:#999;text-decoration:line-through;}
.product-box-off{position:absolute;top:8px;left:-40px;background:#e1003e; color:#fff;display:inline-block;padding:4px 5px;min-width:130px;transform:rotate(-40deg);text-align:center;font:14px raminb;}

.product-box-border{border-right:solid 1px #eee;border-left:solid 1px #eee}
.product-box-inf{opacity:0.5; }
.product-box:hover > .product-box-inf{opacity:1}

/*.product  small */
.product-box-small{width:50%;padding:18px}
.product-box-small h3{margin:7px 0;font:14px ramin;}
.product-box-small img{min-height:130px;}
.product-box-small .product-box-price{font:20px ramin;background-size:22%;}




/*+++++++++++++++++++ Product view +++++++++++++++++++++*/
.pv-img-main{display:block;margin:0 auto;width:100%;padding:0;border-radius:20px}
.pv-img-small{display:inline-block;width:90px;border-radius:7px;margin:5px}
.pv-img-small:hover{box-shadow:0 5px 10px rgba(0,0,0,0.5);cursor:pointer;}


.pv-title{color:#333;font:26px raminb;padding-top:15px;}
.pv-group{color:#aaa;font:16px ram;border-bottom:solid 1px #ddd;padding-bottom:9px}

.pv-box-amar{border:solid 1px #ddd;border-radius:5px;padding:7px 10px;padding-left:0; margin:10px 0; color:#999;display:block;font:12px ramin;}
.pv-box-amar:hover{background:#fafafa;}
.pv-box-amar i{display:inline-block;float:right; font-size:15px;margin-left:7px;color:#bbb;}


.pv-propertis span{color:#999;font:15px ram;margin:10px;display:block;}
.pv-propertis span:before{content:'\e80a';font-family: 'fonticon';font-size:12px; color:#42e595;margin-left:5px;}



.pv-order{border-top:solid 2px #eee;padding:10px 0;}
.pv-price{font:34px raminb;color:var(--color5);padding-bottom:10px;}
.pv-price-off{font:22px ramin;color:#bbb;padding-bottom:5px;text-decoration:line-through;}
.pv-order-btn{background:#ef4056;padding:0;font:20px ramin; line-height:60px;height:60px;position:relative;z-index:1;overflow:hidden;width:45%;margin:0 auto;display:block;}
.pv-order-btn i{float:right;font-size:30px;height:60px;padding:0 7%; display:inline-block;text-align:center;background:#f25a6e;width:auto;}


.pv-static-box div{border:solid 1px #eee;padding:10px 5%;}



.pv-comment{border-top:solid 3px #eee;padding:30px;;margin-bottom:20px;}

.pv-comment-top{border-bottom:solid 1px #ccc;padding:12px;background:#fafafa;position:relative;}
.pv-comment-top h4{font:14px ramin;display:inline-block;margin-left:5%;}
.pv-comment-top a{border:solid 1px red; border-radius:7px; padding:7px 20px; color:red;position:absolute;left:10px;top:5px;cursor:pointer; }

.commnet-box{padding:15px 20px;}
.commnet-box img{width:50px;height:50px; border-radius:50%;border:solid 3px #fff;box-shadow:0 5px 10px rgba(0,0,0,0.1);float:right;margin:0 0 30px 20px;}
.comment-name{font:15px raminb;color:#666;margin-left:12px;}
.comment-date{display:block;font:12px ram;color:#bbb;margin-bottom:10px;}
.comment-text{display:block;font:14px ramin;color:#999;}




/*+++++++++++++++++++ Follow order +++++++++++++++++++++*/
.fo-bg{position:fixed;left:0;bottom:0;width:60%;z-index:-1;opacity:0.3}
.fo-order-box{border:solid 1px #eee;border-radius:25px;background:rgba(255,255,255,0.2) ;backdrop-filter:blur(5px);  padding:20px 4%;box-shadow:0 5px 10px Rgba(0,0,0,0.1)}
.fo-order-box-title{border-radius:20px;background:#00c162;font-size:16px;color:#fff;padding:7px}


/*+++++++++++++++++++ Basket +++++++++++++++++++++*/

.basket-box{border:solid 1px #ddd;border-radius:10px;padding:20px;background:RGBA(255,255,255,0.8)}
.basket-box-title{background:#f5f5f5;border-radius:7px;padding:14px 15px;font:16px ramin;color:#777;margin-bottom:10px;text-align:center;}


/* blk = basket list kala*/
.blk-img{width:60px;border-radius:7px;vertical-align:bottom;}
.blk-name{font:16px ramin;color:#444;padding-right:15px;display:inline-block;}
.blk-name:hover{color:#267fb2}
.blk-price{display:inline-block; color:#333;font:18px ram;margin-right:5%;}
.blk-price b{display:inline-block;color:var(--color5);font:12px ram;padding-right:5px;display:block;}
.blk-tedad{display:inline-block; border:solid 1px #ccc;padding:6px 10px;border-radius:7px;}
.blk-tedad span{font:16px ramin;padding:3px 10px;color:#333}
.blk-tedad a{font:16px ramin;color:#999;}
.aspNetDisabled{opacity:0.2 !important;}
.blk-del{font:14px ramin;color:#e26a6a;opacity:0.6;cursor:pointer;background:#ffe0e0;padding:7px 12px;padding-bottom:4px; border-radius:10px;display:inline-block;float:left;}
.blk-del:hover{opacity:1}



.basket-price-box{color:#000;font:14px ramin}
.basket-price-box b,.basket-price-box i{float:left;font-weight:normal;}

.free-post-animation img{animation: shake 3s linear infinite;}
@keyframes shake {
  0% {  }
  18% { transform: translate(1px, 1px) rotate(0deg); }
  20% { transform: translate(-1px, -2px) rotate(-1deg); }
  21% { transform: translate(-3px, 0px) rotate(1deg); }
  22% { transform: translate(3px, 2px) rotate(0deg); }
  24% { transform: translate(1px, -1px) rotate(1deg); }
  26% { transform: translate(-1px, 2px) rotate(-1deg); }
  28% { transform: translate(-3px, 1px) rotate(0deg); }
  30% { transform: translate(1px, 2px) rotate(0deg); }
  32% { margin-left:0px;opacity:1; }
  50% { margin-left:120px;opacity:0; }
  100% { opacity:0; }
}







@media only screen and (max-width:1000px) {
.main-placeholder{boorder:solid 1px green;margin:60px 15px 75px 15px}
.right-menu{display:none;}
.mobile-menu{display:block;}
.mobile-top-menu{display:block; }


.def-product{width:100%;height:150px;}
.def-search{padding:10px 0;}


.product-list-sort label{display:none;}
.mobile-pl-0{visibility:hidden;height:15px;}
.mobile-pl-1{text-align:right !important;}


.product-box{width:50%;padding:15px;}
.product-box h3{font:14px ramin;}
.product-box-price{font:18px ramin;}
.product-box-price-off{font:13px ramin}


.pv-title{font:20px raminb;}
.mobile-pv-0{padding:0 !important}
.pv-order-btn{font:20px ramin; line-height:60px;width:75%;}
.pv-static-box img{width:50px;}
.pv-comment{padding:30px 0;;;}


.mobile-fo-1{width:100% !important;}


.basket-box{padding:5px !important}


.mobile-pf-1{margin-bottom:15px !important;}

.page-aboutus{padding:20px 0%;}
.page-aboutus a{padding:7px 3%;}

}