@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

/*
================================================
2. Common CSS
================================================
*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Outfit", sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #2d2e2e;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Outfit", sans-serif;
	margin-top: 0;
}

a {
	color: #666666;
	transition: all 0.3s ease 0s;
}

a:hover {
	color: #044764;
	text-decoration: none;
}

a, a:hover, a:active, a:focus {
	outline: none;
	text-decoration: none;
}

.btn, .btn * {
	transition: all 0.3s ease 0s;
}

.btn {
	border-width: 2px;
	margin-bottom: 7px;
	margin-top: 7px;
	padding: 8px 22px;
	z-index: 1;
}

.form-subscribe .btn {
	border-width: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	z-index: 0;
}
.btn:focus-visible {
    outline: none;
}

@media (max-width: 389.98px) {
	.form-subscribe .btn {
		border-width: 0;
		margin-bottom: 0;
		margin-top: 0;
	}
}


ul, li {
	list-style: outside none none;
}

.form-control {
	/*background: rgba(0, 0, 0, 0) none repeat scroll 0 0;*/
	background: rgba(245, 248, 250, 1) none repeat scroll 0 0;
	border: 1px solid #e8e8e8;
	border-radius: 0;
	box-shadow: none;
	color: #333333;
	height: 50px;
	padding: 9px 15px;
}

section {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.section-title {
	margin: 0 0 60px;
	text-align: center;
}

/* btn hover effect */

.btn-one {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	border: 2px solid #ffa019;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	padding: 8px 40px 9px;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	border-radius: 2px;
}

.btn-one:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ffa019;
	border: 2px solid #ffa019;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.btn-one:hover, .btn-one:focus, .btn-one:active {
	color: #fff;
}

.btn-one:hover:before, .btn-one:focus:before, .btn-one:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}


/*
================================================
 Thank you
================================================
*/

.main {
	height: 120px;
}

#abc {
	background-color: #989898;
	display: none;
	height: 100%;
	left: 0;
	opacity: 0.98;
	overflow: hidden;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
}

.thankyou p {
	font-size: 18px;
	padding: 10px 0 0;
	color: #616367;
	font-family: "Outfit", sans-serif;
	font-weight: 400;
}

.thankyou p a {
	color: #fa7b2a;
	font-weight: bold;
	text-decoration: none;
}

.thankyou p a:hover {
	opacity: 0.8;
}

div.popupcontact {
	width: 600px;
	margin: 0 auto;
	min-height: 250px;
	background: #fff;
	border-bottom:10px solid #21478B;
}

.thankyou {
	padding: 10px 0 25px;
	text-align: center;
}

img#thankyou {
	padding: 45px 0 15px;
	text-align: center;
}

.thankyou p {
	font-size:18px;
	padding:10px 0 0;
}

img#close {
	cursor: pointer;
	float: right;
	margin: -15px -15px 0 0;
	padding: 0;
}

/*

================================================

 Banner

================================================

*/

.logo {

	padding: 45px 0 0;

	float: left;

	width: 100%;

}

.banner-wrapper {
	float: left;
	width: 100%;
	background: url(../jpg/banner-img-2.jpg) no-repeat left top;
	background-size: 100%;
	min-height: 680px;
}

.banner-content {
	float: right;
	padding: 50px 0;
}

.banner-wrapper .banner-content h1:before {
	width: 164px;
	height: 2px;
	background: #ffa019;
	position: absolute;
	top: -18px;
	content: "";
	left:0;
}

.banner-content h1:before {
	width: 164px;
	height: 2px;
	background: #ffa019;
	position: absolute;
	left: -185px;
	top: 35px;
	content: "";
}

.banner-content h1 {
	color: #ffffff;
	font-size: 45px;
	font-weight: 200;
	line-height: 45px;
	margin: 0 0 5px;
	position: relative;
	text-transform: uppercase;
	text-align:left;
}

.banner-wrapper .banner-content {
	float: none;
	padding: 124px 0 0;
	text-align:center;
}

.banner-content h1 span {
	font-weight: 800;
	display:block;
}

.banner-content h1 strong {
	font-weight: 800;
}	

.banner-content h3 {
	font-family: "Outfit", sans-serif;
	font-weight:600;
	font-size:30px;
	color:#fff;
	margin:33px 0 34px;
	text-align:right;
}	

.banner-content h3 span {
	color:#ffa019;
}

.banner-wrapper .btn-one {
	text-align:center;
}		

