@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

#brand_guide {
	color: rgba(12,126,175,1.00); /* BLUE */
	color: rgba(67,186,130,1.00); /* GREEN */
	color: rgba(208,199,187,1.00); /* GRAY */
	color: rgba(132,189,232,1.00); /* BLUE 2 */
	color: rgba(0,0,0,1.00); /* BLACK */
	color: rgba(255,255,255,1.00); /* WHITE */
	font-family: 'Lato', sans-serif; font-weight: 300; /* Lato Light */
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	font-family: 'Lato', sans-serif; font-weight: 800; /* Lato Extra Bold */
}

.full {
    padding-top: 0px;
    padding-right: 10%;
    padding-bottom: 0px;
    padding-left: 10%;
}

.clear-float { clear: both; }

.subheader-div {
	height: 32vw;
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
}

.subheader-div img {
	width: 100%;
}

.subheader-div h1 {
	color: rgba(12,126,175,1.00); /* BLUE */
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	padding: 20px;
}

.statistics-div {
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	background-color: rgba(132,189,232,1.00); /* BLUE 2 */
	padding: 10px;
}

.statistics-div h2 {
	color: rgba(255,255,255,1.00); /* WHITE */
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

.statistics-div .column {
	box-sizing: border-box;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.statistics-div .column h3 {
	font-size: 3em;
	font-weight: 500;
	margin: 0px;
}

.statistics-div .column p {
	text-transform: uppercase;
	padding: 10px;
	margin: 0px;
}

.quickaccess-div {
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	text-transform: uppercase;
	padding: 5px;
}

.quickaccess-div h2 {
	color: rgba(0,0,0,1.00); /* BLACK */
	background-color: rgba(208,199,187,1.00); /* GRAY */
	font-size: 1em;
	text-align: center;
	padding: 5px;
	margin: 0px;
	margin-bottom: 10px;
}

.quickaccess-div .column a {
	color: rgba(0,0,0,1.00); /* BLACK */
	box-sizing: border-box;
	text-align: center;
	padding: 5px;
	margin: 0px;
	text-decoration: none;
	white-space: nowrap;
}

.tabnav {
	border: 2px solid rgba(67,186,130,1.00); /* GREEN */
	font-family: 'Lato', sans-serif; /* Lato Light */
	/* OLD font-weight: 300;  */
}

.tab {
	margin: auto;
	padding: 10px;
}

.tab a {
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	text-transform: uppercase;
	padding: 5px;
	font-size: 1em; /* OLD font-size: .75em; */
	float: left;
	color: rgba(0,0,0,1.00); /* BLACK */
	padding-right: 10px; /* OLD padding: 5px; */
	text-decoration: none;
	display: block;
}

.tab a:hover {
	color: rgba(12,126,175,1.00); /* BLUE */
}

.tabcontent {
	
}

.tabcopy {
	padding: 10px;
}


.tabcontent .tabcopy h2 {
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	text-transform: uppercase;
	font-size: 1.5em; /* OLD font-size: 1.25em; */
	padding: 10px 0px;
	color: rgba(12,126,175,1.00); /* BLUE */
	border-bottom: 2px solid rgba(67,186,130,1.00); /* GREEN */
	font-weight: 700;
}

.subheader-solid {
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	background-color: rgba(12,126,175,1.00); /* BLUE */
	padding: 10px;
	height: 70px;
}

.subheader-solid h1 {
	color: rgba(255,255,255,1.00); /* WHITE */
	text-transform: uppercase;
	letter-spacing: .1em;
	position: relative;
	clear: both;
}

.slider-div { 
	margin-bottom: 20px;
}

.slider-div .slider-top { 
	padding-top: 20px;
}


.slider-div .slider-top .slider-left { 
	text-align: left;
	box-sizing: border-box;
	height: 28px;
}

.slider-div .slider-top .slider-right { 
	box-sizing: border-box;
	height: 28px;
}

.slider-div .slider-top .slider-right a { 
	text-decoration: none;
}

.slider-div .slider-top .slider-left .slider-icon { 
	width: 36px;
	padding-right: 10px;
}

.slider-div .slider-top .slider-left .slider-header { 
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	color: rgba(12,126,175,1.00); /* BLUE */
	text-transform: uppercase;
	font-size: 28px;
}

.slider-div .slider-top .slider-right span { 
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	color: rgba(0,0,0,1.00); /* BLACK */
	text-transform: uppercase;
	font-size: 1.25em;
	padding-right: 10px;
}

.slider-div .slider-top .slider-right .apply-icon { 
	width: 24px;
}

.slider-div .more-info-button {
	background-color: rgba(12,126,175,1.00); /* BLUE */
	text-decoration: none;
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	color: rgba(255,255,255,1.00); /* WHITE */
	margin: 10px 0px;
	text-transform: uppercase;
	padding: 10px;
	
}

.slider-div p {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	padding-bottom: 20px;
}

.slider-div .slider-infobox {
	/*height: 0px;*/
	overflow: hidden;
	transition: all .25s;
	/* */
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	padding-top: 30px;
}

.slider-div .slider-infobox .slider-apply {
	float: right;
	padding: 20px;
}

.slider-div .slider-infobox span { 
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	color: rgba(0,0,0,1.00); /* BLACK */
	text-transform: uppercase;
	font-size: 1.25em;
	padding-right: 10px;
}

.slider-div .slider-infobox a { 
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	color: rgba(0,0,0,1.00); /* BLACK */
	text-decoration: none;
	padding-bottom: 5px;
}

.slider-div .slider-infobox .apply-icon { 
	width: 24px;
}

.slider-div .slider-infobox .slider-header { 
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	color: rgba(12,126,175,1.00); /* BLUE */
	text-transform: uppercase;
	font-size: 1.25em;
	padding: 0px;
	margin-bottom: 0px;
}

.slider-div .slider-infobox ul {
	padding-left: 0px;
	margin-top: 0px;
}

.slider-div .slider-infobox ul li {
    list-style: none;
	padding-left: 0px;
}

.slider-div .slider-infobox ul li::before {
    content: "\002022\0000a0";
    /*display: table-cell;*/
    color: rgba(67,186,130,1.00); /* GREEN */
    font-size: 1em;
    padding-left: 1em;
    text-indent: -.7em;
}

#timeline { }

#timeline h2 {
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	text-transform: uppercase;
	font-size: 1.5em;
	padding 10px;
	text-align: center;
	color: rgba(12,126,175,1.00); /* BLUE */
}

#timeline #decades-line { 
}

