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

/***************************************************
	HOMEPAGE STYLES
***************************************************/
#dnn_ContentPaneFullBleed1, #dnn_ContentPaneFullBleed2, #dnn_ContentPaneFullBleed3, #dnn_ContentPaneFullBleed4, #dnn_ContentPaneFullBleed5, #dnn_ContentPaneFullBleed6, #dnn_ContentPaneFullBleed7, #dnn_ContentPaneFullBleed8 {
	overflow: hidden;
}

/***************************************************
    STRUCTURE
***************************************************/
.what-is {
	background-image: url(/portals/1/SANDBOXES/BEvans/jcoc/41215512310_2258a99a80_k.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
	padding: 60px;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.benefit {
	background-image: url(/portals/1/SANDBOXES/BEvans/jcoc/28154772747_e054fb069a_k.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
	    padding: 60px;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

/*.inner {
	background-color: rgba(0,0,0,0.7);
    padding: 40px;
}*/

.inner .slice-title {
    font-family: 'Lato', sans-serif !important;
	font-weight: 600;
	text-transform: capitalize;
	color: #fff;
	margin-bottom: 1rem;
	font-size: 50px;
}

.gridlayout-slideshow-main {
	margin-left: 20px;
	margin-right:20px;
}


/***************************************************
    TOP BANNER
***************************************************/
#dnn_ContentPaneFullBleed1 {
	display: block;
	color: #fff;
}
#dnn_ContentPaneFullBleed2 .content-wrap-wide {
	padding-top: 0;
}
.video-wrap {
	height: 60vh;
	min-height: 600px;
	max-height: 60vh;
	width: 100%;
	position: relative;
	overflow: hidden;
	background: url(https://media.defense.gov/2019/Jan/16/2002080319/900/900/0/080923-F-6655M-077C.JPG) center center;
	background-size: cover;
}
.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.45);
	box-shadow: 0px 200px 200px -100px rgba(0,0,0,0.5) inset;
}
.bannerWrapInner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.bannerWrapInner p {
	color: #fff;
	max-width: 600px;
	display: block;
	margin: auto;
}

h1.siteTitle {
	font-family: "Oswald", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #fff !important;
	font-size: 2.1rem;
	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: 3em;
	line-height: 1.4em;
	letter-spacing: 12px;
}
h1.siteTitle a, h1.siteTitle a:visited {
	color: #fff !important;
}
::-webkit-media-controls {
 display: none !important;
}

/* TOP SLICE */
.top-about-slice { background: #eee; padding: 4rem 0; } .top-about-slice .dgov-grid { max-width: 1600px; margin: 0 auto; } .top-about-slice .dgov-grid > div:first-child { border-right: 1px solid #adadad; } .top-about-slice .inner { background-color: transparent; padding: 0 30px; text-align: center; width: 100%; max-width: 600px; margin: 0 auto; } .top-about-slice .inner .slice-title { display: block; position: relative; font-size: 2rem; color: #333; text-shadow: none; } .top-about-slice .inner .slice-title:after { width: 30%; height: 3px; content: ''; background-color: #355e93; display: block; position: relative; margin: auto; margin-top: 20px; transition: all .25s; } #dnn_ContentPaneFullBleed2 .top-about-slice .inner p { color: #333; margin-bottom: 0; } .what-is, .benefit { display: none; } #fiftyfifty .content { background-image:linear-gradient(135deg, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0.35) 100%); }
/***************************************************
   QUOTE
***************************************************/
#dnn_ContentPaneFullBleed5 {
	padding-top: 8rem !important;
	padding-bottom: 4rem !important;

}
.mobile-img {
	display: none;
}
#dnn_ContentPaneFullBleed2 .dgov-container > img {
    position: absolute;
    right: -78px;
    top: -130px;
}
#dnn_ContentPaneFullBleed2 p, #dnn_ContentPaneFullBleed5 p, #dnn_ContentPaneFullBleed6 p  {
	color: #fff;
}
.quote {
	font-size: 2.2rem;
	margin-bottom: 3rem;
	font-family: "crimson text";
}
#dnn_ContentPaneFullBleed2 p.title, #dnn_ContentPaneFullBleed5 p.title, #dnn_ContentPaneFullBleed6 p.title {
	margin: 0px;
	color: #adadad;
	text-align: right;
}
.name {
	font-size: 1.6rem;
	line-height: 2.2rem;
	text-align: right;
}
/***************************************************
   MASONRY
***************************************************/
.gallery {
	background-color: #242424;
	padding-bottom: 4rem;
} 

