@font-face {
    font-family: 'Material';
    font-style: normal;
    font-weight: 400;
    src: url(../../../includs/fonts/MaterialIcons.woff2) format('woff2');
}

.material-icons {
    font-family: 'Material';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* end material icons */
@font-face {
    font-family: "Yekan";
    src: url( "../../../includs/fonts/yekan/W_YEKAN_0.TTF" );
    src: local( "?" ), url( "../../../includs/fonts/yekan/W_YEKAN_0.TTF" )format( "truetype" );
}
/*@font-face {
    font-family: 'IRSsns';
    src: url( "../../../includs/fonts/iranian_sans.ttf" );
    src: local( "?" ), url( "../../../includs/fonts/iranian_sans.ttf" )format( "truetype" );
}*/

@font-face {
    font-family: 'IRSsnsBold';
    src: url( "../../../includs/fonts/iranian_sans_Bold.ttf" );
    src: local( "?" ), url( "../../../includs/fonts/iranian_sans_Bold.ttf" )format( "truetype" );
}

body {font-family:"IRSsns";font-size:14px !important;display: flex !important;min-height: 100vh !important;flex-direction: column !important;box-sizing:border-box;}
main {flex: 1 0 auto;}

.block{float:right;width:100%}
.bold{font-family: 'IRSsnsBold';}
.normal{font-weight:normal}
.relativeLayout{position:relative}

.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:8px !important}
.font11{font-size:9px !important}
.font12{font-size:10px !important}
.font13{font-size:11px !important}
.font14{font-size:12px !important}
.font15{font-size:13px !important}
.font16{font-size:14px !important}
.font17{font-size:15px !important}
.font18{font-size:16px !important}
.font19{font-size:17px !important}
.font20{font-size:18px !important}
.font21{font-size:19px !important}
.font22{font-size:20px !important}
.font22{font-size:21px !important}
.font24{font-size:22px !important}
.font25{font-size:23px !important}
.font26{font-size:24px !important}
.font27{font-size:25px !important}
.font28{font-size:26px !important}
.font29{font-size:27px !important}
.font30{font-size:28px !important}
/* Start Top Menu -- Responsive -------------------------------------------------------------------------------------------------- */
.topnav {overflow: hidden;}
.topnav a{direction:rtl;position:relative;float: right;display: block;text-align: center;padding:4px 35px 4px 15px;text-decoration: none;font-size: 17px;}
.topnav a  i.Store_Top_menu_icon{position:absolute;top:8px;right:7px;font-size:17px;}
.topnav .icon {display: none;}
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: left;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    left: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: right;
  }
}
/* End Top Menu -- Responsive -------------------------------------------------------------------------------------------------- */
.rtlDirection{direction:rtl !important}
.zoom-out {cursor: zoom-out !important;}
.Store_Cursor_Pointer{cursor:pointer}
.Store_Header{padding:45px 0 !important}
.Store_Header_BuyBasket{margin:7px 5px 0 0;border-right:1px solid #868686}
.Store_Header_BuyBasket_ItemCounter{position:absolute;top:-8px;right:-5px;padding:0 2px !important;letter-spacing:1px;font-size:12px !important;color:white;font-weight:bold;border-radius:5px;background:red}
.Store_Header .Store_Header_BuyBasket i{float:right;font-size:30px;margin:1px 5px}
.Store_Header .Store_Header_BuyBasket span{font-family: 'IRSsnsBold';float:right;font-size:16px;text-align:right;direction:rtl}
.Store_BuyBasket_Container{position:absolute;left:0;top:40px;width:260px;background:white;border-top:2px solid #039be5;border-radius:5px;display:none;z-index:1000}
.Store_Container{position:absolute;left:0;top:40px;width:500px;background:white;border-top:2px solid #039be5;border-radius:5px;display:none;z-index:100}
.Store_BuyBasket_Container  i.arrow{position:absolute;font-size:17px;top:-14px;left:5%;color:#039be5}
.Store_BuyBasket_Items{height:300px;overflow:auto}
.Store_BuyBasket_Item{padding:5px 10px 25px 10px !important;border-bottom:1px solid #ededed}
.Store_BuyBasket_Item  h2{direction:rtl;float:right;width:calc(100% - 100px);padding:0;font-size:15px;margin:15px 5px 0 0 !important;font-family: 'IRSsnsBold';}
.Store_BuyBasket_Item  img{width:50px;height:50px;}
.Store_BuyBasket_Item  i.delete{color:red;float:left;margin:15px 0 0 0;font-size:20px}
.Store_BuyBasket_Item  span.Price_Count{position:absolute;bottom:2px;direction:rtl;font-size:12px;background:rgba(3,155,229,0.4);padding:0 3px;color:black;border-radius:4px;font-weight:normal}
.browser-default{direction:rtl;float:right;width:150px;height:30px !important;border-radius:4px;border:none !important;}
.ui_iuput{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;*/}
.Store_Header_Search i.searchIcon{position:absolute;top:10px;right:15px;font-size:25px}
.Store_ADS{padding:5px !important}
.Store_ADS .ads_container{height:80px;border-radius:5px}
.Store_ADS .ads_container .title{margin:10px 0 0 0;padding:0;text-align:center;font-size:20px;font-family: 'IRSsnsBold';;color:#039be5}
.Store_ADS .ads_container .description{text-align:center;float:right;width:100%;padding:6px 0;font-size:16px}
.Store_Right_Panel{padding:0 5px !important}
.Store_Categories{float:right;margin:0;padding:0 5px !important;width:100%;}
.Store_Categories li{position:relative;float:right;width:100%;padding:5px 15px 5px 0;}
.Store_Categories li .cat_arrow{position:absolute;top:12px;right:3px;font-size:11px}
.Store_Categories li .cat_sublist{position:absolute;top:7px;left:3px;font-size:11px;cursor:pointer}
.Store_Categories li a{float:right;font-size:15px;color:#000;direction:rtl;text-align:right;width:100%;}
.Store_Categories li a:hover{color:#ffa726}
.Store_Bold{font-weight:bold}
.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:6px 10px;cursor:pointer;z-index:2;font-size:14px !important}
.Store_MostSales {margin:4px 0 !important;padding:2px 0 5px 0 !important;border-bottom:1px dotted #868686}
.Store_MostSales img{float:right;width:60px;height:60px;}
.Store_MostSales span.title{float:right;margin:0 5px 0 0 ;width:calc(100% - 70px);height:60px;font-size:14px;padding:3px 0;line-height:27px;text-align:right;direction:rtl;overflow:hidden;}
.Store_MostSales .price{direction:rtl;float:left;margin:2px 0 5px 0 ;width:calc(100% - 0px);text-align:left;/*border:1px solid red*/}
.Store_MostSales .off{float:left;direction:ltr;padding:2px 8px;}
.RateStar{float:right;width:100px;height:20px;background-image:url('../image/starRate.png');background-repeat:no-repeat}
.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}
.product_off{position:absolute;left:5px;top:5px;}
.product_real_price{position:absolute;left:55px;top:6px;text-decoration: line-through;}
.product_price_after_off{position:absolute;left:10px;top:38px;font-size:16px;font-weight:bold}



* {box-sizing:border-box}
.slideshow-container {max-width: 1000px;position: relative;margin: auto;}
.mySlides {display: none;}
.prev, .next {cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -22px;padding: 16px;color: white;font-family: 'IRSsnsBold';;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;}
.next {right: 0; border-radius: 3px 0 0 3px;}
.prev {left: 0; border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}
.text{color: #000;font-size: 17px;padding:5px 12px;position: absolute;bottom: 8px;width: 100%;text-align: center;background:rgba(255,255,255,0.5);}
.numbertext {color: #000;font-size: 16px;padding:0px 10px;direction:ltr;position: absolute;top:10px;left:10px;background:white;border-radius:4px}
.dot {cursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
/*.active, .dot:hover {background-color: #717171;}*/
.fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;}
@-webkit-keyframes fade {from {opacity: .4}to {opacity: 1}}
@keyframes fade {from {opacity: .4}to {opacity: 1}}


.StoreStrik{display:block;text-align:center;color:#039be5;direction:rtl;color:#000}
.Store_owlCarousel{padding:0 10px !important;}
.Store_owlCarousel img{display:block;width:100%;height:120px;margin-right:auto;margin-left:auto;object-fit:contain}
.Store_owlCarousel h2{margin:5px 0 ;line-height:25px;height:55px;overflow:hidden;padding:2px 5px;display:block;text-align:center;font-size:17px;font-family: 'IRSsnsBold';font-weight:normal}
.Store_owlCarousel span{display:block;text-align:center;color:#039be5;direction:rtl}
.Store_owlCarousel span.off{position:absolute;width:45px;height:45px;border-radius:50%;padding:8px 4px 0 0;direction:ltr;}
.Store_owlCarousel .RateStar{display:block !important;float:none !important;margin-right:auto;margin-left:auto;}
.Store_owlCarousel .btn{margin:5 10px;width:calc(100% - 20px);float:right !important;height:30px !important;line-height:30px !important;font-family: 'IRSsnsBold';}
.customOff{position:absolute;width:45px;height:45px;color:white;background:#f12b63;border-radius:50%;padding:8px 4px 0 0;direction:ltr;font-size:19px;text-align:center}

.Store_GoToTop{position:fixed;width:40px;height:40px;border-radius:50%;left:10px;bottom:10px;cursor:pointer;display:none;z-index:1000}
.Store_GoToTop .GoTopIcon{color:white;font-size:25px;float:right;margin:5px 12px 0 0}
.Store_Banner{padding:5px 5px !important}
.Store_Banner div{padding:5px 5px !important}
.Store_Banner img{float:right;width:100%;height:200px;}

.shadow {position: relative;}
.shadow:before, .shadow:after {content: ""; height: 20px; position: absolute;z-index: -1;}
.i2:after {border-radius: 50%;bottom:8px;box-shadow:0 15px 15px rgba(0, 0, 0, 0.25);right: 5%;width: 90%;}
.ui_header_line{position:absolute;height:1px;background:#fff;bottom:0;width:100%;}

.Store_Register{padding:5px 5px !important}
.Store_Register_Container{float:right;width:100%;direction:rtl}
.Store_Register_Container div{margin:2px 0 7px 0 !important;position:relative}
.Store_Inputs_Tilte{float:right;padding:0 5px;font-size:13px;width:160px;text-align:left;/*border:1px solid red*/}
.Store_Inputs_FLD{width:calc(100% - 160px) !important;margin:2px 0 0 0;padding:0 5px !important}
.Store_Inputs_FLD:focus{box-shadow: -2px 3px 5px rgba(1, 130, 255, 0.38);transition:all 0.2s ease-out !important;border-color: #13cffd;}
.block{float:right;width:100%}
.Store_Attention{direction:rtl;font-family: 'IRSsnsBold';font-size:16px;padding:6px 10px !important;color:red;text-align:center}
.BTNSetCenter{margin-left:auto !important;margin-right:auto !important;display:table;font-size:17px;}

.Store_Basket{padding:5px 6px 30px 0 !important;}
.Store_Basket_Item{border:1px solid #ffa726;border-radius:5px;background:white;padding:0;}
.Store_Basket_Item  img.BIMG{float:right;width:65px;height:65px;margin:0;padding:3px}
.Store_Basket  .BShortIcon{color:red;font-size:17px;float:left;padding:3px 7px;margin:0 3px;}
.Store_Basket_Item  .BTitle{float:right;width:calc(100% - 70px);margin:0;padding:3px 5px 0 0;font-size:15px;;/*border:1px solid red*/}
.Store_Basket_MoreInfo{position:absolute;bottom:2px;right:15px;width:calc(100% - 25px);background:white;border-radius:0 0 4px 4px;padding:2px 5px;z-index:-1;}
.BItem_Count{float:right;width:100px;text-align:left;font-size:13px;direction:rtl}
.BInput{float:right;width:calc(100% - 110px);height:22px !important;text-align:left;margin:3px 5px;padding:0 5px !important}
.BCaption{text-align:center !important;padding:2px 0 !important;font-size:17px;}
.Store_Basket_Off{padding:0 5px !important;}
.BOff_Container{padding:0 0 10px 0 }
.BPrice{padding:4px 5px;}
.Store_Add_Remove_Item{font-size:20px;margin:1px 2px !important;padding:1px 3px;border-radius:3px;cursor:pointer}
/* start tab ----------------------------------------------------------------*/
.tabPanel-widget {position: relative;float:right;width:100%;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:14px;/*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);}
/*@media screen and (max-width: 45em) {
  .tabPanel-widget label,
  .tabPanel-widget input[name="tabs"] {
    display: none;
  }
  
  .tabPanel-widget > input + h2 + div {
    display: block !important;
    position: static !important;
    padding: 1em !important;
    height: auto !important; 
    width: auto !important; 
  }
  
  .tabPanel-widget h2 {
    width: auto;
    position: static !important;
    background: #999 !important;
  }
  
  .tabPanel-widget h2:after {
    display: none !important;
  }

}*/
/* end tab ----------------------------------------------------------------*/
.width120{width:120px !important;}
.Store_Thumbnail_Arrow{position:absolute;right:30px;background:url('../image/arrow.png') no-repeat;width:24px;height:48px;cursor:pointer}
.TNRight{top:0;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
.TNLeft{bottom:0;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.Store_Thumbnail_Container{float:left;width:100%;height:250px;margin:40px 0 0 0;overflow:hidden;}
.Store_Thumbnail_Container img{float:left;width:70px;height:70px;margin:4px 2px;border-radius:5px;;cursor:pointer}
.Store_Thumbnail_IMG{border:1px solid rgba(255,167,38,0.3)}
.Store_Thumbnail_IMGHighLight{border:1px solid rgba(255,167,38,1)}
.StoreImageZoom{position:relative;float:right;width:calc(100% - 80px);height:310px;}
/* Start Image Zoom ----------------------------------------------------------------*/
.img-zoom-lens {position: absolute;/*border: 1px solid #d4d4d4;*/width: 200px;height: 200px;}
.img-zoom-result {position:absolute;;width: 400px;height: 400px;z-index:10000;top:0;right:350px;display:none}
/* end  Image Zoom ----------------------------------------------------------------*/
.ui_form_errors{position:absolute;;color:red !important}


table tbody tr td,table thead tr th{}
table thead tr th,table tbody tr td{padding:10px 6px !important;}
table.responsive-table thead tr,table.responsive-table tr{padding:0 !important;}
table.responsive-table thead tr th,table.responsive-table tr td{border-bottom:1px solid white}

.Store_Search_item{padding:5px 8px !important;position:relative;overflow:hidden;border:1px solid rgba(86,86,86,0.2)}
.Store_Search_item img{display:block;height:200px;max-width:100%;object-fit:contain;margin:0 auto}
.Store_Search_item h2{text-align:center;padding:5px 0 !important}
.Store_Search_item div i{cursor:pointer}

.Store_List_Veiw img{float:right;width:100%;height:150px}
.Store_List_Veiw h2,
.Store_List_Veiw .SLW_Price,
.Store_List_Veiw .SLW_Desc{padding:5px 10px !important;margin:10px 0 !important;text-align:right;}
.Store_List_Veiw .SLW_Desc,.Store_List_Veiw .SLW_Price{margin:0 !important}
.Store_Search_grid_veiw,.Store_Search_list_veiw{position:absolute;top:0px;left:0;font-size:23px;cursor:pointer}
.Store_Search_list_veiw{left:25px !important;font-size:30px;top:-4px}
.SSActive{color:#039be5}


.Store_Compare_Container{width:1024px;margin:0 auto;height:auto;/*border:1px solid green*/}
.Store_Compare_Container .Store_Compare_Item{float:right;width:25%;/*border:1px solid green*/}
.SCShortInfo{float:right;width:100%;height:190px;padding:0 0 15px 0 !important;border-bottom:2px solid #039be5;background:white;border-left:1px solid #ededed}
.SCShortInfo img{display:table;margin:0 auto;width:70px;height:70px;}
.SCShortInfo h2.SCTitle{padding:5px 0  !important}
.SCShortInfo .SCIcon{bottom:-13px;right:48%;font-size:30px;position:absolute;color:#039be5}
.SCShortInfo  .SCPrice{padding:0 0 10px 0 !important}
.SCMoreInfo{background:#ededed}
.SCMoreInfo .SCTitle{padding:5px 10px !important;}
.SCMoreInfo  .SCInfo{float:right;width:25%;margin:5px 0;padding:10px 5px;text-align:center;background:white;font-size:16px;border-left:1px solid #ededed}
.FAQ{padding:5px !important;}
.FAQ:nth-child(even) .FAQ_Container{border:1px dashed #868686;border-radius:3px}
.FAQ .FAQ_Container{background:white;cursor:pointer;width:100%;padding:5px 0 15px 5px !important/*border-bottom:1px dashed #868686*/}
.FAQ_Icon{display:table;margin:10px auto;font-size:35px;padding:15px 13px;background:#ededed;border-radius:50%;}

.Store_Footer{border-top:1px solid rgba(207,216,220) !important}
.SFTitle{padding:5px 0 !important}
.STItem{padding:5px 30px !important}
.STIcon{color:#000;position:absolute;top:4px;right:2px;font-size:21px}
.Store_Erp{text-align:center;color:#000;font-size:16px;direction:rtl;padding:15px 0 !important;border-top:1px solid white}
.Store_Erp a{color:#000;font-family: 'IRSsnsBold';}
.tabs .tab a:hover, .tabs .tab a{color:#000 !important;font-size:19px !important}
.tabs .tab a:hover, .tabs .tab a.active{/*font-family: 'IRSsnsBold';*/}
.tabs .indicator{background-color: rgba(0,0,0,0.5) !important;;}
.Store_Login_state{float:left;margin:6px 0 0 0;border:1px solid #868686;border-radius:3px;padding:1px 5px}
.Store_Login_state .SLS_Icon{float:right;font-size:25px;margin:3px 0 0 0}
.Store_Login_state .SLS_Con{float:right;font-size:17px;width:200px;text-align:right;padding:4px 10px;direction:rtl}
.Store_Special_Content{direction:rtl;line-height:25px;padding:5px 6px !important;text-align:justify;font-size:17px}
.Store_About_us{padding:0 5px !important;margin:0 0 5px 0 !important}
.SAContainer{padding:5px;border:1px solid #868686;border-radius:3px;background:rgba(236,239,241,0.6)}
.SATitle{float:right;width:100%;padding:2px 5px;font-size:17px;}
.Store_quickaccess_Icon{position:absolute;left:0;top:5px;}
.Store_quickaccess_Icon i{float:left;padding:2px 5px;}
.ModalCover {
    background-color:rgb(150,225,255);
    cursor: default;
    opacity:0.2;
    filter: alpha(opacity=0.2);
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    overflow: auto;
}
/*  Start loading ************************************************************************* */
.ui_loading{padding:5px;position:absolute;width:150px;;border:1px solid #01579b;border-radius:4px;top:300px;left:100px;z-index:1000;display:none;background:white}
.loading_text{float:right;direction:rtl;margin:4px 10px 0 0;}
.load-4,.load-3{float:right}
.load-wrapp p {padding: 0 0 20px;}
.load-wrapp:last-child {margin-right: 0;}
.line {display: inline-block;width:8px;height:8px;border-radius:8px;background-color: #4b9cdb;}
.ring-1 {width: 2px;height:2px;margin: 0 auto;padding:8px;border: 7px dashed #4b9cdb;border-radius: 100%;}
/* =Animate the stuff
------------------------ */
.load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;}
.load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;}
.load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;}
.load-4 .ring-1 {animation: loadingD 1.5s .3s cubic-bezier(.17,.37,.43,.67) infinite;}

@keyframes loadingC {
    0 {transform: translate(0,0);}
    50% {transform: translate(0,15px);}
    100% {transform: translate(0,0);}
}
@keyframes loadingD {
    0 {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}
.preloader {
  /* size */
  width:30px;
  height:30px;
  position: absolute;
  right:-5px;
  top:18px;
  transform: translateX(-50%) translateY(-50%);
  animation: rotatePreloader 2s infinite ease-in;
}

@keyframes rotatePreloader {
  0% {
    transform: translateX(-50%) translateY(-50%) rotateZ(0deg);
  }
  100% {
    transform: translateX(-50%) translateY(-50%) rotateZ(-360deg);
  }
}
.preloader div {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.preloader div:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0%;
  width: 10%;
  height: 10%;
  background-color: #000;
  transform: translateX(-50%);
  border-radius: 50%;
}

.preloader div:nth-child(1) {
  transform: rotateZ(0deg);
  animation: rotateCircle1 2s infinite linear;
  z-index: 9;
}

@keyframes rotateCircle1 {
  0% {
    opacity: 0;
  }
  0% {
    opacity: 1;
    transform: rotateZ(36deg);
  }
  7% {
    transform: rotateZ(0deg);
  }
  57% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(2) {
  transform: rotateZ(36deg);
  animation: rotateCircle2 2s infinite linear;
  z-index: 8;
}

@keyframes rotateCircle2 {
  5% {
    opacity: 0;
  }
  5.0001% {
    opacity: 1;
    transform: rotateZ(0deg);
  }
  12% {
    transform: rotateZ(-36deg);
  }
  62% {
    transform: rotateZ(-36deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(3) {
  transform: rotateZ(72deg);
  animation: rotateCircle3 2s infinite linear;
  z-index: 7;
}

@keyframes rotateCircle3 {
  10% {
    opacity: 0;
  }
  10.0002% {
    opacity: 1;
    transform: rotateZ(-36deg);
  }
  17% {
    transform: rotateZ(-72deg);
  }
  67% {
    transform: rotateZ(-72deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(4) {
  transform: rotateZ(108deg);
  animation: rotateCircle4 2s infinite linear;
  z-index: 6;
}

@keyframes rotateCircle4 {
  15% {
    opacity: 0;
  }
  15.0003% {
    opacity: 1;
    transform: rotateZ(-72deg);
  }
  22% {
    transform: rotateZ(-108deg);
  }
  72% {
    transform: rotateZ(-108deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(5) {
  transform: rotateZ(144deg);
  animation: rotateCircle5 2s infinite linear;
  z-index: 5;
}

@keyframes rotateCircle5 {
  20% {
    opacity: 0;
  }
  20.0004% {
    opacity: 1;
    transform: rotateZ(-108deg);
  }
  27% {
    transform: rotateZ(-144deg);
  }
  77% {
    transform: rotateZ(-144deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(6) {
  transform: rotateZ(180deg);
  animation: rotateCircle6 2s infinite linear;
  z-index: 4;
}

@keyframes rotateCircle6 {
  25% {
    opacity: 0;
  }
  25.0005% {
    opacity: 1;
    transform: rotateZ(-144deg);
  }
  32% {
    transform: rotateZ(-180deg);
  }
  82% {
    transform: rotateZ(-180deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(7) {
  transform: rotateZ(216deg);
  animation: rotateCircle7 2s infinite linear;
  z-index: 3;
}

@keyframes rotateCircle7 {
  30% {
    opacity: 0;
  }
  30.0006% {
    opacity: 1;
    transform: rotateZ(-180deg);
  }
  37% {
    transform: rotateZ(-216deg);
  }
  87% {
    transform: rotateZ(-216deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(8) {
  transform: rotateZ(252deg);
  animation: rotateCircle8 2s infinite linear;
  z-index: 2;
}

@keyframes rotateCircle8 {
  35% {
    opacity: 0;
  }
  35.0007% {
    opacity: 1;
    transform: rotateZ(-216deg);
  }
  42% {
    transform: rotateZ(-252deg);
  }
  92% {
    transform: rotateZ(-252deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(9) {
  transform: rotateZ(288deg);
  animation: rotateCircle9 2s infinite linear;
  z-index: 1;
}

@keyframes rotateCircle9 {
  40% {
    opacity: 0;
  }
  40.0008% {
    opacity: 1;
    transform: rotateZ(-252deg);
  }
  47% {
    transform: rotateZ(-288deg);
  }
  97% {
    transform: rotateZ(-288deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
.preloader div:nth-child(10) {
  transform: rotateZ(324deg);
  animation: rotateCircle10 2s infinite linear;
  z-index: 0;
}

@keyframes rotateCircle10 {
  45% {
    opacity: 0;
  }
  45.0009% {
    opacity: 1;
    transform: rotateZ(-288deg);
  }
  52% {
    transform: rotateZ(-324deg);
  }
  102% {
    transform: rotateZ(-324deg);
  }
  100% {
    transform: rotateZ(-324deg);
    opacity: 1;
  }
}
/*  End loading ************************************************************************* */
.EStore_Delete_Compare_Item{position:absolute;top:10px;left:10px;color:red;font-size:20px;cursor:pointer}
.EStore_Factor{width:1024px;margin:0 auto;padding:10px 0;direction:rtl}
.EStore_Factor .EFtitle{float:right;width:70px;height:140px;position:relative;border:1px solid;background:rgba(204,204,204,0.5)}
.EStore_Factor .EFtitle h2{float:right;margin:55px -30px 0 0;padding:0;width:135px;text-align:center;font-size:18px;transform:rotate(-90deg);}
.EStore_Factor .EFInfo{float:right !important;width:calc(100% - 75px);height:140px;margin:0 2px;padding:5px;border:1px solid}
.EFTable tr td{border:1px solid}
.EStor_PaymentOK{width:300px;margin:0 auto;padding:10px;border-radius:5px}
.EStor_PaymentOK .EPIcon{display:table;margin:0 auto;font-size:70px;color:green}
.EStore_Factor_Number{float:left;width:140px;border:1px solid;background:rgba(204,204,204,0.5);padding:5px;margin:-100px 0 0 -40px;transform:rotate(-90deg);height:60px}
.EStore_ShowAll_Product{transition: 0.4s all;position:absolute;top:-4px;left:0;border-radius:0px;padding:3px 10px;font-size:13px !important}
.EStore_ShowAll_Product:hover{transition: 0.4s all;border-radius:5px}
.EStore_Admin_Message{float:left;;width:40px;height:40px;border:2px solid #fff;margin:-22px 0 0 10px;border-radius:50%;z-index:100;cursor:pointer;}
.EStore_Admin_Message .EAMIcon{position:absolute;top:5px;left:8px;font-size:23px;color:white}

/* Start Blog ---------------------------------------------------------------------------------------------------- */
.EStore_Blog_CatPost{padding:10px !important}
.EBCIMG{float:right;width:100%;height:250px;}
.EBCAnchor{position:absolute;top:35px;right:35px;width:calc(100% - 70px);height:200px;background:rgba(0,0,0,0.3);direction:rtl}
.EBCAnchor:hover{background:rgba(214,154,21,0.7);color:white;transition: background-color 0.5s;}
.EBCAnchorCon{float:right;width:250px;margin:70px 50px;}
.EBCAnchorCon h2{margin:0 0 5px 0;padding:5px 0;font-size:30px;float:right;width:100%;text-align:center;color:white;border-bottom:1px solid white}
.EStore_Blog_News{margin:0 !important;padding:5px !important;direction:rtl}
.EBNIMG{float:right;width:100%;height:260px;}
.EBNTitle{float:right;width:100%;margin:10px 0;padding:0;font-size:20px;text-align:right;font-family: 'IRSsnsBold';}
.EBNTitle a{color:#000}
.EBNTitle a:hover{color:red}
.EStore_Blog_Left{height:500px;/*border:1px solid rgba(237,237,237,1);background:rgba(250,249,254,0.7);border-radius:3px;*/margin:0 0 0 0 !important;padding:5px 0 !important}
.EBLIMG{float:right;width:90px;height:60px;}
.EBLTitle{float:right;width:calc(100% - 95px);margin:5px 5px 5px 0;padding:0;font-size:17px;font-family: 'IRSsnsBold';direction:rtl;color:#000}
.EBLTitle:hover{color:#ffa726;transition: color 0.5s;}
.EBLHour{margin:0 5px 0 0}
.EBLCategory{float:right;width:100%;margin:0;padding:0;list-style-type:none;direction:rtl}
.EBLCategory li,.EBLCategory a{float:right;width:100%;margin:0;padding:0;}
.EBLCategory a{padding:10px 5px;border-bottom:1px dotted #000;color:#000;font-size:17px;}
.EBLCategory a:hover{color:#ffa726;transition: 0.5s;border-bottom:1px dotted #ffa726}
/* End Blog ---------------------------------------------------------------------------------------------------- */
.Popup_tableHead{background:rgba(255,167,38,0.3);border-left:1px solid #ffa726;}
.disabled{pointer-events:none !important;opacity:0.6;!important}

.store_header_fix_top{position:fixed !important;top:0;padding:5px 0 !important;width:100% !important;background:white;z-index:1000 !important;}
.store_persian_language_on{float:right;width:100%;font-size:14px;padding:5px 170px 0 0;color:red;display:none}
[type="checkbox"].filled-in:checked+span:not(.lever):before{border-bottom:2px solid #000 !important;border-right:2px solid #000 !important}

.SortByItems{padding:0 2px !important;float:right;width:100px;/*border:1px solid red*/}
.SortByItems a.SBItem{padding:2px 0 4px 0 !important;color:#000;border-radius:4px}
.SortByItems a:hover.SBItem{background:#ece9e9}
.SBActive{background:#00bfd6}
.PIPOffCon{position:absolute;top:-15px;right:-50px;transform: rotate(40deg);width:150px;height:60px;background:rgba(239,83,80,1);color:#fff;z-index:2}
.PIPOffText{position:absolute;top:20px;right:-5px;transform: rotate(40deg);font-size:11px;direction:rtl;color:white;z-index:3;width:80px;text-align:center;}
.PIPOffCon2{position:absolute;top:-15px;right:-50px;transform: rotate(40deg);width:175px;height:75px;background:rgba(0,255,0,0.8);color:#fff;}
.PIPOffText2{position:absolute;top:35px;right:-8px;transform: rotate(40deg);font-size:12px;direction:rtl;width:120px;text-align:center;color:#000}

.searchFilteItem{border:1px solid #868686;float:right;width:95%;border-radius:5px;margin:0 10px 5px 0;background:white;padding:5px 0}
.SFIBrandTitle{text-align:right;margin:0 3px;float:right;width:calc(100% - 5px);cursor:pointer;padding:5px 15px 5px 0;border-bottom:1px solid #868686}
.SFIBrandIcon{position:absolute;top:7px;left:10px;font-size:17px;transition: 0.5s;}
.SFIBrandIcon-rotate-90{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.SFIBrandContent{float:right;width:100%;/*padding:0 10px*/;height:0;transition: 0.5s;overflow:auto;/*border:1px solid red*/}
.UiFormsRightPanel{padding:0 0 10px 0 !important}
.UiFormsLeftPanel{padding:0 5px 0 5px !important}
.InputCon{width:250px;}
.BasketTitle{width:95px;text-align:center;margin:3px 0 0 0;font-size:13px}
.BasketFLD{width:calc(100% - 95px) !important}
.BasketFLD_120{width:calc(100% - 120px) !important}
.CustomSwitch{background-color:rgb(38,166,154) !important}
.switch label .CustomSwitch:before, .switch label .CustomSwitch:after{background:#F1F1F1 !important} 
.Raya_Search_List_InfoContainer{padding:15px !important;height:200px}
.Raya_Search_List_Btn{display:table;margin:0;position:absolute;bottom:15px}

.FavoriteDetails{padding:10px 10px!important;height:150px;}
.FavoriteBtn{position:absolute;bottom:0;right:5px}
.RialIndicator{position:absolute;top:4px;left:3px;font-size:10px;color:white;background:red;padding:3px 5px;border-radius:3px}
.UserProfileContainer{padding:3px 0 !important;font-size:13px}
.UserProfileKey{float:right;width:80px;text-align:center;padding:4px 0;box-shadow: -3px 2px 2px 0 rgba(0,0,0,.5);font-weight:bold;/*border:1px solid red*/}
.UserProfileValue{float:right;width:calc(100% - 80px);text-align:right;padding:4px 10px 4px 0;/*border:1px solid blue*/}
.bransInfo{position:sticky;position:-webkit-sticky;top:120px;z-index:2;background:white;border-radius:5px;padding:2px 0}
.BasketLeftSide{position:sticky;position:-webkit-sticky;top:120px;z-index:2;}
.BrandLeftSideCon{padding:0 0 !important}
.ui_page_caption{padding:5px 5px !important;border-bottom:2px solid rgba(114,170,178,1)}
.ui_page_caption .UPCIcon{font-size:30px;float:right;color:rgba(114,170,178,1)}
.ui_page_caption .UPCText{float:right;float:right;margin:0;padding:5px 10px;font-size:18px;color:rgba(160,160,160,1)}
.UserBasket_PaidType{padding:10px 10px;margin:3px 0 0 0;border-radius:10px;cursor:pointer}
.UBPTActive{border:1px solid rgba(114,170,178,1)}
.UBPTIcon{font-size:25px}
.employment_FLD{padding:7px 0 !important;/*border:1px solid blue*/}
.employment_Numbers{font-size:35px;color:#72aab2;padding:1px 5px}
/* 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) {
	
}
/* 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) {
	
}
 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	.InputCon{width:calc(100% - 100px) !important;}
	.img-zoom-result {top:300px;right:-50px;width:300px !important}
	.BasketTitle{text-align:left}
	.Raya_Search_List_Btn{position:relative !important;float:right;width:100%;margin:20px 0 10px 0;}
	.Raya_Search_List_Btn a.MD_button,.FavoriteBtn a.MD_button{width:97% !important}
	.Raya_Search_List_InfoContainer{height:auto !important}
	.FavoriteDetails{height:auto;}
	.FavoriteBtn{position:relative;width:100%;float:right;/*border:1px solid red*/}
	.bransInfo,.BasketLeftSide{position:relative !important;top:0;}
	.BrandLeftSideCon{padding:5px 0 !important}
}