/* =General
---------------------------------------------------------------------- */

#page.page-mobile {
	left: 0;
	position: fixed;
}

/* =Mobile Menu
---------------------------------------------------------------------- */

#mobile-menu, #mobile-screen, #mobile-header {
	display: none;
}
#mobile-menu {
	background: #0e1114;
	left: 0;
	overflow: auto;
	transform: translatez(0);
	-o-transform: translatez(0);
	-ms-transform: translatez(0);
	-moz-transform: translatez(0);
	-webkit-transform: translatez(0);
	width: 100%;
}
#mobile-menu {
	display: none;
	float: right;
	position: relative;
	z-index: 50000;
}
#mobile-header {
	background: #0e1114;
	float: left;
	width: 100%;
}
#mobile-logo {
	text-decoration: none;
}
#mobile-logo img {
	float: left;
	padding: 15px 0 18px;
	width: 175px;
}
#mobile-header-icon {
	color: #ffffff;
	cursor: pointer;
	float: right;
	padding: 11px 0;
}
#mobile-header-icon.open:before {
	content: "b";
}
#mobile-header-icon:before {
	float: right;
}
#mobile-menu-wrapper ul {
	display: block;
	margin: 20px auto 0;
	width: 84%;
}
#mobile-menu-wrapper li {
	border-top: 1px solid #1d3041;
	float: left;
	margin: 0px;
	width: 100%;
}
#mobile-menu-wrapper li:first-child {
	border-width: 0;
}
#mobile-menu-wrapper li.menu-item-has-children a {
	position: relative;
}
#mobile-menu-wrapper li.menu-item-has-children > a:after {
	background: url('../images/menu-plus.png') no-repeat center center / 100% auto;
	content: '';
	cursor: pointer;
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	top: 14px;
	width: 20px;
}
#mobile-menu-wrapper li.menu-item-has-children > a.open:after {
	background-image: url('../images/menu-minus.png');
}
#mobile-menu-wrapper .sub-menu {
	display: none;
	width: 100%;
}
#mobile-menu-wrapper a {
	box-sizing: border-box;
	color: #baccdb;
	display: inline-block;
	font-size: 18px;
	font-weight: 200;
	float: left;
	line-height: 21px!important;
	padding: 13px 6%;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}
#mobile-menu-wrapper .current-menu-item > a {
	color: #ffffff;
}
#mobile-menu-wrapper #menu-main-menu > li > a {
	
}
#mobile-menu-wrapper .sub-menu a {
	
}
#mobile-search {
	clear: both;
	display: none;
	float: left;
	margin: 19px 0 10px;
	width: 100%;
}
#mobile-search .screen-reader-text, #mobile-search .search-submit {
	display: none;
}
#mobile-search .search-form {
	float: left;
	margin-right: 16px;
	padding-left: 16.5%;
	width: 60%;
}
#mobile-search input[type="search"] {
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	color: #999999;
	float: left;
	font-size: 13px;
	line-height: 17px;
	margin: 0!important;
	padding: 7px;
	text-decoration: none;
	width: 97%!important;
}
#mobile-search input[type="search"]:focus {
	border: 1px solid #999999;
}
#mobile-search-icon:before {
	color: #9b9b9b;
	cursor: pointer;
	float: left;
	font-size: 26px;
	line-height: 34px;
}


/* =Media Queries
---------------------------------------------------------------------- */
@media (max-width:1280px) {
	.bb-header .intro {
		margin-top:20px;
		font-size:18px;
	}
	.bb-header .button {
		margin-top:15px;
	}
}

@media (min-width: 1150px) {
	.inner-page {
		width: 1140px;
	}
	.bb-action-boxes .med-title {
		font-size: 30px;
	}
}

@media (max-width: 1150px) {
	.bb-video-slideshow .slick-slide {
		height:500px;
	}	
}

