/* Common css */
body{font-family: 'Lato', sans-serif; font-size:16px; font-weight: normal; line-height:1.2; color:#212122; overflow-x:hidden}
html{scroll-padding-top: 200px;}
iframe{border: none;}
a{ color:#f60e0e; 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: 500; 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{ 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:hover{ background:#000; color:#fff;}
.btn-center{ display:table; margin:0px auto}

.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:#ffde00; padding:10px 0}
.header-contact > div{ display:table; margin:0px auto; font-size:22px; background: url(../images/call-now.png) left center no-repeat; padding-left:25px;}

/* Start Menu css */
.navbar-brand{ font-size:15px; display:none}
.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{ border:none; color:#fff; }
.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:#f60e0e; padding:10px;}
.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 banner  */
.banner .heading{ color:#fff; text-shadow:0 0 3px #000}
.banner img{ width:100%; min-height:200px}
/* end banner  */

.home-form{ background:#236cd9; color:#fff; padding:50px 0 30px}
.contact-form{ background:#236cd9; color:#fff; }
.contact-form .heading{ color:#fff;}
.contact-form .red-btn{ margin:0; min-width:inherit; padding:8px 15px}

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

.main-service{ position:relative; background: url(../images/skyline-movers-gurgaon-services.jpg) center no-repeat fixed; background-size:cover; padding:50px 0}
.main-service:before{ content:""; position:absolute; left:0; top:0; height:100%; width:100%; background: rgba(0,0,0,.45); z-index:1}
.main-service> div{ position:relative; z-index:2; color:#fff}
.main-service .heading{ color:#fff;}

.main-service .heading-bordered{ position:relative; display:table; margin:0px auto 20px; padding-bottom:10px}
.main-service .heading-bordered:before{ content:""; position:absolute; height:1px; background:#fff; bottom:0; width:50%; left:25%;}
.serbox a{ background:#fff; display:block; border-radius:50px 0 50px 0; overflow:hidden; margin-bottom:20px}
.serbox a img{ margin-bottom:15px}
.serbox a .sub-heading{ font-size:16px; color:#f60e0e; text-align:center; padding:10px; margin-bottom:0}
.serbox a:hover .sub-heading{ color:#236cd9}

.main-container{ padding:50px 0 20px}
.main-container p{ font-size:18px; line-height:1.8}

.home-reviews{ padding:50px 0;}
.home-reviews .heading{ color:#000;}
.testibox{ background:#fa8d0c; color:#fff; padding:20px }
.testibox .author{ font-weight:normal;}
.testibox .author img{ max-width:50px; display:inline-block; margin-right:15px}

.logos{ background:#f1f1f1; padding:50px 0}

.branches{padding: 15px; background: #fff; color: #000; margin: 15px 0px; font-size: 16px; font-weight: 400; color: #000;}
.branches h3{ font-size:16px}

.offi { display: block; padding: 10px 0px 5px 0px; font-size: 18px; font-weight: bold; color: #f5ba06; }

.gallery img{ width:100%; max-height:320px}
.gallery .ro .col{ margin-bottom:30px}
/* Start Services Area */
.services-area{color:#fff; background:#236cd9; padding:30px 0 20px}
.services-area hr{ background:#fff}
.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(../images/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 */

/* Start footer css */
footer{ background:#ffde00; padding:10px 0px; font-size:14px;}
/* 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}

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

}

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

header{ padding-bottom:0}
.logo{ margin-bottom:10px;}
.header-contact > div{ font-size:22px;}
/* Start Menu css */
.header-menu{ background:#000;}
.navbar-dark .navbar-nav .nav-item .nav-link{ font-size:16px; padding:5px 20px;}
.navbar-dark .navbar-nav .nav-item .nav-link:hover{ color:#fff}
.navbar-expand-md .navbar-nav{ margin:0px auto}
/* End Menu css */
}

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

.logo{ text-align:center}
.header-contact { margin-bottom:10px;}

/* Start Menu css */
.navbar-dark{ padding-top:0; padding-bottom:0; margin:0 -1rem}
.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{ 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:#fff}

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


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

}