/* :: 1.0 Import Fonts :: */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
/* :: 2.0 Import All CSS :: */
@import url(classy-nav.css);
@import url(animate.css);
@import url(magnific-popup.css);

/* :: 3.0 Default-Starter :: */
*{
	padding: 0;
	margin: 0;
}

body{
	background-color: #fff;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.5;
	word-wrap: break-word;
	color: #303030;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	font-family: "Poppins", Arial, sans-serif;
	overflow-x: hidden;
}

a{
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	text-decoration: none;
}

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

ul li{
	outline: none;
}

a{
	text-decoration: none !important;
	color: #303030;
}

a:hover{
	color: #fff;
}

ul.list-inline li{
	display: inline-block;
	margin-right: 10px;
}

ul.list-inline li:last-child{
	margin-right: 0;
}

img{
	max-width: 100%;
	height: auto;
	outline: none;
}

/* :: 4.0 Custom-Padding :: */
.py-50{
	padding-top: 50px;
	padding-bottom: 50px;
}

.pt-50{
	padding-top: 50px;
}

.pb-50{
	padding-bottom: 50px;
}

.py-70{
	padding-top: 70px;
	padding-bottom: 70px;
}

.py-100{
	padding-top: 100px;
	padding-bottom: 100px;
}

.pt-100{
	padding-top: 100px;
}

.pb-100{
	padding-bottom: 100px;
}

.py-150{
	padding-top: 150px;
	padding-bottom: 150px;
}

/* :: 5.0 Text Variations :: */
.text-main{
	color: #4995a2;
}

.title{
	font-weight: 800;
	text-transform: uppercase;
	text-align: center;
}

.subtitle{
	font-weight: 300;
	text-transform: uppercase;
}

/* :: 6.0 Custom-Margins :: */
.mt-12{
	margin-top: 120px;
}

/* :: 7.0 Background :: */
.bg-main{
	background-color: #4995a2;
}

/* :: 8.0 Forms :: */

.form-wrapper{
	position: relative;
	z-index: 1;
	background-color: #4995a2;
}

form .form-header h3.title{
	color: #fff;
}

form .form-header i{
	font-size: 2.2rem;
	color: #11234b;
}

form .form-header h3.title{
	line-height: 1.5;
}

form .form-label {
  font-size: 1rem;
  font-weight: 800;
  font-style: italic;
  color: #fff;
}

form .form-label small{
	font-weight: 400;
	font-size: 12px;
	font-style: normal;
}

form .form-group{
	margin-bottom: 1.2rem;
	position: relative;
}

form .form-control{
	padding: 0.675rem 1.2rem;
	border-radius: 5px;
	font-size: .875rem;
	color: #7e868d;
}

form .form-control:focus{
	border-color: #dca30b;
	box-shadow: 0px 0px 1px 2px rgb(220, 163, 11) !important;
}

form .form-check-input{
	width: 1.1em;
	height: 1.1em;
}

form .form-check-label{
	font-size: .875rem;
	font-weight: 500;
	color: #fff;
}

form .valid-tooltip,
form .invalid-tooltip{
	position: relative;
	width: max-content;
	top: auto;
	right: 0
}

form .invalid-tooltip{
	background-color: rgb(219, 38, 30);
	border-radius: 5px;
	padding: 5px 10px;
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, 
.was-validated :invalid ~ .invalid-feedback, 
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}

.hki_selection{
	display: none;
	opacity: 0;
	visibility: hidden;
}

.hki_selection.active{
	display: block;
	opacity: 1;
	visibility: visible;
}

.select2-container--default .select2-selection--single{
	height: 100%;
	padding: 0.675rem 1.2rem;
	border-radius: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 1.5;
}

/* :: 8.0 Buttons :: */
.btn-main{
	background-color: #f7941d;
	padding: 10px 50px;
	outline: none;
	border: none;
}

.btn-main:hover{
	background-color: #000;
}

.btn-main .btn-title{
	color: #fff;
	font-size: 1.5rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-style: italic;
	font-weight: 800;
}

.modal-validation .modal-dialog{
	min-width: 720px;
}

/* ===== TOP-HEADER-STYLE - 2.0  ===== */

/* :: 1.0 Header Title :: */
.top-title{
	font-size: 2.5rem;
	line-height: 0.8;
}

.top-subtitle{
	font-size: 1.5rem;
	text-transform: uppercase;
	line-height: 0.8;
	text-align: center;
}

.title-badge{
	width: 100%;
	padding: 5px 10px;
	border-radius: 5px;
}

.title-badge .title{
	margin-bottom: 0;
}

/* ===== TOP-HEADER-STYLE END  ===== */

/* ===== RESPONSIVE BREAKPOINTS  ===== */
/* :: 1.0 Phone - sm :: */
@media (min-width: 576px){
	.top-title {
	  font-size: 2.7rem;
	}
	.title-badge {
		padding: 8px 10px;
	}
}

/* :: 2.0 Tablet - md :: */
@media (min-width: 768px){
	.title-badge{
		width: fit-content;
		margin: 0 auto;
		padding: 10px 25px;
	}
}

/* :: 3.0 Laptop - lg :: */
@media (min-width: 992px){
	.mt-lg-12{
		margin-top: 120px;
	}
	.top-title{
		font-size: 3rem;
	}
	.top-subtitle{
		font-size: 2.8rem;
		text-align: left;
	}
	.title{
		text-align: left;
	}
	.title-badge {
  		margin: 0;
  		padding: 8px 20px;
	}
	form .form-header h3.title{
		color: #4995a2;
	}
	.form-wrapper{
		background-color: #4995a2;
	}
	.form-wrapper.skew-effect{
		background-color: transparent;
	}
	.form-wrapper .form-background{
		content: "";
		position: absolute;
		top: 30px;
		z-index: -1;
		width: 100%;
		height: 100%;
		-ms-transform: skew(-88deg, 15deg);
		-webkit-transform: skew(-88deg, 15deg);
		transform: skew(-88deg, 15deg);
	}
	.form-wrapper .form-background.bg-2{
		top: 55px;
		-ms-transform: skew(20deg, 10deg);
		-webkit-transform: skew(20deg, 10deg);
		transform: skew(-91deg, 16deg);
	}
}
/* :: Laptop - lg End :: */