``  !.clr::after{
	content: "";
	clear: both;
	display: table;
	overflow: hidden;
}
/*===========================

=============================*/
.navbar-brand{
	display: block;
	width:17%;
}
.navbar-brand img{
	width: 100%;
	display: block;
}
.footer-logo{
	margin-bottom: 20px;
}
.footer-logo a{
	width: 70%;
	display: block;
}
.footer-logo a img{
	display: block;
	width: 100%;
}
/*===========================

=============================*/
.w-100{
	height: 90vh!important;
}
.colors{
	color: #BD2A2A;
}


#header-carousel{
}
/*===========================

=============================*/
#home-section1{
	padding: 50px 0px;
	background-color: #eee;
}
#home-section1 p{
	font-size: 1.3rem;
	color: #333;
}
/*===========================

=============================*/
#home-section2{
	padding: 50px 0px;
	background-color: #fff;
}
#home-section2 img{
	display: block;
	width: 100%;
	border-radius: 10px;
}
#home-section2 h4{
	margin-top: 20px;
	color: #BD2A2A;
}
#home-section2 p{
	color: #333;
}
/*===========================

=============================*/
#home-section3{
	padding: 50px 0px;
	text-align: center;
	background-color: #111;
}
#home-section3 .wrap{
	padding: 40px;
	border-radius: 10px;
	background-color: #000;
}
#home-section3 img{
	display: block;
	width: 35%;
	margin: auto;
}
#home-section3 h4{
	color: #fff;
	margin-top: 15px;
}
#home-section3 small{
	display: block;
	font-weight: 600;
}
#home-section3 small a{
	color: #bbb;
	display: inline-block;
	margin: 1px 2px;
}
#home-section3 small a:hover{
	color: #BD2A2A;
}
/*===========================

=============================*/
#home-section4{
	padding: 50px 0px;
}
#home-section4 h2{
	font-size: 2.3rem;
	text-transform: capitalize;
}
#home-section4 p{
	font-size: 1.5rem;
	color: #333;
	line-height: 1.2;
}
#home-section4 .row span{
	display: block;
	border-radius: 10px;
}
#home-section4 a{
	display: block;
	width: 100%;
	font-size: 2rem;
	padding: 70px 0px;
	text-align: center;
	font-weight: 700px;
	color: #fff!important;
	border-radius: 10px;
	background: rgba(000,000,000,0.6);
}
#home-section4 .why-img1{
	background-size: cover;
	background-position: center;
	background-image: url(../images/excellence.webp);
}
#home-section4 .why-img2{
	background-size: cover;
	background-position: center;
	background-image: url(../images/logistics-security-services.jpg);
}
#home-section4 .why-img3{
	margin-top: 20px;
	border-radius: 10px;
	background-size: cover;
	background-position: center;
	background-image: url(../images/container-ship-in-ocean.jpg);
}

/*===========================

=============================*/
#about-section{
	padding: 50px 0px;
}
#about-section p{
	font-size: 1.1rem;
	color: #333;
}
#about-fixed{
	background-color: #111;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	background-image: url(../images/female-trucker-talking.jpg);
}
#about-fixed .wrap{
	padding: 50px 0px;
	background: rgba(000,000,000,0.7);
}
#about-fixed .wrap h4{
	margin: auto;
	width: 60%;
	font-size: 1.6rem;
	color: #fff;
}

#about-section2{
	padding: 50px 0px;
}
#about-section2 p{
	font-size: 1.1rem;
	color: #333;
}
#about-section2 h3{
	font-size: 2.2rem;
}

