@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

:root {
	--site-color: #1f354f;
	--site-color1: #12142a;
	--site-color2: #173c5d;
	--site-color3: #685c49;
	--site-color4: #53685c;
	--site-color5: #19565b;
	--font: "DM Sans", sans-serif;
}

body {
	font-family: "DM Sans", sans-serif;
	font-size: 16px;
	line-height: 28px;
	background: #fff;
	color: #000;
}

.d-flex {
	display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.aic {
	align-items: center;
}

.jsb {
	justify-content: space-between;
}

.jsc {
	justify-content: center;
}

.gap5 {
	gap: 5px;
}

.gap10 {
	gap: 10px;
}

.gap15 {
	gap: 15px;
}

.gap20 {
	gap: 20px;
}

.gap25 {
	gap: 25px;
}

.gap30 {
	gap: 30px;
}

.d-gird {
	display: grid;
}

.grid2 {
	grid-template-columns: repeat(2, 1fr);
}

.grid3 {
	grid-template-columns: repeat(3, 1fr);
}

.grid4 {
	grid-template-columns: repeat(4, 1fr);
}


.container {
	max-width: 1300px;
	padding: 0 15px;
	margin: 0 auto;
}



/* header css */

.top-strip {
	background: var(--site-color1);
	color: #fff;
	padding: 10px 0;
}

.widget .sg-t-phone li a {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #fff;
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;
}

.sg-t-phone li svg {
	width: 12px;
	height: 12px;
	fill: #fff;
}

.footer-navigation-wrapper {
	padding: 0;
	margin: 0;
	display: flex;
	gap: 10px;
}

.footer-navigation-wrapper li {
	list-style: none;
}

.footer-navigation-wrapper li a {
	width: 30px;
	height: 30px;
	display: inline-flex;
	border-radius: 4px;
	background: #fff;
	justify-content: center;
	align-items: center;
}

.footer-navigation-wrapper li a svg {
	width: 16px;
	height: 16px;
}


#masthead {
	background: var(--site-color);
}

/* menu */

body #mega-menu-wrap-primary {
	background: none;
}

body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link,
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover,
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus,
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:active {
	font-size: 16px;
	font-weight: 500 !important;
	font-family: var(--font);
	padding: 0 15px;
}


body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link,
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover,
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus,
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:active {
	background: var(--site-color1) !important;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	border-color: #fff;
}

body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu,
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	background: var(--site-color1) !important;
	color: #fff;
	font-weight: 500;
	font-family: var(--font);
}

body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
	background: #fff !important;
}



/* Slider */

.slick-slider {
	position: relative;

	display: block;
	box-sizing: border-box;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;

	display: block;
	margin-left: auto;
	margin-right: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;

	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;

	height: auto;

	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}



.slider .slick-prev:before,
.slider-vertical .slick-next:before {
	display: none;
}

.slider .slick-prev,
.slider .slick-next {
	width: 28px;
	height: 28px;
	border-style: solid;
	margin: 10px;
	display: inline-block;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
	cursor: pointer;
}

.slider .slick-prev:before,
.slider .slick-next:before {
	display: none;
}

.slider .slick-prev {

	left: 0px;
	right: auto;
}

.slider .slick-next {

	right: 0px;
	left: auto;
}



.slider .slick-arrow {
	position: absolute;
	width: 40px !important;
	height: 74px !important;
	background: url(../images/arrow-slider.png) no-repeat left top;
	border: none;
	background-color: inherit !important;
	padding: 0;
	opacity: 1 !important;
}

.slider .slick-arrow.slick-prev:hover {
	background-position: left -74px;
}

.slider .slick-arrow.slick-next {
	background-position: -40px top;
}

.slider .slick-arrow.slick-next:hover {
	background-position: -40px -74px;
}

.slider .slick-prev {
	left: 40px;
}

.slider .slick-next {
	right: 40px
}


.homeslider {
	height: calc(100vh - 270px);
}

.slider-content,
.slider-content .slick-list,
.slider-content .slick-track,
.slider-content .slick-slide {
	height: 100%;
	overflow: hidden;
}

.slider-content .slick-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slider-thumb .slick-slide {
	padding: 0 15px;
}

