/* base */
* {
	margin: 0;
	padding: 0;
}
html, body {
	background: #ffffff;
	color: #3c3c3c;
	font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
}
html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

canvas {
	width: 100%;
	min-height: 450px;
	max-height: 600px;
}

.title-margin {
	margin-bottom: 15px !important;
}

.logo {
	width: 25%;
	height: 25%;
}

.mask {
	left: 458px;
	width: 100px;
}

.config-list-container ul li img {
	height: 55px !important;
	top: 65% !important;
}

.stream-controls-container {
	margin-left: 0px !important;
}

.container-large .row {
	visibility: visible;  -webkit-transform: translateY(0) scale(1); opacity: 1;transform: translateY(0) scale(1); opacity: 1;-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}
/* compensate for navbar height */
section {
	padding-top: 50px;
	overflow: hidden;
}
.hidenavbarbg section {
	padding-top: 0 !important;
}
.hidenavbarbg .slide:not(.vertical-center2), .hidenavbarbg section:not(.vertical-center2) > .container, .hidenavbarbg section:not(.vertical-center2) > .container-fluid {
	padding-top: 50px !important;
}
.vertical-bottom {
	padding-bottom: 50px;
}
@media (min-width:1091px) {
	section {
		padding-top: 60px;
	}
	.hidenavbarbg .slide:not(.vertical-center2), .hidenavbarbg section:not(.vertical-center2) > .container, .hidenavbarbg section:not(.vertical-center2) > .container-fluid {
		padding-top: 60px !important;
	}
	.vertical-bottom {
		padding-bottom: 60px;
	}
}

/* adaptive sizes */
body {
	font-size: 8px;
}
p {
	margin: 0 0 5px;
	font-weight: 300
}
.lead {
	font-size: 13px;
	margin-bottom: 10px;
	font-weight: 300;
	line-height: 1.5em;
}
.lead.lead-smaller {
	font-size: 11px;
}
.lead.lead-small {
	font-size: 11px;
}
h1 {
	font-size: 13px;
	font-weight: 300;
}
h2 {
	font-size: 11px;
}
h3 {
	font-size: 10px;
}
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 10px;
	margin-bottom: 5px;
}
u {
	border-bottom: 2px solid #ca162a;
	text-decoration: none;
	line-height: 1.4;
}
u.white {
	border-bottom-color: #ffffff;
}
h1.smaller {
	line-height: 1.5em;
}
h1.big {
	font-size: 28px;
}
h1.big2 {
	font-size: 28px;
}
h1.big3 {
	font-size: 26px;
}
h1.big5 {
	font-size: 37px;
	line-height: 0.75;
	margin-left: -1px;
}
h1.big6 {
	font-size: 50px;
	margin-left: -4px;
	font-weight: 100;
	line-height: 0.75;
}
.border {
	border-width: 1px;
	border-style: solid;
	border-color: white;
	padding: 5px 10px;
}
.border.zlred {
	border-color: #ca162a;
}
.border.black {
	border-color: #1d1e1f;
}
.border.zlred:hover, a.zlred:hover {
	color: #e10514;
}
a.border, a.border:hover, a.border:focus {
	letter-spacing: 1px;
	font-weight: normal;
	text-decoration: none;
}
a.disabled {
	opacity: 0.3;
}
a.disabled:hover {
	cursor: default;
}
img.scale1 {
	width: 51px;
}
br {
	font-size: 1px;
}
.underline {
	border-bottom: 1px solid #ca152a;
	padding-bottom: 2px;
}
.underline.white {
	border-bottom-color: #ffffff;
}
.padsidesdouble {
	padding-left: 5px;
	padding-right: 5px;
}
@media (min-width:480px) {
	body {
		font-size: 12px;
	}
	.lead {
		font-size: 13px;
	}
	.lead.lead-smaller {
		font-size: 12px;
	}
	h1 {
		font-size: 15px;
	}
	h2 {
		font-size: 13px;
	}
	h3 {
		font-size: 11px;
	}
	h1.smaller {
		font-size: 13px;
	}
	h1.big {
		font-size: 30px;
	}
	h1.big2 {
		font-size: 20px;
		margin-left: -1px;
	}
	h1.big3 {
		font-size: 40px;
	}
	h1.big5 {
		font-size: 38px;
		margin-left: -2px;
	}
	h1.big6 {
		font-size: 60px;
		margin-left: -5px;
	}
	.border {
		border-width: 2px;
		padding: 7px 14px;
	}
	img.scale1 {
		width: 102px;
	}
	hr {
		border-top-width: 2px;
		margin-top: 10px;
	}
	.underline {
		border-bottom-width: 2px;
		padding-bottom: 4px;
	}
	.padsidesdouble {
		padding-left: 5px;
		padding-right: 5px;
	}
}
@media (min-width:768px) {
	body {
		font-size: 17px;
	}
	body #explorer_footer {
		font-size: 14px;
	}
	p {
		margin: 0 0 8px;
	}
	.lead {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.lead.lead-smaller {
		font-size: 16px;
	}
	.lead.lead-small {
		font-size: 14px;
	}
	h1 {
		font-size: 22px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 18px;
	}
	h1, .h1, h2, .h2, h3, .h3 {
		margin-top: 14px;
		margin-bottom: 7px;
	}
	u {
		border-bottom: 2px solid #ca162a;
	}
	h1.smaller {
		font-size: 20px;
	}
	h1.medium {
		font-size: 28px;
	}
	h1.big {
		font-size: 40px;
	}
	h1.big2 {
		font-size: 33px;
		margin-left: -3px;
	}
	h1.big3 {
		font-size: 50px;
		margin-left: 45px;
	}
	h1.big5 {
		font-size: 80px;
		margin-left: -5px;
	}
	h1.big6 {
		font-size: 100px;
		margin-left: -8px;
	}
	h2.bigger {
		font-size: 20px;
	}
	.border {
		border-width: 1px;
		padding: 10px 20px;
	}
	a.border, a.border:hover, a.border:focus {
		letter-spacing: 2px;
	}
	img.scale1 {
		width: 153px;
	}
	hr {
		border-top-width: 2px;
	}
	.underline {
		border-bottom-width: 3px;
		padding-bottom: 8px;
	}
	.padsidesdouble {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media (min-width:992px) {
	p {
		margin: 0 0 10px;
	}
	.lead {
		font-size: 20px;
	}
	.lead.lead-smaller {
		font-size: 17px;
	}
	h1 {
		font-size: 30px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	u {
		border-bottom: 2px solid #ca162a;
	}
	h1.smaller {
		font-size: 26px;
	}
	h1.medium {
		font-size: 40px;
	}
	h1.big {
		font-size: 50px;
	}
	h1.big2 {
		font-size: 50px;
		margin-left: -4px;
	}
	h1.big3 {
		font-size: 70px;
		margin-left: 40px;
	}
	h1.big5 {
		font-size: 100px;
		margin-left: -7px;
	}
	h1.big6 {
		font-size: 120px;
		margin-left: -10px;
	}
	h2.bigger {
		font-size: 20px;
	}
	img.scale1 {
		width: 204px;
	}
	hr {
		border-top-width: 2px;
	}
	.underline {
		border-bottom-width: 4px;
	}
	.padsidesdouble {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (min-width:1200px) and (min-height:720px) {
	h1 {
		font-size: 36px;
	}
	h1.smaller {
		font-size: 31px;
	}
	h1.medium {
		font-size: 45px;
		margin-bottom: 14px;
	}
	h1.big {
		font-size: 50px;
	}
	h1.big2 {
		font-size: 60px;
		margin-left: -5px;
	}
	h1.big3 {
		font-size: 100px;
		margin-left: -8px;
	}
	h1.big5 {
		font-size: 140px;
		margin-left: -11px;
	}
	h1.big6 {
		font-size: 180px;
		margin-left: -15px;
	}
	h2.bigger {
		font-size: 25px;
	}
	.padsidesdouble {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* helpers */
.darkbg {
	color: #ffffff;
}
.darkbg-active .lightbg-only, .lightbg-active .darkbg-only {
	display: none;
}
.spaced {
	letter-spacing: 0.6em;
}
u.spaced {
	padding-left: 0.6em;
}
.spaced2 {
	letter-spacing: 0.4em;
	padding-left: 0.3em;
}
.strong {
	font-weight: 500;
}
.black {
	color: #1d1e1f;
}
u.blacku {
	border-color: black;
}
.white {
	color: #ffffff;
}
.zlred {
	color: #ca162a;
}
.zlblue {
	color: #2980b9;
}
.bg-white {
	background-color: #fff;
}
.bg-gray {
	background-color: #f5f5f5;
}
.bg-gray2 {
	background-color: #eeeeee;
}
.bg-gray3 {
	background-color: #cacaca;
}
.bg-gray4 {
	background-color: #3c3c3c;
}
.gray {
	color: #a4a4a4;
}
.gray2 {
	color: #bcbcbc;
}
.gray3 {
	color: #cacaca;
}
.upcase {
	text-transform: uppercase;
}
.notopmargin {
	margin-top: 0 !important;
}
.nobottommargin {
	margin-bottom: 0 !important;
}
.notoppadding {
	padding-top: 0 !important;
}
.nopadding {
	padding: 0 !important;
}
.nopaddingsides {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.marginbottom0 {
	margin-bottom: 0;
}
.margintop0 {
	margin-top: 0;
}
.inline {
	display: inline;
}
.vertical-middle {
	vertical-align: middle;
}
.vertical-center {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-flex-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	width: 100%;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.vertical-bottom {
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: flex-end;
	-webkit-flex-align: flex-end;
	-ms-flex-align: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	height: 100%;
	width: 100%;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fullheight {
	height: 100%;
	min-height: 100%;
}
.fullwidth {
	width: 100%;
	min-width: 100%;
}
.effect {
	visibility: hidden;
}
.absolute {
	position: absolute;
}
.relative {
	position: relative;
}
.icon-list li {
	padding: 0 0 0 36px;
	position: relative;
}
.icon-list li:before {
	font-family: 'Glyphicons Halflings';
	position: absolute;
	left: 0px;
	top: 0px;
	color: #e10514;
}
.checkmark li:before {
	content: '\e013';
}
.contact-list li:before {
	content: '\f0e0';
	font-family: 'FontAwesome';
}
.contact-list li:nth-child(2):before {
	content: '\f095';
	font-family: 'FontAwesome';
}
.container > .container {
	padding-left: 0;
	padding-right: 0;
}


/* links */
a {
	color: inherit;
	font-weight: normal;
}
a:hover, a:focus {
	color: inherit;
	font-weight: normal;
	cursor: pointer;
}

/* navbar */
.navbar-zl {
	background-color: #ffffff;
	border: 0;
	font-weight: 400;
	font-size: 10px;
	-webkit-box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 2px -2px rgba(0, 0, 0, 0.2);
}
.navbar-zl:not(.collapsed) {
	bottom: 0;
	margin-bottom: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-zl .dropdown-menu {
	font-size: 10px;
	min-width: 210px;
}
.hidenavbarbg .navbar-zl.collapsed {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-zl button {
	background-color: transparent;
	background-color: rgba(200, 200, 200, 0.4);
}
.navbar-zl button .icon-bar {
	background-color: #e10514;
}
.navbar-zl .navbar-nav > li {

	/*text-align: center;*/
}
.navbar-zl:not(.collapsed) .navbar-collapse li > a {
	line-height: 1.2em;
	font-size: 2em;
	font-weight: normal;
	-webkit-transition: color 350ms ease;
	-ms-transition: color 350ms ease;
	transition: color 350ms ease;
}
.navbar-zl:not(.collapsed) .navbar-collapse .dropdown-menu li > a {
	font-size: 16px;
}

/*@media (max-width: 480px) and (orientation: landscape) {*/
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
	max-height: 90vh;
	height: auto;
	overflow-x: hidden;
}

/*}*/
.navbar-zl .navbar-nav > li > a:hover, .navbar-zl .navbar-nav > li > a:focus, .navbar-zl .navbar-nav > li > a.active {
	color: #e10514;
}
.navbar-zl .navbar-nav > li > a {
	color: #010101;
	padding-top: 6px;
	padding-bottom: 6px;
}
.navbar-zl .navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}
.navbar-zl .navbar-brand img {
	height: 50px;
}
.navbar-zl .navbar-brand img.mask {
	height: 57px;
}
.navbar-zl:not(.collapsed) .navbar-brand img.mask {
	display: none;
}
.navbar-zl .nav>li>a:hover, .navbar-zl .nav>li>a:focus {
	background-color: transparent;	/*background-color: rgba(200,200,200,0.5);*/
}
.navbar-zl .navbar-collapse {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-zl .navbar-nav > li.activebg {
	background-image: url(../img/icon_new.png);
	background-repeat: no-repeat;	/*background-position: 50% 0px;*/
	background-position: 95px 0px;	/*-webkit-background-size: 25px;
					background-size: 25px;*/
}
@media (min-height:327px) {
	.navbar-zl:not(.collapsed) .navbar-collapse li > a {
		line-height: 45px;
	}
}
@media (max-width:1091px) {
	.navbar-zl.collapsed .navbar-collapse {
		opacity: 0;
		-webkit-transform: scale(1.5);
		-ms-transform: scale(1.5);
		transform: scale(1.5);
	}
	.navbar-zl .navbar-collapse {
		-webkit-transition: all 350ms ease, height 0;
		-ms-transition: all 350ms ease, height 0;
		transition: all 350ms ease, height 0;
	}
	.navbar-zl:not(.collapsed) .navbar-collapse {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	.navbar-zl .navbar-nav > li > a:hover, .navbar-zl .navbar-nav > li > a:focus, .navbar-zl .navbar-nav > li > a.active {
		color: #fff;
		background-color: #e10514;
	}
	.navbar-zl .navbar-nav > li:before {
		content: " ";
		position: absolute;
		width: 0%;		/*height: 52px;
				margin: 0 0 -52px 0;*/
		height: 100%;
		margin: 0 0 -100% 0;
		left: 0;
		background: #e10514;
		-webkit-transition: width 350ms ease;
		-ms-transition: width 350ms ease;
		transition: width 350ms ease;
	}
	.navbar-zl .navbar-nav > li:hover:before {
		width: 100%;
	}
	.navbar-zl .navbar-nav > li.dropdown.open:hover:before {
		width: 0%;
	}
	.navbar-zl .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.navbar-zl .navbar-nav .open .dropdown-menu>li>a, .navbar-zl .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}
}
@media (min-width:992px) {
	.navbar-zl > .container-fluid {
		padding-right: 63px;
		padding-left: 58px;
	}
	.navbar-zl .navbar-nav > li > a {
		margin-top: 13px;
		padding: 1px 1px;
		margin-left: 9px;
		margin-right: 9px;
	}
	.navbar-zl .nav > li > a:hover, .nav > li > a:focus {
		background-color: transparent;
	}
	.navbar-zl .navbar-nav > li > a.active {
		border-bottom: 2px solid #ca162a;
	}
	.navbar-zl .navbar-nav > li.activebg {
		background-position: 30px 7px;
		-webkit-background-size: 25px;
		background-size: 25px;
	}
}
@media (min-width:1092px) {
	.navbar-zl .navbar-nav > li.activebg {
		background-position: 100% 7px;
		-webkit-background-size: auto;
		background-size: auto;
	}
	.navbar-zl, .navbar-zl .dropdown-menu {
		font-size: 13px;
	}
	.navbar-zl .navbar-brand {
		height: 60px;
	}
	.navbar-zl .navbar-brand img {
		height: 60px;
	}
	.navbar-zl .navbar-brand img.mask {
		height: 68px;
	}
	.navbar-zl .navbar-nav > li > a {
		margin-top: 19px;
	}
}
@media (min-width:1200px) {
	.navbar-zl .navbar-nav > li {
		margin-left: 10px;
	}
}

/* navbar logo animation */
.navbar-zl #navbar-brand-wrapper {
	position: relative;
}
.navbar-zl #navbar-brand-wrapper img {
	position: absolute;
	left: 0;
}
.hidenavbarbg .navbar-zl #navbar-brand-wrapper img.mask, .hidenavbarbg .navbar-zl #navbar-brand-wrapper img.text {
	display: none;
}
.navbar-zl .navbar-toggle {
	background-color: transparent;
	margin-top: 14px;
	margin-right: 17px;
}
.navbar-zl .nav-toggle {
	display: block;
	background-color: transparent;
}
.navbar-zl .nav-toggle:before, .navbar-zl .nav-toggle:after {
	content: " ";
}
.navbar-zl .nav-toggle, .navbar-zl .nav-toggle:before, .navbar-zl .nav-toggle:after {
	position: absolute;
	left: 0;
	display: block;
	width: 22px;
	height: 2px;
	-webkit-transition: 350ms ease all;
	-ms-transition: 350ms ease all;
	transition: 350ms ease all;
}
.navbar-zl .navbar-toggle.collapsed .nav-toggle, .navbar-zl .navbar-toggle.collapsed .nav-toggle:before, .navbar-zl .navbar-toggle.collapsed .nav-toggle:after {
	background: #e10514;
}
.navbar-zl .navbar-toggle.collapsed .nav-toggle:before {
	margin: -7px 0 0 0;
}
.navbar-zl .navbar-toggle.collapsed .nav-toggle:after {
	margin: 7px 0 0 0;
}
.navbar-zl .navbar-toggle:not(.collapsed) .nav-toggle:before {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.navbar-zl .navbar-toggle:not(.collapsed) .nav-toggle:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.navbar-zl .navbar-toggle:not(.collapsed) .nav-toggle:before, .navbar-zl .navbar-toggle:not(.collapsed) .nav-toggle:after {
	margin: 0;
	background: #111;
}

/* custom: use cases */
@media all and (orientation:landscape) {
	.uc-cell {
		width: 33.3333333333333333333333%;
		height: 50%;
		float: left;
	}
	.portrait-only {
		display: none !important;
	}
}
@media all and (orientation:portrait) {
	.uc-cell {
		width: 50%;
		height: 33.3333333333333333333333%;
		float: left;
	}
	.landscape-only {
		display: none !important;
	}
}
.uc-cell.clickable {
	cursor: pointer;
}
.layer-wrapper {
	position: relative;
	overflow: hidden;
}
.layer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: top 0.4s, bottom 0.4s, left 0.4s, right 0.4s, opacity 0.4s, filter 0.4s;
	transition: top 0.4s, bottom 0.4s, left 0.4s, right 0.4s, opacity 0.4s, filter 0.4s;
}
.layer.zoom {
	top: -8%;
	bottom: -8%;
	left: -8%;
	right: -8%;
}
.layer.fade {
	opacity: 0.0;
}
.touch .overlay.layer {
	display: none;
}
.cb-col {
	width: 50%;
	height: 100%;
	float: left;
}
.cb-cell {
	float: left;
}
.cb-cell-w1 {
	width: 50%;
}
.cb-cell-w2 {
	width: 100%;
}
.cb-cell-h1 {
	height: 25%;
}
.cb-cell-h2 {
	height: 50%;
}
@media all and (orientation:portrait) and (max-height:600px) {
	.cb-cell-h1 {
		height: 33.3333333333%;
	}
	.cb-cell-h2 {
		height: 33.3333333334%;
	}
	.cb-cell > div > [class^="col-"], .cb-cell > div > [class*=" col-"] {
		padding-right: 10px;
		padding-left: 10px;
	}
}
@media all and (orientation:landscape) and (max-width:600px) {
	.cb-cell-w1 {
		height: 33.3333333333%;
	}
	.cb-cell-w2 {
		height: 33.3333333334%;
	}
	.cb-cell > div > [class^="col-"], .cb-cell > div > [class*=" col-"] {
		padding-right: 10px;
		padding-left: 10px;
	}
}

/* custom list */
.list-group, .list-group-item {
	border: none;
	border-radius: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	padding: 0;
}

/* custom forms */
.zlform .form-control {
	background-color: transparent;
	border-color: #a4a4a4;
	border-width: 0 0 1px 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
}
.zlform input {
	height: 20px;
}
.zlform textarea {
	resize: none;
}
.zlform .has-error label {
	color: #e10514;
}
@media all and (orientation:landscape) {
	.zlform textarea {
		height: 40px;
	}
}
@media all and (orientation:portrait) {
	.zlform textarea {
		height: 80px;
	}
}
.zlform2 .form-control {
	border-color: #dddddd;
	border-width: 1px;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: auto;
	margin-bottom: 0;
}
.zlform2 textarea {
	resize: none;
}
.zlform2 .help-block, .zlform2 .help-block ul {
	margin-bottom: 0;
}
.btn-clear {
	background-color: #ca162a;
	color: #ffffff;
	border: none;
}
.btn-clear:hover {
	background-color: #e0182e;
	color: #ffffff !important;
}
.btn-clear.border {
	border: 3px solid #dddddd;
}
.btn-clear.border.zlred {
	border-color: #ca162a;
}
.btn-send {
	font-size: 16px !important;
	padding: 10px 28px !important;
}
.zlred.disabled, .zlred.disabled:hover {
	color: #ffffff;
	background-color: #dddddd;
}
.zlred.border.disabled, .zlred.border.disabled:hover {
	border-color: #dddddd;
	background-color: #dddddd;
}
.modal-content {
	border-radius: 0;
}
.article-card .modal-dialog {
	width: 420px;
}
@media (max-width:767px) {
	.modal-dialog {
		margin: 10px auto;
		width: 60%;
	}
}
.modal-header .close {
	font-size: 40px;
	opacity: 0.6;
	margin-top: -5px;
}

/* bg video */
.bgvid-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}
.bgvid {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	right: 0;
	bottom: 0;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: -2;
	padding-top: 60px;
}
.bgvid.active {
	z-index: -1;
}
.video-btn-wrapper.disabled {
	display: none;
}
.video-btn-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.video-btn-wrapper a {
	z-index: 1;
}
.planview {
	-webkit-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 50%;
	-ms-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
}
.plan-wrapper {
	position: relative;
	height: 100%;
	width: 100%;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.transition {
	-webkit-transition: -webkit-transform 100ms linear;
	transition: transform 100ms linear;
}
.layers {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 100%;
	min-width: 100%;
}
:not(.touch) .layer0 {
	-webkit-transform: translateZ(120px);
	-ms-transform: translateZ(120px);
	transform: translateZ(120px);
}
:not(.touch) .layer1 {
	-webkit-transform: translateZ(200px) scale(0.8);
	-ms-transform: translateZ(200px) scale(0.8);
	transform: translateZ(200px) scale(0.8);
	font-size: 80%;
}
:not(.touch) .layer2 {
	-webkit-transform: translateZ(180px) scale(0.8);
	-ms-transform: translateZ(180px) scale(0.8);
	transform: translateZ(180px) scale(0.8);
	font-size: 80%;
	opacity: 0.4;
}
:not(.touch) .layer3 {
	-webkit-transform: translateZ(160px) scale(0.8);
	-ms-transform: translateZ(160px) scale(0.8);
	transform: translateZ(160px) scale(0.8);
	font-size: 80%;
	opacity: 0.2;
}
:not(.touch) .layer4 {
	-webkit-transform: translateZ(140px) scale(0.8);
	-ms-transform: translateZ(140px) scale(0.8);
	transform: translateZ(140px) scale(0.8);
	font-size: 80%;
	opacity: 0.1;
}
.fadehover {
	-webkit-transition: opacity 0.6s, filter 0.6s;
	transition: opacity 0.6s, filter 0.6s;
}
.fadehover.active, .hidden {
	opacity: 0.0;
}
.cap-view-wrapper {
	padding: 4px;
}
.cap-view {
	overflow: hidden;
	position: relative;
}
.cap-wrapper {
	position: absolute;
	width: 100%;
	top: 0px;
	padding: 0px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.cap-wrapper:hover {
	top: -100%;
}
@media all and (orientation:landscape) {
	.img-responsive-orientation {
		display: block;
		max-height: 40vh;
		width: auto;
	}
}
@media all and (orientation:portrait) {
	.img-responsive-orientation {
		display: block;
		width: 100% \9;
		max-width: 100%;
		height: auto;
	}
}

/* loader screen */
.loader-screen {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	z-index: 10000;
	margin: auto;
}
.loader-screen .loader-center {
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}
.loader-screen .loader-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotatey 0.4s ease-out 0.4s forwards;
	animation: rotatey 0.4s ease-out 0.4s forwards;
}
.loader-screen .loader-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
}
.loader-screen .loader-ring1 {
	-webkit-animation: spinb 1.1s linear infinite;
	animation: spinb 1.1s linear infinite;
}
.loader-screen .loader-ring2 {
	-webkit-animation: spinf 1.6s linear infinite;
	animation: spinf 1.6s linear infinite;
}
@-webkit-keyframes spinf {
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spinf {
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes spinb {
	100% {
		-webkit-transform: rotate(-360deg);
	}
}
@keyframes spinb {
	100% {
		transform: rotate(-360deg);
	}
}
@-webkit-keyframes rotatey {
	from {
		-webkit-transform: rotateY(90deg);
		opacity: 0;
	}
	to {
		-webkit-transform: rotateY(0deg);
		opacity: 1;
	}
}
@keyframes rotatey {
	from {
		transform: rotateY(90deg);
		opacity: 0;
	}
	to {
		transform: rotateY(0deg);
		opacity: 1;
	}
}

@media(max-width: 600px) {
	.mobile-stream-loader{
		top: 50% !important;
	}
}
#loader-screen {
	background: #fff;
}
#loader-screen .loader-center {
	width: 171px;
	height: 171px;
}
#loader-message .loader-center {
	width: 100px;
	height: 100px;
}
.loader-container {
	position: relative;
	width: 100%;
	height: 150px;
}
.collapsing {
	-webkit-transition: height .15s ease;
	transition: height .15s ease;
}
.be-cell {
	height: 50%;
	max-height: 50%;
	width: 100%;
	max-width: 100%;
	margin: 0;
	left: 0;
	right: 0;
}
.be-cell.active {
	background-color: transparent;
	background-color: rgba(0, 0, 0, .15);
}
.bg-cover-white {
	position: absolute;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.9);
	width: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	max-height: 100%;
}
.bg-divider-right-white {
	position: absolute;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.9);
	width: 54%;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	max-height: 100%;
}
@media (max-width:1199px) {
	.bg-divider-right-white {
		width: 65%;
	}
}
.top {
	top: 0;
	position: absolute;
	/*width: 100%;*/
}
.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}
.quote-table {
	width: auto;
	float: right;
	margin-bottom: 10px;
}
#top-text p {
	margin-bottom: 10px;
}
#top-text .icon-toggle {
	opacity: 0.3;
	padding: 1px 6px 1px 0px;
}
#top-text .icon-toggle.active {
	opacity: 1;
}
#top-text .icon-toggle.pending {
	opacity: 0.7;
}
#top-text .icon-toggle.pending img {
	-webkit-animation: blink 0.4s linear;
	animation: blink 0.4s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	opacity: 0.0;
}
#top-text #icon-live.active img {
	-webkit-animation: pulsate 1s ease-out;
	animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	opacity: 0.0;
}
@-webkit-keyframes pulsate {
	0% {
		-webkit-transform: scale(0.3, 0.3);
		-ms-transform: scale(0.3, 0.3);
		transform: scale(0.3, 0.3);
		opacity: 0.0;
	}
	50% {
		opacity: 1.0;
	}
	100% {
		-webkit-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		opacity: 0.0;
	}
}
@keyframes pulsate {
	0% {
		-webkit-transform: scale(0.3, 0.3);
		-ms-transform: scale(0.3, 0.3);
		transform: scale(0.3, 0.3);
		opacity: 0.0;
	}
	50% {
		opacity: 1.0;
	}
	100% {
		-webkit-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		opacity: 0.0;
	}
}
@-webkit-keyframes blink {
	0% {
		opacity: 0.0;
	}
	49% {
		opacity: 0.0;
	}
	50% {
		opacity: 1.0;
	}
	100% {
		opacity: 1.0;
	}
}
@keyframes blink {
	0% {
		opacity: 0.0;
	}
	49% {
		opacity: 0.0;
	}
	50% {
		opacity: 1.0;
	}
	100% {
		opacity: 1.0;
	}
}
#explorer_discovery .quote-author {
	text-align: left;
	border-left: 2px solid #ca162a;
	padding-left: 1em;
	font-size: 0.9em;
}
#explorer_discovery h1.medium {
	margin-top: 10px;
}
@media  (min-width:1200px) and (max-height:768px) {
	#explorer_discovery .hidden-media {
		display: none;
	}
	#explorer_discovery h1.notopmargin {
		margin-top: 20px !important;
	}
}
@media  (min-width:992px) and (max-height:640px) {
	#explorer_discovery .hidden-media {
		display: none;
	}
	#explorer_discovery h1.notopmargin {
		margin-top: 20px !important;
	}
}
@media (min-width:640px) and (max-height:420px) {
	#explorer_discovery .hidden-media {
		display: none;
	}
	#explorer_discovery h1.notopmargin {

		/*margin-top: 20px !important;*/
	}
}
@media (min-width:480px) and (max-height:360px) {
	#explorer_discovery .hidden-media {
		display: none;
	}
	#explorer_discovery h1.notopmargin {

		/*margin-top: 20px !important;*/
	}
	.hidenavbarbg #explorer_discovery > .container {
		padding-top: 17px !important;
	}
}
#streamContainer {
	visibility: hidden;
	opacity: 0;
}
#streamContainer video {
	cursor: pointer;
}
#streamContainer .options-wrapper {
	display: none;
}
#live-scale {
	min-width: 768px;
	min-height: 941px;
	transform-origin: 0% 0%;
}
#zlbolt-options {
	visibility: hidden;
	opacity: 0;
	padding-top: 5px;
}
.zlbolt-tabs-wrapper .tab-content ul {
	margin: 0;
}
.zlbolt-tabs-wrapper .tab-content li {
	display: inline-block;
}
#ex_icon-animation li:hover {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	background-color: #ad1718;
}
#ex_icon-presetcam li a:hover {
	opacity: 0.6;
}
#zl-configure li {
	background-image: url("../img/ex_configure.png");
	background-position: -732px -61px;
	width: 61px;
	height: 61px;
}
#zl-configure li:hover {
	background-position: -732px 0px;
}
#zl-configure {
	padding-top: 9px;
	text-align: center;
}
#zl-configure > div {
	display: inline-block;
	margin: 0 7px;
}
#zl-explore {
	margin-bottom: 4px;
	text-align: center;
}
#zl-explore > div {
	display: inline-block;
}
#ex_icon-paint {
	width: 305px;
}
#ex_icon-alloy {
	width: 244px;
}
#ex_icon-interior {
	width: 183px;
}
#ex_icon-animation li {
	margin: 10px 11px 0;
}
.zlbolt-tabs-wrapper a[data-toggle="tab"] {
	height: 44px;
	font-weight: 300;
	font-size: 0.9em;
}
#ex_icon-paint li, #ex_icon-alloy li, #ex_icon-interior li {
	margin: 0 -3px;
}
#ex_icon-paint {
	width: 275px;
}
#ex_icon-alloy {
	width: 220px;
}
#ex_icon-interior {
	width: 165px;
}
#ex_icon-presetcam li {
	margin: 0 -2px;
}
#ex_icon-animation li {
	margin: 10px 11px 0;
}

