a:hover,
a:active,
a:focus {outline: none;text-decoration: none;}
::placeholder {color:rgba(190,190,190,1) !important;text-align: center !important;font-size:13px !important; font-family:"IRSsns";}
:-ms-input-placeholder {color:rgba(190,190,190,1) !important;text-align: center !important;font-size:13px !important; font-family:"IRSsns";}
::-ms-input-placeholder {color:rgba(190,190,190,1) !important;text-align: center !important;font-size:13px !important; font-family:"IRSsns";} 
.removeSpace{margin:0 !important;padding:0 !important;}
.redBorder{border:1px solid red}
.blueBorder{border:1px solid blue}
.greenBorder{border:1px solid green}
.font10{font-size:10px !important}
.font11{font-size:11px !important}
.font12{font-size:12px !important}
.font13{font-size:13px !important}
.font14{font-size:14px !important}
.font15{font-size:15px !important}
.font16{font-size:16px !important}
.font17{font-size:17px !important}
.font18{font-size:18px !important}
.font19{font-size:19px !important}
.font20{font-size:20px !important}
.font21{font-size:21px !important}
.font22{font-size:22px !important}
.font22{font-size:23px !important}
.font24{font-size:24px !important}
.font25{font-size:25px !important}
.font26{font-size:26px !important}
.font27{font-size:27px !important}
.font28{font-size:28px !important}
.font29{font-size:29px !important}
.font30{font-size:30px !important}
.relativeLayout{position:relative}
.Store_BuyBasket_Container{position:absolute;left:20px;top:70px;width:260px;background:white;border-top:2px solid #039be5;border-radius:5px;display:none;z-index:1000;padding:5px !important;}
.Store_BuyBasket_Container  i.arrow{position:absolute;font-size:17px;top:-14px;left:5%;color:#039be5}
.Store_BuyBasket_Items{float:right;width:100%;}
.Store_BuyBasket_Item{padding:10px 10px 40px 10px !important;border-bottom:1px solid #ededed}
.Store_BuyBasket_Item  h2{direction:rtl;float:right;width:calc(100% - 60px);padding:0;font-size:15px !important;margin:0 5px 0 0 !important;height:50px;line-height:25px;font-weight:bold !important;}
.Store_BuyBasket_Item  img{width:50px;height:50px;}
.Store_BuyBasket_Item  i.delete{color:red;position:absolute;bottom:5px;font-size:20px;}
.Store_BuyBasket_Item  span.Price_Count{position:absolute;bottom:2px;direction:rtl;font-size:15px;background:rgba(3,155,229,0.4);padding:0 3px;color:black;border-radius:4px;font-weight:normal}
.Estore_Footer_namad{float:right !important;width:160px;height:170px;margin:2px 0 0 5px !important;background:white;border:2px solid #ededed;border-radius:5px/*border:1px solid red*/}
.Estore_Footer_namad img{float:right;width:100%}
.rtlDirection{direction:rtl !important}
.block{float:right;width:100%}
.RP_Title{width:99%;float:right;margin:0 0 5px 0 !important;z-index:1;direction:rtl}
.RP_Title h2{float:right;margin:0;padding:4px 10px;cursor:pointer;z-index:2}
.right{float:right}
.iransansdnFont{font-family:"iransansdn" !important}
.Theme_Title{width:100%;padding:7px 0 !important;direction:rtl;background:rgba(254,111,97,1)}
.Theme_Title h2{float:right;margin:0;padding:4px 10px;cursor:pointer;z-index:2}
/* start tab ----------------------------------------------------------------*/
.tabPanel-widget {position: relative;background:rgba(234,248,254,1);direction:rtl}
.tabPanel-widget > label {position: absolute;z-index: 1;}
.tabPanel-widget > label,.tabPanel-widget > h2 {font-size: 1.1em;width: 9em;height: 2em;line-height: 2em;}
.tabPanel-widget > h2 {position: relative;margin: 0;text-align: center;background:rgba(234,248,254,1);font-family:IRSsns;font-size:17px;/*color: #fff;*/}
/*.tabPanel-widget > label {border-left: 1px solid #fff;}*/
.tabPanel-widget > label ~ label,.tabPanel-widget > h2 ~ h2 {position: absolute;top: 0;}
.tabPanel-widget label:nth-child(1),.tabPanel-widget h2:nth-child(3) {right: 0em;}
.tabPanel-widget label:nth-child(5),.tabPanel-widget h2:nth-child(7) {right: 9em;}
.tabPanel-widget label:nth-child(9),.tabPanel-widget h2:nth-child(11) {right: 18em;}
.tabPanel-widget input + h2 + div {position: absolute !important;clip: rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height: 1px !important;width: 1px !important;overflow: hidden;}
.tabPanel-widget input:checked + h2 + div {position: static !important;padding: 1em !important;height: auto !important;width: auto !important;}
.tabPanel-widget label:hover {cursor: pointer;}
.tabPanel-widget > div {background:rgba(255,255,255,1);padding: 1em;}
.tabPanel-widget input[name="tabs"] {opacity: 0;position: absolute;}
.tabPanel-widget input[name="tabs"]:focus + h2 {outline:0;outline-offset: 10px;}
.tabPanel-widget:hover h2 {outline: none !important;}
.tabPanel-widget input[name="tabs"]:checked + h2 {background:rgba(3,155,229,1)}
.tabPanel-widget input[name="tabs"]:checked + h2:after {content: '';margin: auto;position: absolute;bottom: -10px;left: 0;right: 0;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid rgba(3,155,229,1);}
/* end tab ----------------------------------------------------------------*/
.Store_Cursor_Pointer{cursor:pointer}
.hoverable{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s}
.hoverable:hover{-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.divider{height:1px;overflow:hidden;background-color:#e0e0e0}

.z-depth-0{-webkit-box-shadow:none !important;box-shadow:none !important}
.z-depth-1{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)}
.z-depth-1-half,.btn:hover,.btn-large:hover,.btn-floating:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}
.z-depth-2{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)}
.z-depth-3{-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3);box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3)}
.z-depth-4{-webkit-box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3);box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3)}
.z-depth-5{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3);box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3)}


