.rtl {text-align:right;}



@import url(http://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);
@import url(http://fonts.googleapis.com/earlyaccess/amstelvaralpha.css);


body {font-family: "Noto Sans Kufi Arabic", arial, sans-serif;}

h1, h2, h3, h5 {
    font-family: "Noto Sans Kufi Arabic", arial, sans-serif !important;
    font-weight: normal;
}
p {	font-family: "Noto Sans Kufi Arabic", arial, sans-serif;
    direction: rtl;
}
a {	font-family: "Noto Sans Kufi Arabic", arial, sans-serif;}

/********* fonts *********/

/********* header *********/

.main-header .middle-bar .info-column {
    text-align: right;
}

.main-header .lower-section .outer-box {
    position: relative;
    padding: 0px 50px 0px 210px;
    border-radius: 3px;
}
.main-header .top-bar .top-left {
    position: relative;
    float: left;
    padding: unset;
}
.main-header .top-bar .top-right {
    position: relative;
    float: right;
    padding: 10px 0px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 700;
}
.main-header .top-bar .top-right a {
    color: #223555 !important;
}

.main-header .top-bar .search-box input[type="text"], .main-header .top-bar .search-box input[type="search"] {
    position: relative;
    display: block;
    direction: rtl;
    height: 44px;
    line-height: 24px;
    padding: 10px 15px 10px 40px;
    color: #ffffff;
    background: none;
    min-width: 220px;
    font-weight: 700;
}

.main-header .top-bar .search-box button {
    position: absolute;
    left: 0px;
    right: auto;
}
.main-header .middle-bar .logo-column .logo img {
    display: inline-block;
    max-width: 100%;
    height: 100px;
}
.lower-section {direction:rtl;}

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

.main-menu .navigation > li {
    margin-left: 20px;
    margin-right: auto;
	float: right;
}

.main-menu .navigation > li > ul > li > ul {
    position: absolute;
    right: 100%;
    left: auto;
}
.main-header .link-box {
    position: absolute;
    left: 50px;
    right: auto;
	
}
.link-box2 {
    left: 250px !important;
    right: auto !important;
	-webkit-transition-property: background;
  -webkit-transition-duration: 0.9s;
  -webkit-transition-timing-function: ease;
}

.main-header .num-box {
    position: absolute;
    top: 30px;
    left: 0px;
	display:none;
	direction:ltr!important;
}
.num-box2{display:inherit !important;
  transition:transform 0.3s ease-out; 
  height:auto;
  transform:scaleY(1); 
  transform-origin:top; 

}
.main-header .num-box a {
	font-size: 18px;
    font-weight: bolder;
    font-family: inherit;
    color: #b89b5e;
}
.main-menu .navbar-collapse {
    padding: 0px;
    right: auto;
    position: relative;
}
.navbar-collapse2 {
    padding: 0px;
    right: 200px !important;
    position: relative;
}
.navbar-header {
    float: right;
    right: -50px;
    position: absolute;
	display:none;
}
.navbar-header2 {
	display:inherit !important;
}
.navbar-brand>img {
    display: block;
    width: 132px;
}
.witclr a {color:#fff!important; }
.main-menu .navigation > li > ul {
    position: absolute;
    right: -20px;
}

/********** service columan ************/
.mb-30{margin-bottom:30px}
.default-service-column .service-header .icon {
	position: static;
    right: 0px;
    left: auto;
	width: 100%;
    text-align: center;
	line-height: unset;
}

.default-service-column .service-header {
	padding-right: 0;
    padding-left: 0;
    text-align: center;
	}
.default-service-column .text-content {
    text-align: center;
}
.default-service-column .text-content .text {
    text-align: center;
}

.company-timeline .timeline-block {
    position: relative;
    margin-bottom: 20px;
    padding-right: 100px;
    padding-left: 0;
}

.company-timeline .timeline-block .year {
    right: 0px;
    left: auto;
}

.line-styled-heading:after {
    right: 0px;
	left: auto;
}

.styled-heading:after {
    right: 0px;
	left: auto;
    background: url(../images/icons/title-line-image.png) right bottom no-repeat;
}


/******* testimonial-column *****/

.two-column-fluid {
    overflow: hidden;
}

.two-column-fluid .testimonial-column .bg-color-layer {
    left: 0px;
    right: auto;
}

.two-column-fluid .testimonial-column .bg-image-layer {
    left: 0px;
    right: auto;
}

.two-column-fluid .testimonial-column .inner-box {
    padding: 70px 0px 70px 15px;
}

.two-column-fluid .testimonial-column .carousel-box {
    padding: 0px 110px 0px 100px;
}

.two-column-fluid .testimonial-column .quote-icon {
    right: 0px;
    left: auto;
}

.testimonial-carousel .slide-info .image-thumb:before {
    right: 0px;
    left: auto;
}

.testimonial-carousel .owl-dots {
    text-align: right;
}

.testimonial-carousel .owl-dots {
    position: relative;
    text-align: right;
}

.testimonial-carousel .slide-info {
    position: relative;
    padding-right: 80px;
    padding: 15px 100px 44px 15px;
}

.testimonial-carousel .slide-info .image-thumb {
    position: absolute;
    right: 0px;
    left: auto;
    top: 0px;
    width: 80px;
    height: 80px;
}



.two-column-fluid .whyus-column .inner-box {
    padding: 70px 60px 70px 15px;
}

.two-column-fluid .whyus-column .icon-block .icon {
    right: -110px;
    left: auto;
}

/*********** team *************/

.team-section .team-member .contact-info li {
    padding-right: 30px;
    padding-left: unset;
}

.team-section .team-member .contact-info li .icon {
    right: 0px;
    left: auto;
}

.team-section .team-member .social-links {
    direction: rtl;
}

/********* consult section ********/

.consult-section{
	direction: rtl;
}

.consult-section .auto-container {
    position: relative;
    padding-right: 440px;
    padding-left: 0;
    z-index: 1;
}

.consult-section .man-image {
    right: 15px;
    left: auto;
}

.default-form select {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/icons/icon-dropdown.png) left 20px center no-repeat;
    cursor: pointer;
}

/********* featured-news-column ********/
.featured-news-column {
    direction: rtl;
}
.featured-news-column .post-info li {
    position: relative;
    float: right;
    margin-right: 15px;
    margin-left: unset;
    color: #999999;
}

/*********** footer ******/
.footer-upper .column h3:after {
    content: '';
    position: absolute;
    right: 0px;
	left:auto;
    bottom: 0;
    width: 100%;
    height: 30px;
    background: url(../images/icons/title-line-image.png) right bottom no-repeat;
}

.footer-upper .links-widget li a {
    padding-right: 15px;
    padding-left: unset;
}

.footer-upper .links-widget li a:before {
    content: '\f104';
    font-family: 'FontAwesome';
    position: absolute;
    right: 0px;
    left: auto;
}

.newsletter-form {    direction: rtl;}

.main-footer .newsletter-widget input[type="text"], .main-footer .newsletter-widget input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
	padding: 11px 10px 11px 50px;
	}

.main-footer .newsletter-widget input[type="submit"], .main-footer .newsletter-widget button {
    position: absolute;
    left: 0px;
    right: auto;
    top: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    background: #223555;
    border-radius: 5px 0px 0px 5px;
}

.footer-upper .twitter-feeds .feed {
    position: relative;
    padding: 0px 30px 0px 0px;
    margin-bottom: 20px;
    color: #aaaaaa;
}

.footer-upper .twitter-feeds .feed .icon {
    right: 0px;
    left: auto;
}
.social-links {direction: rtl;}

.footer-bottom .footer-nav li {
    position: relative;
    float: right;
    margin-right: 25px;
    margin-left: unset;
}

.main-footer h4:before {
    content: '';
    position: absolute;
    right: 0px;
    left: auto;
}

/************ bread-crumb **************/
.page-info .bread-crumb {
    position: relative;
    font-family: 'Noto Sans Kufi Arabic',samns-serif;
}
.page-info .bread-crumb li {
    float: right;
    margin-left: 40px;
    margin-right: unset;
}

.page-info .bread-crumb li:after {
    content: '\f0d9';
    font-family: 'FontAwesome';
    left: -30px;
    right: auto;
}


.sidebar .downloads li a {
    position: relative;
    display: block;
    padding: 10px 70px 10px 10px;
}
.sidebar .downloads li a .icon {
    position: absolute;
    right: 0px;
    left: auto;
    top: 0px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    border-left: 1px solid #e0e0e0;
    border-right: unset;
}

/************** about *************/

.text-carousel-outer {
    position: relative;
    padding-right: 20px;
    border-right: 4px solid #223555;
    padding-left: unset;
    border-left: unset;
    color: #2f2f31;
}

.welcome-section .text {
    margin-bottom: 25px;
    text-align: justify;
}

.our-experience .timeline-outer {
    position: relative;
    padding: 20px 0px 0px;
    padding-right: 140px;
    padding-left: unset;
}

.our-experience .timeline-outer .left-line {
    position: absolute;
    right: 67px;
    left: auto;
}
.our-experience .experience-block {
    position: relative;
    padding-right: 130px;
    padding-left: unset;
    min-height: 110px;
    margin-bottom: 40px;
}

.our-experience .experience-block .image-box {
    position: absolute;
    right: 0px;
    left: auto;
    top: 0px;
    width: 110px;
}

.our-experience .experience-block .date {
    position: absolute;
    right: -135px;
    left: auto;
}

.accordion-box .accordion .accord-btn {
    padding: 15px 20px 15px 50px;
}
.accordion-box .accordion .accord-btn:after {
    left: 10px;
	right: auto;
}

.sponsors-section {
    padding-top: 40px;
}
.contact-section {
    direction: rtl;
}

/************ blog single **************/
.sidebar-page-container .sidebar {
    direction: rtl;
}
.sidebar .search-box .form-group button {
    left: 0px;
    right: auto;
    text-align: right;
}

.sidebar .list li a {
    padding-right: 20px;
    padding-left: unset;
}
.sidebar .list li:before {
    font-family: 'FontAwesome';
    content: '\f104';
    right: 0px;
    left: auto;
}
.sidebar .recent-posts .post {
    padding: 0px 80px 0px 0px;
}
.sidebar .recent-posts .post .post-thumb {
    right: 0px;
    left: auto;
}
.sidebar .recent-posts .post-info .icon {
    padding-left: 5px;
    padding-right: unset;
}
.sidebar .latest-tweets {
    direction: ltr;
}
.sidebar .latest-tweets .owl-nav {
    position: absolute;
    left: 0px;
    right: auto;
}
.classic-view .featured-news-column .date {
    position: absolute;
    right: 25px;
    left: auto;
}
.blog-details blockquote {
    font-family: "Noto Sans Kufi Arabic", arial, sans-serif;
}
.blog-details .post-author .inner-box {
    position: relative;
    padding: 15px 130px 0px 0px;
}
.blog-details .post-author .inner-box .author-thumb {
    position: absolute;
    right: 0px;
    left: auto;
}
.blog-details .comments-area .comment {
    padding: 0px 110px 40px 0px;
}
.blog-details .comments-area .comment-box .author-thumb {
    position: absolute;
    right: 0px;
    left: auto;
}
.default-form {
    position: relative;
    direction: rtl;
}
.list-view .featured-news-column .image-box {
    float: right;
    width: 42%;
}
.list-view .featured-news-column .right-content {
    float: right;
    width: 58%;
}
.list-view .featured-news-column .content {
    padding: 30px 50px 30px 30px;
}
.list-view .featured-news-column .date {
    position: absolute;
    right: -30px;
    left: auto;
    top: 35px;
    margin-top: 0px;
}
.styled-pagination ul {
    direction: rtl;
}
/************** faq **************/
.accordion-box.style-three .accordion .accord-btn .icon-box {
    position: absolute;
    right: 0px;
    left: auto;
    top: 0px;
    width: 54px;
    height: 100%;
    border-left: 1px solid #e0e0e0;
    border-right: unset;
    text-align: center;
}
.accordion-box.style-three .accordion .accord-btn {
    padding: 7px 70px 7px 30px;
}
.tabs-box.style-one .tab-buttons {
    margin-bottom: 50px;
    direction: rtl;
}
/************ low single **************/

.styled-list-one li {
    position: relative;
    padding-right: 35px;
    padding-left: unset;
}

.styled-list-one li:before {
    font-family: 'FontAwesome';
    content: '\f177';
    position: absolute;
    right: 0px;
    left: auto;
}
.styled-list-two li {
    position: relative;
    padding-right: 25px;
    padding-left: unset;
}

.styled-list-two li:before {
    font-family: 'FontAwesome';
    content: '\f0d9';
    position: absolute;
    right: 5px;
    left: auto;
}

.accordion-box.style-two .accordion .accord-btn:after {
    content: '\f190';
}
/************* media header ***********/

/************ media **************/

@media only screen and (max-width: 479px){

.main-header .link-box {
	right: 10px !important;
    left: auto !important;
	}

.lower-section .nav-toggler {
    left: 10px !important;
    right: auto !important;
}
.hidden-bar .side-menu ul li a {
    padding: 10px 20px 10px 15px;
}
.hidden-bar .side-menu ul li a .btn.expander {
    left: 20px;
    right: auto;
}
.hidden-bar .social-icons {
    direction: rtl;
}
}

@media only screen and (max-width: 1023px){
.two-column-fluid .whyus-column .icon-block {
    padding-right: 70px !important;
    padding-left: unset !important;
}
.two-column-fluid .whyus-column .inner-box {
    padding-right: 15px !important;
    padding-left: unset !important;
}
.two-column-fluid .whyus-column .icon-block .icon {
    right: -20px !important;
    left: auto !important;
}
.consult-section .auto-container {
padding-right: 15px !important;
    padding-left: 15px !important;
	}

}
@media only screen and (max-width: 767px){
.list-view .featured-news-column .date {
    right: 30px;
    left: auto;
    top: -80px;
}
.top-left{display:none;}
}

@media only screen and (max-width: 479px){
.main-header .num-box {
    display: none !important;
}
.main-header .middle-bar .auto-container {display:inherit;}
.main-header .middle-bar {min-height: auto;}
.main-header .middle-bar .info-column {
    display: inherit !important;
}
.hidden-sm {display:none;}
.call-lawyer-jeddah {background:#eee; padding:5px; border-radius;5px;}
.typ {margin-bottom:10px!important;}
}
@media only screen and (max-width: 1000px){
.main-header .link-box {
    right: 20px !important;
    left: auto !important;
}
.main-header .nav-toggler {
    display: block;
    left: 20px !important;
    right: auto !important;
}
.main-header .num-box {
    position: absolute;
    top: 30px;
    left: 80px;
}
.hidden-bar .side-menu ul li a .btn.expander {
    left: 20px;
    right: auto;
}
.main-header .middle-bar .auto-container {
    display: inherit;
}

.main-header .top-bar .top-right {
    float: none !important;
}
.main-header .top-bar .top-left {
    float: none !important;
}
.main-header .top-bar .search-box {
    position: relative;
    float: right;
}
}

.phone-info {direction:ltr;}
.txt-ltr p{direction:ltr;}
.li-brdr li a {display:block; border: 1px solid #eee;  margin:2% 2%;}
.li-brdr li a:hover {border:1px solid #d5eef2;}
.social-links-top {font-size:18px;}
.social-links-top a {display:inline-block; margin-right:35px;}
.social-links-top a span {color:#1a1a1a}
.social-links-top a:last-child  {margin-right:0px;}
.social-links-top a:hover span {color:#fff;}
.main-header .middle-bar .info-column h3 {text-align:left;}
.company-timeline .timeline-block .year .curve {color:#fff;position:relative;bottom:auto;}
.about-section .quote-text	{font-family: "Noto Sans Kufi Arabic";  }
.txt-wit {color:#fff!important; background:#1a1a1a;padding:10px; border-radius:5px;opacity:0.7}