/*
Theme Name: hkb child
Template: hkb
Author:   Ankit Sigdel
Description: Child Theme
*/

*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
}

body,
html {
	height: 100%;
}

body {
	background: #ffffff;
	font-size: 18px !important;
	color: #667085 !important;
	line-height: 1.5 !important;
	font-family:Inter,sans-serif !important;
	font-weight: 400 !important;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

ul {
	list-style: none;
}

ul li a {
	text-decoration: none;
}

ul li a:hover {
	text-decoration: none;
}

ul.floated-list {
	margin-bottom: 0;
}

ul.floated-list li {
	float: left;
	display: block;
}

ul.floated-list li a {
	display: block;
}

ul.floated-list li ul {
	margin-bottom: 0;
}

ul.floated-list li ul li {
	float: none;
}

a {
	color: inherit;
	-webkit-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}

a:hover {
	opacity: 0.7;
}

button[type="submit"],
input[type="submit"] {
	-webkit-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}

button[type="submit"]:hover,
input[type="submit"]:hover {
	opacity: 0.7;
}

img {
	border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

h1 {
	font-size: 26px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
	color: inherit;
}

label {
	font-weight: normal;
}

.font8px {
	font-size: 8px;
}

.font9px {
	font-size: 9px;
}

.font10px {
	font-size: 10px;
}

.font11px {
	font-size: 11px;
}

.font12px {
	font-size: 12px;
}

.font13px {
	font-size: 13px;
}

.font14px {
	font-size: 14px;
}

.font15px {
	font-size: 15px;
}

.font16px {
	font-size: 16px;
}

.bdrs0 {
	border-radius: 0;
}

.bdrs5px {
	border-radius: 5px;
}

.bdrs8px {
	border-radius: 8px;
}

.bdrs10px {
	border-radius: 10px;
}

.icon-text {
	margin-right: 8px;
}

.icon-text.sm {
	margin-right: 4px;
}

.weight-200 {
	font-weight: 200;
}

.weight-300 {
	font-weight: 300;
}

.weight-400 {
	font-weight: 400;
}

.weight-600 {
	font-weight: 600;
}

.weight-700 {
	font-weight: 700;
}

.weight-900 {
	font-weight: 900;
}

.font-style-italic {
	font-style: italic;
}

.font-style-normal {
	font-style: normal;
}

.clear {
	clear: both;
}

.inline {
	display: inline;
}

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

.lowercase {
	text-transform: lowercase;
}

.capitalize {
	text-transform: capitalize;
}

.uppercase {
	text-transform: uppercase;
}

.div-center {
	display: table;
	margin: 0 auto;
}

.fullHeight {
	height: 100%;
}

.mytable {
	display: table;
	width: 100%;
	height: 100%;
}

.fixed-table-layout {
	table-layout: fixed;
}

.table-cell {
	display: table-cell;
}

.va-middle {
	vertical-align: middle;
}

.va-top {
	vertical-align: top;
}

.va-bottom {
	vertical-align: bottom;
}

.static {
	position: static;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
}

.cover {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.arboria-bold {
	font-family: var(--h1-font-family,inherit);
}

.circle {
	border-radius: 50%;
}

.m0 {
	margin: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mt-30 {
	margin-top: 30px !important;
}

.mt-40 {
	margin-top: 40px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.my-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.my-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.my-30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.my-40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

.my-50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pb-10 {
	padding-bottom: 10px !important;
}

.pb-20 {
	padding-bottom: 20px !important;
}

.pb-30 {
	padding-bottom: 30px !important;
}

.pb-40 {
	padding-bottom: 40px !important;
}

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

.pt-0 {
	padding-top: 0 !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.pt-20 {
	padding-top: 20px !important;
}

.pt-30 {
	padding-top: 30px !important;
}

.pt-40 {
	padding-top: 40px !important;
}

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

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.py-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.py-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.py-30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.py-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.py-50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.fill {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media all and (min-width: 768px) {
	.video-fill {
		background-image: none !important;
	}
}

@media all and (max-width: 767px) {
	.covervid {
		display: none;
	}
	.video-fill {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.col-xs-20 {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-20 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-20 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-20 {
		width: 20%;
		float: left;
	}
}

.fitVid {
	position: relative;
	padding-bottom: 56%;
	height: 0;
}

.fitVid iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.row45 {
	margin-left: -45px;
	margin-right: -45px;
}

.row45 .column {
	padding-left: 45px;
	padding-right: 45px;
}

.row30 {
	margin-left: -30px;
	margin-right: -30px;
}

.row30 .column {
	padding-left: 30px;
	padding-right: 30px;
}

@media (max-width: 1240px) {
	.row30 {
		margin-left: -15px;
		margin-right: -15px;
	}
	.row30 .column {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.row25 {
	margin-left: -25px;
	margin-right: -25px;
}

.row25 .column {
	padding-left: 25px;
	padding-right: 25px;
}

.row20 {
	margin-left: -20px;
	margin-right: -20px;
}

.row20 .column {
	padding-left: 20px;
	padding-right: 20px;
}

.row10 {
	margin-left: -10px;
	margin-right: -10px;
}

.row10 .column {
	padding-left: 10px;
	padding-right: 10px;
}

.row7 {
	margin-left: -7px;
	margin-right: -7px;
}

.row7 .column {
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 14px;
}

.row5 {
	margin-left: -5px;
	margin-right: -5px;
}

.row5 .column {
	padding-left: 5px;
	padding-right: 5px;
}

.form-control {
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.055);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.055);
}

.form-control[type="button"],
.form-control[type="submit"],
.form-control[type="reset"] {
	-webkit-appearance: none;
	cursor: pointer;
}

.form-control::-moz-placeholder {
	color: #838383;
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: #838383;
}

.form-control::-webkit-input-placeholder {
	color: #838383;
}

.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.header .top-section {
	padding: 0 0 0 100px;
}

@media (max-width: 767px) {
	.header .top-section {
		padding: 15px;
	}
}

.header .top-section .logo {
	padding: 13px 0;
}

.header .top-section .logo > a {
	display: inline-block;
}

@media (max-width: 992px) {
	.header .top-section .logo {
		padding: 0;
	}
	.header .top-section .logo img {
		max-width: 200px;
	}
}

.header .top-section .contact ul {
	background-color: #3573ab;
	clip-path: polygon(7% 0, 100% 0%, 100% 100%, 0 100%);
	-webkit-clip-path: polygon(7% 0, 100% 0%, 100% 100%, 0 100%);
}

.header .top-section .contact ul li {
	font-size: 25px;
	color: #ffffff;
	padding: 22px 30px 22px 50px;
	font-family: var(--h1-font-family,inherit);
}

.header .top-section .contact ul li span {
	padding-left: 0px;
}

.header .top-section .contact ul li:last-child {
	clip-path: polygon(12% 0, 100% 0%, 100% 100%, 0 100%);
	-webkit-clip-path: polygon(12% 0, 100% 0%, 100% 100%, 0 100%);
}

@media (max-width: 1023px) {
	.header .top-section .contact ul {
		-webkit-clip-path: none;
		clip-path: none;
	}
	.header .top-section .contact ul li {
		-webkit-clip-path: none !important;
		clip-path: none !important;
		padding: 15px;
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	.header .top-section .contact {
		display: none;
	}
}

.header .top-section .toggle {
	display: none;
}

@media (max-width: 767px) {
	.header .top-section .toggle {
		display: block;
	}
}

.header .mynav {
	background-color: #ededed;
}

@media (max-width: 767px) {
	.header .mynav {
		text-align: center;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		width: 250px;
		background-color: #3573ab;
		z-index: 9;
		-webkit-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
		-webkit-transform: translate(100%, 0);
		transform: translate(100%, 0);
	}
	.header .mynav.show-menu {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.header .mynav .container {
		padding: 0;
		height: 100%;
	}
	.header .mynav .top-info-xs {
		margin-top: 20px !important;
		border-top: 1px solid #6298b1;
		padding-top: 15px;
	}
	.header .mynav .top-info-xs li {
		border-radius: 4px;
		margin: 10px 10px 0;
		color: #fff;
		font-size: 16px;
	}
	.header .mynav .top-info-xs li img,
	.header .mynav .top-info-xs li span {
		display: inline;
	}
	.header .mynav .top-info-xs li a {
		padding: 15px;
		display: block;
	}
}

.header .mynav ul {
	display: table;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.header .mynav ul {
		display: block;
		margin-top: 60px;
	}
}

.header .mynav ul li {
	padding: 0 15px;
	position: relative;
}

@media (max-width: 992px) {
	.header .mynav ul li {
		padding: 0;
	}
}

@media (max-width: 767px) {
	.header .mynav ul li {
		float: none;
	}
}

.header .mynav ul li ul {
	position: absolute;
	left: 15px;
	top: 100%;
	min-width: 200px;
	background-color: #ffffff;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
}

@media (min-width: 768px) {
	.header .mynav ul li ul {
		display: block !important;
		-webkit-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}
}

.header .mynav ul li ul li {
	padding: 0;
}

@media (max-width: 767px) {
	.header .mynav ul li ul {
		position: static;
		margin-top: 0;
		opacity: 1;
		visibility: visible;
		display: none;
		background-color: #6298b1;
		padding: 15px 0;
	}
}

.header .mynav ul li a {
	padding: 10px 15px;
	font-family: "avenir-medium";
	font-size: 15px;
	color: #3573ab;
	-webkit-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}

@media (max-width: 992px) {
	.header .mynav ul li a {
		padding: 10px 10px;
	}
}

@media (max-width: 767px) {
	.header .mynav ul li a {
		color: #ffffff;
	}
}

.header .mynav ul li a svg {
	display: none;
}

@media (min-width: 768px) {
	.header .mynav ul li:hover > a, .header .mynav ul li.active > a, .header .mynav ul li.current-menu-item > a {
		color: #ffffff;
		background-color: #1998d3;
	}
}

@media (max-width: 767px) {
	.header .mynav ul li:hover > a, .header .mynav ul li.active > a, .header .mynav ul li.current-menu-item > a {
		color: #ff9900;
	}
}

.header .mynav ul li:hover ul {
	opacity: 1;
	visibility: visible;
}

.header .mynav .close-menu {
	display: none;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.32);
}

@media (max-width: 767px) {
	.header .mynav .close-menu {
		display: block;
		margin-bottom: 20px;
		z-index: 2;
		position: absolute;
		left: 0;
		top: 0;
	}
}

@media (min-width: 768px) {
	.body-inactive {
		display: none !important;
	}
}

.body-inactive {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 8;
}

.baner {
	height: 380px;
	position: relative;
}

.baner .covervid {
	overflow: hidden;
	z-index: 1;
}

.baner .covervid video {
	position: absolute;
	height: 100% !important;
	width: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
}

@media (max-width: 992px) {
	.baner {
		max-height: 450px;
	}
}

@media (max-width: 767px) {
	.baner {
		max-height: 250px;
	}
}

.baner .baner-contain {
	position: absolute;
	z-index: 2;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
}

.baner .baner-contain .bc-logo {
	margin-bottom: 20px;
}

.baner .baner-contain .bc-text h2 {
	color: #ffffff;
	font-size: 50px;
	margin: 0;
}

@media (max-width: 992px) {
	.baner .baner-contain .bc-text h2 {
		font-size: 30px;
	}
}

.baner .baner-note {
	z-index: 2;
	position: absolute;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	display: none;
}

.baner .baner-note > a {
	display: inline-block;
	opacity: 1;
}

.baner .baner-note .banner-note-content {
	padding: 17px 40px;
	display: table;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.baner .baner-note .banner-note-content {
		padding: 15px;
	}
}

.baner .baner-note .prop {
	padding-right: 30px;
}

@media (max-width: 767px) {
	.baner .baner-note .prop {
		display: none;
	}
}

.baner .baner-note .val p {
	margin: 0;
	color: #ffffff;
	font-size: 25px;
}

@media (max-width: 992px) {
	.baner .baner-note .val p {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.baner .baner-note .val p {
		font-size: 17px;
	}
}

.home .baner {
	height: 600px;
}

.home .baner .baner-note {
	display: block;
}

@media (max-width: 767px) {
	.home .baner {
		max-height: 320px;
	}
}

.section {
	padding: 50px 0;
	background-repeat: no-repeat;
	background-size: 57% 100%;
}

@media (max-width: 992px) {
	.section {
		padding: 50px 0;
	}
}

.sec-title h2 {
	font-family: var(--h1-font-family,inherit);
	font-size: 35px;
	color: #1998d3;
	margin: 0;
	padding: 0px;
	display: inline-block;
}

@media (max-width: 992px) {
	.sec-title h2 {
		font-size: 30px;
	}
}

.sec-para p {
	font-family: "avenir-medium";
	margin-top: 30px;
}

@media (max-width: 992px) {
	.sec-para p {
		margin-top: 20px;
	}
}

.sec-cta {
	margin-top: 60px;
	text-align: center;
}

.sec-cta a {
	color: #ffffff;
	font-size: 16px;
	padding: 10px 25px;
	display: inline-block;
	background-color: #ff9900;
}

.site-btn {
	background-color: #1998d3;
	color: #ffffff;
	font-size: 16px;
	padding: 10px 25px;
	display: inline-block;
}

.section-intro .hb-right {
	padding: 35px 0 0;
}

@media (max-width: 992px) {
	.section-intro .hb-right {
		padding: 10px 0;
		text-align: center;
	}
	.section-intro .hb-right img {
		max-width: 200px;
	}
}

.section-intro .hb-text {
	margin-top: 60px;
}

.s-lrti-combo {
	padding: 0;
}

.s-lrti-combo .bc-left {
	position: relative;
	background-position: right center;
}

.s-lrti-combo .bc-left:after {
	background: rgba(0, 159, 227, 0.3);
	position: absolute;
	clip-path: polygon(0 0, 100% 0%, -15% 129%, 0% 100%);
	-webkit-clip-path: polygon(0 0, 100% 0%, -15% 129%, 0% 100%);
	content: "";
	top: 0;
	left: 0;
	z-index: 2;
	width: 40%;
	bottom: 0;
}

@media (max-width: 1199px) {
	.s-lrti-combo .bc-left:after {
		display: none;
	}
}

.s-lrti-combo .bc-right {
	width: 50%;
	padding: 40px 0 45px 40px;
	background-color: #ededed;
}

@media (max-width: 992px) {
	.s-lrti-combo .bc-right {
		padding-left: 15px;
		padding-right: 15px;
	}
}

.s-lrti-combo .bc-right .sec-para {
	max-width: 70%;
}

@media (max-width: 992px) {
	.s-lrti-combo .bc-right .sec-para {
		max-width: 100%;
	}
}

.s-lrti-combo.section-text-left-image-right .bc-left:after {
	clip-path: polygon(0% 0%, 100% 0%, 100% 115%, 0% 0%);
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 115%, 0% 0%);
	right: 0;
	left: auto;
}

.s-lrti-combo.section-text-left-image-right .bc-right {
	background: transparent;
	padding-left: 100px;
}

.s-lrti-combo.section-text-left-image-right .container .bc-right {
	padding-left: 0;
}

.s-lrti-combo .slc-cta {
	text-align: left;
	margin-top: 30px;
}

.s-lrti-combo .slc-cta a {
	background-color: #3573ab;
}

@media (max-width: 767px) {
	.s-lrti-combo .mytable,
	.s-lrti-combo .table-cell {
		display: block;
		width: 100%;
	}
	.s-lrti-combo .bc-left {
		height: 250px;
	}
}

.section-slider .sec-title h2 {
	padding: 0;
	border: 0;
}

.section-slider ol {
	margin-bottom: 0;
}

.section-slider .carousel-inner .item .item-text {
	width: 750px;
	display: table;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 992px) {
	.section-slider .carousel-inner .item .item-text {
		width: 100%;
	}
}

.section-slider .carousel-inner .item .item-text h3 {
	color: #ffffff;
	font-size: 22px;
	margin: 0;
}

@media (max-width: 992px) {
	.section-slider .carousel-inner .item .item-text h3 {
		font-size: 18px;
	}
}

.section-news {
	/*
	.lnc-listing{
	margin-top: 50px;
	.ln-column{
	border:1px solid $theme-1998d3;
	padding: 10px;
	margin-bottom: 30px;
	@media  (max-width:767px){
	margin-bottom: 15px;
}
	.lnc-img{
	margin-bottom: 25px;
}
	.lnc-title{
	margin-bottom: 25px;
	h3{
	font-size: 20px;
	margin: 0;
	color: $theme-1998d3;
}
}
	.lnc-date{
	margin-bottom: 25px;
	span{
	font-size: 15px;
	color:$theme-1998d3;
}
}
	.lnc-para{
	margin-bottom: 25px;
	p{
	margin: 0;
}
}
	.lnc-btn{
	margin-bottom: 5px;

}
}
	.row{
	.col-md-4:nth-child(3n+1){
	clear: left;
}
	@media (max-width: 992px){
	.col-md-4:nth-child(3n+1){
	clear: none;
}
	.col-md-4:nth-child(2n+1){
	clear: left;
}
}
}
}*/
}

.section-news .sec-title span {
	font-size: 15px;
	text-align: right;
	color: #1998d3;
	padding-top: 50px;
	display: none;
}

@media (max-width: 992px) {
	.section-news .sec-title span {
		padding-top: 10px;
		float: none !important;
		display: block;
		text-align: left;
		margin-top: 12px;
	}
}

.section-news .lnc-listing {
	margin: 50px 0;
}

.section-news .lnc-listing .row {
	--bs-gutter-x: 30px;
	--bs-gutter-y: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y) * -1);
	margin-right: calc(var(--bs-gutter-x) * -0.5);
	margin-left: calc(var(--bs-gutter-x) * -0.5);
	/*
	.row {
	.col-md-4:nth-child(3n + 1) {
	clear: left;
}
	@media (max-width: 992px) {
	.col-md-4:nth-child(3n + 1) {
	clear: none;
}
	.col-md-4:nth-child(2n + 1) {
	clear: left;
}
}
}
	*/
}

.section-news .lnc-listing .row > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-top: var(--bs-gutter-y);
}

.section-news .lnc-listing .row .ln-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	height: 100%;
	/*border: 1px solid $theme-1998d3;
	padding: 10px;
	margin-bottom: 30px;
	@media (max-width: 767px) {
	margin-bottom: 15px;
}*/
}

.section-news .lnc-listing .row .ln-column .lnc-img {
	margin-bottom: 25px;
	padding-bottom: 66%;
	overflow: hidden;
	position: relative;
}

.section-news .lnc-listing .row .ln-column .lnc-img img {
	width: auto;
	height: 100%;
	position: absolute;
	top: calc(50% + 1px);
	left: calc(50% + 1px);
	-webkit-transform: scale(1.01) translate(-50%, -50%);
	transform: scale(1.01) translate(-50%, -50%);
	display: block;
	max-height: none;
	max-width: none;
	transition: filter 0.3s, -webkit-filter 0.3s;
}

.section-news .lnc-listing .row .ln-column .lnc-img:after {
	display: block;
	content: "";
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.35)), color-stop(75%, transparent));
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.35), transparent 75%);
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	bottom: 0;
	opacity: 1;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.section-news .lnc-listing .row .ln-column .lmc-avatar {
	position: relative;
	padding: 0 30px;
	width: 100%;
	top: -25px;
	height: 0;
	pointer-events: none;
}

.section-news .lnc-listing .row .ln-column .lmc-avatar img {
	border-radius: 50%;
	width: 60px;
	pointer-events: all;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: auto;
	max-width: 100%;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.section-news .lnc-listing .row .ln-column .lnc-title {
	margin-top: 20px;
	padding: 0 30px;
	margin-bottom: 0;
}

.section-news .lnc-listing .row .ln-column .lnc-title h3 {
	font-size: 20px;
	margin: 0 0 25px 0;
	color: #1998d3;
}

.section-news .lnc-listing .row .ln-column .elementor-post__meta-data {
	margin-top: auto;
	font-size: 14px;
	font-weight: 400;
	padding: 15px 30px;
	margin-bottom: 0;
	border-top: 1px solid #eaeaea;
	line-height: 1.3em;
	color: #adadad;
}

.section-news .lnc-listing .row .ln-column .lnc-para {
	margin-bottom: 25px;
}

.section-news .lnc-listing .row .ln-column .lnc-para p {
	margin: 0;
}

.section-news .lnc-listing .row .ln-column .lnc-btn {
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	color: #1998d3;
	margin-bottom: 20px;
	display: inline-block;
}

.home .section-news .sec-title span {
	display: block;
}

.section-single-image-background {
	height: 600px;
	background-size: cover;
}

@media (max-width: 1199px) {
	.section-single-image-background {
		height: 450px;
	}
}

@media (max-width: 767px) {
	.section-single-image-background {
		height: 300px;
	}
}

.section-testimonials .st-box {
	padding: 40px 40px 70px;
	position: relative;
	background-color: #ededed;
}

@media (max-width: 1199px) {
	.section-testimonials .st-box {
		padding: 30px;
	}
}

@media (max-width: 767px) {
	.section-testimonials .st-box {
		padding: 25px;
		margin-bottom: 15px;
	}
}

.section-testimonials .st-box:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	z-index: 2;
	border-top: 100px solid rgba(0, 159, 227, 0.3);
	border-right: 60px solid transparent;
}

@media (max-width: 1199px) {
	.section-testimonials .st-box:before {
		display: none;
	}
}

.section-testimonials .st-box:after {
	position: absolute;
	bottom: -80px;
	content: "";
	right: 30px;
	border-top: 45px solid #ededed;
	border-bottom: 45px solid transparent;
	border-left: 45px solid transparent;
}

@media (max-width: 1199px) {
	.section-testimonials .st-box:after {
		display: none;
	}
}

.section-testimonials .st-box .stb-content .stbc-img {
	margin-bottom: 30px;
	margin-left: 30px;
}

@media (max-width: 1199px) {
	.section-testimonials .st-box .stb-content .stbc-img {
		margin-left: 0;
	}
}

.section-testimonials .st-box .stb-content .stbc-title {
	margin-bottom: 20px;
}

.section-testimonials .st-box .stb-content .stbc-title h3 {
	margin: 0;
	color: #1998d3;
}

.section-testimonials .st-box .stb-content .stbc-desc {
	margin-bottom: 20px;
}

.section-testimonials .st-box .stb-content .stbc-desc p:last-child {
	margin-bottom: 0;
}

.section-team {
	background-size: 57% auto;
}

.section-team .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.section-team .each-team {
	font-size: 16px;
	margin-top: 60px;
	position: relative;
}

.section-team .each-team:before {
	content: "";
	top: 0;
	left: 0;
	z-index: 2;
	position: absolute;
	border-top: 90px solid rgba(0, 159, 227, 0.3);
	border-right: 50px solid transparent;
}

.section-team .each-team .et-content .etc-img {
	margin-bottom: 20px;
}

.section-team .each-team .et-content .etc-img img {
	max-height: 297px;
}

@media (max-width: 1259px) {
	.section-team .each-team .et-content .etc-img img {
		max-height: 288px;
	}
}

@media (max-width: 1199px) {
	.section-team .each-team .et-content .etc-img img {
		max-height: 233px;
	}
}

@media (max-width: 991px) {
	.section-team .each-team .et-content .etc-img img {
		max-height: 240px;
	}
}

@media (max-width: 767px) {
	.section-team .each-team .et-content .etc-img img {
		max-height: none;
	}
}

.section-team .each-team .et-content .etc-name {
	margin-bottom: 5px;
}

.section-team .each-team .et-content .etc-email {
	color: #1998d3;
	margin-bottom: 15px;
}

.section-team .each-team .et-content .etc-social-acc .linkedin {
	width: 30px;
	height: 30px;
	color: #ffffff;
	background-color: #007bb5;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
}

.section-team .each-team .et-content .etc-social-acc .moreinformation {
	margin-left: 10px;
	font-size: 14px;
}

.section-klanten {
	background-size: 57% auto;
}

.section-klanten .each-klanten {
	font-size: 16px;
	margin-top: 60px;
	position: relative;
}

.section-klanten .each-klanten .et-content .etc-img a img {
	margin: 0 auto;
}

.section-horizontal-bullet-listings .shbl-list {
	color: #1998d3;
	font-size: 22px;
	padding: 3px 0 3px 32px;
	background-image: url(images/bullet-listing.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 24px auto;
}

.section-services {
	background-size: 57% auto;
}

.section-services .each-service {
	margin-top: 50px;
	overflow-x: hidden;
}

.section-services .each-service .image-text-block {
	height: 450px;
}

.section-services .each-service .image-text-block .text-block-right {
	background-color: #ededed;
	padding: 40px 60px;
}

@media (max-width: 767px) {
	.section-services .each-service .image-text-block .text-block-right {
		padding: 25px 15px;
	}
}

.section-services .each-service .image-text-block .text-block-left {
	padding: 40px 60px 40px 0;
}

@media (max-width: 767px) {
	.section-services .each-service .image-text-block .text-block-left {
		padding: 25px 0;
	}
}

.section-services .each-service .image-text-block .image-block {
	position: relative;
	overflow: hidden;
}

.section-services .each-service .image-text-block .image-block.image-block-left:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	z-index: 2;
	border-top: 300px solid rgba(0, 159, 227, 0.3);
	border-right: 200px solid transparent;
}

@media (max-width: 1199px) {
	.section-services .each-service .image-text-block .image-block.image-block-left:after {
		display: none;
	}
}

.section-services .each-service .image-text-block .image-block.image-block-right:after {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	z-index: 2;
	border-top: 300px solid rgba(0, 159, 227, 0.3);
	border-left: 200px solid transparent;
}

@media (max-width: 1199px) {
	.section-services .each-service .image-text-block .image-block.image-block-right:after {
		display: none;
	}
}

.section-services .each-service .image-text-block .service-cta {
	text-align: left;
	margin-top: 30px;
}

.section-services .each-service .image-text-block .service-cta a {
	background-color: #3573ab;
}

@media (max-width: 767px) {
	.section-services .each-service .image-text-block .mytable,
	.section-services .each-service .image-text-block .table-cell {
		display: block;
	}
	.section-services .each-service .image-text-block .image-block {
		height: 300px;
	}
}

.page.page-id-22 .section-single-text {
	padding-bottom: 0;
	/*h2 {
	margin: 0;
	font-size: 35px;
	color: #1998d3;
	font-family: var(--h1-font-family,inherit);
}*/
}

.section-single-text h2 {
	font-family: var(--h1-font-family,inherit);
	font-size: 35px;
	color: #1998d3;
	margin: 70px 0 30px 0;
	border-left: 1px solid #0b509f;
	padding: 30px 0 30px 30px;
	display: inline-block;
}

.page-template-contact .section-contact {
	background-color: rgba(25, 152, 211, 0.1);
	/*	p {
	font-size: 14px;
	margin-bottom: 25px;
	&:last-child {
	margin-bottom: 0;
}
}*/
}

.page-template-contact .section-contact h2 {
	font-family: "arboria-bold";
	font-size: 35px;
	color: #1998d3;
	margin: 0;
	padding: 0px;
}

.page-template-contact .section-contact p {
	margin-top: 30px;
}

.page-template-contact .section-contact .gform_wrapper .ginput_container.ginput_complex label {
	display: none !important;
}

.gform_wrapper .top_label .gfield_label {
	display: none !important;
}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
.gform_wrapper textarea {
	border: none;
	width: 100%;
	height: 41px;
	padding: 6px 12px !important;
	-webkit-transition: border 0.25s ease-out;
	transition: border 0.25s ease-out;
}

.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus,
.gform_wrapper textarea:focus {
	border: 1px solid #1998d3;
}

.gform_wrapper .gform_footer input[type="submit"] {
	color: #ffffff;
	font-size: 16px;
	padding: 10px 25px;
	display: inline-block;
	background-color: #1998d3;
	text-transform: uppercase;
}

.acf-map {
	width: 100%;
	height: 380px;
}

@media (max-width: 757px) {
	.acf-map {
		height: 250px;
	}
}

/* fixes potential theme css conflict */
.acf-map img {
	max-width: inherit !important;
}

.footer-combine {
	position: relative;
}

.footer-combine:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	z-index: 2;
	border-top: 250px solid rgba(255, 255, 255, 0.08);
	border-right: 200px solid transparent;
}

@media (max-width: 1199px) {
	.footer-combine:after {
		display: none;
	}
}

.footer-baner {
	padding: 40px 0;
}

@media (max-width: 992px) {
	.footer-baner .fb-contain {
		margin-bottom: 30px;
	}
}

.footer-baner .fb-contain .fbc-title {
	margin-bottom: 22px;
}

.footer-baner .fb-contain .fbc-title h3 {
	margin: 0;
	font-size: 25px;
	color: #ffffff;
}

@media (max-width: 992px) {
	.footer-baner .fb-contain .fbc-para {
		width: 100%;
	}
}

.footer-baner .fb-contain .fbc-para p {
	margin: 0;
	color: #ffffff;
	font-size: 12px;
}

.footer-baner .form {
	margin-top: 20px;
}

.footer-baner .form .form-inline .form-control {
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 42px;
	padding: 6px 12px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: none;
	border-radius: 0;
	margin-right: 10px;
}

.footer-baner .form .form-inline button,
.footer-baner .form .form-inline input {
	width: 100%;
}

@media (max-width: 767px) {
	.footer-baner .form .form-inline button {
		margin-top: 10px;
	}
}

.footer .top-footer {
	padding-top: 50px;
	padding-bottom: 100px;
}

@media (max-width: 992px) {
	.footer .top-footer {
		padding: 35px 0 15px;
	}
}

.footer .top-footer .col-md-9 .col-md-4 {
	padding-left: 60px;
}

@media (max-width: 1199px) {
	.footer .top-footer .col-md-9 .col-md-4 {
		padding-left: 45px;
	}
}

@media (max-width: 992px) {
	.footer .top-footer .col-md-9 .col-md-4 {
		padding-left: 0;
	}
}

.footer .top-footer .footer-logo .fl-logo {
	margin-bottom: 50px;
}

.footer .top-footer .main-link h2,
.footer .top-footer .main-link h3 {
	margin: 0 0 15px;
}

.footer .top-footer .main-link ul li {
	margin: 5px 0;
}

.footer .top-footer .main-link ul li a {
	padding: 10px 0;
}

.footer .top-footer .main-link address span {
	font-size: 12px;
}

.footer .top-footer .main-link .worden-para p {
	margin: 0;
	font-size: 12px;
}

@media (max-width: 992px) {
	.footer .top-footer {
		text-align: center;
	}
	.footer .top-footer .bb-logo {
		float: none !important;
	}
	.footer .top-footer .bb-logo img {
		display: inline-block;
	}
	.footer .top-footer .footer-logo .fl-logo {
		margin-bottom: 30px;
	}
	.footer .top-footer .footer-logo .fl-logo img {
		max-width: 250px;
		display: inline-block;
	}
	.footer .top-footer .footer-logo .fl-text {
		margin-bottom: 30px;
	}
	.footer .top-footer .main-link {
		margin-bottom: 20px;
	}
	.footer .top-footer .main-link .ml-title {
		margin-bottom: 15px;
	}
	.footer .top-footer .main-link .ml-title h3 {
		margin: 0;
	}
	.footer .top-footer .main-link ul li {
		margin: 10px 0;
	}
	.footer .top-footer .main-link ul li a {
		padding: 10px 0;
	}
}

.copyright {
	line-height: 1;
	padding: 12px 0;
	color: #145c9d;
	font-size: 12px;
}

.copyright #nav_menu-2,
.copyright span,
.copyright ul {
	display: inline-block;
	vertical-align: middle;
}

.copyright span {
	margin-right: 5px;
}

.copyright ul {
	margin-bottom: 0;
}

.copyright ul li {
	padding: 0 7px;
	border-left: 1px solid #145c9d;
	float: left;
}

.copyright ul li a {
	position: relative;
}

.copyright ul li:last-child a {
	border-right: none;
}

@media (max-width: 992px) {
	.copyright {
		text-align: center;
	}
}

@media (max-width: 767px) {
	.copyright span {
		display: block;
		margin-right: 0;
	}
	.copyright ul li {
		display: inline;
		float: none;
		border-left: 0;
		margin-top: 7px;
	}
	.copyright ul li a {
		display: inline-block;
		margin-top: 7px;
	}
}

.theme-ffffff {
	color: #ffffff !important;
}

.theme-ffffff-bg {
	background-color: #ffffff !important;
}

.theme-145c9d {
	color: #145c9d !important;
}

.theme-145c9d-bg {
	background-color: #145c9d !important;
}

.theme-ff9900 {
	color: #ff9900 !important;
}

.theme-ff9900-bg {
	background-color: #ff9900 !important;
}

.theme-ededed {
	color: #ededed !important;
}

.theme-ededed-bg {
	background-color: #ededed !important;
}

.theme-1998d3 {
	color: #1998d3 !important;
}

.theme-1998d3-bg {
	background-color: #1998d3 !important;
}

.theme-3573ab {
	color: #3573ab !important;
}

.theme-3573ab-bg {
	background-color: #3573ab !important;
}

.theme-e29418 {
	color: #e29418 !important;
}

.theme-e29418-bg {
	background-color: #e29418 !important;
}

@media (max-width: 991px) {
	.employee-block {
		max-width: 400px;
		margin-top: 40px;
	}
}

.employee-block a.mail {
	color: #1998d3;
	display: block;
	margin-top: 15px;
	margin-bottom: 10px;
}

.employee-block a.linkedin {
	width: 30px;
	height: 30px;
	color: #ffffff;
	background-color: #007bb5;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
}

.logo_boostcreators {
	display: inline-block;
	vertical-align: middle;
}

.logo_boostcreators svg {
	width: 14px;
	margin-left: 10px;
}

.breadcrumbs {
	padding: 0px 0;
}

.breadcrumbs #breadcrumbs {
	margin: 0;
	color: #1998d3;
	font-family: Inter,sans-serif;
	font-size: 0px;
}