.banner-content p {
	color: #ffffff;
	font-size: 17px;
	margin: 0 0 25px;
}

/*** Banner Wrapper New ***/
.banner-wrapper-new {

	float: left;

	width: 100%;

	background: url(../jpg/banner-img-new.jpg) no-repeat left top;

	background-size: 100%;

	min-height: 680px;

}

.banner-wrapper2 .banner-content {

	padding-top: 117px;

}

.banner-wrapper-new .banner-content {

	padding-top: 100px;

}

.banner-wrapper-new .banner-content img {

	margin: 0 0 15px;

}

.banner-inner .color2 {

	background: #3abf88;

	text-align: center;

}



/*** Banner Wrapper 2 ***/



.banner-wrapper2 {

	float: left;

	width: 100%;

	background: url(../jpg/banner-img2.jpg) no-repeat left top;

	background-size: 100%;

	min-height: 680px;

}

.banner-inner:before {

	background: #fff;

	content: "";

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	width: 75%;

}

.banner-inner {

	margin: -110px 0 0;

	position: relative;

	display: table;

	table-layout: fixed;

}

.color1 {

	background: #ffa019;

	text-align: center;

}

.banner-inner {

	display: table;

	table-layout: fixed;

	width: 100%;

}

.banner-inner > div > div > div {
	display: flex;
	justify-content: center;
	align-items: center;
	/*display: table-cell;*/
	float: none;
	margin: 0;
	height: 230px;
	vertical-align: middle;
	padding: 0;
}

.banner-inner .heading h2 {

	padding: 0;

	

}

.banner-inner.space .heading h2 {

	padding: 0 0 0 40px;

}

.banner-inner.space .content p {

	padding: 0 10px 0 30px;

}

.banner-inner .content p {

	color: #355270;

	font-size: 18px;

	padding: 0 30px 0 10px;

}

.banner-inner.space .content p {

	padding: 0;

}

.banner-inner h2 {

	padding: 0;

	font-weight: 200;

	font-size: 45px;

	color: #355270;

}

.banner-inner h2 span {

	display: block;

}

.banner-content img {

	margin: 0 0 25px;

}

.banner-content h2:before {

	width: 164px;

	height: 2px;

	background: #ffa019;

	position: absolute;

	left: -185px;

	top: 25px;

	content: "";

}

.banner-content h2 {

	color: #ffffff;

	font-size: 45px;

	font-weight: 200;

	line-height: 53px;

	margin: 0 0 15px;

	position: relative;

}

/*** Banner Wrapper 3 ***/

.banner-wrapper3 {

	float: left;

	width: 100%;

	background: url(../jpg/banner-img3.jpg) no-repeat left top;

	background-size: 100%;

	min-height: 680px;

}

.banner-inner.one:before {

	background: #fff;

	content: "";

	height: 100%;

	position: absolute;

	right: 0;

	top: 0;

	width: 75%;

	left:auto;

}

.banner-inner .color3 {

	background: #21478b;

	text-align: center;

}

.banner-wrapper3 .banner-content {

	padding-top: 80px;

}

.banner-wrapper3 .banner-inner .content p {

	padding: 0 30px 0 0;

}

/*** Banner Wrapper 4 ***/

.banner-wrapper4 {

	float: left;

	width: 100%;

	background: url(../jpg/banner-img4.jpg) no-repeat left top;

	background-size: cover;

	min-height: 680px;

	padding: 0;

}

.banner-wrapper4 .banner-content h2 {

	margin: 0 0 30px;

}

.banner-inner .color4 {

	background: #1ab0e6;

	text-align: center;

}

/*** Contact Form ***/

.banner-wrapper4 .banner-content {

	width: 100%;

}

.banner-wrapper4 .hs-form.stacked label {

	color:#fff;

}

.banner-wrapper4 .hs-form.stacked label span.hs-form-required {

	margin:0 0 0 2px;

}

.banner-wrapper4 input.hs-input.error {

	border: 1px solid #ff0000;

	box-shadow: none;

}

.banner-wrapper4 .hs-form.stacked .field {

	margin-bottom: 20px;

}

.banner-wrapper4 .hs-form.stacked .actions {

	margin: 0;

	padding: 0;

}

.banner-wrapper4 .banner-content form fieldset .input {

	margin-right:0 !important;

}

.banner-wrapper4 form fieldset {

	max-width:900px;

}

