/*
Theme Name: VM CDN
Author: visualmerc
Author URI: https://visualmerc.com/
Description: vm cdn
Version: 1.0

*/





*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	
}
html {overflow-y: scroll;}
html,body{
	height: 100%;
}
#page,#main{
	
}
#page{
	min-height: 96vh;
	position: relative;
}
img { display: block; }

a{
	text-decoration: none;
	color: #009cd9;
}
#unit_popup_container a{
	color: #009cd9;
}
#unit_popup_container a:hover{
	color: grey;
	text-decoration: none;
}
p{
	margin:0 0 10px;
}
html{
	font-size: 16px;
	height: 100%;
	background-position: left top;
	background-repeat: repeat;
	
	color: white;
}
body{
	/* font-family: 'helvvm_lt_condensedlightRg', sans-serif; */
	font-family: 'Lato', sans-serif;
	padding-right: 17px !important;
	margin: 0 !important;
	background-color: white;
}

.centerAllImages img{
	margin: 0 auto;
}
h1{
	font-size: 1.5em;
	letter-spacing: .15em;
}

footer{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 0;
}
/* -------- -------- -------- -------- -------- -------- -------- -------- -------- -------- --------  */





/* 2016 design updates */


.masthead_2016{
	
	position: fixed !important;
	width: 100%;
	z-index: 100;
	top:0;
	/*padding-bottom: 6px;*/
	font-size: .8em;
	background-color: white;
}

.masthead_2016, .wrapper_2016{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	
}




/* .page-template-homepage2016 #unit_editPost{display: none;} */

.hideThis{
	display: none;
}

.header_base{
	height: 100%;
	z-index: 50;
}
.header_base.col-md-12{
	padding: 0;
}
.header_filter_container{
	float: none;
	text-align: right;
	pointer-events: none;
	display: inline-block;
	width: 100%;
	padding:0 .5em;
}
.archive_filter_container.isArchive{
	position: fixed;
	left: 0;
	top:75px;
	z-index: 101;
	width: 100%;
	text-align: center;
}
.btn-filtersGrp, .btn-filtersGrp_drop{
	pointer-events: auto;
	margin-top:14px;
}
.btn-filtersGrp_drop{
	display: none;
	box-shadow: 0 0 6px rgba(0,0,0,.2);
}
.btn-filtersGrp_drop .dropdown-menu{
	right: 0 !important;
	left: initial;
	
}
.btn-filtersGrp{
	display: block;
	border-radius: 4px;
	box-shadow: 0 0 8px rgba(0,0,0,.15);
}
.btn-filtersGrp button{
	padding: 3px 12px;
	text-transform: lowercase;
	
}

.btn:focus,.btn:active {
   outline: 1px solid #2fd8f1 !important;
}
.btn-filtersGrp button:hover{
	border-color: #ccc;
}
.header_filter_container_grab{
	width: 100%;
	display: inline-block;
	height: 100px;
	text-align: center;
	max-width: 1600px;

}
.archive_filter_container{
	
	/*width: 100%;
	display: inline-block;
	height: 100px;*/
	display: none;
}


#header_components, .pageWidth2016 {
	max-width: 1600px;
	margin: 0 auto ;
}

#header_components{
	font-size: 1.5em;
	width: 100%;
	height: 137px;
	position: relative;
	z-index: 10;
	pointer-events: none;
}
.header_components_left{
	height: 100%;
	padding-left: 0;
}
.header_components_right{
	height: 100%;
	
}
.header_components_right nav{
	pointer-events: initial;
}
.header_component{display: inline-block;vertical-align: text-bottom;}

.col-sm-3 .individualPostTitle{
	font-size: 1.5em;
	text-shadow: 0px 3px 6px black;
}


.header_copy_wrap{
	position: absolute;
	width: 100%;
	color: white;
}
.header_vid_container{
	margin-top:1em;
	padding: .5em !important;
}

.header_copy_wrap{
	transform: translateY(-50%);
	top:50%;
	text-align: center;
	font-size: 1.8em;
	text-shadow: 2px 2px 10px black;
}
.header_copy_title{
	font-size:3em;
	font-weight: 300;
	letter-spacing: .1em;
}
.header_vid_wrap{
	padding:.2em;
	line-height: 0;
	border:thin solid #ddd;
	box-shadow: 0 0 10px rgba(0,0,0,.2)
}
#video_header{
	width: 100%;
	max-height: 400px;
	display: inline-block;
}

.header_icons_container{
	padding: .5em;
	margin: 0;
}
.header_icons_wrap{
	background-color: white;
	width: 100%;
	border:thin solid #ddd;
	padding: 1em 0;
	display: inline-block;
	box-shadow: inset 0 0 6px rgba(0,0,0,.1);
}
.header_icon{
	border-right: thin solid #ddd;
	text-align: center;
}
.header_icon:last-child{
	border:none;
}

.header_icon_svg_wrap{
	margin-bottom:.6em;
	height: 32px;
	font-size: .9em;
	
}
.header_icon svg{
	height:100%;
	padding: 2px;
	/*
filter: drop-shadow( 2px 2px 2px rgba(0,0,0,.4));
	-webkit-filter: drop-shadow( 2px 2px 2px rgba(0,0,0,.4));
    -moz-filter: drop-shadow( 2px 2px 2px rgba(0,0,0,.4));
    -o-filter: drop-shadow( 2px 2px 2px rgba(0,0,0,.4));
    -ms-filter: drop-shadow( 2px 2px 2px rgba(0,0,0,.4));
*/
}
.header_icon svg path, .header_icon svg circle, .header_icon svg line{
	/* stroke: red !important; */
	stroke-width:5px;
}
.header_icon_title{
	font-weight: 400;
	line-height: .8em;
}
.header_icon_subTitle{
	margin-top: .5em;
	line-height: 1em;
	color: #999;
}
.header_icons_container ul, header_icons_container li{
	list-style: none;
}
.header_icons_container img{
	box-shadow: none !important;
	width: auto !important;
	margin: 0 auto;
	transition:opacity .5s;
}
.header_icons_container img:hover{
	opacity: .2;
}

.header_icon_title svg, .homeicon_box_title svg{
	height: 11px;
	padding: 0 1px;
}

.page-id-3783 #header_titleContainer{
	display: none;
}

#homepage2016 ul, #homepage2016 li{
	
	list-style: none;
	padding:0;
}
#homepage2016 li{
	background-color: white;
	position: relative;
	
}