.employeephone {
	color: #1998d3;
	display: block;
	margin-bottom: 10px;
}

.etc-telephone {
	margin-top: 10px;
}

.etc-telephone .telephone {
	font-size: 14px;
}

.etc-telephone .telephone:before {
	content: "";
	background-image: url("/wp-content/themes/hkb-child/images/phone.svg");
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: center;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-left: 7px;
	margin-right: 23px;
}

.justify-content-center {
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

p + h2 {
	margin-top: 40px !important;
}
/*# sourceMappingURL=style.css.map */



/* - Yooker - */
/* text - img sectie*/
.text-image .col-5 img.full-height-img{
	max-height: unset !important;
	height: 100%;
}


/* vacature */
.page-id-10072 .hkb-bg-type-3,
.page-id-10072 .hkb-bg-type-2,
.page-id-10072 .text-image,
.page-id-10072 .section-horizontal-bullet-listings,
.page-id-10072 .opsomming-checks {
	padding: 60px 0 !important;
}

.opsomming-item:not(:last-child) {
	margin-bottom: 10px;
}
.opsomming-item .opsomming-check-img {
	height: 20px;
	margin-right: 10px;
}
.opsomming-item .opsomming-number {
    background: #1899d3;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50px;
    margin-right: 2px;
}

#gform_50 .ginput_container_consent { 
	display: flex; 
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
#field_50_6 .gform-field-label {
	margin-bottom: 0;
}

