/*  
font-family: 'BenchNine', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'PT Sans Narrow', sans-serif;   
*/


@font-face {
    font-family: 'plumb';
    src: url('../fonts/plumbl__-webfont.eot');
    src: url('../fonts/plumbl__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/plumbl__-webfont.woff') format('woff'),
         url('../fonts/plumbl__-webfont.ttf') format('truetype'),
         url('../fonts/plumbl__-webfont.svg#plumbblack') format('svg');
    font-weight: 900;
    font-style: normal;

}




@font-face {
    font-family: 'plumbcondensed';
    src: url('../fonts/plumcb__-webfont.eot');
    src: url('../fonts/plumcb__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/plumcb__-webfont.woff') format('woff'),
         url('../fonts/plumcb__-webfont.ttf') format('truetype'),
         url('../fonts/plumcb__-webfont.svg#plumbcondensedbold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'plumbcondensed';
    src: url('../fonts/plumcbl_-webfont.eot');
    src: url('../fonts/plumcbl_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/plumcbl_-webfont.woff') format('woff'),
         url('../fonts/plumcbl_-webfont.ttf') format('truetype'),
         url('../fonts/plumcbl_-webfont.svg#plumbcondensedblack') format('svg');
    font-weight: 900;
    font-style: normal;

}




@font-face {
    font-family: 'plumbcondensed';
    src: url('../fonts/plumcl__-webfont.eot');
    src: url('../fonts/plumcl__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/plumcl__-webfont.woff') format('woff'),
         url('../fonts/plumcl__-webfont.ttf') format('truetype'),
         url('../fonts/plumcl__-webfont.svg#plumbcondensedlight') format('svg');
    font-weight: 300;
    font-style: normal;

}




@font-face {
    font-family: 'plumbcondensed';
    src: url('../fonts/plumcrg_-webfont.eot');
    src: url('../fonts/plumcrg_-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/plumcrg_-webfont.woff') format('woff'),
         url('../fonts/plumcrg_-webfont.ttf') format('truetype'),
         url('../fonts/plumcrg_-webfont.svg#plumbcondensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
	outline:none !important;
}

body,
html {
/*   font-family: 'BenchNine', sans-serif;  */
font-family: 'Oswald', sans-serif;
	font-size:22px;
	line-height:22px;
	color:#423f39;
}

h2,
.h2 {
  font-size: 22px;
  line-height: 28px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 30px 0 18px 0;
}

h2:first-child,
.h2:first-child {
  margin-top: 0;
}


h3, 
.h3 {
  font-size: 22px;
  line-height: 28px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 30px 0 7px 0;
  /* changed from margin: 30px 0 18px 0 */
}

h3:first-child,
.h3:first-child {
  margin-top: 20px;
}



p:last-child {
  margin-bottom:0;
}


header {
  padding:0 0 30px 0;
	position:relative;
}

.modal-open header {
  z-index:1045;
}

.header-logo {
  font-family: 'Oswald', sans-serif;
  text-transform:uppercase;
  font-weight:normal;
  padding:52px 0 0 0;
  float:left;
}

.header-logo a {
  text-decoration:none !important;
}

.header-logo .name {
  font-size: 40px;
  line-height: 46px;
  color:#00546B; 
  font-weight:600;
	transition:all .5s ease;
}

.header-logo .name2 {
  font-size: 40px;
  line-height: 46px;
  color:#00546B; 
  font-weight:600;
	transition:all .5s ease;
}


.header-logo-2 {
  font-family: 'Oswald', sans-serif;
  text-transform:uppercase;
  font-weight:normal;
  padding:73px 0 0 0;
  float:left;
}

.header-logo-2 a {
  text-decoration:none !important;
}

.header-logo-2 .name {
  font-size: 40px;
  line-height: 46px;
  color:#00546B; 
  font-weight:600;
	transition:all .5s ease;
}

.header-logo-2 .name2 {
  font-size: 40px;
  line-height: 46px;
  color:#00546B; 
  font-weight:600;
}

.header-logo-2 .name2:hover {
  font-size: 40px;
  line-height: 46px;
  color:#007D7D; 
  font-weight:600;
}




.modal-open .header-logo .name {
  color:#d8dbe2;
}

.header-logo .occ {
  font-size: 14px;
  line-height: 0px;
  font-weight:400;
  color:#7398AB;
  padding: 12px 0 0 4px;
  letter-spacing: .03em;
	transition:all .5s ease;
}

.modal-open .header-logo .occ {
  color:#999999;
}

.navbar-toggle .icon-bar {
  background:#4da3cc;
  margin:16px 0 0 0;
}

.navbar-collapse {
	padding:0;
}

.navbar-nav {
  font-family: 'BenchNine', sans-serif;
	text-transform:uppercase;
	font-size:25px;
	line-height:25px;
	text-transform:uppercase;
	margin:82px 0 0 0;
}

.navbar-nav>li {
  margin: 0 10px;
}

.navbar-nav > li > a,
.navbar-nav > li > a:focus {
  color:#4da3cc;
	background:none;
	padding:8px 5px 6px 5px;
}
.navbar-nav > li > a:hover {
  color:#00546B;

}

.navbar-right > li > a,
.navbar-right > li > a:focus {
	padding:8px 0 6px 0;
}


.navbar-nav > li > a:hover {
	background:none;
}

.navbar-nav > li.active > a {
	background:#4da3cc;
	color:#fff;
}

.navbar-nav .ico {
  width:26px;
  height:26px;
  background-repeat:no-repeat;
  background-position:0 0;
}

.navbar-nav .ico-facebook {
  background-image:url(../images/ico-facebook.png);
  margin:0 2px 0 0;
}

.navbar-nav .ico-facebook:hover {
  background-image:url(../images/ico-facebook-rollover.png);
  margin:0 2px 0 0;
}

.navbar-nav .ico-instagram {
  background-image:url(../images/ico-instagram.png);
  margin:0 3px 0 0;
}

.navbar-nav .ico-instagram:hover {
  background-image:url(../images/ico-instagram-rollover.png);
  margin:0 3px 0 0;
}

.navbar-nav .ico-email {
  background-image:url(../images/ico-email.png);
}

.navbar-nav .ico-email:hover {
  background-image:url(../images/ico-email-rollover.png);
}

.navbar-nav .ico-youtube {
  background-image:url(../images/ico-youtube2.png);
	margin:0 4px 0 0;
}

.navbar-nav .ico-youtube:hover {
  background-image:url(../images/ico-youtube2-rollover.png);
	margin:0 4px 0 0;
}

.navbar-nav .ico-hackster {
  background-image:url(../images/ico-hackster.png);	
	margin:0 2px 0 0;
}

.navbar-nav .ico-hackster:hover {
  background-image:url("../images/ico-hackster-rollover.png");	
	margin:0 2px 0 0;
}

.navbar-nav .ico-hackaday {
  background-image:url(../images/ico-hackaday_light.png);	
	margin:0 2px 0 0;
}

.navbar-nav .ico-hackaday:hover {
  background-image:url("../images/ico-hackaday_dark.png");	
	margin:0 2px 0 0;
}



.navbar-right {
  float:right;
	margin:79px -5px 0 0;
}

.navbar-right li {
  margin:0 5px;
}

.video-gallery .row {
  margin-left:-3px;
	margin-right:-3px;
}

.video-gallery .row > * {
	padding-left:2px;
	padding-right:2px;
}

.video-gallery-item {
  display:block;
	margin:0 0 4px 0;
	position:relative;
	cursor:pointer;
}

.video-gallery .pic {
  position:relative;
	overflow:hidden;
	background:#000;
}

.video-gallery .pic img {
  position:absolute;
	left:0;
	top:0;
	z-index:1;
	opacity:0;
	transition:all .5s ease;
}

.video-gallery .pic img.active {
  position:relative;
	z-index:2;
	opacity:1;
	left:auto;
	top:auto;
}

.video-gallery img {
  width:100%;
}

.video-gallery .caption {
  position:absolute;
	left:0;
	bottom:0;
	padding:0px;
	width:100%;
	transition: all .3s ease;
	opacity:0;
	z-index:3;
	color:#FBFFA1;
	/*  ORIGINAL COLOR color:#fff;  */	
	
	
}

.video-gallery-item:hover .caption {
  opacity:1;
}

.video-gallery .col-sm-8 .caption {
	width:100%;
}

.video-gallery .caption .cont {
	background:rgba(0,0,0,.65);
	padding:10px 10px 10px 20px;
}

/* ORIGINAL
.video-gallery .caption .cont {
	background:rgba(40,65,80,.5);
	padding:5px 10px 5px 10px;
}
*/



.video-gallery .caption .name {
  font-size:22px;
	line-height:22px;
/*	text-transform:uppercase; */
}

.video-gallery .col-sm-8 .caption .name {
  font-size:22px;
	line-height:26px;
}

.video-gallery .caption .role {
  font-size:15px;
	line-height:22px;
}

.video-gallery .video-content {
  display:none;
}

footer {
  font-family: 'BenchNine', sans-serif;
	font-size:15px;
	line-height:22px;
	color:#a1a1a1;
	padding:120px 0 35px 0;
}

.modal-backdrop.in {
  opacity:.91;
}

.video-modal .modal-body {
  border:2px solid #666;
	background:#000;
}

.video-modal .modal-dialog {
  width:916px;
	margin-top:160px;
}

.video-modal .modal-content {
  background: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
	color:#ccc;
}

.video-modal .video iframe {
  width:100% !important;
	height:500px !important;
	display:block;
}

.video-modal .video-descr {
  font-size: 16px;
  line-height: 18px;
  margin: 20px 0 0 0;
	padding:0 50px 0 0;
	position:relative;
}

.video-modal .video-descr .name {
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 20px 0;
}

.video-modal .close {
  opacity:1 !important;
	width:26px;
	height:26px;
	background:url(../images/modal-close.png) 0 0 no-repeat;
	cursor:pointer;
	position:absolute;
	right:0;
	top:0;
}

.about-pic {
  margin:0 0 15px 0;
}

.about-pic img {
  width:100%;
}

.about-pic-4 {
  margin:0 0 0px 0;
}

.about-pic-4 img {
  width:100%;
  
}


.highlight {
  background: #4da3cc;
  margin: 15px 0 30px 0;
  color: #fff;
  font-size: 18px;
  font-weight:300;
  line-height: 25px;
  padding: 15px 20px 15px 20px;
  letter-spacing: .02em;
}

.highlight-2 {

  /* 	background:#00546B;	 
  
  background:#00B0C1; */
  background: #4da3cc;  
  margin: 0px 0 30px 0;
  color:#F6F6F6;
  font-size: 20px;
  font-weight:300;
  line-height: 26px;
  padding: 15px 15px 30px 20px;
  letter-spacing: .02em;
}

.highlight-3 {
  background: #4da3cc;  
  margin: 0px 0 30px 0;
  color:#F6F6F6;
  font-size: 20px;
  font-weight:300;
  line-height: 26px;
  padding: 15px 15px 30px 20px;
  letter-spacing: .02em;
}

ul.credits {

  font-size:15px;
	line-height:24px;
	color:#999999;
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
	
}

ul.credits > li {
	margin:0;
	padding:0;
	background:none;
}

ul.credits > li:before {

	display:none;
}

ul.credits span {
  color:#222222;
}

ul.aboutcredits {
  font-size:16px;
	line-height:22px;
	color:#999999;
	font-weight:300;
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
}

ul.aboutcredits > li {
  	margin:0;
	padding:0;
	background:none;
}

ul.aboutcredits > li:before {
	display:none;
}

ul.aboutcredits span {
  color:#222222;
  font-weight:400;
}

.video-slick {
	text-align:center;
	height:495px;
	overflow:hidden;
}

.video-slick.slick-initialized {
	height:auto;
}


.video-slick img {
	max-width:100%;
	display:inline-block;
}

.slick-prev {
	width:17px;
	height:29px;
	background:url(../images/arrow-left.png) 0 0 no-repeat;
	position:absolute;
	left:30px;
	top:50%;
	margin-top:-15px;
	border:none;
	text-indent:-1000px;
	overflow:hidden;
	z-index:100;
}

.slick-next {
	width:17px;
	height:29px;
	background:url(../images/arrow-right.png) 0 0 no-repeat;
	position:absolute;
	right:30px;
	top:50%;
	margin-top:-15px;
	border:none;
	text-indent:-1000px;
	overflow:hidden;
	z-index:100;
}

@media (max-width:991px) {
  
	.video-modal .modal-dialog {
		width:716px;
	}
	
	.video-modal .video iframe {
		height:410px !important;
	}
	
}

@media (max-width:767px) {
  
	header {
		padding:0 0 20px 0;
	}
	
	.header-logo {
		padding:18px 0 0 0;
		float:left;
	}
	
	.header-logo .name {
		font-size: 40px;
		line-height: 46px;
	}
	
	.header-logo .occ {
		font-size: 14px;
		line-height: 0px;
	}
	
	.navbar-toggle {
		margin: 58px -10px 0 0;
		float: right;
	}
	
	.navbar-collapse {
		padding-right: 0;
		padding-left: 0;
	}
	
	.navbar-nav {
		margin:13px 0 0 0;
	}
	
	.navbar-nav>li {
		margin: 7px 0;
	}
	
	.navbar-right {
		float:none;
		text-align:center;
	}
	
	.navbar-right>li {
		display:inline-block;
		margin:0 10px;
		width:36px;
		height:40px;
	}
	
	.navbar-collapse.in {
		overflow-y:hidden;
	}
	
	footer {
		padding:30px 0 35px 0;
	}
	
	.video-modal .modal-dialog {
		width:auto;
		margin-top:97px;
	}
	
	.video-modal .video iframe {
		height:300px !important;
	}
	
}

@media (max-width:767px) {
	
	.video-gallery {
		margin:0 -3px;
	}
	
	
	.video-gallery-item {
		width:50% !important;
		float:left;
		padding:0 3px;
	}
	
	
	
	.video-gallery-item-big {
		width: 100% !important;
		float: none !important;
		
	}
	
	.video-gallery .col-xs-12 .col-xs-6,
	.video-gallery .row {

		/* THOMAS: make "display:inline" active if you want to go back to checkerboard formatting, inactive if single-column */
		display:inline;
		
		
		float:none;
		padding:0;
	}
	
	.video-gallery .col-sm-8 + .col-sm-4 .video-gallery-item:last-child {
		clear:left;
	}
	
	
	.video-gallery .row:before,
	.video-gallery .row:after {
		display:none;
	}
	
	
}

@media (max-width:480px) {
  
	.video-modal .video iframe {
		height:200px !important;
	}
	
	.video-gallery .col-xs-12 {
		width:100% !important;
	}
	
}