@charset "utf-8";
html,body{
	font-family:'Open Sans','Droid Arabic Kufi',sans-serif;
}

/*START GENERAL*/
::selection {
  background: #172842; /* WebKit/Blink Browsers */
	color: #d9d9d9;
}
::-moz-selection {
  background: #172842; /* Gecko Browsers */
	color: #d9d9d9;
}
.row{
	margin: 0px !important;
}
.btn{
	border-radius: 0px;
	color: #838383;
	background-color: transparent;
}
.btn:hover{
	background-color: transparent;
	color: #fff;
}
.our-services,.express,.clients{
	padding: 90px 0px;
	position: relative;
	min-height: 500px;
}
.our-services h2, .express h2,.clients h2{
	font-weight: 700;
	font-size: 30px;
}
.spr{
	width: 70px;
    height: 4px;
    background: #cf0f1a;
    margin: 25px auto;
}
.spr-left{
	width: 70px;
    height: 4px;
    background: #cf0f1a;
    margin: 25px 0px;
}
.lead{
	font-size: 20px; 
	line-height: 32px;
}
.our-services .lead, .express .lead,.clients .lead {
	font-size: 20px; 
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.more-white{
	background-color: transparent;
	color: #fff;
	margin-top: 30px;
	border-color: #fff;
}
.more-white:hover{
	background-color: transparent;
}
.text-slider  .btn-default{
	border-color: #fff;
	border-width: 2px;
}
.text-slider .more-white{
	background-color: transparent;
	color: #fff;
	padding: 5px 15px;
	font-size: 1.1em;
	margin-top: 15px;
}
.text-slider select {
	background: #000;
	width: 300px;
}
/*END GENERAL*/

/*Start Header*/


.header{
	display: block;
	min-width: 100%;
    width: 100%;
	max-width: 100%;
	min-height: 600px;
	padding-top: 30px;
    line-height: 1;
	position: relative;
	background: url(../images/big_header.jpg);
	background-position: 50%;
  	background-repeat: no-repeat;
  	background-size: cover;
}

.nav-bar{
	width: 85%;
	margin: 0 auto;
	position: relative;
	
}
.navbar-toggle {
	border-radius: 0px;
}
.navbar{
	position: absolute;
	width: 100%;
	border-radius: 0px;
	min-height: 65px !important;
}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background: #f9f9f9;
	color: #d30e17 !important;
}

.navbar-default .navbar-nav>li>a{
	border-left: 1px solid #fff;
	border-right: 1px solid #f1f1f1;
}
.navbar .no-border-nav{
	border-left: none !important;
	border-right:none !important;
}
.navbar-brand{
	padding-left: 20px;
	padding-right: 50px;
	height: 65px;
	background: #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #f1f1f1;
}

.navbar-nav>li>a{
	height: 65px;
	line-height: 65px;
	padding-top: 0px;
	color: #272572 !important;
    font-weight: 700;
	transition-duration: .3s;
    -o-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -wbsit-transition-duration: .3s;
}

.navbar-nav>li>a:hover{
	color: #cf0f1a !important;
	
	
	
}
.navbar .login{
	display: block;
    margin-top: 18px;
    border: 1px solid #b7b7b7;
	overflow: auto;
	margin-right: 6px;
	margin-left: 6px;
	
}
.navbar .lang{
	display: block;
    margin-top: 18px;
    border: 1px solid #b7b7b7;
	overflow: auto;
	margin-right: 6px;
	margin-left: 6px;
}
.navbar .login-icon{
	float: left;
	padding: 6px 10px;
	background: #ce0f16;
	color: #fff; 
	height: 100%;
}
.navbar .lang-icon{
	float: left;
	padding: 5px 4px 5px 10px;
	height: 100%;
}
.navbar-collapse{
	z-index: 999999;
}
.navbar .login-text{
	 float: left; 
	 padding: 6px 10px;
	color: #272572 !important;
    font-weight: 700;
	
}
.navbar .lang-text{
	 float: left; 
	 padding: 6px 10px 6px 4px;
	
}
.navbar .lang-text a, .navbar .login-text a{
	color: #272572 !important;
    font-weight: 700;
}