.page-id-10072 .section-single-text {
	text-align: center;
	padding-bottom: 0;
}
.page-id-10072 .section-single-text h2 {
	padding: 0;
	border: 0;
	margin: 0;
}
.section-horizontal-icon-listings .row > .col-md-3 { text-align: center; }
/* .page-id-10072 .section-horizontal-bullet-listings .row > .col-md-3:before {
	content: "";
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	width: 6rem;
	height: 6rem;
	margin: 0 auto 1rem;
}
.page-id-10072 .section-horizontal-bullet-listings .row > .col-md-3:nth-child(1):before { background-image: url(/wp-content/uploads/2024/07/idea.png); }
.page-id-10072 .section-horizontal-bullet-listings .row > .col-md-3:nth-child(2):before { background-image: url(/wp-content/uploads/2024/07/salary.png); }
.page-id-10072 .section-horizontal-bullet-listings .row > .col-md-3:nth-child(3):before { background-image: url(/wp-content/uploads/2024/07/promotion.png); }
.page-id-10072 .section-horizontal-bullet-listings .row > .col-md-3:nth-child(4):before { background-image: url(/wp-content/uploads/2024/07/meeting.png); } */

/* .page-id-10072 .section-horizontal-bullet-listings .shbl-list {
	color: #667085;
	font-size: 20px;
	padding: 0;
	background: none;
} */

