.color-overlay {
	background: rgba(51, 153, 217, 0.5);
}
@media screen and (max-width: 1000px){
#ht-masthead {
	background: rgba(51, 153, 217, 1.5);
}}
.ht-sticky#ht-masthead {
	background: rgba(51, 153, 217, 1.5);	
}
.footer-social-icons {
	background: rgba(51, 153, 217, 1.5);	
}
.konnekt-program-header-decor {
	background-color:#3399d9;
}
.sub-menu li a:hover {
	color:rgba(51, 153, 217, 1.5);
}
.content-title {
	background-color:#3399d9;
}

.svgbackground{
filter: invert(54%) sepia(87%) saturate(1235%) hue-rotate(176deg) brightness(88%) contrast(92%);
}

.hero-color-overlay {
	 background-image: linear-gradient(to left, #3399d9, rgba(51, 153, 217, 0.7) 50%, rgba(35, 32, 64, 0));
}

button {
	background-color:#3399d9;
}

.carousel-indicators li.active:before {
	background-color: #3399d9;
}

.knnkt-ahref {
	background-color:#3399d9;	
}


.carouselbg {
	background-color:#3399d9;
}

.ht-main-navigation .current-menu-item > a {
	/*color: #3399d9 !important;*/
}

@media screen and (max-width: 767px){
	.ht-main-navigation .current-menu-item > a {
		margin-left:-30px;
		padding-left:30px;
		background-color:#fff !important;
		color: #3399d9 !important;
	}
}


#ht-back-top:hover {
	background: #3399d9 !important;
}


.ht-main-navigation .current-menu-item > a:after {
    content: '';
    display: block;
    width: 100%;
    height: 5px;
    background-color: #fff;
}
@media screen and (max-width: 1000px){
.toggle-bar, .ht-main-navigation .ht-menu {
    background: #3399d9 !important;

}
}