@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------------
[RTL Master Stylesheet]

Project:	IMedDoc
Version:	1.3
Last change:	Initial RELEASED
Primary use:	Multiple Use


/*------------------------------------------------------------------
    1-  RTL CUSTOM STYLES
-------------------------------------------------------------------*/
    @font-face {
    font-family: bahij-font;
    src: url(../fonts/Bahij_TheSansArabic-SemiBold.ttf);
   }

   @font-face {
    font-family: bahij-font-bold;
    src: url(../fonts/Bahij_TheSansArabic-ExtraBold.ttf);
   }

    h1, h2, h3, h4, h5, h6{
        font-family: 'bahij-font', serif;
    }

    /*-- Lists --*/
    ul {margin-bottom: 0;}
    ul li {font: 400 14px 'bahij-font', serif;}
    ul li a {font: 400 14px 'bahij-font', serif;}

    ol {}
    ol li {font: 400 14px 'bahij-font', serif;}
    ol li a {font: 400 14px 'bahij-font', serif;}

    /*-- Paragraph --*/
    strong { font-weight: bold; }
    p strong { font-weight: bold; }
    p em { font-style: italic; }
    p {font: 400 14px 'bahij-font', serif;}
    blockquote {  font: 400 14px 'bahij-font', serif;}
    blockquote p {font: 400 14px 'bahij-font', serif;}
    .bahij-bold { font: 400 26px 'bahij-font-bold', serif;}
    .button-rtl {font: 400 14px 'bahij-font', serif !important}
    .button-rtl-bold {font: 400 19px 'bahij-font-bold', serif !important}