/*}*/
@media (min-width:992px) {
	#ex_icon-paint {
		width: 305px;
	}
	#ex_icon-alloy {
		width: 244px;
	}
	#ex_icon-interior {
		width: 183px;
	}
	#ex_icon-paint li, #ex_icon-alloy li, #ex_icon-interior li {
		margin: 0 0px;
	}
	#ex_icon-presetcam li {
		margin: 0 13px;
	}
	#ex_icon-animation li {
		margin: 10px 11px 0;
	}
}
#explorer_live .nav-tabs>li.float-right>a, #explorer_live .nav-tabs>li.float-right>a:hover, #explorer_live .nav>li.float-right>a:hover, #explorer_live .nav>li.float-right>a:focus {
	border: none;
	background-color: transparent;
}
#explorer_live .nav-tabs>li.active>a, #explorer_live .nav-tabs>li.active>a:hover, #explorer_live .nav-tabs>li.active>a:focus {
	color: #404040;
	cursor: default;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.5);
	border-bottom-color: transparent;
}
#explorer_live .nav-tabs>li>a {
	color: #8e8e8e;
	margin-right: -1px;
	line-height: 1.42857143;
	border: 1px solid #ddd;
	border-radius: 0;
	background-color: transparent;
	background-color: rgba(242, 242, 242, 0.5);
	padding-top: 11px;
	padding-bottom: 11px;
}
#explorer_live .nav-tabs>li>a:hover {
	border-color: #ddd;
}
#explorer_live .nav>li>a:hover, #explorer_live .nav>li>a:focus {
	text-decoration: none;
	background-color: transparent;
	background-color: rgba(248, 248, 248, 0.5);
}
#explorer_live .tab-content {
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.5);
}
#explorer_live_videowrap {
	background-color: #fdfefd;
}

.float-right {
    float: right !important;
}

#stream-wrapper {

	/*z-index: 0;*/
}


@media (max-width: 800px) {
	#stream-wrapper {
		width: 550px;
		height: 320px;
	}
}

@media (max-width: 600px) {
	#stream-wrapper {
		width: 330px;
		height: 300px;
	}
}

#stream-wrapper > img {

	/*opacity: 0;*/
}
video#explorer_live_video {
	position: absolute;
	width: 1920px;
	height: 1080px;	/*bottom: 0;*/
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.zlbolt-wrapper {
	max-width: 904px;
	margin: 0 auto;
	overflow: hidden;
}
.zlbolt-wrapper.large {
	max-width: 1416px;
}

.zlbolt-wrapper.small {
	max-width: 540px;
	height: 100%;
}

.zlbolt-wrapper.mobile {
	width: 345px;
	max-height: 375px;
}

.zlbolt-wrapper > img {
	width: 100%;
	height: 100%;
}
.zlbolt-wrapper.stream {
	position: relative;
}
.zlbolt-container {
	position: absolute;
	top: 0;
}
#messageContainer.active {
	display: flex;
}
#messageContainer {
	display: none;
	background-color: white;
	left: 0;
	right: 0;
	bottom: 0;
	align-items: center;
	justify-content: center;
}

/*#top-text {
margin-bottom:-100px;
}*/

/*#top-text p {
margin: 0 !important;
}

@media all and (max-height: 840px) {
.zlbolt-wrapper {
max-width: 100%;
}
#top-text h1 {
margin:0 0 4px 0;  !important;
}
#top-text p {
margin: 0 !important;
}
#ex_icon-paint li,
#ex_icon-alloy li,
#ex_icon-interior li {
margin:-9px -3px;
}
}*/

/*#ex_icon-animation {
width: 372px;
}
#ex_icon-animation li {
margin: 4px 1px 0px 1px;
}
#ex_icon-presetcam {
width: 737px;
}
#ex_icon-presetcam li {
margin: 0px 0px 0px 0px;
}*/

/* zlbolt buttons icons*/
.zlb-btn {
	background-image: url("../img/ex_buttons.png");
	display: block;
	width: 45px;
	height: 44px;
}
.zlb-btn-tw {
	background-position: 0px 0px;
}
.zlb-btn-tw:hover {
	background-position: 0px -44px;
}
.zlb-btn-dlhd {
	background-position: -45px 0px;
}
.zlb-btn-dlhd:hover {
	background-position: -45px -44px;
}
.zlb-btn-dl4k {
	background-position: -90px 0px;
}
.zlb-btn-dl4k:hover {
	background-position: -90px -44px;
}
.zlb-btn-int {
	background-position: -135px 0px;
}
.zlb-btn-int:hover {
	background-position: -135px -44px;
}
.zlb-btn-orb {
	background-position: -180px 0px;
}
.zlb-btn-orb:hover {
	background-position: -180px -44px;
}
.zlb-btn-play {
	background-position: -225px 0px;
}
.zlb-btn-play:hover {
	background-position: -225px -44px;
}
.zlb-btn-pause, .zlb-btn-play.active {
	background-position: -270px 0px;
}
.zlb-btn-pause:hover, .zlb-btn-play.active:hover {
	background-position: -270px -44px;
}
.zlb-btn-bc {
	background-position: -315px 0px;
}
.zlb-btn-bc:hover {
	background-position: -315px -44px;
}

/* zlbolt car icons*/
.zlb-caricons {
	background-image: url("../img/ex_caricons.png");
	display: block;
	width: 60px;
	height: 60px;
}
.zlb-caricons-dr {
	background-position: 0px 0px;
}
.zlb-caricons-dl {
	background-position: -60px 0px;
}
.zlb-caricons-bo {
	background-position: -120px 0px;
}
.zlb-caricons-en {
	background-position: -180px 0px;
}
.zlb-caricons-ff {
	background-position: -240px 0px;
}
.zlb-caricons-bf {
	background-position: -300px 0px;
}
.zlb-caricons-hl {
	background-position: -360px 0px;
}

/* zlbolt car thumbs*/
.zlb-carthumbs {
	background-image: url("../img/ex_carthumbs.png");
	display: block;
	width: 149px;
	height: 57px;
}
.zlb-carthumbs-fv {
	background-position: -26px -3px;
	width: 103px;
}
.zlb-carthumbs-si {
	background-position: -158px -3px;
}
.zlb-carthumbs-fl {
	background-position: -313px -3px;
	width: 140px;
}
.zlb-carthumbs-fr {
	background-position: -481px -3px;
	width: 123px;
}
.zlb-carthumbs-ba {
	background-position: -646px -3px;
	width: 103px;
}
.zlb-carthumbs-to {
	background-position: -793px -3px;
	width: 119px;
}

/* zlbolt configure icons*/
.zlb-conf {
	background-image: url("../img/ex_configure.png");
	display: block;
	width: 61px;
	height: 61px;
}
.zlb-conf-XC10017 {
	background-position: 0px 0px;
}
.zlb-conf-XC20017M {
	background-position: 0px -61px;
}
.zlb-conf-XC10016 {
	background-position: -61px 0px;
}
.zlb-conf-XC20016M {
	background-position: -61px -61px;
}
.zlb-conf-XC10013 {
	background-position: -122px 0px;
}
.zlb-conf-XC20013M {
	background-position: -122px -61px;
}
.zlb-conf-XC10006 {
	background-position: -183px 0px;
}
.zlb-conf-XC20006M {
	background-position: -183px -61px;
}
.zlb-conf-CLG1 {
	background-position: -244px 0px;
}
.zlb-conf-CLM2 {
	background-position: -244px -61px;
}
.zlb-conf-WAN2 {
	background-position: -305px 0px;
}
.zlb-conf-WTYR-WAN2 {
	background-position: -305px -61px;
}
.zlb-conf-WAN1 {
	background-position: -366px 0px;
}
.zlb-conf-WTYR-WAN1 {
	background-position: -366px -61px;
}
.zlb-conf-WAN3 {
	background-position: -427px 0px;
}
.zlb-conf-WTYR-WAN3 {
	background-position: -427px -61px;
}
.zlb-conf-WAN4 {
	background-position: -488px 0px;
}
.zlb-conf-WTYR-WAN4 {
	background-position: -488px -61px;
}
.zlb-conf-IC1PS09 {
	background-position: -549px 0px;
}
.zlb-conf-IC2PP12 {
	background-position: -549px -61px;
}
.zlb-conf-IC1PP06 {
	background-position: -610px 0px;
}
.zlb-conf-IC2PP05 {
	background-position: -610px -61px;
}
.zlb-conf-IC1PS07 {
	background-position: -671px 0px;
}
.zlb-conf-IC2PP02 {
	background-position: -671px -61px;
}
.zlb-conf-high {
	background-position: -732px 0px;
}
.video-play {
	background-image: url("../img/video_play.png");
	background-position: 0px 0px;
	display: block;
	width: 105px;
	height: 105px;
}
.video-pause {
	background-image: url("../img/video_play.png");
	background-position: -105px 0px;
	display: block;
	width: 105px;
	height: 105px;
}