#gallery {
		padding-top: 4rem;
	padding-bottom: 0px;
}

#gallery h2 {
	text-align: center;
}

.gallery .btn {
	margin-top: 2rem;
}
.slideshowList {
	background: #242424;
}
.slideshowList .listItemEach {
    display: block;
	position: relative;
    float: left;
    width: calc(25% - 40px);
	margin: 20px;
	overflow: hidden;
}
.slideshowList .listItemEach:nth-child(4n+1) {
	clear: left;
}
.slideshowList .itemCopy {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.65);
	opacity: 0;
	transition:all .2s;
}
.slideshowList .itemCopy h3 a {
	display: block;
	width: 100%;
	padding: 30% 30px;
	text-align: center;
    margin-top: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	font-size: 1.6rem;
    color: #fff;
}
.slideshowList .itemCopy h3 {
}
.slideshowList .itemCopy h3 a:before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007";
	content:"\f00e";
	display: block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	margin-bottom:10px;
}
.slideshowList .itemCopy h3 a:hover {
	text-decoration: none;
}
.slideshowList .itemCopy p {
	display: none;
}
.slideshowList .listItemEach:hover .itemCopy {
	opacity: 1;
}

.video-wrapper {
	width: calc(50% - 40px);
    margin: auto;
    display: block;
}

.jcoc-slider .fa {
	color: #000 !important;
}

/***************************************************
    MASONRY RESPONSIVE
***************************************************/
/* XLG */
@media only screen and (max-width: 1400px) {
	
}
/* LG */
@media only screen and (max-width: 1200px) {

	.slideshowList .listItemEach {
		width: calc(33.3333% - 20px);
		margin: 10px;
	}
	.slideshowList .listItemEach:nth-child(4n+1) {
		clear: none;
	}
	.slideshowList .listItemEach:nth-child(3n+1) {
		clear: left;
	}
	
}
/* MD */
@media only screen and (max-width: 991px) {
	#dnn_ContentPaneFullBleed4 {
		margin-bottom: 4rem;
	}
	
	#dnn_ContentPaneFullBleed4 .dgov-container {
		padding: 0px !important;
		max-width: none;
	}
}
/* SM */
@media only screen and (max-width: 768px) {
	.slideshowList .listItemEach {
		width: calc(50% - 20px);
	}
	.slideshowList .listItemEach:nth-child(3n+1) {
		clear: none;
	}
	.slideshowList .listItemEach:nth-child(2n+1) {
		clear: left;
	}
	

	
}
/* XS */
@media only screen and (max-width: 550px) {
	.slideshowList .listItemEach {
		width: calc(100% - 20px);
		float: none;
	}
	.tab-pane p{
	font-size: 17px;
}
	
	.video-wrap {
		max-height: 40vh;
	}
	
}

/***************************************************
    NOMINATIONS
***************************************************/
#dnn_ctr1154_HtmlModule_lblContent {
	margin-bottom: 4rem;
	margin-top: 4rem;
}
.about-section {
	padding-top: 4rem;
	padding-bottom: 4rem;

}


#accordion {
	max-width: 70%;
    margin: auto;
}

.about-section .dgov-grid {
	    background: #fff;
    padding: 40px;
		box-shadow: 0 3px 6px rgba(0,0,0,0.06), 0 3px 6px rgba(0,0,0,0.13);
border-radius: 3px;
}

.panel {
	background-color: transparent;
}

#dnn_ContentPaneFullBleed3 {
	background-color:  #ebeff5;	
}

.about-section h2 {
	text-align: center;
}

#jcoc {
	background-image:  url(/Portals/1/Page-Assets/jcoc/41215512310_2258a99a80_k.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
#mjcoc {
	background-image: url(https://media.defense.gov/2019/Jan/16/2002080463/900/900/0/100427-F-ZZ999-101C.JPG);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
#fiftyfifty .content {
	background-image: -moz-linear-gradient(-45deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.65) 100%);
	background-image: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.65) 100%);
	background-image: linear-gradient(135deg, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#a6ffffff',GradientType=1 );
	text-align: center;
	height: 100%;

	    padding-top: 6rem;
    padding-bottom: 6rem;
}
#fiftyfifty .content h2 {
	font-family: 'Lato', sans-serif !important;
	font-weight: 600;
	text-transform: capitalize;
	color: #fff;
}
#fiftyfifty .content p {
	margin-left: 20%;
	margin-right: 20%;
	color: #fff;
}
/***************************************************
    CONFERENCES
***************************************************/
.carousel-wrap {
max-width: none;
    width: 100%;
}
.carousel-wrap:before {
	    background: linear-gradient(to right, rgba(235,239,245,1) 0%,rgba(235,239,245,0) 100%);
	content: "";
    height: 100%;
    width: 10%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 9;
}
.carousel-wrap .fa-chevron-left.slick-arrow {
	left: 5%;
	font-size: 3rem;
	top:45%;
	z-index: 10;
	color: #333;
}

