@charset "utf-8";
/* CSS Document */

/***************************************************
	HOMEPAGE STYLES
***************************************************/


/***************************************************
    STRUCTURE
***************************************************/


/***************************************************
    TOP BANNER
***************************************************/
#dnn_ContentPaneFullBleed1 {
	display: block;
	color: #fff;
	/*background:url(/Portals/1/Page-Assets/home/180618-Z-NI803-0558C.jpg) no-repeat center center fixed #000; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}
#dnn_ContentPaneFullBleed2 .content-wrap-wide {
	padding-top:0;
}
.video-wrap{
	height: 93vh;
	min-height: 600px;
	max-height:100vh;
	width: 100%;
	position:relative;
	overflow:hidden;
}
.video-background video,
.video-background img{
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
}
.bannerWrap {
	display: block;
	position: relative;
	height: 100%;
	background:rgba(0,0,0,0.65);
	box-shadow: 0px 200px 200px -100px rgba(0,0,0,0.5) inset;
}
.bannerWrapInner {
	position: absolute;
	top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
	text-align: center;
}
h1.siteTitle {
    font-family: "Oswald", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    color: #fff !important;
    font-size: 5.5rem;
    font-weight: 500;
    line-height: 1.2em;
    margin: 0 0 30px;
    text-shadow: 0 0 10px rgba(0,0,0,0.3);
	text-transform: uppercase;
	letter-spacing: 3px;
}
h1.siteTitle .leadin {
    display: block;
    font-size: .6em;
    line-height: 1em;
    letter-spacing: 12px;
}
h1.siteTitle a,
h1.siteTitle a:visited {
    color: #fff !important;
}
::-webkit-media-controls {
  display:none !important;
}

/***************************************************
    BREAKING
***************************************************/
#dnn_ContentPaneFullBleed2 .DnnModule-657 .slice-angle-gray {
	background: #f0f0f0;
}

/***************************************************
    EXPLORE
***************************************************/
#dnn_ContentPaneFullBleed2 .DnnModule-656 .slice-angle-gray {
	padding-bottom: 6rem;
}
#dnn_ContentPaneFullBleed2 .DnnModule-656 h2.pull-title {
	text-shadow: none;
}

/***************************************************
    EXPERIENCE
***************************************************/
#dnn_ContentPaneFullBleed3 {
	background: rgb(37,66,103);
	background: -moz-linear-gradient(top, rgba(37,66,103,1) 0%, rgba(53,94,147,1) 50%);
	background: -webkit-linear-gradient(top, rgba(37,66,103,1) 0%,rgba(53,94,147,1) 50%);
	background: linear-gradient(to bottom, rgba(37,66,103,1) 0%,rgba(53,94,147,1) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#254267', endColorstr='#355e93',GradientType=0 );
	color: #fff;
	/*box-shadow: 0 -20px 40px -20px rgba(0,0,0,0.6) inset;
	border-bottom: 20px solid #355E8E;
	box-shadow: 0px 70px 100px -50px rgba(0,0,0,0.3) inset;*/
}
#dnn_ContentPaneFullBleed3 > .DnnModule {
	background: linear-gradient(-10deg, rgba(0,0,0, .1) 0%, rgba(0,0,0, .1) 49.95%, rgba(0,0,0, 0) 50%, rgba(0,0,0, 0) 100%);
}
#dnn_ContentPaneFullBleed3 .slice-angle-down-top:before {
    border-bottom-color: #254267;
}
/*#dnn_ContentPaneFullBleed3 .slice-angle-down-top:after {
	border-width: 0;
    content: '';
    display: block;
    position: absolute;
	z-index: 2;
    left: 0;
    width: 100vw;
    height: 4vw;
    border-style: none;
    border-color: transparent;
    bottom: calc(100% - 3vw);
    border-bottom-width: 0;
    border-bottom-color: transparent;
	box-shadow: 0 20px 40px -20px rgba(0,0,0,0.6) inset;
	-webkit-transform: rotate(3deg) skew(3deg);
	   -moz-transform: rotate(3deg) skew(3deg);
	     -o-transform: rotate(3deg) skew(3deg);
}*/
#dnn_ContentPaneFullBleed3 .content-wrap-wide {
	color: #fff;
	padding-top: 1rem;
	padding-bottom: 4rem;
}
#dnn_ContentPaneFullBleed3 h2 {
	color: #fff;
	text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
#dnn_ContentPaneFullBleed3 p {
	color: #fff;
}