.navbar .login-text a:hover,.navbar .lang-text a:hover{
	text-decoration: none;
}
.top-header{
	position: relative;
	padding-top: 10px;
	width: 90%;
	margin: 0 auto;
	
}
.top-header i{
	color: #cf0c0e;
	font-size: 20px;
	margin-right: 5px;
}

.top-header .contact-header {
	background:#0f0e26;
	min-height: 40px;
	line-height: 40px;
	color: #b9b9e1;
	padding: 0px;
}
.header-clear{
	position: relative;
	height: 80px;
}
.navbar .navbar-toggle{
	margin-top: 16px;
	margin-right: 15px;
}
.navbar-default .navbar-toggle{
	background: #282377 !important ;
	border: none;
	transition-duration: .3s;
    -o-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -wbsit-transition-duration: .3s;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active{
		background: #ce0f16 !important;

}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #fff;
	height: 2px;
}

.text-slider{
	display: block; 
	clear: both;
	margin-top: 130px;
}
.carousel-content {
    color:black;
    display:flex;
    align-items:center;
}
.text-slider-content p, .text-slider-content h1, .text-slider-content h2, .text-slider-content span {
	color: #fff;
}
.text-slider-content{
	
	margin: 0 auto;
}
.text-slider .carousel-control.left, .text-slider .carousel-control.right{
	background: none;
	
}
.text-slider .left span, .text-slider .right span{
	font-size: 1.2em;
}
.text-slider .text-slider-content h2{
	font-weight: 700;
	font-size: 3em;
	margin-top: 15px;
}
.text-slider .text-slider-content span{
	font-size: 2em;
}
.text-slider .carousel-indicators{
	bottom: -190px;
}

.text-slider .carousel-indicators li{
	display: inline-block;
    width: 40px;
    height: 7px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border-radius: 0px;
}
.text-slider .carousel-indicators .active{
	width: 60px;
	background-color: #ce0f16;
	border: none;
}
/*End Header*/

/*Start Services*/

.services{
	height: auto;
	min-height: 550px;
	background: #f3f3f3 url(../images/dotmap.png) center fixed;
	background-position: 50%;
  	background-repeat: no-repeat;
  	background-size: cover;
}



.services-slider{
	padding-top: 10px;
	margin-bottom: 40px;
}

/*End Services*/

/*Start Express*/
.express .express-img{
	margin-top: 60px;
	margin-bottom: 10px;
	
}
/*End Express*/

/*Start about US*/
.about-us{
	background: #0c1427;
	min-height: 500px;
}
.about-us .about-img{
	min-height: 500px;
	overflow: auto;
	background: url(../images/about-us.jpg) no-repeat;
	
  	background-repeat: no-repeat;
}
.about-us .about-text{
	max-width: 950px;
	padding: 60px 50px;
	color: #fff;
	line-height: 20px;
	
}
/*End About us*/

/*START Clients*/

.clients-logo{
	margin-top: 50px;
	margin-bottom: 50px;
}

.clients .c-logo{
	margin: 30px 0px;
}
.clients .c-logo-fix{
	margin-top: 40px;
}
.clients img{
	opacity: .5;
	filter: alpha(opacity=50);
    transition-duration: .5s;
    -o-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -wbsit-transition-duration: .5s;
}
.clients img:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

/*End Clients*/


/*Start News*/

.news{
	min-height: 500px;
	background: #f8f8f8;
	background-image: url(../images/bg.png);
	background-attachment: fixed;
	padding: 90px 0px 100px 0px;
}

.news .news-block{
	min-height: 300px;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
    padding: 0;
    border: 1px solid #ddd;
    margin-bottom: 30px;
	margin-top: 10px;
    box-shadow: 0 0 5px #d7d8da;
}

.news .news-image{
	min-height: 200px;
	max-height: 200px;
	background-position: 20%;
    background-repeat: no-repeat;
    background-size: cover;
	overflow: hidden;
	position: relative;
}

.news .news-image .news-date{
	color: #fff;
	position: absolute;
	top: 25px;
	right:0px;
	padding: 6px 10px;
	background: #cf0f1a;
}