#about-section2 img{
	display: block;
	width: 100%;
	border-radius: 10px;
}
/*===========================

=============================*/
.reviews-section{}
.reviews-section .d-flex{
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
.reviews-section small{
	display: block;
	color: #888;
}
.reviews-section h5{
	margin: 0px;
	padding: 0px;
}
.reviews-section .wrap{
	padding: 20px;
	margin: 30px 0px;
	border-radius: 15px;
	border: 1px solid #ccc;
}
.reviews-section .wrap p{
	font-style: italic;
}
.reviews-section .wrap i{
	color: #ECAB22;
}
/*===========================

=============================*/
.about-bg{
	background-position: top center;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/portrait-professional-american-truck-driver.jpg) center center no-repeat;
    background-size: cover;
}
.compliance-bg{
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/full-shot-man-delivering-box.jpg) center center no-repeat;
    background-size: cover;
}
.expertise-bg{
	background-position: top center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/full-shot-delivery-people.jpg) center center no-repeat;
    background-size: cover;
}
.security-bg{
	background-position: top center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/security_guard_banner.jpg) center center no-repeat;
    background-size: cover;
}
.satisfaction-bg{
	background-position: center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/trailer-trucks-driving-road.jpg) center center no-repeat;
    background-size: cover;
}
.career-bg{
	background-position: top center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/Opportunities.webp) center center no-repeat;
    background-size: cover;
}
.network-bg{
	background-position: top center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/cityscape.jpg) center center no-repeat;
    background-size: cover;
}
.consultancy-bg{
	background-position: top center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/consultancy.jpg) center center no-repeat;
    background-size: cover;
}
.insurance-bg{
	background-position: top center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/insurance.jpg) center center no-repeat;
    background-size: cover;
}
.warehousing-bg{
	background-position: center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/robots-efficiently-sorting.jpg) center center no-repeat;
    background-size: cover;
}
.vehicle-bg{
	background-position: center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/shipping-vehicle.jpg) center center no-repeat;
    background-size: cover;
}
.office-bg{
	background-position: top center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/local-delivery-installation.jpg) center center no-repeat;
    background-size: cover;
}
.hospitality-bg{
	background-position: center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/hospitality.jpg) center center no-repeat;
    background-size: cover;
}
.charter-bg{
	background-position: center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/chatter.jpg) center center no-repeat;
    background-size: cover;
}
.door-bg{
	background-position: center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/african-delivery-man.jpg) center center no-repeat;
    background-size: cover;
}
.air-bg{
	background-position: top center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/img-d.jpg) center center no-repeat;
    background-size: cover;
}
.couriers-bg{
	background-position: top center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/container-ship-in-ocean.jpg) center center no-repeat;
    background-size: cover;
}
.road-bg{
	background-position: center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/portrait-professional-american-truck-driver.jpg) center center no-repeat;
    background-size: cover;
}
.less-than-container-load-bg,
.full-container-load-bg{
	background-position: top center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/carrier.jpg) center center no-repeat;
    background-size: cover;
}
.ocean-bg{
	background-position: top center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/container-ship-in-ocean.jpg) center center no-repeat;
    background-size: cover;
}
.contact-bg{
	background-position: top center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/container-ship-in-ocean.jpg) center center no-repeat;
    background-size: cover;
}
.contact-bg{
	background-position: top center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/container-ship-in-ocean.jpg) center center no-repeat;
    background-size: cover;
}
.contact-bg{
	background-position: top center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/container-ship-in-ocean.jpg) center center no-repeat;
    background-size: cover;
}
.contact-bg{
	background-position: top center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/support.jpg) center center no-repeat;
    background-size: cover;
}
.quote-bg{
	background-position: center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/chatter.jpg) center center no-repeat;
    background-size: cover;
}
.glove-bg{
	background-position: center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/glove.jpg) center center no-repeat;
    background-size: cover;
}
.terms-bg{
	background-position: center!important;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), 
    url(../images/cityscape.jpg) center center no-repeat;
    background-size: cover;
}
/*===========================

=============================*/
#expertise-section{
	padding: 50px 0px;
	background-color: #eee;
}
#expertise-section p{
	font-size: 1.1rem;
	color: #333;
}
#expertise-section img{
	width: 100%;
	height: 210px;
}
#expertise-section h4{
	margin-top: 15px;
}

