:root {
/*
	--primary-color-hex: #24A3DC;
	--primary-color: var(--primary-color-hex);
	--primary-color-text: #fff;

	--secondary-color-hex: #F07544;
	--secondary-color: var(--secondary-color-hex);
	--secondary-color-text: #fff;
*/

	--oyellow: #ebb532;
	--ored: #921e1d;
	--oteal: #26bfd3;
	--ogreen: #6cb08f;
	--blue: #70bfd8;
	--homedblue: #04548d;
	--navy: #143257;


}

/*!
 *  Header Styles
 */
 

.site-header{
	height:auto;
	overflow:hidden;
}
.primary {
	z-index: 4900!important;
}
	#banner{
		position: fixed;
		display:block;
		width:100%;
		margin:0;
		padding:4px 0;
		text-align:center;
		color:#ffffff;
		z-index:100;
		background-color:#123257;
		font-family: 'Montserrat', sans-serif;
		font-size: 13px;
		z-index: 5000;
		top: 0;
		
	}
	.promo {
		margin-top: 50px;
		z-index: 3000!important;
	}
	

	.hero{
		position:relative;
		width:100%;
		height:0;
		padding-bottom:40%;
	}
	

	@media (max-width:768px) {
.promo {
    margin-top: 69px;
    z-index: 3000!important;
}

		.hero {
		    position: relative;
		    width: 100%;
		    height: 0;
		    padding-bottom: 100%;

		}
	}
		.site-header .overlay{
			right:0;
			bottom:0;
/* 			background:#8c774a; */
			opacity:.3;
		}
	
		
	.site-header .overlay,.tag{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
	}
	
		
/*
	.tag{
		text-align:center;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
	    -ms-flex-flow:column;
	        -webkit-flex-flow:column;
	            flex-flow:column;
	    -ms-flex-pack:center;
	        -webkit-justify-content:center;
	            justify-content:center;
	    -ms-flex-align:center;
	        -webkit-align-items:center;
	            align-items:center;
	    -ms-flex-line-pack:center;
	        -webkit-align-content:center;
	            align-content:center;
	}
*/

   .tag {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    display: inline-block;
    z-index: 1;
    text-align: center;
    }
    
    .tag:before{
		content:'';
		height:100%;
		margin-left:-1em;
		display:inline-block;
		vertical-align:middle;
	}
	
	.tag > .container {
		display: inline-block;
		width: 100%;
		vertical-align: middle;
	}
	
		.tag p{
			display: inline-block;
			margin:0;
/* 			padding:.5em; */
/* 			border:4px solid #fff; */
			font-size:6em;
			line-height:1.35;
			color:#fff;
			width: 70%;
			
		}
	
/*!
 *  Content Sections
 */
 
 .process a {
	 color: #f1b81b;
 }
  
 h2{
	font-size:4.5em; 
	font-weight:300;
	line-height:1.2;
	margin:0 0 .5em;
	text-align:center;
 }
 	 	
section p{
	 font-size:1.6em;
	 line-height:1.5;
	 margin:0 0 1em;
 }

section p:last-child{
	margin-bottom:0;
}

.section-bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:50%;
}

	.section-bg.parallax{
		background-attachment:fixed;
	}
.desaturate{
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
}

.aspect-helper{
	padding-bottom:56.2%;
}

.overlay{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	bottom:0;
	right:0;
}

	.overlay.yellow{
		background:#f1b81b;
		opacity:.8;
	}
	
	.overlay.red{
		background:#ee302f;
		opacity:.8;
	}
	
	.overlay.teal{
		background:#26bfd3;
		opacity:.8;
	}
	.overlay.green{
		background:#35b18e;
		opacity:.8;
	}	
	
	.overlay.sepia{
		background:#8c774a;
		opacity:.3;
	}
	
	
