.building-block {
	background: #e4edf4;
	clear: both;
	display: table;
	margin: 0;
	width: 100%;
}
.color-wrapper, .bb-button .inner-page, .bb-item-list .inner-page, .bb-image-text .inner-page, .bb-multicolumns .inner-page, .bb-video-gallery .inner-page {
	padding: 90px 0;
}

.bb-header .big-title, .bb-header .subtitle, .bb-header .small-title, .bb-header .intro,
.bb-video-slideshow .big-title, .bb-video-slideshow .subtitle {
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}

.building-block h2.title {

}
.building-block h3.sub-title {
	font-size: 20px;
	font-weight: 600;
}
.building-block .small-title {
	color: #414b51;
	margin: 0 0 27px 0;
}

/* Header */
.bb-header {
	background: #0c1822;
	color: #ffffff;
	margin: 0;
}
.home .bb-header {
	display: none;
}
.single .bb-header .big-title {
	font-size: 35px;	
}
.bb-header .inner-page {
	position: relative;
}
.bb-header .text {
	left: 0;
	position: absolute;
}
.bb-header .subtitle {
	display: block;
	font-size: 24px;
	letter-spacing: 2px;
	margin-top: 9px;
	text-transform: uppercase;
}
.bb-header .intro {
	display: block;
	font-size: 22px;
	font-weight: 200;
	line-height: 1.4;
	margin-top: 30px;
}
.bb-header .button {
	margin: 25px auto 0;
	padding: 0 40px;
	position: relative;
}
.bb-header .button:before {
	background: rgba(255,255,255,0.5);
	content: '';
	display: inline-block;
	height: 2px;
	position: absolute;
	right: 110%;
	top: 50%;
	top: calc(50% - 1px);
	width: 150px;
}
.bb-header .button:after {
	background: rgba(255,255,255,0.5);
	content: '';
	display: inline-block;
	height: 2px;
	position: absolute;
	left: 110%;
	top: 50%;
	top: calc(50% - 1px);
	width: 140px;
}
.bb-header .button.scroll-to-content {
	border:none;
	padding:0;
	font-size:4em;
}
.bb-header .button.scroll-to-content:hover {
	background:none!important;
}
.scroll-to-content .more {
	display:block;
	font-size:0.4em;
	text-transform:none;
	font-weight:300;
}
.bb-header .button.scroll-to-content:before, .bb-header .button.scroll-to-content:after {
	display:none;
}
.bb-header.size-0 .inner-page {
	height: 0;
}
.bb-header.size-1 .inner-page {
	height: 315px;
}
.bb-header.size-1 .text {
	bottom: 82px;
}
.bb-header.size-2 .inner-page {
	height: 712px;
}
.bb-header.size-2 .text {
	bottom: 100px;
}
.bb-header.size-3 .inner-page {
	height: 950px;
	text-align: center;
}
.bb-header.size-3 .text {
	bottom: 20px;
}
.bb-header.size-3 .big-title {
	font-size: 58px;
}

/* Basic Text */
.bb-basic-text {
	
}

/* Image & Text */
.building-block.bb-basic-text {
	margin: 90px 0;
}
.bb-image-text .mobile-cell {
	float: left;
	width: 100%;
	display: none;
}
.bb-image-text .table {
	display: table;
	float: left;
	width: 100%;
}
.bb-image-text .table-row {
	border-top: 1px solid #f7fafc;
	border-bottom: 1px solid #cfd7dd;
	padding: 90px 0;
}
.bb-image-text .table-row:first-child {
	border-top: 0 solid #000000;
	padding-top:0;
}
.bb-image-text .table-row:last-child {
	border-bottom: 0 solid #000000;
	padding-bottom:0;
}
.bb-image-text .table-cell {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}
.bb-image-text .table-cell.left {
	padding: 0 3.5% 0 0;
}
.bb-image-text .table-cell.right {
	padding: 0 0 0 3.5%;
}
.bb-image-text img.primary {
	width: 100%;
	float: left;
}

