/* Common css */
body{font-family: 'Open Sans', sans-serif; font-size:15px; font-weight: normal; line-height:1.5; color:#777; overflow-x:hidden}
html{scroll-padding-top: 200px;}
iframe{border: none;}
a{ color:#00589e; text-decoration:none}
a:hover{ color:#000;}
a:focus{ outline:none}
.heading, .sub-heading{ font-family: 'Oswald', sans-serif; font-size:36px; line-height:1.3; color:#212122; margin-top:0px; margin-bottom:20px; font-weight: bold; text-align:center;}
.sub-heading{ font-size:26px;}
.heading span, .sub-heading span{ display:inline-block}

div.heading{ margin-bottom:15px}
div.heading .heading, div.heading .sub-heading{  margin-bottom:10px;}
div.heading .sub-heading{ color:#333; margin-bottom:0; font-size:26px;}
div.heading span{ font-size:18px; color:#c90a0a}

.mb{ margin-bottom:30px;}
ul{ list-style:none; padding:0}
.style{margin:0;}
ul.style li{list-style:disc; margin:0 0 10px 20px; line-height:1.5}
ul.style ul{ margin-top:10px}
ul.style li a{ text-decoration:underline;}
ul.style li a:hover{ text-decoration:none}
.style .style li{list-style:circle;}
ol.style li{list-style:decimal; margin:0 0 10px 0px;}
ol.style li ul li{list-style:disc; margin:0 0 5px 30px;}
.style li.heading{list-style:none; font-size:16px; font-weight:bold; border-bottom:none; margin:0 0 5px 0; padding:0;}

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

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

.red-btn, .red-btn-reverse, .yellow-btn{ background:#b61f1f; color:#fff;  padding:10px 25px; font-size:16px; display:inline-block; margin:30px 0; text-align:center; text-transform:uppercase; transition:all .3s ease-in-out}
.red-btn-reverse{ background:#d33232;}
.red-btn:hover, .red-btn-reverse:hover, .yellow-btn:hover{ background:#000; color:#fff;}
.red-btn-reverse:hover{ background:#b61f1f;}

.yellow-btn{ background:#00589e; color:#fff}
.yellow-btn:hover{ background:#0468b7;}
.btn-center{ display:table; margin:0px auto}

.bdr-btm-red{position: relative; padding-bottom: 20px; margin-bottom: 35px;}
.bdr-btm-red:before{content: ''; position: absolute; background: url(../img/black-bdr.png) bottom center no-repeat; height: 10px; width: 100%; bottom: 0; left: 0; right: 0;}

.form-control,.btn, .form-select{ border-radius:0px; font-size:16px;}
.form-control:focus, .btn:focus,.form-select:focus, .accordion-button:focus{ box-shadow:none!important;}
.btn-block{ width:100%}

.container{ max-width:1170px;}
/* Common css */
header{ padding:20px 0}
.logo img{ max-height:90px}
.header-contact .sub-heading{ font-size: 18px; color:#111111; line-height: 1.2; font-weight: normal; margin-bottom:0px; text-align:left }
.header-contact strong{ color:#111}
.h-phone{ background:url(../img/icon-phone.jpg) top left no-repeat; padding-left:35px}
.h-home{background:url(../img/icon-home.jpg) top left no-repeat; padding-left:40px}
.h-help{background:url(../img/icon-help.jpg) top left no-repeat; padding-left:40px}


/* Start Menu css */
.top-nav{ padding:0px; text-align:right}
.navbar-dark{background: #232331; z-index:500; padding-top:0; padding-bottom:0}
.navbar-dark .navbar-toggler{ border:none; color:#fff; }
.navbar-toggler{ float:right}
.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(0, 0, 0, 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{box-shadow: none}
.navbar-dark .navbar-toggler .open-menu{ font-size:18px;}
.navbar-dark .navbar-brand{ display:none}
.navbar-dark .navbar-nav .nav-item .nav-link{font-family: 'Oswald', sans-serif; text-align:center; color:#fff; padding:25px 55px; text-transform:uppercase; clip-path: polygon(0 0, 89% 0, 100% 100%, 9% 100%);}
.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{ background:#3c3c4b; color:#fff; }

/*.dropdown-toggle::after { display: none}*/
.dropdown-menu{ min-width:12rem}
.dropdown-menu .nav-item.dropdown .nav-link{text-transform:none; color:#111}
.dropdown-item{font-family: 'Oswald', sans-serif; line-height:18px; padding:10px 1rem; font-size:14px; }
.dropdown-item:hover, .dropdown-item:focus, .dropdown-menu .nav-item.dropdown .nav-link:hover{ background:#2c4284!important; color:#fff;}
.dropdown-item.current{ background:#051ca2!important; color:#fff!important;}
/* End Menu css */

.banner img{ width:100%;}
.inner-banner{ background:url(../img/about-bg.jpg) center no-repeat; padding:80px 0; position:relative}
.inner-banner:before{ content:""; position:absolute; top: 0; height: 100%; left:0; right:0; background:rgba(255,255,255,.8); z-index:1}
.inner-banner > div{ position:relative; z-index:2}
.inner-banner .heading{ text-align:left; font-size:50px; margin-bottom:0}

.main-container{ padding:80px 0px;}

.inner-container{padding:80px 0px;}
.inner-container p{ line-height:1.7}
.inner-container .heading{ font-size:26px; text-align:left}
.inner-container .heading.bordered{ position:relative; padding-left:0}
.inner-container .heading.bordered:before{ content: "\\\\\\\\"; font-size: 33px; letter-spacing: -5px; margin-right: 15px; display: inline-block; vertical-align: top; margin-top: 0px; line-height: 1; font-weight: bold; font-family: "Times New Roman", "Bitstream Charter", Times, serif;}
.inner-container .heading.bordered:after{ content:""}

.progress{ height:2rem!important; text-align:left!important; font-size:16px; margin-bottom:20px}
.progress-bar{ background:#0d8abf; text-align:left; padding:5px 20px; clip-path:polygon(0 0, 94% 0%, 100% 100%, 0% 100%);}

.why-choose-section{ padding:80px 0 0}
.why-choose { background:#f1f1f1; padding:80px 200px 80px 80px;}
.whychoose-contact-form{background:#0d8abf; min-height:450px; color:#fff; padding:80px; position:relative}

.whychoose-contact-form:before{ content:""; width:150px; background:#0d8abf; position:absolute; left:-150px; top:0; height:100%; clip-path: polygon(0 0, 100% 0, 100% 100%, 100% 100%);}

.contact-form .form-control{ border-color:#4d4d58; background:#65656f; color:#fff}
.contact-form .form-control::placeholder{ color:#f2f2f2}
.contact-form .form-control:focus{ background:#fff; color:#4d4d58}

.whychoose-contact-form .contact-form{ font-size:18px; text-align:center}
.whychoose-contact-form .contact-form .heading{ color:#fff; margin-bottom:0}
.whychoose-contact-form .contact-form a{ color:#fff;}
.whychoose-contact-form .contact-form .btn-black{ background:#CA1F26; color:#fff; display:table; margin:0px auto}

.bordered{padding:0 30px; position:relative; color:#111}
.bordered:before,.bordered:after{content: "\\\\"; color:#1a8cbc; margin-top:5px; font-size: 30px; letter-spacing: -3px; margin-right: 20px; display: inline-block; vertical-align: top; line-height: 1; font-weight: bold;}
.bordered:after{ margin-left: 20px;}

.accordion-button{ background:#65656f; color:#fff;}
.accordion-button:not(.collapsed){ background:#0d8abf; color:#fff;}
.accordion-button::after { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
 }

.main-services{ padding:80px 0 40px}
.services{ border:1px solid #dfdfdf; margin-bottom:40px;}
.services .row .col-9{ padding-left:40px; padding-top:15px; padding-bottom:15px}
.services .sub-heading{ text-align:left; font-size:18px; margin-bottom:5px;}
.services p{ margin-bottom:0}
.icon-box, .icon-warehouse, .icon-transport, .icon-packers{ background:#f1f1f1 url(../img/icon-box.png) center no-repeat; background-size:50px; height:100%; position:relative}
.icon-box:before{ content:""; width:30px; background:#f1f1f1; position:absolute; right:-30px; top:0; height:100%; clip-path: polygon(0 0, 0% 0%, 100% 100%, 0% 100%);}
.icon-warehouse{background:#f1f1f1 url(../img/icon-ware-house.png) center no-repeat;background-size:50px;} 
.icon-transport{background:#f1f1f1 url(../img/icon-glob.png) center no-repeat;background-size:50px;} 
.icon-packers{background:#f1f1f1 url(../img/icon-packers.png) center no-repeat;background-size:50px;}

/* inner- secrive */
.lhs .services{ margin-bottom:5px}
.icon-service, .icon-office, .icon-home, .icon-plan, .icon-shifting, .icon-transporation{ background:#f1f1f1 url(../img/icon-tree.png) center no-repeat; background-size:50px; height:100%; position:relative}
.icon-office{background:#f1f1f1 url(../img/icon-office.png) center no-repeat; background-size:50px;}
.icon-home{background:#f1f1f1 url(../img/icon-seap.png) center no-repeat; background-size:50px;}
.icon-plan{background:#f1f1f1 url(../img/icon-plan.png) center no-repeat; background-size:50px;}
.icon-shifting{background:#f1f1f1 url(../img/icon-shifting.png) center no-repeat; background-size:50px;}
.icon-transporation {background:#f1f1f1 url(../img/icon-transporation.png) center no-repeat; background-size:50px;}
/* inner- secrive */

.home-reviews{ padding:80px 0; background:#0d8abf}
.home-reviews .heading{ color:#fff;}
.testibox{ background:#fff; padding:20px 20px 70px; position:relative; font-weight:bold}
.testibox .author{ background:#0d8abf; font-weight:normal; position:absolute; color:#fff; left:0; bottom:-0px; padding:10px 50px 10px 10px; clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);}

.inner-slider img{ width:100%;}

.contact-info p{ margin-bottom:15px}

.vision{ margin-top:40px}


.social img{ max-height:35px}
/* Start footer css */
footer{ background:#232331; padding:50px 0px 0; font-size:15px; color:#AAAAAA}
.footer-info .sub-heading{ text-transform:uppercase; color:#fff; font-size:18px; text-align:left; border-bottom:1px solid #434343;}
.footer-info .sub-heading span{ display:table; padding:12px 25px 12px 15px; background:#0d8abf; text-align:center; clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%);}

.footer-info .style li{ list-style:none; margin:0 0 12px 0; transition: all .3s ease-in-out;}
.footer-info .style li a{ background:url(../img/arrow-right.png) left center no-repeat; padding-left: 15px; color:#aaa; text-decoration:none; transition: all .3s ease-in-out;}
.footer-info .style li:hover { padding-left:10px}
.footer-info .style li:hover a{ color:#fff}

.fcontcat p{ margin-bottom:10px}

footer p{ margin-bottom:0}
footer p img{ vertical-align: inherit; max-width:100%}
.coping{}
.coping .rights{ padding:40px 20px 30px; background:#0d8abf; clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%); color:#fff}
.coping .rights a{ color:#fff;}

.copyright{ text-align:right; margin-bottom:0px; }.copyright a{ color:#121111}.copyright a:hover, .fmenu a:hover{ color:#121111}
/* End footer css */

.whatapp{position:fixed; bottom:4%; left:2%; width:80px; height:80px; padding:5px; transition:.5s; z-index:990}
.red-button{ position:fixed; bottom:15%; right:0; z-index:1000}
#back-to-top{position:fixed; bottom:4%; right:2%; background:#ebb404; padding:5px; transition:.5s; z-index:1000}
#back-to-top:hover{background: #ffc301;}


@media (max-width: 1199.98px) {
.heading{font-size:32px;}
.sub-heading{ font-size:22px;}

.heading br, sub-heading br{ display:none}

.navbar-dark .container{ padding:0}
.navbar-dark .navbar-nav .nav-item .nav-link{clip-path:none; text-align:left; padding:12px 30px }

.inner-banner .heading{ font-size:30px;}

.why-choose{ padding:60px 120px 60px 20px}
.whychoose-contact-form{ padding:60px 20px}
.whychoose-contact-form:before{ width:100px; left:-100px; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%);}
}

@media (max-width: 991.98px) {
.heading{font-size:26px;}
.sub-heading{ font-size:20px;}

.inner-banner{ padding:50px 0}
.inner-banner .heading{ font-size:28px;}

}

@media (max-width: 767.98px) {
.heading{font-size:24px;}
.sub-heading{ font-size:20px;}
div.heading .sub-heading{font-size:22px;}

.top-row { padding:0}
.top-row .social{ text-align:center}

.banner img{ min-height:200px}

.why-choose{ padding:50px 20px}
.whychoose-contact-form{ padding:50px 20px 40px}
.whychoose-contact-form:before{ display:none}

.coping .rights{clip-path: none; padding:20px}
.rights, .copyright{ text-align:center; padding:20px}

}