.banner-wrapper4 form .input input {

	background-color: #fff;

	border: 1px solid #fff;

	border-radius: 0;

	box-shadow: none;

	color: #555555;

	display: block;

	font-size: 14px;

	height: 50px;

	padding: 0 0 0 4%;

	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

	width: auto;

	line-height: 50px;

	box-shadow:none;

	width:94%;

	max-width:800px !important;

}

.banner-wrapper4 form .input input#firstname-30531a3b-429d-476f-811d-64937c32e0df,

.banner-wrapper4 form .input input#company-30531a3b-429d-476f-811d-64937c32e0df,

.banner-wrapper4 form .input input#address-30531a3b-429d-476f-811d-64937c32e0df,

.banner-wrapper4 form .input input#city-30531a3b-429d-476f-811d-64937c32e0df

{

	width:94%;

}

.banner-wrapper4 form .input input#suite_or_building_if_applicable_-30531a3b-429d-476f-811d-64937c32e0df {

	padding: 0 0 0 2%;

	width: 97%;

}

#counrty-30531a3b-429d-476f-811d-64937c32e0df {

	width: 95% !important;

}

/*.banner-wrapper4 form select {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	background: #fff url("../images/select-arrow.png") no-repeat scroll 94% 21px;

	border: 1px solid #fff;

	border-radius: 0;

	box-shadow: none;

	color: #aaaaaa;

	display: block;

	font-size: 14px;

	height: 50px;

	line-height: 50px;

	padding: 0 0 0 2%;

	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

	width: 98.5% !important;

}*/

.banner-wrapper4 form select {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	background: #fff url("../png/select-arrow-9.png") no-repeat scroll 94% 21px;

	border: 1px solid #fff;

	border-radius: 0;

	box-shadow: none;

	color: #aaaaaa;

	display: block;

	font-size: 16px;

	height: 50px;

	line-height: 50px;

	padding: 0 0 0 5%;

	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

	width: 98.5% !important;

}

.banner-wrapper4 form select option {

	padding: 5px;

}

.banner-wrapper4 form input.hs-button.primary.large,

.banner-wrapper4 form input.hs-button.primary.large:hover,

.banner-wrapper4 form input.hs-button.primary.large:focus {

	background: #ffa019;

	border-width:0 0 3px 0;

	border-style:solid;

	border-color:#ce7f0f;

	border-radius: 2px;

	color: #ffffff;

	display: inline-block;

	font-size: 20px;

	font-weight: 800;

	margin: 5px 0 10px;

	overflow: hidden;

	padding: 0;

	position: relative;

	text-transform: uppercase;

	transition: all 0.4s ease-in-out 0s;

	width: 97.5%;

	height: 60px;

	line-height: 45px;

	text-shadow:none;

	font-family: "Outfit", sans-serif;

}

.banner-wrapper4 textarea.hs-input#message-30531a3b-429d-476f-811d-64937c32e0df {

	height: 160px;

	background-color: #fff !important;

	box-shadow:none;

	width:97.2%;

	max-width:800px;

	border-radius:0;

	border:none;

	padding:10px 0 0 2%;

}

/*** Copyright Style ***/

.copy-rights {

	width: 100%;

	text-align: center;

	padding: 10px 0;

	float: left;

}

.copy-rights p {

	color: #656565;

	font-size: 14px;

	margin: 0 0 -3px;

}

.copy-rights p a {

	color: #656565;

}







form label span {

	color: red;

}

form label {

	color: #ffffff;

	font-weight: 400;

}



p.req-field label {

	font-size: 16px;

	margin-bottom: 0px;

	font-weight: 300;

	font-style: italic;

}

p.req-field {

	margin-bottom: 20px;

	font-weight: 600;

}

.form-group {

	margin-bottom: 18px;

}

.send-btn {

	border-radius: 0px;

	padding: 15px 30px;

	background-color: #ffa019;

	font-size: 18px;

	font-weight: 500;

	letter-spacing: 0.5px;

}

.send-btn:hover {

	border-color: #fff;

	color: #fff;

}


footer .container {
	width: 94%;
}


.d-flex {
	display: flex;
}



/*

================================================

 Responsive 

================================================

*/	

@media (min-width: 1400px) {

/**** Banner Wrapper ****/ 

#counrty-30531a3b-429d-476f-811d-64937c32e0df {

	width: 94% !important;

}

.logo {

	padding: 40px 0 0;

}

.banner-wrapper {

	min-height: 960px;

	background-size: cover;

}

.banner-content h3 {

	margin:37px 0 45px;

	font-size:33px;

}