/* popovers */
.popover.bottom > .arrow:after {
	border-bottom-color: #f9f9f9;
	border-top-width: 2px;
}
.popover.bottom>.arrow {
	top: -13px;
}
.popover {
	background-color: #f9f9f9;
	-webkit-box-shadow: none;
	box-shadow: none;
	max-width: inherit;
	border-radius: 0;
	border: 2px solid #ccc;
}
.popover-footer {
	padding: 9px 0 0;
	text-align: right;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.popover-footer button {
	margin-left: 9px;
}
.popover-footer .popover-btn-red {
	background-color: white;
	border: 2px solid #e10514;
	color: #e10514;
	border-radius: 0;
	text-transform: uppercase;
}
.popover-footer .popover-btn-grey {
	background-color: white;
	border: 2px solid #666;
	color: #666;
	border-radius: 0;
	text-transform: uppercase;
}
@media (max-width:768px) {
	.popover-footer .popover-btn-red, .popover-footer .popover-btn-grey {
		font-size: 12px;
	}
}
@media (max-width:480px) {
	.popover-footer .popover-btn-red, .popover-footer .popover-btn-grey {
		font-size: 9px;
	}
	.popover {
		transform: scale(2);
		transform-origin: 50% 0%;
	}
}

/*.panel-group .panel+.panel {
margin: 0 15px;
}*/
.panel {
	margin-bottom: 20px;
	background-color: transparent;
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
}
.panel .panel-heading {
	background-color: transparent;
	border: none;
	padding: 3px 0 4px;
}
.panel > .panel-heading + .panel-collapse > .panel-body {
	border: none;
	background-color: #eeeeee;
}
.panel-title {
	line-height: 1.4;
	font-size: 10px;
}
.panel-title a {
	font-weight: 300 !important;
}
.panel-body {
	font-weight: 300;
	padding: 30px;
    line-height: 1.6em;
}
@media (min-width:481px) and (min-height:360px) {
	.panel-title {
		font-size: 12px;
	}
	.panel .panel-heading {
		border-bottom-width: 2px;
	}
}
@media (min-width:768px) {
	.panel {
		margin: 0 15px;
	}
	.panel-title {
		font-size: 14px;
	}
	.panel-body {
		font-size: 16px;
	}
	.panel-title a[data-toggle="collapse"] {
		background-image: url(../img/accordion_arrow_up.png);
		background-repeat: no-repeat;
		background-position: right center;
		padding: 10px 45px 1px 0px;
		display: block;
	}
	.panel-title a[data-toggle="collapse"].collapsed {
		background-image: url(../img/accordion_arrow_down.png);
	}
	.panel .panel-heading {
		border-bottom-width: 3px;
	}
}
@media (min-width:992px) {
	.panel-title {
		font-size: 15px;
	}
	.panel-title a[data-toggle="collapse"] {
		padding: 8px 45px 1px 0px;
	}
}
@media (min-width:1200px) {
	.panel-title a[data-toggle="collapse"] {
		padding: 15px 60px 8px 0px;
	}
	.panel-title {
		font-size: 16px;
	}
}
.panel-title > a {
	font-weight: 400;
}
#explorer_faq .panel-heading a:hover, #explorer_faq .panel-heading a:focus {
	text-decoration: none;
}
@media (min-width:1200px) and (max-height:768px) {
	#explorer_faq .panel-title {
		font-size: 15px;
	}
}
@media (max-height:380px) and (min-width:480px) {
	.hidenavbarbg #explorer_faq > .container {
		padding-top: 17px !important;
	}
	.hidenavbarbg #vsr_faq > .container {
		padding-top: 17px !important;
	}
}
.tooltip.in {
	opacity: 1;
}
.tooltip.bottom > .tooltip-arrow {
	border-bottom-color: #ccc;
	border-top-color: #f9f9f9;
}
.tooltip-inner {
	background-color: #f9f9f9;
	color: black;
	border-radius: 0;
	border: 2px solid #ccc;
}
@media (max-width:479px) {
	#faq-modal-answer {
		font-size: 12px;
	}
}
.modal-embed {
	display:none;
}
.modal-body .modal-embed {
	display: block;
}
.modal-fullscreen {
	background: transparent;
}
.modal-fullscreen .modal-content {
	background: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
	background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
	opacity: .97;
	filter: alpha(opacity=97);
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */
.modal-fullscreen .modal-dialog {
	margin: 0;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
@media (min-width:768px) {
	.modal-fullscreen .modal-dialog {
		width: 750px;
	}
}
/*@media (min-width:992px) {
	.modal-fullscreen .modal-dialog {
		width: 970px;
	}
}*/
@media (min-width: 1100px) {
	.modal-fullscreen .modal-dialog {
		width: 970px;
	}
}
@media (min-width:1300px) {
	.modal-fullscreen .modal-dialog {
		width: 1170px;
	}
}
.vsr_casestudies_title {
	display: inline-block;
}
.vsr_casestudies_title > div {
	float: left;
}
.vsr_casestudies_title .alignleft {
	border-right: 2px solid #ca162a;
	padding-right: 10px;
	text-align: right;
}
.vsr_casestudies_title .alignright {
	padding-left: 10px;
	text-align: left;
}
.vsr_casestudies_title .alignright > img {
	width: 60px;
}
@media (min-width:480px) {
	.vsr_casestudies_title .alignright > img {
		width: 70px;
	}
}
@media (min-width:768px) {
	.vsr_casestudies_title .alignleft {
		padding-right: 20px;
	}
	.vsr_casestudies_title .alignright {
		padding-left: 20px;
	}
	.vsr_casestudies_title .alignright > img {
		width: 100px;
	}
}
@media (min-width:992px) {
	.vsr_casestudies_title .alignright > img {
		width: 150px;
		padding-top: 5px;
	}
}
@media (min-width:1200px) {
	.vsr_casestudies_title .alignleft {
		border-right: 3px solid #ca162a;
		padding-right: 30px;
	}
	.vsr_casestudies_title .alignright {
		padding-left: 30px;
	}
	.vsr_casestudies_title .alignright > img {
		width: 100%;
		padding-top: 10px;
	}
}
#vsr_faq .panel-heading a:hover, #vsr_faq .panel-heading a:focus {
	text-decoration: none;
}
@media (min-width:480px) and (max-height:360px) {
	.hidenavbarbg #vsr_installations > .container {
		padding-top: 5px !important;
	}
}
@media (min-width:480px) and (max-height:360px) {
	.hidenavbarbg #vsr_casestudies .container {
		padding-top: 0 !important;
	}
}
#vr_faq .panel-heading a:hover, #vr_faq .panel-heading a:focus {
	text-decoration: none;
}
#vr_hmd .uc-cell {
	width: 100%;
	height: 20%;
	float: left;
}
@media (min-width:768px) {
	#vr_hmd .uc-cell {
		width: 50%;
		height: 50%;
		float: left;
	}
}
#vr_hmd .uc-middle {
	position: absolute;
	width: 100%;
	height: 20%;
	left: 0;
	bottom: 0;
}
@media (min-width:768px) {
	#vr_hmd .uc-middle {
		width: 50%;
		height: 25%;
		left: 25%;
		top: 37.5%;
	}
}
@media (min-width:1555px) {
	#vr_hmd .uc-middle {
		width: 25%;
		height: 30%;
		left: 37.5%;
		top: 35%;
	}
}
@media all and (orientation:landscape) and (max-width:565px) {
	#vr_hmd .uc-middle {
		width: 90%;
		height: 25%;
		left: 5%;
		top: 37.5%;
	}
}
.vr_special_header {
	position: absolute;
	bottom: 55px;
	right: 0;
	left: 0;
}
@media all and (orientation:portrait) and (max-width:768px) {
	.vr_special_header {
		bottom: 65px;
	}
}
@media all and (orientation:landscape) and (max-width:768px) {
	.vr_special_header {
		bottom: 60px;
	}
}

/* news pages */
#news {
}
#news section + section, #article section + section {
	padding-top: 0;
}
#news-side-categories {
	margin-left: -14px;
	margin-right: 3em;
}
.navbar-zl .dropdown-menu, #category-dropdown-list.dropdown-menu {
	padding: 0;
	border-radius: 0;
	box-shadow: none;
}
.navbar-zl .dropdown-menu {
	right: -72px;
	top: 60px;
}
.navbar-zl .dropdown-menu>li>a:hover, .navbar-zl .dropdown-menu>li>a:focus, .navbar-zl .dropdown-menu>.active>a, .navbar-zl .dropdown-menu>.active>a:hover, .navbar-zl .dropdown-menu>.active>a:focus #category-dropdown-list.dropdown-menu>li>a:hover, #category-dropdown-list.dropdown-menu>li>a:focus, #category-dropdown-list.dropdown-menu>.active>a, #category-dropdown-list.dropdown-menu>.active>a:hover, #category-dropdown-list.dropdown-menu>.active>a:focus {
	background: none;
}
#news-side-categories li.category, .navbar-zl .dropdown-menu > li, #category-dropdown-list li.category {
	border-bottom: 1px solid #dddddd;
	cursor: pointer;
	padding: 0;
}
#news-side-categories li.category a, .navbar-zl .dropdown-menu > li a, #category-dropdown-list li.category a {
	line-height: 3em;
	font-weight: normal;
}
#news-side-categories li.category a:hover, #news-side-categories li.category a:focus, .navbar-zl .dropdown-menu > li a:hover, .navbar-zl .dropdown-menu > li a:focus, #category-dropdown-list li.category a:hover, #category-dropdown-list li.category a:focus, #category-dropdown-link:hover, #category-dropdown-link:focus {
	text-decoration: none;
}
.navbar-zl .dropdown-menu > li > a {
	padding: 0 15px;
}
.navbar-zl .dropdown-menu > li > a {
	white-space: normal;
}
.navbar-zl .navbar-nav>li>.dropdown-menu {
	background-color: #f5f5f5;
}
.navbar-zl .dropdown-menu > li:last-child {
	border-bottom: none;
}
#news-side-categories li.category:hover .category-name, .navbar-zl .dropdown-menu > li:hover .category-name, .navbar-zl .dropdown-menu > li:hover a, #category-dropdown-list li.category:hover .category-name {
	color: #e10514;
}
#news-side-categories .category-name, .navbar-zl .category-name, #category-dropdown-list .category-name {
	color: #888888;
}
#news-side-categories li.category.active .category-name, #news-side-categories li.category.active:hover .category-name, .navbar-zl .dropdown-menu > li.active .category-name, .navbar-zl .dropdown-menu > li.active:hover .category-name, .navbar-zl .dropdown-menu > li.active a, .navbar-zl .dropdown-menu > li.active:hover a, #category-dropdown-list li.category.active .category-name, #category-dropdown-list li.category.active:hover .category-name {
	color: #000000;
}
.navbar-zl .dropdown-menu > li.active, .navbar-zl .dropdown-menu > li.active:hover {
	background-color: #dddddd;
}
#news-side-categories li.category.active:hover, .navbar-zl .dropdown-menu > li.active:hover, #category-dropdown-list li.category.active:hover {
	cursor: default;
}
#news-side-categories li.category.active>a, .navbar-zl .dropdown-menu > li.active>a, #category-dropdown-list li.category.active>a {
	font-weight: bold;
}
#news-side-categories .category-name, #category-dropdown-list .category-name, #category-dropdown-linktext {
	text-transform: uppercase;
}
#promoted-carousel-container .dropdown {
	text-align: center;
}
#news-side-categories .category-count, .navbar-zl .category-count, #category-dropdown-list .category-count {
	color: #e10514;
	float: right;
}
#category-dropdown-list {
	left: -1px;
	right: -1px;
}
#category-dropdown-link {
	font-size: 16px;
	line-height: 24px;
}
#category-dropdown-link .icon-dropdown {
	float: right;
}
#category-dropdown-link .icon-dropdown img {
	vertical-align: top;
}
#promoted-carousel-container .dropdown {
	border-bottom: 1px solid #e10514;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#news-header .category-title {
	text-transform: uppercase;
}
#news-header .category-subtitle, #promoted-carousel-container .category-subtitle {
	font-weight: 400;
}
#promoted-carousel-container .category-subtitle {
	text-align: center;
}
.article-top {
	margin-bottom: 0.5em;
}
@media (min-width:768px) {
	.article-date {
		border-right: 2px solid #e10514;
		text-align: center;
	}
}
.article-day {
	font-weight: bold;
	font-size: 2em;
	line-height: 0.8em;
}
.article-page-day {
	font-size: 2em !important;
}
.article-list-img img {
		border: 1px solid #d2d2d2;
	}
@media (max-width:767px) {
	.article-list-img {
		margin-bottom: 20px;
	}
	.article-date {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-align-items: center;
		align-items: center;
		margin-bottom: 10px;
		font-size: 12px;
	}
	.article-day {
		font-weight: 600;
		font-size: 15px;
		line-height: 20px;
	}
	.article-month {
		margin: 0 4px;
	}
}
.section-title {
	font-size: 1.1em;
	font-weight: 400;
	margin-top: 0;
}
.article-title {
	text-transform: uppercase;
	font-size: 1.3em;
	line-height: 1.2em;
	color: #777777;
}
.article-title, .article-title a, .article-title:hover a, .article-title a:focus {
	font-weight: 400;
}
.article-title a {
	text-decoration: none;
	color: #000000
}
.article-title:hover a, .article-title a:focus {
	color: #e10514;
}
#article-container .article-title {
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: 400;
}
.article-category {
	color: #e10514;
	text-transform: uppercase;
	font-weight: 400;
}
@media (max-width:767px) {
	#article-container .article-title {
		font-size: 14px;
	}
	.article-category, .article-source {
		font-size: 10px;
	}
	.article-snippet {
		font-size: 11px;
	}
}
.article-source {
	text-transform: uppercase;
	font-weight: 400;
}
.article-snippet {
	margin-bottom: 0;
}
#news-articles .article-col {
	margin-top: 25px;
}
#news-articles .article-col:last-child {
	margin-bottom: 25px;
}
#news-articles .article-col hr, #article .related-articles hr {
	border-top: 1px solid #dddddd;
}
#news-articles .article-col hr {
	margin: 0 0 25px;
}
#article .related-articles hr {
	margin: 0 0 15px;
}
@media (min-width:768px) {
	#news-articles .article-col:first-child hr, #article .related-articles:nth-child(2) hr {
		border-top: none;
		margin: 0;
	}
	#news-articles .article-col:first-child hr {
		margin-top: 20px;
	}
}

/*#news-articles .article-col + .article-col {
padding-top: 25px;
border-top: 1px solid #dddddd;
}*/
.filter-1-on {
	display: block;
}
.filter-1-off {
	display: none;
}
@media (min-width:480px) and (max-width:767px) {
	#news-articles, #related-articles {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-content: flex-start;
		align-content: flex-start;
	}
	#news-articles .article-col, #related-articles .related-articles {
		width: 49.9%;
		float: none;
	}
	.filter-1-on {
		display: none;
	}
	.filter-1-off {
		display: block;
	}
}
#promoted-header {
	background-color: #eeeeee;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}