.home_all_container{
	display: inline-block;
}
.home_all {
	padding:0;
}
.home_all:hover{
/*	padding:.2em;
	transition:padding .5;*/
}
.home_all img{
	width: 100%;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	transition: box-shadow .1s, opacity .1s;

}
.home_all img:hover{
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	opacity: .85;
}
.isotope_unit_open, .open_thisproject{cursor: pointer;}




.individualPostTitleDesc_wrap {
	position: absolute;
	color:white;
	
	letter-spacing: .1em;
	width: 100%;
	text-align: center;
	text-shadow: 2px 2px 10px black;
	transform: translateY(-50%);
	top:50%;
	z-index: 5;
	padding: .5em;
	pointer-events: none;
	
}
.individualPostTitleDesc_wrap_container{
	width: 100%;
	height: 100%;
	padding: 4em 0;
	font-size: 1.3em;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+32,000000+66,000000+100&0+0,0.5+32,0.5+66,0+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 32%, rgba(0,0,0,0.4) 66%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 32%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 32%,rgba(0,0,0,0.4) 66%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.individualPostTitle{
	font-size: 2.6em;
	letter-spacing: .25em;
	text-transform: uppercase;
	line-height: 1.1em;
	margin-bottom: .6em;
}
.individualPostDesc{
	font-weight: 700;
	font-style: italic;
}
.individualPostTitle p{

}

.individualPostImage_wrap{
	padding: .5em;
	transition: padding .1s;
}
.individualPostImage_wrap:hover{
	/*padding:.55em;*/
}
.individualPostImage_wrap_wrapper{
	transition:padding .2s;
}
.individualPostImage_wrap_wrapper:hover{
	padding:.2em;
	
}




.individualPostImage_cover_wrap{
	padding: .5em;
    position: absolute;
    height: 100%;
    width: 100%;
   /* display:none;*/
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s;
}
.individualPostImage_cover_wrap.hovering{
	/*display:block;*/
	visibility: visible;
	opacity: 1;
}
.individualPostImage_cover{
	background: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
}   
#header_logo_2016 {
	padding-top: 15px;
	padding-left: 5px;
	height: 100%;
	pointer-events: initial;
	
}
#header_logo_2016 svg{
	height: 100%;
	float: left;
}

.header_title_txt{
	line-height: .8em;
}

#header_vm_2016{
	font-size: 1.6em;
	vertical-align: text-bottom;
	margin-bottom: 5px;
	font-weight: 400;
}
#header_description_2016{
    vertical-align: text-bottom;
    margin-bottom: 4px;
}

.homepage_unit_loader{
	width: 100%;
	padding:.5em;
	
}
.homepage_unit_loader_wrap{
	width: 100%;
	text-align: center;
	color:#999;
	padding:220px 0;
	border:thin solid #ddd;
}

.archivePost .archive_unit:last-child .individualPost_mobileWrap,
.homepage_units_container .homepage_unit:last-child .individualPost_mobileWrap{
	border-bottom:thin solid #ddd;
}
.individualPost_mobileWrap{
	border-bottom:thin solid #ddd;
	padding:1em 0;
	font-size: .8em;
}
.individualPost_mobile_descTitle{
	font-weight: 700;
	text-transform: uppercase;
}





#header_bg_2016{
	position: absolute;
	background: white;
	box-shadow: 0 0 10px black;
	width: 100%;
	height: 100%;
	z-index: 0;
	top:0;
}




#menu_container_id_2016{
	position: absolute;
	right: 0;
	padding-right: .5em;
	top:116px;
}

#menu_container_id_2016 a {
	color: black;
}
#menu_container_id_2016 .current-menu-item a{
	color: #009cd9;
}
#menu_container_id_2016 a:hover, #menu_container_id_2016 a:focus{
	color: grey;
	text-decoration: none;
	
}
#menu_container_id_2016 a:active{
	color: black;
	text-decoration: none;
}


#menu_container_id_2016 #header_fg{
	max-width: 1600px;
}

#social_buttons_container{
	max-width: 1600px;
	margin: 0px auto;
	position: relative;
	z-index: 15;
	top:0;
	right: 0;
}
#social_buttons{
	margin-right: .5em;
	position: absolute;
	right: 0;
	float:right;
	list-style: none;
}

#social_buttons li{
	height: 32px;
	width: 32px;
	float: left;	
	color:white;
	text-align: center;
	
}
#social_buttons li i{
	font-size:22px;
	color:white;
	padding:4px;
}
#social_buttons li i:hover{
	color:#bbb;
}

#social_buttons li i.fa-facebook{
	font-size: 28px;
    padding-top: 6px;
    padding-left: 10px;
}
#social_buttons > li > div{
	display: inline-block;
	vertical-align: middle;
}



.navbar-2018-left .navbar-brand-logo svg{
	width:30px;
	height: 30px;
	margin-right: .25em;
}
.navbar-2018-left .navbar-brand-label{
	vertical-align: text-bottom;
}

.navbar-2018-right{
	min-width: 160px;
}



#menu_container_id_2016 ul {
	text-align: right;
	max-width: 1600px;
	color: black;
	padding:0 0 0 .3em;
	line-height: 1em;
}
#menu_container_id_2016 li {
	display: inline-block;
	padding-left: .7em;
	padding-right: .7em;
	border-left:thin solid #ddd;
}
#menu_container_id_2016 li:first-child{
	border:none;
}
#header_menu2016 .navbar-toggle{
	background: black;
	position: absolute;
	bottom:5px;
	right: 6px;
	margin:0;
	padding:4px 5px;
}
#header_menu2016 .navbar-toggle span{
	background: white;
	width: 19px;
}
#header_menu2016 .navbar-toggle .icon-bar+.icon-bar{
	
}
.wrapper_2016{
	padding-top:67px;	
	display: inline-block;
	width: 100%;
}
.wrapper_2016 a{
	/*
color:black;
	text-decoration: underline;
*/
	
}
.wrapper_2016 a:hover{
	color: grey;
	text-decoration: none;
}
.seeMoreBt{
	margin-top: 20px;
	margin-bottom: 1em;
}
.seeMoreBt_wrap{
	padding:.5em;
	box-shadow: 0 0 6px rgba(0,0,0,.2);
	text-align: center;
}
.homepage_units_container{
	-webkit-transition:height 1s; /* Safari */
    transition: height 1s;
    overflow: hidden;
}



.homepage_units_container.isArchive{
	/*height: 0px !important;*/
	
}

