@font-face {
    font-family: "CustomFont";
    src: url("/public/edit/main/fonts/El_Messiri/static/ElMessiri-Bold.ttf");
}
label,h1,h2,h3,h4,h5,h6,div,span,p,b,a,button,input,th,td,select{
    font-family: 'CustomFont', Arial, sans-serif !important;
}

html , body {
    direction: rtl;
    text-align: right;
}
select{
        background-position: left 10px center !important;
}
.search-drawer{
    direction: rtl;
}
.search-drawer .action.search{
    right: auto;
    left: 14px;
}
/*#settingsBox{
    right: auto;
    left: 0px;
}*/

#settingsBox .ttl  , .minicart-content .item .product-title ,.minicart-content .item .variant-cart ,.minicart-content .item .wrapQtyBtn ,.minicart-content .item .priceRow{
    text-align: right  !important;
}
.minicart-content .item .product-title{
    margin-left: 45px;
    margin-right: 0px;
}
.minicart-content .item .product-image , .minicart-content .item .product-details ,.minicart-bottom .subtotal > span{
    float: right;
}
.minicart-bottom .subtotal .product-price{
    float: left;
}
.mobile-icons{
    text-align: left;
}

#siteNav.center{
    text-align: center;
}
@media (min-width: 990px){
    #siteNav > li ul.dropdown li a .anm{
        right: auto;
        left: 10px;
    }
    #siteNav > li ul.dropdown li a{
        text-align: right;
    }
    #siteNav > li ul.dropdown li ul{
        left: auto;
        right: 100%;
    }
}
.product-details-img .product-thumb{
    float: right;
}

 @media only screen and (max-width: 991px){
    .mobile-icons .btn--link {
        display: inline-block;
        padding-right: 0px;
        padding-left: 20px;
        vertical-align: middle;
    }
}
.mobile-icons{
    text-align: right;
}
.product-price{
    direction:rtl;
    
}
.button-set{
    left: auto !important;
    right:10px !important;
}
select{
    direction:rtl;
}
.footer .footer-top .footer-links .h4:after{
    right:auto;
    left:30px;
}
.filterBox ul:not(.filter-color) input[type="checkbox"] + label > span{
        margin: 0 0 0 7px;
}
.filter-widget .widget-title:after{
    right:auto;
    left:0px;
}
#siteNav {
    letter-spacing: 0px !important;
}
d-menu-col{
    direction: rtl;
}
#settingsBox{
    left: 20px;
    right: auto;
}
.cnrLangList{
    text-align: right;
}
.minicart-content .item .product-details{
    padding-right: 15px;
    padding-left: 0px;
}

.minicart-left-drawer.left .modal-dialog { position:fixed; margin:auto; width:350px; max-width:100%; height:100%; z-index:1024;dz -webkit-transform:translate3d(0%,0,0); -ms-transform:translate3d(0%,0,0); -o-transform:translate3d(0%,0,0); transform:translate3d(0%,0,0); }
.minicart-left-drawer.left .modal-content { border:none; border-radius:0; height:100%; overflow-y:auto; }
.minicart-left-drawer.left.fade .modal-dialog { left:-350px; -webkit-transition:opacity 0.3s linear, left 0.3s ease-out; -moz-transition:opacity 0.3s linear, left 0.3s ease-out; -o-transition:opacity 0.3s linear, left 0.3s ease-out; transition:opacity 0.3s linear, left 0.3s ease-out; }
.minicart-left-drawer.left.fade.show .modal-dialog { left:0; }



.mobile-nav-wrapper { display:block; }
body.menuOn .page-wrapper { left:270px }
#pageWrapper { position:relative; left:0; -ms-transition:all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.js-mobile-nav-toggle .anm { display:none; color:#000; }
.header-8 .js-mobile-nav-toggle .anm, .header-13 .js-mobile-nav-toggle .anm, .header-17 .js-mobile-nav-toggle .anm { color:#fff; }
.site-header__menu { border:0; padding:0; font-size:17px; display:block; cursor:pointer; }
.js-mobile-nav-toggle.mobile-nav--open .anm-bars-r,
.js-mobile-nav-toggle.mobile-nav--close .icon.anm.anm-times-l { display:inline-block; }
#MobileNav { height:100%; overflow:auto; list-style:none; padding:0; margin:0; }
.mobile-nav-wrapper .closemobileMenu { color:#000; font-size:13px; padding:8px 10px; background-color:#eee; cursor:pointer; }
.mobile-nav-wrapper .closemobileMenu .anm { font-size:13px; padding:2px; float:left; }
.mobile-nav-wrapper { width:270px; height:100%;position:fixed; right:-270px; top:0; z-index:10000; background-color:#ffffff; box-shadow:0 0 5px rgba(0,0,0,0.3); opacity:0; visibility:hidden;-ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
.mobile-nav-wrapper.active { right:0; opacity:1; visibility:visible; }
#MobileNav li { border-top:1px solid #eeeeee; position:relative }

body.menuOn .page-wrapper { left: auto !important; right:270px !important; }