/*!
    ----------------------------------

    * Mobel Furniture Template Theme - RTL Support
    * Version - 2.2.0
    * Copyright (c) 2017 ElaThemes.com

    ----------------------------------

    [Table of contents]

    1. Default body styles
    2. Buttons
    3. Navigation
    4. Checkbox
    5. Login
    6. Products
    7. Product
    8. Blog
    9. Filters
    10. History
    11. Designer
    12. Footer
    13. Popup
    14. Carousel

    ----------------------------------
 */
/*
    ----------------------------------
    1. Default body styles
    ----------------------------------
*/

body, html {
    direction: rtl;
    text-align: right !important;
    font-family: IRANSans, sans-serif !important;
}

.text-right {
    text-align: left;
}

.color-btn {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}

/*
    ----------------------------------
    2. Buttons
    ----------------------------------
*/
.btn.btn-add {
    right: auto;
    left: 0;
}

.btn.btn-add:before {
    left: -150%;
}

.btn.btn-add .icon {
    right: auto;
    left: 17px;
}

/*
    ----------------------------------
    3. Navigation
    ----------------------------------
*/
nav .search-wrapper .btn-search {
    left: 5px;
    right: auto;
}

nav .search-wrapper .search-results .search-result-items ul li a .id {
    padding-left: 7.5px;
    padding-right: 0;
}

nav .navigation-main .floating-menu > ul > li .navbar-dropdown {
    text-align: right;
}

@media (min-width: 992px) {
    nav .navigation-main .floating-menu > ul > li:first-child > a {
        padding-right: 0;
    }
    nav .navigation-main .floating-menu > ul > li:last-child > a {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 991px) {
    nav .navigation-main .floating-menu > ul > li .open-dropdown {
        right: auto;
        left: 0;
        margin-left: 5px;
        text-align: left;
    }
    nav .navigation-main .floating-menu > ul > li .open-dropdown .fa:before {
        transform: rotate(90deg);
    }
}

@media (max-width: 991px) {
    nav .navigation {
        direction: ltr;
    }
}

nav .navigation-top > ul {
    direction: ltr;
}

nav .navigation-top .nav-settings {
    direction: rtl;
}
nav .navigation-top .nav-settings ul{
    left: 0;
    right: auto;
}

nav .navigation-top .nav-settings-list {
    text-align: right !important;
}

nav .cart-wrapper .checkout .cart-block > div.price {
    padding-right: 0;
    padding-left: 10px;
}

nav .cart-wrapper .checkout .cart-block.cart-block-footer > div {
    float: right;
}

/*
    ----------------------------------
    4. Checkbox
    ----------------------------------
*/
.checkbox label {
    padding-left: 0;
    padding-right: 35px;
}

.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
    display: none;
}

.checkbox input[type="checkbox"] + label:before,
.checkbox input[type="radio"] + label:before {
    left: auto;
    right: 0;
}

/*
    ----------------------------------
    5. Login
    ----------------------------------
*/
.login-wrapper{
    text-align: right !important;
}
.login-wrapper .login-block .btn.pull-right {
    float: left !important;
}

/*
    ----------------------------------
    6. Products
    ----------------------------------
*/
.products article .info {
    left: 15px;
    right: auto;
}

.products article .text .title small {
    display: inline-block;
}

@media (min-width: 767px) {
    .products article .label {
        left: auto;
        right: 10px;
    }
}

.products article .btn-add {
    transform: translate3d(-100%, 0, 0);
}

/*
    ----------------------------------
    7. Product
    ----------------------------------
*/
.product .info-box > span {
    text-align: right;
}

/*
    ----------------------------------
    8. Blog
    ----------------------------------
*/
.blog .pre-header .sort-bar.pull-right {
    float: left !important;
}

.blog article .entry .date-wrapper {
    width: 65px;
}

.blog article .entry .date-wrapper .date {
    border-left: 1px solid #ccc;
    border-right: 0;
}

.blog aside .box ul li {
    margin-left: 0;
    margin-right: 20px;
}

.blog aside .box.box-search .btn {
    right: auto;
    left: 10px;
}

.blog aside .box ul li:hover {
    transform: translateX(-10px);
}

.blog aside .box.box-tags ul li {
    float: right;
}