.slide-thumin {
	background: var(--site-color1);
	color: #fff;
	padding: 15px;
	min-height: 120px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.slider-thumb .slick-slide.slick-current .slide-thumin {
	background: var(--site-color2);
}

.slide-thumin h3 {
	font-weight: 500;
	font-size: 22px;
}

.slider.slider-thumb {
	position: relative;
	top: -50px;
}
.slider-content .slick-slide{display:flex; align-items:center; justify-content:center;}
.slider-content .slick-slide:before {
	content: '';
	background:#000;
	opacity:0.1;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	width:100%;
	height:100%;
}

.slider-caption {
    position: absolute;
    z-index: 2;
	font-weight:600;
	color:#fff;
	font-size:80px;
	max-width:1140px;
	text-align:center;
	line-height:84px;
	text-shadow: 0 4px 8px #2b2828;
}

.time-money-sec .vc_column-inner{ margin-left: 34%; }
.simple-para p{color: #666; line-height: 28px; margin-bottom: 20px}
ul.mega-info-list {padding: 0; margin: 0}

#services-list h2{font-weight: 700; padding-bottom: 8px;}

.three-boxes h3.mega-info-title{font-weight: 700; padding: 15px 5px;}
.three-boxes .mega-info-desc p{ color:#fff }

.smart-timely .simple-para p{color: #fff;}

.location-points h3{font-weight: 700; color: #173c5d; margin-left: 30px; margin-bottom: 10px;}

.newsletter-form input[type="submit"]{ line-height:21px; }

.contact-form{box-shadow: 0 10px 20px #a7c6db;}
.contact-form .field{width: 47.8%; display: inline-block; margin: 5px;}
.contact-form .message{padding: 5px;}
.contact-form .message textarea{height:200px;}
.contact-form  input[type="submit"]{margin: 5px;}

header.entry-header{ background:#eee; margin:0 !important; padding:40px !important; }
header.entry-header h1.entry-title{ font-weight: 700; font-size: 60px; color:#173c5d; }

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat{background: #173c5d !important; color: #fff;}
.vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item{padding: 6px 15px !important;}

/*footer */
footer#colophon{background: #173c5d; color: #fff; padding: 70px 0 30px}
.footer-sec{ grid-template-columns: repeat(4, 1fr); display:grid; gap:30px; }
.site-info{display: flex; justify-content: space-between; border-top: 1px solid #6089ae; margin-top: 30px; padding-top: 20px; font-size: 14px;}
.footer-sec h4{margin-bottom:15px; font-size: 18px; text-transform: uppercase;}
.footer-sec ul.menu{ list-style: none; margin: 0; padding: 0} 
.footer-sec ul.menu li a{ color: #a5c2dd; text-decoration: none;} 
.footer-sec ul.menu li a:hover{ color: #fff; text-decoration:underline;} 
.site-info a{color: #a5c2dd;}



@media(max-width:1170px){
	.time-money-sec .vc_column-inner { margin-left: 4%;}
	.slider-caption{max-width:700px; margin: auto; font-size: 48px; line-height: 58px;}
}
@media(max-width:992px){
	.slide-thumin h3 { font-weight: 500; font-size: 16px;}
	.mega-info-list li{ padding-bottom: 20px !important;}
	.mega-info-list li h2{font-size: 22px;}
	.home-services-bx h2{ font-size:42px !important }
	.smart-timely-head, .review-head {font-size:42px !important }
	.contact-addresses h4, header.entry-header h1.entry-title{font-size: 24px !important;}
}
@media only screen and (max-width: 768px){
    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
        display: block;
        position: fixed;
        left: 0;
        top: 130px;
        z-index: 999;
        width: 100%;
    }
}
@media(max-width:767px){
	
	.slider-caption{ max-width:420px; font-size:36px; line-height:46px; }
	.slide-thumin{min-height: 70px; margin-bottom: 5px;}
	.slider-thumb .slick-slide{width: 50% !important; padding: 0}
	.slide-thumin h3 {font-weight: 500; font-size: 12px;}
	.newsletter-form input[type="email"],
	.newsletter-form input[type="submit"]{width: 100%; margin-bottom: 10px;}
	.footer-sec{    grid-template-columns: repeat(2, 1fr);}
	.slider .slick-prev { left: 10px;}
	.slider .slick-next {right: 10px;}

	.slider .slick-arrow.slick-next { background-position: -60px top;}
	.slider .slick-arrow{    width: 20px !important;}
	.slider .slick-arrow.slick-next:hover {background-position: -60px -74px;}

}
@media(max-width:480px){
	.home-topfold{    padding-top: 50px !important;}
	.slider-caption{ max-width:320px;font-size:26px; line-height:36px;}
	.top-strip .widget ul{ gap:8px; }
	.top-strip .widget .sg-t-phone li a{font-size: 12px; gap: 5px;}
	.footer-sec{    grid-template-columns: repeat(1, 1fr);}
	.slider.slider-thumb {position: relative; top: -105px;}
	.home-services-bx h2{ font-size:36px !important }
	.smart-timely-head, .review-head , header.entry-header h1.entry-title{font-size:36px !important }
	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary{top: 110px;}
}