.carousel-wrap .fa-chevron-right.slick-arrow {
	right: 5%;
	font-size: 3rem;
	top:45%;
	z-index: 10;
	color: #333;
}
.carousel-wrap:after {
	    background: linear-gradient(to left, rgba(235,239,245,1) 0%,rgba(235,239,245,0) 100%);
		content: "";
    height: 100%;
    width: 10%;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 9;
}

.Conferences {
	padding-top: 4rem;
	padding-bottom: 4rem;
	background: #ebeff5;
	border-radius: 3px;

}
.Conferences .thumb {
    background-size: auto 100% !important;
}
.Conferences h2, #dnn_ContentPaneFullBleed6 h2 {
text-align: center;
}

#dnn_ctr1011_HtmlModule_lblContent {
	line-height: 0;
}
.Conferences .item {
	box-shadow: 0 3px 6px rgba(0,0,0,0.06), 0 3px 6px rgba(0,0,0,0.13);
	background: #fff;
}

.Conferences .item .content-wrapper {
	padding: 20px;
}
.Conferences .item .thumb {
	height: 250px;
}

.Conferences #item89 .thumb {
		background: url('/portals/1/SANDBOXES/BEvans/jcoc/jcoc89.jpg') center center;
	background-size: cover;

}

.Conferences #item88 .thumb {
		background: url('/portals/1/SANDBOXES/BEvans/jcoc/29151417428_65529e3d7f_z.jpg') center center;
	background-size: cover;

}

.Conferences #item87 .thumb {
		background: url('/portals/1/SANDBOXES/BEvans/jcoc/28219046217_632fd23e8a_z.jpg') center center;
	background-size: cover;

}

.Conferences .item h3 {
	margin-bottom: 0px;
}

.content-wrapper p {
	color: #333;
	font-size: 1rem;
	margin-bottom: 0px;
	margin-top: 10px;
}

.nominated {
    color: #3b5998;
    text-align: right;
    font-size: 1rem;
    width: 100%;
    display: block;
    margin-top: 30px;
}

/***************************************************
    SECDEF QUOTE
***************************************************/
#dnn_ContentPaneFullBleed5 .quote {
	font-size: 2rem;
}

#dnn_ctr1208_HtmlModule_lblContent > div {
	max-width: 1250px;
}
#dnn_ContentPaneFullBleed5 {
	background: linear-gradient(to bottom, rgba(53,94,147,1) 0%, rgba(37,66,103,1) 100%);
	padding-top: 10rem !important;
	padding-bottom: 8rem !important;
	margin-top: -5vw;
	margin-bottom: -3px;
}

#dnn_ContentPaneFullBleed5 .dgov-grid {
	margin-bottom: 6rem;
}

#dnn_ContentPaneFullBleed5 img {
    position: absolute;
    margin-left: -40%;
    width: 120%;
    max-width: none;
	top: 90px;
}

#dnn_ContentPaneFullBleed5 a {
	float: right;
	transition: all .2s ease-in;
}

#dnn_ContentPaneFullBleed5 a:hover p {
	text-decoration: none !important;
	opacity: 0.5 !important;
}

#dnn_ContentPaneFullBleed5 a:hover {
	text-decoration: none !important;
}

/***************************************************
    QUOTES
***************************************************/
#dnn_ContentPaneFullBleed6 {
    background: linear-gradient(to bottom, rgba(53,94,147,1) 0%, rgba(37,66,103,1) 100%);
    clip-path: polygon(0 calc(0% + 5vw), 100% 0, 100% 100%, 0 100%);
    padding-top: 8rem !important;
    padding-bottom: 4rem !important;
    margin-top: -5vw;
    margin-bottom: -3px;
}

#dnn_ContentPaneFullBleed6 .quote {
	font-size: 2rem;
}
#slide-window
  {
	  position: relative;
  width:100%;
  height:100%;
  overflow:hidden;
  top:0px;
  left:0px;
  }

