a, a:hover{text-decoration: none;}
h1,h2,h3,h4,h5,p,li,a{font-family: 'Quicksand', sans-serif !important;}
.uk-offcanvas-overlay{background-color: rgba(0,0,0,0.1);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);}
.uk-offcanvas-bar{background-color: #223f8c;color: #fff !important;}
.nav_sticky{background-color: #fff;border-bottom: solid 5px #223F8C;}
.nav_sticky #logo{width: 100px;}
.nav_sticky #logo_container{width: 100px;}
.bg_primary{background-color: #223F8C;}
.fg_white{color: #fff !important}
.larger{font-size: 1.2em;}
#logo_container{width: 160px;}
#logo{position: absolute;top: 0.25em; left: 0px;z-index: 100000;}

.nav {
	position: absolute;
	top: 15px;
	z-index: 99;
	left: 0;
	right: 0;
}
.uk-sticky-placeholder {
	height: 0 !important;
}

.top-wrap-height {
	height: 50vh;
	min-height: 460px;
	transition: height 0.25s;
}
.uk-subnav-pill > * > :first-child {
	padding: 0.5rem 1rem;
	background-color: rgba(0, 0, 0, 0.04);
}
.top-container {
	z-index: 2;
}

.subtitle-text {
	font-size: 1.2em;
	opacity: 0.7;
	font-weight: 300;
}
.logos-grid img {
	display: block;
	width: 60px;
	margin: 0 auto;
	filter:  grayscale(100%);
	transition: filter 0.25s;
}
.logos-grid img:hover {
	display: block;
	width: 60px;
	margin: 0 auto;
	filter:  grayscale(0);
}

html,body{font-family: 'Quicksand', sans-serif !important;}
a,a:hover{color: inherit;}
.uk-navbar-dropdown{width: 50% !important;}
.uk-logo{font-family: 'Quicksand', sans-serif !important;font-size: 3em;}
.uk-navbar-nav li a{color: #111;}
.uk-nav li a{font-family: 'Quicksand', sans-serif !important;}
.uk-button{border-radius: 2em;}
.uk-button-primary{background-color: #223F8C;color: #fff;}
.uk-button-primary:hover{background-color: #fff;color: #223F8C;}
.uk-button-secondary{background-color: #fff;color: #223F8C;border: solid 3px #fff;}
.uk-button-secondary:hover{background-color: #223F8C;color: #fff;}
.uk-subnav-pill a{background-color: #223F8C !important;color: #fff !important;border-radius: 2em;}
.uk-subnav-pill a:hover{background-color: #223F8C !important;color: #fff !important;}
.top_nav_item{border-radius: 1.5em;background-color: #fff;padding: 0.5em 1em !important;transition: background-color .5s, color .5s;}
.top_nav_item:hover{background-color: #223F8C;color: #fff;}

.black_fg{color: #000 !important;}

@media only screen and (max-width: 755px) {
	
	#logo_container{width: 100px;}
    #logo{width: 100px;}

}