@media (max-width: 970px) {
	/* General */
	#page.page-mobile {
		top: 65px;
	}
	.inner-page {
		width: 90%;
	}
	
	/* Header */
	#header {
		display: none;
	}
	#mobile-header {
		display: inline-block;
	}
	#mobile-header-icon {
		font-size: 42px;
	}
	
	/* Body */
	hr {
		margin: 15px 0;
	}
	.big-title {
		font-size: 42px;
	}
	.med-title {
		font-size: 24px;
		font-weight: 700;
		letter-spacing: 1px;
	}
	.bb-press-logos .body.block {
		margin: -44px 0;
	}
	.bb-press-logos .cell.width-4 {
		padding: 0 2.5%;
	}
	.bb-action-boxes .box .upper {
		padding: 15px 19px;
	}
	.bb-action-boxes .box .button {
		bottom: 19px;
		right: 19px;
	}
	.bb-action-boxes .box .med-title {
		font-size: 16px;
	}
	.bb-action-boxes .box  .small-text {
		line-height: 127%;
		margin-top: 5px;
	}
	.bb-action-boxes .box .play {
		margin: 0 0 0 -41px;
		width: 82px;
	}
	.bb-header.size-1 .inner-page {
		height: 150px;
	}
	.bb-header.size-1 .text {
		bottom: auto;
		top: 52px;
	}
	.bb-header.size-3 .big-title {
		font-size: 50px;
	}
	.bb-header .subtitle {
		font-size: 20px;
		font-weight: 600;
	}
	.bb-header .intro {
		font-size: 19px;
		line-height: 150%;
		margin-top: 18px;
	}
	.bb-header .button {
		margin: 35px auto 0;
		display:none;
	}
	.bb-header.size-3 .text {
		bottom: 30px;
	}
	.bb-image-carousel .slick-slide img {
		height: 490px;
	}
	.bb-video-gallery .item .screen .play, .bb-video-gallery .item .screen .title {
		display: none;
	}
	.bb-gallery .item .icon {
		display: none;
	}
	.bb-image-text .table-row {
		padding: 70px 0;
	}
	.bb-specifications .spec {
		font-size: 14px;
		line-height: 140%;
		margin-right: 10px;
		width: calc(33.333% - 10px);
	}
	.bb-icon-grid .item .left .icon {
		font-size: 42px;
	}
	.bb-video-slideshow .slick-slide {
		height:400px;
	}	
	.bb-video-slideshow .text {
		bottom:20%;
	}
	.bb-video-slideshow .slick-dots {
		text-align:center;
		width:100%;
	}
	.bb-video-slideshow .slick-dots li {
		float:none;
		display:inline-block;
	}
	
	#video-lightbox .video, #SmartPlayer_0, #video-lightbox object, #video-lightbox iframe {
		width:100%!important;
	}
	
	
	/* Footer */
	#footer-2 .bold-label {
		height: 44px;
		margin: 0;
	}
	#footer-3 .left {
		text-align: center;
		width: 100%;
	}
	#footer-3 .right {
		display: table;
		float: none;
		margin: 50px auto 0;
	}
	#footer-3 .right .icon {
		font-size: 22px;
		height: 33px;
		line-height: 41px;
		margin: 0 9px;
		width: 33px;
	}
	#footer-4 {
		font-size: 11px;
	}

	/* Forms & Buttons */


}

