/* Common css */
body{font-family: 'Lato', sans-serif; font-size:16px; line-height:20px; color:#333}
a{ color:#222;}
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-family: 'Josefin Sans', sans-serif; font-size:36px; line-height:40px; font-weight:bold; margin-bottom:20px; 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 Header */
header{ background:#fff; padding: 20px 0px; transition:all .3s ease-in-out}
.logo a{ display:block; min-height:80px;}
.header-contact a{ display: inline-block; margin-bottom:10px; font-size:26px; font-weight:bold; text-decoration:none}
.header-contact .sub-heading{ font-size:22px; line-height:26px; margin-bottom:5px;}
.header-contact strong{ display:block; margin-top:5px}
/* Start Header */

/* Start Menu css */
.navbar-dark{ padding:0; background: #f45d01!important;}
.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:17px; color:#fff; line-height:20px; padding:20px 40px; text-transform:uppercase}
.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:#000; background:#fedd00}
.dropdown-item{ font-size:14px; line-height:20px; padding-left:10px; padding-right:10px}
.dropdown-item br{ display: none}
.dropdown-item:current, .dropdown-item:hover{ color:#000; background:none!important}
.dropdown-item.current{ background:#81bc5d!important; color:#fff!important;}
/* End Menu css */

header.sticky{ padding:10px 0; position:fixed; width:100%; left:0; top:0; z-index:1000; border-bottom:1px solid #333}

/* banner */
.slide .carousel-inner img{ width:100%}
.slide .carousel-caption{ background: rgba(254,221,0,.8); padding:20px 20px 10px!important}
.slide .carousel-caption .heading{ margin-bottom:10px; font-size:22px; line-height:26px; color:#000}
/* banner */

.btn, .btn:focus, .form-control, .form-control:focus{ box-shadow:none; border-radius:0;}
.btn-success{ background:#000; color:#fff; border:#000}
/* Start mian service */
.main-service{ margin:60px 0 0}
.main-service a{ text-decoration:none; text-align:center; display:block;}
.main-service a img{ width:180px; height:180px; border-radius:50%; border:8px solid #dddfe1; display:table; margin:0px auto 15px}
.main-service a .sub-heading{color:#f45d01; font-size:20px; line-height:24px;}
.main-service a:hover .sub-heading{ color:#000}
/* End mian service */


/* Start Main Container */
.main-container{ padding:60px 0 40px}
.img-two{ margin:40px 0 20px}
.img-two img{ width:100%}
/* Start Main Container */
.about-section{ margin-bottom:60px}
/* Start Our Process */
.whatweare{ padding:60px 0px; background:#fedd00; margin-bottom:60px}
.process{ position:relative; text-align:center}
.process:after{content: ""; position: absolute; width: 100%; height: 50%; top: 35px; right: -75px; background-image: url(../img/step-01.png); background-position: right 0;background-repeat: no-repeat; z-index:1}
.process:last-child:after{ display:none}
.process span{ display:table; width:100px; height:100px; line-height:95px; background:#d71515; border-radius:50%; margin:0px auto 10px; transition:all .3s ease-in-out}
.process:hover span{ background:#1f1f1f}
.process:hover strong{position:relative; z-index:2;}
/* End Our Process */

.inner-banner img{ width:100%; margin-bottom:20px}
.inner-banner > div.heading{ border-bottom:1px solid #ccc; margin-bottom:15px;}
.inner-banner > div.heading .heading{text-align:center; font-size:20px; margin-bottom:10px; line-height:24px; font-weight:bold}
.inner-banner > div.heading .sub-heading{ font-size:16px; line-height:20px; text-align:center}
.inner-banner .chk-list{margin:0 0 15px; padding:0;}
.inner-banner .chk-list li{list-style:none; background:url(../img/checks.gif) top left no-repeat; font-size:16px; line-height:20px; font-weight:600; color:#000; padding:2px 0 2px 20px; margin-bottom:10px}

.why-choose{ margin-bottom:20px}

/* Start Services Area */
.services-area{color:#000; background:#fedd00; padding:20px 0}
.map{ max-width:100%!important; width:100%; border:1px solid #ddd; height:100%}
.services-area .row .col-md-7{ padding-left:0; padding-right:0px}
.services-area .sub-heading{ color:#000; padding:20px 0px 10px 0px; border-bottom:1px solid #000; 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:#000; text-decoration:none; transition:all .3s ease-out}
ul.city li a:hover,ul.city li span:hover{ color:#000}
.map-menu{padding-bottom:15px}
/* Start Services Area */

#HomeReviews{ background:#ddd url(../img/om-packersand-logistics-reviews.jpg) top center no-repeat; background-size:cover; padding:80px 0px 50px; margin-bottom:60px; color:#fff; position:relative}
#HomeReviews:before{ position:absolute; content:""; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.8); z-index:1}
#HomeReviews > div{ position:relative; z-index:2}
.reviews{ min-height:120px}
.reviews-social{ background:url(../img/5star.png) top center no-repeat; padding-top:25px;}


.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;}
.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;}
.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;}

.rhs .contact-form{ background:#000; padding:15px;}
.rhs .contact-form .sub-heading{ color:#fff; margin-bottom:-25px;}

/* modad contact */
.modal .modal-header{ border:none; padding-bottom:0}
.modal .modal-header .close{ padding-top:0; font-size:42px; margin-top:-21px; padding-bottom:16px}
.modal .modal-header .close:focus{ outline:none}
.modal .modal-body{ padding-top:0; margin-top:-5px;}
.modal .modal-body a{ color:#333}
.modal .modal-body .sub-heading{text-align:center; color:#e5406b;}
.modal .contact-form{ background:none}
.modal .contact-form p{ margin-bottom:0; color:#000}
/* modad contact */
.float-btn{ position:fixed; bottom:15%; right:0; z-index:1000}

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

/* 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) {
}

@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}

/* Start Header */
.logo{ margin-top:10px; margin-bottom:10px; min-height:88px;}
.header-contact .sub-heading{ font-size:18px; line-height:22px;}
/* Start Header */

/* Start Menu css */
.navbar-dark{ margin-bottom:0}
.navbar-dark .navbar-nav .nav-item .nav-link{ padding:15px 28px; font-size:15px; line-height:18px;}
.navbar-dark .ml-auto{ margin: 0px auto!important}

.dropdown-item{ padding-left:10px; padding-right:10px}
/* End Menu css */

/* Start mian service */
.main-service{ padding:20px 0px}
.main-service a img{ width:120px; height:120px; border-radius:50%;}
/* End mian service */
.process:after{ background-size:42%; right:-40px}
}

@media (max-width: 767.98px) {
.heading{ font-size:20px; line-height:24px;}
.sub-heading{ font-size:18px; line-height:22px}
.heading .heading{font-size:24px; line-height:28px}
img.left , img.right {margin:0px auto 20px; max-width: 100%;}

.left, .right {float: none; display:table; margin:0px auto 20px}

/* Start Header */
.logo{ margin-top:10px;}
.header-contact{ margin-top:0}
.header-contact .sub-heading{ font-size:18px; line-height:22px;}
/* Start Header */

/* Start Menu css */
.top-menu{ margin-top:0}
.navbar-dark{ padding:5px 0px}
.navbar-dark .navbar-brand{ display:block;}
.navbar-dark .navbar-nav .nav-link{padding:10px 15px; border-bottom:1px solid #73a851;}
.navbar-dark .navbar-nav .nav-item .nav-link{ color:#fff; padding:10px 20px; text-align:left}
.navbar-dark .navbar-nav .nav-item:last-child .nav-link{ border-bottom:none;}

.dropdown-item{ font-size:15px; line-height:19px; padding:.25rem 1.5rem}
.dropdown-item br{ display: none}
/* End Menu css */

.sticky .logo{ min-height:70px}
.sticky .logo a{ min-height:50px}
.sticky .logo img{ max-height:50px;} 

/* banner */
.slide .carousel-caption{ position:relative; left:0; right:0; bottom:0}
/* banner */
.whatweare{ padding-bottom:20px}
.process{ margin-bottom:40px}
.process:after{ display:none}

/* 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) {
}
@media (max-width: 842.98px) {
/* banner */
.slide .carousel-caption{ position:relative; left:0; right:0; bottom:0}
/* banner */
}