html,
body { margin: 0; padding: 0; font-family: 'DM Sans'; font-weight: normal; font-style: normal; 
	font-size: 16px; line-height: 1.7; letter-spacing: 0.20px; color: #686868; cursor: none; }

*, ::after, ::before {
	box-sizing: border-box;
}

body { overflow-x: hidden; }

img { display: block; max-width: 100%; height: auto; }

a { transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; -ms-transition: 0.5s ease all; }

a { color: #1f1f1f; text-decoration: none; display: inline-block; }
a:hover,
a:focus { color: #0080ff; fill: #0080ff; text-decoration: underline; }

.btn { background: #111e6c; border: 1px solid #111e6c; display: inline-block; padding: 15px 30px; color: #fff; text-decoration: none; fill: #fff; cursor: pointer; }

button.btn { font-size: 16px; letter-spacing: 0.5px; }

.btn.sky { background-color: #0080ff; border-color: #0080ff; }

.btn:hover,
.btn:focus { background: #0080ff; border-color: #0080ff; color: #fff; fill: #fff; text-decoration: none; }

.btn.sky:hover,
.btn.sky:focus { background-color: #111e6c; border-color: #111e6c; }

.btn.none { background: none; color: #1f1f1f; fill: #1f1f1f; border-color: #fff; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 { font-family: 'Halyard Display'; margin: 20px 0; line-height: 1.2; letter-spacing: 2px; color: #111e6c; }

p { margin: 20px 0; }

h1, .h1 { font-size: 60px; }
h2, .h2 { font-size: 48px; }
h3, .h3 { font-size: 38px; }
h4, .h4 { font-size: 30px; }
h5, .h5 { font-size: 24px; }
h6, .h6 { font-size: 20px; }

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

strong { font-weight: 900; }

.section-m { margin: 100px 0; }
.section-p { padding: 100px 0; }

.container-full {  padding: 0 20px; max-width: 1700px; margin: 0 auto; }
.container { padding: 0 20px; max-width: 1130px; margin: 0 auto; width: calc( 100% - 40px ); }

.main-header { position: sticky; top: 0; z-index: 999; background: #fff; padding: 15px 0; }

.main-header .hdrrow a:hover,
.main-header .hdrrow a:focus { text-decoration: none; }

.main-header .hdrrow { display: flex; text-transform: uppercase; font-size: 14px; align-items: center; }
.main-header .hdrrow .nav { margin-left: 50px; }
.main-header .hdrrow .nav ul { display: flex; margin: 0; padding: 0; }
.main-header .hdrrow .nav ul li { margin: 0; padding: 0; list-style-type: none; }
.main-header .hdrrow .nav ul li a { padding: 10px 15px; display: block; font-weight: 500; }

.main-header .hdrrow .nav ul li.current-menu-item a,
.main-header .hdrrow .nav ul li a:hover,
.main-header .hdrrow .nav ul li a:focus { background: #111e6c; color: #fff; }

.main-header .hdrrow .hdrcnts { margin-left: auto; display: flex; align-items: center; gap: 30px; }
.main-header .hdrrow .hdrcnts .phn { display: flex; gap: 10px; align-items: center; font-size: 20px; font-weight: 600; }
.main-header .hdrrow .hdrcnts .phn svg { width: 20px; fill: #787878; }

.main-banner { margin-top: 20px; }
.main-banner .inr-bnr { position: relative; display: flex; }
.main-banner .inr-bnr .bnrovrly { position: absolute; left: 0; right: 0; bottom: 120px; color: #fff; }
.main-banner .inr-bnr .bnrovrly h2 { color: #fff; margin-bottom: 50px; }
.main-banner .inr-bnr .bnrovrly p { margin-bottom: 0px; }

.main-banner.inrpage img {
	height: 350px;
	width: 100%;
	object-fit: cover;
}

.main-banner.inrpage .inr-bnr .bnrovrly {
	top: 50%;
	transform: translate(0, -50%);
	bottom: auto;
}

.whowr .container,
.srvices,
.blogrow,
.qiccnts { display: flex; flex-wrap: wrap; gap: 30px; }

.whowr .container .lft { width: calc(40% - 30px); }
.whowr .container .rit { width: 60%; }
.whowr .container .full { width: 100%; }

.srvices { width: 100%; margin-top: 50px; }
.srvices>.srvitm { width: calc( 25% - 22.5px ); }
.srvices>a>svg { fill: #0080ff; }
.srvices>a:hover>svg,
.srvices>a:focus>svg { fill: #111e6c; }

.srvices > .srvitm p {
  font-size: 14px;
}

.srvices h2 {
  width: 100%;
  text-align: center;
}


.cursor-class, .cursor-follower, .cursor { position: absolute; background: #fff; border-radius: 100%; user-select: none; pointer-events: none; z-index: 999; mix-blend-mode: difference; }
.cursor { width: 20px; height: 20px; transition: 0.3s ease transform, 0.2s linear opacity; }
.cursor-follower { width: 3.2rem; height: 3.2rem; opacity: 0.3; z-index: 99; transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity; }

.tglinbnr { position: relative; background: center center no-repeat; background-size: cover; background-attachment: fixed; min-height: 500px; display: flex; align-items: center; }
.tglinbnr:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #111e6c; opacity: 0.5; }
.tglinbnr h2 { color: #fff; position: relative; }

.blogrow { margin-top: 40px; }
.blogrow>.blogitem { width: calc( 33.33% - 20px ); }
.blogrow>.blogitem:hover,
.blogrow>.blogitem:focus { text-decoration: none; color: inherit; }

.blogrow>.blogitem h5 { color: #1f1f1f; letter-spacing: 1px; }

.postmeta { color: #a0a0a0; font-size: 14px; }

.blogrow>.blogitem .smttl { color: #1f1f1f; text-transform: uppercase; margin-bottom: -10px; font-size: 20px; }

.blogrow>.blogitem:hover h5,
.blogrow>.blogitem:focus { text-decoration: underline; color: #0080ff; }

.qickcontsec { background-color: #ededed; }

.qiccnts { margin-top: 60px; }

.qickcnts p { position: relative; padding-left: 30px; }
.qickcnts p strong { display: block; color: #111e6c; }
.qickcnts p svg { height: 15px; fill: #0080ff; position: absolute; left: 0; top: 6px; }

.container-full.section-p { padding: 100px 20px; }

.qiccnts>div.lft { width: calc(40% - 30px); }
.qiccnts>div.rit { width: 60%; }

.qickfrm { display: flex; flex-wrap: wrap; gap: 25px; }

.qickfrm input,
.qickfrm textarea { background: transparent; border: 1px solid #a5a5a5; padding: 10px 20px; color: #1f1f1f; font-family: 'DM Sans'; font-size: 16px; 
	line-height: 28px; outline: 0; width: 100%; }

.qickfrm p { width: calc( 50% - 12.5px ); margin: 0; }
.qickfrm p span { display: block; }

.qickfrm p.full,
.qickfrm p.full { width: 100%; }

.qickfrm textarea { height: 100px; }

span.wpcf7-not-valid-tip { font-size: 13px; margin-top: 10px; font-style: italic; }

::-ms-input-placeholder { color: #1f1f1f; }
::placeholder { color: #1f1f1f; }

.main-footer {  margin: 70px 0; }

.main-footer .nav { margin-left: 0; font-size: 14px; }
.main-footer .nav ul { display: flex; margin: 0; padding: 0; }
.main-footer .nav ul li { margin: 0; padding: 0; list-style-type: none; margin-right: 30px; }
.main-footer .nav ul li a { padding: 0; display: block; font-weight: 600; text-transform: uppercase; }

.main-footer .nav ul li a.active,
.main-footer .nav ul li a:hover,
.main-footer .nav ul li a:focus { color: #0080ff; }

.main-footer .phn { font-size: 15px; font-weight: 600; }
.main-footer .phn svg { width: 12px; margin-right: 10px; }

.main-footer .navrow { display: flex; flex-wrap: wrap; gap: 30px; align-items: center; justify-content: space-between; }

.main-footer .cpritrow { text-align: center; margin-top: 40px; padding-top: 40px; border-top: 1px solid #dadada; }
.main-footer .cpritrow p { margin: 0; color: #1f1f1f; }
.main-footer .cpritrow p.cmpny { margin: 10px 0 0; font-size: 12px; color: #686868; }

.main-footer .cpritrow p a { text-decoration: underline; color: inherit; }
.main-footer .cpritrow p a:hover,
.main-footer .cpritrow p a:focus { text-decoration: none; }

.togle { display: none; }

.maploca { margin-top: 50px; border: 1px solid #a5a5a5; }
.maploca iframe { width: 100%; height: 200px; }

.maploca.cntpagfrm { margin: 0; }

.maploca.cntpagfrm iframe { height: 300px; }

.main-banner.inrpage .inr-bnr:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 5; background: #000; opacity: 0.3; }
.main-banner.inrpage .inr-bnr .bnrovrly { z-index: 6; }

.discolosr {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	background: #fff;
	padding: 30px;
	display: none;
}

.discolosr>.discinr {
	border: 3px solid #111e6c;
	padding: 30px;
}

.discolosr>.discinr>.discinrinr {
	height: 190px;
	overflow: auto;
}

.discolosr>.discinr>.discinrinr h5 {
	margin-top: 0;
}

.discolosr>.discinr>.discinrinr a:not(.btn) {
	color: #0080ff;
}

.discolosr>.discinr>.discinrinr a:not(.btn):hover, .discolosr>.discinr>.discinrinr a:not(.btn):focus {
	text-decoration: underline;
}

.discolosr>.discinr>.discinrinr p.btngroup {
	display: flex;
	gap: 20px;
	margin-bottom: 0;
	position: sticky;
	bottom: 0;
	background: #fff;
}

.discolosr>.discinr>.discinrinr p.btngroup a {
	padding: 5px 30px;
}

.discolosr:before, .discolosr:after {
	content: '';
	height: 5px;
	width: 100px;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	z-index: 1;
	background: #0080ff;
}

.discolosr:after {
	height: 100px;
	width: 5px;
}

.section-p.cstmslider {
  padding-top: 0;
}

.brand-carousel { margin-top: 50px; }

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

.owl-dot {
	display: inline-block;
	height: 15px !important;
	width: 15px !important;
	background-color: #b5b5b5 !important;
	opacity: 0.8;
	border-radius: 50%;
	margin: 0 5px;
}

.owl-dot.active {
	background-color: #111e6c !important;
}

.owl-carousel .owl-stage {
	display: flex;
	align-items: center;
}

.single-logo img {
  display: block;
  max-width: 150px;
  max-height: 60px;
}

.main-header {
  position: fixed;
	background: #ffffff85;
  top: 0;
  left: 0;
  right: 0;
}

.main-header .hdrrow img {
  max-width: 200px;
}

.main-banner .bnrovrly.container {
    padding-top: 190px;
}

.main-banner {
  margin-top: 0;
}

.main-banner .container-full {
  max-width: none;
  padding: 0;
}

@media( max-width: 1200px ) {

	.main-header .hdrrow .nav { margin-left: 30px; }
	.main-header .hdrrow .hdrcnts .phn { font-size: 16px; }

}

@media( max-width: 1100px ) {

	.main-header { padding: 10px 0; }

	.main-header .hdrrow .hdrcnts { gap: 20px; }

	.main-header .btn { padding: 10px 15px; }

	.main-header .hdrrow .nav { display: none; }

	.main-banner { margin-top: 0; }

	.togle { display: flex; width: 30px; position: relative; flex-wrap: wrap; gap: 5px; cursor: pointer; }

	.togle i { width: 30px; height: 3px; background: #111e6c; }

	.main-header .hdrrow .nav {
		position: absolute;
		left: 0;
		top: 100%;
		right: 0;
		background: #efefef;
		margin: 0;
		padding: 30px;
	}

	.main-header .hdrrow .nav ul {
		display: block;
	}

	.main-header .hdrrow .nav ul li {
		margin: 10px 0;
	}

	h1, .h1,
	h2, .h2,
	h3, .h3,
	h4, .h4,
	h5, .h5,
	h6, .h6 { letter-spacing: 1px; }

	h1, .h1 { font-size: 40px; }
	h2, .h2 { font-size: 38px; }
	h3, .h3 { font-size: 34px; }
	h4, .h4 { font-size: 38px; }
	h5, .h5 { font-size: 22px; }
	h6, .h6 { font-size: 16px; }

	.main-banner .inr-bnr .bnrovrly { top: 50%;  transform: translate(0, -50%); bottom: auto; }

	.section-m { margin: 50px 0; }
	.section-p { padding: 50px 0; }

}

@media( max-width: 991px ) {

	.srvices { gap: 20px; text-align: center; }

	.srvices>a { width: calc(50% - 72px); border: 1px solid #dfdfdf; padding: 30px; }

	.qiccnts>div.lft { width: 100%; }
	.qiccnts>div.rit { width: 100%; }

	.tglinbnr {
		min-height: 300px;
	}
	
	.srvices > .srvitm { width: calc( 50% - 22.5px ); }

	.container {
		width: 100%;
	}

	.main-banner .inr-bnr .bnrovrly h2 {
		font-size: 26px;
	}

	.btn {
		padding: 6px 20px;
	}

	.main-banner .bnrovrly.container {
		padding-top: 100px;
	}

	
}

@media( max-width: 767px ) {

	.srvices>a { width: 100%; }


	.qiccnts { margin-top: 30px; }

	.qiccnts>div.lft,
	.whowr .container .lft { width: 100%; }
	.qiccnts>div.rit,
	.whowr .container .rit { width: 100%; }

	.whowr .container { gap: 0; }

	.tglinbnr {
		min-height: 200px;
	}

	.qickfrm { gap: 10px; }

	.blogrow>.blogitem,
	.qickfrm p  { width: 100%; }

	.main-footer .nav ul { display: block; }

	.main-footer .nav ul li { margin: 20px 0; }


	.main-header .hdrrow .hdrcnts .phn { margin-left: 30px; }
	.main-header .hdrrow .hdrcnts .phn span { display: none; }

	.main-header .btn { padding: 5px 10px; white-space: nowrap; }

	.main-banner .inr-bnr img { height: 400px; object-fit: cover; }

	.main-banner .inr-bnr .bnrovrly h2 {
		color: #fff;
		margin-bottom: 30px;
	}   
	
	.srvices > .srvitm { width: 100%; }

	.main-banner .inr-bnr img {
		height: auto;
		min-height: 300px;
	}

	h2, .h2 {
		font-size: 30px;
	}

	.main-header .hdrrow img {
		max-width: 150px;
	}
	
}