.news .arabic-news .news-image .news-date{
	color: #fff;
	position: absolute;
	top: 25px;
	left:0px;
	right: auto;
	padding: 6px 10px;
	background: #cf0f1a;
}

.news .news-details{
	padding: 0px 15px 15px 15px;
}

.news .news-details a{
	color:#0b1222;
	
}
.news .news-details .more{
	font-weight: bold;
	color: #666;
	
}

.news .news-details .more i{
	font-weight: bold;
	color: #666;
	
}
.news .news-details h3{
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
}

.news .news-details p{
	margin-top: 12px;
	padding-top: 8px;
	border-top: 1px solid #e7e7e7;
	color: #666;
	font-size: 14px;
	line-height: 24px;
}
.news .more-services {
	margin-top: 10px ;
}
.news .arabic-news{
	direction: rtl;
	float: right;
}
.news h2{
	font-weight: 700;
}
/*End News*/



/*Start quote*/
.quote{
	display: block;
	min-width: 100%;
    width: 100%;
	max-width: 100%;
	min-height: 350px;
	padding-top: 30px;
    line-height: 1;
	position: relative;
	background: url(../images/qoute.jpg) center fixed ;
	background-position: 50%;
  	background-repeat: no-repeat;
  	background-size: cover;
  
}
.quote .quote-icon{
	width: 59px;
	height: 73px;
	margin: 70px auto 0px auto;
	background: url('../images/spr.png') no-repeat -12px -39px;
	

}
/*End quote*/

/*Start contact-us*/

.Contact-us{
	
	padding: 35px 0px 30px 0px;
	width: 100%;
	background-color: #cb0f19;
}
.Contact-us .contact-text{
	margin-bottom: 12px;
	margin-top: 5px;
	color: #fff;
	font-size: 25px;
	text-align: left;
}
.Contact-us .more-white{
	margin-top: 0px;
}

/*End contact-us*/



/* Start Services Carousel */
.media-carousel 
{
  margin-bottom: 0;
  
}
/* Previous button  */
.media-carousel .carousel-control.left 
{
	opacity: 0.9;
	filter: alpha(opacity=90);
  left: -15px;
  background: none repeat scroll 0 0 #c7111c;
  border-radius: 50px;
	line-height: 50px;
	font-size: 50px;
  height: 60px;
  width : 60px;
  margin-top: 95px
}
/* Next button  */
.media-carousel .carousel-control.right 
{
	opacity: 0.9;
	filter: alpha(opacity=90);
  right: -25px !important;
  background-image: none;
  background: none repeat scroll 0 0 #c7111c;
  border-radius: 50px;
  height: 60px;
  width : 60px;
	line-height: 50px;
	font-size: 50px;
 margin-top: 95px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}


.road, .air,.sea,.warehousing ,.express-ser,.clearance{
	
	display: block;
	width: 350px;
	margin-bottom: 25px;
    margin-top: 25px;
	height: 200px;
	box-shadow: 0px 0px 10px #d6d7d9;
	position: relative;
	
}

.road{
	background: url(../images/services/road.jpg);
}

.air{
	background: url(../images/services/air.jpg);
}

.sea{
	background: url(../images/services/sea.jpg);
	
}

.warehousing{
	background: url(../images/services/warehousing.jpg);
}
.express-ser{
	background: url(../images/services/packing.jpg);
}
.clearance{
	background: url(../images/services/clearance.jpg);
}

.slide-icon{
	width: 100%;
	padding-top: 40px;
	min-height: 100px;
	text-align: center;
}

.slide-text{
	width: 100%;
	padding-top: 5px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	font-weight: 500;
}
.service-row .spr-left{
	margin: 5px auto 0px auto;
	bottom: 12px;
	left: 95px;
}
.service-row a:hover {
	text-decoration: none;
}
.service-row a{
	display: block;
	max-width: 350px;
	margin: 0 auto;
}
.more-services{
	margin-top: 30px;
	border-color: #acaaaa;
}
/* End Services Carousel */



/*STAR MOBLIE CONTACT*/


.contact-mobile p{
	
	font-size: 2.5em; 
	text-align: left;
	color: #fff;
	font-weight: normal;
	
}
.contact-mobile .container{
	padding-left: 0px;
	padding-right: 0px;
}

