/*
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: 15px; 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:#192a3d; padding:0; }
h4, h5, h6 { 
	color:#192a3d; padding:0; }

h1 { font-size:65px; font-weight:700; line-height: 1.1; margin:0 0 30px 0; }
h2 { font-size:50px; font-weight:600; line-height: 1.2; margin:0 0 30px 0; }
h3 { font-size:40px; font-weight:600; line-height: 1.3; margin:0 0 30px 0; }
h4 { font-size:30px; font-weight:600; line-height: 1.4; margin:0 0 20px 0; }
h5 { font-size:24px; font-weight:500; line-height: 1.4; margin:0 0 15px 0; }
h6 { font-size:18px; font-weight:500; line-height: 1.6; margin:0 0 15px 0; }
.title { color:#0092ff; }
p { 
	text-align: left;
	font-size:16px; font-weight:400; line-height: 28px;
	margin:0 0 25px; padding:0; color:#333; }
p a { text-decoration:underline; }
span.color { color:#0092ff; }
strong { font-weight:700; }

a { text-decoration:none;  color:#1E506B; transition: all 1s; }
a:hover { color:#0092ff; }
a img { border: none; outline: none; }
.imageblock { border-radius:10px; overflow:hidden; }
@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:15px; line-height: 24px; }
}
@media(max-width:991px){
	p { font-size:14px; }
}
@media(max-width:767px){
	h1 { font-size:50px; }
	h2 { font-size:40px; }
	
	
}
@media(max-width:575px){
	h1 { font-size:46px; }
	h2 {  }
	h4 {  }
	h5 {  }
	h6 {  }
}
::after,
::before { font-family: "Font Awesome 5 Free"; font-weight:900; }
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:10px 25px 10px 30px;
	text-decoration: none; 
	border-radius: 5px; text-transform: capitalize;
	font-weight:500; color:#fff; text-align: center;
	background:#000; border:none; }
a.button::after { 
	font-size:14px;
	content:'\f105'; margin:0 0 0 5px; 
	width:10px; height:14px; background:none; color:#fff;
  border-radius:30px; line-height: 1;  }
a.button:hover { 
	color:#0092ff;  }
a.button:hover:after { color:#0092ff; }

.text-center {
	text-align: center; }
@media(max-width:575px){ 
	a.button { font-size:13px; }
}
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:#0092ff; }


/* 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:10px;
	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:10px; }
input[type="submit"],
input[type="button"]{
	margin:30px 0 0; padding:0;
	width:100%; min-height:42px; max-width:220px;
	background:#0092ff; color:#fff; font-size:13px;
	font-weight:600; border-radius:100px; text-align: center;
	border:1px solid #0092ff; outline:none; cursor: pointer;
  border-radius:10px; }
input[type="submit"]:hover,
input[type="button"]:hover { 
	background:#000; color:#0092ff; border-color:#0092ff; }
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:#fff; font-weight:600; }
.top-menu a.button { 
	margin:0; padding:12px 26px;
	color:#fff; text-transform: capitalize; }
.top-menu a.button:hover { color:#fff; }

.top-menu a:hover, .top-menu a.active, .current-menu-item a { 
	color:#0092ff; }
.top-menu li::before { display: none; }
.top-menu ul {
	float:right;
	margin:0 0 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; }
@media screen and (min-width:992px) {
  .top-menu ul li:last-child { padding-right:0; }	
}
.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:#0092ff; }
.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:#fff;
}
.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:#222; text-align:center; font-size:16px;
	border-radius: 3px; }
.menu-close {
	display: none; background:#222;
	width:30px; height:30px;
	position: absolute; top:120px; right:10px;
	text-align: center; line-height: 30px;
	font-size:1.1em; color:#b59d56; 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:#0092ff; */
			 background: rgb(208,172,66);
			 background: linear-gradient(306deg, rgba(208,172,66,1) 0%, rgba(178,155,88,1) 52%, rgba(206,171,67,1) 100%); 
	}
	
	
	
		.menu-area .top-menu { 
			float:left; margin:0; padding:55px 0; }
		.menu-area ul { 
			margin:100px 0 0; padding:0; 
			overflow:hidden; border-top:1px solid rgba(0,0,0,0.5);  }
		.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(0,0,0,0.5); }
	.top-menu { display: block; text-align: center; }
		.menu-area ul li a { 
			font-size:1.3em; color:#222; }
		.top-menu a.active { color:#222; }
		.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:#0092ff;
			right:10px; top:0px; background:rgba(0,0,0,0.8); }
		.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 ------------- */
/* .owl-carousel .owl-nav {
	position: absolute; top:35%; right:0; z-index: 2001; 
}*/
.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:30px; }

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

.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: #0092ff; }



@media(max-width:767px){
	.owl-carousel .owl-nav { display: none; }
	.sectior-slider .owl-carousel .owl-nav { display: block; }
	.sectior-slider .owl-carousel .owl-nav div.owl-prev { left:20px; }
}

.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:#0092ff; }
.next-slide, .prev-slide { cursor: pointer; }