/***************************************************
    WATCH
***************************************************/
#dnn_ContentPaneFullBleed4 {
	background: radial-gradient(at 95% 10%, #48a054, transparent 90%) no-repeat 0 35% padding-box, linear-gradient(-10deg, rgba(174,224,197,1) 0%, rgba(37,96,110,1) 49.95%, rgba(26,92,106,1) 50%, rgba(32,52,76,1) 100%);
    background-repeat: no-repeat;
	box-shadow: 0 30px 100px -20px rgba(0,0,0,0.7) inset;
	color: #fff;
}
#dnn_ContentPaneFullBleed4 h2 {
	color: yellow;
	text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
#dnn_ContentPaneFullBleed4 h2 span {
	display: inline-block;
	color: #fff;
}
#dnn_ContentPaneFullBleed4 p {
	color: #fff;
}

/***************************************************
    KNOW YOUR MILITARY
***************************************************/
#knowYourMilitary {
	background: url() no-repeat center center #000; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:left center;
	color: #fff;
	padding-top: 0;
	padding-bottom: 0;
	box-shadow: 0px 70px 100px -50px rgba(0,0,0,0.3) inset, 0px -70px 100px -50px rgba(0,0,0,0.3) inset;
}
.knowYourMilitary-inner {
	padding-top:7rem;
	padding-bottom:7rem;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=1 );
}
#knowYourMilitary .content {
	display: block;
	float: right;
	width: 60%;
	max-width: 600px;
	padding: 0 15px;
}
#knowYourMilitary h2 {
	font-family: "Lato", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: bold;
	text-transform: none;
	color: #fff;
	font-size: 3.2rem;
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
#knowYourMilitary p {
	color: #fff;
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}	

/***************************************************
    OBSERVE
***************************************************/
#dnn_ContentPaneFullBleed6 {
	background: #333333;
	background: -moz-linear-gradient(left, #333333 1%, #242424 100%);
	background: -webkit-linear-gradient(left, #333333 1%,#242424 100%);
	background: linear-gradient(to right, #333333 1%,#242424 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#242424',GradientType=1 );
	box-shadow: 0 30px 100px -20px rgba(0,0,0,0.7) inset;
	color: #fff;
}
#dnn_ContentPaneFullBleed6 h2 {
	color: #fff;
	text-shadow: 1px 2px 4px rgba(0,0,0,0.4);
}
#dnn_ContentPaneFullBleed6 h2 span {
	display: inline-block;
	color: #fff;
}
#dnn_ContentPaneFullBleed6 p {
	color: #fff;
}

/***************************************************
    ENGAGE
***************************************************/
#dnn_ContentPaneFullBleed7 {
	background: #ebebeb;
}
#dnn_ContentPaneFullBleed7 .content-wrap-wide {
	padding-bottom:2rem;
}
#dnn_ContentPaneFullBleed7 h2 span {
	display: inline-block;
	color: #333;
	font-weight: 500;
}
.dgov-carousel-engage h1.pull-title {
	color:#355e93;
	text-shadow:none;
}
.dgov-carousel-engage h1.pull-title span {
	color: #333;
}

/***************************************************
    RESPONSIVE
***************************************************/
@media (max-width: 1200px) {
	#dnn_ContentPaneFullBleed2 .content-wrap-wide {
		padding-top: 2rem;
	}
	#dnn_ContentPaneFullBleed3 .content-wrap-wide {
		padding: 2rem 0;
	}
}
@media (max-width: 991px) {
	#dnn_ContentPaneFullBleed2 .DnnModule-657 .slice-angle-gray {
		padding-bottom: 0;
	}
	#knowYourMilitary h2 {
		font-size:2.5rem;
	}
	.knowYourMilitary-inner {
		padding-top:5rem;
		padding-bottom:5rem;
	}
}
@media (max-width: 778px) {
	.video-wrap {
		height:50vh;
		min-height: 500px;
	}
	.bannerWrapInner {
		top: 50%;
	}
	h1.siteTitle {
		font-size:4.5rem;
	}
	#dnn_ContentPaneFullBleed2 {
		background: #f0f0f0;
	}
	#dnn_ContentPaneFullBleed2 .slice-angle-gray:before {
		border-bottom-color: rgba(240,240,240);
	}
	#dnn_ContentPaneFullBleed2 .content-wrap-wide {
		padding-top: 0;
	}
	#dnn_ContentPaneFullBleed2 .alist.adash h2 {
		padding-top: 2rem;
		margin-bottom:2rem;
	}
	#dnn_ContentPaneFullBleed2 .alist.stories .item .info {
		margin: 0 auto -40px;
	}
	.knowYourMilitary-inner {
		padding-top:3rem;
		padding-bottom:3rem;
	}
	
}
@media (max-width: 550px) {
	h1.siteTitle {
		font-size:3.5rem;
	}
	.dgov-carousel .slick-slide a .slide-title {
		font-size: 1.3rem;
	}
}

/***************************************************
    end.
***************************************************/