.blog aside .box.box-posts ul li {
    margin-right: 0;
}

.blog .blog-info.blog-info-top {
    text-align: right;
}

.blog .blog-info .entry .fa {
    margin-left: 5px;
}

/*
    ----------------------------------
    9. Filters
    ----------------------------------
*/
@media (min-width: 992px) {
    .filters.filters-top .filter-update {
        left: 0;
        right: auto;
    }
}

.filters .filter-box .title:after {
    right: auto;
    left: 0;
}

.filters .filter-box .title span {
    display: inline-block;
}

/*
    ----------------------------------
    10. History
    ----------------------------------
*/
.history .history-title {
    left: -50px;
    right: auto;
}

/*
    ----------------------------------
    11. Designer
    ----------------------------------
*/
.designer .name {
    text-align: inherit;
}

/*
    ----------------------------------
    12. Footer
    ----------------------------------
*/
footer .footer-links .form-newsletter .btn {
    right: auto;
    left: 5px;
}

/*
    ----------------------------------
    13. Popup
    ----------------------------------
*/
.popup-main {
    text-align: right;
}

.popup-main .popup-table .popup-cell:nth-child(1) {
    padding-left: 0;
    padding-right: 18px;
}

.popup-main .popup-table .popup-cell:nth-child(2) {
    text-align: left;
}

.popup-main .popup-table .popup-cell .price {
    text-align: right;
}

/*
    ----------------------------------
    14. Carousel
    ----------------------------------
*/
.owl-carousel {
    direction: ltr;
}

/*
    ----------------------------------
    15. Font Settings
    ----------------------------------
*/

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: IRANSans, sans-serif;
}

nav .navigation-main .floating-menu > ul > li > a {
    font-family: IRANSans, sans-serif;
}
@media (min-width: 992px) {
    nav .navigation-main .floating-menu > ul > li > a {
        color: var(--secondary-color);
        padding: 20px 6px;
        letter-spacing: 0;
    }
}

nav .navigation-main .navbar-dropdown .navbar-box ul > li.label {
    font-family: IRANSans, sans-serif;
}

nav .search-wrapper .search-results .search-result-items ul li a .name {
    font-family: IRANSans, sans-serif;
}

.owl-icons-wrapper .owl-icons figcaption {
    font-family: IRANSans, sans-serif;
}

nav .navigation-main .open-dropdown{
    margin-left: 0;
    margin-right: 5px;
}

.tabsy-links .col-md-3, .tabsy-links .col-md-6 {
    float: right;
}

.tabsy-wrapper .tabsy .tabsy-links figure:after{
    content: "\e875";
    text-align: left;
}
.tabsy-wrapper .tabsy .tabsy-links figure + figure {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{
    margin-left: 20px;
    margin-right: 0;
}

section.instagram .text p{
    direction: ltr;
}

.products article .info a:hover:after{
    left: 110%;
    right: auto;
}
@media (min-width: 768px)
{
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: right;
    }
}
.products .filters-column{
    order: 0;
}
.product-items .row .col-md-6{
    float: right;
}
.widget .filter-span > span{
    left: 2px;
    right: auto;
}
.widget .filter-span {
    padding: 0.5rem 0.5rem 0.5rem 2.5rem;
    text-align: right;
}

.fa-angle-right:before {
    content: "\f104";
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child){
    border-radius: 0.25rem 0 0 0.25rem;
}
.input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
    border-radius: 0 0.25rem 0.25rem 0;
}
@media (min-width: 992px) {
    .products-menu .col-md-1, .products-menu .col-md-10, .products-menu .col-md-11, .products-menu .col-md-12, .products-menu .col-md-2, .products-menu .col-md-3, .products-menu .col-md-4, .products-menu .col-md-5, .products-menu .col-md-6, .products-menu .col-md-7, .products-menu .col-md-8, .products-menu .col-md-9 {
        float: right;
    }
    .about-section .row > div{
        float: right;
    }
}
.about-section .title-about{
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.about-section .title-about h4{
    writing-mode: vertical-rl;
    margin: 0;
}
.about-section .desc-about{
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding-bottom: 50px;
}
.send-message .send-message-title {
    left: -5px !important;
}
/* Version 2.2.0.
 * Theme credit ElaThemes.com */

.lang-symbol{
    line-height: 30px;
}