/***

====================================================================
  alaa mohammed 
====================================================================

 ***/


@font-face {
font-family: "neo-sans";
   src:url("assets/fonts/font/neo-sans-pro-103.otf") format("opentype"),
}


.rtl {
  direction: rtl; 
}

.ltr {
  direction: ltr; 
}

.demo-rtl{
  position: fixed;
  top: 400px;
  left: 0;
  z-index: 9999;
}

button.rtl{
  background: #000;
  display: block;
  text-indent: inherit;
  font-size: 12px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 700;
  margin: 0px;
  border-radius: 0px 5px 5px 0px;
  color: #fff !important;
}

.demo-ltr{
  position: fixed;
  top: 400px;
  left: auto;
  right: 0;
  z-index: 9999;
}

button.ltr {
  background: #000;
  display: block;
  text-indent: inherit;
  font-size: 12px;
  font-weight: 700;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0px;
  border-radius: 5px 0px 0px 5px;
  color: #fff !important;
}

.ltr .demo-rtl{
  display: block;
}

.ltr .demo-ltr{
  display: none;
}

.rtl .demo-rtl{
  display: none;
}

.rtl .demo-ltr{
  display: block;
}

.rtl .main-slider-carousel{
  direction: ltr;
}

.rtl .pull-left{
  float: right;
}

.rtl .pull-right{
  float: left;
}

.rtl .main-header .outer-container .header-upper .upper-left .logo-box{
  float: right;
}

.rtl .main-header .outer-container .header-upper .upper-left .info-box{
  float: right;
  margin-left: 0px;
  /* margin-right: 200px; */
  margin-right: 90px;
}

.rtl .main-header .outer-container .header-upper .upper-left .info-box .box{
  padding-left: 0px;
  padding-right: 55px;
  text-align: right;
}

.rtl .main-header .outer-container .header-upper .upper-left .info-box .box .icon-box{
  left: inherit;
  right: 0px;
}

.rtl .main-header .outer-container .header-upper .upper-left .info-box .box:before{
  left: inherit;
  right: 40px;
}

.rtl .main-header .outer-container .header-upper .upper-left .info-box .box:hover .icon-box{
  left: inherit;
  right: 50%;
}

.rtl .main-menu{
  float: right;
}

.rtl .main-header .outer-container .header-upper .upper-right .menu-right-content{
  margin-left: 0px;
  margin-right: 40px;
}

.rtl .main-header .outer-container .header-upper .upper-right .menu-right-content .search-box-outer, 
.rtl .main-header .outer-container .header-upper .upper-right .menu-right-content .cart-box{
  float: right;
}

.rtl .main-header .search-box-outer{
  margin-right: 0px;
  margin-left: 25px;
}

.rtl .main-menu .navigation > li{
  float: right;
}

.rtl .main-menu .navigation > li > ul > li > a{
  text-align: right;
}

.rtl .main-menu .navigation > li:last-child{
  margin-left: 0px;
  margin-right: 20px !important;
}

.rtl .main-menu .navigation > li:first-child{
  margin-right: 0px;
  margin-left: 20px !important;
}

.rtl .main-menu .navigation > li > ul > li.dropdown > a:after{
  right: inherit;
  left: 10px;
  content: "\f104";
}

.rtl .main-menu .navigation > li > ul > li > ul{
  left: inherit;
  right: 100%;
}

.rtl .sticky-header .main-menu .navigation > li{
  margin: 0px !important;
}

.rtl .sticky-header .logo-box{
  float: right;
}

.rtl .sticky-header .menu-area{
  float: left;
}

/*alaa moahmmed */
.rtl .main-slider .content-box{
  text-align: right;
  margin-left: -18%;
}

.rtl .main-slider .top-text{
  padding-left: 0px;
  padding-right: 43px;
  font-size: 20px;
  font-weight: bold;
}

.rtl .main-slider .top-text:before{
  left: inherit;
  right: 0px;
}

.rtl .feature-section .feature-block:before{
  right: inherit;
  left: -5px;
}

.rtl .three-column-carousel{
  direction: ltr;
}

.rtl .top-title .title-inner, 
.rtl .top-title .text-inner{
  float: right;
  text-align: right;
}

.rtl .top-title .title-inner .sec-title{
  padding-right: 0px;
  padding-left: 50px;
  text-align: left;
}

