/* Common css */
body{font-family: 'Roboto Condensed', sans-serif; font-size:16px; font-weight: normal; line-height:1.7; color:#212122; overflow-x:hidden}
html{scroll-padding-top: 200px;}
iframe{border: none;}
a{ color:#b10101; text-decoration:none}
a:hover{ color:#000;}
a:focus{ outline:none}
.heading, .sub-heading{ font-family: 'Montserrat', 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:#b10101}

.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; width:300px; max-width:100%; padding:10px 25px; font-size:16px; border-radius:50px; 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:#ffc301; color:#000}
.yellow-btn:hover{ background:#000;}
.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{ background:#fff; border-bottom:1px solid #ddd; position: fixed; top: 0; transition: all 0.3s ease-in-out; width: 100%; z-index:1000;}
.top-row{ background:#ffc301; color:#000; padding:5px 0;}
.social img{ max-width:32px}

.top-contact{ text-align:right;}
.top-contact a{ color:#000;}
.top-contact a:hover{ text-decoration: underline}
.top-contact .phone, .top-contact .email{ background:url(../img/icon-phone.png) left center no-repeat; padding:5px 20px 5px 25px;}
.top-contact .email{ background:url(../img/icon-email.png) left center no-repeat; padding-left:30px; padding-right:0}

.logo-area{ padding:10px 0; position:relative;}
.logo a img{ max-height:95px; transition: all .3s ease-in-out;}

.header-tag{ position:absolute; right:0; top:0; text-align:left; display: inline-block; line-height:1.3; font-size:17px; font-style: italic; background:#0d1736; padding:5px 40px 7px 40px; color:#fff; transition: all 0.3s ease-in-out; webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);}

/* Start Menu css */
.top-nav{ padding:0px; text-align:right}
.navbar-dark{background: none; z-index:500; padding-top:0; padding-bottom:0}
.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{box-shadow: none}
.navbar-dark .navbar-toggler .open-menu{ font-size:15px;}
.navbar-dark .navbar-brand{ display:none}
.navbar-dark .navbar-nav .nav-item .nav-link{text-align:center; color:#0d1736; font-size:15px; line-height:1.3; padding:10px 26px; 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;}

/*.dropdown-toggle::after { display: none}*/
.dropdown-menu{ min-width:12rem}
.dropdown-menu .nav-item.dropdown .nav-link{text-transform:none; font-size:14px; text-align:left; padding:5px 1rem; color:#212529}
.dropdown-item{ line-height:18px; padding:5px 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 */

/* Start Sticky Header */
.header-up{ top:-43px; transition:all .3s ease-in-out;}
.headerclear{ margin-top:158px}
/* End Sticky Header */

.contact-form{padding:20px 50px; color:#fff;}
.contact-form .heading{ font-size:26px; color:#fff; margin-bottom:5px;}

.rhs .contact-form{ background:#efb303; text-align:center; color:#000}
.rhs .contact-form .heading{ font-size:26px; color:#000; margin-bottom:5px;}
.rhs .contact-form a{ color:#000}

/* Start banner CSS */
.banner{ background:url(../img/wilson-cargo-packers-movers.jpg) left center no-repeat; position:relative; min-height:450px}
.banner:before{ content:""; position:absolute; background:rgba(0,0,0,.5); top:0; width:100%; bottom:0; z-index:1}
.banner > div{ z-index:2; position:relative; color:#fff; text-align:center}
.banner img{ width:100%}
.banner .banner-text{ text-align:left}
.banner .banner-text .heading{ color:#fff; font-size:32px; line-height:1.3; margin-bottom:10px; text-align:left;}
.banner .banner-text .sub-heading{ font-size:18px; line-height:1.3; color:#fff; text-align:left}

.about-us{ background: url(../img/wilson-cargo-packers-movers-gurgaon.jpg) center no-repeat;}
.packers-movers{ background: url(../img/packers-movers-service-delhi-ncr.jpg) center no-repeat;}
.house-shifting{ background: url(../img/house-shifting-service.jpg) center no-repeat}
.car-bike-transportation{ background: url(../img/car-bike-transportation-service.jpg) center no-repeat}
.warehouse-and-storage{ background: url(../img/warehouse-and-storage.jpg) center no-repeat}

.banner .contact-form{ background:rgba(177, 1, 1, .85); color:#fff}
.banner .contact-form .heading{ color:#fff; margin-bottom:0px}
.banner .contact-form a{ display:inline-block; color:#fff;}
.banner .contact-form .btn-black, .contact-form .btn-black{ background:#000!important; color:#fff; border:none;}
.banner .contact-form .btn-black:hover, .banner .contact-form .btn-black:focus{ box-shadow:none; background:#fec003!important; color:#000}
.banner .contact-form  select.form-control option{ background:#fff; color:#000}

/* End banner CSS */

.main-container{ padding:90px 0 100px; line-height:2.0}
.padding-top-0{ padding-top:0!important}
.padding-bottom-0{ padding-bottom:0!important}

.heading-bordered{ position:relative; display:table; margin:0px auto 20px; padding-bottom:10px}
.heading-bordered:before{ content:""; position:absolute; height:1px; background:#b61f1f; bottom:0; width:50%; left:25%;}

/* modad contact */
.modal .modal-header{ border:none; padding-bottom:0}
.modal .modal-header .btn-close{ padding-top:0; font-size:42px; margin-top:-21px; padding-bottom:16px; background:none;}
.modal .modal-header .btn-close:focus, .btn-close:focus{ box-shadow: none }
.modal .modal-body{ padding-top:0; color:#000;}
.modal .modal-body a{ color:#000}
.modal .modal-body a:hover{ color:#2c4284}
.modal .contact-form .heading, .modal .contact-form .sub-heading{font-size:24px; color:#000; margin-bottom:5px}
.modal .contact-form .sub-heading{ font-size:20px;  margin-bottom:10px}
.modal .contact-form{ background:none; color:#000; text-align:center}
.modal .contact-form p{ margin-bottom:10px;}
/* modad contact */

.main-service{ background:#f3f3f3; padding:80px 0}
.service-box{ background:#fff; box-shadow:0 0 12px #333; padding:15px; text-align:center; margin-bottom:30px}
.service-box img{ max-height:120px}
.service-box p{ margin-bottom:30px}
.service-box .heading{ background:#000; color:#fff; padding:10px 20px; margin-top:-15px; font-size:20px; clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);}
.service-box a{ margin-top:0; margin-bottom:10px}

/* Start Service Area */
.service-area{ background: url(../img/india-best-packers-movers.jpg) center no-repeat; background-size:cover; padding:60px 0 40px; color:#fff; position:relative}
.service-area:before{ content:""; position:absolute; top:0; left:0; right:0; height:100%; background:rgba(0,0,0,.8); z-index:1;}
.service-area > div{ position:relative; z-index:2}
.service-area .heading{ font-size:20px; color:#fff; position:relative; text-align:left; padding-bottom:10px;}
.service-area .heading:before{ position:absolute; content:""; width:100px; height:1px; background:#fff; bottom:0; left:0}
.service-area ul li{ list-style:none; padding:0; margin:0px 0px 10px}
.service-area ul li a{ text-decoration:none; color:#fff; background:url(../img/arrow-right.png) left center no-repeat; padding-left:15px}
.service-area ul li a:hover{ text-decoration:underline}
.service-area .social{ text-align:left}
/* End Service Area */

.contact-section{ background:url(../img/wilson-cargo-house-shifting-chandigarh.jpg) left center no-repeat; position:relative;}
.contact-section:before{ content:""; position:absolute; top:0; left:0; right:0; height:100%; background:rgba(166,5,6,.9); z-index:1;}
.contact-section > div{ color:#fff; position:relative; z-index:2}
.contact-text{ background:#ffc301; padding:100px 30px; color:#000}
.contact-text a{ color:#000; text-decoration:underline}
.contact-section .heading{ font-size:18px; color:#000; position:relative; padding-bottom:5px; text-transform:uppercase}
.contact-section .heading:before{ content:""; width:200px; height:1px; background:#000; position:absolute; left:0; bottom:0;}

/* Start footer css */
footer{padding:10px 0px; font-size:14px;}
footer p{ margin-bottom:0}
footer p img{ vertical-align: inherit; max-width:100%}
footer a, .fmenu a{ display:inline-table; padding:0px 3px; color:#121111; text-decoration:none}
.copyright{ text-align:right; margin-bottom:0px; }.copyright a{ color:#121111}.copyright a:hover, .fmenu a:hover{ color:#121111}
/* End footer css */

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

/* Start Menu css */
.navbar-dark .navbar-nav .nav-item .nav-link{padding:10px 20px;}
/* End Menu css */
.banner .contact-form .heading{ font-size:20px}

}

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

/* Start Menu css */
.navbar-dark .navbar-nav .nav-item .nav-link{padding:10px 11px; font-size:14px;}
/* End Menu css */

/* Start Sticky Header */
.headerclear{ margin-top:158px}
.header-up .navbar-dark .navbar-nav .nav-item .nav-link{ padding:10px 11px}
/* End Sticky Header */

.banner .banner-text .heading{font-size:26px;}
.banner .contact-form { font-size:16px;}
.banner .contact-form .heading{ font-size:18px;}
}

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

.mobile-cta{ margin-bottom:0px; text-align:center}
.mobile-cta a{ background:#ffc301; color:#000; padding:5px; font-size:17px;}
.mobile-cta a:last-child{ background:#212122; color:#fff}
.mobile-cta a img{ width:15px; margin-right:5px}
.mobile-cta a:hover{ background:#000; color:#fff}

header{ border:none}
.social{ text-align:center; margin-bottom:60px;}
.top-contact{ text-align:center}
.logo-area{ padding-bottom:0}
.logo { text-align:center; margin-bottom:10px!important;}
.header-tag { position: relative; display: block; clip-path: none; text-align:center; margin-top:-10px; margin-bottom:10px}
.header-tag br{ display:none}

/* Start Menu css */
.top-nav{ padding:0; background:#c1090a}
.navbar-toggler{ padding:.50rem .75rem}
.navbar-dark .navbar-brand{ display:block}
.navbar-dark .navbar-nav{ margin-bottom:0!important}
.navbar-dark .navbar-nav .nav-item .nav-link{ color:#000; font-size:15px; line-height:19px; padding:10px 15px; border-bottom:1px solid #959595; text-align:left}
.navbar-dark .navbar-nav .nav-item .nav-link:hover{ color:#000}

.dropdown-toggle::after { display: inline-block}
.dropdown-item{ font-size:15px;}
.dropdown-item br{ display:none}

.banner{ padding:0; background:#212122}
.banner:before{ background: none}
.banner img{ margin-bottom:15px;}
.banner .main-form{ background:#ffc301; box-shadow:0 0 50px #ffa801 inset}
.banner .banner-text{ text-align:center;}
.banner .banner-text .heading{ font-size:20px; text-align:center}
.banner .banner-text .sub-heading{ text-align:center; color:#999; font-size:16px;}
.banner .contact-form{ background:none; color:#000}
.banner .contact-form .heading{ font-size:26px; color:#000}
.banner .contact-form a{ color:#000}
.banner .contact-form a:hover{ text-decoration:underline}

.navbar-dark .navbar-nav{ background:#ddd;}
.navbar-dark .navbar-nav .nav-item:last-child .nav-link{ border-bottom:none;}
/* End Menu css */

/* Start Sticky Header */
.header-up .logo a img{ max-height:65px;}
.headerclear{ margin-bottom:200px;}
/* End Sticky Header */
.main-container{ padding:50px 0 30px}
.contact-text{ background:none; padding:50px 30px;}

.main-service{ padding:50px 0 30px}

.contact-section:before{ content:""; position:absolute; top:0; left:0; right:0; height:100%; background:rgba(255,195,1,.9); z-index:1;}

.copyright,footer{ text-align:center}
.copyright{ padding-top:10px; margin-top:10px; border-top:1px solid #ddd;}

}