/* Common css */
body{font-family: 'Raleway', sans-serif; font-size:16px; line-height:26px; color:#333; overflow-x:hidden;}
.car{scroll-margin-top: 400px;}
a{ color:#0650ca;}
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:20px; text-align:center}
.sub-heading{ font-size:28px; line-height:32px;}

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

div.heading.taging{ margin-bottom:40px;}
div.heading.taging .heading{ font-size:18px; margin-bottom:0; color:#dc3545}
div.heading.taging .sub-heading{ font-size:30px; color:#fff; margin-top:2px;}

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

.bdr{ border:none; width:50%; height:5px; background:#ddd; margin-bottom:30px; margin-top:40px}

img{ max-width:100%}
.container{ max-width:1170px;}
/* End Common css */
/* Start Header */
header{ padding:20px 0; border-bottom:2px solid #e31e27; background:#fff; transition:all .3s ease-in-out}
.logo a{ display:table; margin:0px auto}
.header-contact{ margin-top:25px;}
.header-contact a{ display: inline-block; margin-bottom:10px; font-size:26px; font-weight:bold; color:#333; font-family:Arial, Helvetica, sans-serif}
.header-contact span:before{ content:"|"; display:inline; padding-right:5px; font-size: 26px; color: #999;}
.header-contact a:hover{ text-decoration:none; color:#e31e27}
.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: #fff!important}
.navbar-toggler{ display:none; border:none; color:#fff; }
.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(208, 5, 5, 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{ color:#000; line-height:20px; padding:5px 10px; 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:#0650ca;}
.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:#e31e27!important; color:#fff!important;}
/* End Menu css */

.sticky-top.sticky{ padding:5px 0}

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

.contact-form{padding:15px 15px 0}
.contact-form .sub-heading{ color:#000; 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:#0650ca; font-size:16px; line-height:18px;}
.main-service a:hover .sub-heading{ color:#333}
/* 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;}

#domestice{ background:#ddd url(../img/domestic-packers-service.jpg) center no-repeat; background-size:cover; position:relative; margin-bottom:80px; padding:50px 0px}
#domestice:before{ content:""; background:rgba(0,0,0,.85); position:absolute; left:0; right:0; height:100%; top:0; z-index:1}
#domestice > div{ position:relative; z-index:2; color:#fff;}
.icon-service{ padding:10px; border:1px solid #fff; text-align:center; transition:all .3s ease-in-out}
.icon-service span{ display:block; font-weight:bold; margin-top:10px}
.icon-service:hover{ background:#e31e27}


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

.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:#214c92}
.services-area hr{ background:#fff}
.map{ max-width:100%!important; width:100%; border:1px solid #fff; height:100%}
.services-area .sub-heading{ color:#fff; padding:20px 0px 10px 0px; border-bottom:1px solid #fff; 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:#fff}
.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:30px}
.whatapp img{ max-width:100%}

.float-btn{ position:fixed; bottom:15%; right:0; z-index:1000}
/* 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) {
.navbar-dark .navbar-nav .nav-item .nav-link{ padding:5px 6px; font-size:14px; line-height:17px;}
.header-contact .sub-heading{ font-size:16px; line-height:22px}
.header-contact a, .header-contact span:before{ font-size:17px;}


#Banner{ min-height:360px;}

}

@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;}
.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:5px 10px;}

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

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

#Banner{ min-height:280px;}
.slide .carousel-caption{ left:10%!important; right:10%!important}
.slide .carousel-caption .heading{ font-size:18px; line-height:22px}
.slide .carousel-caption .sub-heading{ margin-bottom:10px; font-size:20px; line-height:24px}

}

@media (max-width: 767.98px) {

.left,.right{float: none;}

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

/* Start Header */
.logo{ margin-bottom:5px!important;}
.logo a{ display:table; float:left; max-width:65%;}
.logo a img{ max-height:80px}
.header-contact{ min-height:50px}
.header-contact .sub-heading{ font-size:18px; line-height:22px;}
/* Start Header */

/* Start Menu css */
.navbar-toggler{ display:table; float:right; margin-top:3%}
.navbar-dark{ background:#035782!important; margin:0px -15px 0px -15px;}
.navbar-dark .navbar-brand{ display:block;}
.navbar-dark .navbar-nav .nav-link{padding:10px 15px; border-bottom:1px solid #0570a7;}
.navbar-dark .navbar-nav .nav-item .nav-link{ color:#fff; padding:10px 20px; text-align:left}
.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:#fff;}
.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 */

/* banner */
.slide .carousel-caption{ position:relative; left:0%!important; right:0%!important; bottom:0; padding-bottom:20px!important}

/* banner */

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

.about-section{ margin-bottom:30px}

.icon-service{ margin-bottom:20px}

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