@media (max-width:767px) {
	#promoted-header {
		background-color: transparent;
		border: none;
	}
}
#promoted-container .promoted-article {
	padding: 0;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	position: relative;
}
#promoted-container .promoted-image {
}
#promoted-container .promoted-filter, #promoted-carousel  .promoted-filter {
	position: absolute;
	bottom: 0;
	opacity: 0.5;
}
#promoted-container .promoted-caption, #promoted-carousel .carousel-caption {
	background-color: rgba(0, 0, 0, 0.6);
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
#promoted-container .promoted-caption {
	min-height: 31%;
}
#promoted-carousel .carousel-caption {
	min-height: 56px;
	padding: 0;
	text-shadow: none;
}
#promoted-container .promoted-caption.dark-image, #promoted-carousel .carousel-caption.dark-image {
	background-color: rgba(255, 255, 255, 0.2);
}
#promoted-container .promoted-title {
	margin: 15px;
}
#promoted-carousel .promoted-title {
	margin: 8px;
}
#promoted-container .promoted-title, #promoted-carousel .promoted-title {
	color: white;
	font-size: 1.1em;
	font-weight: 600;
}
#promoted-container .promoted-title a, #promoted-carousel .promoted-title a {
	color: white;
	font-weight: 400;
}
#promoted-carousel .promoted-title {
	font-size: 1.8em;
}
#promoted-container .promoted-title a:hover, #promoted-container .promoted-title a:focus, #promoted-carousel .carousel-caption a:hover, #promoted-carousel .carousel-caption a:focus {
	text-decoration: none;
}
#promoted-carousel-container {
	margin: 20px -15px 0;
}
#promoted-carousel {
	max-width: 388px;
	margin: 0 auto;
}
#news-side-affix {
	margin-top: 45px;
}
@media (min-width:768px) {
	#article-side {

		/*position: fixed;*/

		/*top: 57px;*/

		/*width: 100%;
		z-index: 0;*/
	}
}
.affix-top {
	position: absolute;
}
.affix {
	top: 67px;
}
#article {

	/*margin-top: 60px;*/
}
#article-container, #article-side {
	margin-top: 25px;	/*z-index: 1;
	position: relative;*/
}
#article .article-top {
	margin-top: 25px;
}
#article .article-info {
	margin-top: 15px;
}
#article .article-body {
	margin-top: 15px;
	margin-bottom: 15px;
}
#article-side {
	padding-top: 0px;
}
#article-side section {
	padding-top: 0;
	padding-bottom: 15px;
}
@media (min-width:480px) and (max-width:767px) {
	#article .article-top {
		margin-top: 0;
	}
	#article .article-info {
		margin-bottom: 15px;
	}
}
@media (max-width:767px) {
	#article .article-body {
		font-size: 11px;
	}
}
@media (min-width:768px) {
	#article-container, #article-side {
		margin-top: 50px;
	}
	#article .article-top {
		margin-top: 50px;
	}
	#article .article-info {
		margin-top: 25px;
	}
	#article .article-body {
		margin-top: 25px;
		margin-bottom: 25px;
		font-size: 1.07em;
	}
	#article-side {

		/*padding-top: 35px;	*/
	}
	#article-side section {
		padding-top: 0;
		padding-bottom: 45px;
	}
}
#article .related-articles {
	margin-top: 15px;
}
#article .related-articles:last-child {
	margin-bottom: 15px;
}
.related-articles .article-date {
	margin-top: 0px;
	border-right: none;
	color: #e10514;
	text-transform: uppercase;
	text-align: left;
}
.related-articles .article-title {
	font-size: inherit;
	margin-bottom: 0;
}
.related-articles .article-title, .related-articles .article-title a {
	font-weight: 400;
}
.related-articles .article-image-col {
	padding-right: 0;
}
@media (max-width:767px) {
	#article .article-title {
	}
	#related-articles h2 {
		font-size: 14px;
	}
	#article .related-articles .article-date {
		font-size: 11px;
	}
	#article .related-articles .article-title {
		font-size: 11px;
	}
}
#article-tags h2 {
	margin-bottom: 18px;
}
.article-tag {
	font-size: 11px;
	padding: 6px 8px;
	line-height: 38px;
	background-color: #eeeeee;
	margin-right: 10px;
	text-transform: uppercase;
	font-weight: 600;
}
.article-tag:hover {
	color: white;
	background-color: #e10514;
}
a.back-button {
	text-transform: uppercase;
	color: #e10514;
	border: 2px solid #e10514;
	padding: 4px 11px 4px 26px;
	font-size: 12px;
	background-position: 8px 50%;
	background-repeat: no-repeat;	/*background-image: url(../img/icon_back_arrow.png);*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZCNjdFMjNBQ0I0RDExRTU5RDlFQzQ5MzI2RkM3Qzg2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZCNjdFMjNCQ0I0RDExRTU5RDlFQzQ5MzI2RkM3Qzg2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkI2N0UyMzhDQjREMTFFNTlEOUVDNDkzMjZGQzdDODYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkI2N0UyMzlDQjREMTFFNTlEOUVDNDkzMjZGQzdDODYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz47bGoGAAAA40lEQVR42mJkIBKcEtPSBVI8jEQoFAFSJUC83+zVtZ2MeBSyAKlMII4C4gSg4psgcWYcip2B1EYgBpkeBFT8FCbHhKZQEYjXApl7gHgzEPsDFX9EVsMCVcgFpCqhbv0PxJFAhSuw2c4IVBwBpLuBWAaInwCxH1DxeVx+Y4Ka+B/KFwRiOXyhxgQ0bSWQ1gDiJmggrAfaWoFLAyOapxWAVA8QBwPxEiBOARr4E6cGJI2OQGoSEH8G4kCgppdYgxUGgAr2AylDIF4GxDuABujjtQHNNmEgBfLTQaBBWxhJTXwAAQYA0kRDgrC1FM4AAAAASUVORK5CYII=);
}
@media (max-width:767px) {
	a.back-button {
		font-size: 10px;
	}
}
a.back-button:hover {
	text-decoration: none;
	color: #e10514;
}
.article-info .share-icons {
}
.article-info .share-icons a {

	/*width: 20px;
	height: 20px;*/
}
.article-info .icon-share {

	/*background-image: url(../img/icon_share.png);*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdFOEM0NzYyQ0I0QzExRTVCRkZCOThCQjYyODBDQ0U1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdFOEM0NzYzQ0I0QzExRTVCRkZCOThCQjYyODBDQ0U1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0U4QzQ3NjBDQjRDMTFFNUJGRkI5OEJCNjI4MENDRTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0U4QzQ3NjFDQjRDMTFFNUJGRkI5OEJCNjI4MENDRTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6WFsGJAAABK0lEQVR42mL8//8/AzUBEwOVAQsyh5GREauiU2Ja/EBqKhCHAjHIS6uBOMf05dWPeA3EA+YCcTASPwaI2YA4HF0hI3IYYnMh0HUgS39iCZ4/QBeykhyGZq+u/QFS37BIfSYrUoAuzARSPFikmglGClIEuALxPyA2AOJaqNRlID4PxMxAvALo8i3/CRkINMwSSG0BYiE0dfuBOABoyCeSkg0QzMFi2Hcg9gEa9o2chK2FRQ0nNJbJyikXsKj5SEnWSwXiV2hioEhaDwxfNmIMxEjYQI3cQKYdVMgDiPOg7JNAfBukDB7LWAoWYnJKFZBqxeKYImBO6SfZQKih36CRgwzeAw0UIiengJIWOxYpXrKyHjQvr8citY6orIcDJAPxD/TykGAsUwMABBgAErtdwOCv+xAAAAAASUVORK5CYII=);
}
.article-info .icon-tw {

	/*background-image: url(../img/icon_tw2.png);*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJFMjczQ0UyQ0I0QzExRTU4NTAzQTVFODBBNjZFRUEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJFMjczQ0UzQ0I0QzExRTU4NTAzQTVFODBBNjZFRUEwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkUyNzNDRTBDQjRDMTFFNTg1MDNBNUU4MEE2NkVFQTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkUyNzNDRTFDQjRDMTFFNTg1MDNBNUU4MEE2NkVFQTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5rUbD3AAABCUlEQVR42mIMXfOOgVzAxEABGMyaRbmYvFTYFfiZIVwuVka4FAuyulAtztXXviOLOMizZZlwQ9innv0G6pt65it2m0M1OerteIFWwUUS9LngbDMpVm42RjEkWRSbX3/7py3K0uXCd/rZ7wMPfgKVIjsSCLbe/vHg41/smoF6gN7jZmUEuhaIMP3/9fd/nAFmKsWKP/AefPiLU3P3sS9Al+PSCXTXNzw2A/2DZjaKh+/8IBDPwKjCavm2Oz+vvf5DQPOrb//2P/iJFjAHHv5acPEbpomI0AbGCjBW0QIZ6BGgW4C+xeoRRrQsCUwhotxMwMQI1Pb66z884Ycez5B0AkSY3htO+RkgwADYSm63Oyc0twAAAABJRU5ErkJggg==);
}
.article-info .icon-li {

	/*background-image: url(../img/icon_li2.png);*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNGMjQzOEJBQ0I0QzExRTVCNjEzODkxMUJBRTEwNkE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNGMjQzOEJCQ0I0QzExRTVCNjEzODkxMUJBRTEwNkE3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0YyNDM4QjhDQjRDMTFFNUI2MTM4OTExQkFFMTA2QTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0YyNDM4QjlDQjRDMTFFNUI2MTM4OTExQkFFMTA2QTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5mY/fRAAAAu0lEQVR42mJkKN/KQC5gYqAADBLNBpJ8+9PME4xlyNE8wVfLQUl4fqgeOZoXnH0CJBeCSWIAIzFRpSDI+eD9d0xxFmROg4tqvYvqwXvvHGadOJBmYa8kBHSFviSfgRQfxF2Jqy+RENrxxjIQnUAADMgALXESND98/12wYRcQffzxBxQdMIOI0gz06ocff4DowrNPEM+Tn0gUBLkGR/JEiaoD994y7GGARCkwYoBcePSicUlIJMMsPwMEGADh9UstqyfgowAAAABJRU5ErkJggg==);
}
.article-info .icon-fb {

	/*background-image: url(../img/icon_fb2.png);*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkREODdGRjlBQ0I0QzExRTVBQjJFQTY3QjY2ODBCNTI0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkREODdGRjlCQ0I0QzExRTVBQjJFQTY3QjY2ODBCNTI0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REQ4N0ZGOThDQjRDMTFFNUFCMkVBNjdCNjY4MEI1MjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REQ4N0ZGOTlDQjRDMTFFNUFCMkVBNjdCNjY4MEI1MjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Xa+6XAAAAxUlEQVR42mK0jpzBQC5gYqAAUKSZBb+0hAivhCgPkHHn4dsv334Rq5mHi62tyN1ISwrCzW3efP76M2I1e9mrQ3S+ePPl+evPn7/9JMHZtiaKENcmVK4hM8A+Y/iTgM15sVYq8sIqcsJANpCcVOMLEmzZTJRmVQURQ01JCJuXmw3oc6C3ibV528Gb5689AwaYhAgPUBuQCwwwYjVvP3QTSBpqSQE1A7XNW3tm8CXPQZgxJi46ysvFjjVVEtYMTJiD2M8AAQYA6lFE61cVAb8AAAAASUVORK5CYII=);
}
.back-to-top {
	display: none;
	position: fixed;
	top: 100px;
	right: 50px;
	cursor: pointer;
}
@media (max-width:992px) {
	.back-to-top img {
		width: 40px;
		height: 40px;
	}
}
.video169,
.videoaspect {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
.video169.youku {
	padding-bottom: calc(56.25% + 40px);
}
.video169 iframe,
.video169 embed,
.videoaspect iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-ar1 .videoaspect {
	padding-bottom: 48.958333%;
}
.modal-close {
	width: 35px;
	height: 35px;
	position: absolute;
	top: -50px;
	right: 20px;
	cursor: pointer;
}

/* Buttons */
.button {
	background-color: #ca162a;
	color: #fff;
	padding: 11px 13px;
	font-weight: 300;
	font-size: 15px;
	border-radius: 1px;
	letter-spacing: 1px;
	-webkit-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.button:hover {
	background-color: #e0182e;
	color: #fff;
	font-weight: 300;
	-webkit-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.button-2nd {
	color: #ca162a;
	padding: 11px 13px;
	font-weight: 300;
	font-size: 15px;
	border-radius: 1px;
	letter-spacing: 1px;
	box-shadow: inset 0px 0px 0px 1px #ca162a;
	transition: box-shadow 0.2s;
}
.button-2nd:hover {
	color: #e0182e;
	font-weight: 300;
	box-shadow: inset 0px 0px 0px 2px #ca162a;
	transition: box-shadow 0.2s;
}
.button-3rd {
	color: #ca162a;
	font-weight: 300;
	font-size: 15px;
	letter-spacing: 1px;
}
.button-3rd:hover {
	color: #e0182e;
	font-weight: 300;
}
.button-reverse {
	background-color: #fff;
	color: #ca162a;
	padding: 11px 13px;
	font-weight: 300;
	font-size: 15px;
	border-radius: 1px;
	letter-spacing: 1px;
	-webkit-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.button-reverse:hover {
	background-color: #f2f2f2;
	color: #ca162a;
	font-weight: 300;
	-webkit-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.button-grey {
	background-color: #EEEEEE;
	padding: 11px 13px;
	font-weight: 300;
	font-size: 15px;
	border-radius: 1px;
	letter-spacing: 1px;
	transition: box-shadow 0.2s;
}
.button-grey:hover {
	background-color: #CA162A;
	color: #FFF;
}
@media (max-width:767px) {
	.button {
		font-size: 12px;
		padding: 8px 8px;
	}
	.button-2nd {
		font-size: 12px;
		padding: 8px 8px;
	}
	.button-3rd {
		font-size: 12px;
	}
	.button-reverse {
		font-size: 12px;
		padding: 8px 8px;
	}
}

/* Section Structure */
.home_page section {
	padding: 60px 0;
	position: relative;
}
.vsr_page section {
	padding: 60px 0;
	position: relative;
}
.vr_page section {
	padding: 60px 0;
	position: relative;
}
.web_configurator_page section {
	padding: 60px 0;
	position: relative;
}
.video_fascinator_page section {
	padding: 60px 0;
	position: relative;
}
.dr_page section {
	padding: 60px 0;
	position: relative;
}
.ls_page section {
	padding: 60px 0;
	position: relative;
}
.environment_page section {
	padding: 60px 0;
	position: relative;
}
.bottom100 {
	padding-bottom: 100px !important;
}
.top100 {
	padding-top: 100px !important;
}
.top0 {
	padding-top: 0!important;
}
.bottom0 {
	padding-bottom: 0!important;
}
.vh100 {
	height: 100vh;
}
.button-section {
	padding-top: 10px !important;
	padding-bottom: 0 !important;
}
.button-section-2 {
	padding-top: 10px !important;
	padding-bottom: 60px !important;
}
.block {
	background-color: #fff;
	border-right: 7px solid #f5f5f5;
	border-left: 7px solid #f5f5f5;
	padding: 40px;
}
.block p:last-child {
	margin-bottom: 0;
}
.hero-title {
	height: 120px;
}
.sol-title {
	height: 55px;
	margin-bottom: 15px;
}
#ps_augmented {
	height: 60vh;
	padding-top: 0;
}
#ps_augmented .layer {
	top: -200px;
}

@media (max-width:767px) {
	.hero-title {
		height: auto;
	}
}

/* Home Page */
#home_welcome {
	height: 67vh;
	position: relative;
}
.watermark {
	position: absolute;
	bottom: 15px;
	right: 40px;
}
#home_solutions {
	padding-top: 40px;
}
#featured-news img {
	padding-right: 20px;
}
#featured-news .container {
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
	box-shadow: 0 25px 40px -20px rgba(0,0,0,0.1);
	background-color: #fff;
}
#featured-news h1 {
	margin-top: 0;
}
#featured-news .fa{
	position: absolute;
	right: 30px;
    top: -20px;
	color: #ca162a;
    font-size: 50px;
	z-index: 2;
}
@media (max-width:991px) {
	#featured-news img {
		padding-right: 0px;
	}
}

/* Tabs */
.home_page .nav-tabs {
	border: none;
}
.home_page .nav-tabs>li {
	padding: 0;
	float: none;
    display: inline-block;
}
.home_page .nav-tabs>li>a {
	border: none;
	border-radius: none;
	background-color: #a0a0a0;
	color: #fff;
	border-radius: 0px 0px !important;
	transition: background-color 0.3s;
}
.home_page .nav-tabs>li>a:hover {
	border: none;
	background-color: #d2d2d2;
	color: #fff;
	transition: background-color 0.3s;
}
.home_page .nav-tabs p {
	margin: 5px 0 5px 0!important;
}
.home_page .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #000;
    cursor: default;
    background-color: #eee;
	border: none;
	border-bottom: 1px solid #eee;
	font-weight: 400;
}
.home_page .nav-tabs>.active p {
	font-weight: 400;
}
@media (max-width:992px) {
	.home_page .nav-tabs>li {
		float: left
	}
}

/* Tab Content */
.omni-container {
	padding: 10px 32px 10px 30px;
}
.solution {
	margin-top: 10px;
}
.sol-container {
	background-color: #fff;
	padding: 25px 40px;
}

@media (min-width:992px) {
	.sol-container {
		min-height: 214px;
	}
	#menu3 .sol-container {
		min-height: 289px;
	}
}
@media (min-width:1200px) {
	#menu3 .sol-container {
		min-height: 264px;
	}
}
.sol-description {
	position: relative;
}
.sol-description p {
	position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
	padding: 0px 30px;
	width: 230px;
	background-color: rgba(202,22,42,0.85);
}
.sol-description-mob p {
	background-color: #ca162a;
    position: static;
    padding: 35px 25px;
	margin-bottom: 0px;
}
.sol-description .retail-desc {
	left: 157px;
}
.sol-description .online-desc {
	left: 0;
    right: 0;
    margin: 0 auto;
}
.sol-description .asset-desc {
	right: 157px;
}
@media (min-width:992px) {
	.omni-container .solution:first-child {
		padding-right: 5px;
	}
	.omni-container .solution:last-child {
		padding-left: 5px;
	}
}

/* Clients */
.client {
	background-color: #2980b9;
	border-left: 7px solid #fff;
	border-right: 7px solid #fff;
	padding: 0;
	margin-bottom: 45px;
	box-shadow: 0 25px 40px -20px rgba(41,128,185,0.5);
	transition: background-color 0.3s;
}
.client:hover {
	background-color: #3a99d8;
	transition: background-color 0.3s;
}
.client-details img {
	float: left;
	padding-left: 20px;
}
.client-details p {
	padding: 15px 0 0 25px;
}
.partner {
	background-color: #a0a0a0;
	border-left: 7px solid #fff;
	border-right: 7px solid #fff;
	padding: 0;
	margin-bottom: 45px;
	box-shadow: 0 25px 40px -20px rgba(0,0,0,0.2);
}
.partner-img {
	width: 100%;
	border-bottom: 2px solid #2980b9;
}
@media only screen and (min-width:1200px) and (max-width: 1310px) {
	#home_clients .container {
		width: 970px;
	}
	#careers_clients .container {
		width: 970px;
	}
}
.swipe p {
	font-size: 16px;
	vertical-align: middle;
}
.swipe img {
	width: 40px;
}

/* Clients Carousel */
.owl-controls {
	position: absolute;
    left: -90px;
	width: 100%;
}
#client-carousel .owl-controls {
	top: 40%;
}
#partner-carousel .owl-controls {
	top: 32%;
}
#quote-carousel .owl-controls {
	top: 29%;
}
#gallery-carousel .owl-controls {
	top: 45%;
}
.owl-prev, .owl-next {
	display: inline-block;
}
.owl-next {
	right: -180px;
    position: absolute;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

.owl-nav .disabled {
	opacity: 0;
}

/* Quotes */
.quote {
	background-color: #eeeeee;
	border-left: 7px solid #fff;
	border-right: 7px solid #fff;
	padding: 0;
	box-shadow: 0 25px 40px -20px rgba(0,0,0,0.2);
	margin-bottom: 45px;
}
#quote-carousel p:last-child {
	color: #ca162a;
}
#quote-carousel i {
	color: #ca162a;
}
.quote-logo {
	background-color: #a0a0a0;
	margin: 0;
	padding: 0;
}
.quote-logo img {
	border-bottom: 2px solid #2980b9;
}
.quote-row {
	position: relative;
}
.quote-row .fa-quote-right {
	position: absolute;
	right: 30px;
    top: -20px;
	color: #ca162a;
    font-size: 50px;
	z-index: 2;
}
.quote1 .quote-text {
	padding: 15px 20px 10px 20px;
}
.quote2 .quote-text {
	padding: 15px 25px 10px 25px;
}
.quote3 .quote-text {
	padding: 15px 30px 10px 30px;
}
@media (min-width:992px) {
	.quote1 .quote-text {
		padding: 35px 38px 0 38px;
	}
	.quote2 .quote-text {
		padding: 25px 40px 0 40px;
	}
	.quote3 .quote-text {
		padding: 20px 30px 0 30px;
	}
}
@media (min-width:1300px) {
	.quote1 .quote-text {
		padding: 48px 80px 0 80px;
	}
	.quote2 .quote-text {
		padding: 50px 62px 0 62px;
	}
	.quote3 .quote-text {
		padding: 38px 80px 0 80px;
	}
}

/* Live Shot Page */
.ls_page .project {
	width: 100%;
}

/* Virtual Showroom Page */
#vsr_installations .lead {
	margin-bottom: 10px;
}
#vsr_installations ul .lead-smaller {
	margin-bottom: 0;
}
#vr_casestudies .carousel-indicators .active {
	background-color: #ca162a;
}
#vr_casestudies .carousel-indicators li {
	border: 1px solid #ca162a;
}
#vr_casestudies .carousel-control {
    background: none;
	position: relative;
}

/* Environment Creation Page */
#env_tech {
	background-color: #3c3c3c;
}
#env_benefits h1 {
	line-height: 1.3em;
}
#env_benefits .block ,#env_examples .block {
	background-color: #eee;
	border-left: 7px solid #fff;
	border-right: 7px solid #fff;
}
#env_benefits .block {
	display: table;
	margin-bottom: 10px;
}
#env_benefits .block p {
	display: table-cell;
	vertical-align: middle;
}

/* Careers Page */
.careers_page section {
	padding: 60px 0;
	position: relative;
}
#careers_intro {
	padding: 230px 0 200px !important;
}
#careers_work {
	padding-top: 0px;
}
#careers_newcastle {
	position: relative;
	padding: 0;
}
#careers_vacancies a {
	color: #ca162a;
	text-align: right;
}
#careers_vacancies a:hover {
	color: #e0182e;
}
#careers_contactus {
	position: relative;
	padding-top: 5px;
}
#careers_newcastle {
	height: 600px;
}
#careers_newcastle .overlay {
	height: 100%;
	width: 372px;
	background-color: #ca162a;
	padding: 30px 50px;
	margin: 0 auto;
}
#careers_culture .block {
	background-color: #eee;
	border-left: 7px solid #fff;
	border-right: 7px solid #fff;
}
.greyscale img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.greyscale img:hover {
	-webkit-filter: grayscale(10%);
	filter: grayscale(10%);
}
@media (max-width:767px) {
	#careers_benefits {
		padding-top: 0;
	}
	.overlay {
		width: 100% !important;
	}
}
@media (max-width:991px) {
	#careers_vacancies a{
		text-align: center !important;
	}
	#careers_intro {
		padding: 130px 0 100px !important;
	}
	#careers_culture .block {
		margin-bottom: 10px;
	}
	#env_benefits .block ,#env_examples .block {
		margin-bottom: 10px;
	}
}
/* Careers Projects */
#projects {
	width: 100%;
	z-index: 1;
}
.project {
	float: left;
	width: 50%;
	height: 50vw;
}
.project .lead {
	font-size: 10px;
	width: 70%;
	margin: auto;
}
@media (min-width:375px) {
	.project .lead {
		font-size: 12px !important;
	}
}
@media (min-width:480px) {
	.project .lead {
		font-size: 14px !important;
	}
}
@media (min-width:768px) {
	.project .lead {
		font-size: 20px !important;
	}
	.overlay .lead-smaller {
		font-size: 11px;
	}
}
@media (min-width:960px) {
	.project {
		width: 25%;
		height: 25vw;
	}
	.ls_page .project {
		width: 50%;
		height: 15vw;
	}
	.project .lead {
		font-size: 16px !important;
	}
	.overlay .lead-smaller {
		font-size: 13px !important;
	}
	.overlay h1 {
		font-size: 23px !important;
	}
}
@media (min-width:1200px) {
	.project .lead {
		font-size: 20px !important;
	}
	.overlay .lead-smaller {
		font-size: 14px !important;
	}
	.overlay h1 {
		font-size: 23px !important;
	}
}
@media (min-width:1700px) {
	.overlay .lead-smaller {
		font-size: 18px !important;
	}
	.overlay h1 {
		font-size: 36px !important;
	}
}

#vr_hmd .pro_1 {
	background-image:url(../img/vr_hmd1.jpg);
	background-size: cover;
}
#vr_hmd .pro_2 {
	background-image:url(../img/vr_hmd2.jpg);
	background-size: cover;
}
#vr_hmd .pro_3 {
	background-image:url(../img/vr_hmd3.jpg);
	background-size: cover;
}
#vr_hmd .pro_4 {
	background-image:url(../img/vr_hmd4.jpg);
	background-size: cover;
}

#careers_work .pro_1 {
	background-image:url(../img/careers_work_1.jpg);
	background-size: cover;
}
#careers_work .pro_2 {
	background-image:url(../img/careers_work_2.jpg);
	background-size: cover;
}
#careers_work .pro_3 {
	background-image:url(../img/careers_work_3.jpg);
	background-size: cover;
}
#careers_work .pro_4 {
	background-image:url(../img/careers_work_4.jpg);
	background-size: cover;
}

#ls_flex .pro_1 {
	background-image:url(../img/ls_flex1.jpg);
	background-size: cover;
}
#ls_flex .pro_2 {
	background-image:url(../img/ls_flex2.jpg);
	background-size: cover;
}
#ls_flex .pro_3 {
	background-image:url(../img/ls_flex3.jpg);
	background-size: cover;
}
#ls_flex .pro_4 {
	background-image:url(../img/ls_flex4.jpg);
	background-size: cover;
}

