@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&family=Source+Sans+Pro:ital,wght@0,600;0,700;0,900;1,400&display=swap");

body{font-family: "Nunito Sans", sans-serif; font-weight: 400; font-style: normal; color: #616161; overflow-x: hidden; font-size: 16px; line-height: 1.7;}

h1.w6, h2.w6, h3.w6, h4.w6, h5.w6, h6.w6 {font-weight:600;}
h1.w4, h2.w4, h3.w4, h4.w4, h5.w4, h6.w4 {font-weight:400;}
h1,h2,h3,h4,h5,h6 {font-weight:700; color:#222; }
h1,h2,h3,h4,h5,h6 {font-family: "Source Sans Pro", sans-serif; color: #14212b;}
img {max-width: 100%;-webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s;}
ul, li{ padding:0; margin:0; list-style:none;}
a, a:focus, a:hover{outline:none; text-decoration:none; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.form-control:focus, .form-control:hover{box-shadow:0 0 0;}
.header{position: relative; display:block; clear:both; background: #fff;}
.header .topbar {padding:0px 0 0px; margin:0; background:#032e42; position:relative; overflow:hidden;}
.header .topbar:after {content: ""; position: absolute; top: 0; right: -50px; width: 33%; height: 100%; background: #d83030; transform: skew(-20deg);}
.topbar .toolbar-contact {position: relative; z-index: 10;}
.topbar .toolbar-contact li{display: inline-block; line-height: 50px; color: #fff; border-right: 1px solid #224355; margin-right: 20px; padding-right: 20px; font-size: 14px;}
.topbar .toolbar-contact ul li i {font-size: 14px; margin-right: 6px; vertical-align: middle; color: #d83030;}
.topbar .toolbar-contact ul li a {transition: all .4s ease-in-out 0s; color: #fff;}
.topbar .toolbar-contact ul li:last-child {border:0;}
.topbar .toolbar-sl-share {position: relative; z-index: 11;}
.topbar .toolbar-sl-share ul {text-align: right;}
.topbar .toolbar-sl-share ul li {display: inline-block; font-size: 14px; line-height: 50px;}
.topbar .toolbar-sl-share ul li+li {margin-left: 15px;}
.topbar .toolbar-sl-share ul li a {display: block; color: #1c1b1b; transition: all .4s ease-in-out 0s; text-decoration: none;}
.topbar .toolbar-sl-share ul li a i {text-align: center; display: inline-block; color: #fff;}


.navbar-brand{padding:0px 0;}
.navbar-nav-tp{padding:0; position: relative;}
.nav-container {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;  -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify;          justify-content: space-between;background: #fff; padding:0 0px;}
.navbar-nav > li > a {color: #363B3F;  font-weight: 500; padding: 0 15px;  font-size:15px; text-transform: uppercase; transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;line-height:83px; display:inline-block;}
.navbar-nav > li:hover > a, .navbar-nav > li:hover > .arow{color: #d83030;}
.navbar-nav > li > .arow{position: absolute;right:0px;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.navbar-nav > li > .arow:after {font-family:'FontAwesome'; content: "\f107";}
.navbar-nav li ul .arow{ right:5px; top:5px;position:absolute; color: #244863;}
.navbar-nav li ul .arow:after {content: "\f105";font-family:'FontAwesome';color: #616161;}
.navbar-collapse ul  li ul.dropdown-menu {position: absolute; left: 0; top: 110%; width: 230px; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;  z-index: 99; height: auto; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); display:block; margin:0; padding:0; border-radius:0; border:0;}
.navbar-collapse ul .dropdown:hover > ul.dropdown-menu {opacity: 1; visibility: visible;top: 100%;}
.navbar-collapse ul .dropdown .dropdown ul.dropdown-menu{display: none;}
.navbar-collapse ul .dropdown .dropdown:hover ul.dropdown-menu {display: block;left:100%; top:0;}
ul.dropdown-menu li a, ul.dropdown-menu td a{display: block; padding:5px 15px; position: relative; -webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; border-radius: 0; margin: 0 0; line-height:26px; color: #616161; font-size:14px;}
ul.dropdown-menu li a:hover, ul.dropdown-menu td a:hover{background-color: #f3f2f2; color: #363B3F;}
.navbar-collapse ul .dropdown table{width:100%;}





.footer{background-color: #101010; padding-top:50px; position:relative;}
.footer h4{margin:0 0 1.5rem ; font-size: 20px; font-weight: 500; line-height: 1.2; color: #fff;}
.foot-ul-link{padding-left:20px;}
.foot-ul-link li:before {content: "\f054"; font-family:FontAwesome; display: inline-block; margin-left: -1.3em; width: 1.3em; color: #ccc; font-size: 13px;}
.foot-ul-link li{margin-bottom: 5px;font-size: 14px;}
.foot-ul-link li a{color:#ccc;}
.foot-ul-link li a:hover, .foot-ul-link li a:focus, .foot-ul-link li:hover:before{color: #fff;}
.copy-right{padding:20px 0; margin-top:30px;background-color:#101010; border-top:1px solid #242323;}
.copy-right p{margin:0;color:#ccc;}
.copy-right p a{color:#ccc;}
.call-ad{padding:0; margin:0 0 30px;}
.call-ad li{display:block; margin-bottom:10px; font-size: 14px;}
.call-ad li div{color:#7d91a0; display:table;}
.call-ad li div i{color: #ccc;width: 22px; height: 22px; font-size: 20px; line-height: 22px; text-align:center; max-width: 100%; display:table-cell;}
.call-ad li div span{padding-left:15px; display:table-cell; color:#ccc;}
.foote-link .marg1 {margin-bottom:15px;}
.copy-right strong{color:#ccc;}

.mid-text-box-inner{padding-top:50px; padding-bottom:50px;}





@media(max-width:767px){
	
	.topbar .toolbar-contact li{line-height: 26px;border-right:0; padding-right:0; margin-right:0;}
	.header .topbar:after{width: 45%;}
	.topbar .toolbar-sl-share ul li{line-height: 27px;}
	.topbar .toolbar-sl-share ul li+li{margin-left: 5px;}
	.logo{padding:5px 0;}
	.logo img{width:280px; margin-left:5px;}
	.navbar-toggler{padding: 0.25rem 0.55rem; border:1px solid #ddd;right:0px; position:relative;}
	.navbar-toggler-icon{line-height:30px;}
	.navbar-toggler-icon::after {content: "\f0c9";font-family: "FontAwesome"; font-size: 22px; color: #333;}
	.navbar-collapse{position: absolute; z-index: 99; top: 100%; background: #fff;width: 100%;}
	.navbar-nav > li{border-bottom:1px solid #ddd;}
	.navbar-nav > li > a{line-height: 50px;}
	.navbar-nav > li.open ul.dropdown-menu{position:relative; width:100%;opacity:1; visibility: visible; left:0;top: 100%;display: block;}
	.navbar-nav > li.open ul.dropdown-menu li.open ul.dropdown-menu{position:relative; width:100%;opacity:1; visibility: visible; left:0;top: 100%;display: block;}
	.navbar-collapse ul .dropdown .dropdown:hover ul.dropdown-menu{display:none;}
	#index-slider .sp-slide .hw-the-slider-captions{padding:0;}
	#index-slider .sp-slide h2{font-size:35px; margin-bottom:15px;}
	#index-slider .sp-slide p{font-size:16px; margin-bottom:20px;}
	.title-inner .title{font-size: 24px;}
	.cust-box .count-number span, .cust-box .count-number span.prefix{font-size:45px;}
	.shadow-effect{margin-bottom:30px;}
	.contact-get-a-quote-sec h3{font-size:24px; text-align:center; margin-bottom:15px;}
	.contact-get-a-quote-sec .text-right{text-align:center !important;}
	.contact-enquery-box{padding:15px;}
	.copy-right{text-align:center;}
	.copy-right .text-right p{text-align:center;}
}

@media (min-width: 768px){

}

@media (min-width: 992px){
.container{max-width:1220px;}

.fixedhead .navbar-nav-tp{position:fixed; top:0; width:100%; left:0; background:#fff; z-index:999;box-shadow: 0 0 20px -10px rgba(0,0,0,.8);}
.fixedhead .navbar-nav-tp .navbar-nav > li > a{line-height: 73px;}
.fixedhead .navbar-nav-tp .main-btn{line-height: 58px;font-size: 16px;padding: 0 32px;}
}


@media (min-width: 1600px){
.container-1600 {max-width: 1600px;}
}