.contact-mobile .comphone{
	margin-top: 60px;
}

.contact-mobile .warper{
	width: 65%;
	margin: 0px;
}
.contact-mobile span{
	display: block;
	float:left; 
	margin-top: 3px;
	margin-right: 15px;
}

.contact-mobile {
  display: none;
  width: 100%;
  bottom: 0;
  height: auto;
  min-height: 180px;
  left: 0;
  background-color: #0b1222;
  color: #cf0f1a;
  font-size: 13px;
  font-size: 0.8125rem;
  padding-bottom: 20px;
}
.contact-mobile h2 {
	display: none;
}
.contact-mobile .comadress{
	margin-top: 24px;
	border-bottom: 1px solid #070f20;
}
.contact-mobile{
	overflow: hidden;
}
.contact-mobile p{
	color: #aaaacf;
	text-align: left;
}
.contact-mobile .comphone{
	border-left: none;
	margin-top: 0px;
	padding-top: 20px;
	border-top: 1px solid #0f1a31;
}
.contact-mobile .warper{
	width: 80%;
	padding-left: 10px;
}
/*END MOBLIE CONTACT*/


/*FOOTER START*/

.the-footer{
	height: auto;
	text-align: left;
	padding-top: 70px;
	padding-bottom: 40px;
	background: #0b1222;
}
.the-footer .footer-logo{
	width: 100%;
	height: 55px;
	margin-bottom: 30px; 
	clear: both;
	background: url(../images/logo.png) no-repeat left center;
}
.the-footer .footer-about{
	text-align: left;
	color: #afafaf;
	font-size: 1.3em;
	height: auto;
	margin-bottom: 25px; 
	
}

.the-footer .more-button{
	
	padding: 6px 14px;
	background: #cf0f1a;
	color: #fff;
	float: left;
	border-radius:25px;
	font-size: 16px;
	margin: 0 0 30px 0;
	font-weight: 500;
	
}
.the-footer .footer-cont{
	width: 100%;
	height: auto;
	text-align: left;
}
.the-footer .footer-heading h2{
	color: #fff;
	font-weight: 500;
	font-size: 23px;
	letter-spacing: 1px;
	margin: 0px;
}
.the-footer .spr{
	
	width: 70px;
	height: 4px;
	background: #cf0f1a;
	margin: 15px 0;
}
.the-footer ul li{
	list-style-image: url(../images/list.png);
	list-style-position: inside;
	padding: 5px 0;

}
.the-footer ul li a {
	color: #aeafaf;
		transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	font-size: 18px;
}
.the-footer ul li a:hover {
	text-decoration: none;
	color: #fff;
}

.footer-center-content{
	
	width: 68%;
	/*margin: 0 auto;*/
	
}
.rights{
	width: 100%;
	padding: 20px 0 10px 0;
	background: #070b16;
}
.rights p{
	color: #4a5265;
	font-size: 18px;
}
.rights p span {
	color: #627194;
}

.rights p a {
	color: #4a5265;
}
.footer-heading-space{
	display: block;
	padding-top: 56px;
}
.phone-padding{
	padding-left: 40px;
}
/*END FOOTER*/

/*Start scroll up*/

.back {  width:50px; 
	height:20px; 
	padding: 20px 0px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: none;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;	
	background: #c50f18;
	cursor: pointer;

}
.back a {  width:auto;
 background:url(../img/backup.png) no-repeat center left;
 text-decoration:none; display:block; 
	color: #fff;
	line-height: 0px;
 font-size:17px; font-weight:500;

}

/*End scroll up*/



/*small header*/
.head { width:100%; height:70px; 
 margin: 0px auto; position:fixed; top:0px; display:none; background:#fff; z-index:999999999;
	box-shadow:1px 1px 4px #aeaeae;
}

.head .navbar{
	max-height: 70px !important;
}

.head .navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background: #fff;
}
.navbar-default {
	border: none;
}
.head .navbar-default {
	background-color: #fff;
	
}
.head .navbar-nav>li>a{
	height: 70px;
}
.head .navbar-brand{
	margin-top: 0px;
	height: 70px;
}

