/*--------------------------------------
*********** START RESET ***********
--------------------------------------*/

body {
    direction: rtl;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.pull-left {
    float: right !important;
}

.pull-right {
    float: left !important;
}

/*--------------------------------------
*********** BTNS ***********
--------------------------------------*/

.sl-btn:before {
    left: 0.6em;
    transform: rotate(30deg);
    -o-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
}

.left-fa {
    margin-right: 8px;
}

.right-fa {
    margin-left: 8px;
}

/*--------------------------------------
*********** TOP HEADER ***********
--------------------------------------*/

.f-media.media-fa {
    margin: 5px 10px 10px 15px;
}

/*--------------------------------------
*********** START NAV ***********
--------------------------------------*/

.top-social-media > li:last-child> a {
    border-right: 2px solid #13123f;
    margin-right: 8px;
    padding-right: 8px;
}

.navbar-toggle {
    float: left;
}

.dropdown-menu {
    right: auto;
    left: 0;
}

/*--------------------------------------
***********  CONTENT  ***********
--------------------------------------*/

.border-line:before {
    right: -10px;
}

.border-line:after {
    right: -15px;
}

.image-holder:before {
    left: 0;
    border-right: 70px solid transparent;
}

.border-left {
    border-right: 6px solid #282471;
    padding-right: 18px;
}

/*--------------------------------------
********** FIRST FOOTER *********
--------------------------------------*/

.last-media .media-fa span.fa {
    margin-left: 15px;
}

/*--------------------------------------
*********** TEXT ALIGN ***********
--------------------------------------*/

.fa-flip-horizontal {
    transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}

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

/*--------------------------------------
*********** START MEDIA ***********
--------------------------------------*/

@media (max-width: 767px) {

    .border-line:before {
        right: -5px;
    }

    .border-line:after {
        right: -10px;
    }

}

@media (min-width: 768px) {

    .navbar-right {
        float: right !important;
    }

    .navbar-nav > li {
        float: right;
    }

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

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

    .nav > li:not(:last-child)> a {
        border-left: 2px solid #13123f;
    }

    .last-media .media-fa.media-left {
        float: right !important;
    }

}

@media (min-width: 992px) {

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

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

    .media-fa.media-left {
        float: left !important;
    }

    .apps-images:before {
        margin: 5px -9px 0 0;
    }

}

/*--------------------------------------
*********** END ***********
--------------------------------------*/