/*
Author : Shameer
Company: PixelFloat
Version: 0.1
*/

/*
Author : Shameer
Company: PixelFloat
Version: 0.1
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
*/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

* { 
	margin: 0; padding: 0;
	font-family: 'Plus Jakarta Sans', sans-serif; }
body {
	background: #fff; line-height: 1.5;
	margin: 0; padding: 0; text-align:left;
	font-weight: 400; font-size: 16px; color:#333; }
.fixedPosition { position:fixed; overflow:hidden; width:100vh; height:100vh; }
img { max-width: 100%; height: auto; }
img.imageborder { border-radius:10px; overflow:hidden; }
h1, h2, h3 {  
	color:#031E3E; padding:0; }
h4, h5, h6 { 
	color:#031E3E; padding:0; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color:#E02024; }

h1 { font-size:65px; font-weight:700; line-height: 1.1; margin:0 0 40px 0; }
h2 { font-size:60px; font-weight:700; line-height: 1.1; margin:0 0 40px 0; }
h3 { font-size:50px; font-weight:700; line-height: 1.2; margin:0 0 40px 0; }
h4 { font-size:40px; font-weight:400; line-height: 1.3; margin:0 0 30px 0; }
h5 { font-size:26px; font-weight:500; line-height: 1.3; margin:0 0 20px 0; }
h6 { font-size:22px; font-weight:500; line-height: 1.3; margin:0 0 20px 0; }
h6.titletop { font-size:16px; }
p { 
	text-align: left;
	font-size:16px; font-weight:400; line-height: 28px;
	margin:0 0 25px; padding:0; color:#191919; }
p a { text-decoration:underline; }
span.color { color:#031E3E; }
strong { font-weight:700; }

a { text-decoration:none;  color:#1E506B; transition: all 1s; }
a:hover { color:#031E3E; }
a img { border: none; outline: none; }

@media(max-width:1200px){
	h1 { font-size:60px; }
	h2 { font-size:50px; }
	h3 { font-size:30px; }
	h4 { font-size:24px; }
	h5 { font-size:22px; }
	h6 { font-size:20px; }
	p { font-size:14px; }
}
@media(max-width:991px){
}
@media(max-width:767px){
	h1 { font-size:50px; }
	h2 { font-size:40px; }
	
}
@media(max-width:575px){
	h1 { font-size:46px; }
	h2 {  }
	h4 {  }
	h5 {  }
	h6 {  }
}

a::after,
a::before { 
	display: inline-block; margin:0 8px 0 0; padding:0; }

a.button {
	display: inline-block; position: relative;
	margin:0 0 5px; padding:12px 25px;
	text-decoration: none; font-size: 14px;
	border-radius:0px; text-transform: capitalize;
	font-weight:600; color:#fff; text-align: center;
	background:#E02024; border:1px solid #E02024; }

a.button:hover { 
	color:#333; background:#FED348; }

a.phonebutton {
	display: inline-block; position: relative;
	margin:0 0 5px; padding:10px 30px 14px 50px;
	text-decoration: none; font-size: 18px;
	border-radius:0px; text-transform: capitalize;
	font-weight:700; color:#E02024; text-align: center;
	background-color:#fff; border:none;
	background-image:url('../images/icon-contact-phone.svg');
	background-repeat: no-repeat; background-size:22px;
	background-position:20px 15px;
}
a.phonebutton:hover { background-color:#FED348 ;}


.text-center {
	text-align: center; }

@media(max-width:991px){ 
	a.button { font-size:13px; padding:12px 25px;}
}
ul li, ol li {
	position: relative;
	margin:0 0 10px; padding:0 0 0 20px; }
ul li a, ol li a { 
	text-decoration: underline; }

ul.nostyle {
	list-style: none; margin:0; padding:0; }

ul.listing,
ul.check-list { 
	width:100%; float:left; list-style: none;
	margin:0; padding:0; }
ul.listing strong { 
	font-weight:600; }
ul.listing li,
ul.check-list li  { 
	position:relative; padding:0 0 20px 20px; margin:0; }
ul.listing li::before,
ul.check-list li::before { 
	position:absolute; top:0; left:0; content:'-'; }
ul.check-list li::before { 
	content:'\f058'; font-weight:400; color:#031E3E; }


/* FORM CONTENT ----------*/
input[type="text"], input[type="tel"], input[type="number"],
input[type="date"], input[type="email"], 
textarea, select, option {
	color:#6C757D; font-size:13px; font-weight:400;
	background:#fff; border:1px solid #E5E5E5; }
input[type="text"], input[type="tel"], input[type="number"],
input[type="date"], input[type="email"] { 
	width:100%; height:40px;  border-radius:2px;
	padding:10px 15px; margin:30px 0 0;
  outline:none; }
input[type="date"] {
	max-width: 150px; }
input[type="number"] {
	max-width: 130px; }
select {
	width:100%; height: 40px; 
	padding:10px 15px; margin:0 0 15px; }
textarea { 
	width:100%; height: 100px; padding:10px 15px; margin:30px 0 0;
	resize:none; outline: none; border-radius:2px; }
input[type="submit"],
input[type="button"]{
	margin:30px 0 0; padding:0;
	max-width:100%; min-height:44px; width:140px;
	background:#E02024; color:#fff; font-size:14px;
	font-weight:600; border-radius:2px; text-align: center;
	border:1px solid #E02024; outline:none; cursor: pointer; }
input[type="submit"]:hover,
input[type="button"]:hover { 
	background:#FED348; color:#333; border-color:#FED348; }
button { border:none; outline:none; background:none; }

Here’s the minified version of the CSS:


.pt-0{padding-top:0;}.pt-10{padding-top:10px;}.pt-20{padding-top:20px;}.pt-30{padding-top:30px;}.pb-0{padding-bottom:0;}.pb-10{padding-bottom:10px;}.pb-20{padding-bottom:20px;}.pb-30{padding-bottom:30px;}.pl-0{padding-left:0;}.pl-10{padding-left:10px;}.pl-20{padding-left:20px;}.pl-30{padding-left:30px;}.pr-0{padding-right:0;}.pr-10{padding-right:10px;}.pr-20{padding-right:20px;}.pr-30{padding-right:30px;}.px-0{padding-left:0;padding-right:0;}.px-10{padding-left:10px;padding-right:10px;}.px-20{padding-left:20px;padding-right:20px;}.px-30{padding-left:30px;padding-right:30px;}.py-0{padding-top:0;padding-bottom:0;}.py-10{padding-top:10px;padding-bottom:10px;}.py-20{padding-top:20px;padding-bottom:20px;}.py-30{padding-top:30px;padding-bottom:30px;}.p-0{padding:0;}.p-10{padding:10px;}.p-20{padding:20px;}.p-30{padding:30px;}.mt-0{margin-top:0;}.mt-10{margin-top:10px;}.mt-20{margin-top:20px;}.mt-30{margin-top:30px;}.mb-0{margin-bottom:0;}.mb-10{margin-bottom:10px;}.mb-20{margin-bottom:20px;}.mb-30{margin-bottom:30px;}.ml-0{margin-left:0;}.ml-10{margin-left:10px;}.ml-20{margin-left:20px;}.ml-30{margin-left:30px;}.mr-0{margin-right:0;}.mr-10{margin-right:10px;}.mr-20{margin-right:20px;}.mr-30{margin-right:30px;}.mx-0{margin-left:0;margin-right:0;}.mx-10{margin-left:10px;margin-right:10px;}.mx-20{margin-left:20px;margin-right:20px;}.mx-30{margin-left:30px;margin-right:30px;}.my-0{margin-top:0;margin-bottom:0;}.my-10{margin-top:10px;margin-bottom:10px;}.my-20{margin-top:20px;margin-bottom:20px;}.my-30{margin-top:30px;margin-bottom:30px;}.m-0{margin:0;}.m-10{margin:10px;}.m-20{margin:20px;}.m-30{margin:30px;}


/*  MENU  ----------*/
.menu-area {
	margin:0;
	width: auto; float:right; transition: width 1s; }
.top-menu { 
	width:100%; display: flex; justify-content: center; align-items: center;
	padding:0; margin:0; text-align: center; }
.top-menu a {
	font-size:15px;
	text-decoration: none; color:#031E3E; font-weight:600; }
.top-menu a.button { 
	margin:0; padding:12px 26px; font-size:14px;
	color:#fff; text-transform: capitalize; }
.top-menu a.button:hover { background:#FED348; color:#333; }

.top-menu a:hover, .top-menu a.active, .current-menu-item a { 
	color:#E02024; }
.top-menu li::before { display: none; }
.top-menu ul {
	float:right;
	margin:0 20px 0 0; padding:0;
	list-style: none; }
.top-menu ul li {
	clear:none; margin:0 0px; padding:2px 15px;
	float:left; position: relative; z-index: 2001;
	border: none; line-height: 1em; }
.top-menu ul li a { 
	position: relative;
	text-transform: uppercase; 
	padding:2px 0px; margin:0px; display: inline-block; }
/* .top-menu ul li a::before {
	transition: all 0.5s ease;
	position:absolute; left:0; bottom:0;
	display:inline-block; content:'';
	width:0%; height:2px; background:#031E3E; }
.top-menu ul li a:hover::before {width:100%;} */


.top-menu ul li a:focus { border: none; outline: none; }
.top-menu ul li ul { padding:5px 0; }

.top-menu ul li ul li a:hover { background:#eee; }


/* DROP DOWN MENU  -*/
.top-menu .sub-menu { opacity:0; }
.top-menu ul li.menu-item-has-children { cursor: pointer; }
.top-menu ul li.menu-item-has-children a { padding-right: 20px; }

ul.sub-menu { 
	position: absolute; left:4px; top:24px; z-index: 2001;
	margin:0; padding:0; background:#f9f9f9; border-radius: 3px; 


  width: 300px;
  
pointer-events: none;
  -webkit-box-shadow: 0 5px 5px rgba(24,24,24,.25);
  box-shadow: 0 5px 5px rgba(24,24,24,.25);


  -webkit-transform: scale(.95);
  -moz-transform: scale(.95);
  -ms-transform: scale(.95);
  transform: scale(.95);
  -webkit-transition: 300ms ease all;
  -moz-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
ul.sub-menu li { 
	width:100%; float:left; clear:both; 
	margin:0; padding:0; border-bottom:1px solid #eee; }
ul.sub-menu li a {
	width:100%; float:left; clear:both; text-transform: capitalize;
	margin:0; padding:15px 20px; min-height: auto;  text-align: left;
	color:#333; font-size:15px; font-weight: 500; }
ul.sub-menu li a:hover {color:#2d2d2d;}
ul.sub-menu li:last-child { border:none; }

.top-menu .drop-down-icon, .top-menu .child-down-icon {
	position:absolute; right:10px; top:0px; display:inline-block;
	width:20px; height:20px; line-height:20px;
	text-align:center; cursor: pointer;
	z-index:4001; color:#031E3E;
}
.drop-down-icon i, .child-down-icon i { 
	line-height: 20px; color:#fff; }
.top-menu .submenu-active {
	opacity: 1;
	pointer-events: auto;

  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }


/* child menu */

ul.child-menu { 
	opacity: 0;
	-webkit-box-shadow: 0 5px 5px rgba(24,24,24,.25);
  box-shadow: 0 5px 5px rgba(24,24,24,.25);
	-webkit-transform: scale(.95);
  -moz-transform: scale(.95);
  -ms-transform: scale(.95);
  transform: scale(.95);
  -webkit-transition: 300ms ease all;
  -moz-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
	
	width:200px; background:#eee;
	 position: absolute; left:300px; top:0; 

}
ul.sub-menu li:hover ul.child-menu { 
	opacity: 1;  
 pointer-events: auto;
    z-index: 2;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

ul.child-menu li { border-bottom:1px solid #ddd; }
ul.child-menu li a { font-weight: 400; font-size:13px; }
.top-menu .child-down-icon { top:8px; }
@media(max-width:991px){
	ul.child-menu { 
		background:none;
		position:relative; left:0; }
}
.top-menu ul li.menu-item-has-children a { padding-right:25px;}


.menu-button { 
	display: none;  
	cursor: pointer; float: right; 
	display:none; width:50px; height:40px; 
	margin:10px 0 0 2px; padding:0; line-height:38px;
	color:#fff; text-align:center; font-size:16px;
	border-radius: 3px; }
.menu-close {
	display: none; background:#fff;
	width:30px; height:30px;
	position: absolute; top:120px; right:10px;
	text-align: center; line-height: 30px;
	font-size:1.1em; color:#031E3E; cursor: pointer;
	border-radius: 30px; -webkit-border-radius: 30px; 
	-moz-border-radius: 30px; /*border:1px solid #3a88fa;*/ }
@media (max-width: 991px) { 
		.top-menu ul li.menu-item-has-children a { padding-right:0;}
		.menu-button { display: block; }
		.menu-close { display: block; }
		.menu-area { 
			height:100vh; overflow:hidden;
			width:0; 
			position: fixed; top:0; left: 0; z-index: 2001;
			/* background:#031E3E; */
			 background:#031E3E;
	}
	
	
	
		.menu-area .top-menu { 
			float:left; margin:0; padding:50px 0; }
		.menu-area ul { 
			margin:100px 0 0; padding:0; 
			overflow:hidden; border-top:1px solid rgba(256,256,256,0.4);  }
		.menu-area ul.child-menu { margin-top:0; }
		.menu-area ul li { 
			width:100%; float:left; text-align: center; padding:15px 0 15px; margin:0; border-bottom:1px solid rgba(256,256,256,0.4); }
	.top-menu { display: block; text-align: center; }
		.menu-area ul li a { 
			font-size:1.3em; color:#fff; }
		.top-menu a.active { color:#fff; }
		.menu-area ul li a.button { font-size:1.4em; padding:10px 20px; border-color:#333; color:#333; }
		.menu-area ul li a:hover { color:#333; }

		.top-menu .drop-down-icon, .top-menu .child-down-icon {
			width:35px; height:35px; border-radius:40px;
			line-height:2.3; color:#fff;
			right:10px; top:0px; background:rgba(256,256,256,0.2); }
		.top-menu .drop-down-icon { top:6px; }
		.top-menu .sub-menu li { 
			margin:0; padding:0; text-align: center; border:none; }
		.top-menu .sub-menu li a { 
			width:auto; display: inline-block;
			margin:10px auto; padding:2px; float:none; font-weight:400;
			text-align: center; font-size:16px; border:none; } 
		.top-menu { text-align: center; }
		.top-menu ul { width:100%; min-width:300px; margin-bottom:40px; }
		.menu-area .top-phonecall { display: none; }
		.menu-area .quick-quote { display: none; }

		.top-menu .sub-menu { 
			max-height:0;overflow: hidden; 
			margin:0; transition: max-height 0.3s ease-out;
			float:left; opacity:0; background:none;
			width:100%; float:none; padding:0; clear:both; 
			position:relative; top:0; left:0;
		 -webkit-transform: scale(1);
		  -moz-transform: scale(1);
		  -ms-transform: scale(1);
		  transform: scale(1);
		-webkit-box-shadow:none; box-shadow:none; }

		.top-menu .submenu-active { margin:10px 0; display: block; opacity:1; max-height:500px; }

		ul.child-menu {
		-webkit-box-shadow:none; box-shadow:none;
		-webkit-transform: scale(1);
		  -moz-transform: scale(1);
		  -ms-transform: scale(1);
		  transform: scale(1); 
		overflow: hidden;  background:rgba(256,256,256,0.1);
		  max-height: 0; padding:0 !important;
		  transition: max-height 0.3s ease-out;
		opacity: 1; position: relative; left:0; right:0; top:0; }
		ul.sub-menu li .childmenu-active { max-height: 500px;}
	
}
@media (max-width: 767px) { 
    
}
@media (max-width:575px) { 
	/*.menu-button { position:fixed; right:40px; top:30px; }*/
	.menu-area { top: auto; bottom:0; }
}
@media (max-width:380px) {
	.menu-button { width:35px; height:32px; line-height: 30px; font-size:14px; }
}

/* menus script ---*/
.menu-active { 
	width:100%; height: 100vh; display: block; overflow-y:scroll; }



/* -------------------------------- */
/* Owl Carousel v2.2.1------------- */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/** theme */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/* CUSTOM NAV */
.owl-carousel .owl-nav div {
	width:40px; height:40px; line-height:2.3;
	margin:0; padding:0; float: left;
	color:#fff; text-align:center; font-size:17px;
	background: rgba(256,256,256,0.2); border-radius:3px; }

.owl-carousel .owl-nav div.owl-next { 
	 background: #031E3E60; 
	position: absolute; top:50%; transform: translateY(-50%); right:-45px; }
.owl-carousel .owl-nav div.owl-prev { 
	 background: #031E3E60; 
	position: absolute; top:50%; transform: translateY(-50%); left:-45px;  }
.owl-carousel .owl-nav div:hover { background: #031E3E; }

.sectior-slider .owl-carousel .owl-nav div.owl-next { position: absolute; right:20px; }
.sectior-slider .owl-carousel .owl-nav div.owl-prev { position: absolute; left:-45px;  }
.sectior-slider .owl-carousel .owl-nav div:hover { background: #031E3E; }

.banner-slider .owl-carousel .owl-nav div.owl-next { right:20px; }
.banner-slider .owl-carousel .owl-nav div.owl-prev { left:20px; }

@media(max-width:1400px){
	.owl-carousel .owl-nav {  }
	.owl-carousel .owl-nav div.owl-next { right:20px; }
	.owl-carousel .owl-nav div.owl-prev { left:20px; }
}
@media(max-width:650px){
	.banner-slider .owl-carousel .owl-nav div { display: none; }
}

.owl-carousel .owl-dots {
	margin:10px 0 10px;
	text-align: center; }
.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	width:10px; height: 10px;
	margin:0 3px; padding:0;
	background: #CCCFCE; border-radius:10px;
	-webkit-border-radius:10px; -moz-border-radius:10px; }
.owl-carousel .owl-dots .owl-dot.active {
	background:#031E3E; }
.next-slide, .prev-slide { cursor: pointer; }

/* --------------------------------------- */
/* LAYOUT STARTS ------------------------- */
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1300px;
  }
}

.whatsappCall {
	width:45px; height:45px;
	position: fixed; bottom:30px; right:30px; z-index: 2000;
	animation: bounce 1s infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-10px); }
  60% {
    transform: translateY(-5px); }
}
.full-block { width:100%; float:left; }
.section { 
	width:100%; float:left;
	margin:0; padding:80px 0; }
@media(max-width:991px){
	.section { padding:60px 0; }
}
@media(max-width:767px){
	.section { padding:40px 0; }
}
@media(max-width:575px){
	.section {}
}


.top-strip {
	width:100%; float:left; margin:0; padding:5px 0;
	background:#031E3E;
}
.top-strip .top-contact { 
	list-style:none; margin:0; padding:0; }
.top-contact li { 
	float:left; 
	margin:0 20px 0 0; padding:0; position:relative; }
.top-contact li a { 
	margin:0; padding:0;
	display:flex; align-items:center; gap:10px; 
	text-decoration: none; }
.top-strip .top-contact li a { 
	margin:0; padding:0;
	display:flex; justify-content:center; align-items:center; gap:10px; 
	color:#fff; font-size:13px; text-decoration: none; }
.top-contact li img { }
.top-contact li span { }

.top-strip ul.social-menu { float:right; margin:0; padding:0; }
.top-strip ul.social-menu li { margin:0 0 0 10px; padding:0;}

@media(max-width:991px){
	.top-strip .top-contact li { 
		margin:0 10px 0 0; }
	.top-strip .top-contact li a { 
		width:25px; height:25px; }
	.top-strip .top-contact li a span { display:none; }
}




.header { 
	width:100%; float:left; animation-delay: 2s;
	transition: transform 0.3s ease, opacity 1s ease;
	padding:10px 0; margin:0; background:none;}
.removeheader { height:0; animation-delay: 2s; }
.fixed-header { 
	position: fixed; top:0; left:0; z-index: 2001;
	padding:5px 0;
	background:rgba(256,256,256,0.9); }
.fixed-header:hover { opacity: 1; }
.hide-header {
    transform: translateY(-100%); opacity: 0; }
.logo { 
	display: inline-block; }
.logo a { 
	display: inline-block; 
	margin:0; padding:0px;}
.logo a img { width:100%; max-width:260px; }

.fixed-header .logo a { background:none; }
.fixed-header .top-menu ul a { font-size:15px; }

/* FOOTER ----------- */
.footer { 
  width:100%; float:left; 
	margin:0; padding:60px 0 30px;
	background:#fff; border-top:2px solid #E02024; }

.footer p { 
	font-size:15px; margin:0; }
.footer a { color:#191919; text-decoration: none; }
.footer a:hover { color:#E02024; }
.footer h6 { color:#031E3E; font-weight: 700; text-transform: uppercase;}
.footerlogo { width:100%; float: left; margin:0 0 30px; padding:0; }
.footerlogo img { max-width: 220px; }
.footerlogo p { font-size:15px; line-height:22px; margin:30px 0 0 0; padding:0; }

.footer ul { list-style: none; margin:0 0 15px; padding:0; width:100%; float:left; }
.footer ul li { width:100%; text-align: left; margin:0 0 15px; padding:0; font-size:15px; }
.footer ul li a { font-weight:500;  }

ul.social-menu { list-style: none; margin:0 0 30px; padding:0; }
ul.social-menu li { display: inline-block; float:left; margin:5px 10px 5px 0; padding:0; }
ul.social-menu li a { color:#fff; }
ul.social-menu li a svg { font-size:18px; }
ul.social-menu li a svg path { color:#fff !important; }

.footer ul.social-menu li { width:auto; }

.footer ul.social-menu li a {
	width:26px; height:26px; display:flex; justify-content:center; align-items:center;
	background:#EFF4F8; color:#000;
  border-radius:4px; }
.footer ul.social-menu li a svg path { color:#191919 !important; }

.copycat { border-top:1px solid #E6E6E6; }
.copycat p { text-align: center; margin:10px 0 0; padding:0; }


/*a.backtotop { 
	display: flex; align-items: center; }

.footer a.backtotop  { 
	float:right; }*/

a.backtotop {
    position: fixed; bottom: 35px; right: 100px; z-index: 1000;
    background-color: #00000050;
    font-size: 14px; color: #fff;
    padding: 5px 5px 5px 10px;
    border-radius:50px;
    text-decoration: none;
    display: none; /* Hidden initially */ }
a.backtotop span { 
	width:30px; height:30px; margin:0 0 0 10px; padding:0;
	display: inline-block; text-align: center; line-height: 2.2;
	background:#CFCFCF; color:#3d3d3d;
  border-radius: 30px; }
a.backtotop:hover {
    background-color: #000; }
a.backtotop span i {
    margin-left: 5px;
    font-size: 16px; }

@media screen and (max-width:575px){
	.footerlogo, .footerlogo p, .footer h6 { text-align: center;}
	.footerlogo p { margin-top:10px;}
	.footer ul { text-align: center; }
	.footer ul li { text-align: center; }
	.footer ul.social-menu li { float:none; text-align: center; }
	.top-contact li a { justify-content: center;}
}





/* BANNERS -------------------------- */

.banner { 
	width:100%; float:left; text-align:center; position: relative;
	background: #031D3E; }
/* .banner::before {
	position:absolute; top:0; left:0;  z-index:5;
	content:''; width:100%; height:100%; 
	background:rgba(35,62,128,0.3); } */

.banner-caption { 
	text-align: left; transform: translateY(-50%);
	width:100%; float:left; position: absolute; top:50%; z-index:10; }
.banner h1 { 
	width:100%; 
	margin:0 0 20px; padding:0;
	text-transform: capitalize; text-align: left;
	color:#fff;  }
.banner p { 
	width:100%; max-width:700px;
	font-size:18px; color:#fff; }
.banner h6 { 
	display:inline-block;margin:0 0 10px; padding:6px 12px;
	font-size:16px; font-weight:500;
	color:#E02024; background:#FED348; }

.banner-image {
	width:100%; float:left; position: relative; }
.banner-image img {
	width:100%; max-height:700px; float:left;
	object-fit: cover; object-position:center; }
.banner-image::before {
	width:100%; height:100%; float:left; z-index:1;
	position:absolute; top:0; left:0;
	content:''; 
	background: #031D3E;
background: linear-gradient(90deg, rgba(3, 29, 62, 1) 0%, rgba(0, 0, 0, 0.38) 50%);
}



@media(max-width:1500px){
}
@media(max-width:1200px){
	.banner-caption h1 { font-size:50px;}
	.banner-caption h6 { font-size:14px;}
	.banner-caption p { font-size:16px; }
}

@media(max-width:991px){
	.banner-caption h1 { font-size:40px;}
	.banner-caption p { display: none; }
}
@media(max-width:767px){
	.banner-caption h1 { font-size:35px;}
	.banner-image img { min-height:350px; }
	.banner-caption { transform: translateY(0%); top:auto; bottom:30px; }
}
@media(max-width:575px){
	.banner-image img { min-height:250px; }
	.banner-caption h1 { font-size:24px; }
	.banner-caption h6 { font-size:12px; }
}


/* --------------------------- */
/* HOME PAGE -----------------------*/
.intro-section a.button { }
.intro-section p { text-align:justify; }
.welcome-image img {
	width:100%; padding:0 40px 0 0;
	object-fit: cover; object-position: center;
	border-radius:0px; overflow:hidden; }
.intro-section .introbadge img { padding-right:0; margin:0 0 20px;}

@media screen and (max-width:767px){
	.intro-section { text-align: center; }
	.intro-section p { text-align: center; }
	.welcome-image { text-align: center; }
	.welcome-image img { width:300px; }
	.welcome-image img { padding:0 0 30px; }
}

.home-services-strip {
	background:#FEF8F8; text-align: center; }

.service-thumb {
	width:100%; float:left; 
	margin:0 0 35px; padding: 0; 
	position: relative; }
.service-thumb a {}
.service-thumb img {
	width:100%; height: 380px; float:left;
	object-fit: cover; object-position: center; }
.service-thumb span {
	width:80%; text-align: left;
	margin:0; padding:0 0 15px;
	color:#fff; font-size:22px; font-weight: 700; line-height:26px;
	position: absolute; left:10%; bottom:30px;
	border-bottom:4px solid #E02024; }
.service-thumb::before { 
	position: absolute; top:0; left:0;
	width:100%; height:100%; background:rgba(0,0,0,0.4); 
	content:'';}

@media(max-width:1200px){
	.service-thumb span { font-size:20px;}
	.service-thumb img { height: 340px;}
}
@media(max-width:767px){
	.service-thumb span { width:90%; left:5%; font-size:24px;}
	.service-thumb img { height: 280px;}
}
@media(max-width:575px){
	.service-thumb span { font-size:20px; }
	.service-thumb img { height: 340px;}
}


/* ----------- */
.industries-strip {}
.industries-strip h3 { margin:0 0 5px; padding:0; }
.industries-strip h4 { margin:0; padding:0; }
.industries-strip a.button { float:right; }


.sectors-slider { margin-top:40px; }

.sector-thumb {
	width:100%; float:left; 
	margin:0; padding: 0; 
	position: relative; }
.sector-thumb a {}
.sector-thumb img {
	width:100%; height: 480px; float:left;
	object-fit: cover; object-position: center; }
.sector-thumb h6 {
	width:80%; text-align: left;
	margin:0; padding:0 0 15px;
	color:#fff; font-size:22px; font-weight: 700; line-height:26px;
	position: absolute; left:10%; bottom:30px;
	border-bottom:4px solid #E02024; }
.sector-thumb h6 span { 
	font-size:16px; font-weight:400; line-height:1em;
	clear:both; color:#fff; }
.sector-thumb::before { 
	position: absolute; top:0; left:0;
	width:100%; height:100%; background:rgba(0,0,0,0.4); 
	content:'';}

@media(max-width:1200px){
	.sector-thumb span { font-size:20px;}
	.sector-thumb img { height: 400px;}
}
@media(max-width:767px){
	.sector-thumb h6 { width:90%; left:5%; font-size:18px;}
	.sector-thumb h6 span { font-size:14px;}
	.sector-thumb img { height: 300px;}
}
@media(max-width:575px){
	.sector-thumb img { height: 340px; }	
	.industries-strip a.button { float:left; margin-top:20px; }
}


.numbercounter-strip { 
	background:#FEF8F8;}
.numbercounter { 
  width:100%; float:left; margin:0;}
.numbercounter img { max-width: 60px; }
.numbercounter span { 
	font-weight:700; font-size:60; }
.numbercounter h1 { 
	margin:5px 0 10px; padding:0; }
.numbercounter h6 { 
	font-weight:300;
	margin:0; padding:0; }

@media screen and (max-width:767px){
	.numbercounter-strip { padding:0 0 30px; }
	.numbercounter { margin:30px 0 0px; }
	.numbercounter h6 { font-size:18px; }
	.numbercounter h1 {}
	.numbercounter img { max-width: 50px; }
}
@media screen and (max-width:575px){
	.numbercounter img { width:40px; }
	.numbercounter h1 { font-size:35px; }
	.numbercounter h6 { font-size:16px; font-weight: 400; }
}



.managing-director {}
.managing-director h3 { margin:0 0 10px; }
.managing-director img { width:100%; max-width:350px;}
.managing-director h6 { margin:0; padding:0; }
.managing-director h6 span { font-size:0.8em; }

@media screen and (max-width:767px){
	.managing-director img { margin:0 0 30px; }
}


.faqsection {
	width:100%; float:left;
	background:#FEF8F8; }
.faqsection img { 
	width:100%; float:left; max-height: 700px;
  object-fit:cover; object-position:center; }
.faqsection h3 { margin:0; }

.inner-faq-section, 
.faq-section { 
	width:100%; float:left; margin:0; padding:30px 40px 30px 0; }


.accordion {
    width:100%;
    margin: auto;
}

.accordion-item {
	width: 100%; float:left; margin:0 0 30px;
	background:none;
	border-bottom: 1px solid #EAEAEA;
}
.accordion-question {
	font-family: 'Plus Jakarta Sans', sans-serif;
    font-size:18px; font-weight: 500;
    color: #333; background-color: #fff;
    cursor: pointer;
    padding:15px 30px;
    width:100%;
    border: none;
    text-align: left;
    outline: none;
    transition: background-color 0.3s ease;
}
.accordion-question:hover, .accordion-question.active {
    background-color: #eee; }
.accordion-answer {
    display: none;
    padding: 15px; margin:0;
    background-color: #fff;
    border-top: 1px solid #ddd; }


.faqsection .accordion { 
	border-radius:2px; overflow: hidden;}
.faqsection .accordion-question { }
.faqsection .accordion-answer {
	float:left;
	padding:20px 35px 0px; }
.faqsection .accordion-answer p { 
	font-size:15px; color:#444; line-height:1.5; }
.faqsection .accordion-answer a { font-size: 1em; }
.faqsection a { color:#E02024; font-size:16px;}
.faqsection a span { margin:0 0 0 5px; }

@media screen and (max-width:991px){
	.accordion-question { font-size:16px; }
}
@media screen and (max-width:767px){
	.faqsection img{ height:400px; }
}


.ourfleet { 
	padding-top:0px; background:#FEF8F8; }
.ourfleet img { 
	width:100%; float:left; object-fit: cover; object-position: center; }
.ourfleet h3 { 
	margin:0; padding:0; }

.ourfleet ul { margin:0 0 10px; }
.ourfleet ul li { 
	position:relative; list-style:none; 
	margin:0; padding:5px 0 20px 30px; }
.ourfleet ul li::before { 
	font-family: "Font Awesome 6 Free";
	color:green; font-weight: 400; font-size:18px;
	content:'\f058'; position:absolute; top:4px; left:0; }

.ourfleet-content { 
	width:100%; float:left; padding-left:40px; }
@media screen and (max-width:767px){
	.ourfleet-content { margin-top:30px; }
}

.news-strip {}
.news-strip h3 { margin:0 0 5px; padding:0; }
.news-strip h4 { margin:0; padding:0; }
.news-strip a.button { float:right; }
.news-slider { margin-top:40px; }

.news-thumb {
	width:100%; float:left; 
	margin:0; padding: 0; 
	position: relative; }
.news-thumb img {
	width:100%; height: 340px; float:left;
	object-fit: cover; object-position: center; }
.news-thumb span {
	font-size: 18px;
	width:100%; display: inline-block; text-align: left;
	margin:10px 0 15px; padding:0; color:#E02024;
  text-decoration:underline; }
.news-thumb-desc {width:100%; float:left; margin-top:15px; }
.news-thumb-desc a { 
	font-size: 26px; font-weight: 700; line-height: 1.3;
  color:#191919; }
.news-thumb-desc a:hover { color:#031E3E; text-decoration:none; }

.related-news .news-thumb-desc a { font-size:20px; }


@media(max-width:1200px){
	.news-thumb span { font-size:16px; }
	.news-thumb img { height: 300px;}
	.news-thumb a { font-size:20px; }
}
@media(max-width:767px){
	.news-thumb span { margin:5px 0 10px; }
	.news-thumb img { height: 200px;}
	.news-thumb a { font-size:18px; }
	.news-strip a.button { float:left; margin-top:20px; }
}
@media(max-width:575px){
	.news-thumb img { height: 240px;}
}





.single-news .post-thumbnail { margin:0 0 30px; }
.single-news .post-thumbnail img { border-radius:10px; }

.safetystrip {
	text-align: center; background:#031E3E; }
.safetystrip h3, .safetystrip p { 
	color:#fff; text-align: center; }
.safetystrip a.button { 
	margin-bottom:40px; }





/* INNER PAGES -------------------- */
.news-banner,
.inner-banner {
	width:100%; float:left; margin:0; padding:0;
	position: relative; }
.inner-banner img {
	width:100%; float:left; max-height:350px; min-height: 200px;
  object-fit:cover; object-position:center; }
.inner-caption {
	width:100%; height: 100%; float:left; position: absolute; top:0; left:0;
	display: flex; align-items: center;
  background:rgba(0,0,0,0.5); }
.inner-caption h4,.inner-caption h3, .inner-caption h2 { 
	margin:0; padding:0; color:#fff; text-align:left; }
.inner-caption ul  { width:100%; float:left; list-style: none; margin:10px 0 0; padding:0; }
.inner-caption ul li { display: inline-block; float:left; margin:0 10px 0 0; padding:0 15px 0 0; color:#fff; position: relative; }
.inner-caption ul li:first-child { margin-left:0; padding-left:0; }
.inner-caption ul li::after { 
	font-family: "Font Awesome 6 Free"; font-weight: 900;
	font-size:12px; content:'\f105'; display:block; position:absolute; right:0; top:3px; }
.inner-caption ul li:last-child::after { display: none; }
.inner-caption ul li a { text-decoration: none; color:#fff; text-transform: capitalize; font-weight: 500; font-size: 14px;  }
.inner-caption ul li a:hover {}


.news-banner .inner-caption { 
	background: #031e3e;
	position: relative; padding:40px 0 20px; }

@media(max-width:1500px){
}
@media(max-width:1200px){
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}



.missionvision h4 { 
	font-weight: 700; }

.misionvision-block {
	margin: 0; padding:40px; height:100%;
	border:1px dashed #E02024; }
.misionvision-block h5 { color:#E02024; }
.misionvision-block p { text-align:justify; margin:0; padding:0;}
@media screen and (max-width:767px){
	.misionvision-block { padding:30px; }
}
@media screen and (max-width:575px){
	.misionvision-block { height:auto; margin:0 0 30px; }
}

.whychooseus {}
.whychooseus h6 { border-left:10px solid #E02024; padding-left:10px; }


.sector-item {
	width:100%; float:left; margin:0 0 30px; padding:0; }
.sector-item img { 
	width:100%; float:left; margin:0 0 20px; padding:0; }
.sector-item h4 { 
	font-weight: 700; }


.contactmap { pading:0; margin:0; width:100%; float:left; }
.contactmap iframe { width:100%; height:400px; float:left; }

.contactinfos ul.top-contact { margin:0; padding:0; }
.contactinfos ul.top-contact li { 
	width:100%;
	list-style:none; margin:0 0 15px; padding:0;  }
.contactinfos ul.top-contact li a { color:#191919; }
.contactinfos ul.top-contact li a:hover { color:#e02024; }

.contactinfos ul.social-menu { 
	margin:10px 0 0 0; padding:0; }
.contactinfos ul.social-menu li { 
	list-style:none; float:left; }
.contactinfos ul.social-menu li a { 
	width:30px; height:30px; display: inline-block; background:red; border-radius: 4px;
	text-align: center; display: flex; justify-content: center; align-items:center; text-decoration: none;
	color:#fff !important; }
.contactinfos ul.social-menu li a:hover { background:#333; }
.contactinfos ul.social-menu li a svg { }
.contactinfos ul.social-menu li a svg path { color:#191919 !important; }
@media screen and (max-width:575px){
	.contactinfos ul.social-menu { text-align:center; }
	.contactinfos ul.social-menu li { float:none;}
}




.contactform-strip {
	margin: 0;
  padding: 40px;
  background: #F2F2F2;
  border: 2px solid rgba(0,0,0,0.02);
  border-radius: 5px;
}
.contactinfos h4 { font-weight: 700; }
.contactform-strip h4 { font-weight: 700; margin:0; }
.contactform-strip p { margin:0; padding:0; }
.contactform-strip br { display:none; }
@media screen and (max-width:767px){
	.contactform-strip { margin-top:30px; }
}

.newpage .news-thumb {
	margin:0 0 30px; }
.newpage .news-thumb span {
	font-size:14px; }

.newpage .news-thumb a,
.newpage .news-thumb-desc a {
	font-size: 18px; }


.relatednews {
	background: #fef8f8;
}
.newspage h4 { font-weight:700; }
.news-cover-image { 
	width:100%; flaot:left; margin:0 0 30px; padding:0; }
.news-cover-image img { 
	width:100%; max-height: 500px; float:left; margin:0; padding:0; 
	object-position:center; object-fit:cover; }

.news-detail {}
.news-detail ul { margin:0 0 10px; padding:0; }
.news-detail ul li {
	margin:0; padding:5px 0 15px 25px;
	position: relative;
	list-style: none;
}
.news-detail ul li::before {
	font-family: "Font Awesome 6 Free"; font-weight: 600;
	position: absolute; left: 0; top:8px;
	content:'\f101'; font-size:13px; color:#031e3e;
}


.relatednews .news-thumb span {
	font-size:14px; }
.relatednews .news-thumb a {
	font-size: 18px; }


.single_detail-page ul { margin:0 0 10px; padding:0; }
.single_detail-page ul li {
	margin:0; padding:5px 0 15px 25px;
	position: relative;
	list-style: none;
}
.single_detail-page ul li::before {
	font-family: "Font Awesome 6 Free"; font-weight: 600;
	position: absolute; left: 0; top:8px;
	content:'\f101'; font-size:13px; color:#031e3e;
}