.process{
	padding:4.5em 0;
	background:var(--homedblue);
	color:#fff;
	text-align:center;
    border-bottom: 11px solid #fff;	
}	
	.process p{
		margin:0;
		font-size:2.1em;
		text-align:center;
	}

	.process p strong{
		display:block;
		font-size:1.1em;
		letter-spacing:.095em;
		text-transform:uppercase;
	}
	
	
.events{
	background:#fff;
	padding:4em 0;
	overflow:hidden;
}

/*!
 * Event Rotator
 */

 	#eventbox{
		width:100%;
	}
		#eventbox>.wrapper{
			position:relative;
		    max-width:734px;
		    margin:0 auto;
		    border:4px solid #e1e1e1;
		}
		
			.eventrotator:after{
				content:'';
				display:table;
				clear:both;
			}
			
			.eventrotatorWindow{
				position:relative;
				width:100%;
				height:0;
				margin:0;
				padding-bottom:56.25%;
				background:#f3f3f3;
				background-size:cover;
			}
		
			.eventrotatorWindow div{							
				background-size:cover;
			}
	
				.eventrotatorWindow img{
					display:block;
					max-width:100%;
					height:auto;
				}
		
			
			.eventrotatorDescriptions,.eventrotatorNavigation,.eventrotatorOverlay{
			    display:none;
			}
							
			.eventrotatorAnchor{
				position:absolute;
				top:0;
				left:0;
				right:0;
				bottom:0;
				width:100%;
				height:100%;
				z-index:30;
			}
			
			a.eventrotatorControlNext,a.eventrotatorControlPrevious{
				position:absolute;
				top:50%;
				margin-top:-25px;
				font-size:50px;
				z-index:25;
				color:#e1e1e1;
			}
			
				.eventrotatorControlPrevious{
					left:-100px;
				}
				
				.eventrotatorControlNext{
					right:-100px;
				}

.initiatives{
	background:#fff;
	overflow:hidden;
}

	.initiatives .row{
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-flex-wrap:wrap;
		    -ms-flex-wrap:wrap;
		        flex-wrap:wrap;
	}

	.initiatives .col{
		position:relative;
		min-height:1px;
		-webkit-flex:0 0 25%;
		    -ms-flex:0 0 25%;
		        flex:0 0 25%;
		max-width:25%;
	}
	
	.program-logo-container{
		position:relative;
		padding:3.8em;
		text-align:center;
	}
	
	.program-logo{
		position:relative;
	}
	
	.program-logo img{
		max-width:100%;
		height:auto;
	}
	
	.program-description{
		max-width:242px;
		margin:6em auto;
	}
	.program-description h3 {
		font-weight: bold;
		font-size: 18px;
		margin: 0.7em 0;
	}
	
	.program-description p strong{
		text-transform:uppercase;
	}
	
	
.services{
	padding:3.5em 0;
	background:#f0ede8;
	text-align:center;
}

	a.services-button{
		position:relative;
		display:inline-block;
		color: var(--homedblue);
		padding:2em 4.5em;
		border:4px solid #fff;
	}
	
		.services-button p{
			margin:0;
		}
		
		.services-button p,.services-button span{
			display:inline-block;
			font-size:3em;
			line-height:1.2;
			vertical-align:middle;
		}
		
		.services-button span{
			margin-left:.5em;
		}
		
.about-header{
	padding:14em 0 0;
}

.about-header-inner{
	background:rgb(4, 84, 141,.9);
	color:#fff;
	text-align:center;
}

.about-header-inner>.container{
	max-width:645px;
	border:4px solid #e1e1e1;
	border-bottom:0;
	padding:6em;
}

.about-header-inner h2{
	margin:0;
	line-height:1;
}

.icon-header{
	margin:0;
	padding:3em 0 0;
}
	
.icon-header img{
	display:block;
	margin:0 auto;
}

.about-content{
	background:#fff;
	padding-bottom:3em;
}