.navbars { width:auto; height:40px;  
 float:right; margin:27px 0px 0px 00px;
}
.navbars ul { list-style:none; 

}
.navbars ul li { float:left; 
}
.navbars ul li a { 
	    padding: 10px 13px;
    font-weight: 500;
    letter-spacing: 1px;
	color: #000;
 transition:All 0.2s ease;
-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;  
}


.n {  border-bottom: #d1283b solid 3px;
}

.back {  width:50px; 
	height:20px; 
	padding: 20px 0px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: none;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: center;	
	background: #c50f18;
	cursor: pointer;

}
.back a {  width:auto;
 background:url(../img/backup.png) no-repeat center left;
 text-decoration:none; display:block; 
	color: #fff;
	line-height: 0px;
 font-size:17px; font-weight:500;

}

.navbars .active a{
	background: none;
	color: #ca0f1a;
	font-weight: 600;
}
.navbars a:hover{
		background: none !important;
}
/*small header*/

/*Start Media STYLE*/
@media (max-width: 768px) {
	
	

	.text-slider .carousel-control.left, .text-slider .carousel-control.right{
		display: none;
	}

	
	.our-services,.express,.clients{
	padding: 40px 0px;
	}
	
	.about-us .about-text{
	 padding: 50px 50px;
	}
	
	
/*navbar*/
.navbar-brand {
    padding-left: 10px;
    padding-right: 20px;
    border-left: none;
    border-right: none;
}
.navbar-default{
	background-color: #fff;
	box-shadow: 0px 0px 5px #666;
}
.navbar-nav>li>a{
	height: 55px;
    line-height: 55px;
	border-bottom: 1px solid #f1f1f1;
	border-top: 1px solid #fff;
    
}
.navbar .login {
    display: block;
	max-width:120px;
	height: 39px;
    margin-top: 10px;
    margin-left: 15px;
}
.navbar .lang{
    display: block;
	max-width:120px;
	height: 39px;
    margin-top: 15px;
    margin-left: 15px;
	margin-bottom: 17px;
}
.navbar .lang-text{
	padding: 12px 10px 0px 5px;
}
.navbar .login-text {
    padding: 10px 10px 0px 10px;
}
.navbar .lang-icon{
	padding: 10px 10px 0px 10px;
}
.navbar .login-icon{
	padding: 10px 10px 0px 10px;
}
.nav-bar{
	
	position: fixed;
	z-index: 99999;
	top:0;
	width: 100%;
}
.navbar-nav{
	margin-top: 0px;	
}
	
/*Text slider*/
.text-slider .text-slider-content h2{
	font-weight: 700;
	font-size: 2em;
	margin-top: 15px;
}
.text-slider .text-slider-content span{
	font-size: 1.5em;
}

/*Services section*/
.services{
	background-attachment: scroll;
}
/*Qoute*/
.quote{
	background-attachment: scroll;
}
/*Contact us*/	
.Contact-us .contact-text{	
	text-align: center;
}

/*fotter contact for mobile*/
.contact-mobile { display: block; padding-bottom: 14px;}

/*footer*/
.the-footer{
		display:none;
	}
.footer-heading-space{
	display: block;
	padding-top: 0px;
}
.footer-center-content{
	margin: 0 auto;	
}
.rights p {
	font-size: 16px;
	padding: 0px 15px;
}
.rights{
		border-top: 4px solid #cf0f1a;
}
/*services slider*/
.media-carousel .carousel-control.left 
{
  margin-top: 320px
}

.media-carousel .carousel-control.right 
{
 margin-top: 320px
}
	
/*quote*/	
.quote{
	background: url(../images/qoute.jpg) center cover ;
	
}
}
/*END Media STYLE*/

/*anmition start*/

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #cf0f1a;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Top2 */
.hvr-bounce-to-top2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top2:hover, .hvr-bounce-to-top2:focus, .hvr-bounce-to-top2:active {
  color: #060b12;
}
.hvr-bounce-to-top2:hover:before, .hvr-bounce-to-top2:focus:before, .hvr-bounce-to-top2:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/*anmition end*/