/* Contact Page */
.contact_page {
	padding-top: 50px;
}
.contact_page section {
	padding: 60px 0;
}
.contact_page #home_footer {
	margin-bottom: -24px;
}

/* Assets & Typography */

a {
	text-decoration: none !important;
}
.thin {
	font-weight: 100;
}
.thick {
	font-weight: 300;
}
.bold {
	font-weight: 400;
}
.red-separator {
	display: inline;
	border-right: 2px solid #ca162a;
	margin-right: 0.5em;
	padding-right: 0.7em;
}
.red-u {
	height: 0;
	width: 75px;
	border: 1px solid #ca162a;
	margin: 0 auto;
}
.red-line-full::before {
	content: " ";
	width: 100%;
	height: 1px;
	background-color: #ca162a;
	position: absolute;
	bottom: 0;
}

/* Scroll Down CSS */
#scroll-btn {
	position: absolute;
	left: 50%;
	bottom: 80px;
	width: 40px;
	-ms-transform: translateX(-50%);	/* IE 9 */
	-webkit-transform: translateX(-50%);	/* Safari */
	transform: translateX(-50%);
}

#scroll-btn a span {
	position: absolute;
	top: 20px;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb04 2s infinite;
	animation: sdb04 2s infinite;
	box-sizing: border-box;
}
.scroll-dark a span {
	border-left: 1px solid #000 !important;
	border-bottom: 1px solid #000 !important;
}
@-webkit-keyframes sdb04 {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		-webkit-transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
	}
}
@keyframes sdb04 {
	0% {
		transform: rotate(-45deg) translate(0, 0);
	}
	20% {
		transform: rotate(-45deg) translate(-10px, 10px);
	}
	40% {
		transform: rotate(-45deg) translate(0, 0);
	}
}

.plus-bg {
	position: absolute;
	top: 0;
	z-index: 0;
	opacity: 1;
}
.plus-bg-bottomright {
	position: absolute;
	bottom: 0;
	z-index: 0;
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.plus-bg-topright {
	position: absolute;
	top: 0;
	z-index: 0;
   	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}
.plus-bg-bottomleft {
	position: absolute;
	bottom: 0;
	z-index: 0;
   	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV";
}
@media (max-width:991px) {
	.plus-bg {
		opacity: 0.6;
	}
}
.diff-shadow {
	box-shadow: 0 25px 40px -20px rgba(0,0,0,0.1);
}
.diff-shadow-dark {
	box-shadow: 0 25px 40px -20px rgba(0,0,0,0.2);
}

/* Updates Block */
#home_updates .lead {
	font-size: 20px !important;
}
#home_updates .lead-smaller {
	font-size: 16px !important;
}
#home_updates h1 {
	font-size: 36px !important;
}
.latest-col {
	padding: 40px;
	background-color: #fff;
	border-left: 7px solid #f5f5f5;
	border-right: 7px solid #f5f5f5;
	box-shadow: 0 25px 40px -20px rgba(0,0,0,0.1);
}
@media (max-width:991px) {
	.latest-col {
		margin-bottom: 20px;
	}
}
.thumb-border {
	border: solid 1px #a0a0a0;
}
.job-title {
	margin-bottom: 0;
}
.video-col {
	padding-left: 0;
}
.video-col p {
	margin-bottom: 0;
}
#home_updates .latest-col a {
	color: #ca162a;
}
#home_updates .latest-col a:hover {
	color: #e0182e;
}
#home_updates .button-2nd {
	padding: 11px 26px;
}
.latest-more {
	padding-right: 7px;
	text-align: right;
}
#tweecool ul {
	list-style: none;
	font-weight: 300;
	font-size: 16px;
}
#tweecool a {
	font-weight: 400;
	color: #6e6e6e;
}
#tweecool .tweets_txt {
	margin-bottom: 30px;
}
#tweecool .tweets_txt span {
	display: block;
	margin-top: 5px;
	font-weight: 300;
	color: #ca162a;
}
#tweecool2 ul {
	list-style: none;
	font-weight: 300;
	font-size: 16px;
}
#tweecool2 a {
	font-weight: 400;
	color: #6e6e6e;
}
#tweecool2 .tweets_txt {
	margin-bottom: 30px;
}
#tweecool2 .tweets_txt span {
	display: block;
	margin-top: 5px;
	font-weight: 300;
	color: #ca162a;
}
@media (max-width:375px) {
	#tweecool2 ul {
		font-size: 11px;
	}
	#home_updates h1 {
		font-size: 25px !important;
	}
	#home_updates .lead-smaller {
		font-size: 11px !important;
	}
}
@media (max-width:991px) {
	#home_updates {
		padding-bottom: 0 !important;
	}
}

/* Footer */
#home_footer {
	background-color: #3c3c3c;
}
#home_footer ul {
	list-style: none;
}
#home_footer li>p {
	color: #a0a0a0;
}
#home_footer li>p:hover {
	color: #fff;
}
#home_footer a {
	font-weight: 300;
}
#home_footer p {
	margin-bottom: 7px;
}
#home_footer .copyright {
	color: #a0a0a0;
}
.social img {
	opacity: 1;
	transition: opacity 0.3s;
}
.social img:hover {
	opacity: 0.7;
}
.social-center {
	width: 300px;
	margin: 0 auto;
	padding-left: 35px;
}
@media (min-width:768px) {
	#home_footer .lead-smaller {
		font-size: 15px;
	}
	#home_footer .copyright {
		font-size: 14px;
	}
}
.footer div {
	margin-bottom: 15px;
}

/* Privacy/Terms */
#privacy_policy ul {
	padding-left: 40px;
}

/* Cookie Bar CSS */
.cc_banner-wrapper {
	z-index: 10 !important;
	bottom: 0px;
}
.cc_container {
	font-family: 'Roboto', Helvetica, Arial, sans-serif !important;
	bottom: 0px !important;
}
.cc_btn {
	background-color: #ca162a !important;
	color: #fff !important;
	border-radius: 1px !important;
	-webkit-border-radius: 1px !important;
}
.cc_btn:hover {
	background-color: #e0182e !important;
}
.cc_container a {
	color: #fff !important;
}
.cc_container a:hover {
	color: #c4c4c4 !important;
}
/* Cookie Consent */
.cc_banner-wrapper {
	z-index: 9001;
	position: relative;
}
.cc_container .cc_btn {
	cursor: pointer;
	text-align: center;
	font-size: 0.6em;
	transition: font-size 200ms;
	line-height: 1em;
}
.cc_container .cc_message {
	font-size: 0.6em;
	transition: font-size 200ms;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
@media screen and (min-width:500px) {
	.cc_container .cc_btn {
		font-size: 0.8em;
	}
	.cc_container .cc_message {
		font-size: 0.8em;
	}
}
@media screen and (min-width:768px) {
	.cc_container .cc_btn {
		font-size: 1em
	}
	.cc_container .cc_message {
		font-size: 1em;
		line-height: 1em;
	}
}
@media screen and (min-width:992px) {
	.cc_container .cc_message {
		font-size: 1em;
	}
}
@media print {
	.cc_banner-wrapper, .cc_container {
		display: none;
	}
}
.cc_banner-wrapper {
	/*height: 66px*/
}
.cc_container {
	padding: 15px 15px 15px;
	overflow: hidden;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
}
.cc_container .cc_btn {
	padding: 8px 10px;
	background-color: #f1d600;
	cursor: pointer;
	text-align: center;
	display: block;
	width: 33%;
	margin-left: 10px;
	float: right;
	max-width: 120px;
}
.cc_container .cc_message {
	display: block;
}
@media screen and (min-width:500px) {
	.cc_container .cc_message {
		margin-top: 0.5em;
	}
}
@media screen and (min-width:768px) {
	.cc_container {
		padding: 15px 30px 15px;
	}
	.cc_container .cc_btn {
		padding: 8px 15px;
	}
}
.cc_container {
	background: rgba(34,34,34,0.5);
	color: #fff;
	font-size: 17px;
	box-sizing: border-box;
}
.cc_container::-moz-selection {
	background: #ff5e99;
	color: #fff;
	text-shadow: none;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
	color: #000;
	background-color: #f1d600;
	transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
	-webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
	background-color: #fff;
	color: #000;
}
.cc_container a, .cc_container a:visited {
	text-decoration: none;
	color: #31a8f0;
	transition: 200ms color;
}
.cc_container a:hover, .cc_container a:active {
	color: #b2f7ff;
}
@-webkit-keyframes slideDown {
	0% {
		margin-top: -66px;
	}
	100% {
		margin-top: 0px;
	}
}
@keyframes slideDown {
	0% {
		margin-top: -66px;
	}
	100% {
		margin-top: 0px;
	}
}
@-webkit-keyframes growDown {
	0% {
		height: 0;
	}
	100% {
		height: 66px;
	}
}
@keyframes growDown {
	0% {
		height: 0;
	}
	100% {
		height: 66px;
	}
}
.cc_container {
	-webkit-animation-duration: 0.8s;
	-moz-animation-duration: 0.8s;
	-o-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-name: slideDown;
	animation-name: slideDown;
}
.cc_banner-wrapper {
	-webkit-animation-duration: 0.8s;
	-moz-animation-duration: 0.8s;
	-o-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-name: growDown;
	animation-name: growDown;
}

/* Web Configurator */
#explorer_live .hero-title {
	height: 90px;
	margin-bottom: 10px;
}

/* Video Fascinator */
#vf_intro {
	position: relative;
	padding-bottom: 0;
}
#vf_intro .hero-title {
	height: 90px;
	margin-bottom: 10px;
}
#vf_intro_mobile {
	height: 100vh !important;
}
#vf_desc {
	padding-top: 0px;
}
#vf_intro .pad25 {
	padding-top: 25px;
	margin-left: -45px;
}
.red-right {
	border-right: 2px solid #ca162a;
}
#vf_stats .sources {
	color: #a0a0a0;
	font-size: 12px !important;
}
#vf_stats .sources:hover {
	color: #fff;
}
#vf_stats .sources sup {
	margin-right: 10px;
}
#vf_benefits h1 {
	line-height: 1.3em;
}
#vf_stats {
	background-color: #3c3c3c;
}
#vf_ewc .block {
	background-color: #eee;
	border-left: 7px solid #fff;
	border-right: 7px solid #fff;
	margin-bottom: 10px;
}
.stat {
	width: 100%;
	border: 2px solid #ca162a;
	height: 200px;
	position: relative;
}
.stat-inner {
	display: table;
	width: 100%;
	background-color: #ca162a;
	position: absolute;
	bottom: 0;
	text-align: center;
}
.stat-inner p {
	display: table-cell;
	vertical-align: middle;
	font-size: 36px;
    font-weight: 100;
}
.s75 {
	height: 150px;
}
.s90 {
	height: 180px;
}
.s50 {
	height: 100px;
}
.s78 {
	height: 162px;
}
.s60 {
	height: 120px;
}
.s14 {
	height: 100%;
}

.lead-highlight {
	padding: 7px 10px;
	background-color: #121212;
}
.full-exp-message {
	position: absolute;
	bottom: 15%;
	margin-left: auto;
	margin-right: auto;
	left: 25px;
	right: 25px;
}
@media (max-width:991px) {
	.sectionh1 {
		font-size: 22px;
	}
	#vf_benefits .block {
		margin-bottom: 10px;
	}
	#vf_ewc .block {
		margin-bottom: 10px;
	}
}
@media (max-width:1199px) {
	#vf_desc {
		padding-top: 60px !important;
	}
}

/* Fascinator Product */
#fascinator-wrapper {
	width: 100%;
	margin: auto;
}
/* force 32/9 aspect ratio for all videos */
#video-wrapper {
	position: relative;
	padding-bottom: 28.125%;
	height: 0;
	overflow: hidden;
}

#video-wrapper video {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#video-wrapper span {
	display: none;
	position: absolute;
	top: 1em;
	right: 1em;
	z-index: 1001;
	font-size: 2em;
	opacity: 0.5;
	color: #333;
	background-color: #aaa;
	padding:0.2em;
	border-radius: 4px;
	cursor: pointer;
}

/* videos other that first one should show under */
#fascinator-wrapper progress {
	display: block;
	width: 100%;
	height: 6px;
	z-index: 1000;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	top: 0;
	left: 0;
	transition: all 0.3s;
}

#fascinator-wrapper progress::-moz-progress-bar {
	background-color: #ca162a !important;
}
#fascinator-wrapper progress::-webkit-progress-value {
	background-color: #ca162a !important;
}
#fascinator-wrapper progress,
#fascinator-wrapper progress::-webkit-progress-bar {
	background-color: #e0e0e0;
}
#fascinator-wrapper progress:hover {
	cursor: pointer;
	height: 16px;
	top: -10px;
	margin-bottom: -10px;
}
#controls-wrapper {
	text-align: center;
}
#controls-wrapper div.button {
	padding: 0;
	border: none;
	vertical-align: top;
	background-color: transparent;
	display: inline-block;
}
#controls-wrapper .grp_option.separator div.button+div.button img {
	border-left: 1px solid #707070;
}
#controls-wrapper .grp_option.separator div.button+div.button p {
	margin-left: 1px;
}
#controls-wrapper .grp_option:first-child div.button:first-child img {
	border-bottom-left-radius: 5px;
}
#controls-wrapper .grp_option:last-child div.button:last-child img {
	border-bottom-right-radius: 5px;
}
#controls-wrapper div.button:hover {
	cursor: pointer;
}
#controls-wrapper div.button:focus {
	outline: none;
}
#controls-wrapper div.button img {
	background: linear-gradient(#3c3c3c, #6a6a6a);
	vertical-align: top;
}
#controls-wrapper div.button p {
	padding-top: 8px;
	margin: 5px 0 0;
	border-top: 3px solid #ca162a;
	display: none;
	height: 30px;
}
#controls-wrapper div.button.active p {
	display: block;
}
#controls-wrapper div.button span.pending {
	padding-top: 8px;
	margin-top: 5px;
	border-top: 3px solid #a0a0a0;
	display: none;
}
#controls-wrapper div.button.next span.pending {
	display: block;
}
#controls-wrapper div.button * {
	width: 24px;
	box-sizing: content-box;
}
@media (min-width:480px) {
	#controls-wrapper div.button * {
		width: 32px;
	}
}
@media (min-width:768px) {
	#controls-wrapper div.button * {
		width: 48px;
	}
}
@media (min-width:992px) {
	#controls-wrapper div.button * {
		width: 64px;
	}
}
@media (min-width:1200px) {
	#controls-wrapper div.button * {
		width: 70px;
	}
}


/*** PROJECTS ***/

/* Header */

.header {
	position: relative;
	height: 250px;
	background-image: url('../img/project-header.jpg?v=139');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0% 64%;
	width: 100%;
	margin-top: 50px;
}

.header .header-content {
	margin: 0 auto;
	padding: 135px 5%;
	height: 100%;
}

.header h1 {
	color: #fff;
	display: inline-block;
	padding: 10px;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 300;
	background: rgba(202, 22, 42, 0.85);
	margin: 0;
}

.header p {
	color: #fff;
	font-size: 1.3rem;
	line-height: initial;
	font-weight: 300;
	background: rgba(0, 0, 0, 0.65);
	max-width: 100%;
	margin: 0;
	padding: 8px;
}

@media only screen and (min-width: 768px) {
	.header {
		height: 350px;
	}
	.header .header-content {
		padding: 10% 3%;
	}
	.header h1 {
		padding: 10px 20px;
		font-size: 2.5rem;
		font-weight: 300;
	}
	.header p {
		padding: 10px 20px;
		max-width: 80%;
	}
}

@media only screen and (min-width: 1170px) {
	.header {
		height: 440px;
		margin-top: 60px;
	}
	.header .header-content {
		width: 1170px;
		padding: 12% 0 0;
	}
	.header h1 {
		font-size: 3.2rem;
	}
	.header p {
		font-size: 1.7rem;
		max-width: 60%;
	}
}


/* Content */

.main-content {
	position: relative;
	min-height: 100vh;
}

.main-content:after {
	content: "";
	display: table;
	clear: both;
}

.main-content.is-fixed .tab-filter-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.main-content.is-fixed .gallery {
	padding-top: 76px;
}

.main-content.is-fixed .filter form {
	height: 100vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.main-content.is-fixed .filter-trigger {
	position: fixed;
}

@media only screen and (min-width: 768px) {
	.main-content.is-fixed .gallery {
		padding-top: 90px;
	}
}

@media only screen and (min-width: 1170px) {
	.main-content.is-fixed .gallery {
		padding-top: 100px;
	}
}


/* Filter */

.tab-filter-wrapper {
	background-color: #eee;
	z-index: 2;
}

.tab-filter-wrapper:after {
	content: "";
	display: table;
	clear: both;
}

.tab-filter-wrapper .tab-filter-content {
	width: 100%;
	margin: 0 auto;
	display: inline-block;
}


/* Drop Down  */

.tab-filter {
	position: relative;
	height: 40px;
	width: 100%;
	margin: 0;
	z-index: 2;
}

.tab-filter::after {
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url("../img/project-icon-arrow.svg") no-repeat center center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	pointer-events: none;
	z-index: 2;
}

.tab-filter ul {
	position: relative;
	top: 0;
	left: 0;
	background-color: #ffffff;
}

.tab-filter li {
	display: none;
}

.tab-filter li:first-child {
	display: block;
}

.tab-filter li:first-child a {
	border-top: none;
	height: 40px;
	line-height: 40px;
}

.tab-filter li:first-child a:hover {
	background: none;
}

.tab-filter a {
	display: block;
	height: 40px;
	width: 100%;
	line-height: 40px;
	padding-left: 15px;
	color: #333;
	border-top: 1px solid #bcbcbc;
	font-size: 13px;
	font-weight: 500;
}

.tab-filter a:hover {
	background: #dedede;
}

.tab-filter a.selected {
	background: #ca162a;
	color: #fff;
}

.tab-filter.is-open::after {
	-webkit-transform: translateY(-50%) rotate(-180deg);
	-moz-transform: translateY(-50%) rotate(-180deg);
	-ms-transform: translateY(-50%) rotate(-180deg);
	-o-transform: translateY(-50%) rotate(-180deg);
	transform: translateY(-50%) rotate(-180deg);
}

.tab-filter.is-open ul li {
	display: block;
}

.tab-filter.is-open .placeholder a {
	opacity: .4;
}


/** Normal Tabs **/

.buttons-filter {
	width: auto;
	cursor: auto;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	flex-grow: 1;
}

.buttons-filter::after {
	display: none;
}

.buttons-filter ul {
	background: transparent;
	position: relative;
	box-shadow: none;
	text-align: left;
	margin: 0 10px;
	line-height: 30px;
	padding: 3px 0;
}

.buttons-filter li {
	display: inline-block;
}

.buttons-filter input[type="radio"] {
	display: none;
}

.buttons-filter li label {
	display: inline-block;
	color: #333;
	background: #fff;
	padding: 0 8px;
	font-size: 13px;
	font-weight: 500;
	margin: 2px 0;
	cursor: pointer;
}


@media only screen and (min-width: 768px) {
	.buttons-filter li.radio-with-video {
	position: absolute;
	top: 12px;
	right: 4px;
	width: 50px;
	height: 30px;
	overflow: hidden;
	}
}

.buttons-filter li.radio-with-video label {
	background: #fff url(../img/video-icon-grey.png) no-repeat 50% 5px;
	color: transparent;
	padding: 0;
	margin: 0;
	display: block;
}

.buttons-filter li.radio-with-video label:hover,
.buttons-filter li.radio-with-video input[type="radio"]:checked + label {
	background: #fff url(../img/video-icon-red.png) no-repeat 50% 5px;
	color: transparent;
}

.buttons-filter li label + input[type="radio"]:checked {
	background: #ca162a;
	color: #fff;
}

.buttons-filter input[type="radio"]:checked + label {
	background: #ca162a;
	color: #fff;
}

.buttons-filter li label:hover {
	background: #ca162a;
	color: #fff;
}

.buttons-filter li.placeholder {
	display: none !important;
}

.buttons-filter a {
	display: inline-block;
	padding: 0 1em;
	width: auto;
	color: #333;
	font-weight: 600;
	font-size: 1.4rem;
}

.no-touch .buttons-filter a:hover {
	color: #ca162a;
}

.buttons-filter a.selected {
	background: #fff;
	color: #ca162a;
	height: 30px;
	margin: 10px 0;
	line-height: 30px;
}

.buttons-filter.is-open ul li {
	display: inline-block;
}

.buttons-filter.filter-is-visible {}

@media only screen and (min-width: 768px) {
	.tab-filter::after {
		right: 0;
	}
	.tab-filter-wrapper {
		padding: 0 3%;
	}
	.tab-filter-wrapper .tab-filter-content {
		display: flex;
	}
	/** drop down **/
	.tab-filter {
		width: 200px;
		height: 50px;
	}
	.tab-filter ul {
		position: absolute;
		background: #eee;
		box-shadow: inset 0 -2px 0 #ca162a;
	}
	.tab-filter li {
		display: none;
	}
	.tab-filter li:first-child {
		display: block;
	}
	.tab-filter li:first-child a {
		height: 51px;
		line-height: 51px;
		padding-left: 0;
		border-bottom: 2px solid #ca162a;
	}
	.tab-filter li:nth-of-type(2) a {
		border-top: none;
	}
	.tab-filter a {
		display: block;
		width: 200px;
		padding-left: 10px;
	}
	.tab-filter a.selected {
		border-top: none;
	}
	/** Normal Tabs **/
	.buttons-filter ul {
		margin: 0 0 0 30px;
		padding: 10px;
	}
	.buttons-filter li label {
		margin: 0 2px;
	}
	.tab-filter.is-open ul {
		box-shadow: none;
	}
}

@media only screen and (min-width: 1170px) {
	/** drop down **/
	.tab-filter-wrapper {
		padding: 0;
	}
	.tab-filter-wrapper .tab-filter-content {
		width: 1170px;
	}
	.tab-filter {
		width: 230px;
	}
	.tab-filter a {
		width: 230px;
		font-size: 14px;
	}
	/** Normal Tabs **/
	.buttons-filter ul {
		margin-left: 50px;
	}
	.buttons-filter li label {
		padding: 0 10px;
		font-size: 14px;
	}
}


/* Project Gallary */

.gallery {
	padding: 26px 5%;
	width: 100%;
}

.gallery li {
	margin-bottom: 1.6em;
	display: none;
}

.gallery-detail li {
	display: inline-block;
}

.gallery li.gap {
	/* used in combination with text-align: justify to align gallery elements */
	opacity: 0;
	height: 0;
	display: inline-block;
}

.gallery img {
	display: block;
	width: 100%;
}

.gallery .fail-message {
	display: none;
	text-align: center;
}

@media only screen and (min-width: 768px) {
	.gallery {
		padding: 40px 3%;
	}
	.gallery ul {
		text-align: justify;
	}
	.gallery ul:after {
		content: "";
		display: table;
		clear: both;
	}
	.gallery li {
		width: 48%;
	}
	#vf_projects .gallery {
		width: 408px;
		margin: 0 auto;
	}
	#vf_projects li {
		width: 100%;
	}
	#wc_projects .gallery {
		width: 408px;
		margin: 0 auto;
	}
	#wc_projects li {
		width: 100%;
	}
	#dr_projects .gallery {
		width: 408px;
		margin: 0 auto;
	}
	#dr_projects li {
		width: 100%;
	}
}