.rtl .top-title .title-inner .sec-title:before{
  right: inherit;
  left: -2px;
}

.rtl .top-title .text-inner .text {
  padding-right: 50px;
  padding-left: 120px;
}

.rtl .sec-title h1:before{
  right: inherit;
  left: 0px;
}

.rtl #content_block_one .content-box{
  text-align: right;
}

.rtl #content_block_one .content-box .sec-title h1:before{
  left: inherit;
  right: 0px;
}

.rtl #content_block_one .content-box .list-item li{
  padding-left: 0px;
  padding-right: 25px;
}

.rtl #content_block_one .content-box .list-item li:before{
  left: inherit;
  right: 0px;
}

.rtl #content_block_one .content-box .theme-btn.style-one{
  margin-right: 0px;
  margin-left: 8px;
}

.rtl .testimonial-section .inner-content{
  direction: ltr;
}

.rtl .news-block-one .inner-box .lower-content .inner{
  text-align: right;
}

.rtl .news-block-one .inner-box .lower-content .inner .info-box li:before{
  right: inherit;
  left: -9px;
}

.rtl .news-block-one .inner-box .lower-content .inner .info-box li{
  margin-right: 0px;
  margin-left: 15px;
}

.rtl .news-block-one .inner-box .lower-content .inner .info-box li:last-child{
  margin-left: 0px;
}

.rtl .news-block-one .inner-box .lower-content .inner .info-box:before{
  left: inherit;
  right: 0px;
}

.rtl .news-block-one .inner-box .lower-content .lower-box .share-box .share-link i{
  margin-right: 0px;
  margin-left: 8px;
}

.rtl .clients-carousel{
  direction: ltr;
}

.rtl .main-footer .footer-top .footer-social .social-links li{
  float: right;
  margin-right: 0px;
  margin-left: 10px;
}

.rtl .main-footer .footer-top .footer-social .social-links li:last-child{
  margin-left: 0px;
}

.rtl .main-footer .footer-top .subscribe-form .form-group button{
  right: inherit;
  left: 0px;
}

.rtl .main-footer .footer-top .subscribe-form .form-group input[type='email']{
  padding-right: 40px;
  padding-left: 200px;
}

.rtl .main-footer .footer-upper{
  text-align: right;
}

.rtl .main-footer .footer-upper .footer-widget .widget-title:before{
  left: inherit;
  right: 0px;
}

.rtl .main-footer .footer-upper .shediul-widget, 
.rtl .main-footer .footer-upper .contact-widget{
  margin-left: 0px;
  margin-right: 60px;
}

.rtl .main-footer .footer-upper .links-widget{
  margin-left: 0px;
  margin-right: 100px;
}

.rtl .main-footer .footer-upper .logo-widget{
  margin-right: 0px;
  margin-left: -30px;
}

.rtl .main-header.style-two .header-top .top-right .social-links li{
  margin-right: 0px;
  margin-left: 15px;
}

.rtl .main-header.style-two .header-top .top-right .social-links li:last-child{
  margin-left: 0px;
}

.rtl .main-header.style-two .header-top .top-left .info-box li i{
  margin-right: 0px;
  margin-left: 8px;
}

.rtl .main-header.style-two .header-top .top-left .info-box li{
  margin-right: 0px;
  margin-left: 30px;
}

.rtl .main-header.style-two .header-top .top-left .info-box li:last-child{
  margin-left: 0px;
}

.rtl .about-section #content_block_three .inner-box{
  margin-left: 0px;
  margin-right: 60px;
}

.rtl #content_block_three .inner-box .form-inner .form-group label{
  text-align: right;
}

.rtl .nice-select{
  text-align: right !important;
}

.rtl .nice-select .option{
  text-align: right;
}

.rtl .nice-select:after{
  right: inherit;
  left: 30px;
}

.rtl .about-section #content_block_two .content-box {
  margin-left: 10px;
  padding-right: 30px;
  margin-right: 0px;
  padding-left: 0px;
  text-align: right;
}

.rtl #content_block_two .content-box:before{
  left: inherit;
  right: 0px;
}

.rtl #content_block_two .content-box .sec-title h1:before{
  left: inherit;
  right: 0px;
}

.rtl #content_block_two .content-box .phone i{
  margin-right: 0px;
  margin-left: 6px;
}

.rtl .fact-counter .counter-block:before{
  right: inherit;
  left: -15px;
}

