body {background-color: #fcfcfc;color:#333;font-family: Arial;}
.centric{position:relative;width:1200px;margin:0 auto}
.centric2{width:780px;margin:0 auto}
.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:black;}
#page_static{font-size:13px;margin:60px auto;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;font-weight:bold}
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:#333;font-weight:700}
header nav ul li{display:inline-block;margin-left:1%}
header nav ul li a{font-size:14px;}
header nav ul li a:hover{color:#939393}
header nav ul li.current a{color:#939393}
#page_static{line-height:1.5}
#video_listing{}
#video_listing ul{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 1.5em;}

.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:black;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:#333}

.supporting_images{margin:1em 0}
.supporting_images h2{font-size:16px;font-weight:400;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}

.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;}





#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:14px;text-align:right}
.article_body{line-height:2;}
.article_body a{text-decoration:underline}



#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:#fff;color:#000;}
.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:#000;font-weight:400;text-align:center;}

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


@media only screen and (max-width: 1200px)
{
	.centric{width:95%;}
	.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);}
}

@media only screen and (max-width: 680px)
{
	#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)
{

}