/* --------------------------------------
   1. Global Styles
-----------------------------------------*/
body {
  text-align: right;
}

@media (min-width: 992px) {
  .offset-lg-1 {
    margin-right: 8.333333%;
    margin-left: 0;
  }
}

.list-unstyled {
  padding-right: 0;
}

.page-content {
  padding-left: 0;
  padding-right: 80px;
}
@media (max-width: 575.98px) {
  .page-content {
    padding-right: 0;
  }
}

.main-title h3 {
  left: auto;
  right: 50%;
  -webkit-transform: translateX(50%);
  -mz-transform: translateX(50%);
  -o-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

/* --------------------------------------
   2. Loading
-----------------------------------------*/
.preloader .preloader-item {
  left: auto;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  -mz-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.preloader .preloader-item .move {
  left: auto;
  right: -50%;
}

@-webkit-keyframes moving {
  0% {
    right: -50%;
    left: auto;
  }
  100% {
    right: 150%;
    left: auto;
  }
}
@-moz-keyframes moving {
  0% {
    right: -50%;
    left: auto;
  }
  100% {
    right: 150%;
    left: auto;
  }
}
@keyframes moving {
  0% {
    right: -50%;
    left: auto;
  }
  100% {
    right: 150%;
    left: auto;
  }
}
/* --------------------------------------
   3. Color Switcher
-----------------------------------------*/
.switch-button {
  right: auto;
  left: 0;
}
.switch-button.hide {
  right: auto;
  left: -100%;
}

.switched-styles {
  left: -100%;
  right: auto;
}
.switched-styles.show {
  right: auto;
  left: 0;
}
.switched-styles .hide-button {
  left: 10px;
  right: auto;
}

/* --------------------------------------
   4. Navbar
-----------------------------------------*/
.vertical-nav {
  left: auto;
  right: 0;
}
@media (min-width: 1200px) {
  .vertical-nav.demo2 {
    left: auto;
    right: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .vertical-nav.demo2 {
    left: auto;
    right: 30px;
  }
}
.vertical-nav .toggle-menu {
  float: left;
}
.vertical-nav .toggle-menu .bar:nth-child(2) {
  margin: 8px 0;
  margin-left: 7px;
}
@media (max-width: 575.98px) {
  .vertical-nav .mini-menu {
    left: auto;
    right: 0;
    margin-right: 0;
    margin-left: 70px;
  }
}
.vertical-nav .mini-menu ul li a i:before {
  margin-left: 0;
  margin-right: 0;
  left: auto;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  -mz-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.vertical-nav .mini-menu ul li a span {
  left: auto;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  -mz-transform: translate(50%, -50%);
  -o-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

/* --------------------------------------
   5. Home
-----------------------------------------*/
.light .home {
  background: url(../../images/home2-rtl.jpg) center center no-repeat;
  background-size: cover;
}

.home {
  background: url(../../images/home-rtl.jpg) center center no-repeat;
  background-size: cover;
}
.home .home-intro {
  margin-left: 0;
  margin-right: 5vw;
}

/* --------------------------------------
   6. About Me
-----------------------------------------*/
.about .about-me .about-info h3:before {
  left: auto;
  right: 0;
}
.about .about-me .about-info .personal-info .about-item h4 {
  padding-left: 0;
  padding-right: 50px;
}
.about .about-me .about-info .personal-info .about-item h4 span {
  left: auto;
  right: 0;
}
.about .about-me .about-info .personal-info .about-item h4 span:after {
  left: auto;
  right: 18px;
  border-left: none;
  border-right: 1px dotted #f1a940;
}

/* --------------------------------------
   7. Services
-----------------------------------------*/
.services .service .service-icon {
  left: auto;
  right: 20px;
}
.services .service .service-icon i:before {
  margin-left: 0;
  margin-right: 0;
}

/* --------------------------------------
   8. Skills
-----------------------------------------*/
.skills .progress-container .percent {
  right: auto;
  left: 0;
}

/* --------------------------------------
   9. Resume
-----------------------------------------*/
.resume .resume-content .education i,
.resume .resume-content .experience i {
  left: auto;
  right: 50%;
  -webkit-transform: translateX(50%);
  -mz-transform: translateX(50%);
  -o-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
.resume .resume-content .education .resume-item:not(:last-of-type):before,
.resume .resume-content .experience .resume-item:not(:last-of-type):before {
  right: 0;
  left: 40%;
}

/* --------------------------------------
   11. Blog
-----------------------------------------*/
.blog .post .post-content .post-date {
  right: auto;
  left: 5px;
}

/* --------------------------------------
   12. Contact
-----------------------------------------*/
.contact .contact-boxes .contact-box p > i {
  margin-right: 0;
  margin-left: 8px;
}
.contact .contact-boxes .contact-box p > i:not(.available):after {
  left: auto;
  right: 21px;
  border-left: none;
  border-right: 1px dotted #f1a940;
}
.contact .contact-boxes .contact-box p span {
  margin-right: 0;
  margin-left: 5px;
}
.contact .contact-boxes .contact-box p span a i:hover:after {
  left: auto;
  right: 0;
}
.contact .contact-form .form-group label {
  left: 0;
  right: 12px;
}
.contact .contact-form .form-group .input-border {
  left: auto;
  right: 0;
}
.contact .contact-form .form-message {
  left: auto;
  right: 0;
}

/*# sourceMappingURL=homepages-rtl.css.map */