.rtl .filtration-process .single-column:before{
  right: inherit;
  left: -30px;
}

.rtl .video-style-two #content_block_four .content-box{
  right: inherit;
  left: 0px;
  text-align: right;
}

.rtl #content_block_four .content-box .inner .sec-title h1:before{
  left: inherit;
  right: 0px;
}

.rtl #content_block_four .content-box .inner .list-item li{
  padding-left: 0px;
  padding-right: 25px;
}

.rtl #content_block_four .content-box .inner .list-item li:before{
  left: inherit;
  right: 0px;
}

.rtl .testimonial-carousel{
  direction: ltr;
}

.rtl .testimonial-style-two .content-inner{
  margin-left: 0px;
  margin-right: 50px;
  text-align: right;
}

.rtl .testimonial-style-two .sec-title h1:before{
  left: inherit;
  right: 0px;
}

.rtl .testimonial-style-two .owl-dots{
  right: inherit;
  left: -125px;
}

.rtl .scroll-top{
  right: inherit;
  left: 50px;
}

.rtl .request-section .inner-box .request-form .form-group label{
  text-align: right;
}

.rtl .request-section .inner-box .form-group .submit-box .checkbox label span{
  margin-left: 0px;
  margin-right: 4px;
}

.rtl .faq-section .accordion-box .block{
  text-align: right;
}

.rtl .faq-section .accordion-box .block .acc-btn .icon-outer{
  right: inherit;
  left: 15px;
}

.rtl .shop-page-section .shop-sidebar{
  padding-right: 0px;
  padding-left: 50px;
  text-align: right;
}

.rtl .default-sidebar .widget-title:before{
  left: inherit;
  right: 0px;
}

.rtl .shop-page-section .shop-sidebar .sidebar-post .post{
  padding-left: 0px;
  padding-right: 100px;
}

.rtl .shop-page-section .shop-sidebar .sidebar-post .post .image-box{
  left: inherit;
  right: 0px;
}

.rtl .default-sidebar .sidebar-categories .categories-list li a{
  padding-left: 0px;
  padding-right: 18px;
}

.rtl .default-sidebar .sidebar-categories .categories-list li a:before{
  left: inherit;
  right: 0px;
  content: "\f0d9";
}

.rtl .shop-page-section .shop-sidebar .range-slider .input input{
  text-align: right;
}

.rtl .shop-page-section .shop-sidebar .range-slider p{
  margin-right: 20px;
  top: 0px;
}

.rtl .shop-page-section .shop-sidebar .range-slider .value-box{
  max-width: 170px;
}

.rtl .shop-page-section .shop-sidebar .range-slider .input{
  max-width: 80px;
}

.rtl .default-sidebar .sidebar-tags .tags-list li a{
  margin-right: 0px;
  margin-left: 7px;
}

.rtl .main-menu .navigation > li > ul{
  left: inherit;
  right: 0px;
}

.rtl .shop-details .product-details-content .content-box{
  margin-left: 0px;
  margin-right: 30px;
  text-align: right;
}

.rtl .shop-details .item-quantity{
  float: right;
  margin-right: 0px;
  margin-left: 15px;
}

.rtl .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up{
  left: 15px;
}

.rtl .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down{
  right: -15px;
}

.rtl .shop-details .product-info-tabs .tabs-content{
  text-align: right;
}

.rtl .four-item-carousel{
  direction: ltr;
}

.rtl #content_block_four .content-box .inner{
  text-align: right;
}

.rtl .sidebar-page-container .blog-sidebar{
  padding-left: 0px;
  padding-right: 30px;
  text-align: right;
}

.rtl .sidebar-page-container .blog-sidebar .sidebar-search .form-group input[type='search']{
  padding-right: 30px;
  padding-left: 60px;
}

.rtl .sidebar-page-container .blog-sidebar .sidebar-search .form-group button{
  right: inherit;
  left: 25px;
}

.rtl .sidebar-page-container .blog-sidebar .sidebar-post .post{
  padding-left: 0px;
  padding-right: 105px;
}

.rtl .sidebar-page-container .blog-sidebar .sidebar-post .post .image-box{
  left: inherit;
  right: 0px;
}

.rtl .sidebar-page-container .blog-sidebar .sidebar-archives .archives-list li a:before{
  left: inherit;
  right: 0px;
  content: "\f0d9";
}