#timeline #decades-line .decade-box {
	float: left;
	width: 12.5%;
	box-sizing: border-box;
	text-align: center;
}

#timeline #decades-line .first-box {
	/* GREEN LINE */
	background-image: url("../design/green-pixel.gif");
	background-repeat: no-repeat;
	background-size: 50% 2px;
	background-position: right 10px;
}

#timeline #decades-line .mid-box {
	/* GREEN LINE */
	background-image: url("../design/green-pixel.gif");
	background-repeat: no-repeat;
	background-size: 100% 2px;
	background-position: center 10px;
}

#timeline #decades-line .last-box {
	/* GREEN LINE */
	background-image: url("../design/green-pixel.gif");
	background-repeat: no-repeat;
	background-size: 50% 2px;
	background-position: left 10px;
}

#timeline #decades-line .decade-box a {
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	text-transform: uppercase;
	font-size: 1.25em;
	color: rgba(208,199,187,1.00); /* GRAY */
	text-decoration: none;
}

#timeline #decades-line .decade-box a:hover {
	color: rgba(12,126,175,1.00); /* BLUE */
}

#timeline #decades-line .decade-box .decade-dot {
	background-color: rgba(67,186,130,1.00); /* GREEN */
	border-radius: 50%;
	width: 20px;
	height: 20px;
	margin: auto;
}

#timeline .decade-info {
	background-color: rgba(0,0,0,1.00); /* BLACK */
	color: rgba(255,255,255,1.00); /* WHITE */
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	font-size: 1em;
	padding: 20px;
	display: none;
	transition: all .5s;
}

#timeline #arrow-line {
	position: relative;
	top: 4px;
}

#timeline #arrow-line .arrow-div {
	color: rgba(0,0,0,1.00); /* BLACK */
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	font-size: 1em;
	text-align: center;
	float: left;
	width: 12.5%;
	transition: all .5s;
}

.products-div {
	text-align: left;
	padding-bottom: 20px;
}

.products-div .column {
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	text-align: center; 
	font-size: .75em; 
	text-transform: uppercase;
	box-sizing: border-box;
	float: left;
	margin: 5px;
	padding: 5px 10px;
}