.banner-wrapper-new {
	min-height: 960px;
	background-size: cover;
}

.banner-wrapper2, .banner-wrapper3 {
	background-size: cover;
}

.banner-wrapper4 {
	padding:0 0 200px;
}

.banner-inner {
	margin: -135px 0 0;
}

.banner-inner.space .heading h2 {
	padding: 0 0 0 30px;
}

.banner-content h1 {
	font-size: 46px;
	line-height: 1.2;
	margin: 0 0 5px;
}

.banner-wrapper .banner-content {

	padding: 235px 0 0;

}

.banner-inner h2 {

	font-size:48px;

}

.banner-content p {

	margin: 0 0 35px;

	font-size: 18px;

}

.banner-content .btn-one {
	border: 3px solid #ffa019;
	padding: 16px 40px 16px;
	font-size: 22px;
}

.banner-inner > div > div > div {

	height: 280px;

}

/*** banner-wrapper-new ***/

.banner-wrapper-new .banner-content {

	padding: 215px 0 0; 

}

/*** banner-wrapper2 ***/	

.banner-wrapper2 {

	min-height: 960px;

}

.banner-wrapper2 .banner-content {

	padding: 230px 0 0;

}

.banner-content {

	padding: 215px 0 0;

}

.banner-wrapper3 {

	min-height: 960px;

}

.banner-wrapper3 .banner-content {

	padding-top: 175px;

}

.banner-wrapper4 form .input input {

	font-size: 15px;

}

.banner-wrapper4 .hs-form.stacked .field {

	margin-bottom: 10px;

}

.banner-wrapper4 form input.hs-button.primary.large {

	font-size: 24px !important;

}

.banner-wrapper4 form .input select {

	background: #fff url("../png/select-arrow-9.png") no-repeat scroll 94% 21px;

	font-size: 15px;	

	height:52px;

	color:#bfbfbf;

}

.banner-wrapper4 textarea#message-90946c15-851e-4ace-82dd-db47784b2786.hs-input {

	font-size: 15px;

}

}

@media (min-width: 1250px) and (max-width: 1280px) {

	.banner-wrapper, .banner-wrapper-new, .banner-wrapper2, .banner-wrapper3, .banner-wrapper4 {

		background-size: cover;

	}

}

@media (min-width: 992px) and (max-width: 1024px) {

/**** Banner Wrapper ****/

.logo {

	padding: 10px 0 0;

}

.banner-wrapper {

	background-size: cover;

	min-height: 650px;

}

.banner-content h1::before {

	top: 20px;

}

.banner-content img {

	margin: 0 0 15px;

}

.banner-content h1 {

	font-size: 40px;

	line-height: 40px;

}

.banner-inner h2 {

	font-size: 30px;

}

.banner-wrapper-new {

	background-size: cover;

}

.banner-wrapper2 {

	background-size: cover;

}

.banner-inner > div > div > div {

	padding: 0 15px;

}

.banner-wrapper3 {

	background-size: cover;

}

.banner-wrapper4 {

	background-size: cover;

}

.banner-content h2 {

	font-size: 35px;

}

.banner-inner .content p {

	font-size: 14px;

}

.banner-wrapper4 form select {

	height:52px;

}

}

@media (min-width: 768px) and (max-width: 991px) {

/**** Banner Wrapper ****/

.logo {

	padding: 10px 0 0;

}

.banner-wrapper {

	background-size: cover;

	min-height: 650px;

}

.banner-content h1::before {

	top: 20px;

}

.banner-content h1 span {

	display:inline;

}

.banner-content img {

	margin: 0 0 15px;

}

.banner-content h1 {

	font-size: 40px;

	line-height: 40px;

}

.banner-inner h2 {

	font-size: 30px;

}

.banner-wrapper-new {

	background-size: cover;

	min-height: 650px;

}

.banner-wrapper2 {

	background-size: cover;

}

.banner-inner > div > div > div {

	padding: 0 15px;

}

.banner-wrapper3 {

	background-size: cover;

}

.banner-wrapper4 {

	background-size: cover;

}

.banner-content h2 {

	font-size: 35px;

}

.banner-inner .content p {

	font-size: 14px;

}

.banner-wrapper4 form select {

	height:52px;

}

}

@media (max-width: 767px) {

/**** banner wrapper ****/

.banner-wrapper4 textarea#message-30531a3b-429d-476f-811d-64937c32e0df.hs-input {

	width: 98%;

}

