/*
Theme Name: Multi Africa Avia
Author: GHS Logistics
Author URI: https://www.fulfilment.ae
Description: Airport Services
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


@import url('https://fonts.googleapis.com/css?family=Bree+Serif|Fjalla+One|Titillium+Web|Open+Sans');

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}


body
{
	background:#f2f2f2;
}
.navbar
{
	background:#333;
	color:#f2f2f2;
	-moz-border-radius: 0px !important; /* Firefox */  
 	-webkit-border-radius: 0px  !important; /* Safari, Chrome */  
 	border-radius: 0px  !important; /* CSS3 */
	vertical-align:middle !important;
	text-align:center;
	margin-bottom:0 !important;
}

/*
	JUMBO TRON
*/	
.jumbotron
{
	background:none !important;
	margin:0 auto 0 auto !important;
	padding:0em 0 !important;
}
@media (max-width: 768px){
	.jumbotron
	{

	}
}
.jumbotron a, .jumbotron a:hover
{
	color:#333;
	text-decoration:none;
}


/*
	LOGO
*/
.logo_wrap
{
	width:300px;
	height:170px;
	background:url(images/logo-bg.png) no-repeat;
	padding-top:15px;
	margin:0 auto !important;
}

.hero span
{
	color:#fff;
	width:60%;
	margin:3em auto;
	display:block;
	font-family: 'Titillium Web', sans-serif !important;
	font-size:3em;
	text-transform:uppercase;
  	-webkit-transition: all 0.6s;
  	transition: all 0.6s;
	
}

.navbar-brand 
{
	padding-top:5px !important;
}
/*
	SLIDER
*/
.top-slider
{
	position:absolute;
	top:0;
	z-index:-1 !important;
	width:100%;
	height:700px;
	background:#888 url(images/tmp-slider.jpg) no-repeat;
	background-size:cover;
	-webkit-filter: sepia(2);
	filter: sepia(2);
	-webkit-filter: brightness(.75);
	filter: brightness(.75);	

}


/*
	WELCOME
*/	
.welcome 
{
	display:block !important;
	background:#ff9933 !important;
	margin-top:0em !important;
	padding-top:2em !important;
	padding-bottom:2em !important;	
	text-align:center;
	color:#f2f2f2;
	font-size:1em !important;
}





/*
	TITLES 
*/
.titles
{
	font-family: 'Titillium Web', sans-serif !important;
	font-size:2em;
	text-transform:uppercase;
  	-webkit-transition: all 0.6s;
  	transition: all 0.6s;
	text-align:center !important;
	padding:0;
	margin:0;
	color:#fff;

}

.sub-titles
{
	font-family: 'Titillium Web', sans-serif !important;
	font-size:3em;
	text-transform:uppercase;
  	-webkit-transition: all 0.6s;
  	transition: all 0.6s;
	text-align:center !important;
	padding:0;
	margin:0;
	color:#fff;

}
.saffron
{
	color:#ff9933 !important;
	font-size:2em;
	text-align:left !important;
}
.sc
{
	text-align:center !important;
}
.sf
{
	color:#ff9933 !important;
}



/*
	SERVICES
*/
.services
{
	margin-top:5em !important;
	margin-bottom:2em !important;
	display:block !important;
	position:relative !important;
	z-index:99;
}
.services img
{
	width:100% !important;
	max-height:265px !important;
	padding:0;
	margin:0;
	z-index:0;
}
.services .no-gap
{
	padding:0 !important;
	margin:0 !important;
}
.services h2
{
	font-family: 'Titillium Web', sans-serif !important;
	font-size:2em;
	text-transform:uppercase;
  	-webkit-transition: all 0.6s;
  	transition: all 0.6s;
	padding:30px 0 0 30px;
	margin:0;
	color:#222;

}
.content
{
	position:absolute;
	/*right:20%;*/
	top:10%;
	width:50%;
	color:#222 !important;
	text-align:left !important;
	background:rgba(255,255,255,.8);
	z-index:99!important;
	display:inline-block;
	padding:1em;
}
.pull-left
{
	left:10% !important;
}
.pull-right
{
	right:10% !important;
}
@media (max-width: 768px)
{
	.content
	{
		top:10% !important;
		left:10% !important;
		right:10% !important;
		width:80% !important;
		padding:.5em !important;
	}
}
.service_title
{
	position:absolute;
	color:#fff !important;
	padding: 30px !important;
}
/*
	WHY US
*/
.why-us 
{
	background:#ff9933 !important;
	padding-top:2em !important;
	padding-bottom:2em !important;	
	text-align:center;
	color:#f2f2f2;
}