/* Horizontal icon list */
.horizontal-icon-listings .shbl-list img {
		display: block;
	width: 6rem;
	height: 6rem;
	margin: 0 auto 1rem;
}
.horizontal-icon-listings .shbl-list {
	color: #667085;
	font-size: 20px;
	padding: 0;
	background: none;
	text-align:center;
}

/* Whitepaper */
#download-link-10028 {
	background-color: #1899d3;
	color: #fff;
	padding: 10px 15px;
	border-radius: 8px;
}
#download-link-10028:after {
	content: "\f019";
	font-family: "fontawesome";
	position: unset;
	display: unset;
	opacity: 1;
	margin-left: 1rem;
}


@media screen and (max-width: 600px) {
	.page-id-10072 .section-horizontal-bullet-listings .row > .col-md-3:not(:last-child) { margin-bottom: 3.5rem; padding: 1rem 0; }

	.page-id-10072 .hkb-bg-type-3,
	.page-id-10072 .hkb-bg-type-2,
	.page-id-10072 .text-image,
	.page-id-10072 .section-horizontal-bullet-listings,
	.page-id-10072 .opsomming-checks {
		padding: 30px 0 !important;
	}
}

/* Realisatie: Yooker */

/* icons */
html {
  scroll-behavior: smooth;
}