/*===========================

=============================*/
.branches{
	padding: 50px 0px;
	background-color: #eee;
}
.branches article{}
.branches article h2{
	font-size: 1.5rem;
	margin-bottom: 20px;
	padding-bottom: 10px;
	text-transform: capitalize;
	border-bottom: 1px dotted #666;
}
.branches article a{
	color: inherit;
}

.noborder{
	border: 0px!important;
}
.why{}
.why li{
	font-size: 1.1rem;
	color: #333;
	margin: 5px 0px;
}
/*===========================

=============================*/
#services-time{
	padding: 50px 0px;
	background-color: #111;
}
#services-time .wrap{
	padding: 30px;
	border-radius: 10px;
	background-color: #000;
}
#services-time h4{
	color: #fff;
	font-size: 1.3rem;
}
#services-time p{
	font-size: 0.95rem;
	color: #999;
}

#services-links{
	padding: 50px 0px;
	text-align: center;
}
/*===========================

=============================*/
#contact-section{
	padding: 50px 0px;
}
#contact-section a{
	display: block;
	padding: 30px;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	background-color: #111;
}
#contact-section a:hover,
#contact-section a.active{
	background-color: #BD2A2A;
}
#contact-section a i{
	color: #fff!important;
	font-size: 2rem;
}
#contact-section a span{
	display: block;
	font-size: 1.4rem;
}

#contact-faqs{
	padding-bottom: 50px;
}
#contact-faqs .wrap{
	padding: 30px;
	background-color: #111;
	border-radius: 10px;
}
#contact-faqs .tab {
	overflow: hidden;
	padding: 30px;
	background-color: #000;
	border-radius: 10px;
}
#contact-faqs .tab span{
	display: block;
	font-size: 1.1rem;
	padding: 10px;
	cursor: pointer;
}
#contact-faqs .tab span:hover,
#contact-faqs .tab span.active{
	color: #BD2A2A;
	font-weight: 600;
}
#contact-faqs .faqs-content .tabcontent { 
	display: none;
	padding: 30px;
	background-color: #000;
	border-radius: 10px;
}
#contact-faqs .faqs-content .tabcontent p,
#contact-faqs .faqs-content .tabcontent ul li{
	font-size: 1.1rem;
	color: #fff;
}
#contact-faqs h3{
	color: #fff;
}
/*===========================

=============================*/
#contact-faqs form{}
#contact-faqs form label{
	display: block;
	margin-top: 15px;
}
#contact-faqs form button{
	display: block;
	margin-top: 15px;
}
#contact-faqs  .contact-de{}
#contact-faqs  .contact-de p{
	font-size: 1.1rem;
	margin-top: 20px;
}
#contact-faqs  .contact-de h5{
	color: #fff!important;
	margin: 15px 0px;
	font-size: 1.2rem;
}




/*=============================

==============================*/
.track-section{
	padding: 50px 0px;
}
.track-section .wrap{
	width: 60%;
	margin: auto;
	padding: 50px;
	border-radius: 5px;
	padding-top: 30px;
	background-color: #111;
}
.track-section h4{
	color: #fff;
	overflow: hidden;
}
.track-section form{
	margin: 0px;
	padding: 0px;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 20px;
	background-color: #fff;
}
.track-section form input{
	color: #333;
	font-size: 1.1rem;
	border: none!important;
	text-transform: uppercase;
}
.track-section form input:focus{
	border: none!important;
	box-shadow: none!important;
}
.track-section form input::placeholder{
	color: #bbb!important;
}
.track-section form button{
	border: none;
	font-size: 1.2rem;
	background: #BD2A2A;
	width: 100%;
	display: block;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
}
.ship-icon{
	width: 60%;
	font-size: 3rem;
	display: inline-block;
}