.archivePost{
	width: 100%;
	/*margin-top:80px;*/
	transition: height 2s;
    overflow: hidden;
    height: 0px ;
}



.archivePost.scrollPastFilter{
	/* height: 100px; */
	/*margin-top: 200px;*/
}



.page_title{
	width: 100%;
	text-align: center;
	font-size:2em;
	margin: 1em 0;
}




/* CREDS 2016 */
#creds2016 {
	margin-top:3em;
}
#creds2016 li{
	list-style: none;
}
.caseStudiesWrap{
	text-align: center;
	cursor: pointer;
}
.creds_unit{
	margin-bottom: 2em;
}
.creds_unit_title{
	font-size: 1.5em;
	width: 100%;
	text-align: center;
}

/*
#caseStudies_wrap{
	width: 600px;
	font-size: .8em;
	text-align: center;
	font-family: 'Raleway',sans-serif;
	padding:2em 0 4em;
	
}
*/

.caseStudiesTitle{
	margin: 0 0 .5em;
	font-size: 1.5em;
	font-weight: bold;
	color: white;
	letter-spacing: .1em;
}
.caseStudiesSubTitle{
	padding:0 0 1em;
}
.creds_unit img {width: 100%;box-shadow: 0 0 10px rgba(0,0,0,.5)}

.creds_contact{
	display: inline-block;
	margin:3em 0;
	width: 100%;
	text-align: center;
}



/* ABOUT US */

.capabilities{
	margin-top:5em;
	font-size: 1.2em;
	padding:1em;
	color: black;
	letter-spacing: .05em;
	/* font-family: 'Open Sans', sans-serif; */
	/* font-family: 'Raleway', sans-serif; */
	font-weight: 300;
}
.capabilities p{
	margin-bottom: 1em;
}


/* CREW */

.crew2016_container{
	margin-top: 6em;
}
.crew_item_2016{
	margin-bottom: 6em;
}
.crew2016_container .crew_item_img{
/*
	width: initial;
	height: initial;
*/
}
.crew_img_wrap{
	border-radius: 8%;
	overflow: hidden;
	margin: 5px;
	box-shadow: 0 0 10px grey;
}
.crew_item_name{
	font-size: 2.3em;
	line-height: 1.2em;
	border-bottom: thin solid #ddd;
}
.crew_item_title{
	margin-bottom: 1em;
	color: #777;
	
}

/* CAPABILITIES */

#capabilities2016{
	text-align: center;
	color: white;
	font-size: 1.5em;
	margin-top:8em;
}

* { box-sizing: border-box; }



/* PHOTOGRAPHY */

.thisContent{
	background-color: #f5f5f5;
}
.thisContent .card-header{
	background-color: white;
	min-height: 57px;
}

.isotope_gallery{
	
}

.isotope_gallery:after {
  content: '';
  display: block;
  clear: both;
  
}
.photo_gallery_wrap{
	/*max-width: 1600px;*/
	margin: 0 auto 90px;
	min-height: 600px;
}
.photo_gallery_loader{
	height: 100%;
    width: 100%;
    min-height: 600px;
    position: fixed;
    text-align: center;
    padding-top: 1em;
    font-size: 10em;
    color:#ccc;
}




.isotope_photo{
	list-style: none;
	float: left;
}
.isotope_photo.thiscol3{
	width: 33.3%;
}
.isotope_photo.thiscol4{
	width: 25%;
}
.isotope_photo_wrap{
	padding:.5em;
	width: 100%;
	transition: padding .1s, opacity .1s;
}
.isotope_photo_wrap:hover{
	/*padding: .55em;*/
	opacity: .85;
}
.isotope_photo img{
	width: 100%;
}
.isotope_photo .individualPostImage_cover_wrap{
	pointer-events: none;
}
.photo_img_wrap{
	width: 100%;
	
}
.photo_img_wrap.frameimg{
	border:thin solid #ddd;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.photo_img_wrap.frameimg:hover{
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.photo_img_a_wrap{
	width:100%;
	height: 100%;
	background-size: 102%;
}
.photo_img_title_wrap{
	position: relative;
	width: 100%;
	height: 100%;
}
.photo_img_title{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(0,0,0,.3);
	color: white;
	font-size: .8em;
}

.photo_img_a_checkbox_wrapper{
	position: absolute;
	top:0;
	left: 0;
	z-index: 5;
}

.photo_user_select_wrap{
	padding: .5em;
	color:white;
}


.modal-open{ overflow: visible !important;}
.modal-content{
	overflow: hidden;
	border-radius: .3rem;
}
.modal-content .modal-body{
	padding: .3em;
}
.modal-content .modal-footer{
	box-shadow: 0 -10px 10px rgba(0,0,0,0.35);
	z-index: 50;
}
.modal-content .modal-footer .checkbox_wrap{
	position: relative;
}
.modal-content .modal-footer .checkbox_wrap .checkbox{
	padding: 0;
}

.carousel-item-container{
	display: table;
	height: 100%;
	width: 100%;
}
.carousel-item-wrap{
	vertical-align: middle;
	display: table-cell;
	min-height: 720px;
	background-color: black;
}
.carousel-item-wrap img{
vertical-align: middle;
}
.carousel-img_bottom{
	height: 90px;
	background-color: black;
	display: table-row;
}


.admin_drawer .user_selects_content{
	/*margin-bottom: 1em;*/
}
.admin_drawer .user_select_img_wrap {
	/*display: table;*/
	/*padding:.5em;*/
}
.admin_drawer .user_select_img_wrap div{
	/*display: table-cell;
	vertical-align: top;*/
	/*padding: 0 .5em;*/
}
.admin_drawer .user_select_img{
	width: 100px;
}
.admin_drawer .user_select_img img{
	width: 100%;
}

.admin_drawer .user_wrapper{
	margin-bottom: 1em;
}

/*#lightbox .lb-data{
	position: relative;
}
#lightbox .lb-close{
	opacity: 1;
	background: none;
}
#lightbox .lb-close #unit_close{
	right: 0;
	top:initial;
	right: intial;
}
#lightbox .lb-close #unit_close .glyphicon{
	/* top:8px; */
}*/
.socialMedia_footer{
	margin:1em 0 4em;
}
.socialMedia_block{
	text-align: center;
	margin-top:2em;
}
.socialMedia_nameWrap{
	font-size: 2em;
	text-align: left;
	max-width: 360px;
	margin: 0 auto;
}
.socialMedia_nameTitle{
	color: #999;
	padding-left: .8em;
	font-size: .5em;
}
.socialMedia_wrap{
	max-width: 360px;
	height: 570px;
	overflow: auto;
	border:thin solid #ddd;
	padding:.5em;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	margin: 0 auto;
}