/* YouTube video 29-09-2025 */

section.row.banner.has-yt ~ section {
    z-index: 3;
    position: relative;
}

/* Typography */

h2.hkb-title {
	font-size: 42px;
	font-weight: bold;
	color: #1998D3;
	line-height: 1.2;
	margin-top: 0;
}

h3.hkb-title {
	font-size: 25px;
	font-weight: bold;
	color: #1998D3;
	line-height: 1.2;
		margin-top: 0;

}

@media only screen and (max-width: 992px) {
	h2.hkb-title {
		font-size: 32px;
		font-weight: bold;
		color: #1998D3;
		line-height: 1.2;
	}
}

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

/* Rows */

.row {
	margin-left: 0;
	margin-right: 0;
}

/* Header */

.hkb-header-wrapper {
	position: sticky !important;
	top: 0;
}

.hkb-header-wrapper {
	top: 0;
	left: 0;
	right: 0;
	z-index: 999 !important;
	transition: .3s;
}

.hkb-header-wrapper  {
	position: fixed  !important;
}

.hkb-header-wrapper.transparant {
	position: fixed !important;
}

.admin-bar .hkb-header-wrapper {
	top: 30px !important;
}

.hkb-header-wrapper.sticky {
	background-color: #fff !important; 
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.hkb-header-wrapper.sticky .hkb-topbar {
	height: 0 !important;
	opacity: 0 !important;
	padding: 0;
	visibility: hidden;
}

.hkb-header-wrapper.sticky .logo-light {
	display: none !important;
}


.hkb-header-wrapper.sticky .logo-dark {
	display: block !important;
}

.logo-dark {
	display: none;
}

header:not(.transparant) .logo-dark{
	display: block !important;
}

header:not(.transparant) .logo-light{
	display: none !important;
}


.hkb-topbar {
	background-color: #1998D3;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: .3s;
}

.hkb-topbar > div {
	display: flex;
}

.hkb-topbar #menu-header-topbar {
	display: flex;
	column-gap: 20px;
	margin: 0;
}

