a:focus{
	outline: none;
}
.sp-body{
	overflow: hidden;
}
.container-fluid{
	max-width:1170px;
	width:100%;
}
.block-content{
	margin-top:50px;
	/*margin-bottom:50px;*/
}
.bg-image{
	background-attachment: fixed !important;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.inner-offset{
	padding-top:50px;
	padding-bottom:50px;
}
.bg-image h1{
	margin-top:0px;
}
img.full-width{
	width:100%;
}
.service-item img.full-width{
	max-height: 200px;
}
.hgroup,
hgroup{
	margin-bottom:50px;
}
.hgroup h1, .hgroup h2,
hgroup h1, hgroup h2{
	margin:0px;
}
.hgroup h2,
hgroup h2{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:14px;
	color:#888;
	line-height:22px;
	letter-spacing: 3px;
}
.hgroup h2 + h1, .hgroup h1 + h2,
hgroup h2 + h1, hgroup h1 + h2{
	margin-top:15px;
}
 

.column-info img{
	width:100%;
	height:auto;
}
.column-info > div > span{
	display:block;
	float:right;
	margin-top:-20px;
	margin-right:-8px;
	position:relative;
	z-index:2;
	height:20px;
	width:60px;
	-webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);
}
.column-info h3{
	margin-top:40px;
	margin-bottom:25px;
	font-size:14px;
}
.column-info a.btn{
	margin-top:25px;
}
.big-hr{
	position:relative;
	margin:0px auto;
	max-width:950px;
	height:135px;
	padding-top:25px;
	text-align:center;
	margin-top:-35px;
}
.big-hr:before{
	position:absolute;
	top:0px;
	left:-70px;
	content:"";
	display:block;
	width: 0;
    height: 0;
    border-top: 135px solid; 
    border-left: 70px solid transparent;
}
.big-hr:after{
	position:absolute;
	right:-70px;
	top:0px;
	content:"";
	display:block;
	width: 0;
    height: 0;
    border-top: 135px solid; 
    border-right: 70px solid transparent;	
}
.big-hr h2{
	font-size:17px;
}
.big-hr div{
	display:inline-block;
}
.big-hr a.btn{
	margin-top:-30px;
}

.our-services div > a{
	position:relative;
	padding:15px 10px 0px 105px;
	display:block;
	cursor:pointer;
	border:1px solid;
	border-right:none;
	height:180px;
	margin-bottom:40px;
}
.our-services div > a:after{
	display:block;
	content:"";
	position:absolute;
	right:0px;
	top:-1px;
	bottom:-1px;
	width:4px;
}
.our-services div > a:hover{
	text-decoration:none;
}
p{text-align:justify;}
.our-services div > a > span{
	text-align:center;
	padding-top:7px;
	width:70px;
	height:80px;
	position:absolute;
	left:-1px;
	top:45px;
	display:block;
	border:1px solid #eee;
	background:#fff;
	border-right:none;
}
.our-services div > a > span:before, .our-services div > a > span:after{
	content:"";
	display:block;
	position:absolute;
	width: 0;
    height: 0;
    border-bottom: 80px solid #eee; 
    border-right: 25px solid transparent;
	top:-1px;
	right:-25px;
}
.our-services div > a > span:after{
    border-bottom-color: #fff; 
	top:-2px;
	right:-23px;
}
 