@media (max-width: 650px) {
	/* General */
	#page.page-mobile {
		top: 49px;
	}
	
	/* Header */
	#mobile-header-icon {
		font-size: 32px;
		padding: 8px 0;
	}
	#mobile-menu-wrapper li.menu-item-has-children > a:before {
		margin-left: -14%;
	}
	#mobile-logo img {
		padding: 12px 0 14px;
		width: 126px;
	}
	#mobile-menu-wrapper a {
		font-size: 15px;
		padding: 9px 9%;
	}
	#mobile-menu-wrapper li.menu-item-has-children > a:after {
		background: url('../images/menu-plus.png') no-repeat center center / 100% auto;
		content: '';
		display: block;
		height: 15px;
		top: 12px;
		width: 15px;
	}
	
	/* Body */
	#video-lightbox {
		width: 100%!important;
	}
	#video-lightbox .inner-page {
		width: 90%!important;
	}
	#video-lightbox .video, #video-lightbox iframe {
		height: 188px!important;
		width: 100%;
	}
	#video-lightbox .close {
		font-size: 49px;
		right: 0;
		top: -55px;
		width: 40px;
	}
	hr {
		margin: 0;
	}
	#sidebar {
		display: none;
	}
	#content, #content.flexible-content {
		width: 100%;
	}
	#content .wp-pagenavi a.page, #content .wp-pagenavi .current {
		display: none;
	}
	.big-title {
		font-size: 28px;
	}
	.med-title {
		font-size: 18px;
		letter-spacing: 0px;
	}
	.small-title {
		font-size: 23px;
		font-weight: 700;
		line-height: 112%;
	}
	.preview-entry .date {
		font-size: 12px;
	}
	/* Building Blocks */
	.bb-press-logos .body.block {
		margin: -25px 0;
	}
	.bb-press-logos .cell.width-4 {
		float: left;
		display: block;
		padding: 0 2%;
		width: 46%;
	}
	.bb-press-logos .cell.logo .mobile-only {
		color: #787b80;
		display: block;
		text-align: center;
	}
	.bb-press-logos .cell.width-4.description {
		display: none;
		margin: 20px 0 0;
	}
	.bb-press-logos .cell.width-4 .small-text {
		font-size: 10px;
		line-height: 142%;
	}
	.bb-action-boxes .box {
		width: 100%;
	}
	.bb-action-boxes .box.col-2 {
		margin: 20px 0;
	}
	.bb-action-boxes {
		margin: 55px 0;
	}
	.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: 55px 0;
	}
	.building-block h2.title {
		margin-bottom: 12px;
	}
	.building-block .small-title {
		margin: 0 0 14px 0;
	}
	.bb-header.size-1 .inner-page {
		height: 90px;
	}
	.bb-header.size-1 .text {
		top: 27px;
	}
	.bb-image-text .table-cell {
		display: block;
		float: left;
		width: 100%;
	}
	.bb-image-text .mobile-cell {
		display: block;
	}
	.bb-image-text .table-row {
		display: block;
		float: left;
		padding: 50px 0;
		width: 100%;
	}
	.table-cell.right {
		margin: 0!important;
	}
	.bb-image-text .table-cell.image {
		display: none;
	}
	.bb-image-text.table-cell.left, .bb-image-text .table-cell.right, .bb-image-text .mobile-cell {
		margin: 0 0 20px 0;
		padding: 0;
	}
	.building-block.bb-basic-text {
		margin: 50px 0;
	}
	.bb-multicolumns .multicolumn {
		margin: 0;
		width: 100%;
	}
	.bb-multicolumns .multicolumn.last {
		margin-top: 20px;
	}
	.bb-item-list .item {
		margin: 0 0 30px 0;
	}
	.bb-item-list .left, .bb-item-list .right {
		float: left;
		width: 100%;
	}
	.bb-item-list .left img {
		margin: 0 0 20px 0;
	}
	.bb-header.size-3 .big-title {
		font-size: 27px;
	}
	.bb-header .subtitle {
		font-size: 17px;
		line-height: 114%;
		margin-top: 0;
	}
	.bb-header .intro {
		font-size: 13px;
		line-height: 1.3;
		margin-top: 3px;
	}
	.bb-icon-grid .item:first-child {
		margin-top: 50px!important;
	}
	.bb-icon-grid .item {
		height: auto!important;
		margin: 0 0 50px 0!important;
		width: 100%;
	}
	.bb-icon-grid .item .left {
		width: 28%;
	}
	.bb-icon-grid .item .right {
		width: 72%;
	}
	.bb-icon-grid .item .left .icon {
		font-size: 40px;
	}
	.bb-image-carousel .slick-slide img {
		height: 270px;
	}
	.bb-image-carousel .control {
		font-size: 28px;
		top: 103px;
		width: 40px;
	}
	.toc ul {
		margin: 1em 0 2em 0;
	}
	.bb-header.size-3 .text {
		bottom: 10px;
		top:auto;
	}
	.bb-header .button {
		margin-top:10px;
	}

	.scroll-to-content .df-icon-arrow-circle-down-thin {
		font-size: 28px;
	}
	.scroll-to-content .df-icon-arrow-circle-down-thin:before {
		display:block;
		margin-bottom:5px;
	}
	.scroll-to-content .more {
		font-size: 16px;
		line-height: 1;
	}
	.bb-specifications .button-wrapper {
		width: 90%;
	}
	.bb-button .button, .bb-specifications .button {
		margin: 0;
		width: 100%;
	}
	.bb-specifications .spec {
		margin: 25px 0 0 0;
		width: 100%;
	}
	.bb-specifications .spec .bold-label {
		margin-bottom: 6px;
	}
	.bb-video-slideshow .slick-slide {
		height:300px;
	}	
	.bb-video-slideshow .text {
		bottom:25%;
	}
	#SmartPlayer_0, #SmartPlayer_0 object {
		height:300px;
	}

	/* Footer */
	#footer-1 .mid-text {
		font-size: 16px;
		font-weight: 600;
		line-height: 121%;
	}
	#footer-1 .buttons {
		width: 90%;
	}
	#footer-1 .button {
		margin: 0;
		width: 100%;
	}
	#footer-2 .column {
		margin: 0 0 20px 0;
		width: 100%;
	}
	#footer-2 .column:last-child {
		margin-bottom: 0;
	}
	#footer-2 .column li {
		font-size: 16px;
		list-style-type: none;
		padding: 6px 0;
	}
	#footer-2 .bold-label {
		border-bottom: 1px solid #b2bbc1;
		font-size: 18px;
		font-weight: 700;
		height: auto;
		margin: 0 0 6px 0;
		padding: 0 0 4px 0;
	}
	#footer-3 .left {
		float: none;
	}
	#footer-3 .left a, #footer-3 .left .spacer {
		display: block;
		margin: 0;
		width: 100%;
	}
	#footer-3 .right {
		margin: 23px auto 0;
	}
	#footer-4 {
		font-size: 10px;
		line-height: 164%;
	}

	/* Forms & Buttons */
	.gform_wrapper input[type="submit"] {
		display: table;
		margin: 0 auto;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.gfield.half-left, .gfield.half-right {
		width: 100%;
		padding: 0;
	}
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], textarea {
		margin: 0 0 7px 0;
		padding: 12px 14px;
	}

}

@media (max-width: 430px) {
	.bb-video-slideshow .slick-slide {
		height:200px;
	}	
	.bb-video-slideshow .text {
		bottom:30%;
	}
	.bb-video-slideshow .big-title {
		font-size:18px;
	}
	.bb-video-slideshow .subtitle {
		font-size:12px;
	}
	.bb-video-slideshow .slick-dots {
		margin:-33px auto 17px auto;
	}
	.bb-video-slideshow .slick-dots li {
		margin-right:20px;
	}
	.bb-video-slideshow .slick-dots li button {
		width:10px;
		height:10px;
		padding:0!important;
	}
	.bb-header .button.scroll-to-content {
		margin-top:10px;
	}
}