.rtl .sidebar-page-container .blog-sidebar .sidebar-archives .archives-list li a{
  padding-left: 0px;
  padding-right: 18px;
}

.rtl .sidebar-page-container .blog-sidebar .sidebar-instagram .image-list .image-box{
  float: right;
}

.rtl .blog-details-content{
  text-align: right;
}

.rtl .blog-details-content .inner-box .upper-box .post-info .info-box li:before{
  right: inherit;
  left: -20px;
}

.rtl .blog-details-content .post-share-option .share-box .share-link i{
  margin-right: 0px;
  margin-left: 8px;
}

.rtl .blog-details-content .group-title:before{
  left: inherit;
  right: 0px;
}

.rtl .blog-details-content .comments-area .comment{
  padding-left: 0px;
  padding-right: 90px;
}

.rtl .blog-details-content .comments-area .comment .image-box{
  left: inherit;
  right: 0px;
}

.rtl .blog-details-content .comments-area .comment .comment-inner .post-info .post-date{
  padding-right: 0px;
  margin-right: 0px;
  padding-left: 20px;
  margin-left: 10px;
}

.rtl .blog-details-content .comments-area .comment .comment-inner .post-info .post-date:before{
  right: inherit;
  left: 0px;
}

.rtl .contact-section .inner-box{
  text-align: right;
}

.rtl .contact-section .title-text:before{
  left: inherit;
  right: 0px;
}

.rtl .contact-section .info-box{
  text-align: right;
}

.rtl .contact-section .info-box .info-list li{
  padding-left: 0px;
  padding-right: 60px;
}

.rtl .contact-section .info-box .info-list li i{
  left: inherit;
  right: 0px;
}

.rtl .main-header .search-box-outer .dropdown-menu{
  right: inherit;
  left: 0px !important;
}

.rtl .main-header .search-panel input[type="text"], 
.rtl .main-header .search-panel input[type="search"], 
.rtl .main-header .search-panel input[type="password"], 
.rtl .main-header .search-panel select{
  padding-right: 15px;
  padding-left: 50px;
}

.rtl .main-header .search-panel .search-btn{
  right: inherit;
  left: 1px;
}

.rtl .news-block-one .inner-box .lower-content .lower-box .share-box .social-links{
  right: 0px;
}

.rtl .blog-details-content .post-share-option .share-box .social-links{
  right: 0px;
}

.rtl .main-header.style-three .header-top .top-right .btn-box{
  float: right;
}

.rtl .main-header.style-three .header-top .social-links{
  float: right;
  margin-right: 0px;
  margin-left: 15px;
}

.rtl .main-header.style-three .header-top .social-links li{
  margin-right: 0px;
  margin-left: 15px;
}

.rtl .main-header.style-three .header-top .social-links li:last-child{
  margin-left: 0px;
}

.rtl .about-style-two .content-box{
  margin-right: 0px;
  margin-left: 20px;
  text-align: right;
}

.rtl .about-style-two .content-box .list li{
  padding-left: 0px;
  padding-right: 60px;
}

.rtl .about-style-two .content-box .list li span{
  left: inherit;
  right: 0px;
}

.rtl .sec-title.text-left h1{
  text-align: right;
}

.rtl .sec-title.text-left h1:before{
  left: inherit;
  right: 0px;
}

.rtl .testimonial-style-three .testimonial-content .inner-box{
  text-align: right;
}

.rtl .testimonial-style-three .testimonial-content .inner-box .rating-box li{
  float: right;
}

.rtl .testimonial-style-three .testimonial-content .inner-box .image-box{
  right: inherit;
  left: 40px;
}

.rtl .news-block-two .inner-box .lower-content{
  text-align: right;
}

.rtl .news-block-two .inner-box .lower-content .post-info li{
  margin-right: 0px;
  margin-left: 27px;
}

.rtl .news-block-two .inner-box .lower-content .post-info li:last-child{
  margin-left: 0px;
}

.rtl .news-block-two .inner-box .lower-content .post-info li:before{
  right: inherit;
  left: -15px;
}

.rtl .news-block-two .inner-box .lower-content .lower-box .link{
  right: inherit;
  left: 0px;
}

.rtl .two-column-carousel{
  direction: ltr;
}
img {
    display: inline-block;
    max-width: 80% !important;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}