body {
    font-family: 'Raleway', sans-serif;
    font-size: 16px; 
    overflow-x: hidden;
    color: #7f7f7e;
    line-height: 28px;
}
p, ul{
    font-family: 'Raleway', sans-serif; 
    line-height: 28px;
    color: #7f7f7e;
}
.no-margin{
    margin: 0 0 0 0;
}
.margin-top-15{
    margin-top: 15px;
}

#service .glyphicon-menu-right{
    float: right;
    padding-top: 5px;
}
#service .service-title{
    border-bottom: solid 1px #dddddd; 
    padding: 12px 0;
    cursor: pointer;
    font-size: 18px;
}
#service .service-title:hover{
  color: #008ed6 !important
}
.active{
    color: #008ed6 !important;
}
#service .service-details h2{
    font-size: 26px;
    color: #000;
    line-height: 28px;
    position: relative;
    padding-bottom: 30px;
}
#service .service-details p{
        color: #7f7f7e;
}
.testimonial img {
    position: relative;
}
#partners{
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
#partners .partners-logos{
    float: left;
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
#partners .partners-logos img{ 
    max-width: 70px;
    width: 100%;
    max-height: 70px;
}    
#partners .partners-logos img.tableau{ 
    max-width: 130px; 
    margin-top: 20px;
} 
#partners .partners-logos img.kafka{ 
    max-width: 110px; 
    margin-top: 10px;
} 
#career{
    border-bottom: 1px solid #dddddd;
}
#career .career{
    transition: 370ms ease-in-out; 
}
@media(min-width: 1200px)
{
   #career .career{ 
     height: 490px;
  } 
}
#career .career:hover{
    transition: 370ms ease-in-out;
    box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.15);
}
#career .career-content{
    /*text-align: center;*/
}
#career  .read-more{
    text-align: center;
}
#career h3{
    color: #008ed6;
}
#contact .contact-form label{
    float: left;
    color: #10161A;
    font-weight: 400;
}
#contact .section-header{
    border-bottom: 1px solid #dddddd;
}
#contact .contact-form .main-btn{
    float: left;
}
@media(min-width: 768px)
{
   #contact .contact-form .left{
        float: left;
        padding-right: 10px;
        width: 25%;
        position: relative
   } 
    #contact .contact-form .message{
         position: relative
    }
   #contact .contact-form .left:last-of-type{
        padding-right: 0px;
   }
} 

.border-right{
    border-right: 1px solid #dddddd;
}
.feature p{
    display: inline-block;
    margin-left: 38px;
}
.feature i{
    display: inline; 
    position: absolute;
    margin-right: 50px;
}
.margin-bottom-40{
    margin-bottom: 40px;
}


.header-wrapper .h2 {
    display: inline-block;
    margin-bottom: 0px;
    font-weight: 200;
}

.header-wrapper .breadcrumb {
    float: right;
    background: transparent;
    margin-bottom: 0px;
}

.header-wrapper .breadcrumb .breadcrumb-item.active {
    color: #868F9B;
}

.breadcrumb>li+li:before {
    color: #868F9B;
}
.main-nav a.en{
   display: inline-block;
}
.main-nav a.ar{
   display: inline;
}
.navbar .main-nav span.splash{
   color: #fff;
}
.fixed-nav .main-nav span.splash, .white-nav .main-nav span.splash{
   color: #7f7f7e;
}
.main-nav>li>.language:after{
        display: none;
        background-color: none;
        height: 0;
        width: 0%; 
}
@media(min-width: 768px)
{  
    #service .service-details{
        padding-left: 40px;
    }
}

header .home-wrapper .home-content{ 
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    -webkit-animation: 2s fade ease-in-out;
            animation: fade 2s ease-in-out; 
    transform: scale(1);
    
}
 
@-webkit-keyframes fade {
	0% {
        -ms-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
	    -webkit-transform:scale(0);
	    transform:scale(0);
        top: 50%;
	} 
  100% {
      -ms-transition: all 200ms ease-in;
      -moz-transition: all 200ms ease-in;
      transition: all 200ms ease-in;
      
    -webkit-transform:scale(1);  
    -ms-transform: scale(1);    
    -moz-transform: scale(1); 
     transform: scale(1);
      top: 50%;
  }
}

.margin-bottom-50{
    margin-bottom: 50px;
}    
.career ol{
    list-style-type: decimal;
    padding-left: 17px;
}    
.career ol li{
    margin: 15px 0px;
}
.contact-form textarea.input{ 
    height: 200px;
}
.fixed-nav .navbar-brand .logo, .white-nav .navbar-brand .logo, .white-nav .navbar-brand .logo-alt{
    filter: brightness(0);
}

.navbar-brand .logo-alt {
    max-height: 90px;
    display: block;
    padding-top: 7px;
}
@media only screen and (max-width: 767px)
{
    .section-header h2.title, #contact .section-header p{ 
        padding-left: 15px;
    }
    #service .services{
        margin-bottom: 20px;
    }
    .navbar-brand { 
      padding-left: 15px;
   }
   #nav.nav-transparent { 
        padding-top: 10px;
        padding-bottom: 10px;
   }
    .navbar-brand .logo, .navbar-brand .logo-alt{
        filter: brightness(0);
    }
    h3 {
      font-size: 18px;
    }
    .career .career-content {
      padding: 25px;
   }
   section-header h2.title {
    font-size: 28.5px;
   }
      
}