@media only screen and (max-width: 550px) {
	.hkb-topbar #menu-header-topbar {
		display: none !important;
	}
}

.hkb-topbar i {
	width: 25px !important;
	
}

.hkb-header {
	padding-top: 15px;
	padding-bottom: 15px;
}

.hkb-header i {
	color: #fff;
	
	margin-top: auto;
	margin-bottom: auto;
}

.hkb-header .logo-dark, .hkb-header .logo-light {
	width: 300px !important;
	padding-top: 5px;
	padding-bottom: 5px;
	max-width: 100%;
	padding-right: 25px !important;
}

.hkb-header > div {
	display: flex;
	vertical-align: middle !important;
	align-items: center !important;
}

.hkb-header .hkb-right {
	display: flex;
	column-gap: 30px;
}

.sticky .hkb-header i {
	color: #000;
}

/* primary menu */

#menu-primary-menu .sub-menu {
	position: absolute;
	background: #fff;
	color: #667085;
	padding: 16px;
	width: max-content !important;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	display: none;
}


#menu-primary-menu .sub-menu .menu-item {
	margin-bottom: 5px !important;
}

#menu-primary-menu {
	display: flex;
	column-gap: 30px;
	color: #667085 !important;
	margin: 0 !important;
	align-items: center;
}

.transparant #menu-primary-menu {
		color: #fff !important;

}

#menu-primary-menu svg {
	width: 16px;
	height: 16px;
	fill: #fff;
	line-height: 0 !important;
	position: absolute;
	top: 5px;
	right: -20px;
}

.sticky #menu-primary-menu * {
	color: #667085 !important;
	fill: #667085;
}

#menu-primary-menu .menu-item-has-children {
	margin-right: 15px;
}


.menu-item {
	position: relative;
}

@media only screen and (max-width: 1200px) {
	#menu-primary-menu {
		display: none !important;
	}
	
	.toggle-mb-menu {
		display: inline-block !important;
	}
	
	.hkb-right .hkb-btn {
		display: none;
	}
}

/* Mobile menu */

.mb-menu {
	position: fixed;
	right: 0;
	background: #fff;
	top: 0;
	bottom: 0;
	z-index: 100 !important;
	padding: 20px;
	z-index: 999 !important;
	width: 350px;
	max-width: 100%;
	font-size: 18px;
}

.mb-menu svg {
	width: 18px;
	height: 18px;
	transform: translatey(4px);
	margin-left: 5px;
}

.mb-menu .sub-menu {
	display: none;
	background: #f2f2f2;
	padding: 15px;
	border-radius: 8px;
}

.mb-menu .sub-menu .menu-item {
	margin-bottom: 5px !important;
}

.mb-menu .menu-item {
	margin-bottom: 20px;
}

.mb-menu .toggle-mb-menu {
	position: absolute;
	right: 30px;
	top: 30px;
	color: #fff;
	background: #1998d3;
	height: 25px;
	width: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 100%;
	z-index: 1;
	cursor: pointer;
}


.menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: .3;
	z-index: 900 !important;
}

/* Alignment */

.hkb-right {
	margin-left: auto;
    display: flex;
    gap: 17px;
    align-items: center;
}

.hkb-left {
	margin-right: auto;
	align-items: center;
  align-self: center;
}

.hkb-right .trp-language-switcher > div{
	    padding: 1px 10px 0px 1px;
    border-radius: 6px;
}

/* Buttons */

.hkb-btn {
	background-color: #1899d3;
	color: #fff;
	padding: 10px 15px;
	display: inline-block;
	border-radius: 8px;
	font-weight: bold;
}

.hkb-btn img {
	width: 16px;
	margin-right: 10px;
	margin-top: -2px;
	border-radius: 0 !important;
}

.hkb-link {
	color: #1998D3;
	font-weight: 600;
}

.hkb-link i {
	margin-left: 10px;
	transition: .3s;
}

.hkb-link:hover i {
	transform: translatex(5px);
}

/* Banner */

.banner {
	height: 80vh;
	position: relative;
	padding-bottom: 50px;
	color: #fff;
}

.banner .video-overlay {
	position: absolute;
	background: #000;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	opacity: .2;
	z-index: 1;
}

.banner video {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100% !important;
	width: 100% !important;
	object-fit: cover !important;
	z-index: 0 !important;
}

.banner .fallback-image {
	position: absolute;
	top: 0;
	bottom: 0;
	height: 100% !important;
	width: 100% !important;
	object-fit: cover !important;
	z-index: 0 !important;
}

.banner .container {
	height: 100% !important;
	display: flex;
}

.banner .container div {
	z-index: 2;
}

.banner h1 {
	font-size: 56px;
	font-weight: bold;
}

.banner .col-12 {
	margin-top: auto !important;
}

.banner.banner-default {
	height: unset;
	padding-top: 500px;
}

.banner.banner-default .col-12 {
	width: 100% !important;
	position: relative;
}


.banner.banner-default .form-wrapper {
	position: absolute;
	right: 0;
	bottom: -120px;
	width: 42%;
}

.form-wrapper {
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	background: #fff;
	padding: 30px;
	border-radius: 8px;
}

@media only screen and (max-width: 992px) {
	.banner.banner-default .form-wrapper {
	
	width: 100%;
	position: relative !important;
	bottom: -0;
		margin-bottom: -100px;
		margin-top: 50px;
}
	.banner.banner-default h1 {
		max-width: 100% !important;
	}
	
	.banner.banner-default {
		padding-top: 250px;
	}

}

.banner.banner-default {
	padding-bottom: 80px !important;
}

.banner.banner-default h1 {
	max-width: 50%;
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 30px !important;
}

.banner.banner-default h3 {
	margin-bottom: 30px;
}