/* Multicolumns */
.bb-multicolumns {
	
}
.bb-multicolumns .multicolumn {
	float: left;
}
.bb-multicolumns .multicolumn.last {
	margin-right: 0;
}
.bb-multicolumns .col-2 {
	width: 47%;
	margin: 0 6% 0 0;
}
.bb-multicolumns .col-3 {
	width: 30%;
	margin: 0 5% 0 0;
}
.bb-multicolumns .col-4 {
	width: 20.5%;
	margin: 0 6% 0 0;
}
.bb-multicolumns .col-5 {
	width: 18%;
	margin: 0 2.5% 0 0;
}

/* Item List */
.bb-item-list {
	
}
.bb-item-list .item {
	margin: 0 0 50px 0;
}
.bb-item-list .item:last-child {
	margin-bottom: 0;
}
.bb-item-list .left {
	float: left;
	width: 15%;
}
.bb-item-list .left img {
	float: left;
	width: 100%;
}
.bb-item-list .right {
	float: right;
	width: 80%;
}

/* Image Gallery */
.building-block.bb-gallery {
	margin: 90px 0;
}
.bb-gallery.cols-2 .body.block {
	margin-bottom: -6%;
}
.bb-gallery.cols-3 .body.block {
	margin-bottom: -5%;
}
.bb-gallery.cols-4 .body.block {
	margin-bottom: -6%;
}
.bb-gallery.cols-5 .body.block {
	margin-bottom: -2.5%;
}
.bb-gallery .item {
	float: left;
	position: relative;
}
.bb-gallery .col-2 {
	width: 47%;
	margin: 0 6% 6% 0;
}
.bb-gallery .col-3 {
	width: 30%;
	margin: 0 5% 5% 0;
}
.bb-gallery .col-4 {
	width: 20.5%;
	margin: 0 6% 6% 0;
}
.bb-gallery .col-5 {
	width: 18%;
	margin: 0 2.5% 2.5% 0;
}
.bb-gallery .last {
	margin-right: 0;
}
.bb-gallery .item .screen {
	background: rgba(0,0,0,0.4);
	box-shadow: 0 0 55px rgba(0,0,0,0.8) inset;
	color: #ffffff;
	left: 0;
	height: 0;
	opacity: 0;
	padding-bottom: 100%;
	position: absolute;
	text-align: center;
	top: 0;
	transition: opacity 500ms;
	width: 100%;
	z-index: 6;
}
.bb-gallery .item:hover .screen {
	opacity: 0.7;
}
.bb-gallery .item img {
	float: left;
	width: 100%;
}
.bb-gallery .item .icon {
	margin-top: 30%;
}
.bb-gallery .item.col-2 .icon {
	font-size: 183px;
}
.bb-gallery .item.col-3 .icon {
	font-size: 124px;
}
.bb-gallery .item.col-4 .icon {
	font-size: 80px;
}
.bb-gallery .item.col-5 .icon {
	font-size: 72px;
}




/* Video Gallery */
.bb-video-gallery {
	
}
.bb-video-gallery.cols-2 .body.block {
	margin-bottom: -6%;
}
.bb-video-gallery.cols-3 .body.block {
	margin-bottom: -5%;
}
.bb-video-gallery.cols-4 .body.block {
	margin-bottom: -6%;
}
.bb-video-gallery.cols-5 .body.block {
	margin-bottom: -2.5%;
}
.bb-video-gallery .item {
	color: #ffffff;
	float: left;
	position: relative;
	text-align: center;
}
.bb-video-gallery .item .bg {
	float: left;
	width: 100%;
}
.bb-video-gallery .item.col-2 {
	width: 47%;
	margin: 0 6% 6% 0;
}
.bb-video-gallery .item.col-2 .title {
	font-size: 22px;
	font-weight: 200;
}
.bb-video-gallery .item.col-3 {
	width: 30%;
	margin: 0 5% 5% 0;
}
.bb-video-gallery .item.col-3 .title {
	font-size: 19px;
}
.bb-video-gallery .item.col-4 {
	width: 20.5%;
	margin: 0 6% 6% 0;
}
.bb-video-gallery .item.col-5 {
	width: 18%;
	margin: 0 2.5% 2.5% 0;
}
.bb-video-gallery .item.col-5 .title {
	font-size: 15px;
}
.bb-video-gallery .screen .play {
	display: block;
	margin: 25% auto 0;
	width: 50%;
}
.bb-video-gallery .screen .title {
	display: block;
	left: 5%;
	line-height: 117%;
	position: absolute;
	top: 80%;
	width: 90%;
	font-size:13px;
}
.bb-video-gallery .item.last {
	margin-right: 0;
}

