body {background: #000;color:#fff;        font-family: 'AUTHENTIC Sans';font-weight:300}

#bg{position:absolute;top:-30px;right:90px;}
.centric{position:relative;width:1600px;margin:0 auto}
.centric2{width:780px;margin:0 auto}
.bb{    border-bottom: 1px #323232 solid;}
.anim{-webkit-transition: all 300ms linear;-o-transition: all 300ms linear;-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;-kthtml-transition: all 300ms linear;transition: all 300ms linear;}
a{text-decoration:none;color:white;}
#page_static{font-size:13px;margin:0 auto 60px;display:block;}
#page_static h3{font-weight:bold;font-size:16px}
header{font-size:0;line-height:70px;margin:30px 0}

header h1{display:inline-block;width:32.5%;font-size:18px;}
header h1 span{display:block;line-height:1.5;text-transform:uppercase;  font-size: 34px;  letter-spacing: 5px;}
header h1 span u{text-decoration:none;    color: #e40000}
header h1 a{    display: inline-block;}
header h1 span+span{font-size:14px;}
header nav{font-size:14px;display:inline-block;width:67%;text-align:right}
header nav ul{}
header a{text-decoration:none;color:#f2f2f2;font-weight:300;text-transform:uppercase; letter-spacing: 0.04rem;}
header nav ul li{display:inline-block;margin-left:15px}
header nav ul li a{font-size: 14px;    letter-spacing: 5px;}
header nav ul li a:hover{color:#e40000}
header nav ul li.current a{color:#e40000}

header nav ul ul{line-height:300%;display:none;position:absolute;padding:15px;margin-left:0;width:auto;background:#000;z-index:99999;text-align:left;margin-top:-15px;}
header nav ul ul li{display:block;margin:0;line-height:1.7;}
header nav ul ul li a{border:0 #242a33 solid;}


#page_static{line-height:1.5}
#video_listing{}
#video_listing ul{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 1.5em;}
#video_listing ul li{position:relative}
#video_listing ul li .fa{position: absolute;font-size: 72px;opacity: 0.3;bottom: 23%;left: 10%;}
#video_listing ul li:hover .fa{opacity:1}

.grid li:hover dd{opacity:1}
.grid li dd{opacity:0;display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);color:white;font-size: 14px;letter-spacing: 5px;text-transform:uppercase;text-align:center;-webkit-transition: all 300ms linear;-o-transition: all 300ms linear;-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;-kthtml-transition: all 300ms linear;transition: all 300ms linear;}
.grid li dd span{display:inline-block;vertical-align:middle;}
.grid li a .fa{position: absolute;font-size:38px;opacity: 0.4;top: 30px;left: 30px;width:90px;height:90px;background:black;color:white;line-height:90px;text-align:center;border-radius:100px;-webkit-transition: all 300ms linear;-o-transition: all 300ms linear;-moz-transition: all 300ms linear;-ms-transition: all 300ms linear;-kthtml-transition: all 300ms linear;transition: all 300ms linear;}
.grid li a:hover .fa{opacity:1}
.no-cssgrid #video_listing ul{width:100%;display:block;}
.no-cssgrid #video_listing ul li{width:30%;margin:1%;display:inline-block;vertical-align:top;}

#video_listing ul li{display:block;position:relative;/*height: 225px;overflow:hidden*/}
#video_listing ul li img{width:100%;height:auto}
#video_listing ul li a{display:block;}
#video_listing ul li a span.caption{opacity:0;position:absolute;width:100%;height:100%;background:rgba(255,255,255, 1);height: 225px;line-height: 225px;/*font-family: 'Lato', sans-serif;*/font-size:16px;color:white;font-weight:300;text-align:center;}
#video_listing ul li a span.caption b{font-weight:700;}
#video_listing ul li span.caption>span{display: inline-block;vertical-align: middle;line-height: normal;padding:0 5%;}
#video_listing ul li a:hover  span.caption{opacity:1;}
#video_1_wrapper{width:100%}
#video_1 {margin: 0px auto;display: block;width: 100%;height: 675px;}


#video_images{margin:1em 0}
#video_images ul{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 1em;}
#video_images li{display:block}


.no-cssgrid #video_images ul{width:100%;display:block;}
.no-cssgrid #video_images ul li{width:17%;margin:1%;display:inline-block;vertical-align:top;}

#video_images li img{width:100%}
#video_images li span{display:block;font-size:11px;line-height:1.5;margin-top:5px;color:#fff}

.supporting_images{margin:1em 0}
.supporting_images h2{font-size:16px;font-weight:300;line-height:1.5;margin-bottom:10px;}
.supporting_images span{line-height:1.5;display:block;margin-bottom:10px;}
.supporting_images ul{display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 1em;}
.supporting_images li{display:block}
.supporting_images li img:hover{opacity:0.8}
.no-cssgrid .supporting_images ul{width:100%;display:block;}
.no-cssgrid .supporting_images ul li{width:17%;margin:1%;display:inline-block;vertical-align:top;}


.supporting_images li img{width:100%}
.supporting_images li span{display:block;font-size:14px;line-height:1.5;margin-top:5px;}



#gallery_widget{text-align:center;margin:0 auto}
#gallery_widget img{width:100%;height:auto}
#gallery_widget a { width: 280px; margin: 0px; float: left; display:block;}
#gallery_widget a:hover{opacity:0.8}

#video_desc{margin:3em 0;line-height:1.5;font-size:12px;}
#video_desc h2{font-size:30px;margin-bottom:20px;}
#onefuzz {font-size:11px;color:#aeaeae;}

footer{margin:70px 0;font-size:12px;text-align:right;color:grey;display:block;width:100%;clear:both;    font-size: 14px;line-height:1.5;max-width: 90%;margin:1 auto;
    letter-spacing: 5px;text-transform:uppercase}
.article_body{line-height:2;padding: 0 0px;letter-spacing: 1px;}
.article_body a{text-decoration:underline}
.article_body p{display:block;margin-bottom:20px;    font-size: 18px;}
.article_body h1{font-size:30px;}
.article_body table{width:100%}
.article_body td{font-size:18px;}
.one_cv_row.column_2 td {
    width: 25%;
}
.one_cv_row.column_2 td + td {
    width: 75%;
}
.article_footer{display:block;width:100%;clear:both;line-height:1.5;max-width: 90%;margin:1 auto}
#sidr_icon{display:none;width: 50px;height: 45px;position: relative;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#sidr_icon span {display: block;position: absolute;height: 6px;width: 100%;background: #b3b3b3;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;} 
#sidr_icon span:nth-child(1) {top: 0px;}
#sidr_icon span:nth-child(2) {top: 16px;}
#sidr_icon span:nth-child(3) {top: 32px;}
body.sidr-open #sidr_icon span:nth-child(1) {top: 16px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
body.sidr-open #sidr_icon span:nth-child(2) {opacity: 0;left: -60px;}
body.sidr-open #sidr_icon span:nth-child(3) {top: 16px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}

.sidr {display:none;position:fixed;top:0;height:100%;z-index:9999999;width:260px;overflow-x:none;overflow-y:auto;font-size:16px;background:#000;color:#fff;}
.sidr .sidr-inner {padding:0 0 15px;}
.sidr.right {left:auto;right:-260px;}
.sidr.left {left:-260px;right:auto;padding-top:15px;}
.sidr ul {display:block;margin:25px 0 15px;padding:0;}
.sidr ul li {display:block;margin:0;line-height:45px;}
.sidr ul li a{padding:0 15px;display:block;text-decoration:none;color:#fff;font-weight:300;text-align:center;}

#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}

@media only screen and (max-width: 1600px)
{
	.centric{width:95%;}
}
@media only screen and (max-width: 1200px)
{
	
	.centric2{width:95%;}
	#video_listing ul li a span.caption{height: 100%;line-height: 100%;display:table}
	#video_listing ul li span.caption>span{display:table-cell;}
	#video_listing ul li{height: 100%;}
	header{margin:20px 0;line-height:1.5}
	header nav{font-size:16px;}
	
	
	/*responsive videojs*/
	#video_1{width:auto;height:auto}
	.video-js {padding-top: 56.25%;}
	.vjs-fullscreen {padding-top: 0px}
}
@media only screen and (max-width: 960px)
{
	#video_listing ul{grid-template-columns: repeat(2, 1fr);}
	#sidr_icon{display:block;position:absolute;top:8PX;right:0}
	header h1{width:80%}
	#video_images ul{grid-template-columns: repeat(3, 1fr);}
	.supporting_images ul{grid-template-columns: repeat(3, 1fr);}
	#bg{display:none;}
}

@media only screen and (max-width: 680px)
{
	header h1 span {font-size: 30px;}
	.article_body {padding: 0 30px;}
	#video_listing ul{grid-template-columns: repeat(1, 1fr);}
	#video_images ul{grid-template-columns: repeat(2, 1fr);}
	.supporting_images ul{grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 520px)
{
	
}

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

}