#shipment-content{
	padding: 40px 0px;
}
#shipment-content .wrap{
	width: 75%;
	margin: auto;
}
#shipment-content .wrap h4{
	font-size: 1.1rem;
	color: #fff;
	padding: 10px 15px;
	margin: 0px;
	font-weight: 400;
	margin-top: 20px;
	background-color: #B00000;
	border-left: 10px solid #343A40;
}
#shipment-content .wrap h5{
	font-weight: 300;
	color: #B00000;
}
#shipment-content .wrap small{
	display: block;
	letter-spacing: 3px;
}
#shipment-content .qrcode{
	float: right;
}
#shipment-content .qrcode i{
	font-size: 6rem;
	color: #111;
}
#shipment-content .qrcode .code{
	position: relative;
	top: 58px;
	left: 35px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #B00000;
	display: block;
	border: 5px solid #fff;
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
/*===========================

=============================*/
.footer-section{
	background: #111;
}

.partner{
	margin-top: 25px;
}
.partner img{
	display: block;
	width: 100%;
	border-radius: 5px;
}
.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}
/*===========================

=============================*/
#quote-secton{
    color: #fff;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	background-color: #111;
	background: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7));
}
#quote-secton .wrap{
	width: 80%;
	margin: auto;
	padding-top: 30px;
	padding-bottom: 0px;
	position: relative;
	color: #fff;
}
#quote-secton .wrap h2{
	text-align: center;
	color: #fff;
}
#quote-secton .wrap h5{
	margin-top: 15px;
	color: #fff;
}
#quote-secton .wrap p{
	width: 80%;
	margin: auto;
	text-align: center;
	font-size: .90rem;
	color: #fff;
}
#quote-secton .wrap form{}
#quote-secton .wrap form label{
	font-size: .90rem;
	color: #fff;
	font-weight: 600;
}

#quote-secton .wrap form button{
	margin-top: 15px;
}
#quote-secton .wrap form .form-group{
	margin-top: 15px;
}

/*===========================

=============================*/
#message-box{
	z-index: 99;
	position: fixed;
	width: 100%;
	bottom: 0px;
	margin: 0px;
	padding: 20px;
	text-align: center;
	border-radius: 0px;
	border: 0px;
}
#message-box.alert-primary{
	background-color: #000;
}
#message-box span{
	width: 10%;
	margin: auto;
	display: block;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	font-size: 0.90rem;
	margin-top: 10px;
	padding: 5px 30px;
	border: 1px solid #fff;

}
#message-box p{
	font-size: 0.90rem;
	color: #eee;
	width: 98%;
	margin: auto;
}
/*===========================

=============================*/
@media all and (max-width : 768px){
#message-box span{
	width: 40%;
	margin: auto;
	display: block;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	font-size: 0.90rem;
	margin-top: 10px;
	padding: 5px 30px;
	border: 1px solid #fff;

}


/*===========================

=============================*/
#home-section1,
#home-section2,
#home-section3,
#home-section4,
#about-section,
#about-section2,
#expertise-section,
#about-section2,
#expertise-section,
.branches,
#services-time,
#services-links,
#contact-section{
	padding: 30px 0px;
}

#home-section1 p{
	font-size: 1.1rem;
	margin: 0px;
}

/*===========================

=============================*/
#home-section3 .wrap,
#home-section4 .row span{
	margin: 10px 0px;
}

#about-fixed .wrap{
	padding: 20px;
}
#about-fixed .wrap h4{
	width: 100%;
}
#quote-secton{
	padding-bottom: 30px;
}

/*===========================

=============================*/
#quote-secton .wrap,
#quote-secton .wrap p{
	width: 100%;
}


header,
header .navbar-nav{
	background-color: #000!important;
}
/*===========================

=============================*/
.navbar-brand{
	display: block;
	width: 30%;
}



/*===========================

=============================*/
#contact-faqs .tab{
	margin-bottom: 20px;
}
#contact-section a,
#services-time .wrap{
	margin: 10px 0px;
}

/*===========================

=============================*/














}