@import url("./style-ltr.css");
    @font-face {
        font-family: AnjomanLight;
        src: url(./fa-font/Anjoman-FaNum-Light.woff2);
    }
@font-face {
    font-family: mitra;
    src: url(./fa-font/Far_Mitra.ttf);
}
    body {
        text-align: right;
        direction: rtl;
    }
    
    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    textarea,
    .annie-aside .annie-logo h1,
    .annie-aside .annie-main-menu>ul>li>a,
    .annie-aside .annie-main-menu>ul>li.open>a,
    .annie-aside .annie-main-menu ul ul li a,
    .annie-hero .flexslider .slider-text>.slider-text-inner h1,
    .annie-hero .flexslider .slider-text>.slider-text-inner h2,
    .annie-heading,
    .annie-heading span,
    .annie-contact-heading,
    .annie-post-heading,
    .heading-meta,
    .annie-team .desc h3,
    .annie-services .desc h3,
    .blog-entry .desc h3 a,
    .blog-entry .desc .lead,
    .comments-area .comments-title,
    ol.comment-list li.comment .comment-author .name,
    ol.comment-list li.comment p,
    .btn-contact,
    #annie-footer h1,
    button,
    input,
    optgroup,
    select,
    textarea,
    .annie-about-heading,
    .banner-header h1,
    .banner-header h2 {
        font-family: mitra, AnjomanLight;
    }
    
    .offset-md-2 {}
    
    .annie-aside,
    .annie-nav-toggle {
        left: unset;
        right: 0;
    }
    
    .annie-main {
        float: left;
        direction:ltr;
    }
    
    @media screen and (max-width: 768px) {
        .annie-aside {
            width: 270px;
            -moz-transform: translateX(270px);
            -webkit-transform: translateX(270px);
            -ms-transform: translateX(270px);
            -o-transform: translateX(270px);
            transform: translateX(270px);
        }
    }
    
    body.offcanvason .annie-main,
    body.offcanvason .annie-nav-toggle {
        -moz-transform: translateX(-270px);
        -webkit-transform: translateX(-270px);
        -ms-transform: translateX(-270px);
        -o-transform: translateX(-270px);
        transform: translateX(-270px);
    }
    
    ol.comment-list li.comment .comment-body {
        padding: 20px 90px 20px 30px;
        margin-left: unset;
        margin-right: 40px;
    }
    
    ol.comment-list li.comment .reply a {
        left: 30px;
        right: unset;
    }
    
    ol.comment-list li.comment .comment-author .avatar {
        left: unset;
        right: -40px;
    }
    
    ol.comment-list li .children {
        margin: 0 80px 0 0;
    }
    
    ol.comment-list {
        padding-left: unset;
        padding-right: 0;
    }
    
    @media only screen and (max-width: 480px) {
        ol.comment-list li.comment .comment-body {
            padding-right: 0;
            margin-left: 26px;
        }
        ol.comment-list li.comment .comment-author .avatar {
            left: unset;
            right: -64px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        ol.comment-list li .children {
            margin: 0 20px 0 0;
        }
        ol.comment-list li.comment .comment-body {
            margin-bottom: 30px;
            margin-left: 0;
        }
    }
    
    .progress-wrap {
        left: 30px;
        right: unset;
    }
.img-info {
    width: 18px;
    text-align: right;
    float: right;
}