@charset "UTF-8";
/*  extra.css
 *
 *  This file contains additional styles needed with the implementation of the majors pages.
 */
 
/*article {*/
/*    margin: 2rem auto;*/
/*}*/
.glowup.glowup-apply > article:first-of-type , article.sect-bg-white-col2-alt.onLandingPage {
  margin: unset;
}
/* To fix menu area that covers gold alert bar */
.header-menus {
    height: 75px !important;
}
@media only screen and (max-width: 992px) {
    .header-menus {
        height: unset !important;
    }    
}
 
/* Removes the underline from Major's titles on /academics/majors-minors.html */
.filter-results-item > a {
    text-decoration: none !important;
}

/* Adds 50px of padding after each feature */
.feature {
    padding-bottom: 50px;
}
@media only screen and (max-width: 575px) {
    .feature {
        padding-bottom: 50px;
    }
}

.singlecol_center { margin: 0 auto; }

/* Styles for the hero video content */
.hero-video-wrapper {
    height: 0; 
    padding-bottom: 56.25%; 
    position: relative;
}
.hero-video-wrapper > iframe {
    height: 100%; 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%;
}

/***** GENERAL STYLES for NEW LOOK *****/

ol.no-style, ul.no-style {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cta-button {
    background-color: #f2a900;
    border: none;
    color: #012169;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin: 1em 0 0;
    padding: 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: fit-content;
}

.cta-button:hover, .cta-button:focus, .cta-button:focus-within{
      background-color: #ffbe26;
       border-color: #ffbe26;
       outline: 3px solid #007dba;
} 

.cta-button:active{
    color: #fff;
    background-color: #011136;
    border-color: #000d2a;
}

.cta-button.full-width {
    width: 100%;
}
.cta-button > a {
    color: inherit;
    display: block;
    height: 100%;
    line-height: 1.25;
    padding: 10px 40px;
    text-decoration: none;
    width: 100%;
}

.fa-play-circle.hide {
	display: none !important;
}
.fa-pause-circle.hide {
	display: none !important;
}

.glowup {
    font-size: 18px;
}
.glowup figure {
    margin: 0;
}
.glowup p {
    line-height: 1.5;
    margin: 1em 0 0;
}

.glowup .wysiwyg h1, 
.glowup .wysiwyg h2, 
.glowup .wysiwyg h3, 
.glowup .wysiwyg h4, 
.glowup .wysiwyg h5, 
.glowup .wysiwyg h6, 
.glowup .wysiwyg p, 
.glowup .wysiwyg ul, 
.glowup .wysiwyg ol, 
.glowup .wysiwyg dl, 
.glowup .wysiwyg blockquote {
    max-width: unset;
}

/***** .site-header *****/

.nav-home .fa-home {
    color: #101820;
    font-size: 16px;
}
.nav-home .fa-home:hover {
    color: #007dba;
}

/***** .site-footer *****/

.site-footer {
    border-top: 5px solid #f2a900;
}
.site-footer.fixed {
    position: fixed;
    bottom: 0;   
    top: unset;
    width: 100%;
    z-index: 0;
}
.site-footer .site-footer__content {
    padding: 75px 0 1.5rem;
}
.site-footer .site-footer__content .site-footer__name {
    margin-bottom: 40px;
}
.site-footer .site-footer__content .site-footer__name .logo-vt {
    display: none;
}

@media only screen and (max-width: 1201px) {}
@media only screen and (max-width: 1025px) {}
@media only screen and (max-width: 769px) {
    .site-footer .site-footer__content .site-footer__name .logo-hz {
        display: none;
    }    
    .site-footer .site-footer__content .site-footer__name .logo-vt {
        display: block;
    }
}
@media only screen and (max-width: 481px) {}

/***** Header/Footer displacements for smooth-wrapper *****/

.main-header {
    height: 80px;
    width: 100%;
}

.main-footer {
    height: 600px;
    width: 100%;
}

/***** sect-bg-hero-video-with-controls *****/

.sect-bg-hero-video-with-controls {
    margin: 0 0 -1px;
}

/*~~~~~~~~~~~~~~~~~~ MEDIA CONTENT w/ CUSTOM CONTROLS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-hero-video-with-controls .media {
	aspect-ratio: 21/9;
	position: relative;
}
.sect-bg-hero-video-with-controls .media > iframe {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.sect-bg-hero-video-with-controls .media > figcaption {
    box-sizing: border-box;
	display: flex;
	justify-content: flex-end;
	padding: 25px 100px;
	position: absolute;
    bottom: 0;
    width: 100%;
}

/*~~~~~~~~~~~~~~~~~~ CUSTOM CONTROLS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-hero-video-with-controls .video-custom-controls {
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 36px;
	padding: 0;
}
.sect-bg-hero-video-with-controls .video-custom-controls > .far {
	 color: rgba(255, 255, 255, .7) !important;
}
.sect-bg-hero-video-with-controls .video-custom-controls:hover {
	 background-color: rgba(50, 50, 50, .7);
}
 .sect-bg-hero-video-with-controls .video-custom-controls:hover > .far {
	 color: rgba(255, 255, 255, 1) !important;
}

@media only screen and (max-width: 1201px) {}

@media only screen and (max-width: 1025px) {
    
    /*~~~~~~~~~~~~~~~~~~ MEDIA CONTENT w/ CUSTOM CONTROLS less than 1025px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-hero-video-with-controls .media > figcaption {
		padding: 25px 75px;
	}
}

@media only screen and (max-width: 769px) {
    
    /*~~~~~~~~~~~~~~~~~~ MEDIA CONTENT w/ CUSTOM CONTROLS less than 769px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-hero-video-with-controls .media > figcaption {
		padding: 25px 50px;
	}
}

@media only screen and (max-width: 481px) {
    
    /*~~~~~~~~~~~~~~~~~~ MEDIA CONTENT w/ CUSTOM CONTROLS less than 481px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-hero-video-with-controls .media > figcaption {
		padding: 25px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ CUSTOM CONTROLS less than 481px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-hero-video-with-controls .media > .video-custom-controls {
		font-size: 32px;
	}
}

/***** sect-bg-blue-col2-left *****/

.sect-bg-blue-col2-left {
	background-color: #0c2340;
    display: flex;
    justify-content: space-between;
    padding: 50px 100px;
}

.sect-bg-blue-col2-left > .intro {
    margin-right: 40px;
    width: 500px;
}
.sect-bg-blue-col2-left > .intro > .title {
    border: 1px solid #f2a900;
    color: #41b6e6;
    font-family: 'Barlow Condensed', sans-serif;
    font-size:	88px;
    font-weight: 600;
	letter-spacing: 2px;
	margin: 0;
    padding: 20px;
    text-transform: uppercase;
}

.sect-bg-blue-col2-left > .text { 
	color: #ffffff;
	margin-top: 100px;
    width: 55%;	
}

@media only screen and (max-width: 1201px) {

    .sect-bg-blue-col2-left > .text {
        width: 50%;
    }
}

@media only screen and (max-width: 1025px) {
	
	.sect-bg-blue-col2-left {
        display: block;
        padding: 50px 75px;
    }

    .sect-bg-blue-col2-left > .intro > .title {
		font-size: 72px;
	}

    .sect-bg-blue-col2-left > .text {
        margin-left: auto;
        margin-top: 25px;
        width: 75%;
    }
}

@media only screen and (max-width: 769px) {
	
	
	.sect-bg-blue-col2-left {
        padding: 50px;
    }

    .sect-bg-blue-col2-left > .intro {
		margin: auto;
		text-align: center;
        width: 80%;   
    }

    .sect-bg-blue-col2-left > .text {
        width: 100%;
    }
}

@media only screen and (max-width: 481px) {
	
    .sect-bg-blue-col2-left {
        padding: 50px 25px;
    }

    .sect-bg-blue-col2-left > .intro {
        text-align: center;
		width: 100%;
    }
    .sect-bg-blue-col2-left > .intro > .title {
        font-size: 64px;
    }
}

/***** sect-bg-white-col3-with-title *****/

.sect-bg-white-col3-with-title {
	background-color: #ffffff;
    background-size: contain;
    display: block;
    padding: 50px 100px;
}

/*~~~~~~~~~~~~~~~~~~ TITLE SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col3-with-title .intro {
    text-align: center;
}
.sect-bg-white-col3-with-title .intro > .title {
    background-color: #ffffff;
    border: 1px solid #f2a900;
    color: #012169;
    display: inline-block;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 88px;
    font-weight: 600;
    letter-spacing: 2px;
    margin: 0;
    padding: 20px;
    text-transform: uppercase;
}

/*~~~~~~~~~~~~~~~~~~ CONTENT SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col3-with-title .content {
	 margin-top: 50px;	
}
.sect-bg-white-col3-with-title .content > .cards {
    display: flex;
    justify-content: space-between;
}
.sect-bg-white-col3-with-title .content > .cards > li {         
    width: 31%;
}

/*~~~~~~~~~~~~~~~~~~ CARD DETAILS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col3-with-title .cards .media {
    -moz-box-shadow: -5px -5px 7px 1px rgba(150,150,150,0.30), 5px -5px 7px 1px rgba(150,150,150,0.30);
    -o-box-shadow: -5px -5px 7px 1px rgba(150,150,150,0.30), 5px -5px 7px 1px rgba(150,150,150,0.30);
    -webkit-box-shadow: -5px -5px 7px 1px rgba(150,150,150,0.30), 5px -5px 7px 1px rgba(150,150,150,0.30);
    box-shadow: -5px -5px 7px 1px rgba(150,150,150,0.30), 5px -5px 7px 1px rgba(150,150,150,0.30);
	margin: 0 !important;
    position: relative;
}
.sect-bg-white-col3-with-title .cards .title {
    background-color: #011646;
    color: #ffffff;
	font-family: "Spectral", sans-serif;
    font-size: 32px;
    font-weight: 700;
    opacity: .9;
	margin: 0 !important;
    padding: 15px;
    position: absolute;
    bottom: 0;
	text-transform: none;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}
.sect-bg-white-col3-with-title .cards .text {
    background-color: #012169;  
    -moz-box-shadow: -5px 5px 7px 1px rgba(150,150,150,0.30), 5px 5px 7px 1px rgba(150,150,150,0.30);
    -o-box-shadow: -5px 5px 7px 1px rgba(150,150,150,0.30), 5px 5px 7px 1px rgba(150,150,150,0.30);
    -webkit-box-shadow: -5px 5px 7px 1px rgba(150,150,150,0.30), 5px 5px 7px 1px rgba(150,150,150,0.30);
    box-shadow: -5px 5px 7px 1px rgba(150,150,150,0.30), 5px 5px 7px 1px rgba(150,150,150,0.30);
    color: #ffffff;
    height: auto;
    margin: 0;
	min-height: 185px;
    padding: 15px;
}
.sect-bg-white-col3-with-title .cards .cta-button {
    -moz-box-shadow: -5px 5px 7px 1px rgba(150,150,150,0.30), 5px 5px 7px 1px rgba(150,150,150,0.30);
    -o-box-shadow: -5px 5px 7px 1px rgba(150,150,150,0.30), 5px 5px 7px 1px rgba(150,150,150,0.30);
    -webkit-box-shadow: -5px 5px 7px 1px rgba(150,150,150,0.30), 5px 5px 7px 1px rgba(150,150,150,0.30);
    box-shadow: -5px 5px 7px 1px rgba(150,150,150,0.30), 5px 5px 7px 1px rgba(150,150,150,0.30);
    margin-top: 25px;
}

@media only screen and (max-width: 1201px) {

    /*~~~~~~~~~~~~~~~~~~ CARD DETAILS less than 1201px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-col3-with-title .cards .title {
        font-size: 28px;
    }
    .sect-bg-white-col3-with-title .cards .cta-button {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1025px) {

    .sect-bg-white-col3-with-title {
        display: flex;
        justify-content: space-between;
        padding: 50px 75px;
    }
    
    /*~~~~~~~~~~~~~~~~~~ TITLE SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-col3-with-title .intro {
        text-align: left;
        width: 50%;
    }
    .sect-bg-white-col3-with-title .intro .title {
		font-size: 72px;
	}

    /*~~~~~~~~~~~~~~~~~~ CONTENT SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-col3-with-title .content {
        margin-top: 0;
        width: 45%;
    }
    .sect-bg-white-col3-with-title .content > .cards {
        display: block;
    }
    .sect-bg-white-col3-with-title .content > .cards > li {   
        margin-bottom: 50px;
        width: 100%;
    }
	.sect-bg-white-col3-with-title .content > .cards > li:last-of-type {
		margin-bottom: 0;
	}
	
    /*~~~~~~~~~~~~~~~~~~ CARD DETAILS less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-white-col3-with-title .cards .text {
		min-height: 125px;
	}
}

@media only screen and (max-width: 769px) {

    .sect-bg-white-col3-with-title {
        display: block;
        padding: 50px;
    }

    /*~~~~~~~~~~~~~~~~~~ TITLE SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-col3-with-title .intro {
        margin: auto;
        text-align: center;
        width: 80%;
    }

    /*~~~~~~~~~~~~~~~~~~ CONTENT SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-col3-with-title .content {
        margin: 50px auto 0;
        width: 75%;
    }
}

@media only screen and (max-width: 481px) {

    .sect-bg-white-col3-with-title {
        padding: 50px 25px;
    }

    /*~~~~~~~~~~~~~~~~~~ TITLE SECTION less than 481px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-col3-with-title .intro {
        width: 100%;
    }
    .sect-bg-white-col3-with-title .intro > .title {
        font-size: 64px;
    }

    /*~~~~~~~~~~~~~~~~~~ CONTENT SECTION less than 481px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-col3-with-title .content {
        width: 100%;
    }
	
    /*~~~~~~~~~~~~~~~~~~ CARD DETAILS less than 481px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-white-col3-with-title .cards .text {
		height: fit-content;
    }
}

/***** sect-bg-image-with-overlay *****/

/*~~~~~~~~~~~~~~~~~~ IMAGE SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-image-with-overlay .bg-image {
    background-size: contain;
    align-items: center;
    display: flex;
    position: relative;
}

/*~~~~~~~~~~~~~~~~~~ OVERLAY SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-image-with-overlay .overlay {
    background-color: #0033a0;
    color: #ffffff;
    padding: 20px;
    position: absolute;
    right: 100px;
    width: 615px;
}
.sect-bg-image-with-overlay .title {
    color: inherit;
    font-family: 'Barlow Condensed', sans-serif;
    font-size:	88px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.sect-bg-image-with-overlay .items > li {
    border-bottom: 1px solid #ecdd31;
    font-family: 'Spectral', sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.25;
    padding: 10px 0 10px 10px;
    position: relative;
}
.sect-bg-image-with-overlay .items > li:last-of-type {
    border-bottom: none;
}
.sect-bg-image-with-overlay .chevron-right-gold {
	left: 5px;
	top: 18px;
}
.sect-bg-image-with-overlay .item-cite {
    display: block;
    font-size: 14px;
    font-style: normal;
    margin-top: 5px;
}

@media only screen and (max-width: 1201px) {

    /*~~~~~~~~~~~~~~~~~~ OVERLAY SECTION less than 1201px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-image-with-overlay .overlay {
        width: 550px;
    }

    .sect-bg-image-with-overlay .items > li {
        font-size: 28px;
    }
}

@media only screen and (max-width: 1025px) {

    /*~~~~~~~~~~~~~~~~~~ IMAGE SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-image-with-overlay .bg-image {
        display: block;
    }
    
    .sect-bg-image-with-overlay .ratio-21by9 > .ratio-content {
        height: auto;
    }

    /*~~~~~~~~~~~~~~~~~~ OVERLAY SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-image-with-overlay .overlay {
        padding: 50px 75px;
        position: static;
        width: -moz-available;
        width: -webkit-fill-available;
        width: fill-available;
    }
    .sect-bg-image-with-overlay .title {
		font-size: 72px;
	}
}

@media only screen and (max-width: 769px) {
    
    /*~~~~~~~~~~~~~~~~~~ OVERLAY SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-with-overlay .overlay {
		padding: 50px;
    }
}

@media only screen and (max-width: 481px) {
	
	/*~~~~~~~~~~~~~~~~~~ OVERLAY SECTION less than 481px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-image-with-overlay .overlay {
		padding: 50px 25px;
    }	

	.sect-bg-image-with-overlay .title {
		font-size:	64px;
		text-align: center;
	}
}

/***** sect-bg-white-ctas *****/

.sect-bg-white-ctas {
	background-color: #ffffff;
	column-gap: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 25px 75px;
}
.sect-bg-white-ctas.apply-pad {
    /* padding-bottom: 100px; */
}

.sect-bg-white-ctas > .cta-button {
    margin: 0;
}
.sect-bg-white-ctas.btn-1x > .cta-button {
    width: 40%;
}
.sect-bg-white-ctas.btn-2x > .cta-button {
    width: 35%;
}
.sect-bg-white-ctas.btn-3x > .cta-button {
    width: 30%;
}

@media only screen and (max-width: 1201px) {}

@media only screen and (max-width: 1025px) {

	.sect-bg-white-ctas.btn-1x > .cta-button {
        width: 45%;
    }
    .sect-bg-white-ctas.btn-2x > .cta-button,
    .sect-bg-white-ctas.btn-3x > .cta-button {
        width: 40%;
    }
    
    .sect-bg-white-ctas.btn-3x > .cta-button:last-of-type {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 769px) {

    .sect-bg-white-ctas {
        display: block;
        text-align: center;
    }
    .sect-bg-white-ctas.apply-pad {
        padding-bottom: 25px;
    }
    
	.sect-bg-white-ctas.btn-1x > .cta-button,
    .sect-bg-white-ctas.btn-2x > .cta-button,
    .sect-bg-white-ctas.btn-3x > .cta-button {
        width: 90%;
    }
    .sect-bg-white-ctas > .cta-button:not(:first-of-type) {
   		margin-top: 10px;
    }
}

@media only screen and (max-width: 481px) {

    .sect-bg-white-ctas {
        padding: 25px;
    }

    .sect-bg-white-ctas.btn-1x > .cta-button,
    .sect-bg-white-ctas.btn-2x > .cta-button,
    .sect-bg-white-ctas.btn-3x > .cta-button {
        width: 100%;
    }
}

/***** sect-bg-white-col3-embed-title *****/

.sect-bg-white-col3-embed-title {
    background-color: #ffffff;
    background-size: contain;
    display: flex;
    justify-content: space-between;
    padding: 50px 100px;
}

/*~~~~~~~~~~~~~~~~~~ INTRO SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col3-embed-title .intro {
    width: 35%;
}
.sect-bg-white-col3-embed-title .intro > .title {
    color: #012169;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 52px;
    font-weight: 600;
    text-transform: uppercase;
}
.sect-bg-white-col3-embed-title .intro > .title p {
    letter-spacing: .5px;
    line-height: 1;
    margin: 0;
}
.sect-bg-white-col3-embed-title .intro > .text {
    color: #101820;
}

/*~~~~~~~~~~~~~~~~~~ CONTENT SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col3-embed-title .content {
    width: 60%;
}
.sect-bg-white-col3-embed-title .cards  {   
    display: flex;
    justify-content: space-between;      
}
.sect-bg-white-col3-embed-title .cards > li {
	width: 48%;
}

/*~~~~~~~~~~~~~~~~~~ CARD DETAILS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col3-embed-title .cards .media {
	display: block;
	height: 0;
	overflow: hidden;
	padding: 0;
	padding-bottom: 177.78%; /* for video dimensions 720x1280 */
	position: relative;
}
.sect-bg-white-col3-embed-title .cards iframe,
.sect-bg-white-col3-embed-title .cards video {
	border: 0;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	width: 100%;
}
.sect-bg-white-col3-embed-title .cards .video-controls {
	color: rgba(65, 182, 230, 0.5);
	font-size: 88px;
}
.sect-bg-white-col3-embed-title .cards .video-controls:focus,
.sect-bg-white-col3-embed-title .cards .video-controls:hover {
    background-color: rgba(0, 0, 0, .2);
    color: rgba(65, 182, 230);
}
.sect-bg-white-col3-embed-title .cards .text {
	background-color: #012169;
    color: #ffffff;
	font-family: "Spectral", sans-serif;
    font-size: 24px;
    line-height: 1.25;
    margin: 0;
    padding: 15px;
    position: absolute;
    bottom: 0;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}

.sect-bg-white-col3-embed-title .cards .cta-button {
	margin-top: 25px;
}

@media only screen and (max-width: 1201px) {

    /*~~~~~~~~~~~~~~~~~~ INTRO SECTION less than 1201px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-col3-embed-title .intro > .title {
        font-size: 48px;
    }
    .sect-bg-white-col3-embed-title .intro > .text {
        font-size: 16px;
    }

    /*~~~~~~~~~~~~~~~~~~ CARD DETAILS less than 1201px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-col3-embed-title .cards .cta-button {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1025px) {

    .sect-bg-white-col3-embed-title {
        column-gap: 40px;
        padding: 50px 75px;
    }

    /*~~~~~~~~~~~~~~~~~~ INTRO SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-col3-embed-title .intro {
        width: 50%;
    }

    /*~~~~~~~~~~~~~~~~~~ CONTENT SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-col3-embed-title .content {
        width: 50%;
    }
    .sect-bg-white-col3-embed-title .cards {
        display: block;
    }
    .sect-bg-white-col3-embed-title .cards > li {
        margin-bottom: 50px;
        width: 100%;
    }
	.sect-bg-white-col3-embed-title .cards > li:last-of-type {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 769px) {

    .sect-bg-white-col3-embed-title {
        display: block;
        padding: 50px;
    }

    /*~~~~~~~~~~~~~~~~~~ INTRO SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-col3-embed-title .intro {
        margin-bottom: 20px;
        width: 100%;
    }

    /*~~~~~~~~~~~~~~~~~~ CONTENT SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-col3-embed-title .content {
        width: 100%;
    }
    .sect-bg-white-col3-embed-title .cards {
        column-gap: 20px;
        display: flex;
        justify-content: space-between;
    }
    .sect-bg-white-col3-embed-title .cards > li {
		margin-bottom: 0;
    }
}

@media only screen and (max-width: 481px) {

    .sect-bg-white-col3-embed-title {
        padding: 50px 25px;
    }

    /*~~~~~~~~~~~~~~~~~~ CONTENT SECTION less than 481px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-col3-embed-title .cards {
        display: block;
    }
    .sect-bg-white-col3-embed-title .cards > li {
        margin-bottom: 50px;
        width: 100%;
    }
}

/***** .sect-bg-image-slider *****/

@keyframes fade-in {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

.sect-bg-image-slider {
    background-color: #ffffff;
	height: 360px;
	overflow: hidden;
	position: relative;
}
.sect-bg-image-slider .slide {
	display: none;
	height: inherit;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.sect-bg-image-slider .slide.active {
	display: block;
}
.sect-bg-image-slider .slide > img {
	animation: fade-in 1s ease;
	height: inherit;
	width: 100%;
}
.sect-bg-image-slider .slide > .caption {
    background-color: rgb(12, 35, 64, 0.7);
    color: #fff;
    font-style: italic;
    padding: 5px;
    position: absolute;
    bottom: 25px;
    right: 0;
    z-index: 10;
}


@media only screen and (max-width: 1920px) {
	
	.sect-bg-image-slider {
		aspect-ratio: unset;
		height: 360px;
		width: unset;
	}
	
	.sect-bg-image-slider .slide > img {
		width: unset;
	}
}

@media only screen and (max-width: 1201px) {}

@media only screen and (max-width: 1025px) {}

@media only screen and (max-width: 769px) {
	
	.sect-bg-image-slider .slide > .caption {
		display: none;
	}
}

@media only screen and (max-width: 481px) {}

/***** sect-bg-blue-col2-alt *****/

.sect-bg-blue-col2-alt {
    background-color: #0c2340;
	background-size: cover;
    color: #ffffff;
}

/*~~~~~~~~~~~~~~~~~~ INTRO SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-blue-col2-alt .intro {
    padding: 50px 200px 25px;
    text-align: center;
}
.sect-bg-blue-col2-alt .intro > .title {
    border: 1px solid #f2a900;
    color: #41b6e6;
    display: inline-block;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 88px;
    font-weight: 600
    letter-spacing: 2px;
    margin: 0;
    padding: 20px;
    text-transform: uppercase;
}
.sect-bg-blue-col2-alt .intro > .text {
	margin: 1em 0 0;
}

/*~~~~~~~~~~~~~~~~~~ LEFT AND RIGHT SECTIONS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-blue-col2-alt .left, 
.sect-bg-blue-col2-alt .right {
    display: flex;
    justify-content: space-between;
}
.sect-bg-blue-col2-alt .media {
    flex: 1;
}
.sect-bg-blue-col2-alt .media > img {
	width: 100%;
}
.sect-bg-blue-col2-alt .content {
    width: 330px;
}

/*~~~~~~~~~~~~~~~~~~ LEFT SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-blue-col2-alt .left {
    padding: 25px 0 25px 100px;
}
.sect-bg-blue-col2-alt .left > .content {
    margin-right: 40px;
    order: -1;
}

/*~~~~~~~~~~~~~~~~~~ RIGHT SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-blue-col2-alt .right {
    padding: 25px 100px 75px 0;
}
.sect-bg-blue-col2-alt .right .content {
    margin-left: 40px;
}

/*~~~~~~~~~~~~~~~~~~ OPTION DETAILS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-blue-col2-alt .content > .title {
    color: #41b6e6;
	font-family: "Spectral", sans-serif;
    font-size: 64px;
    font-weight: 700;
    text-transform: none;
}
.sect-bg-blue-col2-alt .content > .text {
    border-bottom: 1px solid #f2a900;
    border-top: 1px solid #f2a900;
    padding: 15px 0;
}

.sect-bg-blue-col2-alt .content > .opts > li {
    margin-top: 2em;
}

.sect-bg-blue-col2-alt .opts > li > .opts-title {
    color: #41b6e6;
	font-family: "Spectral", sans-serif;
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    text-transform: none;
}
.sect-bg-blue-col2-alt .opts > li > .opts-text {
    margin-top: 0.75em;
}
.sect-bg-blue-col2-alt .opts > li > .cta-button {
    margin-top: 0.75em;
}

@media only screen and (max-width: 1201px) {

    /*~~~~~~~~~~~~~~~~~~ INTRO SECTION less than 1201px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-blue-col2-alt .intro {
        padding: 50px 150px 25px;
    }
}
@media only screen and (max-width: 1025px) {

    /*~~~~~~~~~~~~~~~~~~ INTRO SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-blue-col2-alt .intro {
        padding: 50px 75px 25px;
    }
    .sect-bg-blue-col2-alt .intro > .title {
		font-size: 72px;
	}

    /*~~~~~~~~~~~~~~~~~~ LEFT AND RIGHT SECTIONS less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-blue-col2-alt .content {
		width: 275px;
	}
    .sect-bg-blue-col2-alt .content > .title {
        font-size: 48px;
    }

    /*~~~~~~~~~~~~~~~~~~ LEFT SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-blue-col2-alt .left {
        padding-left: 75px;
    }

    /*~~~~~~~~~~~~~~~~~~ RIGHT SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-blue-col2-alt .right {
        padding-right: 75px;
    }
}

@media only screen and (max-width: 769px) {

    /*~~~~~~~~~~~~~~~~~~ INTRO SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-blue-col2-alt .intro {
        padding: 50px;
    }
    .sect-bg-blue-col2-alt .intro > .title {
		width: 80%;
	}

    /*~~~~~~~~~~~~~~~~~~ LEFT AND RIGHT SECTIONS less than 769px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-blue-col2-alt .left,
    .sect-bg-blue-col2-alt .right {
        display: block;
    }
	.sect-bg-blue-col2-alt .media {
		width: 100%;
	}
    .sect-bg-blue-col2-alt .content {
        padding: 25px 50px;
        width: 90%;
    }
    
    /*~~~~~~~~~~~~~~~~~~ LEFT SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-blue-col2-alt .left {
        padding: 25px 0;
    }
    
    .sect-bg-blue-col2-alt .left .content {
        margin-right: 0;
    }

    /*~~~~~~~~~~~~~~~~~~ RIGHT SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/
    
    .sect-bg-blue-col2-alt .right {
        padding: 25px 0 75px;
    }
    
    .sect-bg-blue-col2-alt .right .content {
        margin-left: 0;
    }
}

@media only screen and (max-width: 481px) {
	
	/*~~~~~~~~~~~~~~~~~~ INTRO SECTION less than 481px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-blue-col2-alt .intro {
        padding: 50px 25px;
    }
	.sect-bg-blue-col2-alt .intro > .title {
		font-size: 64px;
		width: 100%;
	}

    /*~~~~~~~~~~~~~~~~~~ LEFT AND RIGHT SECTIONS less than 481px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-blue-col2-alt .content {
        padding: 25px;
        width: -moz-available;
        width: -webkit-fill-available;
        width: fill-available;
    }
}

/***** sect-bg-white-scroll-tiles *****/

@keyframes infiniteScroll {
    from {
        transform: translateX(0)
    }
    to {
        transform: translateX(calc(0px - 102%))
    }
}

.sect-bg-white-scroll-tiles {
    background-color: #ffffff;
    overflow-x: hidden;
    padding: 50px 0;
    width: 100%;
}

/*~~~~~~~~~~~~~~~~~~ GRID SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-scroll-tiles .container {
    display: flex;
    max-width: unset;
    width: 4360px;
}

.sect-bg-white-scroll-tiles .grid {
    animation-name: infiniteScroll;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: grid;
    grid-auto-flow: dense;
    grid-template: repeat(auto-fit, 250px) / repeat(auto-fit, 250px);
    grid-gap: 20px;
    margin-right: 20px;
    white-space: nowrap;
    width: 1080px;
}
.sect-bg-white-scroll-tiles .grid > .tile {
    align-items: center;
    justify-content: center;
}
.sect-bg-white-scroll-tiles .grid > .tile.large {
    grid-column: span 2;
    grid-row: span 2;
}
.sect-bg-white-scroll-tiles .grid > .tile img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

/*~~~~~~~~~~~~~~~~~~ ICONS SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-scroll-tiles .icons {
    column-gap: 25px;
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

@media only screen and (max-width: 1201px) {}

@media only screen and (max-width: 1025px) {
	
	.sect-bg-white-scroll-tiles .container {
		width: 3560px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ GRID SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-white-scroll-tiles .grid {
		grid-template: repeat(auto-fit, 200px) / repeat(auto-fit, 200px);
		width: 880px;
	}
}

@media only screen and (max-width: 769px) {}

@media only screen and (max-width: 481px) {
	
	.sect-bg-white-scroll-tiles .container {
		width: 2760px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ GRID SECTION less than 481px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-white-scroll-tiles .grid {
		grid-template: repeat(auto-fit, 150px) / repeat(auto-fit, 150px);
		width: 680px;
	}
}

/***** sect-bg-hero-media *****/

.sect-bg-hero-media {
	aspect-ratio: 21/9;
}

/*~~~~~~~~~~~~~~~~~~ IMAGE SECTION ~~~~~~~~~~~~~~~~~~*/
		
.sect-bg-hero-media .bg-image {
	background-size: contain;
	margin: 0;
	position: relative;
}
.sect-bg-hero-media .bg-image > img {
	width: 100%;
}

/***** sect-bg-hero-image-with-overlay *****/

.sect-bg-hero-image-with-overlay {
	aspect-ratio: 21/9;
}

/*~~~~~~~~~~~~~~~~~~ IMAGE SECTION ~~~~~~~~~~~~~~~~~~*/
		
.sect-bg-hero-image-with-overlay .bg-image {
	background-size: contain;
	margin: 0;
	position: relative;
}
.sect-bg-hero-image-with-overlay .bg-image > img {
	width: 100%;
}

/*~~~~~~~~~~~~~~~~~~ SPACE SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-hero-image-with-overlay .bg-space {
	background-color: #ffffff;
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
}


/*~~~~~~~~~~~~~~~~~~ OVERLAY SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-hero-image-with-overlay .overlay {
	background-color: #007dba;
	color: #ffffff;
	min-width: 450px;
	padding: 0 20px;
	position: absolute;
	width: 50%;
	z-index: 1;
}
.sect-bg-hero-image-with-overlay .overlay.left {
	left: 100px;
}
.sect-bg-hero-image-with-overlay .overlay.right {
	right: 100px;
}

.sect-bg-hero-image-with-overlay .bg-image > .overlay {
	bottom: 0;
}
.sect-bg-hero-image-with-overlay .bg-space > .overlay {
	top: 0;	
}

.sect-bg-hero-image-with-overlay .title {
	color: inherit;
	font-family: 'Barlow Condensed', sans-serif !important;
	font-size:	88px;
	font-weight: 600;
	letter-spacing: 2px;
	margin: 0;
	padding: 20px 0;
	text-transform: uppercase;
}

.sect-bg-hero-image-with-overlay .text {
	border-top: 2px solid #002f6c;
	color: inherit;
	margin: 0;
	padding: 20px 0;
}

@media only screen and (max-width: 1201px) {}

@media only screen and (max-width: 1025px) {

	/*~~~~~~~~~~~~~~~~~~ OVERLAY SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-hero-image-with-overlay .overlay.left {
		left: 75px;
	}
	.sect-bg-hero-image-with-overlay .overlay.right {
		right: 75px;
	}
	
	.sect-bg-hero-image-with-overlay .title {
		font-size: 72px;
	}
}

@media only screen and (max-width: 769px) {

	/*~~~~~~~~~~~~~~~~~~ SPACE SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-hero-image-with-overlay .bg-space {
		height: auto;
	}

	/*~~~~~~~~~~~~~~~~~~ OVERLAY SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-hero-image-with-overlay .overlay {
		max-width: none;
		min-width: auto;
		padding: 0 50px;
		position: static;
		width: 100%;
	}
}

@media only screen and (max-width: 481px) {
	
	/*~~~~~~~~~~~~~~~~~~ OVERLAY SECTION less than 481px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-hero-image-with-overlay .overlay {
		padding: 0 25px;
	}
	
	.sect-bg-hero-image-with-overlay .title {
		font-size: 52px;
	}
}

/***** sect-bg-image-fixed-tiles *****/

.sect-bg-image-fixed-tiles {
	display: flex;
	justify-content: right;
	overflow: hidden;
	position: relative;
}

/*~~~~~~~~~~~~~~~~~~ BACKGROUND IMAGE w/ COLOR OVERLAY ~~~~~~~~~~~~~~~~~~*/

.sect-bg-image-fixed-tiles > .bg-image {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.sect-bg-image-fixed-tiles > .bg-image > img {
	width: 100%;
}

/*~~~~~~~~~~~~~~~~~~ OVERLAY FOR TILES ~~~~~~~~~~~~~~~~~~*/

.sect-bg-image-fixed-tiles > .overlay {
    padding: 50px 100px;
    width: 925px;
	z-index: 1;
}
.sect-bg-image-fixed-tiles > .overlay > .title {
    color: #f2a900;
    font-family: 'Barlow Condensed', sans-serif;
    font-size:	80px;
    font-weight: 600;
	letter-spacing: 2px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
}

/*~~~~~~~~~~~~~~~~~~ STAT STRUCTURE ~~~~~~~~~~~~~~~~~~*/

.sect-bg-image-fixed-tiles .stats {
    display: grid;
	grid-template: repeat(2, 350px) / repeat(2, 350px);
    grid-gap: 25px;
}
.sect-bg-image-fixed-tiles .stats > li {
	align-items: center;
    background-color: #ffffff;
	display: flex;
	flex-direction: column;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 28px;
    font-weight: 600;
    padding: 25px;
    position: relative;
    text-align: center;
}

/*~~~~~~~~~~~~~~~~~~ STAT PARTS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-image-fixed-tiles .media {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 200px;
	margin: 0;
	position: relative;
    width: 100%;
}
.sect-bg-image-fixed-tiles .media > img {
	width: 200px;
}
.sect-bg-image-fixed-tiles .media > .caption {
    color: #b58500;
    font-size: 80px;
	line-height: 1;
	padding: 0 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	text-transform: uppercase;
    width: calc(100% + 50px);
}
.sect-bg-image-fixed-tiles .category {
    color: #0c2340;
	line-height: 1;
	margin: 0 0 auto;
	padding: 10px 0;
	text-transform: uppercase;
}
.sect-bg-image-fixed-tiles .citation {
    border-top: 1px solid #b58500;
    display: block;
    font-family: 'Spectral', sans-serif;
    font-size: 14px;
    font-style: normal;
	font-weight: normal;
	padding-top: 10px;
    width: 100%;
}
.sect-bg-image-fixed-tiles > .bg-image.full-width-stats-with-background-image > img {
	width: 100%; 
	margin: auto;
}

.sect-bg-image-fixed-tiles > .bg-image.imported-stats-with-background-image > img {
	width: unset;
	margin: auto;
	}

@media only screen and (max-width: 1650px) {
	
	/*~~~~~~~~~~~~~~~~~~ BACKGROUND IMAGE w/ COLOR OVERLAY less than 1650px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-fixed-tiles > .bg-image > img {
		width: unset;
	}
}

@media only screen and (max-width: 1201px) {
	
	/*~~~~~~~~~~~~~~~~~~ BACKGROUND IMAGE w/ COLOR OVERLAY less than 1201px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-fixed-tiles > .bg-image > img {
		height: 100%;
	}
}

@media only screen and (max-width: 1025px) {
	
	/*~~~~~~~~~~~~~~~~~~ OVERLAY FOR TILES less than 1025px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-image-fixed-tiles > .overlay {
        padding: 50px 75px;
		width: 775px;
    }
	.sect-bg-image-fixed-tiles > .overlay > .title {
		font-size:	72px;	
	}
	
	/*~~~~~~~~~~~~~~~~~~ STAT STRUCTURE less than 1025px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-image-fixed-tiles .stats {
        grid-template: repeat(2, 300px) / repeat(2, 300px);
    }
    .sect-bg-image-fixed-tiles .stats > li {
        padding: 20px;
    }

	/*~~~~~~~~~~~~~~~~~~ STAT PARTS less than 1025px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-image-fixed-tiles .media {
    	height: 160px;
    }
	.sect-bg-image-fixed-tiles .media > img {
		width: 160px;
	}
    .sect-bg-image-fixed-tiles .media > .caption {
        font-size: 72px;
        width: calc(100% + 40px);
    }
}

@media only screen and (max-width: 769px) {
	
	/*~~~~~~~~~~~~~~~~~~ OVERLAY FOR TILES less than 769px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-image-fixed-tiles > .overlay {
        padding: 50px;
    }
	
	/*~~~~~~~~~~~~~~~~~~ STAT STRUCTURE less than 769px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-image-fixed-tiles .stats {
		grid-template: repeat(4, 300px) / repeat(1, 300px);
		justify-content: center;
    }
}

@media only screen and (max-width: 481px) {
	
	/*~~~~~~~~~~~~~~~~~~ OVERLAY FOR TILES less than 481px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-image-fixed-tiles > .overlay {
        padding: 50px 25px;
    }
	.sect-bg-image-fixed-tiles > .overlay > .title {
        font-size:	64px;
    }
	
	/*~~~~~~~~~~~~~~~~~~ STAT PARTS less than 769px ~~~~~~~~~~~~~~~~~~*/
	
    .sect-bg-image-fixed-tiles .media > .caption {
        font-size: 64px;
    }
}

/***** sect-bg-white-col2-alt *****/

.sect-bg-white-col2-alt {
    background-color: #ffffff;
    color: #000000;
    overflow: hidden;
}
.sect-bg-white-col2-alt > section {
    display: flex;
    justify-content: space-between;
    padding: 25px 100px;
}
/* https://www.wrike.com/open.htm?id=1681037869 */
article.sect-bg-white-col2-alt > section.featureBlock.media-half, article.sect-bg-white-col2-alt > section.featureBlock.media-one-third, article.sect-bg-white-col2-alt > section.featureBlock {
	padding: 25px 0;
}
.sect-bg-white-col2-alt > section:first-of-type {
/*    padding-top: 50px;*/
}
.sect-bg-white-col2-alt > section:last-of-type {
/*    padding-bottom: 50px;*/
}

.sect-bg-white-col2-alt .media {
    width: 60%;
}
.sect-bg-white-col2-alt .media > img {
	width: 100%;
}
.sect-bg-white-col2-alt > .right > .media {
    order: 1;
}

.sect-bg-white-col2-alt .content {
    width: 36%;
}
.sect-bg-white-col2-alt .content > .title, .oldBlockHeadings .title {
    color: #007dba;
    font-family: "Spectral", sans-serif;
    font-size: 18px;
    font-weight: 700;
	margin: 0;
	text-transform: none;
}
.sect-bg-white-col2-alt .content > .sub-title, .oldBlockHeadings .sub-title {
    color: #012169;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 52px;
    font-weight: 600;
	letter-spacing: 0px;
	line-height: 1;
    text-transform: uppercase;
}

@media only screen and (max-width: 1201px) {}

@media only screen and (max-width: 1025px) {
    .sect-bg-white-col2-alt > section {
        display: block;
        padding: 25px 75px;
    }

    .sect-bg-white-col2-alt .media {
        width: 75%;
    }
	
    .sect-bg-white-col2-alt .content {
        padding-top: 25px;
        width: 75%;
    }

    .sect-bg-white-col2-alt > .right > .media,
    .sect-bg-white-col2-alt > .right > .content {
        margin-left: auto;
    }
}

@media only screen and (max-width: 769px) {

    .sect-bg-white-col2-alt > section {
        padding: 25px 50px;
    }

    .sect-bg-white-col2-alt .media,
    .sect-bg-white-col2-alt .content {
        width: 100%;
    }
}

@media only screen and (max-width: 481px) {
    
    .sect-bg-white-col2-alt > section {
        padding: 25px;
    }
}

/***** sect-bg-image-testimonial *****/

.sect-bg-image-testimonial {
	display: flex;
	height: 450px;
	overflow: hidden;
	position: relative;
}

/*~~~~~~~~~~~~~~~~~~ BACKGROUND IMAGE w/ PURPLE OVERLAY ~~~~~~~~~~~~~~~~~~*/

.sect-bg-image-testimonial > .bg-image {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
/* https://www.wrike.com/open.htm?id=1665338284  */
.sect-bg-image-testimonial > .bg-image.full-width-testimonial > img {
	width: 100%; 
	margin: auto;
}

.sect-bg-image-testimonial > .bg-image.imported-testimonial-block > img {
	width: unset;
	margin: auto;
	}


/*~~~~~~~~~~~~~~~~~~ FOREGROUND IMAGE ~~~~~~~~~~~~~~~~~~*/

.sect-bg-image-testimonial > .fg-image {
	height: 100%;
	margin: 0;
	position: absolute;
	bottom: 0;
}
.sect-bg-image-testimonial > .fg-image > img {
	height: 100%;
	width: unset;
}

/*~~~~~~~~~~~~~~~~~~ TESTIMONIAL SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-image-testimonial > .text {
	align-self: center;
	color: #ffffff;
	margin: 0;
	padding: 50px;
	position: absolute;
	right: 0;
	width: 50%;
}
.sect-bg-image-testimonial > .text > .quote {
	font-family: "Spectral", sans-serif;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.125;
	margin: 0 0 10px;
}
.sect-bg-image-testimonial > .text > .citation {
	font-size: 20px;
	font-weight: 700;
}

@media only screen and (max-width: 1650px) {
	
	/*~~~~~~~~~~~~~~~~~~ BACKGROUND IMAGE w/ PURPLE OVERLAY less than 1650px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-testimonial > .bg-image > img {
		height: 100%;
	}
}

@media only screen and (max-width: 1201px) {
	
	/*~~~~~~~~~~~~~~~~~~ BACKGROUND IMAGE w/ PURPLE OVERLAY less than 1201px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-testimonial > .bg-image > img {
		width: unset;
	}
}

@media only screen and (max-width: 1025px) {
	
	/*~~~~~~~~~~~~~~~~~~ FOREGROUND IMAGE less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-testimonial > .fg-image {
		left: -165px;
	}

	/*~~~~~~~~~~~~~~~~~~ TESTIMONIAL SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-testimonial > .text {
		width: 60%;
	}
	.sect-bg-image-testimonial > .text > .quote {
		font-size: 32px;
	}
	.sect-bg-image-testimonial > .text > .citation {
		font-size: 18px;
	}
}

@media only screen and (max-width: 769px) {

	/*~~~~~~~~~~~~~~~~~~ FOREGROUND IMAGE less than 769px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-testimonial > .fg-image {
		bottom: -75px;
		left: 0;
	}

	/*~~~~~~~~~~~~~~~~~~ TESTIMONIAL SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-testimonial > .text {
		padding: 25px 50px;
		top: 0;
		width: 100%;
	}
	.sect-bg-image-testimonial > .text > .quote {
		font-size: 24px;
	}
	.sect-bg-image-testimonial > .text > .citation {
		font-size: 18px;
	}
}

@media only screen and (max-width: 481px) {
	
	/*~~~~~~~~~~~~~~~~~~ FOREGROUND IMAGE less than 481px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-testimonial > .fg-image {
		height: 75%;
	}
	
	/*~~~~~~~~~~~~~~~~~~ TESTIMONIAL SECTION less than 481px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-testimonial > .text {
		padding: 25px;
	}
}

/***** sect-bg-white-fixed-tiles *****/

.sect-bg-white-fixed-tiles {
	padding: 0 100px;
	position: relative;
}
.sect-bg-white-fixed-tiles.bg-color {
    background-color: #0c2340;
    background-repeat: no-repeat;
    padding-bottom: 50px; 
}
.sect-bg-white-fixed-tiles.bg-elem {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*~~~~~~~~~~~~~~~~~~ INTRO SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-fixed-tiles .intro {
    padding: 50px 100px 50px;
    text-align: center;
}
.sect-bg-white-fixed-tiles .intro > .title {
    border: 1px solid #f2a900;
    color: #012169;
    display: inline-block;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 80px;
    font-weight: 600;
	letter-spacing: 0px;
    line-height: 1;
	margin: 0;
    padding: 20px;
    text-transform: uppercase;
    width: 65%;
}
.sect-bg-white-fixed-tiles .intro > .text {
    color: #101820;
    font-family: 'Noto Sans', sans-serif;
    font-size: 18px;
	margin: 1rem 0 0;
}

/*~~~~~~~~~~~~~~~~~~ INTRO SECTION w/ BACKGROUND COLOR ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-fixed-tiles.bg-color .intro > .title {
    color: #41b6e6;
}
.sect-bg-white-fixed-tiles.bg-color .intro > .text {
    color: #ffffff;
}

/*~~~~~~~~~~~~~~~~~~ TILES SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-fixed-tiles > .tiles {
    display: grid;
    grid-auto-rows: minmax(500px, 1fr);
	grid-template-columns: repeat(3, minmax(200px, 1fr));
	grid-gap: 25px;   
}
.sect-bg-white-fixed-tiles > .tiles > li {
	color: #012169;	
    display: flex;
    flex-direction: column;
	position: relative;
}
.sect-bg-white-fixed-tiles > .tiles > li.adjust {
	grid-column: span 2;
}

.sect-bg-white-fixed-tiles > .tiles-xtra {
	grid-template: repeat(1, minmax(150px, 1fr)) / repeat(3, minmax(250px, 1fr));
    margin: 0 0 80px;
}

/*~~~~~~~~~~~~~~~~~~ BASIC STYLES FOR TILES ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-fixed-tiles > .tiles > li .content {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding: 25px;
}
.sect-bg-white-fixed-tiles > .tiles > li .content > .title {
	color: inherit;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 32px;
	font-weight: 600;
	letter-spacing: 0px;
	margin: 0;
	text-transform: uppercase;
}
.sect-bg-white-fixed-tiles > .tiles > li .content > .text {
	margin: 8px 0 0;
}
.sect-bg-white-fixed-tiles > .tiles > li .content > .cta-button {
	margin: 16px 0 0;
}

/*~~~~~~~~~~~~~~~~~~ TILES w/ IMAGES ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-fixed-tiles > .tiles > li.image > .content {
    justify-content: flex-start;
}
.sect-bg-white-fixed-tiles > .tiles > li.image > .size-x1 {
    display: none;
}
.sect-bg-white-fixed-tiles > .tiles > li.image > .size-x2 {
    display: block;
	width: 100%;
}

/*~~~~~~~~~~~~~~~~~~ TILES w/ BACKGROUND COLOR BLUE ~~~~~~~~~~~~~~~~~~*/


.sect-bg-white-fixed-tiles > .tiles > li.bg-blue > .content {
    background-color: #007dba;
    color: #ffffff;
}

/*~~~~~~~~~~~~~~~~~~ TILES w/ BACKGROUND COLOR DARK BLUE ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-fixed-tiles > .tiles > li.bg-darkblue > .content {
    background-color: #0c2340;
    color: #ffffff;
}

/*~~~~~~~~~~~~~~~~~~ TILES w/ NO BACKGROUND ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-fixed-tiles > .tiles > li.bg-none > .content {
    background-color: #ffffff;
}
.sect-bg-white-fixed-tiles > .tiles > li.bg-none > .content > .title {
    color: #007dba;  
}
.sect-bg-white-fixed-tiles > .tiles > li.bg-none > .content > .text {
    color: #0c2340;
}

/*~~~~~~~~~~~~~~~~~~ TILES w/ BACKGROUND COLOR PINK ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-fixed-tiles > .tiles > li.bg-pink > .content {
    background-color: #0033a0;
    color: #ffffff;
}

/*~~~~~~~~~~~~~~~~~~ TILES w/ BACKGROUND COLOR WHITE ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-fixed-tiles > .tiles > li.bg-white > .content {
    background-color: #ffffff;
    border: 1px solid #0c2340;
    color: #0c2340;    
}

@media only screen and (max-width: 1201px) {
    
    /*~~~~~~~~~~~~~~~~~~ INTRO SECTION less than 1201px ~~~~~~~~~~~~~~~~~~*/
    
    .sect-bg-white-fixed-tiles .intro {
        padding: 0 50px 50px;
    }
}


@media only screen and (max-width: 1025px) {

	.sect-bg-white-fixed-tiles {
		padding: 50px 75px;
	}
   
    /*~~~~~~~~~~~~~~~~~~ INTRO SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/
    
    .sect-bg-white-fixed-tiles .intro {
        padding: 0 0 50px;
    }
    .sect-bg-white-fixed-tiles .intro > .title {
        font-size: 72px;
    }
    
    /*~~~~~~~~~~~~~~~~~~ TILES SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/ 
    
    .sect-bg-white-fixed-tiles > .tiles {
        grid-template-columns: repeat(2, minmax(200px, 1fr));
	}
    .sect-bg-white-fixed-tiles > .tiles > li.adjust {
        grid-column: span 2;
    }
    
    .sect-bg-white-fixed-tiles > .tiles-xtra {
        grid-template: repeat(2, minmax(150px, 1fr)) / repeat(2, minmax(250px, 1fr));
    }
}

@media only screen and (max-width: 769px) {

	.sect-bg-white-fixed-tiles {
		padding: 50px;
	}
    
    /*~~~~~~~~~~~~~~~~~~ INTRO SECTION ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-fixed-tiles .intro > .title {
        width: 100%;
    }
    
    /*~~~~~~~~~~~~~~~~~~ TILES SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/ 
    
    .sect-bg-white-fixed-tiles > .tiles {
        grid-template-columns: repeat(1, minmax(200px, 1fr));
	}
    .sect-bg-white-fixed-tiles > .tiles > li.adjust {
        grid-column: span 1;
    }
    
    .sect-bg-white-fixed-tiles > .tiles-xtra {
        grid-template: repeat(3, minmax(150px, 1fr)) / repeat(1, 1fr);
    }
    
    /*~~~~~~~~~~~~~~~~~~ TILES w/ IMAGES ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-fixed-tiles > .tiles > li.image > .size-x1 {
        display: block;
        width: 100%;
    }
    .sect-bg-white-fixed-tiles > .tiles > li.image > .size-x2 {
        display: none;
    }
}

@media only screen and (max-width: 481px) {

	.sect-bg-white-fixed-tiles {
		padding: 25px;
	}
   
    /*~~~~~~~~~~~~~~~~~~ INTRO SECTION less than 481px ~~~~~~~~~~~~~~~~~~*/
    
    .sect-bg-white-fixed-tiles .intro > .title {
        font-size: 56px;
    }
}

/***** sect-bg-purple-col2-alt *****/

.sect-bg-purple-col2-alt {
	background-color: #007dba;
    color: #ffffff;
}

/*~~~~~~~~~~~~~~~~~~ LEFT AND RIGHT SECTIONS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-purple-col2-alt .left, 
.sect-bg-purple-col2-alt .right {
    display: flex;
    justify-content: space-between;
}
.sect-bg-purple-col2-alt .media {
    flex: 1;
}
.sect-bg-purple-col2-alt .media > img {
    width: 100%;
}
.sect-bg-purple-col2-alt .content {
    width: 330px;
}

/*~~~~~~~~~~~~~~~~~~ LEFT SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-purple-col2-alt .left {
    padding: 50px 0 25px 100px;
}
.sect-bg-purple-col2-alt .left > .content {
    margin-right: 40px;
    order: -1;
}

/*~~~~~~~~~~~~~~~~~~ RIGHT SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-purple-col2-alt .right {
    padding: 25px 100px 50px 0;
}
.sect-bg-purple-col2-alt .right > .content {
    margin-left: 40px;
}

/*~~~~~~~~~~~~~~~~~~ OPTION DETAILS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-purple-col2-alt .content > .title {
    color: #ffffff;
	font-family: "Spectral", sans-serif;
    font-size: 64px;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: none;
}
.sect-bg-purple-col2-alt .content > .text {
    border-bottom: 1px solid #002f6c;
    border-top: 1px solid #002f6c;
    padding: 1em 0;
}
.sect-bg-purple-col2-alt .content > .opts {
    line-height: 1.25;
    margin-top: 1em;
}
.sect-bg-purple-col2-alt .content > .opts > li {
	font-family: "Spectral", sans-serif;
	font-size: 24px;
    padding: 0 0 20px 25px;
	position: relative;
}

.sect-bg-purple-col2-alt .chevron-right-pink {
	left: 0;
	top: 10px;
}

.sect-bg-purple-col2-alt .content > .cta-button {
	width: auto;
}
.sect-bg-purple-col2-alt .content > .cta-button > a {
    padding-right: 50px;    
}

@media only screen and (max-width: 1201px) {

    /*~~~~~~~~~~~~~~~~~~ LEFT AND RIGHT SECTIONS less than 1201px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-purple-col2-alt .content > .title {
        font-size: 56px;
    }
}


@media only screen and (max-width: 1025px) {

    /*~~~~~~~~~~~~~~~~~~ LEFT AND RIGHT SECTIONS less than 1025px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-purple-col2-alt .left,
    .sect-bg-purple-col2-alt .right {
        display: block;
    }
	.sect-bg-purple-col2-alt .media {
		width: 100%;
	}
	.sect-bg-purple-col2-alt .content {
	    margin-top: 25px;
		width: 100%;
	}
	
	/*~~~~~~~~~~~~~~~~~~ LEFT SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-purple-col2-alt .left {
		padding: 50px 25% 25px 75px;
	}
	 .sect-bg-purple-col2-alt .left .content {
        margin-right: 0;
    }

	/*~~~~~~~~~~~~~~~~~~ RIGHT SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-purple-col2-alt .right {
		padding: 25px 75px 50px 25%;
	}
	.sect-bg-purple-col2-alt .right .content {
        margin-left: 0;
    }
    
    /*~~~~~~~~~~~~~~~~~~ OPTION DETAILS less than 1025px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-purple-col2-alt .content > .title {
        font-size: 64px;
    }
}

@media only screen and (max-width: 769px) {
	
	/*~~~~~~~~~~~~~~~~~~ LEFT SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-purple-col2-alt .left {
		padding: 50px 50px 25px;
	}

	/*~~~~~~~~~~~~~~~~~~ RIGHT SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-purple-col2-alt .right {
		padding: 25px 50px 50px;
	}
}

@media only screen and (max-width: 481px) {
    
	
	/*~~~~~~~~~~~~~~~~~~ LEFT AND RIGHT SECTIONS less than 481px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-purple-col2-alt .content > .title {
        font-size: 56px;
    }
	
	/*~~~~~~~~~~~~~~~~~~ LEFT SECTION less than 481px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-purple-col2-alt .left {
		padding: 50px 25px 25px;
	}

	/*~~~~~~~~~~~~~~~~~~ RIGHT SECTION less than 481px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-purple-col2-alt .right {
		padding: 25px 25px 50px;
	}
}

/***** sect-bg-media-footer-top *****/

.sect-bg-media-footer-top {
	aspect-ratio: 16/9 auto;
	overflow: hidden;
	position: relative;
}
.sect-bg-media-footer-top > iframe {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.sect-bg-media-footer-top > figcaption {
	padding: 50px 100px;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
	z-index: 5;
}

/*~~~~~~~~~~~~~~~~~~ TEXT CONTENT ~~~~~~~~~~~~~~~~~~*/

.sect-bg-media-footer-top .text {
	color: #ffffff;
	font-family: 'Spectral', sans-serif;
	font-size: 56px;
	font-weight: bold;
	line-height: 1.25;
	margin: 0;
	padding-bottom: 25px;
	text-align: center;
	
}

/*~~~~~~~~~~~~~~~~~~ ROW OF ICONS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-media-footer-top .icons {
	column-gap: 30px;
	display: flex;
	justify-content: center;
}
.sect-bg-media-footer-top .icons > li {
	height: 45px;
	width: 45px;
}
.sect-bg-media-footer-top .icons > li img {
	width: 100%;
}


@media only screen and (max-width: 1201px) {}

@media only screen and (max-width: 1025px) {
	
	.sect-bg-media-footer-top > figcaption {
		padding: 50px 75px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ TEXT CONTENT less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-media-footer-top .text {
		font-size: 48px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ ROW OF ICONS less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-media-footer-top .icons > li {
		height: 40px;
		width: 40px;
	}
	
}

@media only screen and (max-width: 769px) {
	
	.sect-bg-media-footer-top > figcaption {
		padding: 50px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ TEXT CONTENT less than 769px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-media-footer-top .text {
		font-size: 36px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ ROW OF ICONS less than 769px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-media-footer-top .icons > li {
		height: 35px;
		width: 35px;
	}
	
}

@media only screen and (max-width: 481px) {
	
	.sect-bg-media-footer-top > figcaption {
		padding: 25px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ TEXT CONTENT less than 481px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-media-footer-top .text {
		font-size: 24px;
	}

	/*~~~~~~~~~~~~~~~~~~ ROW OF ICONS less than 481px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-media-footer-top .icons > li {
		height: 30px;
		width: 30px;
	}

}

/***** sect-bg-blue-media-carousel.css *****/

/*~~~~~~~~~~~~~~~~~~ CAROUSEL LAYOUT ~~~~~~~~~~~~~~~~~~*/
		
.sect-bg-blue-media-carousel {
	background-color: #0c2340;
	color: #ffffff;
	overflow: hidden;
	padding: 50px 100px;
	width: 100%;
}

.sect-bg-blue-media-carousel:not(.lightbox) .carousel-inner {
	background-color: #0c2340;
}

.sect-bg-blue-media-carousel .carousel-item {
	background-color: #0c2340;
}
		

.sect-bg-blue-media-carousel .carousel-item .item__third {
	display: flex;
	justify-content: space-between;
}
.sect-bg-blue-media-carousel .carousel-item .content,
.sect-bg-blue-media-carousel .carousel-item .media {
	position: relative;
}

/*~~~~~~~~~~~~~~~~~~ CONTENT SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-blue-media-carousel .carousel-item .content {
	height: auto;
	width: 36%;
}
.sect-bg-blue-media-carousel .carousel-item .content > .title {
	color: #f2a900;
	font-family: 'Barlow Condensed', sans-serif;
	font-size:	52px;
	font-weight: 600;
	text-transform: uppercase;
}
.sect-bg-blue-media-carousel .carousel-item .content > .sub-title {
    color: #f4f4f4;
	font-family: 'Spectral', sans-serif;
	font-size: 32px;
	font-weight: 700;
	margin-top: .25em;
}
.sect-bg-blue-media-carousel .carousel-item .content > .text {
	font-family: 'Noto Sans', sans-serif;
}

.sect-bg-blue-media-carousel .cta-button{
    margin-bottom: 3px;
}

/*~~~~~~~~~~~~~~~~~~ MEDIA SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-blue-media-carousel .carousel-item .media {
	aspect-ratio: 16/9;
	margin: 0;
	width: 60%;
}
.sect-bg-blue-media-carousel .carousel-item .media > img {
    width: 100%;
}
.sect-bg-blue-media-carousel .carousel-item .media > iframe {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

/*~~~~~~~~~~~~~~~~~~ CAROUSEL CONTROLS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-blue-media-carousel .carousel-controls {
	column-gap: 20px;
	display: flex;
	justify-content: center;
	margin-top: 20px;
	text-transform: uppercase;
	width: 60%;
}
.sect-bg-blue-media-carousel .carousel-controls > a {
	color: #f2a900;
	cursor: pointer;
	height: 25px;
}
.sect-bg-blue-media-carousel .carousel-controls > a > .fas {
    color: inherit;
	font-size: 32px;	
}

/*~~~~~~~~~~~~~~~~~~ CAROUSEL INDICATORS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-blue-media-carousel .indicators {
	border: none;
	color: #ffffff;
	column-gap: 16px;
	cursor: pointer;
	display: flex;
	height: 25px;
	justify-content: center;
	margin: 3px 0 0;
	padding: 0;
	position: unset;
	z-index: 5;
}
.sect-bg-blue-media-carousel .indicators > li {
	align-items: center;
	background-color: transparent !important;
	border: 2px solid #777;
	border-radius: 50%;
	display: flex;
	height: 25px !important;
	justify-content: center;
	margin: 0;
	width: 25px !important;
}
.sect-bg-blue-media-carousel .indicators > li.active {
	background-image: radial-gradient(#007DBA 50%, transparent 20%);
  	background-position: 0 0, 50px 50px;
  		border: 2px solid #fff;
}

@media only screen and (max-width: 1201px) {}
		
@media only screen and (max-width: 1025px) {
	
	/*~~~~~~~~~~~~~~~~~~ CAROUSEL LAYOUT less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-blue-media-carousel {
		padding: 50px 75px;
	}
	
	.sect-bg-blue-media-carousel .carousel-item .item__third {
		display: block;
	}
	.sect-bg-blue-media-carousel .carousel-item .content,
	.sect-bg-blue-media-carousel .carousel-item .media {
		height: auto;
	}
	
	/*~~~~~~~~~~~~~~~~~~ CONTENT SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-blue-media-carousel .carousel-item .content {
		margin-top: 25px;
		width: 80%;
	}
	
	/*~~~~~~~~~~~~~~~~~~ MEDIA SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-blue-media-carousel .carousel-item .media {
		width: 100%;
	}
	
	/*~~~~~~~~~~~~~~~~~~ CAROUSEL CONTROLS less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-blue-media-carousel .carousel-controls {
		justify-content: flex-start;
		margin-top: 50px;
		width: fit-content;
	}
}

@media only screen and (max-width: 769px) {

	/*~~~~~~~~~~~~~~~~~~ CAROUSEL LAYOUT less than 769px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-blue-media-carousel {
		padding: 50px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ CONTENT SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-blue-media-carousel .carousel-item .content {
		width: 100%;
	}
}

@media only screen and (max-width: 481px) {
	
	/*~~~~~~~~~~~~~~~~~~ CAROUSEL LAYOUT less than 481px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-blue-media-carousel {
		padding: 50px 25px;
	}
}

/***** cta-banner *****/

/*~~~~~~~~~~~~~~~~~~ CTA BANNER ~~~~~~~~~~~~~~~~~~*/

.cta-banner {
	background-color: #0033a0;
	color: #ffffff;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 56px;
	font-weight: 600;
	line-height: 1;
	padding: 25px 100px 25px 25px;
	text-transform: uppercase;
}
.cta-banner > .cta-button {
	bottom: 10px;
}

@media only screen and (max-width: 1201px) {}

@media only screen and (max-width: 1025px) {}

@media only screen and (max-width: 769px) {}

@media only screen and (max-width: 481px) {
	
	/*~~~~~~~~~~~~~~~~~~ CTA BANNER less than 481px ~~~~~~~~~~~~~~~~~~*/

	.cta-banner {
		font-size: 44px;
	}
}

/***** sect-bg-white-col2-left *****/

.sect-bg-white-col2-left {
	background-color: #ffffff;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	padding: 50px 0 50px 100px;
}
.sect-bg-white-col2-left .left {
	margin-right: 40px;
	width: 40%;
}
.sect-bg-white-col2-left .right {
	flex: 1 0 auto;
	width: 0;
}
.sect-bg-white-col2-left .right > .information,
.sect-bg-white-col2-left .right > .self-help {
	color: #ffffff;
	padding: 25px;
}
.sect-bg-white-col2-left .right > .information,
.sect-bg-white-col2-left .right > .self-help {
	margin-right: 100px;
}
.sect-bg-white-col2-left .right > .cta-banner {
	margin-top: 20px;
}

.sect-bg-white-col2-left .small {
	font-size: 14px;
}

/*~~~~~~~~~~~~~~~~~~ VIDEO SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col2-left .media {
	aspect-ratio: 16/9 auto;
	position: relative;
}
.sect-bg-white-col2-left .media > .video-custom {
	height: 100%;
	left: 0;
	top: 0;
	vertical-align: bottom;
	width: 100%;
}
.sect-bg-white-col2-left .media > .video-custom-timestamps {
	background-color: #d9d9d6;
	color: #0c2340;
	line-height: 1.5;
	padding: 20px;
}

.sect-bg-white-col2-left .video-custom-timestamps > .title {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}
.sect-bg-white-col2-left .video-custom-timestamps > .chapters {
	font-size: 18px;
	margin-top: 10px;
}
.sect-bg-white-col2-left .video-custom-timestamps > .chapters a {
	color: #0c2340;
}
.sect-bg-white-col2-left .video-custom-timestamps > .chapters a > .fas {
	color: #41b6e6;
}
.sect-bg-white-col2-left .video-custom-timestamps > .chapters a.active {
	color: #c6007e;
}
.sect-bg-white-col2-left .video-custom-timestamps > .chapters a.active > .fas {
	color: #c6007e;
}

/*~~~~~~~~~~~~~~~~~~ INFORMATION SEGMENT ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col2-left .information {
	background-color: #0c2340;
}
.sect-bg-white-col2-left .information > .intro {
	border: 1px solid #f2a900;
	text-align: center;
	width: 100%;
}
.sect-bg-white-col2-left .information > .intro > .title {
	color: inherit;
	display: inline-block;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 80px;
	font-weight: 600;
	letter-spacing: 0px;
	margin: 0;
	padding: 20px;
	text-transform: uppercase;
}
.sect-bg-white-col2-left .information > .stats {
	display: grid;
	grid-template: repeat(2, 1fr)/repeat(2, minmax(155px, 1fr));
	grid-gap: 20px;
	padding: 20px 0;
}
.sect-bg-white-col2-left .information > .stats > li {
	font-size: 14px;
	text-align: center;
}
.sect-bg-white-col2-left .information > .stats > li .quantity {
	border-bottom: 1px solid #b58500;
	color: #41b6e6;
	display: block;
	font-family: 'Spectral', sans-serif;
	font-size: 56px;
	font-weight: 700;
	line-height: 1.75;
	margin-bottom: 20px;
}
.sect-bg-white-col2-left .information > .cost-data {
    background-color: #ffffff;
    color: #0c2340;
    padding: 25px;
    text-align: left;
}
.sect-bg-white-col2-left .information > .cost-data > .title {
    color: inherit;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 64px;
    font-weight: 600;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
}
.sect-bg-white-col2-left .information > .cost-data > .title.xtra {
    border-bottom: 1px solid #b58500;  
    color: #007dba;
    padding-bottom: 20px;
}
.sect-bg-white-col2-left .information > .cost-data > .text {
    font-size: 20px;
}
.sect-bg-white-col2-left .information > .cost-data > table {
    border-collapse: unset;
    font-family: 'Spectral', sans-serif;
    font-size: 20px;
    line-height: 1;
    margin-top: 10px;
    padding: 10px;
    width: 100%;
}
.sect-bg-white-col2-left .information > .cost-data> table tbody tr {
    line-height: 1.25;
    opacity: 0;
}
.sect-bg-white-col2-left .information > .cost-data > table th {
    font-weight: normal;
}
.sect-bg-white-col2-left .information > .cost-data > table td {
    font-weight: 700;
    text-align: right;
}
.sect-bg-white-col2-left .information > .cost-data > .direct, 
.sect-bg-white-col2-left .information > .cost-data > .indirect {
    background-color: rgba(217, 217, 214, .3);
}
.sect-bg-white-col2-left .information > .cost-data > .direct .title, 
.sect-bg-white-col2-left .information > .cost-data > .indirect .title {
    border-bottom: 1px solid #b58500;
    color: #007dba; /* #41b6e6; */
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
}
.sect-bg-white-col2-left .information > .cost-data > .total {
    background-color: #f2a900;
}
.sect-bg-white-col2-left .information > .cost-data > .total .title {
    border-bottom: 1px solid #84754e;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
}
.sect-bg-white-col2-left .information > .cost-data > .total td {
    font-size: 40px;
}
.sect-bg-white-col2-left .information > .cost-data > .small {
    font-family: 'Spectral', sans-serif;
    font-size: 14px;
    margin-top: 20px;
}

/*~~~~~~~~~~~~~~~~~~ SELF-HELP SEGMENT ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col2-left .self-help {
	background-color: #007dba;
	margin-top: 20px;
}
.sect-bg-white-col2-left .self-help > .title {
	color: #ffffff;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 64px;
	font-weight: 600;
	letter-spacing: 0px;
	text-align: center;
	text-transform: uppercase;
}
.sect-bg-white-col2-left .self-help > .items {
	display: grid;
	grid-template: repeat(2, 1fr)/repeat(1, 1fr);
	grid-gap: 20px;
	margin-top: 20px;
}
.sect-bg-white-col2-left .self-help > .items > li {
	background-color: #ffffff;
	color: #0c2340;
	display: flex;
	flex-direction: column;
}
.sect-bg-white-col2-left .self-help > .items div {
	line-height: 1.25;
	min-height: 100px;
	padding: 25px;
}
.sect-bg-white-col2-left .self-help > .items .title {
	border-bottom: 1px solid #b58500;	
	font-family: 'Spectral', sans-serif;
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: none;
}
.sect-bg-white-col2-left .self-help > .items .cta-button {
	margin-top: auto;
}

@media only screen and (max-width: 1201px) {}

@media only screen and (max-width: 1025px) {
	
	.sect-bg-white-col2-left {
		display: block;
		padding-left: 75px;
	}
	.sect-bg-white-col2-left .left {
		padding-right: 75px;
		width: 100%;
	}
	.sect-bg-white-col2-left .right {
		margin-top: 25px;
		width: 100%;
	}
	.sect-bg-white-col2-left .right > .information,
	.sect-bg-white-col2-left .right > .self-help {
		margin-right: 75px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ VIDEO SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-white-col2-left .media > .video-custom-timestamps {
		display: flex;
	}
	.sect-bg-white-col2-left .video-custom-timestamps > .title {
		width: 30%;
	}
	.sect-bg-white-col2-left .video-custom-timestamps > .chapters {
	    margin-top: 0px;
		width: 70%;
	}
	
	/*~~~~~~~~~~~~~~~~~~ INFORMATION SEGMENT less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-white-col2-left .information > .intro > .title {
		font-size: 72px;
	}
}

@media only screen and (max-width: 769px) {
	
	.sect-bg-white-col2-left {
		padding-left: 50px;
	}
	.sect-bg-white-col2-left .left {
		padding-right: 50px;
	}
	.sect-bg-white-col2-left .right > .information,
	.sect-bg-white-col2-left .right > .self-help {
		margin-right: 50px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ VIDEO SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-white-col2-left .media > .video-custom-timestamps {
		display: block;
	}
	.sect-bg-white-col2-left .video-custom-timestamps > .title {
		width: 100%;
	}
	.sect-bg-white-col2-left .video-custom-timestamps > .chapters {
		width: 100%;
	}
	
	/*~~~~~~~~~~~~~~~~~~ INFORMATION SEGMENT less than 769px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-white-col2-left .information > .stats {
		grid-template: repeat(4, 1fr)/1fr;
	}
}

@media only screen and (max-width: 481px) {
	
	.sect-bg-white-col2-left {
		padding-left: 25px;
	}
	.sect-bg-white-col2-left .left {
		padding-right: 25px;
	}
	.sect-bg-white-col2-left .right > .information,
	.sect-bg-white-col2-left .right > .self-help {
		margin-right: 25px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ VIDEO SECTION less than 481px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-white-col2-left .video-custom-timestamps > .chapters {
		font-size: 16px;
	}

	/*~~~~~~~~~~~~~~~~~~ INFORMATION SEGMENT less than 481px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-white-col2-left .information > .intro > .title {
		font-size: 52px;
	}
	
	.sect-bg-white-col2-left .information > .cost-data > .title {
		font-size: 48px;
	}
	
	.sect-bg-white-col2-left .information > .cost-data > table {
    	font-size: 16px;
	}
	.sect-bg-white-col2-left .information > .cost-data > .total td {
    	font-size: 36px;
    }
	
	.sect-bg-white-col2-left .self-help > .title {
		font-size: 48px;
	}
}

/***** sect-bg-image-chart-data *****/

.sect-bg-image-chart-data {
/*	background-color: rgba(109, 32, 119, 1);*/
	color: #ffffff;
	overflow: hidden;
	position: relative;
}

/*~~~~~~~~~~~~~~~~~~ BACKGROUND IMAGE w/ COLOR OVERLAY ~~~~~~~~~~~~~~~~~~*/

.sect-bg-image-chart-data > .bg-image {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.sect-bg-image-chart-data > .bg-image > img {
	width: 100%;
}

/*~~~~~~~~~~~~~~~~~~ OVERLAY CONTENT ~~~~~~~~~~~~~~~~~~*/

.sect-bg-image-chart-data > .overlay {
	padding: 50px 100px;
	position: relative;
}

/*~~~~~~~~~~~~~~~~~~ TITLE CONTENT ~~~~~~~~~~~~~~~~~~*/

.sect-bg-image-chart-data .title {
	color: #ffffff;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 80px;
	font-weight: 600;
	letter-spacing: 0px;
	text-align: center;
	text-transform: uppercase;
}

/*~~~~~~~~~~~~~~~~~~ TABULATED DATA ~~~~~~~~~~~~~~~~~~*/

.sect-bg-image-chart-data .tabulated {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 50px;
	width: 100%;
}

.sect-bg-image-chart-data .tabulated tr > th,
.sect-bg-image-chart-data .tabulated tr > td {
	border-top: 2px solid #f2a900;
}

.sect-bg-image-chart-data .tabulated > thead th {
	border-top: none;
	color: #f2a900;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 16px;
	line-height: 1.75;
	text-align: right;
	text-transform: uppercase;
} 

.sect-bg-image-chart-data .tabulated > tbody {
	font-family: 'Spectral', sans-serif;
	font-size: 20px;	
}
.sect-bg-image-chart-data .tabulated > tbody > tr {
	line-height: 2.5;
}
.sect-bg-image-chart-data .tabulated > tbody > tr > th {
	text-align: left;
}
.sect-bg-image-chart-data .tabulated > tbody > tr > td {
	text-align: right;
}

/*~~~~~~~~~~~~~~~~~~ FORMATTED DATA ~~~~~~~~~~~~~~~~~~*/

.sect-bg-image-chart-data .formatted {
	display: none;
}

@media only screen and (max-width: 1201px) {
	
	/*~~~~~~~~~~~~~~~~~~ BACKGROUND IMAGE w/ COLOR OVERLAY less than 1201px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-chart-data > .bg-image > img {
		width: unset;
	}
}

@media only screen and (max-width: 1025px) {
	
	/*~~~~~~~~~~~~~~~~~~ OVERLAY CONTENT less than 1025px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-image-chart-data > .overlay {
		padding: 50px 75px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ TITLE CONTENT less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-chart-data .title {
		font-size: 72px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ TABULATED DATA less than 1025px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-image-chart-data .tabulated {
		display: none;
	}
	
	/*~~~~~~~~~~~~~~~~~~ FORMATTED DATA less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-chart-data .formatted {
		display: block;
		margin-top: 50px;
	}
	.sect-bg-image-chart-data .formatted > li {
		border-top: 2px solid #f2a900;
	}
	.sect-bg-image-chart-data .formatted > li .title {
		font-family: 'Spectral', sans-serif;
		font-size: 28px;
		font-weight: 700;
		line-height: 2.5;
		text-transform: none;
	}
	
	.sect-bg-image-chart-data .data-pts {
		column-gap: 20px;
		display: flex;
		justify-content: space-between;
	}
	.sect-bg-image-chart-data .data-pts > li {
		display: flex;
		flex-direction: column;
		text-align: center;
	}
	.sect-bg-image-chart-data .data-pts .pt-title {
		color: #f2a900;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 16px;
		font-weight: 600;	
		margin: 0;
		text-transform: uppercase;
	}
	.sect-bg-image-chart-data .data-pts .pt-text {
		font-family: 'Spectral', sans-serif;
		font-size: 20px;	
		margin: .75em 0;
	}
}

@media only screen and (max-width: 769px) {
	
	/*~~~~~~~~~~~~~~~~~~ BACKGROUND IMAGE w/ COLOR OVERLAY less than 769px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-chart-data > .bg-image > img {
		height: 100%;
	}
	
	/*~~~~~~~~~~~~~~~~~~ OVERLAY CONTENT less than 769px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-image-chart-data > .overlay {
		padding: 50px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ FORMATTED DATA less than 769px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-image-chart-data .data-pts {
		display: block;
	}
	
	.sect-bg-image-chart-data .data-pts .pt-text {
		margin: .5em 0 1.25em;
	}
}

@media only screen and (max-width: 481px) {
	
	/*~~~~~~~~~~~~~~~~~~ OVERLAY CONTENT less than 481px ~~~~~~~~~~~~~~~~~~*/
	
	.sect-bg-image-chart-data > .overlay {
		padding: 50px 25px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ TITLE CONTENT less than 481px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-image-chart-data .title {
		font-size: 52px;
	}
}

/***** sect-bg-white-col2-multi *****/

.sect-bg-white-col2-multi {
	background-color: #ffffff;
	overflow: hidden;
	padding: 50px 0 50px 100px;
}
.sect-bg-white-col2-multi .cta-space {
	column-gap: 40px;
	display: flex;
}

.sect-bg-white-col2-multi .cta-space > .codes,
.sect-bg-white-col2-multi .cta-space > .space {
	width: 40%;
}
.sect-bg-white-col2-multi .cta-space > .cta-banner {
	height: fit-content;
	width: 57%;
}

/*~~~~~~~~~~~~~~~~~~ TYPES OF AID and HELP SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col2-multi .types-of-aid {
	margin: 50px 100px 25px 0;
}
.sect-bg-white-col2-multi .types-of-aid > .title {
	color: #0c2340;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 80px;
	font-weight: 600;
	letter-spacing: 0px;
	text-align: center;
	text-transform: uppercase;
}

.sect-bg-white-col2-multi .types-of-aid > .cards {
	display: grid;
    grid-auto-rows: 1fr;
	grid-gap: 40px;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
	padding: 20px 0;
}
.sect-bg-white-col2-multi .types-of-aid > .cards > li {
	background-color: #0c2340;
	color: #ffffff;
	padding: 25px;
}
.sect-bg-white-col2-multi .types-of-aid > .cards > li > .title {
	border-bottom: 1px solid #b58500;
	color: #ffffff;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 56px;
	font-weight: 600;
	letter-spacing: 0px;
	margin-top: 0;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.sect-bg-white-col2-multi .types-of-aid > .cards > li > .category {
	color: #41b6e6;
	font-family: 'Spectral', sans-serif;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
}

.sect-bg-white-col2-multi .types-of-aid > .help {
	display: grid;
	grid-gap: 40px;
    grid-template: repeat(1, 1fr) / repeat(2, minmax(200px, 1fr));
	padding: 20px 0;
}
.sect-bg-white-col2-multi .types-of-aid > .help > li {
	background-color: #ffffff;
    color: #0c2340;
}
.sect-bg-white-col2-multi .types-of-aid > .help > li img {
	width: 100%;
}
.sect-bg-white-col2-multi .types-of-aid > .help > li > .title {
	border-bottom: 1px solid #c6007e;
    color: #007dba;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 56px;
	font-weight: 600;
	letter-spacing: 0px;
	margin-top: 0;
	padding-bottom: 10px;
	text-transform: uppercase;
}

/*~~~~~~~~~~~~~~~~~~ CODES SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col2-multi .codes {
	background-color: #0c2340;
	border: none;
	color: #ffffff;
	padding: 20px 25px;
	text-align: center;
}
.sect-bg-white-col2-multi .codes > hr {
	border-color: #41b6e6;
	margin: 20px 0;
}
.sect-bg-white-col2-multi .codes > .code-type {
	color: #f2a900;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0;
	text-transform: uppercase;
}
.sect-bg-white-col2-multi .codes > .code-value {
	font-family: 'Spectral', sans-serif;
	font-size: 72px;
	font-weight: 700;
	line-height: 1;
	margin: 10px 0 0;
}
.sect-bg-white-col2-multi .codes > .cta-prompt {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 32px;
	font-weight: 600;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;	
}
.sect-bg-white-col2-multi .codes > .cta-button {
	margin-top: 20px;
}

@media only screen and (max-width: 1201px) {}

@media only screen and (max-width: 1025px) {
	
	.sect-bg-white-col2-multi {
		padding-left: 75px;
	}
	
	.sect-bg-white-col2-multi .cta-space {
		display: block;
	}
	.sect-bg-white-col2-multi .cta-space > .codes {
		margin: 25px 75px 25px 0;
		width: -moz-fill-available;
		width: -webkit-fill-available;
		width: fill-available;
	}
	.sect-bg-white-col2-multi .cta-space > .space {
		display: none;
	}
	.sect-bg-white-col2-multi .cta-space > .cta-banner {
		width: 100%;
	}
	
	/*~~~~~~~~~~~~~~~~~~ TYPES OF AID SECTION AND HELP less than 1025px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-white-col2-multi .types-of-aid {
		margin-right: 75px;
	}
	.sect-bg-white-col2-multi .types-of-aid > .title {
		font-size: 72px;
	}
	.sect-bg-white-col2-multi .types-of-aid > .cards > li > .title,
    .sect-bg-white-col2-multi .types-of-aid > .help > li > .title {
		font-size: 48px;
	}
}

@media only screen and (max-width: 769px) {
	
	.sect-bg-white-col2-multi {
		padding-left: 50px;
	}
	
	.sect-bg-white-col2-multi .cta-space > .codes {
		margin-right: 50px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ TYPES OF AID and HELP SECTION less than 769px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-white-col2-multi .types-of-aid {
		margin-right: 50px;
	}
    
	.sect-bg-white-col2-multi .types-of-aid > .cards {
        grid-template-columns: repeat(1, minmax(200px, 1fr));
	}
    
    .sect-bg-white-col2-multi .types-of-aid > .help {
        grid-template: repeat(1, 1fr) / repeat(1, minmax(200px, 1fr));
	}
}

@media only screen and (max-width: 481px) {
	
	.sect-bg-white-col2-multi {
		padding-left: 25px;
	}
	
	.sect-bg-white-col2-multi .cta-space > .codes {
		margin-right: 25px;
	}
	
	/*~~~~~~~~~~~~~~~~~~ TYPES OF AID SECTION less than 481px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-white-col2-multi .types-of-aid {
		margin-right: 25px;
	}
	.sect-bg-white-col2-multi .types-of-aid > .title {
		font-size: 52px;
	}
}

/***** sect-bg-white-form-prompt *****/

.sect-bg-white-form-prompts {
	display: flex;
	padding: 50px 100px;
}
.sect-bg-white-form-prompts > .content {
	margin-right: 40px;
	width: 420px;
}
.sect-bg-white-form-prompts > .user-inputs {
	flex: 1 0 auto;
	font-family: 'Noto Sans', sans-serif;
	font-size: 16px;
	font-weight: 600;
	width: 0;
}


/*~~~~~~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-form-prompts > .content > .intro {
	width: 100%;
}
.sect-bg-white-form-prompts > .content > .intro > .title {
	border: 1px solid #f2a900;
	color: #012169;
	font-family: 'Barlow Condensed', sans-serif;
	font-size:	80px;
	font-weight: 600;
	letter-spacing: 0px;
	line-height: 1;
	margin: 0;
	padding: 20px;
	text-transform: uppercase;
}
.sect-bg-white-form-prompts > .content > .text {
	margin: 20px 0 0;
}


/*~~~~~~~~~~~~~~~~~~ USER INPUTS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-form-prompts > .user-inputs .form_label {
	line-height: 1.25;
	margin-bottom: 0;
}
.sect-bg-white-form-prompts > .user-inputs fieldset .form_label {
	margin-top: 10px;
}

.sect-bg-white-form-prompts > .user-inputs input:not([type='checkbox']),
.sect-bg-white-form-prompts > .user-inputs select,
.sect-bg-white-form-prompts > .user-inputs textarea {
	appearance: none;
	background-color: #ffffff;
	border: none;
	border-radius: 0;
	font-family: 'Noto-Sans', sans-serif;
	font-size: 16px;
	margin-top: 5px;
	padding: 5px;
	width: 100%;
}

.sect-bg-white-form-prompts > .user-inputs select {
    background-image: url(../images/accents/angle-down-solid.svg);
    background-origin: content-box;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 2%;
}

.sect-bg-white-form-prompts > .user-inputs .title {
	color: inherit;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 24px;
	margin-top: 35px;
	text-transform: uppercase;
}

.sect-bg-white-form-prompts > .user-inputs .small {
	font-size: 14px;
}

/*~~~~~~~~~~~~~~~~~~ FOR FORM SEPARATION HEADERS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-form-prompts > .user-inputs .form_header .form_label {
	background: #007dba;
	margin-top: 35px;
}

/*~~~~~~~~~~~~~~~~~~ FOR BIRTHDATE SELECTS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-form-prompts > .user-inputs .form_birthdate .form_responses {
	display: flex;
	justify-content: space-between;
}
.sect-bg-white-form-prompts > .user-inputs .form_birthdate select {
    background-size: 7%;
	width: 31%;
}


/*~~~~~~~~~~~~~~~~~~ FOR SUBMIT BUTTONS ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-form-prompts > .user-inputs .form_button_submit {
	background-color: #f2a900;
	border: none;
	color: #012169;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
	padding: 10px 15px 10px 40px;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
}
.sect-bg-white-form-prompts > .user-inputs .form_button_submit::before {
	content: "";
	height: 20px;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
}


/*~~~~~~~~~~~~~~~~~~ SELECTION FORM ~~~~~~~~~~~~~~~~~~*/

#form_selection {
	background-color: #007dba;
	color: #ffffff;
	padding: 25px;	
}
#form_selection p {
    margin: 0;    
}

/*~~~~~~~~~~~~~~~~~~ SLATE FORMS ~~~~~~~~~~~~~~~~~~*/

.form_display {
	background-color: #012169;	
	color: #ffffff;
	display: none;
	margin-top: 25px;
	padding: 25px;
}
.form_display.selected {
	display: block;
}
.form_display #form_description {
	display: none;
}

@media only screen and (max-width: 1025px) {

	.sect-bg-white-form-prompts {
        display: block;
		padding: 50px 75px;
	}

	/*~~~~~~~~~~~~~~~~~~ CONTENT less than 1025px ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-form-prompts > .content {
		margin-right: 0;
		text-align: center;
		width: 100%;
	}
	.sect-bg-white-form-prompts > .content > .intro > .title {
		font-size:	72px;
	}
    
    /*~~~~~~~~~~~~~~~~~~ USER INPUTS less than 1025px ~~~~~~~~~~~~~~~~~~*/
    
    .sect-bg-white-form-prompts > .user-inputs {
		margin-top: 25px;
		width: 100%;
	}
}

@media only screen and (max-width: 769px) {

	.sect-bg-white-form-prompts {
		padding: 50px;
	}
}

@media only screen and (max-width: 481px) {

	.sect-bg-white-form-prompts {
		padding: 50px 25px;
	}

	/*~~~~~~~~~~~~~~~~~~ CONTENT less than 481px ~~~~~~~~~~~~~~~~~~*/

	.sect-bg-white-form-prompts > .content > .intro > .title {
		font-size:	56px;
	}
}

/***** sect-bg-white-col2-right *****/

.sect-bg-white-col2-right {
    display: flex;
    justify-content: space-between;
    overflow: auto;
    padding: 50px 100px;
}

/*~~~~~~~~~~~~~~~~~~ MESSAGE CONTENT ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col2-right > .message {
    margin-right: 40px;
    width: 65%;
}
.sect-bg-white-col2-right > .message > .salutation {
    color: #012169;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 52px;
    font-weight: 600;
    line-height: .75;
    text-transform: uppercase;
}

/*~~~~~~~~~~~~~~~~~~ HIGHLIGHT CONTENT ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col2-right > .highlight {
    flex: 1 0 auto;
    min-width: 350px;
    width: 0;
}
.sect-bg-white-col2-right > .highlight > .media {
    margin: 0 !important;
    position: relative;
}
.sect-bg-white-col2-right > .highlight > .media > img {
    width: 100%;
}
.sect-bg-white-col2-right > .highlight > .media > .title {
    background-color: #011646;
    box-sizing: border-box;
    color: #ffffff;
    font-family: "Spectral", sans-serif;
    font-size: 32px;
    font-weight: 700;
    opacity: .9;
    margin: 0 !important;
    padding: 15px;
    position: absolute;
    bottom: 0;
    text-transform: none;
    width: 100%;
}
.sect-bg-white-col2-right > .highlight > .text {
    background-color: #012169;  
    color: #ffffff;
    height: auto;
    margin: 0;
    min-height: 150px;
    padding: 15px;
}
.sect-bg-white-col2-right > .highlight > .cta-button {
    color: #012169;
    display: block;
    line-height: 1.25;
    margin-top: 1em;
    padding: 10px 50px 10px 40px;
    width: auto;
}

@media only screen and (max-width: 1201px) {}

@media only screen and (max-width: 1025px) {

   .sect-bg-white-col2-right {
        display: block;
        padding: 50px 75px;
    }
    .sect-bg-white-col2-right > .message,
    .sect-bg-white-col2-right > .highlight {
        width: 100%;
    }
    .sect-bg-white-col2-right > .message {
        margin: 0;
    }
    .sect-bg-white-col2-right > .highlight {
        margin-top: 2em;
    }
}

@media only screen and (max-width: 769px) {

    .sect-bg-white-col2-right {
        padding: 50px;
    }
}

@media only screen and (max-width: 481px) {

    .sect-bg-white-col2-right {
        padding: 50px 25px;
    }
    
    /*~~~~~~~~~~~~~~~~~~ HIGHLIGHT CONTENT ~~~~~~~~~~~~~~~~~~*/

    .sect-bg-white-col2-right > .highlight {
        min-width: 0;
    }
}

/***** .sect-bg-purple-col2-even *****/

.sect-bg-purple-col2-even {
	background-color: #6d2077;
	padding: 50px 100px 75px;
}
.sect-bg-purple-col2-even > .cards {
	display: grid;
	grid-template: repeat(1, minmax(450px, 1fr)) / repeat(2, minmax(250px, 1fr));
	grid-gap: 40px;
}
.sect-bg-purple-col2-even > .cards > li {
	display: flex;
	flex-direction: column;
}
.sect-bg-purple-col2-even > .cards > li > .media {
	margin: 0 !important;
	position: relative;
}
.sect-bg-purple-col2-even > .cards > li > .media > img {
	width: 100%;
}
.sect-bg-purple-col2-even > .cards > li > .media > .title {
	background-color: #011646;
	box-sizing: border-box;
	color: #ffffff;
	font-family: "Spectral", sans-serif;
	font-size: 32px;
	font-weight: 700;
	opacity: .9;
	margin: 0 !important;
	padding: 15px;
	position: absolute;
	bottom: 0;
	text-transform: none;
	width: 100%;
}
.sect-bg-purple-col2-even > .cards > li > .text {
	background-color: #012169;  
	background-color: #011646;
	box-sizing: border-box;
	color: #ffffff;
	height: auto;
	margin: 0;
	min-height: 150px;
	padding: 15px;
}
.sect-bg-purple-col2-even > .cards > li > .cta-button {
	color: #012169;
	display: block;
	line-height: 1.25;
	margin-top: 1em;
	padding: 10px 50px 10px 40px;
	width: auto;
}

@media only screen and (max-width: 1201px) {}

@media only screen and (max-width: 1025px) {

	.sect-bg-purple-col2-even {
		padding: 50px 75px 75px;
	}
	
	.sect-bg-purple-col2-even > .cards > li > .text {
        min-height: 195px;
    }
}

@media only screen and (max-width: 769px) {

	.sect-bg-purple-col2-even {
		padding: 50px 50px 75px;
	}
	.sect-bg-purple-col2-even > .cards {
		display: block;	
	}
	.sect-bg-purple-col2-even > .cards > li {
		width: 100%;
	}
	.sect-bg-purple-col2-even > .cards > li:not(li:first-of-type) {
		margin-top: 2em;
	}
	
	.sect-bg-purple-col2-even > .cards > li > .text {
        min-height: 125px;
    }
}

@media only screen and (max-width: 481px) {

	.sect-bg-purple-col2-even {
		padding: 50px 25px 75px;
	}
}

/***** Wrapper for Side Navigation *****/

.side-nav {
    flex: 0 0 16.66667%;
}
.side-nav.desktop {
    display: block;
}
.side-nav.mobile {
    display: none;
}
.side-nav > div {
    max-width: unset;
    padding: 0px !important;
}
.side-nav > div > aside {
    margin-top: 0px;
}

@media only screen and (max-width: 1201px) {
    .side-nav {
        flex: 0 0 25%;
    }
}

@media only screen and (max-width: 1025px) {}

@media only screen and (max-width: 992px) {
    .side-nav {
        flex: 0 0 33.33333%;
    }
}

@media only screen and (max-width: 769px) {
    
    .side-nav {
        padding: 50px;
        width: 100%;
    }
    .side-nav.desktop {
        display: none;
    }
    .side-nav.mobile {
        display: block;
    }
}

@media only screen and (max-width: 481px) {
    
    .side-nav {
        padding: 50px 25px;
    }
}


/***** sect-bg-white-col2-with-nav *****/	

.sect-bg-white-col2-with-nav {
    display: flex;
    justify-content: space-between;
    padding: 50px 100px;
    position: relative;
}

/*~~~~~~~~~~~~~~~~~~ CONTENT SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col2-with-nav > .content {
    flex: 1;
    margin-right: 30px;
    width: 0;
}
.sect-bg-white-col2-with-nav > .content > hr, hr.introLine {
    border: 2px solid #f2a900;
    margin: 25px 0;
}

/*~~~~~~~~~~~~~~~~~~ INTRO SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col2-with-nav .intro > .title {
    color: #012169;
    /*font-family: 'Spectral', sans-serif;*/
    /*font-size: 64px;*/
    /*letter-spacing: 0px;*/
    /*text-transform: none;*/
    font-family: "Barlow Condensed", sans-serif;
    font-size: 52px;
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 1;
    text-transform: uppercase;
}
.sect-bg-white-col2-with-nav .intro > .text {
    color: #0c2340;
    font-size: 1rem;
}

.sect-bg-white-col2-with-nav .intro > .lead {
    font-size: 1.125rem;
}

/*~~~~~~~~~~~~~~~~~~ HIGHLIGhTS SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col2-with-nav .highlight-feat {
    display: flex;
    justify-content: space-between;
}
.sect-bg-white-col2-with-nav .highlight-feat > .media {
    flex: 0 0 50%;
    margin-right: 30px;   
    max-width: 50%;
}
.sect-bg-white-col2-with-nav .highlight-feat > .media > img {
    width: 100%;
}
.sect-bg-white-col2-with-nav .highlight-feat > .text {
    align-self: center;
    flex: 1;
    margin: 0;
    width: 0;    
}

/*~~~~~~~~~~~~~~~~~~ REQUIREMENTS SECTION ~~~~~~~~~~~~~~~~~~*/

.sect-bg-white-col2-with-nav .requirements > li {
    background-color: #007dba;
    color: #ffffff;
    margin-bottom: 1.25em;   
    padding: 25px;
}
.sect-bg-white-col2-with-nav .requirements > li:last-of-type {
    margin-bottom: 0px;
}
.sect-bg-white-col2-with-nav .requirements > li a {
    cursor: pointer;
    color: #ffffff;
    text-decoration: underline;
}
.sect-bg-white-col2-with-nav .requirements > li > .title {
    color: inherit;
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.sect-bg-white-col2-with-nav .requirements > li > .text {
    margin-top: 0.75em;
}

@media only screen and (max-width: 1201px) {}

@media only screen and (max-width: 1025px) {
    
    .sect-bg-white-col2-with-nav {
        padding: 50px 75px;
    }
    
    /*~~~~~~~~~~~~~~~~~~ HIGHLIGhTS SECTION less than 1025px ~~~~~~~~~~~~~~~~~~*/
        
    .sect-bg-white-col2-with-nav .highlight-feat {
        display: block;
    }
    .sect-bg-white-col2-with-nav .highlight-feat > .media {
        margin: 0;
        max-width: unset;
        width: 100%;
    }
    .sect-bg-white-col2-with-nav .highlight-feat > .text {
        margin-top: 10px;
        width: 100%;
    }
}

@media only screen and (max-width: 769px) {
    
    .sect-bg-white-col2-with-nav {
        display: block;
        padding: 50px;
    }
    .sect-bg-white-col2-with-nav > .content {
        width: 100%;
    }
}

@media only screen and (max-width: 481px) {
    
    .sect-bg-white-col2-with-nav {
        padding: 50px 25px;
    }
    
    /*~~~~~~~~~~~~~~~~~~ INTRO SECTION less than 481px ~~~~~~~~~~~~~~~~~~*/
        
    .sect-bg-white-col2-with-nav .intro > .title {
        font-size: 48px;
    }
}

/******************* JUICER STYLING  **********************************/
.juicer-title {
    letter-spacing: 3px;
    font-weight: 400;
}
@media (max-width: 575.98px) {
	.h1.juicer-title {
		font-size: 2.75rem;
	}
}
.social-button.social-button-refresh {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.5rem 0.25rem 0;
  line-height: 1;
  color: #012169;
  background-color: transparent;
  border: 0;
  border-bottom: solid 2px transparent;
  outline: 2px solid transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    outline-color 0.15s ease-in-out;
}
.social-button.social-button-refresh > span.fa-brands.fa-youtube {
    color: #012169;
}
a.social-button.social-button-refresh:link,
a.social-button.social-button-refresh:visited,
a.social-button.social-button-refresh:hover,
a.social-button.social-button-refresh:active {
  text-decoration: none !important;
}
.social-button.social-button-refresh  {
    width: 5.25rem;
    font-size: 3rem;
}
@media (max-width: 575.98px) {
	.social-button.social-button-refresh{
		font-size: 2.5rem;
		width: 4.0rem;
	}
}