@media only screen and (min-width: 1170px) {
	.gallery {
		padding: 50px 0;
		width: 1170px;
		margin: 0 auto;
		-webkit-transition: width 0.3s;
		-moz-transition: width 0.3s;
		transition: width 0.3s;
	}
	.gallery ul {
		text-align: left;
	}
	.gallery li {
		width: 33%;
		margin-bottom: 2px;
	}
	.allery.filter-is-visible {
		/* reduce width when filter is visible
		width: 80%;*/
	}
}


/* Hover Effect */

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	background: #ca162a;
	text-align: center;
	cursor: pointer;
}

.grid.project-tag-with-video figcaption::before {
	content: " ";
	display: block;
	position: absolute;
	width: 40px;
	height: 35px;
	top: 5px;
	right: 5px;
	background: url(../img/video-icon-tile.png) no-repeat 0 0;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1;
}

.grid figure figcaption {
	padding: 1em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid figure figcaption > a {
	/*z-index: 1;*/
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	/*word-spacing: -0.15em;*/
	font-weight: 300;
	font-size: 1.2rem;
}

.grid figure h2 span {
	font-weight: 400;
	background: rgb(202, 22, 42, 0.7);
	background: rgba(202, 22, 42, 0.7);
	padding: 0;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 80%;
}

figure.effect-title img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-title figcaption {
	text-align: left;
}

figure.effect-title h2 span {
	padding: 3px 5px;
	display: inline-block;
}

figure.effect-title h2 {
	position: relative;
	overflow: hidden;
	padding: 0 0 1em;
}

figure.effect-title h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

figure.effect-title p {
	padding: 1.5em 0 0;
	text-align: center;
	opacity: 0;
	line-height: 1.2em;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}

figure.effect-title p.date {
	text-align: center;
	opacity: 0;
	font-size: 60%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
}


@media (min-width: 601px) {

	figure.effect-title:hover img {
		opacity: 0.25;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	figure.effect-title:hover h2 span {
		background: transparent;
	}

	figure.effect-title:hover h2::after {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	figure.effect-title:hover p {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	figure.effect-title:hover p.date {
		padding: 0.5em 0 0;
		opacity: 0.8;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	figure.effect-title:hover p img {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	figure.effect-title p img {
		text-align: center;
		opacity: 0;
		width: 50%;
		margin: 0 auto;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}

@media (max-width: 600px) {
	/* For Mobile only! */
	.gallery {
		padding: 2%;
		width: 100%;
	}
	.gallery li {
		margin-bottom: 1em;
	}
	.grid figure figcaption {
		padding: 0;
	}
	.grid figure {
		max-height: 200px;
	}
	.grid figure img {
		margin-top: -50px;
		/* Half the height */
	}
	figure.effect-title h2 {
		padding: 0;
	}
	figure.effect-title h2 span {
		font-size: 80%;
	}
	figure.effect-title p,
	figure.effect-title p img,
	figure.effect-title p.date {
		opacity: 1;
		-webkit-transition: none;
		transition: none;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		padding: 0;
		text-transform: capitalize;
	}
	figure.effect-title p {
		font-size: 14px;
		line-height: 1.5;
		background: rgb(0, 0, 0, 0.6);
		background: rgba(0, 0, 0, 0.6);
		margin-top: 142px;
	}
	figure.effect-title p.date {
		font-size: 12px;
		margin-top: 0%;
	}
	figure.effect-title:hover p.date {
		padding: 0;
	}
	figure.effect-title p img {
		display: none;
	}
}

@media (min-width: 320px) and (max-width: 374px) {
	figure.effect-title p {
		margin-top: 103px;
	}
}

@media (min-width: 375px) and (max-width: 390px) {
	figure.effect-title p {
		margin-top: 136px;
	}
}


/*** PROJECT DETAILS ***/

.project-pg {
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.project-pg-slider {
	position: relative;
	height: 320px;
	overflow: hidden;
	margin-bottom: 0;
}

.project-pg-slider li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}

.project-pg-slider li.selected {
	position: relative;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.pg-slider-nav li.with-video a::before {
	content: " ";
	position: absolute;
	width: 26px;
	height: 22px;
	bottom: 5px;
	right: 5px;
	background: #fff url(../img/video-icon-red.png) no-repeat 2px 2px;
}

.project-pg-slider li.move-left {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}

.project-pg-slider li.is-moving,
.project-pg-slider li.selected {
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	transition: transform 0.5s;
}

@media only screen and (min-width: 768px) {
	.project-pg-slider {
		height: 500px;
	}
}

@media only screen and (min-width: 1170px) {
	.project-pg-slider {
		height: 680px;
	}
}

@media screen and (max-height: 600px) {
	.project-pg-slider {
		height: 450px;
	}
}


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

Single slide style

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

.project-pg-slider li {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.project-pg-slider .pg-full-width {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	left: 0;
	top: 0;
	/* this padding is used to align the text */
	padding-top: 100px;
	/*text-align: center;*/
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

.project-pg-slider .pg-img-container {
	/* hide image on mobile device */
	display: none;
}

.project-pg-slider .pg-img-container img {
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.project-pg-slider .pg-bg-video-wrapper {
	/* hide video on mobile device
	display: none;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.project-pg-slider .pg-bg-video-wrapper video {
	/* you won't see this element in the html, but it will be injected using js */
	display: block;
	min-height: 100%;
	min-width: 100%;
	max-width: none;
	height: auto;
	width: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.project-pg-slider h2,
.project-pg-slider p {
	color: #fff;
	font-weight: 300;
	padding: 10px;
	margin: 0;
}

.project-pg-slider h2 {
	font-size: 1.8rem;
	text-align: center;
	font-weight: 300;
	display: inline-block;
	background: rgba(202, 22, 42, 0.5);
}

.project-pg-slider p {
	font-size: 1.3rem;
	display: block;
	background: rgba(0, 0, 0, 0.6);
	line-height: initial;
}

.project-pg-slider p.separate {
	background: transparent;
	padding: 15px 0 0;
}

.pg-full-width .pg-full-width-title {
	width: 90%;
	margin: 0 auto;
	padding: 2em 0;
}

@media only screen and (min-width: 768px) {
	.project-pg-slider .pg-full-width {
		padding-top: 250px;
	}
	.project-pg-slider .pg-bg-video-wrapper {
		display: block;
	}
	.project-pg-slider .pg-half-width {
		width: 45%;
	}
	.project-pg-slider .pg-half-width:first-of-type {
		left: 5%;
	}
	.project-pg-slider .pg-half-width:nth-of-type(2) {
		right: 5%;
		left: auto;
	}
	.project-pg-slider .pg-img-container {
		display: block;
	}
	.project-pg-slider h2 {
		padding: 10px 20px;
		font-size: 2.5rem;
	}
	.project-pg-slider p {
		padding: 10px 20px;
		max-width: 60%;
	}
}

@media only screen and (min-width: 1170px) {
	.project-pg-slider .pg-full-width {
		padding-top: 400px;
	}
	.project-pg-slider h2 {
		font-size: 2.8rem;
	}
	.project-pg-slider p {
		font-size: 1.4rem;
	}
	.pg-full-width .pg-full-width-title {
		max-width: 1170px;
	}
}

@media (min-width: 600px) and (max-height: 600px) {
	.project-pg-slider .pg-full-width {
		padding-top: 200px!important;
	}
}


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

Single slide animation

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

@media only screen and (min-width: 768px) {
	.project-pg-slider .pg-full-width h2,
	.project-pg-slider .pg-full-width p {
		opacity: 0;
		-webkit-transform: translateX(100px);
		-moz-transform: translateX(100px);
		-ms-transform: translateX(100px);
		-o-transform: translateX(100px);
		transform: translateX(100px);
	}
	.project-pg-slider .move-left .pg-full-width h2,
	.project-pg-slider .move-left .pg-full-width {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		-o-transform: translateX(-100px);
		transform: translateX(-100px);
	}
	.project-pg-slider .selected .pg-full-width h2,
	.project-pg-slider .selected .pg-full-width p {
		/* this is the visible slide */
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	.project-pg-slider li.is-moving .pg-full-width h2,
	.project-pg-slider li.is-moving .pg-full-width p {
		/* this is the slide moving outside the viewport
		wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
		-webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
		-moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
		transition: opacity 0s 0.5s, transform 0s 0.5s;
	}
	.project-pg-slider li.selected h2 {
		-webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
		-moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
		transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
	}
	.project-pg-slider li.selected p {
		-webkit-transition: opacity 0.4s 0.5s, -webkit-transform 0.5s 0.5s;
		-moz-transition: opacity 0.4s 0.5s, -moz-transform 0.5s 0.5s;
		transition: opacity 0.4s 0.5s, transform 0.5s 0.5s;
	}
}


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

Slider navigation

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

.pg-slider-nav {
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 2;
	text-align: center;
	height: 46px;
	background-color: rgba(0, 0, 0, 0.5);
}

.pg-slider-nav nav,
.pg-slider-nav ul,
.pg-slider-nav li,
.pg-slider-nav a {
	height: 100%;
}

.pg-slider-nav nav {
	display: inline-block;
	position: relative;
}

.pg-slider-nav .pg-marker {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 100%;
	background-color: #ffffff;
	-webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
	-moz-transition: -moz-transform 0.2s, box-shadow 0.2s;
	transition: transform 0.2s, box-shadow 0.2s;
}

.pg-slider-nav ul::after {
	clear: both;
	content: "";
	display: table;
}

.pg-slider-nav li {
	display: inline-block;
	width: 60px;
	float: left;
}

.pg-slider-nav li.selected a {
	color: #000;
	text-decoration: none;
}

.no-touch .pg-slider-nav li.selected a:hover {
	background-color: transparent;
}

.pg-slider-nav a {
	display: block;
	position: relative;
	padding: 5px;
	font-size: 1rem;
	color: #d2d2d2;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
}

.no-touch .pg-slider-nav a:hover {
	background-color: rgba(0, 0, 0, 1);
	text-decoration: none;
}

@media only screen and (min-width: 768px) {
	.pg-slider-nav {
		height: 60px;
	}
	.pg-slider-nav .pg-marker,
	.pg-slider-nav li {
		width: 80px;
	}
	.pg-slider-nav a {
		font-size: 1.2rem;
	}
}


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

Main content

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

.pg-main-content {
	width: 90%;
	margin: 0 auto;
	padding: 3em 0;
}

.pg-main-content p {
	font-size: 1.4rem;
	line-height: 1.4;
	color: #000;
	margin: 1.6em 0;
}
.pg-main-content b {
	font-size: 2rem;
}

@media only screen and (min-width: 1170px) {
	.pg-main-content {
		max-width: 1170px;
		padding: 4em 0;
	}
	.pg-main-content p {
		font-size: 1.6rem;
	}
}


/*** Javascript disabled ***/

.no-js .project-pg-slider li {
	display: none;
}

.no-js .project-pg-slider li.selected {
	display: block;
}

.no-js .pg-slider-nav {
	display: none;
}


/* detail page*/

.project-post .date {
	float: left;
	width: 70px;
	border-right: 2px #ca162a solid;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	color: #333;
}

.project-post .date span {
	display: block;
	font-size: 30px;
	line-height: 1.2;
}

.project-post .text {
	margin-left: 70px;
	padding: 0 30px;
}

.project-post .title {
	font-size: 30px;
	line-height: 34px;
	color: #222;
	text-transform: uppercase;
	margin-bottom: 20px!important;
	display: inline-block;
}

.project-post.detail-post .title {
	margin-bottom: 35px!important;
}

.project-post .title:hover {
	text-decoration: none;
}

.project-post .description {
	font-size: 14px;
	color: #333;
	margin-bottom: 30px;
}

.project-post .project-info {
	margin: 10px 0 30px;
}

.project-post .project-info a.back-button {
	text-transform: uppercase;
	color: #e10514;
	border: 2px solid #e10514;
	padding: 4px 11px 4px 26px;
	font-size: 12px;
	font-weight: 600;
	background-position: 8px 50%;
	background-repeat: no-repeat;
	background-image: url(../img/icon_back_arrow.png);
}

.project-post .project-info a.back-button:hover {
	text-decoration: none;
}

.project-post .project-category {
	color: #ca162a;
	text-transform: uppercase;
	font-weight: 400;
}

.project-post .share-icons {
	vertical-align: top;
}

.project-list {
	margin-left: 15px;
}
.project-list li {
	font-size: 15px;
	font-weight: 300;
	margin: 7px 0px;
}
.project-quote {
	color: #ca162a !important;
    font-size: 1.5em !important;
    padding: 0px 30px;
	padding-top: 20px;
}
.quote-caption {
	font-size: 0.9em !important;
	font-weight: 400;
	padding: 0px 30px;
    margin-top: -25px !important;
	padding-bottom: 20px;
}
.project-caption {
	font-size: 0.9em !important;
	font-weight: 400;
	margin-top: -15px !important;
}

@media only screen and (min-width: 768px) {
	.project-quote {
		padding: 0px 100px;
	}
	.quote-caption {
		padding: 0px 100px;
	}
}


/*widgets*/

.widget-entry {
	margin-bottom: 70px;
}


/**/

.project-details {
	position: relative;
	padding-left: 35px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 13px;
	font-weight: 600;
	line-height: 21px;
	color: #333;
	border-bottom: 1px solid #d2d2d2;
}

.project-details-border-top {
	padding-top: 10px;
	border-top: 1px solid #d2d2d2;
}

.project-details-border-top .project-details-logo {
	top: 13px;
}

.border-light {
	border-bottom: 1px solid #eaeaea;
}

.project-details a {
	color: #333;
}

.project-details a:hover {
	font-weight: bold;
}

.project-details-logo {
	position: absolute;
	left: 0;
	top: 5px;
}

.project-details .title {
	display: block;
	color: #ca162a;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
}

@media (max-width: 991px) {
	.blog-post {
		margin-bottom: 50px;
	}
	.widget-entry {
		margin-bottom: 50px;
		margin-top: 50px;
	}
	.project-post .text {
		padding: 0 0 0 30px;
	}
}

@media (max-width: 480px) {
	.project-post .date {
		float: none;
		width: auto;
		text-align: left;
		margin-bottom: 10px;
		border-left: 2px #ca162a solid;
		padding-left: 10px;
		border-right: none;
	}
	.project-post .date br {
		display: none;
	}
	.project-post .date span {
		display: inline-block;
		padding-right: 7px;
	}
	.project-post .text {
		margin-left: 0;
		padding: 0;
	}
}


/* Project Gallery Details */

.gallery h4 {
	border-top: 1px solid #d2d2d2;
	padding-top: 10px;
	padding-bottom: 30px;
	color: #ca162a;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	padding-left: 25px;
	background-image: url(../img/project-icon-similar-project.png);
	background-position: 0 10px;
	background-repeat: no-repeat;
}

body > header + div {
	-webkit-transition: margin-top 0.2s;
	-ms-transition: margin-top 0.2s;
	transition: margin-top 0.2s;
}

body > .cc_banner-wrapper + header + .banner-push {
	margin-top: 60px;
}


/* B Test Styles */

.indexB #home_welcome {
	height: 100vh !important;
}
.indexB .bgvid {
	padding-top: 0;
}
.indexB .home-header {
	position: absolute;
	bottom: 75px;
	background-image: none !important;
}
.indexB .bg-grad {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	height: 220px;
	background: none;	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));	/*Safari 5.1-6*/
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));	/*Opera 11.1-12*/
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));	/*Fx 3.6-15*/
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));	/*Standard*/
}
.indexB #home_solutions {
	padding-top: 60px;
}

@media (min-width: 768px) {
	.indexB .home-header {
		bottom: 0;
	}
}

/* C Test Styles */

.indexC #home_solutions {
	padding-top: 130px;
}
.indexC .home-header {
	position: absolute;
	bottom: 35px;
	background-image: none !important;
}
.indexC .header-content {
	margin: 0 !important;
}
.indexC .omni-container {
	padding: 37px 32px 36px 30px;
}

@media (min-width: 768px) {
	.indexC .home-header {
		bottom: -50px;
	}
}

/* D Test Styles */

.indexD #home_welcome {
	height: 100vh !important;
}
.indexD .home-header {
	position: absolute;
	bottom: 150px;
	background-image: none !important;
}
.indexD .button-header {
	position: absolute;
	bottom: 30px;
	background-image: none !important;
}
.indexD .button-header p {
	background: none;
	padding: 0;
}
.indexD .head-tabs {
	margin-top: -60px;
}
.indexD .head-tabs a {
	padding: 10px 8px !important;
}
.indexD .head-tabs li {
	float: left;
}
.head-tabs .nav-tabs>li>a {
	border: none;
	border-radius: none;
	background-color: rgba(160,160,160,0.3);
	color: #fff;
	border-radius: 0px 0px !important;
	transition: background-color 0.3s;
}
.head-tabs .nav-tabs>li>a:hover {
	border: none;
	background-color: rgba(210,210,210,0.3);
	color: #fff;
	transition: background-color 0.3s;
}
.head-tabs .nav-tabs>li.active>a, .head-tabs .nav-tabs>li.active>a:hover, .head-tabs .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    background-color: rgba(238,238,238,0.3);
	border: none;
	font-weight: 400;
}
.indexD .watermark {
	position: absolute;
	bottom: 80px;
	right: 40px;
}
.indexD #scroll-btn {
	position: absolute;
	left: 50%;
	bottom: 160px;
	width: 40px;
	-ms-transform: translateX(-50%);	/* IE 9 */
	-webkit-transform: translateX(-50%);	/* Safari */
	transform: translateX(-50%);
}

@media (min-width: 768px) {
	.indexD .home-header {
		bottom: 75px;
	}
	.indexD .button-header {
		bottom: -60px;
	}
}


/* Language Styles */

.fa-globe {
	font-size: 20px;
	color: #ca162a;
	margin-right: 5px;
	vertical-align: middle;
	margin-top: -2px;
}

/* Int. Contact Page Styles */

#contact_intro {
	height: 40vh;
	background-position: 50% 31% !important;
}