.why-us img
{
	display:block;
	margin:0 auto;
}
.t-mar
{
	margin-top:275px !important;
	margin-bottom:1.2em !important;
	z-index:-1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
	
}


	
/*
	PROJECTS
*/
.projects
{
	position:relative !important;
	margin-top:5em !important;
	display:block;
}
.projects img
{
	width:100%;
}


/*
	CALL
*/
.call
{
	background:#ff9933 !important;
	font-family: 'Titillium Web', sans-serif !important;
	font-size:1.5em;
	text-transform:uppercase;
	text-align:center;
	padding:1em !important;
}
.call span
{
	display:block;
	font-size:3em;
}


/*
	COUNT
*/
.count
{
	display:block;
	color:#ff9933;
	font-size:4em;
	font-family: 'Titillium Web', sans-serif !important;	
	text-align:center;
}




/*
	SUB PAGES
*/
.white-content
{
	background:#fff;
	padding:.5em;
	-moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.25);
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.25);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.25);
	margin-bottom:1em !important;
}
.white-content .c_wrapper
{
	min-height:500px;
	background-size:cover !important;

}
.c_wrapper ul li
{
	list-style:none;
}
.c_wrapper ul li:before
{
	content:"\e013";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #ff9933;
	
}
/*.white-content .c_wrapper span
{
	position:relative;
	width:70%;
	background:rgba(255,255,255,.8);
	display:block;
	padding:2em;
	font-size:1.5em;
	float:right;
	margin:15% .5em 2em 0%;

}*/
.sub-page
{
	margin-top:-25em !important;
}

.sub-page .col-lg-8
{
	width: 65.5%;
	margin-right:1%;
	
}
@media (max-width : 768px)
{
	.sub-page .col-lg-8
	{
		width: 100% !important;
	}
}

.page-title
{
	position:relative;
	display:block;
	background:#ff9933  !important;

}
.page-title h2
{
	font-family: 'Titillium Web', sans-serif !important;
	font-size:3em !important;
	text-transform:uppercase;
	color:#fff !important;
	line-height:150px !important;
	

}
/*
	ANIMATED SUB PAGE HEADERS
*/
.sky {
  height: 500px;
  margin-bottom:2em !important;
  background: #ff9933;
  overflow: hidden;
  -webkit-animation: sky_background 50s ease-out infinite;
  -moz-animation: sky_background 50s ease-out infinite;
  -o-animation: sky_background 50s ease-out infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0)
}

.moon {
  background: url("images/moon.png");
  position: absolute;
  left: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: moon 50s linear infinite;
  -moz-animation: moon 50s linear infinite;
  -o-animation: moon 50s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0)
}

.clouds_one {
  background: url("images/cloud_one.png");
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_one 50s linear infinite;
  -moz-animation: cloud_one 50s linear infinite;
  -o-animation: cloud_one 50s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0)
}

.clouds_two {
  background: url("images/cloud_two.png");
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_two 75s linear infinite;
  -moz-animation: cloud_two 75s linear infinite;
  -o-animation: cloud_two 75s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0)
}

.clouds_three {
  background: url("images/cloud_three.png");
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  -webkit-animation: cloud_three 100s linear infinite;
  -moz-animation: cloud_three 100s linear infinite;
  -o-animation: cloud_three 100s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0)
}

@-webkit-keyframes sky_background {
  0% {
    background: #007fd5;
    color: #007fd5
  }
  50% {
    background: #000;
    color: #a3d9ff
  }
  100% {
    background: #007fd5;
    color: #007fd5
  }
}

