/* Common css */
body{font-family: 'Raleway', sans-serif; font-size:17px; line-height:1.7; color:#333}
a{ color:#db4437;}
a:hover{ color:#000;}
a:focus{ outline:none}

ul.style{margin:0 0 10px 0; padding-left:15px}
.style .style{margin-top: 10px;}
ul.style li{list-style:disc; margin:0 0 15px 0px; font-size:16px; line-height:18px; text-align:left;}
ol.style li{list-style:decimal; margin:0 0 10px 30px; font-size:16px; line-height:18px; text-align:left;}
ol.style li ul li{list-style:disc; margin:0 0 5px 30px;}

.heading, .sub-heading{ font-size:36px; line-height:40px; font-weight:bold; margin-bottom:5px; text-align:center}
.sub-heading{ font-size:28px; line-height:32px;}

.heading .heading{ margin-bottom:5px;}
.heading .sub-heading{ margin-bottom:0}

.left{float:left;} .right{float:right;}

img.right {margin: 5px 0 20px 20px; max-width:40%;}
img.left {margin: 5px 20px 5px 0; max-width:40%;}

img{ max-width:100%}
.container{ max-width:1170px;}
/* End Common css */
/* Start Start Header */
header{ text-align:center; background:#fefce5; padding:0px 0px 10px}
.topbar{ background:#db4437; color:#fff; padding:5px 15px; margin-bottom:15px;}
.header-contact .sub-heading{ font-size:18px; line-height:22px; margin-bottom:10px;}
.header-contact span::before{ content:" - "; font-weight:bold}
/* End Start Header */

/* Start Menu css */
.navbar-dark{ padding:0; 
background: #037dbb; /* Old browsers */
background: -moz-linear-gradient(top,  #0091da 0%, #037dbb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0091da 0%,#037dbb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0091da 0%,#037dbb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091da', endColorstr='#037dbb',GradientType=0 ); /* IE6-9 */}
.navbar-dark .navbar-toggler{ border:none; color:#fff; }
.navbar-dark .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.99)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-dark .navbar-toggler:focus{outline:0;}
.navbar-dark .navbar-toggler .open-menu{ font-size:15px;}
.navbar-dark .navbar-brand{ display:none}
.navbar-dark .navbar-nav .nav-item .nav-link{ font-size:20px; line-height:24px; color:#f1f1f1; padding:15px 28px}
.navbar-dark .navbar-nav .nav-item .nav-link:hover, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link.current{ color:#242565;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c6c6c6+0,e6e6e6+100 */
background: #c6c6c6; /* Old browsers */
background: -moz-linear-gradient(top,  #c6c6c6 0%, #e6e6e6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c6c6c6 0%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c6c6c6 0%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c6c6', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}
.dropdown-item{ font-size:15px;}
.dropdown-item:current, .dropdown-item:hover{ color:#000; background:none!important;}
.dropdown-item.current{ background:#0a286c!important; color:#fff!important;}
/* End Menu css */

/* Start Banner */
#Banner img{ width:100%}

#Banner .contact-form{ background:rgba(0,0,0,.7);}
#Banner .carousel-caption{ left:10%; right:10%; top:10px!important;}
/* Start Banner */

.contact-form{padding:15px}
.contact-form .sub-heading{ color:#fff; font-size:22px; line-height:26px; margin-bottom:-10px}

.lhs .contact-form, .rhs .contact-form{ background:#333}

/* Start mian service */
.main-service{ margin:60px 0 30px}
.main-service a{ text-decoration:none; text-align:center; display:block;}
.main-service a img{display:table; margin:0px auto 10px}
.main-service a .sub-heading{color:#0091da; font-size:16px; line-height:18px;}
.main-service a:hover .sub-heading{ color:#f58220}
/* End mian service */

/* Start Main Container */
.main-container{ padding:60px 0 40px; background: url(../img/shadow-top.png) top center no-repeat}
.main-container p{ margin-bottom:50px;}

.img-two{ text-align:center; margin-top:20px; margin-bottom:20px}
.img-two img{ display:table; margin:0px auto}
/* End Main Container */

.testi{border: 1px solid #ccc; border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid;border-bottom-width: 1px;box-shadow: 0 0 3px #ccc; padding: 15px;border-bottom: 3px solid #ccc; margin: 15px 0;}
.testi p{ margin-bottom:20px;}
.review-social{ background:url(../img/5star.png) top right no-repeat; font-size:14px; line-height:15px; font-weight: bold; text-align:right; padding-top:24px; margin-bottom:0!important}
.review-social span{line-height:20px; display:block;}
.review-social img{display:inline; }
.review-social span strong{ font-weight:normal; color:#444; border:none; font-size:14px; border-bottom:none; margin-bottom:5px;}


#HomeReviews{ background:#248bbe url(../img/abj-logistic-reviews.jpg) center no-repeat; background-size:cover; padding:80px 0px 50px; margin-bottom:60px; color:#fff}
.reviews{ min-height:120px}
.reviews .review-social{ background:url(../img/5star.png) top center no-repeat!important; text-align:center; padding-top:25px; margin-bottom:10px!important}
.reviews a{ font-weight:bold; color:#fff;}

.about-section{ margin-bottom:60px;}
.contact-page p{ margin-bottom:30px; font-size:20px; line-height:24px}

/* Start Services Area */
.services-area{color:#fff; background:#db4437}
.map{ max-width:100%!important; width:100%; border:1px solid #ddd; height:100%}
.services-area .sub-heading{ color:#fff; padding:20px 0px 10px 0px; border-bottom:1px solid #ddd; display: inline-block}
ul.city{ list-style:none; margin:0; padding:0}
ul.city li{ margin-bottom:8px; line-height:18px}
ul.city li a,ul.city li span{ background:url(../img/arrow-right.png) left center no-repeat; padding-left:15px; font-size:14px; line-height:18px; color:#fff; text-decoration:none; transition:all .3s ease-out}
ul.city li a:hover,ul.city li span:hover{ color:#000}
.map-menu{ background:; padding-bottom:15px}
.maps img{ display:none}
/* Start Services Area */

.social{ text-align:center; margin:5px 0}
.social img{ max-height:32px}
.whatapp{ width:50px; position:fixed; z-index:1000; left:10px; bottom:60px}
.whatapp img{ max-width:100%}

/*--Gallery--*/
.gallery-page .sub-heading{ background:#d02d1e; color:#fff; text-align:center; margin-bottom:15px; padding:10px;}
.gallery-page{ margin-bottom:20px;}
ul.image-gallery li{ position:relative;}
ul.image-gallery li img{ width:100%; position:relative; z-index:400}
ul.image-gallery li .comment{ display:block; padding:8px 10px; margin-bottom:0; color:#fff; background: rgba(0,0,0,.7); position:absolute; bottom:0px; left:0; right:0; z-index:500; font-size: 14px; line-height: 18px;}
ul.image-gallery li .comment strong{ display:block; margin-bottom:3px;}
ul.image-gallery li .comment a{ text-decoration:underline; color:#fff;}
ul.image-gallery li .comment a:hover{ text-decoration:none}

.lSPager{width: auto!important; transform: translate3d(0px, 0px, 0px)!important;}
.lSPager li{width:18%!important; margin: 1%!important;background: #000;}
.lSPager li a{ opacity: .5;}
.lSPager li:hover a{opacity: .7;}
.lSPager li.active a{opacity: 1;}
/*--Gallery--*/

/* footer css */
.footer{color:#333; padding:10px 0px 10px 0px; font-size:14px}
.footer p img{ vertical-align: inherit; max-width:100%}
.fmenu a{ display:inline-table; padding:3px 3px; font-size:14px; color:#444; text-decoration:none}
.coytight{ font-size:14px; text-align:right;}.coytight a{ color:#444}
/* footer css */

@media (max-width: 1199.98px) {
#Banner{ min-height:450px; background:#333}
}

@media (max-width: 991.98px) {
.heading, .sub-heading{ font-size:22px; line-height:26px;}
.sub-heading{ font-size:18px; line-height:22px;}
.heading br, .sub-heading br{ display:none}

.navbar-dark .navbar-nav .nav-item .nav-link{ font-size:16px; line-height:20px; padding:15px 20px}

.contact-form .sub-heading{font-size:18px; line-height:22px;}

}

@media (max-width: 767.98px) {

.left,.right{float: none;}

img.right, img.left {max-width:100%; margin:0 0 20px}

/* Start Start Header */
header{ padding-bottom:10px}
.logo{ margin-bottom:15px!important;}
.header-contact .sub-heading{ font-size:18px; line-height:22px; margin-bottom:10px;}
.header-contact a{ display:block; margin-bottom:10px;}
.header-contact span:before{ display:none}
/* End Start Header */

/* Start Menu css */
.navbar-dark{ padding:5px 0px}
.navbar-dark .navbar-brand{ display:block;}
.navbar-dark .navbar-nav .nav-link{ border-bottom:1px solid #0476af;}
.navbar-dark .navbar-nav .nav-item .nav-link{ padding:10px 20px;}
.navbar-dark .navbar-nav .nav-item:last-child .nav-link{ border-bottom:none;}
.navbar-dark .navbar-nav .nav-link{ padding:10px 15px;}
/* End Menu css */

/* Start Banner */
#Banner{ overflow:hidden; background:none}
#Banner .carousel-caption{ position:relative; left:0; right:0; top:0!important; padding:0}
/* Start Banner */

.main-container{ padding:30px 0 0px}
.img-two{ margin-top:0; margin-bottom:0}

#HomeReviews{ padding:30px 0; margin-bottom:30px}
.about-section{ margin-bottom:30px}

/* Start footer css */
footer, .coytight{ text-align:center}
.coytight{ border-top:1px solid #ddd; margin-top:10px; padding-top:10px;}
/* End footer css */
}

@media (max-width: 575.98px) {
}