@media (max-width: 768px) {
	#contact_intro {
		height: 27vh;
		background-position: 50% 31% !important;
	}
}
#contact_map {
	padding: 0;
	height: 65vh;
}
#contact_map #map {
	height: 100%;
	width: 100%;
}
.contact-flag-hq {
	margin-bottom: 10px;
}
.contact-flag {
	display: inline-block;
	margin-right: 5px;
}
.location-title {
	display: inline-block;
	margin-bottom: 10px;
}



/* For odd centering */
@media (min-width: 992px) {
    .col-md-offset-1-and-half {
        margin-left: 12.499999995%;
    }
}

/* NavBar Length Fix */

@media (max-width: 1091px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}


 .demo-showcase-nav {
	height: 50px;
	width: 100%;
	top: 60px;
	background-color: #0D001E;
	z-index: 9 !important;
	position: fixed;
}

.adjusted-padding {
	padding-top: 50px;
}

@media (max-width: 1091px) {
	.demo-showcase-nav {
		top: 50px;
	}

	.adjusted-padding {
		padding-top: 40px;
	}
}

@media only screen and (max-device-width: 992px) {
	.adjusted-padding {
		padding-top: 50px;
	}
}

.sub-title {
	font-size: 16px;
	margin-bottom: 10px;
    font-weight: 300;
    line-height: 1.5em;
}

.ds-large-font {
	font-size: 20px;
}

.fs-large-bottom-margin {
	margin-bottom: 25px;
}

.learn-more-image-text {
	font-size: 22px;
}

@media(max-width: 550px) {
	.learn-more-image-text {
		font-size: 16px;
	}
}

.demo-page-title {
	margin-bottom: 20px;
}

.audi-logo {

}

@media(max-width: 1024px) {
	.demo-page-title {
		margin-bottom: 15px;
	}
}

@media(max-width: 450px) {
	.audi-logo {
		max-width: 120px;
	}

	.stats-title {
		font-size: 16px !important;
	}
}

@media(min-width: 370px) and (max-width: 450px) {
	.hero-title-image {
		margin-bottom: 45% !important;
	}
}


ul.horizontal-center {
	margin-bottom: 0px;
	text-align: center;
	cursor: default;
	overflow: auto;
    white-space: nowrap;
}

li.mask {
	/*width: 118px; */
	width: 1px;
	left: -200px;
	min-height: 50px;
	transform: skew(-35deg);
	-webkit-transform: skew(-35deg);
	-moz-transform: skew(-35deg);
	-o-transform: skew(-35deg);
	background: #C9162B;
	position: absolute;
	z-index: 1;
	transition: all 0.5s ease;
}


@media only screen and (max-device-width: 1091px) {
	a.nav-item.active:after {
		width: 100%;
		content: '';
		height: 2px;
		background: #CA162A;
		position: absolute;
		bottom: -14px;
		left: 0;
	}

	li.mask {
		display: none;
	}
}

li.center {
	float: none;
	display: inline-block;
	margin-right: -4px;
}

a.nav-item {
	color: #EEEEEE;
	display: block;
	margin: 14.5px 20px;
	position: relative;
	z-index: 2;
	font-weight: 300;
	font-size: 15px;
}

.hero-container {
	position: relative;
	width: 100%;
	height: 75vh;
}

.hero-title-image {
	margin-bottom: 14%;
}

@media(max-height: 600px) {
	.hero-title-image {
		margin-bottom: 6%;
	}
}

.hero-background-image {
	object-fit: cover;
	width: 100%;
	height: 75vh;
}

.hero-overlay {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.15;
	width: 100%;
	height: 100%;
}

.hero-car-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hero-left {
	left: -15%;
	position: absolute !important;
	width: 55%;
}

.hero-right {
	right: -15%;
	position: absolute !important;
	width: 55%;
}

.hero-text {
	color: #FFFFFF;
}

.hero-scroll-button {
	bottom: 20px !important;
}

.stream-container {
	max-width: 1416px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
}

.stream-image {
	position: absolute;
	top: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.config-directions {
	height: 83px;
	position: relative;
	display: inline-block;
	z-index: 1;
	width: 5%;
}

.config-directions.left {
	float: left;
}

.config-directions.right {
	float: right;
}

#options-left-button {
	margin-left: 0px;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
    opacity: 1;
}

#options-right-button {
	margin-right: 0px;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	-o-transform: translate(0%, -50%);
    opacity: 1;
}

a.nav-item:hover {
	font-weight: 300;
}

.config-list-container {
    transition: scroll .4s ease-in;
    width: 100%;
    height: 83px;
    display: inline-block;
}

.config-list.main {
	height: 45px;
	width: 100%;
}

.config-list.options {
	height: 100%;
	width: 100%;
	margin-bottom: 0;
	overflow: hidden;
	white-space: nowrap;
	transition: scroll 1s linear;
	/*position: relative;*/
	text-align: right;
}

@media (max-width:991px) {

	.config-list.options {
		text-align: center;
	}
}

li.config-list-item {
	transition: all .25s ease-in;
	width: 19%;
	height: 100%;
	float: left;
	background-color: #A0A0A0;
	margin-right: 1%;
}

li.config-list-item.active{
	background-color: #CA162A;
}

li.config-list-item:hover {
	background-color: #CA162A;
}

.skew {
	transform: skew(-30deg);
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-o-transform: skew(-30deg);
}

.anti-skew {
	transform: skew(30deg);
	-webkit-transform: skew(30deg);
	-moz-transform: skew(30deg);
	-o-transform: skew(30deg);
}

div.list-item-container {
	width: 100%;
	height: 100%;
	max-width: 40px;
	margin-left: auto;
	margin-right: auto;
	/*padding: 10px;*/
}

img.list-item-image {
	height: 100%;
	width: auto;
}

.config-parallelogram {
	transition: all .25s ease-in;
	position: relative;
	width: 58px;
	/*border: 1px solid #A0A0A0;*/
	height: 39px;
	float: none;
	margin-right: 13px;
	display: inline-block;
}

.config-parallelogram:after {
	transition: all .4s ease-in;

	width: 56px;
	content: '';
	height: 2px;
	background: #FFFFFF;
	position: absolute;
	bottom: -10px;
	left: 2px;
}

.config-parallelogram:hover:after {
	width: 58px;
	content: '';
	height: 2px;
	background: #A0A0A0;
	position: absolute;
	bottom: -10px;
	left: 2px;
}

.config-parallelogram.pre-active:after {
	transition: all .4s ease-in;

	width: 58px;
	content: '';
	height: 2px;
	background: #A0A0A0;
	position: absolute;
	bottom: -10px;
	left: 2px;
}

.config-parallelogram.active:after {
	transition: all .4s ease-in;

	width: 56px;
	content: '';
	height: 2px;
	background: #CA162A;
	position: absolute;
	bottom: -10px;
	left: 2px;
}

.config-parallelogram.paint.active:after,
.config-parallelogram.paint:after,
.config-parallelogram.paint.pre-active:after {
	left: -25px;
}

.config-parallelogram.animation-item:after {
	opacity: 0;
	width: 0;
	background: #FFFFFF;
}

.config-parallelogram.paint {
	border: none;
/*	overflow: hidden;*/
	position: relative;
    top: calc(50% - 19.5px);

/*	transform: skew(-30deg);
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    -o-transform: skew(-30deg);*/
}

.config-parallelogram.paint.first-item {
	margin-left: 26px;
}

.config-parallelogram.paint:before {
	width: 150%;
    content: '';
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
/*    transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);*/

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.config-parallelogram.paint.audi-q2-0E0E:before {
	background-image: url(../img/0E0E.png);
}

.config-parallelogram.paint.audi-q2-2Y2Y:before {
	background-image: url(../img/2Y2Y.png);
}

.config-parallelogram.paint.audi-q2-5J5J:before {
	background-image: url(../img/5J5J.png);
}

.config-parallelogram.paint.audi-q2-6Y6Y:before {
	background-image: url(../img/6Y6Y.png);
}

.config-parallelogram.paint.audi-q2-8Q8Q:before {
	background-image: url(../img/8Q8Q.png);
}

.config-parallelogram.paint.audi-q2-A2A2:before {
	background-image: url(../img/A2A2.png);
}

.config-parallelogram.paint.audi-q2-G3G3:before {
	background-image: url(../img/G3G3.png);
}

.config-parallelogram.paint.audi-q2-K6K6:before {
	background-image: url(../img/K6K6.png);
}

.config-parallelogram.paint.audi-q2-L1L1:before {
	background-image: url(../img/L1L1.png);
}

.config-parallelogram.paint.audi-q2-L5L5:before {
	background-image: url(../img/L5L5.png);
}

.config-parallelogram.paint.audi-q2-T9T9:before {
	background-image: url(../img/T9T9.png);
}

.config-parallelogram.paint.audi-q2-Y1Y1:before {
	background-image: url(../img/Y1Y1.png);
}

.config-parallelogram.wheel {
	border: none;
	height: 50px;
	overflow: hidden;
}

.config-parallelogram.wheel:before {
	width: 100%;
	content: '';
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.config-parallelogram.wheel.audi-q2-CY0:before {
	background-image: url(../img/CY0.png);
}

.config-parallelogram.wheel.audi-q2-F32:before {
	background-image: url(../img/F32.png);
}

.config-parallelogram.wheel.audi-q2-U38:before {
	background-image: url(../img/U38.png);
}

.config-parallelogram.wheel.audi-q2-U39:before {
	background-image: url(../img/U39.png);
}

.config-parallelogram.wheel.audi-q2-U40:before {
	background-image: url(../img/U40.png);
}

.config-parallelogram.wheel.audi-q2-U41:before {
	background-image: url(../img/U41.png);
}

.config-parallelogram.wheel.audi-q2-U42:before {
	background-image: url(../img/U42.png);
}

.config-parallelogram.wheel.audi-q2-U47:before {
	background-image: url(../img/U47.png);
}

.config-parallelogram.wheel.audi-q2-U50:before {
	background-image: url(../img/U50.png);
}

.config-parallelogram.wheel.audi-q2-U80:before {
	background-image: url(../img/U80.png);
}

.config-parallelogram.wheel.audi-q2-V68:before {
	background-image: url(../img/V68.png);
}

.config-parallelogram.wheel.audi-q2-40N:before {
	background-image: url(../img/40N.png);
}

.config-parallelogram.environment {
	border: none;
}

.config-parallelogram.last-environment-item {
	margin-right: 26px;
}

@media(max-width: 991px) {
	.config-parallelogram.last-environment-item {
		margin-right: 0px;
	}
}

.config-parallelogram.environment:before {
	width: 150%;
    content: '';
    height: 100%;
    position: absolute;
    top: 0px;
    left: -14px;
    transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);

    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.config-parallelogram.environment.audi-q2-Iceland_Void:before {
	background-image: url(../img/Iceland_Void.png);
}

.config-parallelogram.environment.audi-q2-Tunnel_Env:before {
	background-image: url(../img/Tunnel_Env.png);
}

.config-parallelogram.environment.audi-q2-WhiteVoid:before {
	background-image: url(../img/WhiteVoid.png);
}

.config-parallelogram.grey {
	background-color: #A0A0A0;
}

.config-parallelogram.grey:hover {
	background-color: #CA162A;
	border: 1px solid #CA162A;
}

.config-parallelogram.last-item {
	margin-right: 0px;
}

.config-parallelogram.first-item {
	margin-left: 13px;
}

.config-parallelogram:hover,
.config-parallelogram.pre-active,
.config-parallelogram.active {
	overflow: visible !important;
}

div.large-gi {
	overflow: hidden;
	max-width: 470px;
	width:100%;
	height: 100%;
	max-height: 370px;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
}

div.xlarge-gi {
	max-width: 708px;
	width:100%;
	height: 100%;
	max-height: 370px;
}

.large-gi, .small-gi {
	position: relative;
}

div.small-gi-container {
	height: 100%;
	width: 12.2%;
	margin-right: 0.3%;
	float: left;
	transition: all 2s linear;
	position: relative;
}

div.large-gi-container {
	height: 100%;
	width: 24.7%;
	margin-right: 0.3%;
	float: left;
}

div.gi-row-end {
	margin: 0;
}

div.small-gi {
	overflow: hidden;
	max-width: 233px;
	width:100%;
	height: 49.5%;
	position: absolute;
	cursor: pointer;
	/*max-height: 183px; */
}

div.small-gi-top {
	top: 0;
	/*margin-bottom: 1.8%;  */
}

div.small-gi-bottom {
	bottom: 0;
}

.gallery-image:hover ~ .gallery-image-overlay {
	opacity: 1;
}

.gallery-image-overlay {
	transition: all 0.25s ease-in;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
	width: 100%;
	height: 100%;
	pointer-events: none;
	opacity: 0;
}

 #chartjs-tooltip {
     opacity: 0;
     position: absolute;
     background: rgba(0, 0, 0, .7);
     color: white;
     padding: 3px;
     border-radius: 3px;
     -webkit-transition: all .1s ease;
     transition: all .1s ease;
     pointer-events: none;
     -webkit-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
 }

 .carousel-mask {
 	background-color: #000 !important;
 	opacity: 0.7;
 }

 .carousel-overlay {
 	transition: all .25s ease-in;
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	bottom: 0;
 }

 .cc-container {
 	display: inline-block;
 	width: 100%;
 	margin-bottom: 10px;
 }

 .cc-image-holder {
	width: 15%;
	height: 100%;
	float: left;
 }

 .cc-mid-holder {
 	width: 65%;
 	height: 100%;
 	float: left;
 }

 .cc-text {
 	width: 100%;
 	height: 40%;
 }

 .cc-bar-holder {
 	width: 100%;
 	height: 60%;
 }

.cc-bar-inner {
	width: 100%;
	height: 100%;
	position: relative;
}

.cc-grey-bar {
	width: 100%;
	height: 100%;
	background-color: #EEEEEE;
	position: absolute;
	top: 7%;
}

.cc-bar-red {
	width: 0%;
	height: 100%;
	background-color: #C9162B;
	position: absolute;
	top: 7%;
	transition: all 2s ease;
}


.cc-right-holder {
	display: inline-block;
	width: 100%;
	padding-top: 22px;
	padding-bottom: 22px;
}


.cc-count-holder {
	float: left;
	width: 50%;
	text-align: center;
}


.cc-button-holder {
	float: right;
	width: 50%;
	text-align: center;
}

.popular-config-button {
	color: #FFFFFF;
	font-weight: 300;
	background-color: #CA162A;
	white-space: nowrap;
	padding: 10px 20px;
	font-size: 16px;
	margin: 10px auto;
	display: table;
	cursor: pointer;
}


@media (max-width:768px) {

	.cc-right-holder {
		padding-top: 5px;
		padding-bottom: 15px;
		border-bottom: 1px solid rgba(160, 160, 160, 0.5);
	}


	.cc-count-holder {
		text-align: left;
	}

	.cc-button-holder {
		text-align: right;
	}
}

.cc-count {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.overlay-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0;
	transition: all 1s linear;
}

.overlay-background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.4;
}

.overlay-background.dark {
	opacity: 0.8;
}

.overlay-background.light {
	opacity: 0.4;
}