.banner.banner-default {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.banner .form-wrapper {
	color: #667085 !important;
	display: block !important;
}

.gform_wrapper .top_label .gfield_label {
	display: block !important;
}

.gform_wrapper  .gform_button {
	border-radius: 8px !important;
    text-transform: none !important;
    color: #fff !important;
    font-weight: bold !important;
    background: #1999d2 !important;
    width: 100%;
}


.form-wrapper .ginput_container  input, .form-wrapper .ginput_container  textarea, .form-wrapper .ginput_container  select  {
	border: 1px solid #d0d4dc !important;
	border-radius: 8px;
}

.form-wrapper .gform_heading {
	display: none;
}

.gfield_consent_label {
	font-size: 14px !important;
}

/* Row */

.pd-default {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

@media only screen and (max-width: 992px) {
	.pd-default {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

}

.row-inner {
	display: flex;
}

.row-inner  img {
	max-width: 100%;
	border-radius: 8px;
}

/* Columns */

.col-6 {
	width: 50%;
}

.col-1 {
	width: 8.33%;
}

.col-5 {
	width: 41.67%;
}

@media only screen and (max-width: 992px) {
	.row-inner {
		flex-wrap: wrap !important;
		row-gap: 15px;
	}
	
	.col-6 {
		width: 100% !important;
	}
	
	.col-5 {
		width: 100% !important;
	}
}

/* Row text image */

.text-image .col-5 {
	position: relative;
}

.text-image .col-5 img {
	overflow: hidden;
	width: 100% !important;
	max-height: 500px !important;
	object-fit: cover;
}

.text-image .hkb-btn, .text-image-alt .hkb-btn {
	margin-top: 10px;
}

.hkb-counter-image {
	padding-left: 30px;
	padding-bottom: 30px;
}

.text-image .col-6 {
	margin-top: auto;
	margin-bottom: auto;
}

.text-image-alt .col-6 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Counter */

.counter h3 {
	font-size: 64px;
	font-weight: bold;
	margin-top: 0;
}

.counter {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 320px;
	color: #fff !important;
	background: linear-gradient(45deg, #3573AB, #258BE8);
	padding: 20px;
	border-radius: 8px;
}


.counter p {
	color: #fff !important;
	line-height: 28px;
	max-width: 100% !important;
}

/* Background */

@media only screen and (min-width: 992px) { 
	.hkb-bg-type-1 {
		position: relative !important;
	}

	.hkb-bg-type-1::before {
		top: 0;
		left: 0;
		bottom: 0;
		right: 44%;
		clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
		position: absolute !important;
		content: "" !important;
		background: #f2fafd;
		display: inline;
		z-index -1 !important;
	}

	.hkb-bg-type-1 * {
		z-index: 1;
	}
	
	.hkb-bg-type-2 .row-inner {
	background-color: #fff;
}
.hkb-bg-type-2 .col-6 {
	padding-top: 30px;
	padding-bottom: 30px;
	position: relative;
}

.hkb-bg-type-2 .col-6::after {
	position: absolute !important;
	bottom: 0;
	right: -90px;
	top: 0 !important;
	content: "" !important;
	width: 90px !important;
	background: #fff;
	z-index: 9 !important;
	clip-path: polygon(100% 0, 0 0, 0 100%);

}
}

.hkb-bg-type-3 {
	background-color: #f2fafd;
}

/* Diensten */

.service-content {
	padding: 30px;
	display: flex;
	flex-direction: column;
}

.service-content img {
	margin-bottom: 15px;
	width: 50px;
}



.service {
	display: flex; 
	flex-direction: column;
}

.service > div, .service > img {
	height: 400px !important;
	border-radius: 0;
	object-fit: cover;
}

.services .row-inner {
	border-radius: 8px !important;
	overflow: hidden !important;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.services  h2 {
	margin-bottom: 30px;
}

.services .hkb-link {
	margin-top: auto !important;
	display: block !important;
}

.col-3 {
	width: 25%;
}

@media only screen and (max-width: 1200px) {
	.col-3 {
		width: 50% !important;
	}
}

@media only screen and (max-width: 600px) {
	.col-3 {
		width: 100% !important;
	}
	
	.row-inner > .col-3:nth-child(odd) > .service {
		flex-direction: column-reverse;
	}
	
	.service > div, .service > img {
	height: unset !important;
}
}

/* USPs */

.hkb-usps {
	display: flex;
	flex-wrap: wrap;
	row-gap: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
}

@media only screen and (max-width: 600px) {
	.hkb-usps > div{
		width: 100% !important;
	}
}

.hkb-usps img {
	width: 18px;
	border-radius: 0;
	margin-right: 15px;
}

.hkb-usps > div {
	width: 50%;
}

/* Image + text alt */

.text-image-alt .row-inner {
	border-radius: 8px !important;
}

.text-image-alt .col-5 img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

@media only screen and (max-width: 992px) {
	.text-image-alt .col-5 img {
		max-height: 500px;
	}
}

.text-image-alt .hkb-btn {
	max-width: max-content;
}

/* Owl logo's */

.owl-logos {
	margin-top: 50px !important;
}

.owl-logos img {
	height: 100px;
	object-fit: contain;
	filter: grayscale(1);
	transition: .5s !important;
	max-width: 230px;
	margin-left: auto;
	margin-right: auto;
}

.owl-logos img:hover {
	filter: grayscale(0);
}

/* Owl reviews */

.owl-customers {
	margin-top: 50px;
}

.owl-customers .hkb-link {
	font-weight: 400 !important;
}

.owl-customers * {
	overflow: visible !important;
}

.owl-customers img {
	height: 60px;
	object-fit: contain;
	margin-top: 20px !important;
	width: max-content !important;
}

.stars i {
	color: #1998D3;
	margin-right: 5px;
}

.customer-story {
	padding: 30px;
box-shadow: rgba(0, 0, 0, 0.20) 0px 0 50px -12px;	overflow: visible !important;
	border-radius: 8px;
}

.customer-story h3 {
	font-weight: bold;
	color: #303030;
}

.customer-story .text {
	height: 120px !important;
	position: relative !important;
	overflow: hidden !important;
	    -webkit-mask-image: linear-gradient(180deg, #000 30%, transparent);

}

.customer-meta {
	display: flex;
	column-gap: 15px;
}


.customer-meta  img {
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 50%;
	overflow: hidden !important;
}


/* Footer */

#footer {
	background: linear-gradient(45deg, #1998D3, #50C7FF);
	color: #fff;
	z-index: 1 !important;
	font-size: 16px;
}
@media only screen and (max-width: 992px) and (min-width: 600px) {
	#footer .row-inner .col-3 {
		width: calc(50% - 15px) !important;
	}
	
	#footer .row-inner {
		row-gap: 30px;
	}
}



#footer h6 {
	font-weight: 700;
	margin-bottom: 15px !important;
	font-size: 18px;
}

#footer a {
	font-size: 16px;
}

#footer .row-inner {
	column-gap: 30px !important;
}

#footer .pd-default li {
	margin-bottom: 10px;
}

#footer .pd-default i {
	width: 25px;
	font-size: 16px !important;
	vertical-align: middle;
	
}

#footer input[type=email] {
	background: none !important;
	border: 1px solid #fff;
	border-radius: 8px !important;
}

#footer  ::placeholder {
	color: #fff;
	opacity: .5;
}

#footer .gfield--input-type-email {
	grid-column: span 12 !important;
}


#footer #field_submit {
	position: absolute;
	right: 0px;
	bottom: 0;
	background: #A0DDF9 !important;
	height: 100% !important;
	aspect-ratio: 1 !important;
}

/* #field_submit::after {
	content: "\f054";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900 !important;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	line-height: 40px;
	font-size: 20px;
} */


#footer #field_submit input {
	height: 100% !important;
	background: #A0DDF9 !important;
	padding: 8px;
	margin-left: auto;
	margin-right: auto;
	

}
#footer .gfield_description {
	display: none !important;
}


#footer .gform_body {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}

#footer img {
	border-radius: 0 !important;
}


/* Subfooter */

.subfooter {
	font-size: 16px;
}

.subfooter .left{
	display: flex;
	column-gap: 25px;
}

.subfooter p {
	margin: 0;
}

.subfooter .right {
	margin-left: auto !important;
	
}

.subfooter  {
	border-top: 1px solid #fff;
	padding-top: 30px;
	padding-bottom: 30px;
}

.subfooter .col-12 {
	display: flex;
	justify-content: space-between !important;
	width: 100%;
}

@media only screen and (max-width: 600px) {
	.subfooter .col-12 {
		flex-direction: column !important;
	}
	
	.subfooter .left {
		flex-direction: column !important;
	}
}

#footer .gform_footer  {
	display: none !important;
}


.subfooter  i {
	font-size: 24px;
	margin-left: 20px;
}

/* Footer form */


.contact-footer {
	margin-bottom: -100px;
	padding-top: 80px !important;
	z-index: 10 !important;
}


.contact-footer  * {
	z-index: 10 !important;
}

