@import url("./style-ltr.css");
@font-face {
    font-family: AnjomanLight;
    src: url(./fa-font/Anjoman-FaNum-Light.woff2);
}

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: AnjomanLight;
}

.offset-md-2 {}

.annie-aside,
.annie-nav-toggle {
    left: unset;
    right: 0;
}

.annie-main {
    float: left;
}

@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;
}

.annie-aside .annie-main-menu {
    text-align: right;
}