/*
Theme Name: Atlogistics
Theme URI:http://www.atlogistics-eg.com/
Author: Amal elreedy
Author URI: http://hlasoft.net
*/

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


body{ 
font-family: 'Lato', sans-serif; font-size:15px; line-height:22px;
background-color:#fff;

line-height:22px;
color:#222534;
}
p{ line-height: 30px;}
.logo{ max-height: 50px;}
a:hover{ text-decoration:none;}
textarea{ max-width:100%; width:100%;}
h1{ 
font-family: 'Roboto', sans-serif; 
color:#222534; float:none;  
text-align:center; 
text-transform: uppercase; 
font-weight:bold;
font-size:28px;
line-height: 45px;
}
h1 a{ 
font-family: 'Roboto', sans-serif; 
color:#222534; float:none;  
text-align:center; 
text-transform: uppercase; 
font-weight:bold;
font-size:28px;
}
h2{ color:#9b59b6; font-family: 'Roboto', sans-serif; font-size:20px;text-transform: uppercase; }
h2 a{ color:#9b59b6;}
h5{color:#9b59b6;}
h4{ color:#3598db; margin-bottom:5px; font-size:16px; padding-bottom:0px;}
.white{ color: #fff;}
.mw-800{ max-width: 800px;}

/* top menu */
.top-menu{background-color:#222534;}
.social{  padding-top:5px;  }
.social ul{ float:right; margin-right:0px;}
.social ul li{ display:inline; padding-left:10px;}
.social ul li a{ color:#6f6f6f;}
.social ul li a:hover{ color:#9b59b6; text-decoration:none;}
.menu{ color: #3598db; }
.contact{ 
float:left; 
margin-left:0px; 
padding-top:5px; 
padding-left:0px;
text-align:left;
}
.contact ul{ float:left; list-style:none; display:inline; margin-left:0px; padding-left:0px;
	margin-bottom: 5px;
    margin-top: 5px;
}
.contact ul li{ 
display:inline; 
margin-right:10px; 
margin-left:0px; 
color:#6f6f6f;
font-family: 'Lato', sans-serif; font-size:13px; line-height:22px;}
.center-page img{ max-width:100%; height:100%; float:right; margin-left:10px; margin-bottom:10px; margin-right:0px;}
/* end top menu */
.center{ padding-top:50px; padding-bottom:50px; text-align:center;}
#line{ width:40px;; height:5px; clear:both; margin:auto; background-color:#9b59b6; margin-bottom:20px;}

/*.navbar{ 
background-color:#fff; 
border:none; 
padding-top:0px; 
padding-left:0px;
border-bottom:1px #999999 solid; 
min-height:130px; 
height:auto;  }
.navbar-toggle{ margin-bottom:0px;}
.navbar-nav {  float:right; margin-top:0px;}
.navbar-nav ul li.current_page_item a{
  border-top: 3px solid #9b59b6;
  color: #3598db;
    }
.navbar-nav ul li.current_page_item a:hover{
    background-color:transparent;
    }
	
	.navbar-brand{  padding-left:0px;  padding-top:0px; padding-bottom:0px;}
.navbar-nav li{   
margin-top:0px; 
display:inline; 
direction:ltr; 
float:left; 
padding-left:20px; 
line-height:50px; }
.navbar-nav li a{ color:#F00;  }
.navbar-nav li a:hover{ border-top: 3px solid #9b59b6;}
.navbar-nav li ul {
	display: none;
	height: auto;
	
	padding: 0px;
	margin: 0px;
	border: 0px;
	position: absolute;


	z-index: 200; 


}

.navbar-nav li:hover ul {
  display: block;
}
.navbar-nav li li {
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;

	
}
.navbar-nav li:hover li a {
  
}
.navbar-nav li ul a {
	display: block;
	height: 35px;
	float:left;
	font-style: normal;
	background-color: #9b59b6;
	margin: 0px;
	text-align: left;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 10px;	height:35px;
	min-width:150px; 
}
.navbar-nav li ul a:hover,
.navbar-nav li ul li:hover > a {
	border: 0px;
	color: #ffffff;
	font-family: Hacen;
	font-size: 16px;


	text-decoration: none;
	background-color: #3598db;

}*/
.home-slider{
	background-image:url(images/interior-1026452_1920.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size: cover;
	padding-top:150px;
	padding-bottom:150px;
	}
	.home-slider2{
	background-image:url(images/cargo-449784_1920.jpg);
	background-repeat:no-repeat;
	background-position:center top;
background-position:center;
	padding-top:100px;
	padding-bottom:100px;
	background-size: cover;
	}
.home-slider3{
	background-image:url(images/services-header.jpg);
	background-repeat:no-repeat;

	background-size:cover;
background-position:center center;
	padding-top:150px;
	padding-bottom:150px;
	}
	.slider{ 
	/*background-image:url(images/for-slide-pic.png); */
	background-repeat:no-repeat; 
	background-position:left top;
	/*height:350px;*/
	padding-right:60px;
	padding-top:15px;
	padding-left:20px;
	padding-bottom:20px;
	color:#FFF;
	overflow:hidden;
	text-align: center;
	
	}
	.slider h1{     font-size: 45px;
		font-weight: bold;
		font-family: 'Roboto', sans-serif;}
	.slider p{ line-height: 28px; font-size: 19px; font-weight: 900px; text-align: center; max-width: 900px; margin: auto; padding-bottom: 20px;}
	.slider button{ margin: auto; background-color: #3598db; color: #fff; width: 150px; }
	.slider2{ 
	background-image:url(images/for-slide-pic.png); 
	background-repeat:no-repeat; 
	background-position:left top;

	padding-right:60px;
	padding-top:30px;
	
	padding-left:20px;
	padding-bottom:30px;
	color:#FFF;
	overflow:hidden;
	
	}
	.welcome{ 
	background-image: linear-gradient(to bottom, #3598db , #9b59b6);
	background-repeat:repeat-x; 
	background-position:bottom; 
	padding-top:50px; 
	padding-bottom:50px; 
	background-color:#3598db;
	}
	.c-text{max-width:700px; margin:auto; text-align:center; color:#FFF; padding:5px; margin-bottom:20px;}
	.cat{ padding-top:100px; padding-bottom:50px; text-align:center;}
	.cat img{ 
		width: 100%;
		height: 200px;
		object-fit: cover;
	}
	.blue-space{ background-color:#3598db; padding-top:50px; padding-bottom:50px; color:#FFF; text-align:center;}
	.blue-space h1{ color:#FFF;}
	.blue-space img{ float:left; margin:10px;}
	.blue-space ul{ 
	list-style:square; 
	float:left; 
	padding-left:20px; 
	margin-top:10px; 
	color:#222534; 
	font-size:16px; 
	font-weight:bold;
	text-align:left;}
	.blue-space ul li{ padding-bottom:5px;}
.header-bg{
	background-image:url(images/header-bg.jpg); 
background-repeat:no-repeat; 
background-position:top center; 
padding-top:150px; 
padding-bottom:100px;
margin-top:100px;
margin-bottom:30px;
}
.header-bg h1 a{ color:#FFF; font-size:28px;}
.activ{border-top:solid 3px #9b59b6; background-color:transparent;}
.nav .open > a
{
    background:#759ad6;
    //put styling
}
#bs-example-navbar-collapse-1 a{ color:#3598db;font-family: 'Roboto', sans-serif; font-size:16px; font-weight:bold; }
#bs-example-navbar-collapse-1 a:hover{ color:#9b59b6;}


.after-nav{ background:url(images/bg.png); width:100%; padding-top:10px; padding-bottom:10px;  z-index:200; position:absolute; text-align:center; margin:auto;margin-top:170px;}
.container{ float:none; margin:auto;}

	
.navbar-toggle{ background-color:#3598db;}

.news{ background-color:#FFF; padding-top:50px; padding-bottom:50px; color:#3598db; text-align:center;}
.news img{ float:none; margin:auto; margin-top:5px; max-width:100%; height:100%;}
.news .col-lg-3{ border:#CCC 1px solid; height:auto; text-align:center; margin:5px; max-width:270px;  }
.more{ 
margin-top:20px; 
background-color:#222534; 
color:#3598db; 
max-width:100px; 
margin:auto; 
margin-top:20px; 
padding-top:10px; 
padding-bottom:10px;
margin-bottom:50px;
}
.more a{  clear:both; background:#9b59b6; margin-top:20px; color:#FFF; text-decoration:none;}
.more:hover{ background-color:#9b59b6; color:#222534; text-decoration:none; font-weight:bold; }
.dark-blue{ background-color:#222534; padding-top:50px; padding-bottom:50px; color:#FFF;}
.dark-blue img{ float:left; margin-left:0px; margin-right:20px; max-width:100%; margin-bottom:20px;}
.dark-blue h1{ color:#9b59b6;}
.contact-us{ background:url(images/pattern-bg.jpg); padding:0px; margin:0px;}
.contact-form{ padding-top:50px; padding-bottom:50px;}
.textarea{ 
width:100%; 
background-color:#ecf0f1; 
border: solid 1px #fff; 
color:#6f6f6f; 
height:30px; font-size:12px; 
margin-bottom:20px;
padding-left:5px;}
.textarea2{ 
width:100%; 
background-color:#ecf0f1; 
border: solid 1px #fff;
color:#6f6f6f; 
height:150px;
padding-left:5px;
font-size:12px; 
margin-bottom:20px;}
.send{ 
width:100%; 
background-color:#ecf0f1; 
border: solid 1px #fff; 
color:#9b59b6; 
height:30px; 
margin-bottom:20px;
padding-left:5px; font-weight:bold; font-size:14px;
text-transform: uppercase;}
.grey{ color:#6f6f6f; font-weight:bold;}
/* footer */

footer{ background-color:#222534; padding-top:50px; padding-bottom:50px; text-align:left; color:#ecf0f1; font-size: 14px; text-align: left;}
footer h3{ color:#9b59b6; font-size:19px;font-family: 'Roboto', sans-serif;
	text-align:left; clear:both;
	text-transform: uppercase;
	margin-bottom: 15px;
}
footer hr{ border-color:#333748; margin-top:30px;}
.rights{ text-align:center;}
.rights a{ color:#9b59b6}
.border-left{ border-left: 1px #333748 solid !important;}
.tag{ background-color:#1e1e1e; padding:10px; margin-right:5px; width:auto; float:left; margin-bottom:5px;}
footer li { list-style:none;background-color:#191b2a; margin-bottom:10px; padding-top:5px; padding-bottom:5px;}
footer ul { margin-left:0px; padding-left:0px; }
footer li a{ padding:5px;  color:#ecf0f1; }
footer li a:hover{background-color:#fff; color:#FFF;}
footer a:hover{ text-decoration:none;}
footer .col-lg-3{ padding-bottom:30px; /*text-align:center;*/}
.faq {text-decoration:none;background-color:#1e1e1e; margin-bottom:10px; padding-top:5px; padding-bottom:5px;color:#ecf0f1; padding-left:5px;}
.faq a{ text-decoration:none;}
.faq:hover{ background-color:#ecf0f1;color:#1e1e1e; text-decoration:none;}
/* end footer  */ 
.map{ margin:auto; margin-bottom:0px;}
.page-center{text-align:center;padding-top:300px; padding-bottom:100px;}
.page-center img{ max-width:100%; height:100%;}
.leave-reply {
    border: 0;
	font-family: inherit;
	font-size: 180%;
	font-style: inherit;
	font-weight: inherit;
	margin: 10;
	outline: 0;
	padding: 10;
	background-color:#CCCCCC;
}
/* ...........................................sidebar...........................*/
	
#sidbar{ 		 
		background-color:#ecf0f1; 
		text-align:center;
		margin-bottom:30px;
	
		}	
	
h3.widget-title {
	font-weight: normal;
	font-size: 17px;
	line-height: 1em;
	background-color: #3598db;
	width: 100%;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	clear: both;
	margin-bottom: 15px;
	margin-top: 20px;
text-transform: uppercase;

}
table#wp-calendar {
  width: 100%;
}
table#wp-calendar th {
  font-size: 14px;  text-align: center;
}
table#wp-calendar td {
  padding: 2px ;
  width: 14.28571428571429%;
  text-align: center;
  font-size: 14px;
}
table#wp-calendar td a{ background-color:#9b59b6; color:#FFF; padding:2px;}


	#search-buton{

		color:#3598db;
	
		cursor:pointer;

	}
/*..........................................end sidebar..............................*/
	.single-post-center{padding-top:20px; padding-bottom:30px; padding-left:20px; }
	.single-post-center img{ max-width:100%; height:100%; float:right; margin-right:0px; margin-left:20px; margin-bottom:20px;}
/* send replay .........................*/
.comments-area {
	border-top:1px solid #CCC;
	
	text-align:left;
	margin-top:100px;
}

.comments-area > :last-child {
	margin-bottom: 0;
}

.comment-list + .comment-respond {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding-top: 1.6em;
}

.comments-title,
.comment-reply-title {
	font-family: "Noto Serif", serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3333;
}

.comments-title {
	margin-bottom: 1.3333em;
}

.comment-list {
	list-style: none;
	margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	padding: 1.6em 0;
}

.comment-list .children {
	list-style: none;
	margin: 0;
}

.comment-list .children > li {
	padding-left: 0.8em;
}

.comment-author {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	margin-bottom: 0.4em;
}

.comment-author a:hover {
	border-bottom: 1px solid #707070;
	border-bottom: 1px solid rgba(51, 51, 51, 0.7);
}

.comment-author .avatar {
	float: left;
	height: 24px;
	margin-right: 0.8em;
	width: 24px;
}

.bypostauthor > article .fn:after {
	content: "\f304";
	position: relative;
	top: 5px;
	left: 3px;
}

.comment-metadata,
.pingback .edit-link {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
}

.comment-metadata a,
.pingback .edit-link a {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

.comment-metadata a:hover,
.pingback .edit-link a:hover {
	border-bottom: 1px solid #333;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {
	color: #333;
}

.comment-metadata {
	margin-bottom: 1.6em;
}

.comment-metadata .edit-link {
	margin-left: 1em;
}

.pingback .edit-link {
	margin-left: 1em;
}

.pingback .edit-link:before {
	top: 5px;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 1.6em 1.3333em;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-content > :last-child {
	margin-bottom: 0;
}

.comment-list .reply {
	font-size: 12px;
	font-size: 1.2rem;
}

.comment-list .reply a {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: inline-block;
	font-family: "Noto Sans", sans-serif;
	font-weight: 700;
	line-height: 1;
	margin-top: 2em;
	padding: 0.4167em 0.8333em;
	text-transform: uppercase;
}

.comment-list .reply a:hover,
.comment-list .reply a:focus {
	border-color: #333;
	color: #333;
	outline: 0;
}

.comment-form {
	padding-top: 1.6em;
}

.comment-form label {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	display: block;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-transform: uppercase;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form input[type="submit"] {
	width: 100%;
	
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 2em;
}

.logged-in-as a:hover {
	border-bottom: 1px solid #333;
}

.no-comments {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-weight: 700;
	padding-top: 1.6em;
}

.comment-navigation + .no-comments {
	border-top: 0;
}

.form-allowed-tags code {
	font-family: Inconsolata, monospace;
}

.form-submit {
	margin-bottom: 0;
}

.required {
	color: #c0392b;
}

.comment-reply-title small {
	font-size: 100%;
}

.comment-reply-title small a {
	border: 0;
	float: right;
	height: 32px;
	overflow: hidden;
	width: 26px;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: -3px;
}
.home-slider2 h2{ font-size:30px;}
.border-short{ border: 2px #fff solid; width: 50px; }
.contact input[type="text"]{ width:100%; padding:5px;}
.blue{ color:#3598db;}	
.voilet{ 
background-color:#9b58b5; 
background-image:url(images/services.jpg); 
background-repeat:no-repeat; 
background-position:top center; 
padding-top:50px; 
padding-bottom:70px;
color:#FFF;
}
.voilet h1{color:#FFF;}
@media only screen and (max-width:767px){
	.blue-space img {
		float: none;
		
		margin: auto;
		margin-bottom: 10px;
	}
	.home-slider{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.top-menu{ display:none;}

.navbar-header{ min-height:110px;}

	.news .col-lg-3{ max-width:100%; margin-bottom:20px; }
#bs-example-navbar-collapse-1{ margin:auto;}	
.page-center{text-align:center;padding-top:150px;}
.home-slider2{ padding-top:30px; padding-bottom:30px; background-position:top; background-size:cover; }

h1{ font-size:16px; font-weight:bold;}
h1 a{ font-size:16px; font-weight:bold;}
.slider2{ height:auto; padding:0px; background-image:none; }
.slider2 h1 a{ color:#FFF;}
#sidbar{ display:none;}
	}

	.col-container {
		display: flex;
		width: 100%;
	  }
	  .col {
		flex: 1;
		padding: 16px;
	  }

.row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	  }