.products-div .column a {
	color: rgba(0,0,0,1.00); /* BLACK */
	text-decoration: none;
}

.three-column {
    font-family: 'Lato', sans-serif; font-weight: 300; /* Lato Light */
}

.third-column-2024 .column-title {
    font-size: 28px;
}

.three-column .third-column .column-title {
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    color: rgba(12,126,175,1.00);
    text-transform: uppercase;
    font-size: 28px;
}

.testimonial-div {
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	background-color: rgba(132,189,232,1.00); /* BLUE 2 */
	padding: 10px;
}

.testimonial-div h2 {
	color: rgba(255,255,255,1.00); /* WHITE */
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

.testimonial-div .column {
	box-sizing: border-box;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

.testimonial-div .column h3 {
	font-size: 3em;
	font-weight: 500;
	margin: 0px;
}

.testimonial-div .column p {
	text-transform: uppercase;
	padding: 10px;
	margin: 0px;
}

.info-div { 
	margin-bottom: 20px;
}

.info-div .info-header { 
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	color: rgba(12,126,175,1.00); /* BLUE */
	text-transform: uppercase;
	font-size: 28px;
}

.info-div .info-subheader { 
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	color: rgba(12,126,175,1.00); /* BLUE */
}

.info-div .more-info-button {
	background-color: rgba(12,126,175,1.00); /* BLUE */
	text-decoration: none;
	font-family: 'Lato', sans-serif; font-weight: 500; /* Lato Medium */
	color: rgba(255,255,255,1.00); /* WHITE */
	margin: 10px 0px;
	text-transform: uppercase;
	padding: 10px;
}

.info-div p {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

.info-div ul {
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.info-div ul li {
	font-family: 'Lato', sans-serif; font-weight: 300; /* Lato Regular */
    list-style: none;
	padding-left: 0px;
}

.info-div ul li::before {
    content: "\002022\0000a0";
    /*display: table-cell;*/
    color: rgba(67,186,130,1.00); /* GREEN */
    font-size: 1em;
    padding-left: 1em;
    text-indent: -.7em;
}

.green-dark { background-color: rgba(67,186,130,1.00); /* GREEN */ }
.green-light { background-color: rgba(67,186,130,.75); /* GREEN 2 */ }
.blue-dark { background-color: rgba(12,126,175,1.00); /* BLUE */ }
.blue-light { background-color: rgba(132,189,232,1.00); /* BLUE 2 */ }
.gray-gray { background-color: rgba(208,199,187,1.00); /* GRAY */ }

@media screen and (min-width: 800px) { /* DESKTOP */
	.subheader-div h1 { position: relative; top: -105px; font-size: 2.5em; letter-spacing: .2em; }
	.statistics-div .statistics-a { border-right: 2px solid rgba(255,255,255,1.00); /* WHITE */ }
	.statistics-div .statistics-c { border-left: 2px solid rgba(255,255,255,1.00); /* WHITE */ }
	.statistics-div .column { width: 33%; float: left; }
	.quickaccess-div .column { width: 16%; float: left; text-align: center; font-size: .75em; }
	.quickaccess-div .column img { width: 10px; }
	.tabcontent img { float: right; width: 33%; padding: 0px; border-left: 10px solid white; }
	.subheader-solid h1 { font-size: 2.5em; margin-left: 25%; }
	.slider-div { display: flex; }
	.slider-div .slider-image { float: left; padding: 10px; }
	.slider-div .slider-top .slider-left .slider-icon { float: left; }
	/* .slider-div .slider-top .slider-left .slider-header { float: left; }
	.slider-div .slider-top .slider-left { float: left; } */
	.slider-div .slider-top .slider-right { text-align: right; }
	.slider-div .slider-top .slider-right .apply-icon { float: right; width: 24px; }
	/* .slider-div .slider-infobox { padding-left: 254px; } */
	.producttab-div .column { float: left; }
	.subheader-solid { position: relative; top: 10px; margin-bottom: 50px; }
	.three-column .third-column { width: 33%; float: left; box-sizing: border-box; padding: 20px; }
	
	.topic-headimg {
		border: 3px solid #097FAF;
		border-radius: 8px;
		padding: 0px;
		margin: 10px;
		box-sizing: border-box;
	}
	
	.three-column-2024 { 
		float: left; 
		box-sizing: border-box; 
		padding: 20px; 
	}
	
	.third-column-2024 {
	    float: left;
		width: 33%;
	    box-sizing: border-box;
	    padding: 20px;
	}
}

@media screen and (max-width: 799px) { /* MOBILE */
	.subheader-div h1 { position: relative; top: -105px;  font-size: 2em; letter-spacing: .1em; }
	.statistics-div .statistics-a { border-right: none; }
	.statistics-div .statistics-c { border-left: none; }
	.statistics-div .column { width: 100%; float: none; }
	.quickaccess-div .column { font-size: 1em; }
	.quickaccess-div .column img { width: 12px; }
	.tabcontent img { float: none; width: 100%; padding: 0px; }
	.subheader-solid h1 { font-size: 1.5em; margin-left: 10px; }
	.slider-div { }
	.slider-div p { padding: 0px; }
	.slider-div .slider-image { float: none; padding: 0px; width: 100%; }
	.slider-div .more-info-button { display: block; text-align: right; }
	.slider-div .slider-top .slider-left .slider-icon { float: none; clear: both; text-align: center; }
	.slider-div .slider-top .slider-left .slider-header { float: none; clear: both; font-size: 18px; text-align: center; }
	.slider-div .slider-top .slider-left { float: none; width: 100%; height: 30px; }
	.slider-div .slider-top .slider-right { float: none; width: 100%; text-align: left; padding: 30px 0px; }
	.slider-div .slider-top .slider-right .apply-icon { float: none; width: 24px; }
	.slider-div .slider-infobox { padding-left: 0px; }
	.slider-div .slider-infobox .slider-apply { display: none; visibility: hidden; }
	#timeline { display: none; visibility: hidden; }
	.producttab-div .column { float: none; width: 100%; }
	.column { padding: 20px; }
	.three-column .third-column { width: 100%; float: none; }
	.topic-headimg {
		border: 3px solid #097FAF;
		border-radius: 8px;
		padding: 0px;
		margin: 10px;
		box-sizing: border-box;
	}
	
	.three-column-2024 { width: 100%; float: none; }
	
	.third-column-2024 { width: 100%; float: none; }
}


/* SNIPPETS REVISION STYLES 2024 */



/* TEXT COLORS */
.blue-text { color: #097FAF !important; }
.green-text { color: #44B981 !important; }
.yellow-text { color: #FFDE17 !important; }
.black-text { color: #231F20 !important; }
.charcoal-text { color: #2C2927 !important; }
.white-text { color: #FFFFFF !important; }

@media screen and (max-width: 800px) {
/* MOBILE */

	.topic-border {
		border: 3px solid #097FAF;
		border-radius: 8px;
		padding: 10px 20px;
		margin: 10px;
		background-color: white;
		font-family: "Lato" !important; 
	}
	
	.topic-paragraph {
		color: black !important;
	}
	.topic-image {
		float: right;
		width: 33%;
	}
	.topic-header {
    	text-transform: uppercase;
    	font-weight: 700;
   	 	font-size: 1.5em;
		font-family: "Lato" !important; 
	}
	.topic-links {
		box-sizing: border-box;
		padding: 0px;
		font-family: "Lato" !important; 
	}
	.topic-links a {
		text-decoration: none;
		text-transform: uppercase;
   	 	font-size: 1em;
		color: #097FAF;
		font-family: "Lato" !important; 
	}
	
}


@media screen and (min-width: 801px) {
/* DESKTOP */
	
	.topic-border {
		border: 3px solid #097FAF;
		border-radius: 8px;
		padding: 10px 20px;
		margin: 10px;
		background-color: white;
		font-family: "Lato" !important; 
	}
	
	.topic-paragraph {
		color: black !important;
	}
	
	.topic-image {
		float: left;
		width: 175px;
		padding: 10px;
	}
	.topic-header {
    	text-transform: uppercase;
    	font-weight: 700;
   	 	font-size: 1.5em;
		margin-bottom: 25px;
		font-family: "Lato" !important; 
	}
	.topic-links {
		float: left;
		width: 40%;
		box-sizing: border-box;
		padding: 0px 15px;
		line-height: 2;
		font-family: "Lato" !important; 
	}
	.topic-links a {
		text-decoration: none;
		text-transform: uppercase;
    	font-weight: 700;
   	 	font-size: .75em;
		color: #097FAF;
		font-family: "Lato" !important; 
	}
}