@charset "UTF-8";
/* FONTS */
/* albert-sans-200 - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 200;
  src: url('/templates/css/albert-sans-v1-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* albert-sans-regular - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/templates/css/albert-sans-v1-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* albert-sans-600 - latin */
@font-face {
  font-display: optional; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/templates/css/albert-sans-v1-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* DEFAULTS */
	*,*::before,*::after {box-sizing: border-box;}

	@media (prefers-reduced-motion: no-preference) {:root {scroll-behavior: smooth;}}
	body {font-family: 'Albert Sans', verdana, sans-serif; font-size:1em; line-height:1.6; font-weight:200; font-style:normal; background-color:#FFF; color:#333; text-rendering: optimizeLegibility; margin:0; padding:0;}
	img {display:block; vertical-align:top; max-width:100%;}
	a {color:#0e2a47;}
	a:hover{color:#1c538e;}
	#map-canvas iframe {border:0px!important;}
	h1,h2,h3{font-weight:600;}
	
/* ROOT DEFAULTS */
    :root {
		--white: #ffffff;
		--black: #000000;
		--light-blue: #e5eef6;
		--dark-blue: #0b2035;
		--dark-grey: #212121;
		--light-grey: #CCCCCC;
        --block-padding: 1.25rem;
		--boxed-width:1400px;
		--transition-speed:0.5s;
		
		--offwhite: #F2F2F2;
	}
	
/* FRAMEWORK */
	.f_row{width:100%; float:none; display:block;}
	.f_boxed{width:1400px; display:block; margin: 0 auto; max-width:100%;}
	.f_full{width:100%; display:flex; flex-wrap: wrap; flex-direction: row;}
	.f_12 {flex: 0 0 auto; width: 100%; display:flex;}
	.f_11 {flex: 0 0 auto; width: 91.66666667%; display:flex;}
	.f_10 {flex: 0 0 auto; width: 83.33333333%; display:flex;}
	.f_9 {flex: 0 0 auto; width: 75%; display:flex;}
	.f_8 {flex: 0 0 auto; width: 66.66666667%; display:flex;}
	.f_7 {flex: 0 0 auto; width: 58.33333333%; display:flex;}
	.f_6 {flex: 0 0 auto; width: 50%; display:flex;}
	.f_5 {flex: 0 0 auto; width: 41.66666667%; display:flex;}
	.f_4 {flex: 0 0 auto; width: 33.33333333%; display:flex;}
	.f_3 {flex: 0 0 auto; width: 25%; display:flex;}
	.f_2 {flex: 0 0 auto; width: 16.66666667%; display:flex;}
	.f_1 {flex: 0 0 auto; width: 8.33333333%; display:flex;}
	.f_right{justify-content: right;}
	.f_center{justify-content: center;}
	.f_left{justify-content: left;}
	.f_reverse{flex-direction:row-reverse;}
	.tpadding{padding: var(--block-padding) 0;}

/*** USER SETTINGS ***/
	.bg_lightgrey{background-color: var(--light-grey);}
	#titleBlock{}


	#searchBlock{}	
		/* USER FORM CHANAGES */
		.search_form fieldset {border:0 none; padding:0; margin:0;}
		.search_form label {display:none;}
		.search_form legend {display:none;}

	#topnavBlock{}
		.top_nav_box{width:100%;}
		.top_nav{float:right; background-color:#F2F2F2; padding: 0;}
		.top_nav li{display:inline-block;}
		.top_nav a{text-decoration:none; color:black; padding:0 15px; margin:0;}
		.top_nav a:hover{color:red;}
		
	#mainnavBlock{}

	#crumbBlock{padding:20px 0;}
	
	#imagelrgBlock{}


	.cards {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 18px;
	  justify-content: center;
	  padding: 50px 0;
	  flex-direction:row;
	}

	.card1 {
	  flex: none;
	  width: 208px;
	  display: flex;
	  flex-direction: column;
	  border: 1px solid #f0f0f0;
	  border-radius: 10px;
	}
	
	
/*** SKIP TO CONTENT ****/
	#skip-to-content {position: absolute; left: -9999px; z-index: 999; padding: 1em; background-color: black; color: white; opacity: 0;}
	#skip-to-content:focus {left: 50%; transform: translateX(-50%); opacity: 1;}	

/***  SFMENU REQUIRED ***/
	.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none; font-weight:400;}
	.sf-menu li {position: relative;}
	.sf-menu ul {position: absolute; display: none; top: 100%; left: 0; z-index: 99;}
	.sf-menu > li {float: left;}
	.sf-menu a {display: block; position: relative;}
	.sf-menu span {display: block; position: relative;}
	
	.sf-menu ul ul {top: 0;left: 100%;}
	.sf-menu a {text-decoration:none;}
	.sf-arrows .sf-with-ul {padding-left: 2.5em;}
	.sf-menu-btn {display: none; color:#ffffff; margin: 0;}
	.sf-menu-btn-order{}

	/*** SFMENU STYLES ***/
	.sf-menu-wrapper{display: block; padding: 30px 0 0 0;}
	.sf-menu {float: right; font-size:0.9rem;}
	.sf-menu li {white-space: nowrap; transition: background .2s; flex: 1;}
	.sf-menu a {color: #000000; padding:10px 20px;}
	.sf-menu a:hover {color: #689cc8;}

	.sf-menu span {color: #000000; padding:10px 20px; cursor:pointer;}
	.sf-menu span:hover {color: #689cc8;}
	
	.sf-menu ul {}
	.sf-menu ul li {white-space: nowrap; transition: background .2s;}
	.sf-menu ul a {color: #000000; background-color:#FFFFFF; border-bottom:1px solid #689cc8; border-right:1px solid #689cc8;}
	.sf-menu ul a:hover {color: #689cc8;}
	
	.sf-menu ul ul {}
	.sf-menu ul ul li {white-space: nowrap; transition: background .2s;}
	.sf-menu ul ul a {color: #184F83;}
	.sf-menu ul ul a:hover {color: #689cc8;}
	
	.sf-menu ul ul ul {}
	.sf-menu ul ul ul li {white-space: nowrap; transition: background .2s;}
	.sf-menu ul ul ul a {color: #184F83;}
	.sf-menu ul ul ul a:hover {color: #689cc8;}
	
	.sf-menu li:hover, .sf-menu li.sfHover {transition: none;}

	/*** SFMENU RESPONSIVE ***/
	@media (min-width:1200px){
		.sf-menu li:hover > ul{display: block;}
		.sf-menu li.sfHover > ul{display: block;}
		/* SFMENU ARROWS */
		.sf-arrows .sf-with-ul:after {content: ''; position: absolute; top: 50%; left: 1rem; margin-top: -3px; height: 0; width: 0; border: 5px solid transparent; border-top-color: #dFeEFF; border-top-color: rgba(255,255,255,.5);}
		.sf-arrows ul .sf-with-ul:after {left: 1.3rem; top: 1.1rem; border-color: transparent; border-left-color: #dFeEFF; border-left-color: rgba(24, 79, 131,.5);}
	}
	@media (max-width:1200px){
		/* Mobile Menu */
		#navBlock .f_3{width:100%;}
		#navBlock .f_9{width:100%;}

		.sf-menu-btn-order{display:flex; width:100%; justify-content:right; background-color:var(--dark-blue);}
		.sf-menu li.sfHover > ul{display: block;}
		.sf-menu-btn{display:flex; align-items: center; padding:12px 10px; cursor:pointer;}
		.sf-menu.xactive{display:block;}
		.sf-menu{width:100%; display:none; background-color:#FFFFFF;}
		.sf-menu li{display:block; width:100%; float:none; border-top:1px solid #184F83;}
		.sf-menu li a{float:none; height:auto; line-height:normal; padding:15px 20px; color:#184F83; width:100%;}
		.sf-menu li a:hover{color:#FFFFFF; background-color:#689cc8; transition:all 0.2s ease 0s;}
		
		.sf-menu span {color: #184F83; padding:10px 20px; cursor:pointer;}
		.sf-menu span:hover {color:#FFFFFF; background-color:#689cc8; transition:all 0.2s ease 0s;}
	
	
		.sf-menu ul{position:static; display:none;}
		.sf-menu ul li{display:block; width:100%; float:none;}
		.sf-menu ul li a{float:none; height:auto; line-height:normal; border:none; padding:15px 40px;  color:#184F83;}
		.sf-menu ul li a:hover{color:#FFFFFF; background-color:#689cc8; transition:all 0.2s ease 0s;}
		.sf-menu ul ul{position:static; display:none;}
		.sf-menu ul ul li{display:block; width:100%; float:none;}
		.sf-menu ul ul li a{float:none; height:auto; line-height:normal; border:none; padding:15px 60px; color:#184F83;}
		.sf-menu ul ul li a:hover{color:#FFFFFF; background-color:#689cc8; transition:all 0.2s ease 0s;}
		.sf-menu ul ul ul{position:static; display:none;}
		.sf-menu ul ul ul li{display:block; width:100%; float:none;}
		.sf-menu ul ul ul li a{float:none; height:auto; line-height:normal; border:none; padding:15px 80px; border-top:0px none;color:#184F83;}
		.sf-menu ul ul ul li a:hover{color:#FFFFFF; background-color:#689cc8; transition:all 0.2s ease 0s;}
		.sf-menu-subarrow{display:block; height:52px; width:52px; position:absolute; top:0px; right:0px; cursor:pointer;  background-color:#184F83; text-align:center; line-height:52px; border-bottom:1px solid #FFFFFF; background-image: url(/assets/site-icons/arrow-down.svg); background-size: 16px; background-repeat: no-repeat; background-position: center;}
		.sf-menu-subarrow:hover{background-color:#689cc8;}
		.xpopdrop > .sf-menu-subarrow span{height:18px; width:18px; background-color:#ffffff; display: inline-block; vertical-align: middle; line-height:48px;}
		.xpopdrop > .sf-menu-subarrow{background-image: url(/assets/site-icons/arrow-right.svg );}
		.xpopdrop > ul{display:block!important;}
		.mob-show{display:inline-block;}
	}

	.search_right{text-align:right;}
	.search_right:hover{color:#FF0000;}