.makeTop{
	z-index: 100 !important;
}

.project_desc{
	color:#666;
	font-weight: 300;
	text-align: center;
	margin-top:.3em;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
} 

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

.bx-wrapper img{
	margin: 0 auto;`
}

/* -------- -------- -------- -------- -------- -------- -------- -------- -------- -------- --------  */




/* CONSTANT POPUP STUFF */
.popup_container{
	width: 100%;
	height: 100%;
	
}
.submit_bt{
	border: thin solid #343434;
	text-transform: uppercase;
	color:white;
	background-color: #343434;
	cursor: pointer;
	font-size: .8em;
}
.popup_close{
	top:0;
}
.popup_box{
/*
	position: absolute;
	z-index: 10;
	box-shadow: 0px 0px 20px rgba(0,0,0,1);
	padding: 50px;
	margin: 0 auto;
	background: #999;
	font-size: 1.5em;
	z-index: 210;
*/
	width:100%;
	text-align: center;
	/* top:50%; */
	/* transform: translateY(-50%); */
	position: absolute;
	padding:0 3em;
	z-index: 210;
	pointer-events: none;
}
.popup_box_wrap{
	background: white;
	padding: .5em;
	box-shadow: 0px 0px 20px rgba(0,0,0,1);
	width: auto;
	display: inline-block;
	border-radius: 4px;
	pointer-events: initial;
}
#homeicon_box{
	max-width: 340px;
	background: white;
	padding:1em 1em 1.5em;
	text-align: left;
	transform: none;
	border-radius: 4px;
	box-shadow: 0 0 10px black;
	
}
.box_holder{
	pointer-events: initial;
}
.homeicon_box_title{
	font-size:1.2em;
	margin-bottom: .8em;
	font-weight: 400;
	text-align: center;
	width: 100%;
	text-shadow: 2px 2px 4px rgba(0,0,0,.3);
	letter-spacing: .1em;
}
.homeicon_box_image{
	border: thin solid #ddd;
	padding:.5em;
	margin-bottom: .5em;
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}

.homeicon_box_image img{
	width: 100%;
}

.homeicon_box_desc{
	color: #666;
	font-weight: 300;
	margin-bottom: .5em;
}
.homeicon_box_link{
	text-align: center;
}


#cred_box{
	
	
	
	/*

	margin: 0 auto;

	font-size: 1.5em;
	
*/
}
#cred_box_wrap{
	max-width: 640px;
	width: 100%;
	position: relative;
}




.form_label{
	color:#DDD;
}
.input_field{
	border:0;
	background-color: #DDD;
}
#popup_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.85);
	z-index: 200;
	top: 0;
}

.box_holder_wrap{
	position: relative;
}
.box_holder{
}


/* DEMO REEL */

#demoreel_container{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 210;
	pointer-events: none;
}

#demoreel_bg{width: 100%;height: 100%;position: fixed;background-color: rgba(0,0,0,.5);z-index: 200;top:0;}
#demoreel_box{
	width: 98%;
	max-width: 960px;

	box-shadow: 0px 0px 20px rgba(0,0,0,1);
	padding: 1%;
	margin: 3% auto 0;
	background: black;
	font-size: 1.5em;
	pointer-events:auto;
	position: relative;
}


#demoreel_box .demoreel_title{width: 100%;text-align:center;font-size: 2em}
#demoreel_box #unit_close{top:0;margin:1.2em 1em 0 0;}

#demoreel_videoList{display: table;width: 100%;margin-top:4em;}
#demoreel_videoList li{list-style: none;display: table-cell;text-align: center;cursor: pointer;padding:1em;border-right: thin solid #999;position: relative;}
#demoreel_videoList li:last-child{border:none;}
#demoreel_videoList li .reelPosterImg{display: inline-block;position: relative;}
#demoreel_videoList li img{max-width: 400px;width: 100%}
.reelPosterPlay{width:100%;height:100%;max-width: 400px;max-height: 225px;background-image: url('images/general/demoReel_playBt.png');position: absolute;left:0;top:0;display: inline-block;background-size: 100% 100%;}
.fullwidth_adj .reelPosterPlay{width: 50% !Important; margin-left:25%;}

#demoReel_vimeo_holder{text-align: center;}
.demoreel_box_desc{font-size: .8em;text-align: center;margin:3em 0 1em;width: 100%;}

.demoreel_backbt{color:white;background-color: #8b8b8b;display: inline-block;  padding: .2em .7em;font-size: .7em;cursor: pointer;}

/* CONTACT US */



#contactUs_box{
	width: 100%;
	
}
#contactUs_box_wrap{
	transition: width 1s, height 1s;
	max-width: 360px;
	position: relative;
}
.contactUs_title{
	font-size: 1.3em;
	margin-bottom: 1em;
}
#contactUs_box span{
/*
	display: block;
	text-align: center;
	margin-bottom: 1em;
	font-size: 1.3em;
*/
}
#form_contactUs table{
	width: 100%;
}
#form_contactUs  label{
	font-weight: 300;
}
#form_contactUs .form-group{

}
.form_field{
	display: inline-block;
	width: 48%;
	margin:0 .5% 2%;
}

.form_field_textarea, .form_field_submit{
	width: 98%;
	margin-top:1%;
}
#form_contactUs textarea{
	/* padding: .5% !important; */
	/* width: 99% !important; */
}

#form_contactUs input

.form_field_submit{
	text-align: right;
}

#form_contactUs input[type="text"], #form_contactUs input[type="email"],#form_contactUs textarea{
/*
	padding:1%;
	border: none;
	margin: 0;
	font-size: .8em;
	width: 98%;
	resize: none;
*/
}
#contactUs_submit{
	width: 100px;
	height: 40px;
}

#form_sending, #form_success{
	width: 100%;
	text-align: center;
	margin-bottom: 1em;
	font-weight: 300;
	min-width: 360px;
}
.form_error{
	background-color:#fcc;
}


/* CONTENT */
#content_post{
	font-size: 2em;
	padding:2em;
}

#content_post p{
	margin: 1em 0;
}
#content_post p:first-child{
	margin-top: 0;
}

/* LOGIN */

#login_box{	
	top:0;
	text-align: center;
	width: 360px;
	border:thin solid #ddd;
	border-radius: 6px;
	box-shadow: 2px 2px 10px rgba(0,0,0,.5);
	background-color: white;
	padding: .5em;
}
#login_box span{
	font-size: .8em;
	margin-bottom:1em;
}
#login_box span, #login_box label{
	display: block;
}
#login_box label{
	font-size: 1.5em;
	margin: 1em 0;
}
#form_container{
	margin-top:.5em;
	
}
#login_box form{
	display: inline-block;
}


.pass-label{
}
#login_box input{
/*
	vertical-align: top;
	margin: 0;
	padding: 0;
*/
}
#login_box input[type='password']{
/*
	width: 160px;
	height: 40px;
	border:none;
	color:#ff0a53;
	font-size: 1em;
*/
}
#login_box input[type='submit'], #logout_box_container{
/*
	width: 100px;
	height: 40px;
	background-color: #ff0a53;
	border:none;
	color:white;
	margin-left:10px;
	text-transform: uppercase;
*/
}
#login_box .error{
	color:red;
	color:#ff0a53;
}
#logout_box_container{
	font-size: .6em;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#logout_box .box_holder{
	padding:1em 3em;	
}
#post_username{
	font-size: 1em;
	height: 40px;
	margin-bottom: 20px !important;
}




#content{
	width: 100%;
	display: inline-block;
}


/* HOMEPAGE */
/*
.smallSq{
	width: 240px;
	height: 240px;
}
.smallH{
	width: 480px;
	height: 240px;
}
.smallV{
	width: 240px;
	height: 480px;
}
.largeSq{
	width: 480px;
	height: 480px;
}
.largeV{
	width: 480px;
	height: 720px;
}
.largeH{
	width: 720px;
	height: 480px;
}
*/


#isotope_container{width:100%;height:auto;min-height: 600px;}

.smallSq{
	width: 14.28%;
	/* height: 14.28%; */
}
.smallH{
	width: 28.57%;
	/* height: 14.28%; */
}
.smallV{
	width: 14.28%;
	/* height: 28.57%; */
}
.largeSq{
	width: 28.57%;
	/* height: 28.57%; */
}
.largeV{
	width: 28.57%;
	/* height: 42.85%; */
}
.largeH{
	width: 42.85%;
	/* height: 28.57%; */
}


.unit_title{
	position: absolute;
	z-index: 15;
	bottom:0;
	width:auto;
	height: auto;
	/* background-color: #068891; */
	text-shadow: 1px 1px 6px rgba(0,0,0,.75);
	color:white;
	padding:.5em;
	line-height: 1.2em;
	font-size: 1.5em;
}
.unit_title h1{
	font-size:1.3em;
	line-height: 1.2em;
}
.unit_thm{
	z-index: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
.unit_thm_img{
	position: absolute;
	left: 0;
	top:0;
}

.unit_vid, .unit_vid_player,.unit_vid_poster, .unit_vid_poster_play{
	width: 100%;
	height: 100%;
}
.unit_vid_poster, .unit_vid_poster_play{
	position: absolute;
	z-index: 10;
}
.unit_vid_poster_play{
	background-size: 100% 100%;
}
.unit_vid_poster{
	overflow: hidden;
}

.unit-cover{position: absolute;width: 100%;height: 100%;z-index: 10;background-color: black;opacity:.5;display: block;pointer-events: none;}
/* .unit-cover:hover{background-color: rgba(0,0,0,.2);} */


#unit_popup_container_wrap{
	width: 100%;
	position: absolute;
	z-index: 300;
	pointer-events: none;
	
}


#unit_popup_container{
	max-width: 1000px;
	background-color: white;
	position: relative;
	z-index: 101;
	margin:0 auto;
	/*
left:50%;
	transform: translateX(-50%);
*/
	padding: 1em;
	box-shadow:0 0 20px black;
	border-radius: .3em;
	/* transition: all 1s; */
	pointer-events:initial;
}


/*
#unit_holder_cover{
	width: 100%;
	height: 100%;
	background: white;
	position: absolute;
	z-index: 10;
}
*/

#closePopup_bg{
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.8);
	position:absolute;
	top:0;
	z-index: 100;
	opacity: 1;
	top:-75px;
	z-index: 199;
}
.loadingspinner{
	font-size: 2em;
}
#loading_box{
	color:#aaa;
	text-align: center;
	width: 100%;
	font-size: 2em;
	font-weight: bold;
	top:40%;
	margin:-20px 0 0 0;
	padding:.2em 0;
	position: fixed;
	/* background-color: rgba(153, 153, 153,.95); */
	z-index: 51;
}
#unit_close{
	position: absolute;
	right: -2.5em;
	top:0;
	z-index: 402;
	cursor: pointer;
	/*margin: 15px 15px 0 0;*/
	
	background-color: black;
	color:white;
	border: 2px solid white;
	/*
width: 34px;
	height: 34px;
*/
	border-radius: 24px;
	box-shadow: 0 0 10px black;
	/* text-align: center; */
	padding: 6px 7px 7px 6px;
}
#unit_close .glyphicon{
	/*
top:6px;
	left:1px;
*/
	font-size: 18px;
	width: 16px;
	height: 18px;
	padding: 0;
	margin: 0;
	display: block;
	vertical-align: top;
}
#unit_close .glyphicon:hover{
	color:#999;
}
#unit_holder{
	max-width:960px;
	margin:0 auto;
	position: relative;
}
#unit_holder table{
	margin: 0 auto;
}
#unit_holder td{
	vertical-align: middle;
}
#unit_current_loader{
	color: #bbb;
	position: absolute;
	z-index: 10;
	width: 100%;
	padding:.5em 0 0 .5em;
}

#unit_current{
	display: inline-block;
	vertical-align: top;
	max-width:960px;
	width: 100%;
	padding: .5em;
	border:thin solid #ddd;
	box-shadow: 0 0 10px rgba(0,0,0, .1);
	min-height: 200px;
}
#unit_current_title{
	vertical-align: bottom;
	font-size: 1.5em;
	display:block;
	color:black;
	padding-left:.1em;
	text-shadow: 2px 2px 6px rgba(0,0,0,.25);
	margin-bottom: .3em;
}
#unit_current_slideshow_over{
	position: absolute;
	z-index: 200;
	width: 100%;
	max-width: 960px;
}
.slideshow_arrow{
	top:45%;
	cursor: pointer;
	position: absolute;
	z-index: 400;
}
.slideshow_slidecount{
	position: absolute;
	z-index: 401;
	bottom:0;
	right: 0;
	background-color: #343434;
	padding: 0 10px 12px;
	line-height: .9em;
	font-size: .9em;
	color:white;
}

.unit_current_slideshow{
	max-width: 960px;
	max-height: 600px;
	height: 100%;
	position: relative;
	width: 100%;
	background-color: black;
	padding:.5em;
	border:thin solid grey;
}
.unit_current_slideshow li{
	width: 100%;
	list-style: none;
	text-align: center;
	max-height: 600px;
	overflow: hidden;
}
.unit_current_slideshow img{
	width: auto;
	height: auto;
	max-width: 100%;
	margin:0 auto;
	position: relative;
}

.video_container, .video_container > iframe, #vimeoplayer_pop{
	width: 100%;
	height: 600px;
}


#unit_current_desc{
	line-height: 1.3em;
	letter-spacing: .1em;
	font-size: .8em;
	display: block;
	padding:0 0 2em .2em;
}
.desc_row{
	display: block;
	padding:.3px 0 0;
}
#unit_current_tag_container{
	color:#414141;
	display: inline-block;
	
}

#unit_current_exlink{
	float:right;
}

#unit_editPost{
	position: absolute;
	background: green;
	z-index: 100;
	display: inline-block;
	padding: .2em 1em;
}


/* CRED */
.page-id-2107{
	background-size: 100%;
}

#cred_wrap{
	width:100%;
	font-size:1.3em;
}

#cred_wrap ul, #cred_wrap li{
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
#cred_capabilities_wrap{
	width: 50%;
	background-color: green;
	float:left;
	min-height: 2em;
}
#cred_experience_wrap{
	width:100%;
	float:left;
	min-height: 2em;
}
.horizontal_box{
	width: 100%;
	height: 240px;
}
.large_square_box{
	width:100%;
	height: 480px;
}

.cred_container_wrap{
	width: 100%;
	text-shadow: 0 0 10px rgba(46,84,123,.7)
}

.cred_container{
	width: 100%;
	margin:3.5em 0 0;
}

.cred_container_title, .cred_container p{
	display: block;
	width: 100%;
	text-align: center;
	margin: .5em 0;
}
.cred_title_separator{
	width:20%;
	text-align:center;
	border-top:thin solid rgba(255,255,255,.5);
	margin:0 auto;
}
.cred_container p{
	
	color: #DBDBDB;
}
.creds_vidthm_container{
	position:relative;
}
.individualCredImage_wrap .reelPosterPlay{
	max-width: none;
	max-height: none;
	cursor: pointer;
}

/* CREW */
#crew_container{
	list-style: none;
	font-size: 0;
	max-width: 960px;
}
.crew_item_img{
	max-width: 240px;
	max-height: 240px;
	display:inline-block;
	overflow: hidden;
}

.crew_item_img_center.old2016{
	cursor: pointer;
}
.crew_item_img_center img{
	width: 100%;
	height: 100%;
	
}
.crew_item_large_row0 > .crew_item_img_left{
	display:none;
}
.crew_item_large_row1 > .crew_item_img_right{
	display:none;
}
.crew_item_img_static img{
	position: relative;
}
.cycle-sentinel{
	opacity: 0 !important;
}

#crew_box{
	min-height: 360px;
	max-width: 900px;
	width: 100%;
	padding:15px !important;
	background: #343434;
}
#crewBox_left{
	float:left;
}
#crewBox_left img{
	max-width: 360px;
	max-height: 360px;
	width: 100%;
}
#crewBox_right{
	float:left;
	padding:0 0 0 25px;
	max-width: 510px;
	background-repeat: no-repeat;
	background-position:center top; 
}
#crewBox_header{
	width: 90%;
	height:40px;
	color: #fff;
}
#crewBox_title{
	float:right;
	width: 60%;
	text-align: right;
	font-size: .7em;
	padding-top:.3em;
}
#crewBox_bio{
	font-size: .6em;
	margin-top:20px;
	width: 96%;
	overflow: auto;
	height: 300px;
	padding-right: 20px;
	color: #aaa;
}


.isotope_unit{
	cursor: pointer;
	background-color: black;
}

.popup_active,
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.popup_active,
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.popup_active,
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {0
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}



.flex-direction-nav a{
	height: 36px !important;
	width: 36px !important;
	padding: 1px 9px;
	background-color: white;
	border-radius: 18px;
	margin:12px;
	box-shadow: 0 0 10px black;
}
.flex-direction-nav a:before{
	font-size:24px;
}


.footer_container{
	text-align: center;
	font-size: .8em;
	color:#999;
	padding:1em 0;
}
.footer_copy{
	text-align: center;
}

.drones{
	margin-top:2em;
}

.iframewrapcontainer{
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	margin:.5em;
	padding:.5em;
}
.iframewrapper{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	
}



.iframewrapper iframe{
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}



/*LAB*/
.lab_container{
	margin-top:2em;
}
.lab_items{
	padding: 0;
	transition: padding .1s;
}
.lab_items:hover{
	/*padding: .55em;*/
}
.lab_item_wrap {
	
	
}
.lab_item_wrap:hover{
	
}
.lab_items img{
	
}
.header_backtolab{
	position: absolute;
	right: 2.5em;
	z-index: 51;
	bottom:2px;
	pointer-events: initial;
}
.header_backtolab_desktop{
	/*position: absolute;
	z-index: 51;
	right:12%;
	top:4em;*/
	text-align: center;
	margin: 1em auto;
	width: 15%;
	
}
.header_userAccount{
	pointer-events: initial;
	position: absolute;
	bottom: 0;
	right: .5em;
	display: table;
}
.header_userAccount_item{
	display: table-cell;
}
.header_backtolab a{
	box-shadow: 0 0 6px rgba(0,0,0,.2);
}
.lab_item_desktopWrap{
	
}
.lab_item_desktopWrap:hover{

}
.lab_container {
	margin-top:50px;
}
.lab_container a{
	/*color: black !important;
	text-decoration: underline;*/
}
.lab_container a:hover{
	/*text-decoration: underline;*/
	color:#777;
}
.lab_content{
	max-width: 640px;
	margin:0 auto;
	width: 100%;
	padding: 1em;
}
.lab_content a{
	
}
.lab_content a:hover{
	
}
.lab_item_desktopWrap img{
	width: 100%;
	border:thin solid #ddd;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	transition: box-shadow .1s, opacity .1s;
}
.lab_item_desktopWrap img:hover{
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	opacity: .85;
}

.lab_item_thm_wrap{
	padding:.5em;
}
.lab_item_thm_wrap:hover{
	
}

.lab_items img{
    width: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    transition: box-shadow .1s, opacity;
}
.lab_item_mobileWrap{
	border-bottom: thin solid #ddd;
    padding: 1em 0;
    font-size: .8em;
    color:black;
}
.individualPost_mobile_desc_wrap {
    
}





/* The customcheck */
.customcheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    background-color: #009688;
    border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 9px;
    top: 4px;
    width: 8px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popupCustomcheck{
	position: absolute;
	top:0;
	z-index: 200;
}

.checkbox{
	padding: 1em;
}

.checkbox_copy{
	display: inline-block;
	color:white;
	text-shadow: 0px 0px 8px black;
	vertical-align: text-bottom;
	font-size: .8em;
	padding-right: .3em;
}
.checkbox label{
	display: inline-block;
	vertical-align: text-top;
	
}
.checkbox label .checkbox-decorator .check, label.checkbox-inline .checkbox-decorator .check{
	border:.125rem solid rgba(0,150,136,.5);
	border-color: rgba(0,150,136,.5) !important;

}
.checkbox .check{
	background-color: #eee;
}
.customcheck_container{
	width: auto;
}
.customcheck_title{
	padding:0 1em;
	display: inline-block;
	vertical-align: text-bottom;

}
.customcheck_wrapper{
	display: inline-block;
	vertical-align: inherit;
}
.checkbox input:disabled + .checkbox-decorator .check:before{
	color:#ddd !important;
	
}
.checkbox input:disabled + .checkbox-decorator .check{
	border-color:#ddd !important;
}
.checkbox  .check:before{
	
}
.checkbox label .checkbox-decorator{
	top: .125rem;
}
.checkbox label .popupCheckbox_text{
	color:#6c757d;
	font-size: .85em;
	vertical-align: text-top;
	padding-left: .5em;
}

.fancybox-image{
	padding: .1em;
	background-color: #eee;
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
}

.fancybox-caption{
	background-color: rgba(0,0,0,.2);
	text-align: center;
}
.fancybox-caption div{
	font-size: .9em;
	font-weight: 300;
	color:#ddd;
}
.fancybox-caption:after{
	border: none;
}




@media screen and (max-width: 1490px){
	/* width: 23%; */

}
@media screen and (max-width: 1260px){
	#header_vm_2016{
	}
	
	#header_description_2016, #menu_container_id_2016{
		font-size: .9em;
	}
	#menu_container_id_2016 li {
		padding-left: .5em;
	}
	.isotope_photo{
		
	}
	.individualPostTitleDesc_wrap, .header_copy_wrap{
		font-size: 1em;
	}
	.navbar-toggle{
		display: block;
	}
	
	#menu_container_id_2016{
		background-color: black;
		padding-right: 15px;
	}
	#menu_container_id_2016.collapsing{
		padding-left: 0;
	}
	#menu_container_id_2016.in{
		overflow: visible;
		padding-left: 0;
	}
	#menu_container_id_2016 ul{
		padding:.2em .5em;
	}
	#menu_container_id_2016 li{
		padding:.5em;
		display: block;
		border-top:thin solid #222;
		border-left:none;
	}
	#menu_container_id_2016 li:last-child{
		/*border:none;*/
	}
	#menu_container_id_2016 a{
		color: white;
	}
	.navbar-collapse.collapse{
		display: none!important;
	}
	.navbar-collapse.collapse.in{
		display: block!important;
	}
	.header_filter_container{
		position: relative;
		top:-45px;
		right: 2em;
	}
	.header_filter_container .btn{
		padding: 3px 12px;
	}
	.photo_gallery_wrap{
		margin-top:10px;
	}
}


@media (min-width: 1025px){
	
}

@media screen and (max-width: 969px)  {
	
	#header_titleContainer{
		width: 55%;
	}
	#header_description_2016{
		line-height: 1.1em;
	}
	#header_titleContainer.header_small{
		font-size: .7em;
		width: 70%;
	}
	.individualPostTitle{
		
		font-size: .7em !important;
		margin-bottom:.5em;
	}
	.col-sm-12 .individualPostTitle{
		font-size: 1.8em !important;
	}
	.col-sm-3 .individualPostDesc{
		font-size: .5em;
	}

	#unit_popup_container{
		min-width: 94%;
		width: 94%;
		margin: 0 3%;
	}
	
}
@media screen and (max-width: 1150px)  {
	.btn-filtersGrp_drop{
		display: inline-block;
		float: right;
	}
	.btn-filtersGrp{
		display: none;
	}
	#unit_close{
		top:-2.5em;
		right: 0;
	}

}
@media screen and (max-width: 767px)  {
	.wrapper_2016{
		margin-top: 82px;
	}
	#header_logo_2016{
		padding-top:6.2px;
		width: 71px;
	}
	#header_components{
		height: 75px;
	}
	.header_vid_container{
		margin-top: 0;
	}
	#header_titleContainer{
		width: 65%!important;
		font-size: .7em;
	}
	
	
	.header_small{
	}
	.header_small .header_title_txt{
		
	}
	.header_icon svg{
		
		filter: drop-shadow( 1px 1px 3px rgba(0,0,0,.4))
	}
	.header_icon_svg_wrap{
		height: 20px;
	}
	.header_icon_title svg{
		height: 5px;
	}
	
	
	.header_icon_title{
		font-size: .5em;
	}
	.header_icons_container{
		padding:0 .5em .5em;
	}
	.header_icons_wrap{
		padding:.5em 0;
	}
	.isotope_photo.{
		
	}
	.isotope_photo.thiscol4{
		width: 33%;
	}
	.isotope_photo.thiscol3{
		width: 50%;
	}
	.header_copy_wrap{
		font-size: .7em;
		transform:none;
		top:15%;
	}
	.header_copy_title{
		font-size: 2em;
		font-weight: 700;
	}
	.header_copy_tagline{
		font-size: 1.3em;
		padding:0 4em;
	}
	.header_icons_container img{
		width: 100% !important;
	}
	.header_icon{
		padding: 0 .5em;
		cursor: pointer;
	}
	
	.individualPost_desktopWrap{
		display: none;
	}
	.socialMedia_footer{
		padding: 0;
	}
	.individualPostTitle{
		font-size: 1em;
	}
	
	.individualPost_mobileWrap{
		display: block !important;
	}
	.archivePost{
		/*margin-top:60px;*/
	}
	#unit_popup_container{
		left:auto;
		transform: none;
	}
	.crew_item_desc{
		padding: 0;
		min-height: 8.8em;
	}
	.crew_item_nameTitle{
		position: absolute;
		bottom: 0;
	}
	.crew_item_name{
		font-size: 1.5em;
		font-weight: 500;
	}
	.crew_item_title{
		margin-bottom: 0;
		font-size: .8em;
	}
	.crew_item_bio_wrap{
		margin-top:1em;
	}
	
	
	.crew2016_container{
		margin-top:2em;
	}
	.capabilities{
		margin-top:0;
	}
	
	.flex-direction-nav a:before{
		font-size: 18px !important;
	}
	.flex-direction-nav a{
		height: 24px !important;
    width: 24px !important;
    padding: 1px 5px !important;
	}
	    
	.lab_items{
	}
	.lab_item_mobileWrap{
		display: block !important;
	}
	.lab_item_desktopWrap{
		display: none;
	}
}

@media screen and (max-width: 620px)  {
	.header_small{
		 width: 50% !important;
		 margin-bottom: 1px !important; 
	}
	.isotope_photo.thiscol3, .isotope_photo.thiscol4{
		width: 47%;
	}

	

}

@media screen and (min-width: 960px) and (max-width: 1199px){
	.largeSq{
	}
	#vimeoplayer_pop{
		height:540px;
	}
	
}
@media screen and (min-width: 576px) and (max-width: 959px){
	#header_vm{
		font-size: 5.5em;
	}
	#header_menu{
		font-size:1.3em;
	}
	#social_buttons{
		margin-right: 1em;
	}

	.smallSq{
		width: 192px;
		height: 192px;
	}
	.smallH{
		width: 384px;
		height: 192px;
	}
	.smallV{
		width: 192px;
		height: 384px;
	}
	.largeSq{
		width: 384px;
		height: 384px;
	}
	.largeH{
		width: 384px;
		height: 384px;
	}
	.largeV{
		width: 384px;
		height: 384px;
	}
	
	
	.unit_vid_poster_play{
		background-image: url('images/general/homepage_video_play_sq.png') !important;
	}
	#vimeoplayer_pop{
		height:480px;
	}
	
	/*
.crew_item_img{
		width: 192px;
		height: 192px;
	}
*/
	

}






@media screen and (min-width: 480px) and (max-width: 575px)  {
	.smallSq{
		width: 160px;
		height: 160px;
	}
	.smallH{
		width: 320px;
		height: 160px;
	}
	.smallV{
		width: 160px;
		height: 320px;
	}
	.largeSq{
		width: 320px;
		height: 320px;
	}
	.largeH{
		width: 320px;
		height: 320px;
	}
	.largeV{
		width: 320px;
		height: 320px;
	}
	
	
	
	
}



@media screen and (min-width: 0px) and (max-width: 479px)  {
	body{
		background-size: 261%;
	}
	/* #isotope_container{font-size: .7em;} */
	.cred_container p{
		width: 90%;
		margin-left:5%;
		margin-right:5%;	
	}
	#masthead{
		height: auto;
		position: relative;
		z-index: 30;
	}
	#header_fg{
		position: relative;
		height: auto !important;
	}
	#header_bg{
		top:0;
		position: absolute;
	}
	#header_bg, #header_fg{
	}
	#header_bg img, #header_bg, #header_fg{
		height: 360px !important;
		background-size: auto 360px;
	}
	#header_bottom{
		bottom:10em;
		margin-left: 1em;
		pointer-events:none;
		width: 90%;
	}
	#header_vm{
		margin-left: 0;
	}
	#header_description{
		width: 90%;
	}
	#header_menu{
		margin-top:5.6em;
		margin-left: 0;
		width: 100%;
		font-size: 1.24em;
	}
	
	#header_menu li{
		width: 100%;
		text-align: center;
		display: block;
		background-color: rgba(0,0,0,.5);
		margin-bottom: .1em;
		padding-bottom: .2em;
		font-size: 1.3em;
	}
	#header_logo img{
		width: 60px;
		height: 60px;
	}
	#header_vm{
		font-size: 3em;
		line-height: .8em;
	}
	#header_mov{display: none;}
	#social_buttons{
		margin-right: 0;
		width: auto;
		position: absolute;
		top:0;
		right: 0;
	}
	#social_buttons li{
		float: left;
	}
	.socialMedia_name{
		display: none;
	}
	
	#header_description{
		font-size:1em;
	}
	
	
	#demoreel_videoList li{
		display: block;
	}
	#demoreel_videoList{margin-top:0}
	.demoreel_box_desc p{padding: 0 1em}
	#demoReel_vimeo_holder iframe{width: 100% !important;max-height: 225px !important;}
	
	#main{
		position: relative;
		z-index: 10;
	}
	
	.isotope_unit{
		width: 50%;
		height: 160px ;
	}
	
	.unit_vid_poster_play{
		background-image: url('images/general/homepage_video_play_sq.png') !important;
	}
	#unit_current_title{
		font-size:1.2em;
		text-align: left;	
		width: 100%;
		line-height: 1.1em;
		margin-bottom: .6em;
	}
	#vimeoplayer_pop{
		height:320px;
	}
	#filter_container{
		display: none;
	}
	#unit_holder{}
	.video_container, .video_container > iframe, #vimeoplayer_pop{height: 200px;}
	
	
	.wrapper_2016 .isotope_unit.col-xs-12{
		width: 100%;
		height: auto ;
	
	}
	
	
}


@media screen and (min-width: 0px) and (max-width: 959px)  {
	.crew_item_img{
	}
	#crewBox_title{font-size: .8em;text-align: left;width: 100%;}
	#crew_box{
		top:0 !important;
		height: auto !important;
		position: absolute; 
	}
	#crewBox_bio{overflow:visible;height:auto;}
	#crewBox_left{
		width: 100%;
		height:100px;
		overflow: hidden;
	}
	#crewBox_right{
		padding:10px;
		float:none;
	}
	#crewBox_header{
		height: auto;
	}
	#crewBox_header span{display: block;float:none;}
	
	
}

@media screen and (min-width: 0px) and (max-width: 639px)  {
	.crew_item_img{
		
	}
	.crew_item_small_row0 > .crew_item_img_left{
		display: none !important;
	}
	.crew_item_small_row1 > .crew_item_img_right{
		display: none !important;
	}
	.cred_title_separator{
		width: 75%;
	}
	
	#menu_container_id_2016{
		
	}
	
}