tr.even {
		  background-color: #f7f7f7;
		}
		table.visualiser-teasers-block {
		  margin-top: 30px;
		  padding-top: 30px;
		  width: 100%;
		}
		table.visualiser-teasers-block th {
		  text-align: center;
		  padding-top: 10px;
		}
		@media screen and (max-width: 450px) {
		  table.visualiser-teasers-block th {
			display: none;
		  }
		  table.visualiser-teasers-block td {
			display: block;
			padding: 5px 0;
		  }
		}
		table.visualiser-teasers-block td.bi-fold-diagram {
		  width: 18%;
		  padding: 5px 0;
		}
		@media screen and (max-width: 450px) {
		  table.visualiser-teasers-block td.bi-fold-diagram {
			width: 80%;
			padding: 15px 10%;
			margin: auto;
		  }
		}
		table.visualiser-teasers-block td.bi-fold-diagram img {
		  width: 100%;
		  display: block;
		  cursor: pointer;
		}
		table.visualiser-teasers-block td.bi-fold-detail-value {
		  text-align: center;
		  vertical-align: middle;
		}
		table.visualiser-teasers-block td.visualiser-button {
		  vertical-align: middle;
		  text-align: center;
		}
		table.visualiser-teasers-block td.visualiser-button .button {
		  display: inline-block;
		}
		.overlay-bg {
		  position: fixed;
		  top: 0;
		  bottom: 0;
		  left: 0;
		  width: 100%;
		  z-index: 1000;
		  display: none;
		  cursor: pointer;
		  background-color: #111;
		}
		@media screen and (min-width: 810px) {
		  .overlay-bg {
			background-color: #111;
			background-color: rgba(18,18,18,0.8);
		  }
		}
		.canvas .canvas-wrapper {
		  width: auto;
		  padding: 10px 0;
		  max-width: 100%;
		}
		.hidden-vars {
		  display: none;
		}
		.canvas-wrapper {
		  zoom: 1;
		  background-color: #FFFFFF;
		  display: none;
		  position: absolute;
		  top: 40px;
		  left: 0;
		  z-index: 2000;
		  overflow: visible;
		  width: 800px;
		}
		.canvas-wrapper:before,
		.canvas-wrapper:after {
		  content: "";
		  display: table;
		}
		.canvas-wrapper:after {
		  clear: both;
		}
		@media screen and (min-width: 810px) {
		  .canvas-wrapper {
			padding: 20px;
			border-radius: 8px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
		  }
		}
		.canvas-wrapper table {
		  margin: 5px 0;
		  width: 100%;
		}
		@media screen and (max-width: 450px) {
		  .canvas-wrapper table {
			display: none;
		  }
		  
		}
		@media screen and (max-width: 780px){
			.canvas-wrapper{
			  margin-left: 0px !important;
		  }
		}
		.canvas-wrapper table tr {
		  text-align: center;
		}
		.canvas-wrapper table tr:first-child {
		  font-weight: bold;
		}
		.canvas-wrapper table td {
		  padding: 5px;
		}
		.canvas-wrapper .close-visualiser {
		  position: absolute;
		  right: 10px;
		  top: 10px;
		  padding: 3px 7px;
		}
		.canvas-wrapper .doors-action-buttons {
		  position: absolute;
		  
		}
		@media screen and (max-width: 450px) {
		  .canvas-wrapper .doors-action-buttons {
			position: relative;
		  }
		  .canvas-wrapper .doors-action-buttons .doors-action-button span{
			font-size: 14px;
		  }
		  
		}
		.canvas-wrapper .doors-action-buttons .doors-action-button {
		  margin: 5px;
		  float: left;
		  padding: 5px;
		  cursor: pointer;
		}
		canvas#visualiser {
		  border: 1px solid #bbb;
		  background-size: 100%;
		  background-repeat: no-repeat;
		}
		.canvas .visualiser-flash {
		  display: none;
		}
		.doors-action-buttons,
		#visualiser {
		  display: none;
		}
		.canvas .doors-action-buttons,
		.canvas #visualiser {
		  display: block;
		}
		
		.bifold-visualiser-wrapper .bifold-vi-wrapper{
			position:relative;
		}
		
		.button{
			color: #fff;
			background-color:#8b1420;
			padding:10px;
			cursor:pointer;
		}