@-webkit-keyframes moon {
  0% {
    opacity: 0;
    left: -200% 
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
  50% {
    opacity: 1;
    left: 0% 
    bottom: 250px;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    opacity: 0;
    bottom: 500px;
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}

@-webkit-keyframes cloud_one {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}

@-webkit-keyframes cloud_two {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}

@-webkit-keyframes cloud_three {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}

@-moz-keyframes sky_background {
  0% {
    background: #007fd5;
    color: #007fd5
  }
  50% {
    background: #000;
    color: #a3d9ff
  }
  100% {
    background: #007fd5;
    color: #007fd5
  }
}

@-moz-keyframes moon {
  0% {
    opacity: 0;
    left: -200% 
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
  50% {
    opacity: 1;
    left: 0%;
    bottom: 250px;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
  }

  100% {
    opacity: 0;
    bottom: 500px;
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
  }
}

@-moz-keyframes cloud_one {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}

@-moz-keyframes cloud_two {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}

@-moz-keyframes cloud_three {
  0% {
    left: 0
  }
  100% {
    left: -200%
  }
}



/*
	SUB PAGE
*/
.c_wrapper img
{
	width:100%;
	height:auto;
	
}


/*
	SIDE BAR
*/

.side-bar li
{
	list-style:none !important;
	padding:.1em 0 .1em 1em;
	border-bottom:1px dotted #ccc;
	margin:.5em 0 .5em 0;
}

.side-bar li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #ff9933;
}
.side-bar .current_page_item a
{
	font-weight:bold;
}

.side-bar li a
{
	text-decoration:none;
	color:#ff9933;
	font-size:1.4em;
	font-family: 'Titillium Web', sans-serif !important;
	
}
.side-bar li a:hover
{
	font-weight:bold;
}
.side-bar .title-4
{
	background:#ff9933;
	padding:.2em;
	color:#fff;
	font-size:1.4em;
	font-family: 'Titillium Web', sans-serif !important;
	text-transform:uppercase;
	
}


/*
	BLOG - COMMENTS
*/
.nocomments, .wc-field-avatararea
{
	display:none;
}
#wc-comment-header, .wc-comment-title
{
	color:#ff9933;
}
.blog_date
{
	margin:0;
	padding:0;
	display:block;
	color:#046633 !important
}
.blog_index a h2
{
	font-size:1.4em;
	font-family: 'Titillium Web', sans-serif !important;
	text-transform:uppercase;
	color:#ff9933;
}
.blog_index a h2:hover
{
	text-decoration:none !important;
	color:#046633 !important
}
.blog_menu li a
{
	font-size:1em;
}



/*
	FOOTER
*/
footer { background-color:#0c1a1e; min-height:350px; font-family: 'Open Sans', sans-serif; }
.footerleft { margin-top:50px; padding:0 36px; }
.logofooter { margin-bottom:10px; font-size:25px; color:#fff; font-weight:700;}

.footerleft p { color:#fff; font-size:12px !important; font-family: 'Open Sans', sans-serif; margin-bottom:15px;}
.footerleft p i { width:20px; color:#999;}


.paddingtop-bottom {  margin-top:50px;}
.footer-ul { list-style-type:none;  padding-left:0px; margin-left:2px;}
.footer-ul li { line-height:29px; font-size:12px;}
.footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s; }
.footer-ul i { margin-right:10px;}
.footer-ul li a:hover {transition: color 0.2s linear 0s, background 0.2s linear 0s; color:#ff670f; }

.social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 
 

 
 .icon-ul { list-style-type:none !important; margin:0px; padding:0px;}
 .icon-ul li { line-height:75px; width:100%; float:left;}
 .icon { float:left; margin-right:5px;}
 
 
 .copyright { min-height:40px; background-color:#000000;}
 .copyright p { text-align:left; color:#FFF; padding:10px 0; margin-bottom:0px;}
 .heading7 { font-size:21px; font-weight:700; color:#d9d6d6; margin-bottom:22px;}
 .post p { font-size:12px; color:#FFF; line-height:20px;}
 .post p span { display:block; color:#8f8f8f;}
 .bottom_ul { list-style-type:none; float:right; margin-bottom:0px;}
 .bottom_ul li { float:left; line-height:40px;}
 .bottom_ul li:after { content:"/"; color:#FFF; margin-right:8px; margin-left:8px;}
 .bottom_ul li a { color:#FFF;  font-size:12px;}