.header_icons{float:right;width:90px;/*height:100px*/;padding:4px 10px ;cursor:pointer;position:relative;/*border:1px solid green*/}
.header_icons i.HIicon{font-size:27px;float:right;width:100%;text-align:center;cursor:pointer;/*border:1px solid red*/}
.header_icons span.HItext{float:right;width:100%;text-align:center;font-size:11px;margin:5px 0 0 0;cursor:pointer !important;/*border:1px solid blue*/}
.header_icons span.HIcount{position:absolute;top:10px;right:20px;border-radius:50%;padding:1px 6px;font-size:10px}
.header_iconsLeftBorder{border-left:1px solid #e9e4e4}
.ShowOnSmall{display:none}
/*.fixedMenu{position:fixed;width:100%;z-index:1000 !important;top:0;transition: .3s all ease;padding:0 !important;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*animation: smoothScroll 1s forwards;}*/
.fixedMenu{position:sticky;position:-webkit-sticky;top:0;z-index:10000;margin:0 0 7px 0;}
@keyframes smoothScroll {
	0% {
		transform: translateY(-140px);
	}
	100% {
		transform: translateY(0px);
	}
}
table.centered thead tr th,table.centered tbody tr td{text-align:center}

/*.UserProfileCon{float:right}*/
/*.UserProfile{width:230px !important;position:absolute;top:65px !important;left:20px !important;}*/
.UPUL{list-style-type:none;margin:0;padding:0;/*border:1px solid red*/}
.UPUL li{float:right;width:100%;border-bottom:1px dotted;padding:0 5px 3px 0}
.UPUL li i{float:right;font-size:20px;margin:7px 0 0 3px}
.UPUL li a{float:left;width:calc(100% - 32px);padding:5px 2px;font-size:14px !important;color:#000;font-size:13px !important;text-align:right;margin:3px 0 0 0;}


.FloatImageIcon{position:absolute;width:35px;height:35px;color:#ff0000;border:1px solid white;background:rgba(95,158,170,0.5);border-radius:5px}
.Store_Search_item:hover .UserAddToCart{display:block !important;}
/*----------------------------------------------------------------------------------------------*/
.UserSidenav {height: 100%;width:350px;position: fixed !important;z-index:1000000;top: 0;left:-350px;background:rgba(255,255,255,1);overflow-x: hidden;transition: 0.5s;padding-top:30px;border-right:1px solid rgba(0,0,0,0.2)}
.UISidenavClose{left:-350px !important;}
.UISidenavOpen{left:0 !important;}
.SidenavTitle{float:right;width:100%;font-size:19px !important;letter-spacing:2px;text-align:center;padding:10px 0;border-bottom:2px solid #5f9eaa}
.UserSidenav a.closebtn{padding: 8px 8px;text-decoration: none;font-size: 25px;color: #818181;display: block;transition: 0.3s;/*border:1px solid red*/}
.UserSidenav a.closebtn:hover {color: #868686;}
.UserSidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
@media screen and (max-height: 450px) {
  .UserSidenav {padding-top: 15px;}
  .UserSidenav a {font-size: 18px;}
}
/*----------------------------------------------------------------------------------------------*/
.prodcut_imagePreview{overflow:hidden;border-radius:10px;position:relative;width:100%;height:240px;text-align: center;/*border:1px solid green*/}
.prodcut_imagePreview img{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);max-width:100%;max-height:240px;}
.PIPOffCon{position:absolute;top:-15px;right:-50px;transform: rotate(40deg);width:150px;height:60px;background:rgba(239,83,80,0.8);color:#fff}
.PIPOffText{position:absolute;top:19px;right:0px;transform: rotate(40deg);font-size:14px;direction:rtl;color:white}
.PIPFloatIconCon{position:absolute;left:10px;top:10px;width:35px;padding:3px 0 3px 5px;background:rgba(255,255,255,0.5);border:1px solid rgba(0,0,0,0.1);border-radius:5px}
.PIPFloatIconCon .PIPFloatIcon{float:left !important;font-size:20px;width:100%;margin:0;padding:5px 0;cursor:pointer;width:100%;color:#f07373;}
/*---------------------------------------------------------------------------------------------------*/
.CustomBTN {float:right;box-sizing: border-box;margin: 0;padding: 0;overflow: hidden;direction:rtl;}
.CustomBTN:before, .CustomBTN:after {content: "";position: absolute;display: block;box-sizing: border-box;top: 0;left: 0;}
.CBbtn {position: relative;width:calc(50% - 40px);padding:15px 0;margin:0;color:white;text-align: center;cursor: pointer;}
.btn21 {background: #306B34;transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);}
.btn21:after {top: 0;left: 0;width: 0;height: 100%;mix-blend-mode: lighten;background: #82D173;transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);}
.btn21:hover {background: transparent;color:#000}
.btn21:hover:after {width: 100%;height: 100%;}
.btn22 {background: #306B34;transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);}
.btn22:after {top: 0;left: 100%;width: 0;height: 100%;mix-blend-mode: lighten;background: #82D173;transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);}
.btn22:hover {background: transparent;}
.btn22:hover:after {width: 100%;height: 100%;left: 0;}
.ProductSuperi{font-size:25px;position:absolute;bottom:8px;left:8px;color:green}

/*---------------------------------------------------------------------------------------------------*/
.ui_login_con{float:right;width:100%;padding:50px 0;margin:0;/*border:1px solid red*/}
.ULBox{width:300px;/*height:300px;*/background:white;border-radius:5px;margin:auto auto;padding:50px 0 0 0;border:2px solid rgba(118,175,175,0.5);position:relative}
.ULBox .ULIcon{position:absolute;top:-3px;left:50%;transform: translate(-50%, -50%);width:45px;height:45px;background:rgba(118,175,175,1);border-radius:50%;border:2px solid white}
.ULBox .ULIcon i{position:absolute;font-size:25px;color:white}
.ULBox img{float:right;width:100%;max-height:50px;object-fit:contain;padding:0 0 5px 0;margin:-20px 0 0 0;border-bottom:1px solid rgba(118,175,175,0.2)}
.ULBox h2.ULTitle{float:right;font-size:16px;font-weight:bold;margin:0;padding:15px 15px 5px 0}
.ULBox .ULBottomBox{background:rgba(118,175,175,0.2);margin:20px 0 0 0}
.ULBox .ULBottomBox a.ULBRight{float:right;width:calc(50% - 0px);text-align:center;font-size:13px;color:#000;position:relative;padding:10px 0;border-left:2px solid rgba(118,175,175,0.5);transition: all 1s;}
.ULBox .ULBottomBox a.ULBRight:hover{color:white;background:rgba(118,175,175,1);transition: all 1s;}
.ULBox .ULBottomBox .ULBRight i{position:absolute;top:8px;right:5px;font-size:20px;color:red}
.ULBox span.ULText{margin:7px 0 0 0;padding:0 5px;line-height:25px}

.ui_iuput{float:right !important;width:calc(100% - 20px) !important;height:25px !important;border:1px dashed rgba(3,155,229,0.5) !important;border-radius:3px !important;padding-right:5px !important;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);font-size:14px;font-family:inherit}
.ui_iuput:focus{padding:0;transition:none !important;outline:0;/*box-shadow: -2px 3px 5px rgba(1, 130, 255, 0.38);transition:all 0.2s ease-out !important;border-color: #13cffd;*/}
/* Start Chat room ------------------------------------------------------------------------------------------ */
.store_chat_con{position:fixed;bottom:135px;left:-5px;z-index:500000;}
.store_chat_icon{width:40px;height:40px;border-radius:25%;background:rgba(92,191,255,1);cursor:pointer;/*border:2px solid #fff*/}
.store_chat_icon_send{margin:7px;color:white;font-size:25px}
.store_chat_room{width:300px;height:450;transition: height 300ms;display:none;background:url('../bgchat.png') repeat;border-radius:3px;margin:15px 0 0 15px}
.StoreAnimateChatRootm{height:450px;}
.SCR_title{float:right;width:100%;height:70px;background:#ef2674;position:relative;}
.SCR_close{position:absolute;top:10px;left:10px;font-size:13px;border-radius:50%;background:#d72268;color:white;padding:5px 7px;cursor:pointer}
.SCR_titleText{float:right;width:100%;color:white;margin:10px 0 0 0;font-size:17px;text-align:right;padding:2px 10px}
.SCR_titleDescription{float:right;width:100%;color:rgba(0,0,0,0.5);margin:0 0 0 0;font-size:14px;text-align:right;padding:2px 15px}
.SCR_Chats{height:330px;overflow-y:auto;float:right;width:100%;}
.SCR_Text_Container{position:relative;float:right;width:100%;}
.SCR_Text{border-radius:10px;padding:2px 5px;margin:5px 15px;text-align:right;font-size:15px;background:rgba(255,255,255,0.5);direction:rtl;}
.SCR_Chat_Text_arrow{position:absolute;top:20px;font-size:15px;color:rgba(255,255,255,1)}
.arrow_right{right:10px;}
.arrow_left{left:-7px;}
.SCR_Attachment{float:right;font-size:25px;margin:10px 0 0 0;cursor:pointer}
.SCR_Text_User{float:right;width:100%;z-index:100;font-size:13px}
.SCR_seen_status{position:absolute;bottom:3px;font-size:10px;color:green}
.store_chat_status{width:18px;height:18px;position:absolute;top:-6px;right:-6px;border-radius:50%;z-index:100;border:2px solid white;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
.chatonlinecount{position:absolute;z-index:100;background:none;top:-3px;left:0;color:white;background:darkgreen;padding:0px 6px !important;border-radius:50%;font-size:12px;border:1px solid white}
/* End Chat room ------------------------------------------------------------------------------------------ */
.SuperiIcon{position:absolute;}
 .pulse{overflow:visible;position:relative}
 .pulse::before{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;-webkit-transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s, -webkit-transform .3s;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;z-index:-1}

.UserBasket{width:30px;height:30px;cursor:pointer;}
.BasketAdd{background:url("../../image/BasketAdd.png") no-repeat center !important;}
.BasketDelete{background:url("../../image/BasketRemove.png") no-repeat center !important;}
.BasketDeleteAll{background:url("../../image/BasketDelete.png") no-repeat center !important;}
.LogoContainer{margin:5px 0 0 0 !important;padding:0 !important}
.LogoContainer a{float:right;height:auto;width:100%;text-align:center;/*padding:2px 0 0 0*/}
.LogoContainer a img{/*object-fit:contain*/;width:100%;margin:0 0 0 0 !important;height:45px;}
/*Start Material BTN-----------------------------------------------------------------------------------------------------*/
.Raya_Center_Btn_Top_Right{position:absolute !important;top:50% !important;left:48% !important;transform: translate(-50%, -50%) !important;width:90% !important;}
.Raya_HoverBTN{display:none !important}
.item:hover .Raya_HoverBTN,.Store_Search_item:hover .Raya_HoverBTN{display:block !important;}
.MD_button {display: inline-block;margin:2px 0 0 0;padding:8px 0;overflow: hidden;position:absolute;bottom:5px;left:5px;text-decoration: none;text-transform: uppercase;border-radius: 3px;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;box-shadow: 0 2px 10px rgba(0,0,0,0.5);border:none;font-size:14px;text-align: center;width:97%}
.Raya_AddToCard{position:absolute;top:7px;right:7px;font-size:21px}
.MD_button:hover {box-shadow: 1px 6px 15px rgba(0,0,0,0.5);color:white}
.MD_green {background-color: #4CAF50;color: white;font-size:15px;font-weight:bold;letter-spacing:3px;}
.MD_red {background-color: #F44336;color: white;}
.ripple {position: absolute;background: rgba(0,0,0,.25);border-radius: 100%;transform: scale(0.2);opacity:0;pointer-events: none;-webkit-animation: ripple .75s ease-out;-moz-animation: ripple .75s ease-out;animation: ripple .75s ease-out;}
@-webkit-keyframes ripple {
  from {
    opacity:1;
  }
  to {
    transform: scale(2);
    opacity: 0;
  }
}

@-moz-keyframes ripple {
  from {
    opacity:1;
  }
  to {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes ripple {
  from {
    opacity:1;
  }
  to {
    transform: scale(2);
    opacity: 0;
  }
}
/*End Material BTN-----------------------------------------------------------------------------------------------------*/
.ProductItemTitle{direction:rtl;/*height:55px;line-height:25px*/;padding:1px 10px;overflow:hidden;font-weight:normal;margin:0;overflow:hidden}
.Raya_Slider_Item{position:relative;cursor:pointer;border:1px solid #e3e4f1 !important;padding:5px;border-radius:10px !important;height:360px}
.Raya_Slider_Item img.RSIIMG{object-fit:contain;width:100%;max-height:200px;border-radius:15px;}
.MinMaxIcon{float:left;cursor:pointer;margin:-4px 0 0 0;font-size:25px;padding:2px 4px;}





tr{border-bottom:1px solid rgba(0,0,0,0.12)}
td,th{padding:15px 5px;display:table-cell;text-align:left;vertical-align:middle;border-radius:2px;font-size:15px;}
.ShowAll{float:left;position:relative;direction:rtl;padding:2px 12px;margin:-0 0 0 0;font-size:13px;margin:0 0 0 5px;/*border:1px solid red*/}
.ShowAllIcon{position:absolute;top:2px;left:-3px;font-size:22px;}
.SocialNetworks{float:right;width:40px;height:40px;margin:0 5px;/*border:1px solid*/}
.Aparat{background:url('../../image/SocialNetworks.png') 0 0}
.Aparat:hover{background-position:40px 0}
.Instagram{background:url('../../image/SocialNetworks.png') 0 -46px}
.Instagram:hover{background-position:40px -46px}
.Telegram{background:url('../../image/SocialNetworks.png') 0 -90px}
.Telegram:hover{background-position:40px -90px}
.WhatsApp{background:url('../../image/SocialNetworks.png') 0 -134px}
.WhatsApp:hover{background-position:40px -134px}
.footerLineBreak{padding:0;margin:10px 0;height:1px;background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(233,184,144,1) 34%, rgba(233,184,144,1) 50%, rgba(233,184,144,1) 62%, rgba(255,255,255,0) 100%);}
.DownloadAppCon{float:left;background:white;padding:10px 40px;color:#000;border-radius:5px;position:relative;margin:0 5px}
.BazarIco{width:23px;height:25px;position:absolute;top:8px;left:10px;background:url(../../image/bazar.png) no-repeat center;}
.PlayStore{width:23px;height:25px;position:absolute;top:8px;left:10px;background:url(../../image/playStore.png) no-repeat center;}
.SibChe{width:23px;height:25px;position:absolute;top:8px;left:10px;background:url(../../image/SibChe.png) no-repeat center;}
.DownloadAppCon:hover{color:red;}
.HyperIco{width:25px;height:25px;position:absolute;top:9px;left:10px;background:url(../../image/HyperOnline.png) no-repeat center}
.footerAppIcon{position:absolute;top:18px;right:15px;color:white;font-size:35px}
.footerAppTitle{margin:0;padding:10px 0;text-align:center;font-size:18px;color:#000;font-weight:bold}
.footerAppContainer{margin:0 20px;padding:15px 10px ;border-radius:5px;position:relative;background:#72aab2}
.footerStepsIcon{float:right;width:100%;text-align:center;font-size:60px;padding:10px 0 20px 0;}
.footerStepsText{float:right;width:100%;text-align:center;margin:0;padding:0;font-size:12px;font-weight:bold}
.footerDescriptionText{float:right;width:100%;text-align:justify;line-height:35px !important;margin:5px 0;}
.footer .contact-info p {margin:0 0 5px 0;padding:2px 0;float:right;width:100%;}
.footer .contact-info p i {margin:5px 0 0 3px;float:right;}
.footerTitle{margin:0 !important;padding:10px 10px !important;font-size:15px !important;font-weight:bold;}
.SocialNetworksTitle{text-align:center}
/*  Start alerts ************************************************************************* */
.DS_Popup {
    overflow: hidden;
    display: inline-block;
    min-width: 300px;
    width:400px;
    text-align: center;
    align-items:center;
    align-content:center;
    position: fixed;
    background-color: #fff;
    z-index: 20000;
    -moz-box-shadow: 0 0 5px #AAA;
    -webkit-box-shadow: 0 0 0 #AAA;
    box-shadow: 0 0 5px #AAA;
    border: 1px solid #2dd3fd;
    border-radius: 6px;
}

.DS_Popup_Title {
    padding: 5px 0;
    font-size: 14px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-radius-top-right: 6px;
    line-height: 16px;

}

.dhtmlx-info,
.DS_Popup_Title,
.DS_Popup_Button {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -moz-user-select: -moz-none;
    cursor: pointer
}

.DS_Popup_Text {
    color: #444;
    min-height: 30px;
    padding: 20px 10px 10px 10px!important;
    overflow: hidden
}

.DS_Popup_controls {
    font-weight: 700;
    padding: 10px 10px 17px 10px!important
}

.DS_Popup_Button {
    font-weight: 700;
    min-width: 120px;
    width: 120px;
    height: 20px;
    display: inline-block;
    margin: 0 5px;
    border-radius: 4px;
}

.DS_Popup_Button div {
    line-height: 20px
}

.DS_ModalCover {
    background-color:rgb(150,225,255);
    cursor: default;
    opacity:0.2;
    filter: alpha(opacity=0.2);
    position: fixed;
    z-index: 19999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none
}

.DS_Popup_Button {
    color: #2e3947;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #a4bed4;
    background-color: #d5e6fc;
    background-image: -moz-linear-gradient(center bottom, #e1eeff 0%, #cce2fe 12%, #ecf2f7 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ecf2f7), color-stop(.88, #cce2fe), color-stop(1, #e1eeff));
    background: -o-linear-gradient(top, #e1eeff, #cce2fe 12%, #ecf2f7);
    background: linear-gradient(top, #e1eeff, #cce2fe 12%, #ecf2f7);
    background: -ms-linear-gradient(top, #e1eeff 0%, #cce2fe 12%, #ecf2f7 100%)
}

.DS_Popup_Button:active,
.DS_Popup_Button:focus {
    box-shadow: inset 0 0 2px #aaa;
    background: #bdd9fc;
    background: -moz-linear-gradient(top, #C4DDFF 0%, #bdd9fc 88%, #deeaf4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C4DDFF), color-stop(88%, #bdd9fc), color-stop(100%, #deeaf4));
    background: -o-linear-gradient(top, #C4DDFF 0%, #bdd9fc 88%, #deeaf4 100%);
    background: -ms-linear-gradient(top, #C4DDFF 0%, #bdd9fc 88%, #deeaf4 100%);
    background: linear-gradient(top, #C4DDFF 0%, #bdd9fc 88%, #deeaf4 100%)
}

.DS_Popup_CloseBtn {
    position: absolute;
    top:4px;right:10px;
    cursor: pointer;color:#000;
    box-sizing: border-box;
}

.DS_Popup_Title {
    position: relative;
    box-shadow: inset 0 0 2px #fff;
    display: block;
}

.DS-alert-error .DS_Popup_Title,
.DS-confirm-error .DS_Popup_Title {
    color: white;
    border: 1px solid #f17373;
    background: #f17373;
    background: -webkit-linear-gradient(top, #ff7c7c, #f17373 88%, #ff7361);
    background: -moz-linear-gradient(top, #ff7c7c, #f17373 88%, #ff7361);
    background: -o-linear-gradient(top, #ff7c7c, #f17373 88%, #ff7361);
    background: linear-gradient(top, #ff7c7c, #f17373 88%, #ff7361);
    background: -ms-linear-gradient(top, #ff7c7c 0%, #f17373 88%, #ffbc75 100%)
}

.DS-alert-error.DS_Popup,
.DS-confirm-error.DS_Popup {
    border: 1px solid #f17373
}

.DS-alert-warning.DS_Popup{
    border: 1px solid #f69931
}
.DS-alert-warning .DS_Popup_Title,
.DS-confirm-warning .DS_Popup_Title {
    color: #000;
    border: 1px solid #d2b07f;
    background: #ff9f37;
    background: -webkit-linear-gradient(top, #ffc786, #ff9523 88%, #ffbc75);
    background: -moz-linear-gradient(top, #ffc786, #ff9523 88%, #ffbc75);
    background: -o-linear-gradient(top, #ffc786, #ff9523 88%, #ffbc75);
    background: linear-gradient(top, #ffc786, #ff9523 88%, #ffbc75);
    background: -ms-linear-gradient(top, #ffc786 0%, #ff9523 88%, #ffbc75 100%)
}

.DS-alert-warning .DS_Popup_controls,
.DS-confirm-warning .DS_Popup_controls {
    border: 1px solid #d5d5d5;
    border-width: 0 1px 1px 1px
}

.DS-alert-warning .DS_Popup_Text,
.DS-confirm-warning .DS_Popup_Text {
    border: 1px solid #d5d5d5;
    border-width: 0 1px 0 1px
}

.DS-alert .DS_Popup_Title,
.DS-confirm .DS_Popup_Title {
    color: #000;
    border-bottom: 1px solid #2dd3fd;
    background: #d5e6fc;
    background: -moz-linear-gradient(center bottom, #e1eeff 0%, #cce2fe 12%, #ecf2f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9adcec), color-stop(.88, #2dd3fd), color-stop(1, #ffffff));
    background: -o-linear-gradient(top, #e1eeff, #cce2fe 12%, #ecf2f7);
    background: linear-gradient(top, #e1eeff, #cce2fe 12%, #ecf2f7);
    background: -ms-linear-gradient(top, #e1eeff 0%, #cce2fe 12%, #ecf2f7 100%);
}

.DS-alert .DS_Popup_controls,
.DS-confirm .DS_Popup_controls {
    /* border: 1px solid #d5d5d5; */
    border-width: 0 1px 1px 1px;
}

.DS-alert .DS_Popup_Text,
.DS-confirm .DS_Popup_Text {
    /* border: 1px solid #d5d5d5; */
    border-width: 0 1px 0 1px;
}

.DS-message {
    cursor: pointer;
    background-color: lightgoldenrodyellow
}
.MessageArea{position:fixed;width:300px;left:15px;top:10px;direction:rtl}
.PopupMessage{z-index:20000;position:relative;margin:3px 0;float:right;width:100%;padding:10px;border-radius:5px;word-wrap: break-word;cursor:pointer;
              -moz-transition: all 0.5s ease;
              -webkit-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease;background:white;border:1px solid;
}
.PopupMessage-success{background: rgba(220, 255, 221,0.8);border: 1px solid #039400;color: #080808;}
.PopupMessage-info{background: rgba(126, 179, 210,0.8);border: 1px solid #448eb9;color: #080808;}
.PopupMessage-error{background: rgba(255, 118, 118,0.8);border: 1px solid #b00000;color: #fff;}
.PopupMessageHidden{
    height: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    border-width: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden

}
/*  End alerts ************************************************************************* */
/*  Start Search Box ************************************************************************* */
.ui_search_result_con{position:absolute;top:52px;background:white;max-height:350px;right:5px;overflow-y:auto;overflow-x:hidden;z-index:100000;width:98%;padding:5px 5px;border:1px solid rgba(160,170,170,1);border-radius:10px;display:none}
.ui_search_Thumbnail_con{float:right;width:100%;position:relative;padding:0 15px;/*border:1px solid blue*/}
.ui_search_Thumbnail_items{float:right;width:800%;overflow:hidden;/*border:1px solid red*/}
.ui_search_Thumbnail_item{float:right;margin:1px;border-radius:25px;border:1px solid rgba(160,160,160,0.6);}
.USTI{width:160px;height:75px;}
.USTIMostVisit{/*width:150px;*/padding:10px 25px;margin:3px;text-align:center}
.USTIMostVisit h2.ui_search_Thumbnail_text{width:100%;/*border:1px solid red*/}
.ui_search_Thumbnail_item img{float:right;width:50px;height:50px;object-fit:contain}
.Store_Thumbnail_Arrow2{position:absolute;background:url('../../image/arrow.png') no-repeat;width:30px;height:30px;cursor:pointer;top:27px;}
.ui_search_result_con .TTNRight{right:10px;}
.ui_search_result_con .TTNLeft{left:10px;-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.ui_search_Thumbnail_text{float:right;width:calc(100% - 50px);margin:0;padding:5px 5px 0 0;font-size:12px;line-height:20px;font-weight:normal;cursor:pointer;text-align:right}
.ui_search_title{float:right;font-size:15px;font-weight:bold;}
.USTIcon{margin:0 5px;font-size:20px}
.ui_search_decription{float:right;width:100%;color:rgba(130,130,130,1);font-size:12px;padding:3px 0}
.ui_search_Thumbnail_BC{float:right;padding:5px 35px 5px 10px;text-align:center;color:#000;position:relative;border:1px solid #a6a8ad;border-radius:3px;margin:5px}
.ui_search_Thumbnail_BCIcon{position:absolute;top:1px;right:1px;font-size:20px;padding:3px 5px;background:#a6a8ad;color:#000;border-radius:0 3px 3px 0}
.DIVcenter{width:auto;display: flex;justify-content: center;}
/*  End Search Box   ************************************************************************* */



/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	/*table.responsive-table{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}*/
	
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	
	
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	.header_icons{width:80px;/*border:1px solid green*/}
	.header_icons .HItext{font-size:10px !important}
}
 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	#topHeaderIcons{position:fixed;width:100% !important;bottom:0;background:rgba(255,255,255,1);padding:0 !important;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;/*border:1px solid blue*/}
	.header_icons{width:19.9%;float:right;padding:5px 0;/*border:1px solid green*/}
	.HItext{font-size:9px !important;margin:0}
	.ShowOnSmall{display:block}
	.bottom-bar{padding:0 !important;}
	.logo{padding:5px 0 0 0!important;margin:0 !important;}
	.header_icons span.HIcount{top:8px;right:10px;padding:1px 6px;font-size:10px}
	.Store_BuyBasket_Container{position:fixed !important;left:100px !important;top:80px !important}
	.bottom-bar .search input[type=text] {margin-top:5px !important;top:2px !important;}	
	.search{margin:0 0 5px 0 !important;}
	.LogoContainer{width:calc(100% - 50px) !important;float:left !important}
	.bottom-bar .logo a img {margin:0 0 0 0 !important;}
	.UserSidenav {width:280px;}
	.UISidenavClose{left:-280px !important;}
	.UISidenavOpen{left:0 !important;}
	.ULBox{width:calc(100% - 10px)}	
	#footer{padding-bottom:30px !important;}
	.Store_BuyBasket_Container  i.arrow{top:38px;left:90%;transform: rotate(180deg);}
	.Store_BuyBasket_Container{left:20px;top:0 !important;border:none !important;border-bottom:2px solid #039be5 !important;}
	/*body{padding-top:107px !important}*/
	::placeholder {font-size:10px !important}
	:-ms-input-placeholder {font-size:10px !important}
	::-ms-input-placeholder {font-size:10px !important} 
	.DownloadAppCon{width:100%;margin:5px 0;text-align:center}
	.footer{padding-bottom:40px !important}
	.footerStepsText{font-size:10px;line-height:25px}
	.footerStepsIcon{font-size:50px}
	.Aparat{background-position:40px 0}
	.Instagram{background-position:40px -46px}
	.Telegram{background-position:40px -90px}
	.WhatsApp{background-position:40px -134px}
	.SocialNetworksTitle{text-align:right}
	.Estore_Footer_namad{margin:5px auto !important}
	.DIVcenter{display:block !important;}
	.Raya_Slider_Item{height:370px}
	.product .section-header h1{font-size:14px !important;/*border:1px solid blue*/}
	.Raya_Slider_Item{height:auto !important}
	.BottomMenuInMobile{float:right;width:100%;height:60px;/*border:1px solid red*/}
	.MD_button {position:relative;width:100%}
}


.truncate-text {
  white-space: nowrap; /* Prevents the text from wrapping to the next line */
  overflow: hidden;    /* Hides any content that overflows the element's box */
  text-overflow: ellipsis; /* Displays an ellipsis (...) to represent clipped text */
}

.RateStar{float:right;width:100px;height:20px;background-image:url('../../../../views/EStore/image/starRate.png');background-repeat:no-repeat}
.RateStarAbsolute{position:absolute !important;Bottom:45px;display:table;margin:0 auto;/*border:1px solid red*/}
.RateStar0{background-position:0 0}
.RateStar1{background-position:0 -21px}
.RateStar2{background-position:0 -42px}
.RateStar3{background-position:0 -62px}
.RateStar4{background-position:0 -84px}
.RateStar5{background-position:0 -110px}
/**********************************/
/******** Footer Bottom CSS *******/
/**********************************/
.footer-bottom {
    position: relative;
    padding: 25px 0;
    background: #000000;
}

.footer-bottom .copyright {
    text-align: left;
}

.footer-bottom .template-by {
    text-align: right;
}

.footer-bottom .copyright p,
.footer-bottom .template-by p {
    color: #ffffff;
    font-weight: 400;
    margin: 0;
}

.footer-bottom .copyright p a,
.footer-bottom .template-by p a {
    font-weight: 600;
}

.footer-bottom .copyright p a:hover,
.footer-bottom .template-by p a:hover {
    color: #ffffff;
}

@media (max-width: 768.98px) {
    .footer-bottom .copyright,
    .footer-bottom .template-by {
        text-align: center; 
    } 
}
/**********************************/
/******** Footer Bottom CSS *******/
/**********************************/