/*------------------------------------------------------------------
    2-  RTL CUSTOM STYLES
-------------------------------------------------------------------*/
    .testi_d p{
        /* color: #444; */
        font-size: 14px !important;
    }

    .responsive_button p {  font: 400 14px 'bahij-font', serif;}
    .responsive_button  {  padding: 12px 20px 0px 20px !important; }
    
    button.navbar-toggler { color: #fff; font-size: 20px; float: left; }


    .cd-top { bottom: 25px;  right: auto; left: 25px; }
    

    a.button{display: inline-block;}
    input[type="date"]{text-align: right;}
    input:placeholder{text-align: right;}
    header .logo a img{width: inherit; display: table-cell;margin-top: 7px;}
    .header .logo img{width: inherit;}


    .logo_details{display: table-cell; vertical-align: bottom; padding-right: 8px;}
    header .logo{display: table-cell;}
    .logo_details span{display: block; }
    .logo_details span.logo_title{font-size: 24px; font-weight: 600;}
    .logo_details span.logo_btm{font-size: 14px; font-weight: 500;}
    .logo{display: table-cell;}
    .logo_details.white span{color: #ffffff; margin-bottom: 0; text-align: right;}
    .footer_logo{margin-bottom: 25px; display: inline-block;}
    footer .logo{display: table-cell; text-align: center;}

    nav ul ul{padding-right: 0}
    header nav ul li a{font-size: 16px; font-weight: 500;}
    header nav > ul > li{padding: 32px 15px;}
    nav ul ul li a{font-size: 16px;}


    nav{padding-right: 0;}
    nav ul { display: inline-block; }
    header form input[type="text"]{left: 0; right: auto;}
    .department ul li a i{margin-left: 15px; margin-right: auto;}
    .department ul li.ui-state-active:before{left: -55px; right: auto;}
    .department ul li.ui-state-active:after{left: -50px; right: auto;}
    .feature i{float: right; margin-right: auto; margin-left: 16px;}
    .feature img{float: right; margin-right: auto; margin-left: 16px;}
    
    .header_form{margin-right: 30px;}
    nav ul ul li{text-align: right;}
    .stat img{margin-right: auto; margin-left: 20px;}
    .button img {margin-left: 6px; margin-right: 0;}
    .top_bar ul li i {margin-left: 8px; margin-right: auto;}
    .header_bottom nav{float: right;}
    .header_bottom form a{left: 0; right: auto;}
    .header ul li i{margin-right:  auto; margin-left: 12px;}
    .header ul{text-align: right; margin-right: auto; margin-left: 48px;}
    .header ul li{margin-left: 30px;}
    .iner_content{right: auto; left: 0;}
    .features_three ul li{text-align: right;}
    .features_three ul li i{margin-right: auto; margin-left: 10px;}
    .promotion .inner_promotion span{margin-right: auto; margin-left: 30px;}
    .features_three .heading h3, .features_three .heading p{text-align: right;}
    .features_three{text-align: right;}
    .features_three ul{margin-bottom: 0;}
    .features_three ul a{margin-top: 40px;}
    .promotion .inner_promotion span i{margin-right: 0; margin-left: 15px;}
    .about_imod_two ul li i{margin-left: 10px; margin-right: auto;}
    .cases_wrap ul li i{margin-right: auto; margin-left: 10px;}
    .maped_detail p i{margin-right: auto; margin-left: 10px;}
    nav.st5 > ul{float: right; padding-left: 0; padding-right: 70px}
    nav.st5 form{padding-left: 0; padding-right: 5px;}
    .practice-bar ul li a:before {content: '\f060'; right: 0; }
    .practice-bar ul li a{padding-left: 0; padding-right: 20px;}
    .filter-gallery .options .option-isotop ul{float: none;}
    .testi_three.st2 p:before{left: auto; right: 0;}
    .footer_widget{display: inline-block;}
    .footer_widget .social a{margin-right: 0; margin-left: 10px;}
    footer.hp5 .footer_detail ul li i{margin-right: 8px; margin-left: 8px;}
    .hp6-nav ul ul{left: auto; right: 0;}
    .responsive-mobile-menuu ul li a:before{right: auto; left: 0;}
    .req_left{float: left;}
    .props-links li span{padding-left: 0; padding-right: 20px;}
    .counter-icon{float: right;}
    .counter-info {float: right; padding-left: 0; padding-right: 30px;}
    .toggle-item h2:before{right: auto; left: 18px;}
    .post-date{right: auto; left: 0;}
    .blog-info > span{float: right;}
    .post-links > ul{float: right;}
    .post-links > a{float: left;}
    .post-links ul li span, .post-links ul li a{padding-left: 0; padding-right: 10px;}
    .reviewer-nm{text-align: right; padding-left: 0; padding-right: 20px;}
    .widget-about form button{right: auto; left: 0;}
    .widget-about img{float: right;}
    .ser_inner .detail i{margin-right: 0; margin-left: 26px;}
    /*----------------------------------------*/
    .bottom-header:before{right: auto; left: 100%;}
    .bt_logo{float: right;}
    .hp6-nav{float: right; padding-left: 0; padding-right: 80px;}
    .bt_logo:before{left: auto; right: 87%;}
    .mobile-menu-btn{float: left; padding-left: 0; padding-right: 25px;}
    .search-btn{float: left;}
    .responsive-mobile-menuu{right: auto; left: 0; -webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);}
    .social_links, .address-info{float: right;}
    .appointment-lnk{float: left;}
    /*----------------------------------------*/
    header nav.nav-right form{margin-left: 0; margin-right: 20px;}
    .team_wrap.specialized_wrap .button.pink{display: initial;}
    .team_wrap {margin-bottom: 320px;}
    .team_wrap .team { margin-bottom: -259px;}
    .about_inner .inner_wrapper img{padding-left: 0; padding-right: 35px;}
    .product_slider .owl-prev{left: auto; right: 30px;} 
    .product_slider .owl-next {left: auto; right: 0;}
    .consult_wrap a{float: left;}
    .consult_wrap h1, .consult_wrap h4{margin-left: 0; margin-right: 30px;}
    .footer_detail ul li i{margin-right: 0; margin-left: 8px;}
    /*-----------------------------------------*/
    .side_widget{display: inline-block; width: 100%;}
    .side_widget ul{float: none;}
    .side_widget address strong i{margin-left: 10px; margin-right: 0;}
    .downloads ul, .meta ul {float: none;}
    .meta ul li{margin-right: 0; margin-left: 15px;}
    .buttons_wrap a.button{display: block;}
    .shop_wrap .heading form{float: left;}
    .side_widget form button{right: auto; left: 0;}
    .shop_detail .qnt p a{float: left;}
    .ui-tabs .ui-tabs-nav li{float: right;}
    .single .social_icon span{margin-left: 10px; margin-right: 0;}
    .contact_wrap ul li:before {content: "\f177"; margin-right: 0; margin-left: 10px; float: right;}
    .get_btn{float: left; margin-top: 0;}
    .checkout_btn{text-align: right; margin-top: 0;}
    .news ul{text-align: right;}
    .news h5{text-align: right;}
    /*-----------------------------------------*/

    .picker_close {left: -45px; right: auto;}
    .rqst-text span i {color: #fff; padding-right: 0; padding-left: 10px; }

    /* =============== features-sec ===============  */

    .features-list {float: right; width: 100%; padding-top: 100px; }
    .features-list.right {text-align: left; }
    .features-list.left {text-align: right; }
    .features-list.right .featur {padding-left: 35px; padding-right: 0;}
    .features-list.left .featur {padding-right: 35px; padding-left: 0;}
    .featur {float: right; width: 100%; position: relative; padding-bottom: 25px; margin-bottom: 30px; }
    .featur:last-child {margin-bottom: 0; }
    .features-list.right .featur:before {right: auto; left: 35px;}
    .features-list.right .featur:after {right: auto; left: 0; top: 5px;}
    .features-list.left .featur:before {left: auto; right: 35px;}
    .features-list.left .featur:after {left: auto; right: 0; top: 5px;}

    .featur:before {content: ''; position: absolute; bottom: 0; width: 20px; height: 2px; background-color: #dddddd; }
    .featur:after {content: '\f00c'; font-family: fontawesome; position: absolute; top: 0; color: #5787f2; font-size: 24px; }
    .featur h3 {color: #444444; font-size: 18px; font-weight: 600; margin-bottom: 10px; }
    .nurse-img {float: right; width: 100%; }
    .nurse-img img {width: 100%; float: right; }


    .title.ta-left{float: right; text-align: right;}
    .title:before{left: auto; right: 0;}
    .cl-info h4:before{left: auto; right: 0;}
    .practice-bar figure .icon_img{float: right;}
    .news_wrap.st2 .news p{text-align: right;}
    .post-links > a i{padding-left: 0; padding-right: 10px;}
    .post-links ul li{margin-right: 0; margin-left: 15px;}
    .small_para p{margin-bottom: 30px;}
    .paper ol{margin-left: 0; margin-right: 14px;}
    .magazi-time-counter ul li:before{left: auto; right: 0}
    blockquote { border-left: 5px solid #ed1164;border-right: 0;}
    .table>thead>tr>th { padding-right: 40px; padding-left: 10px; }
    .cart_totals_area li span{float: left;}
    .connected-carousels .carousel li{float: right;}
    .news_wrap .news .detail{text-align: right;}
    .color-switcher p{text-align: right;}
    .features_wrap .feature_img img { margin-right: -135px; margin-left: 0;}
    .table>tbody>tr>td, .table>tbody>tr>th { padding-left: 0; padding-right: 48px;}

    /* ======== Homepage 8 ======= */

    .header_8:before{left: auto; right: 0;}
    .zero_padding{padding: 0;}
    .header_8  nav{float: left;}
    .header_8 form{float: left; padding: 36px 0;}
    .lab_service .service_details{padding-left: 0; padding-right: 20px;}
    .slider_8:before{ right: 0; left: auto; background-repeat: no-repeat; transform: scaleX(-1);}
    .slider_8:after{ height: 500px; left: 0; right: auto; transform: scaleX(-1);}
    .facility_left{padding-left: 0; padding-right: 50px;}
    .facility_sec ul li i{padding-right: 0; padding-left: 10px;}
    .facilty_right{right: auto; left: 0;}
    .facilty_right img{ transform: scaleX(-1); }
    .facility_left{margin-bottom: 100px;}
    .facility_left:after{left: auto; right: 10px;}
    .facility_left:before{left: auto; right: 0; border-left:0; border-bottom: 0; border-left: 50px solid transparent; border-top: 50px solid #2fc0df;}
    .facility_sec:before{left: auto; right: -10%;  transform: scaleX(-1);}
    .lab_testimonials{padding-bottom: 50px;}
    .lab_testimonials:after{content: none;}


 /* ======== Homepage 9 ======= */

 .header-09 .navigation-bar {
    margin-right: 65px;
    margin-left: 0;
}

.header-09 .navhead:before {
    content: "";
    border-top: 73px solid transparent;
    border-left: 35px solid #d52924;
    border-right: none;
    right: -35px;
    left: auto;
}

.header-09 .navigation-bar nav {
    float: right;
}

.header-09 nav > ul > li {
    display: inline-block;
    position: relative;
    padding: 20px 20px;
}

.header-09 .navhead {
    margin-left: -14px;
    margin-right: auto;
}

.header-09 nav > ul > li > a:before {
    position: absolute;
    top: 26px;
}

.features-09 .feat h5 {
    left: 10px;
    right: auto;
}

.features-09 .feat:hover:after {
    content: "";
    border-right: 10px solid transparent;
    border-left: none;
    border-bottom: 10px solid #d52924;
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
}

.about_sec .aboutimg:after {
    content: "";
    border-bottom: 80px solid white;
    border-left: 80px solid transparent;
    border-right: none;
}

.about_sec .apara ul li i {
    margin-left: 10px;
    margin-right: 0;
}

.services_sec9 .service-section {
    margin-left: -70px;
    margin-right: 0;
}

.services_sec9 .owl-nav .owl-prev {
    left: 0;
    right: auto;
}

.services_sec9 .owl-nav .owl-next {
    left: 52px;
    right: auto;
}

.grimg:after {
    content: "";
    border-right: 60px solid transparent;
    border-left: none;
    border-bottom: 60px solid white;
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
}

.gihead h4 {
    right: 30px;
    left: auto;
}

.gihead h6 {
    right: 30px;
    left: auto;
}

.wcu_feat:before {
    content: "";
    border-left: 50px solid #f1f4f8;
    border-right: none;
    border-bottom: 140px solid transparent;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: auto;
}

.wcu_feat h6 {
    left: 30px;
    right: auto;
    bottom: 0;
}

.wcu_feat:hover {
    background: url(../image/index9/wcubg.png) no-repeat;
    background-position: center center;
    background-size: cover;
}

.cta_btn {
    text-align: right;
}

.call_detail {
    text-align: left;
}

.cta_btn i {
    margin-left: 5px;
    margin-right: 0;
}

.call_detail i {
    margin-left: 5px;
    margin-right: 0;
}

.testi cite {
    text-align: left;
}

.msg_form .form {
    padding: 90px 50px 90px 50px;
}

.msg_form .input_box {
text-align: right;
}

.msg_form {
    text-align: right;
}

.msg_form .line {
    margin-right: 0;
}


 /* ======== Services Page 02 ======= */

.navigation-bar_10 {
    margin-right: 100px;
    margin-left: 0;
}

.navigation-bar_10:before {
    content: '';
    position: absolute;
    border-right: 32px solid white;
    border-left: none;
    border-bottom: 73px solid transparent;
}

.navigation-bar_10 nav {
    padding-right: 30px;
    padding-left: 0;
    float: right;
}

.navigation-bar_10 .navhead::before {
    content: "";
    border-top: 73px solid #222;
    border-left: 20px solid #d52924;
    border-right: none;
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto;
}

header .navigation-bar_10 nav > ul > li {
    padding: 22px 20px;
}

.service_sec2 .card:after {
    content: "";
    border-right: 10px solid transparent;
    border-left: none;
    border-bottom: 10px solid #0a3d85;
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
}

.service_tab:after {
    content: "";
    border-right: 10px solid transparent;
    border-left: none;
    border-bottom: 10px solid #eeeeee;
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
}

.service_sec3 {
    background: url(../image/index9/service2-bg.jpg) no-repeat;
    background-position-x: left;
    background-position-y: bottom;
}

/* ==================================== Homepage 10 ======================= */

header.header_style_ten .header_bottom form a {
    left: 0;
    right: auto;
}

header.header_style_ten .cart a b {
    left: 7px;
    right: auto;
}

.about_sectwo .about_content .bottom_box .alogo {
    margin-left: 10px;
    margin-right: auto;
}

.about_sectwo .about_content .bottom_box .alogo img {
    vertical-align: baseline;
}

.lab_testimonials.style_two h5:before {
    content: "\f10e";
    font: normal normal normal 30px/1 FontAwesome;
    font-weight: 900;
    margin-left: 30px;
    margin-right: auto;
    color: #6da04e;
}

.lab_testimonials.style_two h5:after{
    content: "\f10d";
    font: normal normal normal 30px/1 FontAwesome;
    font-weight: 900;
    margin-right: 30px;
    margin-left: auto;
    color: #6da04e;
}

.contact_detail ul li {
    margin-left: 25px;
    margin-right: auto;
}