.overlay-vertical-align {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.overlay-button-small {
	background-color: #CA162A;
	display: inline-block;
	transform: skew(-35deg);
	-webkit-transform: skew(-35deg);
	-moz-transform: skew(-35deg);
	-o-transform: skew(-35deg);
}

.overlay-button {
	background-color: #CA162A;
	width: 7%;
	margin-left: auto;
	margin-right: auto;
	transform: skew(-35deg);
	-webkit-transform: skew(-35deg);
	-moz-transform: skew(-35deg);
	-o-transform: skew(-35deg);
}

.overlay-button-inner {
	min-width: 100px;
	transform: skew(35deg);
	-webkit-transform: skew(35deg);
	-moz-transform: skew(35deg);
	-o-transform: skew(35deg);
}

.overlay-button-inner.padding {
	padding: 15px 25px;
}

.overlay-button-wobble {
	-webkit-animation:wobble 3s linear infinite;
	-moz-animation:wobble 3s linear infinite;
	animation:wobble 3s linear infinite;
}

.overlay-button-spin {
	margin: 0;
	-webkit-animation:spin 2s linear infinite;
	-moz-animation:spin 2s linear infinite;
	animation:spin 2s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@-moz-keyframes wobble {
	25% { -moz-transform: translate(10px); }
	75% { -moz-transform: translate(-10px); }
	100% { -moz-transform: translate(0px); }
}
@-webkit-keyframes wobble {
	25% { -webkit-transform: translate(10px);  }
	75% { -webkit-transform: translate(-10px);  }
	100% { -webkit-transform: translate(0px); }
}
@keyframes wobble {
	25% { -webkit-transform: translate(10px);  transform:translate(10px); }
	75% { -webkit-transform: translate(-10px);  transform:translate(-10px); }
	100% { -webkit-transform: translate(0px);  transform:translate(0px); }
}

.config-controls-container {
	position: absolute;
	bottom: 25px;
	z-index: 100;
}

.controls-container-left {
	left: 25px;
}

.controls-container-right {
	right: 25px;
}

.controls-backing {
	float:left;
	/*display: inline-flex;*/
	background-color: rgba(122,122,122,0.35);
	width: 100%;
    max-width: 250px;
}

.controls-button-active {
	background-color: #CA152A;
}

.controls-button-active:hover {
	/*background-color: #E0182E;*/
}

.controls-button-default {
	background-color: #A0A0A0;
}

.controls-button-default:hover {
	background-color: #ADADAD;
}

.controls-button {
	position: relative;
	max-width: 50px;
	max-height: 41px;
	width: 50px;
	height: 41px;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
}

.controls-button.space {
	margin-right: 2px
}

.controls-button-wide {
	transition: all .25s ease-in;
	background-color: #CA152A;
	max-height: 41px;
	height: 41px;
	cursor: pointer;
}

.controls-button-wide.default {
	background-color: #A0A0A0;
}

.controls-button-wide.active {
	background-color: #CA152A;
}

.controls-button-wide:hover {
	background-color: #E0182E;
}

.controls-margin {
	margin-right: 2px;
}

.controls-button-image {
	padding: 9px;
}

.controls-info-contianer {
	max-height: 41px;
	height: 41px;
	cursor: default;
	display: inline-block;
	vertical-align: top;
}

.controls-info {
	color: #FFF;
	padding: 8px 10px;
	margin: 0;
}

.interact-reminder {
	pointer-events: none;
	display: none;
}

.interact-reminder-circle {
	position: absolute;
	width: 100px;
	height: 100px;
	background: rgba(0,0,0,0.4);
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

#config-options-holder {
	height: 100%;
	float: right;
}

@media(max-width: 991px) {
	#config-options-holder {
		float: none;
	}
}

.stream-controls-container {
	border-bottom: 1px solid rgba(160, 160, 160, 0.5);
	border-top: 1px solid rgba(160, 160,160, 0.5);
	border-left: 1px solid #FFFFFF;
	margin-top: 20px;
}

.stream-controls-tabs-container {
	padding: 19px 15px;
	z-index: 1;
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
}

.stream-controls-options-container {
	height: 100%;
	width: auto;
}

.media-modal-button-container {
	width: 100%;
	height: 64px;
	position: relative;
	background-color: #3C3C3C;
	top: -1px;
}

.media-modal-button-list {
	height: 100%;
	text-align: center;
}

.stats-graph-title-container {
	padding-bottom: 20px;
}

.stats-graph-title {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

.stats-graph-title > p {
	margin-bottom: 0px;
	display: inline;
}

@media(max-width: 400px) {
	.stats-graph-title {
		width: 160px;
	}
}

.stats-graph-total {
	color: #CA162A;
	font-weight: 500;
}

.stats-graph-time-tabs {
	float: right;
}

.stats-graph-time-tabs > div {
	display: inline-block;
}

.stats-graph-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.stats-graph {
	display: block;
	position: absolute;
	top: 0;
	background-color: #FFFFFF;
	width: 100%;
	transition: all 1s linear;
}

.stats-graph.active {
	position: relative;
}

.stats-graph-tabs-container {
	border-bottom: 1px solid rgba(160, 160, 160, 0.5);
	text-align: center;
}

.stats-graph-tab-iamge {
	width: 40px;
	height: 40px;
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
}

.stats-graph-tab-text {
	min-width: 165px;
}

.stats-pop-config-title {
	padding-top: 70px;
	padding-bottom: 30px;
}

.showcase-box-title {
	text-align: left;
	position: relative;
}

.showcase-box-title > p {
	display: inline-block;
}

.showcase-box-container {
	position: relative;
	width: 100%;
}

.showcase-box-container > img {
	position: relative;
}

.showcase-stream-container {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.showcase-swtich-button {
	position: absolute;
	top: 85% !important;
	max-width: 91px;
}

.learn-more-container {
	position: relative;
}

.learn_more_carousel_item {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;

	background: rgba(0,0,0,0); /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,1)); /* Standard syntax */
}

.learn-more-text {
	color: #FFF;
	position: relative;
	pointer-events: none
}

.learn-more-car-container {
	background-color: #e6e6e6;
}

.learn-more-car-container > div {
	position: relative;
	text-align: center;
}

.learn-more-direction-arrow {
	width: 45px;
	height: 45px;
	background-color: #CA162A;
}

@media(max-width: 350px) {
	.learn-more-direction-arrow {
		width: 40px;
		height: 40px;
	}
}


@media(max-width: 300px) {
	.learn-more-direction-arrow {
		width: 35px;
		height: 35px;
	}
}

.learn-more-arrow-container {
	position: absolute;
	top: 50%;
	z-index: 1;
}

.learn-more-arrow-container.right {
	right: 0;
}

.learn-more-arrow-container.left {
	left: 0;
}

.learn-more-direction-arrow > img {
	height: 50%;
}

.vertical-align {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.horizontal-align {
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.grade-tag {
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	z-index: 1;
	bottom: 0;
	text-align: center;
	color: #FFF;
	font-weight: lighter;
}

.grade-tag-text {
	margin: 0;
	padding: 15px 20px;
}

.showcase-max {
	max-width: 540px;
}

.extra-horizontal-padding {
	padding-left: 25px;
	padding-right: 25px;
}


.top-padding {
	padding-top: 25px;
}

.stats-option {
	transition: all .25s ease-in;
	display: inline-block;
	padding: 10px;
	border-bottom: 2px solid rgba(202,22,42,0);
}

.stats-option:hover {
	border-bottom: 2px solid #CA162A;
}

.stats-option.active {
	border-bottom: 2px solid #CA162A;
}

.text-display {
	margin-bottom: 0px;
	display: inline-block;
}

.text-display.active {
	color: #CA162A;
	font-weight: 400;
}

@media only screen and (max-device-width: 768px) {
	.text-display {
		display: none;
	}
}

.hero-arrow {
	bottom: 150px;
}

.container-large {
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.list-item-option {
	width: 40px;
	height: 30px;

}

@media (min-width: 0px) {

	.controls-button {
		width: 50px;
		height: 41px;
	}

	.controls-button-wide {
		height: 41px;
	}

	.controls-info-contianer {
		height: 41px;
	}

	.config-controls-container {
		bottom: inherit;
		top: 0;
	}

	.controls-container-left {
		left: 0px;
	}

	.controls-container-right {
		right: inherit;
		left: 0;
		bottom: 0;
		top: inherit;
	}

	.list-item-option {
		width: 35px;
		height: 25px;
	}

}

@media (min-width: 600px) {

	.container-large {
		width: 600px;
	}

	.controls-button {
		width: 50px;
		height: 41px;
	}

	.controls-button-wide {
		height: 41px;
	}

	.controls-info-contianer {
		height: 41px;
	}

	.config-controls-container {
		bottom: 0px;
		top: inherit;
	}

	.controls-container-left {
		left: 0px;
	}

	.controls-container-right {
		right: 0px;
		left: inherit;
		bottom: 0;
		top: inherit;
	}

}

@media (min-width: 800px) {
	.container-large {
		width: 716px;
	}

	.controls-button {
		width: 45px;
		height: 36px;
	}

	.controls-button-wide {
		height: 36px;
	}

	.controls-info-contianer {
		height: 36px;
	}

	.config-controls-container {
		bottom: 10px;
	}

	.controls-container-left {
		left: 10px;
	}

	.controls-container-right {
		right: 10px;
	}
}

@media (min-width: 991px) {
	.container-large {
		width: 891px;
	}

	.config-controls-container {
		bottom: 15px
	}

	.controls-container-left {
		left: 15px;
	}

	.controls-container-right {
		right: 15px;
	}

	.list-item-option {
		width: 35px;
		height: 25px;
	}
}


@media (min-width: 1200px) {
	.container-large {
		width: 1016px;
	}

	.controls-button {
		width: 45px;
		height: 36px;
	}

	.controls-button-wide {
		height: 36px;
	}

	.controls-info-contianer {
		height: 36px;
	}

	.config-controls-container {
		bottom: 15px
	}

	.controls-container-left {
		left: 15px;
	}

	.controls-container-right {
		right: 15px;
	}

	.list-item-option {
		width: 40px;
		height: 30px;

	}
}


@media (min-width: 1400px) {
	.container-large {
		width: 1216px;
	}

	.controls-button {
		width: 50px;
		height: 41px;
	}

	.controls-button-wide {
		height: 41px;
	}

	.controls-info-contianer {
		height: 41px;
	}

	.config-controls-container {
		bottom: 20px
	}

	.controls-container-left {
		left: 20px;
	}

	.controls-container-right {
		right: 20px;
	}
}

@media (min-width: 1600px) {
	.container-large {
		width: 1416px;
	}

	.controls-button {
		width: 50px;
		height: 41px;
	}

	.controls-button-wide {
		height: 41px;
	}

	.controls-info-contianer {
		height: 41px;
	}

	.controls-button-image {
		padding: 9px;
	}

	.config-controls-container {
		bottom: 25px
	}

	.controls-container-left {
		left: 25px;
	}

	.controls-container-right {
		right: 25px;
	}
}

.config-grade {
	position: relative;
	float: none;
	display: inline-block;
	height: 90%;
	text-align: center;
    margin-right: 10px;
    overflow: hidden;
    cursor: pointer;
}

.config-grade.last-item {
	margin-right: 0px;
}

.list-item-image:after{
	width: 65px;
	content: '';
	height: 2px;
	background: #CA162A;
	position: absolute;
	bottom: 0px;
}

.config-grade:after {
	transition: all .4s ease-in;
	width: 62px;
	content: '';
	height: 2px;
	background: #FFFFFF;
	position: absolute;
	bottom: 0px;
	left: 27px;
}

.config-grade:hover:after {
	background: #A0A0A0;
}

.config-grade-name {
	transition: all .4s ease-in;
	position: absolute;
	margin: 0;
	top: 5px;
	height: 50%;
	font-size: 14px;
	opacity: 0.5;
	color: #FFFFFF;
}

@media (max-width: 800px) {
	.config-grade-name {
		bottom: -2px;
	}
}

.config-grade.pre-active:after {
	background: #A0A0A0;
}

.config-grade.active:after {
	background: #CA162A;
}

.config-grade.pre-active .config-grade-name,
.config-grade.active .config-grade-name,
.config-grade:hover .config-grade-name {
	color: #3C3C3C;
}

.config-grade.end {
    margin-right: 5px;
}

.config-environment {
	float: none;
	display: inline-block;
	height: 100%;
	text-align: center;
	width: 94px;
	height: 45px;
	-webkit-clip-path: polygon(27% 0%, 100% 0%, 73% 100%, 0% 100%);
	margin-left: -25px;
}

.config-environment.first {
	margin-left: -13px;
}

.config-environment.first:hover:after {
	margin-left: -13px;
}

.environment-list-item:hover:after {
	width: 65px;
	content: '';
	height: 2px;
	background: #CA162A;
	position: absolute;
	bottom: -10px;
	margin-left: -25px;
}

.config-paint:after {
	width: 65px;
	content: '';
	height: 2px;
	background: #CA162A;
	position: absolute;
	bottom: -10px;
}

.environment-list-item.active:after {
	width: 65px;
	content: '';
	height: 2px;
	background: #CA162A;
	position: absolute;
	bottom: -10px;
	margin-left: -25px;
}

.environment-blank {
	width: 66px;
	height: 100%;
	margin: 0;
	display: inline-block;
	margin-right: 13px;
	margin-left: -13px;
}

.environment-blank.active:after {
	width: 65px;
	content: '';
	height: 2px;
	background: #CA162A;
	position: absolute;
	bottom: -10px;
	margin-left: -13px;
}

.environment-blank:hover:after {
	width: 65px;
	content: '';
	height: 2px;
	background: #CA162A;
	position: absolute;
	bottom: -10px;
	margin-left: -13px;
}

.after-underline-close, .after-underline-far {
	position: relative;
}

.after-underline-close:after {
	width: 30px;
    content: '';
    height: 2px;
    background: #CA162A;
    position: absolute;
    bottom: -5px;
    left: 0;
}

.after-underline-far:after {
	width: 30px;
    content: '';
    height: 2px;
    background: #CA162A;
    position: absolute;
    bottom: -15px;
    left: 0;
}

.item {
	overflow: hidden;
}

.item:hover .learn-more-text-container {
	height: 125px;
}

.learn-more-button {
	display: none;
}


@media (max-width: 600px) {
	.item:hover .learn-more-text-container {
		height: 110px;
	}

	.item .learn-more-text-container {
		height: 110px;
	}

	.learn-more-button {
		margin: 40px 0;
		display: block;
	}
}



.item:hover .learn-more-text-container .learn-more-button {
	margin: 40px 0;
	display: block;
}

.learn-more-text-container {
	height: 15%;
	position: absolute;
	bottom: 0;
	left: 20px;
}

.learn-more-image {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.item:hover .learn-more-image {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.share-container {
	text-align: center;
    padding: 5vh 0;
}

.share-buttons:hover {
	opacity: 0.8;
}

.modal-close-large {
	width: 64px;
    height: 64px;
    position: absolute;
	top: 40px;
	right: 10px;
	cursor: pointer;
	z-index: 1;
}

.mobile-construction {
	position: fixed;
	width: 100%;
	height: 100vh;
	z-index: 1029;

}

#mobile-overlay {
	display: none;
}

@media (max-width:768px) {
	#mobile-overlay {
		/*display: block;*/
	}
}

#stats_select {
	display: none;
}

#stats_buttons {
	display: block;
}

@media (max-width:768px) {
	#stats_select {
		display: block;
	}

	#stats_buttons {
		display: none;
	}
}

.stats-select-button {
	border: 0px;
    padding: 8px 15px;
    width: 125px;
    outline: none;
    background-color: #EEEEEE;
    font-weight: 300;
    font-size: 15px;
}

.stats-select-arrow {
	position: absolute;
    right: 15px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 10px;
}

.stats-select-arrow.up {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.stats-select-text {
	margin: 0;
	display: inline-block;
	float: left;
	padding-right: 13px;
}

.stats-select {
	position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 125px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #EEE;


    padding: 0;
    margin: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(160,160,160,0.5);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu>li>a {
	display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    position: relative;
}

.dropdown-menu>li>a.option-underline:after {
	width: 80%;
    content: '';
    height: 1px;
    background: rgba(160,160,160,0.5);
    position: absolute;
    bottom: 0;
    left: 10%;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	color: #FFF;
    text-decoration: none;
    background-color: #CA162A;
    background-image: none;
}

.stats-select-option:hover {
	background-color: #FFF;
}

.three-sixty-button {
	transition: all .25s ease-in;
	background-color: #CA152A;
	max-height: 41px;
	height: 41px;
	cursor: pointer;
	padding: 0px 10px;
}

.three-sixty-button.default {
	background-color: #A0A0A0;
}

.three-sixty-button.active {
	background-color: #CA152A;
}

.three-sixty-button:hover {
	background-color: #E0182E;
}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

.no-drag {
	user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.no-transition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.display-none {
	display: none;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.center-align {
	left: 50%;
	top: 50%;

	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

p.no-margin {
	margin: 0;
}

.mobile-text.small {
	font-size: 15px;
}

.mobile-text {
	font-size: 17px;
}

.mobile-text.large {
	font-size: 20px;
}

.nested-ul-padding {
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 40px;
}

.ondemand2d-stream {
	cursor: pointer;
}

#streamContainerWheelView video, #streamContainerFrontView video,
#streamContainerBootView video, #streamContainerReverseView video {
	cursor: pointer;
}

.title-margin {
	margin-bottom: 30px;
}

.background-center {
	background-repeat: no-repeat;
    background-position: center;
}

.visibility-none {
	visibility: hidden;
}

.live-animation {
	animation: pulsate 1s ease-out infinite;
	-webkit-animation: pulsate 1s ease-out infinite;
}

.pause-animation {
	animation: none;
	-webkit-animation: none;
}

/*@keyframes live-animate {
    0%   {background-image: url(../img/icon_live_1.png);}
    25%  {background-image: url(../img/icon_live_2.png);}
    50%  {background-image: url(../img/icon_live_3.png);}
    100% {background-image: url(../img/icon_live_4.png);}
}*/

@keyframes live-animate {
    0%   {opacity: 1; transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8);}
    25%  {opacity: 1;}
    /*50%  {background-image: url(../img/icon_live_3.png);}*/
    100% {opacity: 0; transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2);}
}

.gallery-social-button {
	display: inline-block;
	height: 100%;
	width: 100%;
	max-width: 64px;
	border-right: 1px solid rgba(160, 160, 160, .5);
}

.gallery-social-button.start {
	border-left: 1px solid rgba(160, 160, 160, .5);
}

@media(max-width: 600px) {
	.media-modal-button-container {
		height: 54px;
	}
	.gallery-social-button {
		width: 54px;
	}
}

.video-section-contianer {
	width: 100vw;
    height: 100%;
}

.video-halfscreen {
	padding: 0px;
	position: relative;
}

.video-text-container {
	max-width: 400px;
	position: absolute;
    top: 50%;
    left: 50%;

    transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);

}

.video-play-button {
	cursor: pointer;
	width: 90px;
	height: 90px;
	position: absolute;
	top: 50%;
    left: 50%;

    transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);

    background-color: rgba(0,0,0,1);
    overflow: hidden;
}

.video-play-button:before {
    transition: all 0.25s linear;
	position: absolute;
	content: "";
	top: 0;
	left: -100%;
	background-color: rgba(202,22,42, 1);
	width: 100%;
	height: 100%;
}

.video-play-button:hover:before {
	left: 0%;
}

.video-play-trangle {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-left: 25px solid #FFFFFF;
	border-bottom: 15px solid transparent;
}

#video-overlay {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	z-index: 1102;
}

.close-video-overlay  {
	z-index: 1;
	position: absolute;
	top: 40px;
	right: 40px;
	width: 50px;
	height: 50px;
}

.q2-video {
	position: relative;
	width: 53vw;
	min-width: 950px;
	height: auto;
}

.q2-video > video {
	width: 100%;
	height: 100%;
}

.video-buttons-container {
	top: 88%;
	position: absolute;
	width: 100%;
	text-align: center;
}

.video-button {
	color: #FFFFFF;
	font-weight: 300;
	background-color: #CA162A;
	white-space: nowrap;
	display: inline-block;
	padding: 10px 20px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 16px;
}


.video-button:hover {
	background-color: #E0182E;
}

.video-restart-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.25);
}

.replay-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	padding: 25px 25px;
	background-color: #CA162A;
}

.replay-icon > img {
	transition: all 0.25s ease-in-out;
	transform: rotate(0deg);
}
.replay-icon:hover > img {
	transform: rotate(180deg);
}

.button-image {
	max-width: 16px;
	width: 16px;
	height: 16px;
	margin-left: 10px;
}

.q2-tooltip {
    position: relative;
    display: inline-block;
}

.q2-tooltip .tooltiptext {
    display: none;
    width: 240px;
    background-color: white;
    color: #000;
    text-align: center;
    padding: 10px 10px;
    position: absolute;
    z-index: 1;
    top: 130%;
    left: 50%;
    margin-left: -120px;
}

.q2-tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 99%;  /* At the top of the tooltip */
    left: 50%;
    margin-left: -7px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}

.q2-tooltip .tooltiptext.thin {
    width: 100px;
    margin-left: -50px;
    border-radius: 5px;
    padding: 15px 10px;
}

.q2-tooltip .tooltiptext.dark {
    background-color: black;
}


.q2-tooltip .tooltiptext.dark::after {
    border-color: black transparent transparent transparent;
}

.q2-tooltip .tooltiptext.above {
 	top: -185%;
}


.q2-tooltip .tooltiptext.above::after {
	bottom: -25%;
}

.share-buttons {
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block;
}

.share-buttons.twitter {
	width: 25px;
}

.share-buttons.facebook {
	max-height: 25px;
}

.share-buttons:hover {
	opacity: 0.8;
}

.disable-element {
	opacity: 0.5;
    pointer-events: none;
}

.download-all {
	background-color: #CA162A;
	display: inline-block;
	padding: 8px 10px;
	color: #FFF;
	font-weight: 300;
	font-size: 15px;
	position: absolute;
	top: 0px;
	right: 0px;
	transform: translate(-30%, -150%);
	cursor: pointer;
}

.download-all:hover {
	background-color: #E0182E;
}

@media (max-width: 1091px) {
	.q2-video {
		width: 75vw;
		min-width: 0px;
	}
}

@media (max-width: 700px) {
	.q2-video {
		width: 100vw;
		min-width: 0px;
	}

	.video-halfscreen.video-quote {
		display: none;
	}

	.video-button {
		font-size: 14px;
	}
}

@media (max-width: 1023px) {
	.desktop-only {
		display: none;
	}
}

.config-list .config-grade {
	width: 120px;
	height: 100%;
}

.config-list .config-grade .config-grade-name {
	width: 100px;
}

.config-list-container {
	margin-top: 20px;
	margin-bottom: 30px;
}

.glass .config-list {
	margin-top: 20px;
}

.hidden {
	display: none;
}
/* CommerceViewer business tools */
.cv-business-panel {
    background: #ffffff;
    border: 1px solid rgba(17, 24, 39, 0.14);
    box-shadow: 0 12px 32px rgba(17, 24, 39, 0.12);
    box-sizing: border-box;
    color: #172033;
    font-family: Arial, sans-serif;
    line-height: 1.45;
    margin: 18px auto;
    max-width: 1180px;
    padding: 18px;
}

.cv-business-panel h2,
.cv-business-panel h3 {
    color: #111827;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.25;
    margin: 0 0 10px;
}

.cv-business-panel p {
    font-size: 14px;
    margin: 0 0 12px;
}

.cv-business-panel ul {
    display: grid;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.cv-business-panel li {
    background: #f7f8fa;
    border-left: 3px solid #1f8a70;
    font-size: 14px;
    padding: 8px 10px;
}

.cv-business-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.cv-business-actions button,
.cv-business-actions a {
    background: #111827;
    border: 1px solid #111827;
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    justify-content: center;
    min-height: 38px;
    padding: 10px 14px;
    text-decoration: none;
}

.cv-business-actions button.secondary,
.cv-business-actions a.secondary {
    background: #ffffff;
    color: #111827;
}

.cv-business-output {
    background: #101827;
    color: #ecfdf5;
    display: none;
    font-family: Consolas, Monaco, monospace;
    font-size: 12px;
    margin-top: 12px;
    overflow: auto;
    padding: 12px;
    white-space: pre-wrap;
}

.cv-business-compare {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cv-business-compare div {
    background: #f7f8fa;
    border: 1px solid rgba(17, 24, 39, 0.1);
    padding: 12px;
}

@media (max-width: 720px) {
    .cv-business-panel {
        margin: 14px 10px;
        padding: 14px;
    }

    .cv-business-compare {
        grid-template-columns: 1fr;
    }
}

/* End CommerceViewer business tools */