.your-class > div {
	    margin-left: 80px;
    margin-right: 80px;
}

.fa-chevron-left.slick-arrow {
  left: 0px;
  color: #fff; 
  z-index: 1;
	position: absolute;
	top: calc(50% - 30px);
	font-size: 3rem;
	transition: all .2s ease-in;
}
.fa-chevron-right.slick-arrow {
  right: 0px;
  color: #fff; 
	  z-index: 1;
		position: absolute;
	top: calc(50% - 30px);
font-size: 3rem;
	transition: all .2s ease-in;
}

#dnn_ContentPaneFullBleed6 .fa-chevron-right.slick-arrow:hover, #dnn_ContentPaneFullBleed6 .fa-chevron-left.slick-arrow:hover {
	opacity: 0.5;
}

.slick-slide img {
	width: 100%;
}

/***************************************************
    SOCIAL
***************************************************/

.social-top {display: block; margin: auto; margin-top: 20px; margin-bottom: 20px;}
.social-inner { display: flex; font-size: 1.4rem;     justify-content: center; }
.social-inner a, .social-inner a:link { color: rgb(128,128,128); text-decoration: none }
.social-inner a { border: 1px transparent solid !important; border-radius: 50%; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center }
.social-inner a.addthis_button_facebook { margin-right: 15px }

.social-inner a.addthis_button_facebook:hover span { color: #fff; }
.social-inner a.addthis_button_facebook:hover { background-color: #3b5998; border-color: #3b5998; }
.social-inner a.addthis_button_facebook { transition: all .2s ease-in; letter-spacing: -.11em !important; }

.social-inner a.addthis_button_twitter:hover span { color: #fff; }
.social-inner a.addthis_button_twitter:hover { background-color: #00aced; border-color: #00aced; }
.social-inner a.addthis_button_twitter { padding-top: 2px; transition: all .2s ease-in; letter-spacing: -.11em !important; }

.social-inner a.addthis_button_email:hover span { color: #fff; transition: all .2s ease-in; }
.social-inner a.addthis_button_email:hover { background-color: #DD4B39; border-color: #DD4B39; }
.social-inner a.addthis_button_email { margin-left: 15px; font-size: .9em; transition: all .2s ease-in; letter-spacing: -.11em !important;}

/***************************************************
    CONTACT
***************************************************/
.nav-pills {
	display: flex;
}

.nav-pills li {
	flex: 1;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
	background: #ebebeb;
	    z-index: 17;
    display: block;
    position: relative;
    border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
	box-shadow: none !important;
}



.tab-content {
	margin-top: -2px;
    z-index: 2;
    position: relative;
	background: #ebebeb;
	padding: 40px;
	border: 1px solid #adadad;
}

.nav>li>a:hover, .nav>li>a:focus {
	background: rgba(0,0,0,0.3);

}

.nav-pills>li+li {
	margin-left: 15px;
}

.nav>li>a>img {
    max-width: 100px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.nav>li>a {
    border-radius: 4px;
	    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid #adadad;
	box-shadow: 0 -10px 20px -10px #999 inset;
}
.contact img {
	display: block;
	margin: auto;
	margin-bottom: 20px;
	max-height: 400px;
}

.split {
	text-align: center;
}

.split h4 {
	margin-bottom: 5px;
}

#dnn_ContentPaneFullBleed7 {
	margin-top: 4rem;
	margin-bottom: 4rem;
}
#dnn_ctr1045_HtmlModule_lblContent > div > div > div:nth-child(1) > p {
    max-width: 750px;
    margin: auto;
    margin-bottom: 60px;	
}
#dnn_ContentPaneFullBleed7 h3 {
	background-color: #0A856A;
	color: #fff;
	padding: 20px;
	margin-bottom: 40px;
	
}
#dnn_ContentPaneFullBleed7 h5 {
	color: #3b5998;
	font-size: 1.2rem;
	margin-bottom: 30px;
}

#dnn_ContentPaneFullBleed7 i {
	margin-right: 5px;
}

.address {
	margin: 0px;
	font-size: 15px;
}

.split-title {
	font-size: 1rem;
}

#dnn_ctr1151_HtmlModule_lblContent > div > div > div:nth-child(1) > p {
	    max-width: 720px;
    display: block;
    margin: auto;
    margin-bottom: 3rem;
}


/***************************************************
    RESPONSIVE
***************************************************/
@media (max-width: 1360px) {
#dnn_ContentPaneFullBleed2 p.title {

	text-align: left;
}
	#dnn_ContentPaneFullBleed5 a p {
		text-align: left;
	}
}
@media (max-width: 1200px) {
	
	#dnn_ContentPaneFullBleed6 *, #dnn_ContentPaneFullBleed6 p.title {
		text-align: left;
	}
	.fifty img {
	margin-top: -50px;
}
	p.quote {
		font-size: 2rem;
	}
}