.contact-footer .row-inner {
		background: linear-gradient(45deg, #3573AB, #258BE8);
	border-radius: 8px;
	position: relative;
}

.contact-footer {
	color: #fff !important;
}

.contact-footer h2 {
	color: #fff;
	margin-bottom: 20px;
	font-size: 32px !important;
}

.contact-footer img {
	width: 70%;
	object-fit: cover;
	overflow: visible;
	height: calc(100% + 120px) !important;
	margin-top: -90px;
	
	
	
}

.contact-footer .col-6:first-child {
	text-align: center;
}

.contact-footer .ginput_container textarea {
	background-color: #5698d4 !important;
	border-radius: 8px;
}


@media only screen and (max-width: 992px) {
	.contact-footer .row-inner {
	flex-direction: column-reverse;
}
	
	.contact-footer img {
		margin-bottom: -30px !important;
		margin-top: -50px !important;
		width: 100%;
		max-width: 350px;
	}
}

.contact-footer .col-6 {
	padding: 30px;
	
}

.contact-footer .ginput_container  input {
	background-color: #5698d4 !important;
	border-radius: 8px;
}

.contact-footer .gform_button  {
	border-radius: 8px !important;
	text-transform: none !important;
	color: #1998D3 !important;
	font-weight: bold !important;
	background: #fff !important;
	width: 100%;
}
 

.contact-footer  ::placeholder {
	color: #fff;
	opacity: .8;
}

/* Column reverse */

.hkb-reverse-cols .row-inner {
	flex-direction: row-reverse;
}

/* Counters */

.hkb-counter {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 5px;
	border-top: 1px solid rgb(25, 152, 211, 0.5);
	padding-bottom: 5px;
}

.hkb-counter:first-child {
	border: none;
}

.hkb-counter h2 {
	line-height: 1.5 !important;
	margin: 0 !important;
}

.carousel-reviews  {
		overflow: hidden;
	margin: -15px;
	padding: 15px;
}

@media only screen and (min-width: 992px) 
{
	.carousel-reviews  {
	overflow: hidden;
	padding: 60px;
	margin: -60px;
}
}



.carousel-reviews .owl-item {
	transition: .3s;
}

.carousel-reviews .col-12{
	max-width: 100% !important;
}

.carousel-reviews .owl-item:not(.active) {
	opacity: 0;
}

.carousels .col-12{
	max-width: 100% !important;
}

/* Operations */

.operation {
	padding: 30px;
	border-radius: 8px;
	height: 400px;
	color: #fff;
	background-size: cover; 
	background-repeat: no-repeat;
	
}

.operation:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0, .5) 90%);
  width: 100%;
  height: 7em;
	z-index: 0 !important;
		border-radius: 8px;

}

.operation h3 {
	font-weight: bold !important;
	margin: 0;
}

.operation-content {
	margin-top: auto !important;
	display: flex !important;
	height: 100%;
	justify-content: end;
	flex-direction: column;
	z-index: 1 !important;
	position: relative;
	
}

.owl-carousel .owl-nav {
  position: absolute;
  top: 40%;
  width: 100%;
}

.owl-carousel .owl-nav .owl-prev {
  position: absolute;
  left: 0; 
  z-index: 100; 
	left: -50px;
}

.owl-carousel .owl-nav .owl-next {
  position: absolute;
  right: -50px;
  z-index: 100; 
}

@media only screen and (max-width: 992px) {
	.owl-carousel .owl-nav .owl-prev {
  left: -25px; 
}

	.owl-carousel .owl-nav .owl-next {
		right: -25px;
	}
}

.owl-carousel .owl-nav button {
		background: #1999d2 !important;
	color: #fff !important;
	width: 60px !important;
	height: 60px !important;
	font-size: 40px !important;
	border-radius: 5px !important;
}

.owl-carousel .owl-nav button > span {
	margin-top: -7px !important;
	display: block !important;
}

/* Consultation */

.consultation {
	padding-top: 300px !important;
	padding-bottom: 0 !important;
	margin-bottom: 80px;
	background-size: cover!important;
	background-repeat: no-repeat;
}

.consultation .form-wrapper {
	margin-bottom: -200px;
}

.consultation .gform_button {
	max-width: max-content !important;
}

/* Pop-up review */

#reviewPopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000; 
}

.popupOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.popupContent {
  position: relative;
  z-index: 2;
  background: #fff;
  padding: 20px;
  border-radius: 8px;
	max-width: 100%;
	max-width: 700px;
	margin-left: 15px;
	margin-right: 15px;
}

#closePopup {
  cursor: pointer;
}

.popupContent a {
	display: none;
}

.popupContent .fa-times {
	position: absolute;
	right: 15px;
	top: 15px;
	background-color: #1898d2;
	color: #fff; 
	width: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
}

.popupContent h3 {
	font-weight: bold; 
	color: #303030;
	margin-bottom: 5px;
}

/* Select 2 */

.select2-selection {
	background: none !important;
	border: none !important;
}

.select2-selection * {
	color: #fff !important;
}



.select2-selection__arrow * {
	display: none;
}

.select2-selection__arrow::after {
	content: "\f078"; 
	font-family: FontAwesome;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	font-size: 12px;
}

.select2-selection__placeholder {
	margin-right: 5px !important;
}

#footer .right {
	display: flex !important;
}

.select2-dropdown  {
	width: 300px !important;
}

.select2-dropdown * {
	font-size: 16px;
	color: #303030;
}

.select2-results__option {
	padding-left: 15px;
	padding-right: 15px;
}

.select2-search {
	padding: 15px;
}

.select2-search__field {
	border-radius: 8px;
	border: none !important;
	background: #f2f2f2 !important;
	padding: 5px !important;
}

#footer .select2  {
	max-width: max-content;
}

.extra-padding-top {
	padding-top: 110px !important;
}

/* Team redesign 2024 */

.etc-img {
	position: relative;
	overflow: hidden !important;
		border-radius: 8px;

}
.etc-img * {
	width: 100% !important;
	object-fit: cover;
	object-position: top;
}

.etc-img  img {
	border-radius: 8px;
}

.etc-img .read-more-btn {
	position: absolute;
	bottom: 0;
	background: #1898d2;
	color: #fff;
	width: 50px !important;
	height: 50px !important;
	text-align: center;
	line-height: 50px;
	right: 0;
	border-radius: 8px;
	
}


.etc-img .read-more-btn i {
		color: #fff !important;

}
.section-team .each-team:before {
	display: none;
}

.etc-name {
	font-size: 22px;
	font-weight: bold;
	color: #303030;
}

.et-content i {
	color: #1898d2;
	width: 30px;
}

.et-content, .et-content a {
	color: #667085  !important;
}

.etc-email, .etc-telephone{
	margin-bottom: 0 !important;
	margin-top: 0;
}

.telephone::before {
	display: none !important;
}

.moreinformation i {
	margin-left: 10px;
	transition: .3s;
}

.etc-functie {
	margin-bottom: 10px;
}

body .moreinformation {
	color: #1898d2 !important;
	font-weight: bold !important;
	margin-top: 10px !important;
	display: block;
}

.moreinformation:hover i {
	transform: translatex(5px);
}




/* Locaties */
#asl-storelocator {
	--sl-primary: #1998D3 !important;
	--sl-header: #F7F7F7;
	--sl-header-color: #555d66;
	--sl-infobox-color: #555d66;
	--sl-infobox-bg: #fff;
	--sl-infobox-a: #1998D3 !important;
	--sl-action-btn-color: #fff;
	--sl-action-btn-bg: #1998D3 !important;
	--sl-color: #555d66;
	--sl-list-bg: #fff;
	--sl-list-title: #32373c;
	--sl-list-sub-title: #6a6a6a;
	--sl-highlighted: #e6eaef;
	--sl-highlighted-list-color: #1998D3 !important;
}




.video-16-9 iframe {
	aspect-ratio: 16/9;
	width: 100%;
	height: auto;
}
.align-center { align-items: center; }