.our-services div > a span.airticket {
 background: url(http://www.africanlobelia.com/images/icons_services.png) no-repeat;
}
.our-services div > a span.hotelres {
 background: url(http://www.africanlobelia.com/images/icons_services.png) no-repeat -62px 2px; 
}
.our-services div > a span.carrentals {
 background: url(http://www.africanlobelia.com/images/icons_services.png) no-repeat -128px 2px; 
}
.our-services div > a span.travelins {
 background: url(http://www.africanlobelia.com/images/icons_services.png) no-repeat -190px 2px; 
} 
.our-services div > a span.visaasst {
 background: url(http://www.africanlobelia.com/images/icons_services.png) no-repeat -257px 2px; 
} 
.our-services div > a span.tourpack {
 background: url(http://www.africanlobelia.com/images/icons_services.png) no-repeat -320px 2px; 
} 





.our-services div > a:hover > span > i{
	color:#fff;
}

   
footer .copy{
	height:65px;
	line-height:75px;
	padding-right:15px;
	position:relative;
	z-index:2;
}
#to-top{
	top:0px;
	left:-30px;
	cursor:pointer;
	display:block;
	position:absolute;
	width: 80px;
	text-align:center;
	line-height:60px;
    height: 65px;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
}
#to-top i{
	-webkit-transform: skew(20deg);
    -moz-transform: skew(20deg);
    -o-transform: skew(20deg);
}

/* Footer */
footer .color-part2{
	position: absolute;
    margin-top: -5px;
    text-align: center;
    left: 0px;
    right: 0px;
	z-index:2;
}
footer .color-part2:after{
	content:"";
	display: inline-block;
	border-top: 12px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    height:0;
    width:900px;
	max-width:90%;
	position:relative;
	margin-top:-10px;
}
footer:before{
	height:65px;
	content:"";
	display:block;
	position:absolute;
	left:50%;
	width:50%;
	bottom:0px;
}	
footer{
	position:relative;
	border-bottom:10px solid;
}
footer a{
	font-weight:500;
	font-size:15px;
}
footer nav a{
	display:block;
	margin-bottom:10px;
}
footer nav a:hover{
	text-decoration:none;
}
footer h4{
	margin-bottom:40px;
}
footer .block-content{
	background:url(../img/footer-bg.png) no-repeat center center;
	background-size:cover;
}
footer .color-part{
	position:absolute;
	top:0px;
	bottom:1px;
	left:0px;
	 
	width:50%;
	margin-left:-18%;
    -webkit-transform: skew(-20deg);
   	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
}
.logo-footer{
	display:block;
	background:url(../img/logo-footer.png) no-repeat;
	width:244px;
	height:42px;
}
footer p{
	font-size:16px;
	margin-top:30px;
	padding-right:60px;
	line-height:20px;
}
.footer-icons{
	padding:5px 0 15px;
}
.footer-icons a{
	display:inline-block;
	padding-right:5px;
}
.contact-info{
	margin-top:30px;
}
.contact-info span{
	display:block;
	margin-bottom:10px;
}
.contact-info strong{
	font-weight:700;
	font-size:14px;
}
.contact-info span:after{
	content:"";
	display:block;
	width:100%;
	clear:both;
}
.contact-info i{
	display:block;
	float:left;
	margin-right:10px;
	margin-top:4px;
}
.parallax{
	padding:100px 0;
}
.parallax h1{
	margin-bottom:50px;
}
.info-texts{
	position:relative;
	font-family:'Montserrat', sans-serif;
}
.info-texts p{
	position:relative;
	z-index:2;
	vertical-align:middle;
	display:table-cell;
	height:180px;
	z-index:4;
	text-align:center;
	color:#fff;
	line-height:24px;
}
.info-texts div > div > div{
	position:relative;
}
.info-texts div > div > div:before{
	content:"";
	display:block;
	position:absolute;
 	border-bottom: 180px solid;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
	z-index:3;
	left:-65px;
	right:-65px;
	top:-15px;
}
.info-texts div > div > div:after{
	content:"";
	display:block;
	position:absolute;
	bottom:0px;
	height:15px;
	left:-60px;
	right:-60px;
	background:#fff;
	z-index:2;
}
.info-texts div > div > div:first-child:before, .info-texts div > div > div:last-child:before{
	border-top: 180px solid;
	border-bottom:none;
	z-index:5;
	top:0px;
}
.info-texts div > div > div:first-child:after, .info-texts div > div > div:last-child:after{
	display:none;
}
.info-texts div > div > div:first-child:before{
	right:-15px;
	left:0px;
}
.info-texts div > div > div:last-child:before{
	left:-15px;
	right:0px;
}
.info-texts div > div > div:first-child p, .info-texts div > div > div:last-child p{
	margin-top:15px;
	z-index:6;
}
.info-texts div > div > div:first-child p{
	text-align:right;
	padding-right:40px;
}
.info-texts div > div > div:last-child p{
	text-align:left;
	padding-left:40px;
}
.info-texts:before, .info-texts:after{
	content:"";
	display:block;
	position:absolute;
	width:50%;
	top:0px;
	height:180px;
	z-index:1;
}
.info-texts:before{
	left:0;
}
.info-texts:after{
	left:50%;
}
.main-content img + *{
	margin-top:30px;
}

 
.we-onmap{
	width:100%;
	border:none;
	height:450px;
}
.adress-details > div{
	font-size:13px;
	display:table;
	margin-top:-1px;
}
.adress-details > div:first-child{
	margin-bottom:25px;
	margin-top:0;
}
.adress-details > div:after{
	content:"";
	display:block;
	clear:both;
}
.adress-details > div > span{
	display:table-cell;
	border:1px solid #eee;
	position:relative;
	text-align:center;
	width:40px;
	height:35px;
	vertical-align:middle;
}
.adress-details > div > span:after{
	content:"";
	display:block;
	position:absolute;
	right:-3px;
	top:-1px;
	bottom:-1px;
	width:5px;
}
.adress-details > div > div{
	display:table-cell;
	padding-left:25px;
	vertical-align:middle;
}
.testimonial-content span, .bg-image h1, .why-us li span, .stats > div > div:hover, .slider-content a.prev, .slider-content a.next, .big-hr, .big-hr h2, .contact-info strong, .footer-icons a:hover, .contact-info i, footer h4, footer nav a:hover, .topmenu a, .btn.btn-sm.btn-default:hover, .btn.btn-sm.btn-success:hover, .btn.btn-success, .btn-success:hover, .btn.btn-danger, .btn.btn-danger:hover, .main-menu a, .slider-content, .slider-content h1, #to-top, .blog-section h3, .one-news > div > div small, .two-news > div div:last-child small, .blog-section div div a, .blog-section div div a:hover, #fleet-gallery .owl-buttons div, .page-title, .page-title a, .page-title a:hover, .team > div > div span, .comments > div > a.reply:hover, nav.pagination a:hover, nav.pagination a.active, .tags a:hover, ul.blog-cats > li:hover > a{color:#fff;}
 



body, .column-info > div > span, .bg-image .one-news > div > div, .bg-image .two-news > div div:last-child > div, .main-menu a:after, #to-top:hover, .btn.btn-sm.btn-success, .darken-block .testimonial-content, #testimonials .owl-buttons div, ul.blog-cats li:hover:before{
	background-color:#ffffff;
}
  
footer .copy, footer:before{
	background:#000;
}
footer{
	border-bottom-color:#000;
}

body, .our-services div > a, .our-services div > a:hover .btn-default, .header-padding span, .bg-image .one-news > div > div small,  .bg-image .two-news > div div:last-child small, .btn.btn-sm.btn-success, .btn.btn-sm.btn-default{
	color:#333;
}

.our-services div > a, .stats > div > div{
	border-color:#eee;
	min-height: 114px;
}
.header-padding div{
	border-left-color:#eee;
}
.why-us, .testimonial-content:after{
	border-top-color:#eee;
}
footer p{
	color:#eee;
}
.testimonial-content, .our-services div > a:after{
	background:#eee;
}

.our-services.styled div > a:hover, #partners a, .darken-block{
	background:#f5f5f5;
}
footer, footer a, footer .copy{
	color:#ccc;
}
.one-news > div > div small.news-author, .two-news > div div:last-child small.news-author, #partners a{
	border-right-color:#ccc;
}
.service-item > h4{
	margin-top: 15px;
}