body{
    text-align: right;
    direction: rtl;
}
header .main-menu ul i{
    margin-right: 5px;
}
header .main-menu ul i{
    float: left;
}
.main-slider .owl-nav .owl-next {
    float: left;
    margin-left: 30px;
}
.main-slider .owl-nav .owl-prev {
    margin-right: 30px;
}
.services .services-content a i {
    float: left;
}
.single-pages .services-content a i {
    float: left;
}
.services .services-content a:after{
    right: 0;
}
.single-pages .services-content a:after{
    right: 0;
}
.project .project-slider .item .project-content .on-project{
    right: 0;
}
.single-pages .project-content .on-project{
    right: 0;
}
.contact .contact-form .main-header{
    text-align: right;
}
.contact .contact-form input[type=text]:nth-of-type(2) {
    float: left;
}
.contact .contact-form {
    padding:50px 20% 50px 0px;
}
.contact .contact-form .top-dis{
    width: 75%;
}
.who .work-tobo:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0;
    width: 0%;
    height: 0px;
    background-color: #ffffff;
    transition: linear  .4s; }
.who .work-tobo:before {
    content: " ";
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 0%;
    height: 0px;
    background-color: #ffffff;
    transition: linear  .4s; }
.who .work-rile:after {
    content: " ";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0px;
    height: 0%;
    background-color: #ffffff;
    transition: linear  .4s; }
.who .work-rile:before {
    content: " ";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 0px;
    height: 0%;
    background-color: #ffffff;
    transition: linear .4s; }

.animation .work-tobo:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    transition: linear .4s;
    transition-delay: .5s; }
.animation .work-tobo:before {
    content: " ";
    position: absolute;
    bottom: 0px;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    transition: linear .4s;
    transition-delay: 1.5s; }
.animation .work-rile:after {
    content: " ";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 2px;
    height: 100%;
    background-color: #a1a1a1;
    transition: linear .4s;
    transition-delay: 2s; }
.animation .work-rile:before {
    content: " ";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 2px;
    height: 100%;
    background-color: #ffffff;
    transition: linear .4s;
    transition-delay: 1s; }
.animation .col-lg-3:last-of-type .work-rile:after {
    background-color: #ffffff; }
@media (max-width: 991px){
    .main-menu{
        right:  0;
    }
}