/* Buttons */
.button-wrapper {
	display: table;
	margin: 0 auto;
}
.bb-button .button, .bb-specifications .button {
	float: left;
	margin: 0 20px;
	width: 350px;
}

/* Action Boxes */
.bb-action-boxes {
	margin: 90px 0;
}
.bb-action-boxes .med-title {
	font-size: 25px;
}
.bb-action-boxes h2.med-title {
	color: #414b51;
	margin: 0 0 40px 0;
	text-align: center;
}
.bb-action-boxes .box {
	color: #ffffff;
	float: left;
	position: relative;
	width: 31.6%;
}
.bb-action-boxes .box.col-2 {
	margin: 0 2.6%;
}
.bb-action-boxes .box .upper {
	background: rgba(0,0,0,0.5);
	box-sizing: border-box;
	left: 0;
	padding: 32px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}
.bb-action-boxes .box img {
	width: 100%;
}
.bb-action-boxes .box .button {
	bottom: 32px;
	position: absolute;
	right: 32px;
	width: 120px;
	z-index: 3;
}
.bb-action-boxes .box .play-screen, .bb-video-gallery .item .screen {
	background: rgba(0,0,0,0.4);
	box-shadow: 0 0 55px rgba(0,0,0,0.8) inset;
	cursor: pointer;
	height: 0;
	left: 0;
	opacity: 0;
	padding-bottom: 100%;
	position: absolute;
	top: 0;
	transition: opacity 500ms;
	width: 100%;
	z-index: 6;
}
.bb-action-boxes .box .play {
	cursor: pointer;
	display: block;
	margin: 0 0 0 -70px;
	left: 50%;
	position: absolute;
	top: 45.5%;
	width: 140px;
	z-index: 6;
}
.bb-action-boxes .box:hover .play-screen, .bb-video-gallery .item:hover .screen {
	opacity: 0.7;
}



/* Icon Grid */
.bb-icon-grid {
	color: #ffffff;
}
.bb-icon-grid .color-wrapper {
	padding:0;
}
.bb-icon-grid .med-title {
	background: rgba(0,0,0,0.22);
	padding: 34px 0;
	text-align: center;
}
.bb-icon-grid .item {
	margin: 0 0 56px 0;
	width: 47%;
}
/*.bb-icon-grid .item:nth-child(1), .bb-icon-grid .item:nth-child(2)*/ 
.bb-icon-grid .row:nth-child(1) .item {
	margin-top: 56px;
}
.bb-icon-grid .item.align-0 {
	clear: left;
	float: left;
}
.bb-icon-grid .item.align-1 {
	clear: right;
	float: right;
}
.bb-icon-grid .item .left {
	display: inline-block; 
	vertical-align: middle;
	width: 18%;
}
.bb-icon-grid .item .left .icon {
	font-size: 54px;
}
.bb-icon-grid .item .right {
	display: inline-block;
	vertical-align: middle;
	width: 82%;
}
.wrap_link {
	color:inherit;
	display:block;
	transition: all 500ms;
}
.wrap_link:hover {
	color:#80cadb;
}

/* Press Logos */
.bb-press-logos {
	background: #cfd7dd;	
}
.bb-press-logos .body.block {
	margin: -35px 0;
}
.bb-press-logos .row {
	display: table-row;
}
.bb-press-logos .cell {
	display: table-cell;
}
.bb-press-logos .cell.width-3 {
	padding: 0 7.5%;
	width: 33.3333%;
}
.bb-press-logos .cell.width-4 {
	padding: 0 4.5%;
	width: 25%;
}
.bb-press-logos .cell.width-5 {
	padding: 0 3%;
	width: 20%;
}
.bb-press-logos .cell.logo {
	vertical-align: middle;
}
.bb-press-logos .cell.logo .mobile-only {
	display: none;
}
.bb-press-logos .cell.logo img {
	width: 100%;
}
.bb-press-logos .cell.description {
	color: #787b80;
	padding-top: 10px;
	text-align: center;
	vertical-align: top;
}