.about-content:before{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	width:4px;
	height:3em;
	background-color:#e1e1e1;
	-webkit-transform:translateX(-50%);
	    -ms-transform:translateX(-50%);
	        transform:translateX(-50%);
}

.about-content>.container{
	max-width:645px;
	border:4px solid #e1e1e1;
	border-top:0;
	padding:6em;
}

.split-section{
	display:table;
}

.split-section .left,.split-section .right{
	display:table-cell;
	position:relative;
	width:50%;
	margin:0;
	padding:0;
	overflow:hidden;
	vertical-align:middle;
}

.split-section .container{
	width:100%;
}

.split-section .wrapper{
    padding:10em 0;
    margin:0 auto;
    max-width:280px;
}

.split-section .right .wrapper{
	color:#fff;
}

.split-section:after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	width:4px;
	height:100%;
	background-color:#e1e1e1;
	-webkit-transform:translateX(-50%);
	    -ms-transform:translateX(-50%);
	        transform:translateX(-50%);
}

.video-section{
	background:#fff;
	padding:6em 0;
	text-align:center;
}

.video-section>.container{
	max-width:700px;
}


.video-section h2{
	padding-bottom:1em;
	margin:0;
	position:relative;
}

.video-section h2 span{
	position:relative;
	display:inline-block;
	margin:0 auto;
	padding:.35em .5em;
	border:4px solid #e1e1e1;
	background:#fff;
}

.video-section h2:before{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	width:4px;
	height:100%;
	background-color:#e1e1e1;
	-webkit-transform:translateX(-50%);
	    -ms-transform:translateX(-50%);
	        transform:translateX(-50%);
}

.video-embed{
	position:relative;
	height:0;
	padding-bottom:56.25%;
	overflow:hidden;
	max-width:100%;
	border:4px solid #e1e1e1;
}

.video-embed iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
		

@media (max-width:1024px){
	
	.tag p{
		font-size:4em;
		display:inline-block
	}
	
	.process p{
		font-size:1.8em;
	}
	
	#eventbox>.wrapper{
		width:88%;
	}
	
	.eventrotatorControlPrevious{
		left:0;
		-webkit-transform:translateX(-150%);
		    -ms-transform:translateX(-150%);
		        transform:translateX(-150%);
	}
	
	.eventrotatorControlNext{
		right:0;
		-webkit-transform:translateX(150%);
		    -ms-transform:translateX(150%);
		        transform:translateX(150%);
	}
	.initiatives .col{
		-webkit-flex:1 1 50%;
		    -ms-flex:1 1 50%;
		        flex:1 1 50%;
		max-width:50%;
	}	
	
}

@media (max-width:768px){
	.process p{
		font-size:1.6em;
	}
		
}




@media (max-width:640px){
	
		.tag p{
/* 			font-size:2.6em; */
		}
		
	.process p strong{
		display:inline;
	}
	
	.initiatives .col{
		-webkit-flex:1 1 100%;
		    -ms-flex:1 1 100%;
		        flex:1 1 100%;
		max-width:100%;
	}
	
	.program-description{
		max-width:277px;
	}
	
	a.services-button{
		padding:2em;
	}
	
	.services-button p{
		display:inline;
		font-size:2.8em;
	}
		
	.section-bg{
		background-attachment:scroll;
	}
	
	h2{
		font-size:3.2em;
	}
	
		section p{
			font-size:1.6em;
		}
		
	.split-section,.split-section .left,.split-section .right{
		display:block;
		width:100%;
	}
	
	.about-content:before,.split-section:after{
		content:none;
	}
	
	.eventrotatorControlPrevious{
		left:0;
		-webkit-transform:translateX(-100%);
		    -ms-transform:translateX(-100%);
		        transform:translateX(-100%);
	}
	
	.eventrotatorControlNext{
		right:0;
		-webkit-transform:translateX(100%);
		    -ms-transform:translateX(100%);
		        transform:translateX(100%);
	}

}