@media (max-width: 991px) {
	#dnn_ctr1188_HtmlModule_lblContent .padded {
		margin-top: 60px;
	}
	
	#dnn_ContentPaneFullBleed5 a {
		float: none;
	}
	.grid-layout {
	grid-template-columns: repeat(auto-fill, minmax(23%, calc(25% - 16px)));
}
	
	#dnn_ContentPaneFullBleed5 img {
		position: relative;
		margin: auto;
		width: 50%;
	}
	
	#dnn_ContentPaneFullBleed6 {
		margin-top: -10rem !important;
	}
	
	#dnn_ContentPaneFullBleed5 {
		padding-bottom: 0rem !important;
	}

.fifty .nom-button {
	position: relative;
	background: #fff;
	height: 400px;
	overflow: hidden;
}
.fifty img {
	margin-top: 0px;
}
	
	.slick-slider > div {
	    margin-left: 0px;
    margin-right: 0px;
}
	.fa-chevron-left.slick-arrow {
 display: none !important;
}
.fa-chevron-right.slick-arrow {
display:none !important;	
}
	.fifty img {
		height: 100%;
	}
	.fifty .nom-button {
	height: 300px;
}
	#dnn_ContentPaneFullBleed5 .dgov-grid {
		flex-wrap: wrap-reverse	
	}
	.slick-slide img {
		width: 50%;
		margin: auto;
	}
	
	#dnn_ContentPaneFullBleed5 *, #dnn_ContentPaneFullBleed6 * {
		text-align: center !important;
	}
	
.mobile-img {
	display: block;
}
#dnn_ContentPaneFullBleed2 .dgov-container > img {
    display:none;
}
	
	.carousel-wrap {
    max-width: 90%;
    width: 100%;
    overflow: hidden;
}
	
	.carousel-wrap:before, .carousel-wrap:after {
display:none;	
}
	
	
}

@media (max-width: 892px) {
	.nav>li>a>img {
		max-width: 100px;
	}
	.top-about-slice .dgov-grid > div:first-child {
		border-right: none;
	}
	
}
@media (max-width: 778px) {
		.nav>li>a>img {
		max-width: 50px;
	}
	.benefit, .what-is {
		padding: 0px;
		    padding-top: 4rem;
    padding-bottom: 4rem;
	}
	.fifty {
	display: block;
	width: 100%;
	float: left;
	position: relative;
}
	
	#dnn_ContentPaneFullBleed2 .dgov-grid img {
	width: 40%;
    display: block;
    margin: auto;
	}
	
	#dnn_ContentPaneFullBleed2 .dgov-grid p {
		text-align: center;
	}
	
		.grid-layout {
	grid-template-columns: repeat(auto-fill, minmax(30.5%, calc(33% - 16px)));
}
		.fifty .nom-button {
	height: 400px;
}
	#dnn_ContentPaneFullBleed5 img {
    position: relative;
    margin: auto;
    width: 75%;
}
	.video-wrapper {
	width: calc(100% - 20px);
    margin: auto;
    display: block;
}
}

@media (max-width: 550px) {
	
	
	#dnn_ContentPaneFullBleed2 .dgov-grid img, .slick-slide img {
	width: 100%;
	}	
	
			.grid-layout {
	    grid-template-columns: repeat(auto-fill, minmax(48.5%, calc(52% - 16px)));
}
		.fifty .nom-button {
	height: 300px;
}
		.nav>li>a>img {
		max-width: 20px;
	}
	
	.nav-pills>li+li {
		margin-left: 
			0px;
	}
	#dnn_ContentPaneFullBleed5 img {
		top: 0px;
	}
}

@media (max-width: 400px) {
	.grid-layout {
	grid-template-columns: repeat(auto-fill, minmax(100%, calc(100% - 16px)));
	}
	.span-2 {
	grid-column-end: span 1;
	grid-row-end: span 1;
	min-height: 400px !important;
}
.span-2-tall {
	grid-row-end: span 2;
}
.span-2-wide {
	grid-column-end: span 1;
	min-height: 150px !important;
}
		.fifty .nom-button {
	height: 200px;
}
}

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