/* Image Carousel */
.bb-image-carousel {
	display: inline-block!important;
	float: left;
	margin: 0!important;
}
.bb-image-carousel .owl-carousel img {
	display: block;
	width: 100%;
}
.bb-image-carousel button {
	display: none!important;
}
.bb-image-carousel .control {
	background: rgba(0,0,0,0.5);
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 40px;
	height: 75px;
	line-height: 90px;
	position: absolute;
	text-align: center;
	top: 233px;
	width: 70px;
	z-index: 4;
}
.bb-image-carousel .control.prev-custom {
	left: 0;
	padding-right: 5px;
}
.bb-image-carousel .control.next-custom {
	padding-left: 5px;
	right: 0;
}

/* Video Slideshow */
.bb-video-slideshow {
	background: #101010;
	color: #ffffff;
	display: inline-block!important;
	float: left;
	margin: 0;
}
.bb-video-slideshow .body.block {
	opacity: 0;
	transition: opacity 1000ms;
}
.bb-video-slideshow .text {
	bottom: 14%;
	left: 0;
	position: absolute;
	z-index: 5;
}
.bb-video-slideshow .text.pos-top-left {
	top:20%;
}
.bb-video-slideshow .text.pos-top-right {
	top:20%;
	left:auto;
	right:0;
	text-align:right;
}
.bb-video-slideshow .text.pos-bottom-right {
	left:auto;
	right:0;
	text-align:right;
}
.bb-video-slideshow .big-title {
	margin-bottom: 10px;
}
.bb-video-slideshow .subtitle {
	font-size: 24px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.bb-video-slideshow .slick-dots {
	display: table;
	margin: -56px auto 37px auto;
	position: relative;
	width: 960px;
	z-index: 7;
}
.bb-video-slideshow .slick-dots li {
	float: left;
	margin-right: 16px;
}
.bb-video-slideshow .slick-dots li button {
	background: none;
	border: 1px solid #ffffff;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 0;
	height: 16px;
	line-height: 0;
	overflow: hidden;
	width: 16px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}
.bb-video-slideshow .slick-dots li.slick-active button {
	background: #ffffff;
}
.bb-video-slideshow .body.block {
	overflow: hidden;
}
.bb-video-slideshow .inner-page.outer {
	display: block;
}
.bb-video-slideshow .page-wrapper {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}
.bb-video-slideshow .inner-page {
	position: relative;
}
.bb-video-slideshow .page-wrapper .inner-page, .bb-video-slideshow .slick-list, .bb-video-slideshow .slick-track {
	height: 100%;
}
.bb-video-slideshow .slick-slider {
	/*height: 665px!important;*/
}
.bb-video-slideshow .slick-slide {
	width:100%;
	height:670px;
}
.bb-video-slideshow .slick-slide.dynamic-height {
	height:auto;
}
.bb-video-slideshow video, .bb-video-slideshow .vid-lightbox img {
	width:auto;
	height:100%;
	
	/* dynamic centering */
	position:absolute;
	left:50%;
	top:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);	
}
.bb-video-slideshow .vid-lightbox iframe {
	width:75%;
}


/* Specifications */
.bb-specifications {
	background: #0c1822;
	color: #ffffff;
}
.bb-specifications .spec {
	float: left;
	margin: 50px 0 0 0;
	width: 33.3333%;
}
.bb-specifications .spec.col-0 {
	clear: left;
}
.bb-specifications .spec.col-2 {
	clear: right;
}
.bb-specifications .button-wrapper {
	clear:both;
	margin-top:2em;
}
.specs {
	overflow:hidden;
}

.toc {
	padding-bottom:2em;
}
.toc a {
	text-decoration:none;
}
.toc a:hover {
	text-decoration:underline;
}
.toc ul {
	list-style:disc;
	margin:1em 0 2em 2em;
}
.toc li, .toc_content li {
	margin-bottom:1em;
}
.toc_content h3 {
	line-height: 120%;
	margin-bottom: 15px;
}

.toc_content {
	padding-top:3em;
}