.banner-wrapper4 form input.hs-button.primary.large, .banner-wrapper4 form input.hs-button.primary.large:hover, .banner-wrapper4 form input.hs-button.primary.large:focus {

	width: 98%;

}

.banner-wrapper {

	background-size: cover;

	min-height: 500px;

}

.banner-wrapper .banner-content h1 {

	font-size: 26px;

	line-height: 30px;

	margin: 0 0 10px;

}

.banner-content h1 span {

	display:inline;

}

.banner-content h1 strong {

	display:block;

}

.banner-wrapper-new {

	background-size: cover;

}

.banner-wrapper2 {

	background-size: cover;

}

.banner-wrapper3 {

	background-size: cover;

}

.banner-wrapper4 {

	background-size: cover;

}

.logo {
	margin-bottom:40px;
	padding-left:15px;
}

.logo img {
/*	width: auto;*/
	max-width: 100%;
	height: auto;
}

.banner-wrapper .pull-right {

	float: none !important;

}

.banner-content h3 {

	font-size: 17px;

	text-align:left;

	line-height:20px;	

}

.banner-inner::before {

	width: 100%;

}

.banner-wrapper .banner-content {

	float: none;

	padding: 120px 15px 0;

	margin: 0;

}

.banner-content h1::before {

	display: none;

}

.banner-content h1 {

	font-size: 40px;

	line-height: 40px;

}

.banner-inner {

	margin: 0;

}

.banner-inner > div > div > div {

	display: inherit;

	height: auto;

	padding: 30px 15px;

}

.banner-content h2::before {

	display: none;

}

.banner-inner .heading h2 {

	margin: 0 0 -40px;

	padding: 0;

}

.banner-inner .content p {

	padding: 0;

}

.banner-wrapper .banner-content p {

	margin:0 0 20px;

}

.banner-content p {

	margin:0;

}

.banner-inner.space .heading h2 {

	padding: 0;

}

.banner-content {

	float: right;

	padding: 100px 0;

}

.banner-inner.one::before {

	width: 100%;

}

.banner-wrapper4 .pull-right {

	float: none !important;

}

.banner-wrapper4 .banner-content {

	float: none;

	margin: 0;

	padding: 100px 30px;

}

.banner-content h2, .banner-inner h2 {

	font-size: 30px !important;

	line-height: 30px  !important;

}

.banner-inner h2 span {

	display: inline;

}

.banner-wrapper3 .banner-content {

	margin: 0;

}

.banner-inner > div > div > div {

	text-align:left !important;

}	

/**** thankyou ****/

div.popupcontact {

	width:90%;

	text-align:center;

}	

img#close {

	cursor: pointer;

	margin: -22px 0 0;

	padding: 0;

	position: absolute;

	right: 0;

	top: auto;

}		

img#thankyou {

	padding: 30px 0 15px;

	text-align: center;

	width:90%;

}

body .banner-wrapper4 form .input input {

	width:95% !important;

}

.banner-wrapper4 form .input input#suite_or_building_if_applicable_-30531a3b-429d-476f-811d-64937c32e0df {

	padding: 0 0 0 4%;

	width: 98% !important;

}	

body .banner-wrapper4 form .input select {

	width:99.5% !important;

}

.banner-inner > div > div > div {

	padding: 30px;

}

.banner-wrapper .btn-one {

	width:100%;

	text-align:center;

	padding: 10px 0 11px;	

}	

.banner-wrapper4 form input.hs-button.primary.large, .banner-wrapper4 form input.hs-button.primary.large:hover, .banner-wrapper4 form input.hs-button.primary.large:focus {

	font-size: 16px;

}							

}

@media (max-width: 360px) {

	.logo img {

		width: 90%;

	}

	.banner-wrapper .banner-content h1 {

		font-size: 22px;

	}

	.banner-wrapper4 textarea#message-30531a3b-429d-476f-811d-64937c32e0df.hs-input {

		width: 95.2%;

	}

	.banner-wrapper4 form .input input#suite_or_building_if_applicable_-30531a3b-429d-476f-811d-64937c32e0df {

		padding: 0 0 0 4%;

		width: 95.2% !important;

	}

}



/* Footer CSS */

.me-2 {
	margin-right: .5rem;
}
.text-center {
    text-align: center;
}
.justify-content-center {
    justify-content: center;
}
.ms-auto {
    margin-left: auto;
}

@media (min-width: 992px) {
	.text-lg-start {
		text-align: left;
	}
	.d-lg-flex {
		display: flex;
	}
}