@charset "UTF-8";
@font-face {
  font-family: "Dax-Medium";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/dax_medium.ttf"); }
@font-face {
  font-family: "Droid Sans";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Droid-Sans/DroidSans.ttf"); }
@font-face {
  font-family: "Droid Sans";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/Droid-Sans/DroidSans-Bold.ttf"); }
@font-face {
  font-family: "Verdana";
  font-style: normal;
  src: url("../fonts/verdana.ttf"); }
@font-face {
  font-family: "Verdana";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/verdanab.ttf"); }
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "RobotoCondensed-Bold";
  src: url("../fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Roboto-Black";
  src: url("../fonts/Roboto/Roboto-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
* {
  margin: 0;
  outline: 0;
  padding: 0; }

html {
  height: 100%;
  width: 100%;
  min-width: 750px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-size: 16px;
  font-family: "Roboto";
 }
  @media screen and (min-width: 1921px) {
    body {
      zoom: 2;
      -moz-transform: scale(2);
      -moz-transform-origin: 0 0;
    }
  }

body {
/*
  position: relative;
  top: 0;
  width: 100%;
  margin: 0 auto;
  min-height: 100%;
  height: 100%;
  background-color: black;
*/
	position: absolute;
	top: 0;
	width: 1920px;
	height: 1080px;
	margin: 0 auto;
	background: #000;
	overflow: hidden;
}

span.small{
	font-weight: 300;
}

#mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  display: hidden;
  z-index: 5; }

.sisters_popup {
  display: none;
  position: absolute;
  width: 10rem;
  height: 2.5rem;
  z-index: 99999;
  left: 50%;
  margin-left: -3.125rem;
  top: 1.25rem;
  color: white;
  font-family: "Roboto-Black";
  font-size: 1.2rem;
  text-align: center;
  line-height: 2.5rem;
  background-color: rgba(54, 57, 122, 0.8);
  -moz-border-radius: 0.9375rem;
  -webkit-border-radius: 0.9375rem;
  border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
  border-radius: 0.9375rem;
  -webkit-box-shadow: 0.125rem 0.125rem 0.75rem black;
  -moz-box-shadow: 0.125rem 0.125rem 0.75rem black;
  box-shadow: 0.125rem 0.125rem 0.75rem black; }

.noresult_popup {
  position: fixed;
  width: 16.25rem;
  height: 10rem;
  z-index: 99999;
  left: 50%;
  top: 50%;
  margin-left: -8.125rem;
  margin-top: -5rem;
  color: white;
  font-family: "Roboto-Black";
  font-size: 1.2rem;
  text-align: center;
  line-height: 10rem;
  background-color: rgba(54, 57, 122, 0.8);
  -moz-border-radius: 0.9375rem;
  -webkit-border-radius: 0.9375rem;
  border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
  border-radius: 0.9375rem;
  -webkit-box-shadow: 0.125rem 0.125rem 0.75rem black;
  -moz-box-shadow: 0.125rem 0.125rem 0.75rem black;
  box-shadow: 0.125rem 0.125rem 0.75rem black; }

.page1 {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  top: 0;
  margin: 0 auto;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }

.tgn_logo {
  float: left;
/*   position: absolute; */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  cursor: pointer;
  width: auto;
  max-height: 140px;
  margin: 50px 0 60px 50px;
}
  @media screen and (min-width: 1921px) {
    .tgn_logo {
      width: calc(100vw / 8 - 2px);
      height: calc(100vh / 5 - 2px);
      top: 1px;
      left: 1px; } }
.tgn_logo img{
	width: auto;
/* 	width: 150px; */
/* 	height: 100%; */
}

.stop_syn {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  width: calc(100vw / 8 - 1px);
  height: calc(100vh / 5 - 1px);
  left: calc(100% / 8 * 7);
  top: 0; }

.pos1 {
  width: calc((100% / 8 * 4) - 1px);
  height: calc(100% / 5 - 1px);
  left: calc(100% / 8 * 2);
  top: calc(100% / 5 * 1); }

.pos2 {
  width: calc(100% / 6 - 1px);
  height: calc(100% / 5 - 1px);
  left: calc(100% / 6 * 1);
  top: calc(100% / 5 * 2); }

.pos3 {
  width: calc(100% / 6 - 1px);
  height: calc(100% / 5 - 1px);
  left: calc(100% / 6 * 2);
  top: calc(100% / 5 * 2); }

.pos4 {
  width: calc(100% / 6 - 1px);
  height: calc(100% / 5 - 1px);
  left: calc(100% / 6 * 3);
  top: calc(100% / 5 * 2); }

.pos5 {
  width: calc(100% / 6 - 1px);
  height: calc(100% / 5 - 1px);
  left: calc(100% / 6 * 4);
  top: calc(100% / 5 * 2); }

.pos6 {
  width: calc(100% / 8 - 1px);
  height: calc(100% / 5 - 1px);
  left: calc(100% / 8 * 7);
  top: calc(100% / 5 * 4); }

.search-block-container{
	width: 1030px;
	margin: 0 auto 0 auto;
	padding-top: 300px;
}
	.search-block-container-left,
	.search-block-container-right{
		float: left;
		width: calc(50% - 115px);
		padding: 30px 50px;
		height: auto;
	}
	.search-block-container-left{
		margin-right: 30px;
	}
		.search-block-container h1{
			text-align: center;
			color: #fff;
			margin: 0;
			font-size: 37pt;
			text-transform: uppercase;
		}
		.search-block-container h2{
			text-align: center;
			color: #fff;
			margin: 0;
			margin-bottom: 20px;
			font-weight: 300;
			font-size: 27pt;
			text-transform: uppercase;
		}
		.search-block-container-right h2{
			margin-bottom: 50px;
		}
.search-block {
  float: left;
  margin-bottom: 20px;
  color: white;
  font-family: Roboto;
  z-index: 1;
  cursor: pointer;
}
.search-block:last-child{
	margin: 0;
}
 .search-block .icon{
	 float: left;
	 width: 75px;
	 height: 75px;
	 line-height: 75px;
	 font-size: 35pt;
	 text-align: center;
	 background: #30383B;
 }
 .search-block .text-icon{
	 font-size: 20pt;
 }
  .search-block h1 {
	float: left;
	width: 305px;
	height: 55px;
	padding: 10px;
	margin: 0;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.2rem;
	text-align: left;
	background: #fff;
	color: #30383B !important;
 }
  .search-block h1 span{
	  float: left;
	  clear: both;
  }
  .search-block h1 span.small{
	  font-size: 14pt;
  }
  .search-block h1 span.big{
	  font-size: 18pt;
	  font-weight: 700;
  }
 
.footer-block-container{
	position: absolute;
	bottom: 0;
	width: 100%;
}
.footer-block {
  float: left;
  margin-left: 50px;
  margin-bottom: 50px;
  color: white;
  font-family: Roboto;
  z-index: 1;
  cursor: pointer;
  background: #30383B;
}
.footer-block.right{
	float: right;
	margin-right: 50px;
}
 .footer-block .icon{
	 float: left;
	 width: 30px;
	 height: 30px;
	 line-height: 30px;
	 font-size: 10pt;
	 text-align: center;
 }
  .footer-block h1 {
	float: left;
	width: 150px;
	height: 20px;
	padding: 5px;
	margin: 0;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.9rem;
	text-align: left;
 }

.search-block_brand {
  color: white;
  font-family: Roboto;
  background-position: left top;
  position: absolute;
  z-index: 1;
  cursor: pointer;
  background-repeat: repeat-x;
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%; }
  .search-block_brand td h1 {
    font-weight: bold;
    text-align: center;
    font-size: 1.4rem;
    background-color: transparent;
    transform: scale(1, 1.2);
    -webkit-transform: scale(1, 1.2);
    -moz-transform: scale(1, 1.2);
    -ms-transform: scale(1, 1.2);
    -o-transform: scale(1, 1.2); }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.hand_pointer {
  cursor: pointer; }


.general_panel {
  position: absolute;
  bottom: 7.5rem;
  left: 50%;
  margin-left: -9.375rem;
  vertical-align: top;
  width: 18.75rem;
  height: 6.25rem;
  background-color: rgba(109, 110, 112, 0.8);
  -webkit-box-shadow: 0.125rem 0.125rem 0.75rem black;
  -moz-box-shadow: 0.125rem 0.125rem 0.75rem black;
  box-shadow: 0.125rem 0.125rem 0.75rem black;
  z-index: 99999; }

.general_heading {
  text-align: center;
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: left top;
  font-family: "Roboto-Black";
  color: white;
  font-weight: normal;
  font-size: 0.9rem;
  line-height: 1.875rem;
  text-align: center; }

#overlay_form, #scanqrcode_form, #dealer_login_form, #quicksearch_scanqrcode_form {
  position: absolute;
  padding: 0.625rem;
  width: 16.875rem;
  height: 8.125rem;
  width: auto;
  height: auto;
  background-color: white;
  -webkit-box-shadow: 0.125rem 0.125rem 0.75rem #000;
  -moz-box-shadow: 0.125rem 0.125rem 0.75rem #000;
  box-shadow: 0.125rem 0.125rem 0.75rem #000;
  font-family: "Roboto-Black";
  font-weight: normal;
  font-size: 0.9rem; }
  #overlay_form input[name=usercode], #scanqrcode_form input[name=usercode], #quicksearch_scanqrcode_form input[name=usercode], #dealer_login_form input[name=password] {
    width: 12.5rem;
    float: right; }

#form_close, #scanqrcode_form_close, #quicksearch_scanqrcode_form_close {
  float: right; }

.general_button {
  display: inline-block;
  padding-left: 1rem;
  padding-right: 1rem;
  margin: 0 5px;
  height: 2rem;
  text-align: center;
  color: white;
  background-size: auto 100%;
  font-family: "Roboto-Black";
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 2.1rem;
  cursor: hand;
  cursor: pointer;}
  
.general_button#form_close{
	margin-top: 2px;
}

.page2 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  top: 0;
  margin: 0 auto;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }

.filter-panels{
	position: absolute;
	width: auto;
	height: 100%;
	padding-left: 50px;
	background: rgba(0, 0, 0, 0.7);
	background: #525B5F;
	z-index: 999;
}
.page3 .filter-panels.secondtab,
.filter-panels.filter-panels-2{
	width: 80%;
}
.filter-panels.mouseinside{
	z-index: 9999;
}
.filter-panels.filter-panels-hidden{
	padding: 0;
}
	.filter-panel{
		float: left;
		width: 400px;
		margin-right: 40px;
		height: 100%;
		overflow-x: hidden;
	}
/* 	.filter-page-1.filter-panel-1, */
	.filter-page-3.filter-panel-1,
	.filter-panel.filter-save-design{
		width: 840px;
	}
	.filter-page-1.filter-panel-1 .filter-blocks-left,
	.filter-page-1.filter-panel-1 .filter-blocks-right,
	.filter-page-3.filter-panel-1 .filter-blocks-left,
	.filter-page-3.filter-panel-1 .filter-blocks-right{
		float: left;
		width: 400px;
		overflow-x: hidden;
	}
	.hide-right-filter-blocks .filter-page-1.filter-panel-1,
	.hide-right-filter-blocks .filter-page-1.filter-panel-2{
		width: 400px;
	}
	.hide-right-filter-blocks .filter-blocks-right{
		display: none;
	}
	.filter-page-1.filter-panel-1 .filter-blocks-left,
	.filter-page-3.filter-panel-1 .filter-blocks-left{
		margin-right: 40px;
	}
	.page3 .filter-panel.filter-panel-1,
	.page3 .filter-panel.filter-panel-2{
		width: 300px;
	}
	.page3 .filter-panel,
	.filter-panels.filter-panels-2 .filter-panel{
		width: calc(100% - 40px);
	}
	.filter-panel-2{
		display: none;
		width: 860px;
/* 		padding-left: 20px; */
		overflow: hidden;
	}
		.filter-panel h2{
			float: left;
			width: calc(100% - 16px);
			padding: 5px 8px;
			margin-top: 30px;
			color: #fff;
			font-weight: 700;
			font-size: 12pt;
			text-transform: uppercase;
		}
		.item-container{
			float: left;
			width: 100%;
			overflow-x: hidden;
			overflow-y: auto;
		}
		.filter-block-type{
			float: left;
			margin-bottom: 7px;
			width: 100%;
		}
		.filter-block-tile-type{
			display: none;
		}
		.filter-panel-1 .item-container{
/* 			max-height: 240px; */
			max-height: 440px;
		}
		.filter-panel-2 .item-container{
/* 			max-height: 700px; */
		}
			.filter-block-quicksearch-type{
				display: none;
			}
			.size-container-type{
				float: left;
				width: calc(33% - 5px);
				min-height: 2px;
				margin-right: 11px;
			}
			.size-container-type:last-child{
				margin-right: 0;
			}
			.filter-block-item{
				float: left;
				width: 100%;
				margin-top: 9px;
				color: #fff;
				font-size: 12pt;
				line-height: 19pt;
				background: #30383B;
				cursor: pointer;
			}
			.filter-block-item.active:not(.size),
			.filter-block-item.size.canLoad.active,
			.filter-block-item.size-type.active{
				border: 1px solid #fff;
				width: calc(100% - 2px);
			}
			.filter-block-item.size:not(.canLoad){
				cursor: default;
			}
			.filter-block-item.edit-type.active{
				width: calc(50% - 5px);
			}
			.filter-block-item.joint-width-block.active{
				width: calc(33% - 25px);
			}
			.filter-block-item.type,
			.filter-block-item.quicksearch-type{
				width: calc(50% - 5px);
				margin-right: 10px;
			}
			.filter-block-item.type.active,
						.filter-block-item.quicksearch-type.active{
				width: calc(50% - 7px);
			}
			.filter-block-item.type:last-child,
			.filter-block-item.quicksearch-type:last-child{
				margin-right: 0;
			}
			.filter-block-item.quicksearch-type .filter-block-item-name{
				width: 100%;
			}
			.filter-block-item.switch-filter-type{
				height: 31px;
				line-height: 31px;
				text-transform: uppercase;
				font-weight: 700;
				background: #fff;
				text-align: center;
			}
			.filter-block-item.size-type{
				width: 100%;
			}
			.filter-block-item.size-type{
				width: calc(33% - 5px);
				margin-right: 11px;
			}
			.filter-block-item.edit-type{
				width: calc(50% - 3px);
				margin-right: 5px;
				margin-top: 0;
			}
			.filter-block-item.size-type .icon{
				float: left;
				width: 23px;
				height: 10px;
				margin: 4px;
				background: #fff;
			}
			.filter-block-item.size-type .icon.icon-square{
				height: 23px;
			}
			.filter-block-item.size-type .icon.icon-rectangle{
				height: 11px;
				margin-top: 10px;
			}
			.filter-block-item.size-type .icon.icon-strip{
				height: 6px;
				margin-top: 13px;
			}
			.filter-block-item.edit-type:last-child,
			.filter-block-item.size-type.strip{
				margin-right: 0;
			}
			.filter-block-item.size{
				width: 100%;
			}
/*
			.filter-block-item.size:nth-child(2n){
				margin-right: 0;
			}
*/
			.filter-block-item.space-block{}
			.filter-block-item.space-block{
				width: calc(50% - 1.5px);
				margin-right: 3px;
				text-align: center;
			}
			.filter-block-item.space-block.active{
				width: calc(50% - 3.5px);
			}
			.filter-block-item.space-block:nth-child(2n+1){
				margin-right: 0;
			}
				.filter-block-item.space-block img{
					height: 80px;
					padding: 10px;
				}
				.filter-block-item.space-block span{
					float: left;
					width: calc(100% - 5px);
					padding: 3px 0;
					padding-left: 5px;
					text-transform: uppercase;
					background: #fff;
					color: #30383B;
				}
				.filter-block-item p,
				.filter-block-item .filter-block-item-name{
					font-weight: 700;
				}
				.filter-block-item .filter-block-item-name{
					float: left;
					padding: 3px 0;
					width: calc(100% - 95px);
					padding-left: 5px;
					text-transform: uppercase;
				}
				.filter-block-item.type{
					height: 71px;
				}
				.filter-block-item.edit-type{
					height: 60px;
				}
				.filter-block-item.type .filter-block-item-name{
				    font-size: 20pt;
				    padding: 10px 13px;
				}
				.filter-block-item.edit-type .filter-block-item-name{
				    font-size: 16pt;
				    padding: 5px 13px;
				}
					.filter-block-item .filter-block-item-name .second-line{
						display: block;
						clear: both;
						text-transform: none;
						font-size: 14pt;
					}
				.filter-block-item.material .filter-block-item-name{
					width: calc(100% - 55px);
				}
				.filter-block-item .filter-block-item-background{
					float: left;
					width: 40px;
					height: 31px;
				}
				.filter-block-item.style .filter-block-item-name{
					width: 100%;
				}
/*
				.filter-block-item.color .filter-block-item-name{
					width: calc(100% - 79px);
				}
*/
				.filter-block-item.size .filter-block-item-name{
					width: calc(100% - 55px);
				}
				.filter-block-item .color-display{
					float: left;
					width: 24px;
					height: 24px;
				}
				.filter-block-item .counter{
					float: right;
					width: 50px;
					height: 31px;
					line-height: 31px;
					text-align: center;
				}
				.filter-block-item .filter-dealer-item{
					display: block;
					clear: both;
					margin: 5px 10px;
				}
					.filter-block-item .filter-dealer-item input{
						color: #000;
					}
			.filter-block.filter-block-dealer{
				display: none;
			}
		.joint-colors-container{
			float: left;
			width: calc(100% - 20px);
			margin-top: 3px;
			padding: 10px;
			background: #717E86;
		}
			.joint-color-block{
				float: left;
				width: 30px;
				height: 30px;
				margin: 2px;
				cursor: pointer;
			}
		.trendy-wall-colors-container{
			float: left;
			width: calc(100% - 20px);
			margin-top: 3px;
			padding: 10px;
		}
			.trendy-color-block{
				float: left;
				width: calc(25% - 4px);
				height: 94px;
				margin: 2px;
				cursor: pointer;
			}
		.joint-width-container{
			float: left;
			width: 100%;
		}
			.joint-width-block{
				float: left;
				width: calc(33% - 23px);
				height: 47px;
				padding: 0 10px;
				margin-right: 5px;
				margin-top: 5px;
				cursor: pointer;
			}
			.joint-width-block:last-child{
				margin-right: 0;
			}
				.joint-width-block .icon-container{
					float: left;
					width: 60px;
				}
					.joint-width-block span.icon{
						float: left;
						width: 60px;
						margin-top: 13px;
						background: #fff;
					}
					.joint-width-block.active span.icon{
						background: #95C11F;
					}
				.joint-width-block span.number{
					float: left;
					width: auto;
					text-transform: uppercase;
					color: #fff;
					font-size: 10pt;
				}
		.pattern-container{
			float: left;
			width: 100%;
			margin-top: 3px;
		}
			.pattern-container .pattern-block{
				float: left;
				width: calc(16% - 2px);
				height: 46px;
				margin: 2px;
				background: #30383B;
				background-size: 100% 100%;
				cursor: pointer;
			}
			.pattern-container .pattern-block.active{
				outline: 1px solid #fff;
			}
			.pattern-container .pattern-1{ background-image: url("../images/site/matrix-normal.png"); }
			.pattern-container .pattern-2{ background-image: url("../images/site/matrix-iso.png"); }
			.pattern-container .pattern-3{ background-image: url("../images/site/shift-normal.png"); }
			.pattern-container .pattern-4{ background-image: url("../images/site/shift-iso.png"); }
			.pattern-container .pattern-5{ background-image: url("../images/site/five-normal.png"); }
			.pattern-container .pattern-6{ background-image: url("../images/site/five-iso.png"); }
			.pattern-container .pattern-7{ background-image: url("../images/site/five-90.png"); }
			.pattern-container .pattern-8{ background-image: url("../images/site/906.png"); }
          
		.btn{
			float: left;
			width: 100%;
			padding: 4px 7px;
			margin-top: 40px;
			color: #fff;
			text-transform: uppercase;
			font-size: 10pt;
			background: #95C11F;
			cursor: pointer;
		}
		.btn-results{
			display: none;
		}
		.btn.btn-show-tile{
			float: none;
			margin: 7px auto;
			width: 170px;
			font-size: 14pt;
			font-weight: 700;
			background: #fff;
			position: absolute;
			left: calc(50% - 85px);
		}
		.btn.btn-white{
			margin-top: 7px;
			background: #fff;
			font-weight: 700;
		}
	.filter-panel-chooser{
		float: left;
		width: 0;
		height: 0;
/* 		margin-top: 30px; */
		overflow: visible;
	}
		.filter-panel-chooser-item,
		.attribute-layers-chooser-toggle,
		.toggle-info-panel,
		.toggle-save-panel{
			float: left;
			width: 75px;
			height: 75px;
			margin-bottom: 8px;
			clear: both;
			text-align: center;
/* 			background: #30383B; */
			cursor: pointer;
		}
		.filter-panel-chooser-item.go-to-home{
			height: 55px;
		}
		.attribute-layers-chooser-toggle{
			display: none;
		}
		.filter-panel-chooser-item.active,
		.attribute-layers-chooser-toggle.active,
		.toggle-info-panel.active,
		.toggle-save-panel.active{
			background: rgba(0, 0, 0, 0.7);
		}
			.filter-panel-chooser-item .icon,
			.attribute-layers-chooser-toggle .icon,
			.toggle-info-panel .icon,
			.toggle-save-panel .icon{
				line-height: 75px;
				color: #fff;
				font-size: 35pt;
				text-shadow: -1px 0 #ccc, 0 1px #ccc, 1px 0 #ccc, 0 -1px #ccc;
			}
			.filter-panel-chooser-item .icon-active,
			.filter-panel-chooser-item.active .icon{
				display: none;
			}
			.filter-panel-chooser-item.active .icon-active{
				color: #fff;
				display: block;
			}
			.filter-panel-chooser-item-description{
				display: none !important;
				margin-left: 75px;
				margin-top: -75px;
				width: 282px;
				height: 57px;
				line-height: 57px;
				padding: 7px;
				border: 2px solid #30383B;
				text-transform: uppercase;
				font-size: 17pt;
				font-weight: 700;
				text-align: left;
				background: #fff;
			}
			.filter-panels-hidden .filter-panel-chooser-item-description{
				display: block;
			}
			.filter-panel-chooser-item .choose-types{
				float: left;
				width: 0;
				height: 0;
				margin-left: 75px;
				margin-top: -75px;
				overflow: visible;
			}
				.filter-panel-chooser-item .choose-type{
					display: none;
					float: left;
					clear: both;
					height: 36px;
					width: 100px;
					line-height: 36px;
					padding-left: 5px;
					padding-right: 20px;
					margin-bottom: 3px;
					text-transform: uppercase;
					color: #fff;
					background: rgba(0, 0, 0, 0.7);
				}
				.filter-panel-chooser-item .choose-type.active{
					background: #95C11F;
				}
				.filter-panel-chooser-item.active .choose-type{
					display: block;
				}
				
.bottom-control-panel{
	position: fixed;
	bottom: 0;
	width: 1320px;
	left: calc(50% - 670px);
	z-index: 999;
}
/*
.bottom-control-panel-2d{
	width: 995px;
	left: calc(50% - 497px);
}
*/
	.bottom-control-panel .panels{
		display: none;
		float: left;
		padding: 5px 10px;
	}
	.bottom-control-panel.active .panels{
		display: block;
	}
	.bottom-control-panel .panels .filter-panel .filter-block:first-child h2,
	.bottom-control-panel .panels .filter-panel .filter-block.filter-block-joint-color h2{
		margin-top: 0;
	}
	.bottom-control-panel .filter-panel h2{
		margin-top: 10px;
	}
	.bottom-control-panel .filter-panel{
		width: 300px;
		height: 382px;
		padding: 10px;
		margin-right: 5px;
		background: #525B5F;
		overflow: hidden;
	}
	.bottom-control-panel.bottom-control-panel-3d .filter-panel{
		height: 413px;
	}
	.bottom-control-panel .filter-panel.filter-panel-sizes{
		overflow-y: auto;
	}
	.bottom-control-panel .search-panel-header{
		background: none !important;
	}
	.bottom-control-panel .search-panel-header > div{
		background: #525B5F !important;
		margin-right: 5px;
		padding: 10px 10px;
	}
	.bottom-control-panel .search-panel-header > div.right{
		width: 178px;
	}
	.search-panel-header .right p{
		padding: 0 10px;
		background: #fff;
	}
	.search-panel-header .right p.open-search-tile{
		display: none;
	}
	.toggle-control-panel{
		float: left;
		width: 40px;
		height: 100%;
		line-height: 35px;
		text-align: center;
		color: #fff;
		font-size: 20pt;
		cursor: pointer;
	}
	.bottom-control-panel .icon-btn{
		margin-top: 5px;
		cursor: pointer;
	}
	.bottom-control-panel .icon-btn .icon{
		color: #fff;
		width: 40px;
		height: 30px;
		line-height: 30px;
		font-size: 15pt;
	}
	.bottom-control-panel .icon-btn .icon-description-fixed{
		border: none;
		height: 30px;
		line-height: 32px;
		width: calc(100% - 60px);
		font-size: 11pt;
	}
	.bottom-control-panel .bath-tile-switcher.icon-btn .icon-description-fixed{
	    width: calc(100% - 30px);
	    padding: 0;
	    padding-left: 7px;
	}
	
	.bottom-control-panel .icon-btn.open-screenshot-popup{
		border: 1px solid #F6852A;
		margin-bottom: 40px;
	}
	.bottom-control-panel .icon-btn.open-screenshot-popup .icon{
		color: #fff;
/*
		width: 80px;
		height: 80px;
		line-height: 80px;
		font-size: 40pt;
*/
		background: #F6852A;
	}
	.bottom-control-panel .icon-btn.open-screenshot-popup .icon-description-fixed{
		border: none;
/*
		height: 65px;
		line-height: 25px;
		padding-top: 15px;
		width: calc(100% - 100px);
*/
		font-size: 11pt;
		color: #F6852A;
	}
	.bottom-control-panel .filter-block-space{
		display: block !important;
	}

.attribute-layers{
	display: none;
}
.attribute-layers,
.attribute-layer-icons{
	position: absolute;
	width: 1920px;
	height: 1080px;
	top: 0;
	left: 0;
}
.attribute-layer-icons{
	display: none;
}
	.attribute-layers img{
		position: absolute;
		width: auto;
	}
	.attribute-layer-icons .attribute-layer-icon{
		position: absolute;
		z-index: 999;
		cursor: pointer;
	}
		.attribute-layer-icon .icon,
		.info-tile-images .icon,
		.icon-btn .icon{
		    float: left;
		    width: 50px;
		    height: 50px;
		    font-size: 25pt;
		    background: #30383B;
		    line-height: 50px;
		    text-align: center;
		}
		.attribute-layer-icon .icon-description,
		.info-tile-images .icon-description-fixed,
		.icon-btn .icon-description-fixed{
			display: none;
			float: left;
			width: auto;
			height: 46px;
			padding: 0 10px;
			font-size: 14pt;
			line-height: 46px;
			border: 2px solid #30383B;
			text-transform: uppercase;
			font-weight: 700;
			background: #fff;
		}
		.info-tile-images .icon-description-fixed,
		.icon-btn .icon-description-fixed{
			display: block;
			width: calc(100% - 74px);
		}
.fixed-attribute-layer-icons{
	display: none;
	position: absolute;
	z-index: 999;
	width: 300px;
	height: 100%;
	right: 30px;
}
	.fixed-attribute-layer-icons .attribute-layer-icon{
		float: left;
		clear: both;
		margin-bottom: 8px;
		cursor: pointer;
	}
	.fixed-attribute-layer-icons .floor-actions{
		position: absolute;
		bottom: 30px;
	}
	.fixed-attribute-layer-icons .wall-actions{
		position: absolute;
		top: 30px;
	}
		
.attribute-layer-icons .attribute-layer-icon .icon-description,
.filter-panels-hidden .filter-panel-chooser-item-description{
	float: left;
}

.attribute-popup{
	display: none;
	position: absolute;
	padding: 15px;
	z-index: 999999;
	background: rgba(0, 0, 0, 0.7);
	background: #525B5F;
}
	.attribute-popup .close-popup{
	    position: absolute;
	    right: -30px;
	    top: 0;
	    width: 30px;
	    height: 30px;
		background: rgba(0, 0, 0, 0.7);
	    color: #fff;
	    text-align: center;
	    line-height: 30px;
	    cursor: pointer;
	}
	.attribute-popup h2{
		float: left;
		width: calc(100% - 14px);
		color: #fff;
		font-weight: 700;
		font-size: 18pt;
		text-transform: uppercase;
		padding: 3px 7px;
	}
.attribute-popup.popup-edit-hue{
	width: 350px;
	height: auto;
	left: 770px;
	top: calc(50% - 120px);
}
.popup-edit-hue .layer-color{
	float: left;
	width: calc(25% - 5px);
	height: 80px;
	margin-right: 5px;
	margin-top: 5px;
	cursor: pointer;
}
.attribute-popup.popup-tile-info{
	width: 870px;
	height: auto;
	left: 510px;
	top: 276px;
}
.attribute-popup.popup-screenshot{
	width: 840px;
	height: auto;
	left: 510px;
	top: 276px;
}
.attribute-popup.popup-screenshot .btn-save{
	display: none;
}
.attribute-popup.popup-wall-color{
	width: 870px;
	height: auto;
	left: 510px;
	top: 276px;
}
	.attribute-popup.popup-wall-color h3{
		color: #fff;
		text-transform: uppercase;
		font-weight: normal;
		padding: 7px;
	}
	.attribute-popup.popup-wall-color .filter-block{
		float: left;
		width: calc(50% - 8px);
		height: 455px;
		margin-top: 10px;
		background: #30383B;
	}
	.attribute-popup.popup-wall-color .filter-block-wall-hue{
		margin-right: 15px;
	}
	.attribute-popup.popup-wall-color .filter-block-wall-hue .sp-picker-container{
		width: 407px;
	}
.attribute-popup.popup-choose-attribute{
	width: 660px;
	height: auto;
	left: 510px;
	top: 276px;
}
	.attribute-popup.popup-choose-attribute .attribute-group-header{
		display: none;
	}
	.attribute-popup.popup-choose-attribute .attribute-group-content{
		background: none;
	}

	.popup-choose-attribute .reset-attributes{
		position: absolute;
		bottom: 133px;
		right: 100px;
		background: #95C11F;
		text-transform: uppercase;
		color: #fff;
		cursor: pointer;
	}
		.popup-choose-attribute .reset-attributes .fa{
			float: left;
			padding: 5px 0px 5px 10px;
			font-size: 12pt;
			line-height: 21px;
		}
		.popup-choose-attribute .reset-attributes p{
			float: left;
			padding: 5px 10px;
		}
	.attribute-group{
		float: left;
		margin: 10px 10px;
		min-width: 100px;
		max-width: 500px;
		height: calc(100% - 20px);
	}
	.attribute-group-default { display: none; }
		.attribute-group-header{
			float: left;
			height: 40px;
			width: 100%;
			margin-bottom: 5px;
			background: #717E86;
		}
			.attribute-group-header p{
				color: #fff;
				text-transform: uppercase;
				padding: 5px 10px;
				line-height: 30px;
				font-size: 11pt;
			}
		.attribute-group-content{
			float: left;
			clear: both;
			width: 100%;
			height: calc(100% - 45px);
			background: #717E86;
			overflow-x: auto;
			overflow-y: hidden;
		}
		.attribute-group-content.nobackground{
			background: none;
		}
			.attribute-group-inner-content{
				width: auto;
			}
				.attribute-group-inner-content .attribute{
					float: left;
					height: 100%;
				}
					.attribute-group-inner-content .attribute img{
						float: left;
						margin: 5px;
						cursor: pointer;
					}
			.attribute-adjustments-container{
				float: left;
				width: 100%;
				height: 155px;
				color: #fff;
			}
				.color-adjustment-items{
					float: left;
					width: calc(50% - 3px);
					height: 100%;
					background: #717E86;
				}
				.color-adjustment-items:nth-child(2n - 1){
					margin-right: 6px;
				}
					.color-adjustment-item{
						float: left;
						width: 100%;
						text-align: center;
					}
						.color-adjustment-slider,
						.brightness-adjustment-slider,
						.color-wall-adjustment{
							float: left;
							width: 100%;
							height: 10px;
							margin-top: 0.6em;
							border-radius: 0;
							background: #A5ADB2;
							border: none;
						}
						.brightness-adjustment-slider{
/*
							height: 40px;
							border: none;
							background: #ffffff;
							background: -moz-linear-gradient(top,  #ffffff 0%, #000000 100%);
							background: -webkit-linear-gradient(top,  #ffffff 0%,#000000 100%);
							background: linear-gradient(to bottom,  #ffffff 0%,#000000 100%);
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
							border: none;
*/
						}
						.color-adjustment-slider{
/*
							background: url('../images/kleurverloop.png') no-repeat;
							background-size: 100% 300%;
							border: none;
							height: 40px;
*/
						}
							.popup-edit-hue .content{
								float: left;
								width: calc(100% - 20px);
								padding: 10px;
								background: #30383B;
							}
							.popup-edit-hue h3{
								text-transform: uppercase;
								color: #fff;
								margin-top: 15px;
							}
							.popup-edit-hue h3.left{
								float: left;
							}
							.popup-edit-hue h3.center{
								float: left;
								width: 100%;
								text-align: center;
							}
							.popup-edit-hue h3.right{
								float: right;
							}
							.color-adjustment-slider .ui-slider-handle,
							.brightness-adjustment-slider .ui-slider-handle{
								border-radius: 0;
								border: none;
								background: #707F86;
								
/*
								float: left;
								width: 8px;
								height: 39px;
								top: 0em;
								margin-left: -4px;
								border: 1px solid #30383B;
*/
							}
							.color-adjustment-slider .ui-slider-handle{
/*
								width: 8px;
								height: 38px;
								background-size: auto 100%;
*/
							}

	.info-panel,
	.save-panel{
		float: left;
		font-size: 10pt;
		text-transform: uppercase;
		color: #fff;
	}
		.filter-tile-info .filter-block-info-type{
			display: none;
		}
		.filter-block-info-type.half-width{
			float: left;
			width: calc(50% - 5px);
			margin-right: 10px;
		}
		.filter-block-info-type.half-width:last-child{
			margin-right: 0;
		}
		.info-tile-images,
		.icon-btn{
			float: left;
			clear: both;
			width: 100%;
			margin-top: 30px;
		}
		.info-panel-floor,
		.info-panel-wall{
			float: left;
			width: 100%;
		}
			.table-header{
				float: left;
				width: calc(100% - 6px);
				height: 17px;
				padding: 3px;
				margin-bottom: 3px;
				background: #717E86;
			}
			.tile-info-label,
			.tile-info-value{
				float: left;
				width: calc(50% - 5px);
				height: 25px;
				margin-top: 9px;
				padding: 3px 0;
				padding-left: 5px;
				text-transform: uppercase;
				color: #fff;
				font-size: 12pt;
				line-height: 19pt;
				background: #30383B;
				overflow: hidden;
			}
			.tile-info-value .left-field{
				float: left;
				width: 60%;
			}
			.tile-info-value .right-field{
				float: left;
				width: 40%;
			}
	.save-panel{
		float: left;
		width: 100%;
	}
		.save-panel .btn,
		.save-panel h2,
		.save-panel input{
			float: left;
			clear: both;
			width: calc(100% - 14px);
			padding: 4px 7px;
			margin-top: 7px;
			border: none;
		}
		.save-panel .btn,
		.save-panel input{
			text-align: center;
		}
		.save-panel input[type=text]{
			color: #000;
		}
		.save-items-container .design{
			float: left;
			width: 414px;
		}
		.compositions-block-container{
			position: absolute;
			width: 240px;
			top: 0;
			right: 0;
			padding: 0 20px;
			text-align: center;
		}
		.compositions-block-container h2{
			margin-top: 0;
		}
		.save-items-container.compositions-block .design{
			width: 100%;
			clear: both;
		}
		.save-items-container .design:nth-child(2n){
			margin-left: 12px;
		}
		.save-items-container.compositions-block .design:nth-child(2n){
			margin-left: 0;
		}
			.save-items-container .design-actions{
				position: absolute;
				width: 414px;
				margin-top: 13px;
			}
			.save-items-container.compositions-block .design-actions{
				width: 240px;
			}
				.save-items-container .design-actions span{
					float: right;
					margin: 2px;
					padding: 6px;
					font-size: 13pt;
					background: rgba(0, 0, 0, 0.7);
					cursor: pointer;
				}
			.save-items-container img{
				float: left;
				width: 100%;
				height: auto;
				margin-top: 12px;
			}
		.success-message{
			display: none;
			float: left;
			width: 100%;
			clear: both;
			margin-top: 5px;
			color: #95C11F;
		}
		.error-message{
			display: none;
			float: left;
			width: 100%;
			clear: both;
			margin-top: 5px;
			color: #c21f1f;
		}
		.save-items-container{
			margin-top: 15px;
		}
		.save-panel .buttons-left{
			float: right;
			clear: both;
			width: calc(50% - 10px);
			margin-top: 15px;
		}
		.save-panel .buttons-right{
			float: right;
			clear: both;
			width: calc(50% - 10px);
			margin-top: 15px;
		}

.page3 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  top: 0;
  margin: 0 auto;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }

.search-panel-header{
	position: relative;
	width: calc(100% - 20px);
	height: 35px;
	vertical-align: top;
	z-index: 1100;
	background-color: #30383B;
	margin: 0;
	padding: 10px 10px;
    font-family: "Roboto";
}
	.search-panel-header .left{
		float: left;
		width: calc(100% - 293px);
		height: 100%;
	}
	.search-panel-header .right{
		float: right;
		width: auto;
		height: 100%;
		background: #95C11F;
	}
		.search-panel-header .left p,
		.search-panel-header .right p{
			line-height: 35px;
/* 			padding: 0 10px; */
			color: #fff;
			text-transform: uppercase;
		}
		.search-panel-header .right p{
			cursor: pointer;
			font-weight: bolder;
		}

#search-panel-container {
  display: none;
  position: relative;
  width: 100%;
  height: calc(100% - 150px);
  top: 40px;
  z-index: 1100;
  background-color: #717E86;
  font-size: 0;
  margin: 0;
  padding: 0; }
  #search-panel-container .thumb-container {
	float: left;
    margin: 0;
    padding: 0;
    border: 0;
    width: calc(100% - 32px);
    height: 100%;
    display: block;
    position: relative;
    overflow-y: auto;
    overflow-y: hidden;
    background: #fff;
  }
  #search-panel-container.scrollbar .thumb-container{
	  overflow-y: auto;
	  padding-right: 32px;
  }
  #search-panel-container.scrollbar .search-panel-navigation{
  	position: relative;
  	z-index: 99;
  	margin-left: -46px;
  }
  #search-panel-container .thumb-container::-webkit-scrollbar{
	  width: 10px;
  }
	#search-panel-container .thumb-container::-webkit-scrollbar-track {
	    border-radius: 0;
	    background: linear-gradient(rgb(113, 126, 134) 0%, rgb(255, 255, 255) 50%, rgb(113, 126, 134) 100%);
	}
	#search-panel-container .thumb-container::-webkit-scrollbar-thumb {
	    border-radius: 0;
	    background: #fff;
	    width: 20px;
	    height: 20px;
	}

    #search-panel-container .thumb-container .fxcon {
/*
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
*/
      height: 100%;
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
    }
      
	  #search-panel-container .thumb-container::-webkit-scrollbar{
		width: 12px;  /* for vertical scrollbars */
	  }
	  #search-panel-container .thumb-container::-webkit-scrollbar-track{
		  background: rgba(0, 0, 0, 0.1);
		  height: 20px;
	  }
	  #search-panel-container .thumb-container::-webkit-scrollbar-thumb{
		  background: rgba(0, 0, 0, 0.5);
		  height: 20px;
	  }
      
      #search-panel-container .thumb-container .fxcon div.one_thumb {
/*
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
*/
		float: left;
        height: 20%;
        width: 290px;
        height: 375px;
        position: relative;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        margin-bottom: 10px;
		cursor: pointer;
      }
	  #search-panel-container .thumb-container .fxcon.smallSize div.one_thumb{
		  height: 260px;
	  }
  #search-panel-container .search-panel-navigation{
	  float: left;
	  width: 32px;
	  height: 100%;
	  font-size: 16pt;
	  text-align: center;
	  color: #30383B;
	  background: #fff;
  }
	  #search-panel-container .search-panel-navigation .search-panel-up{
		  margin-top: 12px;
		  cursor: pointer;
	  }
	  #search-panel-container .search-panel-navigation .search-panel-down{
		  position: absolute;
		  bottom: 12px;
		  right: 7px;
		  cursor: pointer;
	  }
  #search-panel-container .thumb_img_container {
    position: absolute;
    width: 275px;
    left: 14px;
    height: 275px;
    top: 14px;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }
  #search-panel-container .smallSize .thumb_img_container{
	  height: 160px;
  }
  #search-panel-container .tile-data-container{
	position: absolute;
	width: calc(95% - 8px);
	left: 14px;
	top: 300px;
	padding: 4px;
	text-transform: uppercase;
	text-align: center;
	background: #30383B;
  }
  #search-panel-container .smallSize .tile-data-container{
	  top: 185px;
  }
  #search-panel-container .tile_brand,
  #search-panel-container .tile_number,
  #search-panel-container .tile_description {
    font-family: "Roboto";
    font-size: 0.7rem;
    color: #fff; }

.prev_page {
  background-image: url("../images/site/lar.png");
  background-repeat: no-repeat;
  height: 1.75rem;
  width: 1.6875rem;
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  cursor: hand;
  cursor: pointer;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain; }

.next_page {
  background-image: url("../images/site/rar.png");
  background-repeat: no-repeat;
  height: 1.75rem;
  width: 1.6875rem;
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  cursor: hand;
  cursor: pointer;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain; }

.page_sequence {
  height: 1.75rem;
  width: 5rem;
  position: absolute;
  top: 0.625rem;
  left: 50%;
  margin-left: -1.875rem;
  font-family: "Roboto";
  font-size: 0.8rem;
  line-height: 1.75rem;
  color: white; }

.back, .exit-sfeer {
  background-image: url("../images/site/back.png");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  height: 3.75rem;
  width: 3.75rem;
  position: fixed;
  top: 50%;
  margin-top: -3.75rem;
  left: 0.625rem;
  cursor: hand;
  cursor: pointer;
  z-index: 999; }

.back_home {
  background-image: url("../images/site/back_home.png");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  height: 3.75rem;
  width: 3.75rem;
  position: fixed;
  top: 50%;
  margin-top: -8.75rem;
  left: 0.625rem;
  cursor: hand;
  cursor: pointer; }

.container {
  position: relative;
  top: 0;
  width: 100%;
  margin: 0 auto;
  min-height: 100%;
  height: 100%;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }

#control-panel-container {
  position: fixed;
  bottom: 0.625rem;
  width: 57.8125rem;
  height: 25rem;
/*   height: 5rem; */
  left: 50%;
  margin-left: -28.875rem;
  vertical-align: top;
  z-index: 1100;
  background-color: rgba(109, 110, 112, 0.8);
  -moz-border-radius: 0.9375rem;
  -webkit-border-radius: 0.9375rem;
  border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
  border-radius: 0.9375rem;
  -webkit-box-shadow: 0.125rem 0.125rem 0.75rem black;
  -moz-box-shadow: 0.125rem 0.125rem 0.75rem black;
  box-shadow: 0.125rem 0.125rem 0.75rem black; }

.tile_row0, .tile_row1 {
  position: relative;
  display: block;
  padding: 0 !important;
  overflow: hidden !important;
  white-space: nowrap;
  width: 100%;
  line-height: 0; }

.tile_block {
  display: inline-block;
  position: relative;
  left: 0;
  top: 0;
  padding: 0 !important;
  margin: 0 !important; }

.tile {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 !important;
  margin: 0 !important;
  background-repeat: no-repeat;
  background-position: left top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; }

.rndRotate1 .tile {
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg); }

.rndRotate2 .tile {
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.rndRotate3 .tile {
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg); }

table#control-table {
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -ms-font-smoothing: antialiased !important;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.004);
  table-layout: fixed; }
  table#control-table > tbody > tr > td, table#control-table > tbody > tr > th {
    vertical-align: top; }
  table#control-table > tbody > tr > td > div, table#control-table > tbody > tr > th > div {
    height: 80%;
    border-right: 0.0625rem solid #555555;
    vertical-align: top; }
  table#control-table > tbody > tr > td:last-child {
    width: 5%; }
    table#control-table > tbody > tr > td:last-child > div {
      border-right: 0; }

#control-menu {
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  left: 1.25rem;
  top: -3.125rem;
  cursor: hand;
  cursor: pointer;
  background-image: url("../images/site/down_control.png");
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }

#control-refresh {
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  left: 5rem;
  top: -3.125rem;
  cursor: hand;
  cursor: pointer;
  background-image: url("../images/site/refresh.png");
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; }

div.curved_tab {
  display: inline-block;
  margin: 2.5rem 0 1.25rem 1.25rem;
  width: 10.625rem;
  height: 20rem;
  vertical-align: top; }

table.ninetabs {
  width: 100%;
  height: 100%;
  border-spacing: 0 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -ms-font-smoothing: antialiased !important;
  text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.004);
  table-layout: fixed; }

.tab12, .tab13, .tab31, .tab32, .tab33 {
  font-size: 0; }

.tab12 img, .tab13 img, .tab31 img, .tab32 img, .tab33 img {
  padding: 0;
  margin: 0;
  border: 0; }

.tab11 {
  width: 8.9375rem;
  height: 2.5rem;
  background-image: url("../images/site/tab/1-1.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain; }
  .tab11 div {
    position: relative;
    width: 6.25rem;
    font-family: "Roboto-Black";
    color: #23418c;
    font-weight: normal;
    font-size: 0.6rem;
    text-align: center; }

.tab12 {
  background-image: url("../images/site/tab/1-2.png");
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: left bottom; }

.tab13 {
  width: 0.875rem; }
  .tab13 img {
    padding: 0;
    margin: 0; }

div.imgtab13 {
  width: 0.875rem;
  height: 2.5rem;
  background-image: url("../images/site/tab/1-3.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain; }

div.imgtab31 {
  width: 8.9375rem;
  height: 0.625rem;
  background-image: url("../images/site/tab/3-1.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain; }

div.imgtab33 {
  width: 0.875rem;
  height: 0.625rem;
  background-image: url("../images/site/tab/3-3.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain; }

.tab2x {
  background-color: white; }

.table_2x {
  margin-left: 1rem; }

.tab31 {
  width: 8.9375rem;
  height: 0.625rem; }

.tab32 {
  background-image: url("../images/site/tab/3-2.png");
  background-position: left top;
  background-size: auto 100%; }

.tab33 {
  width: 0.875rem;
  height: 0.625rem; }

div.curved_tab_container {
  display: inline-block;
  margin: 2.5rem 0 1.25rem 1.25rem;
  width: 10.625rem;
  height: 26.25rem; }
div.joint-color-label {
  color: white;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1.5em;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  position: relative;
  height: 1.25rem;
  line-height: 1.25rem;
  padding-top: 0.5em;
  position: relative;
  width: 100%; }
div.joint-color {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1%; }
  div.joint-color > ul {
    margin: 0 auto;
    padding-left: 0.9375rem;
    list-style: none; }
    div.joint-color > ul > li {
      display: inline-block;
      padding: 0.1875rem;
      width: 25%; }
      div.joint-color > ul > li > div {
        padding-top: 100%;
        width: 100%;
        cursor: pointer;
        cursor: hand;
        border: 0.0625rem solid #cccccc; }
      div.joint-color > ul > li:hover {
        outline: magenta dotted thin; }

.active_color_class {
  outline: magenta dotted thin; }

.size_tab {
  margin-bottom: 0.625rem;
  height: 9.625rem; }

.size_title {
  width: 8.75rem;
  height: 1.875rem;
  margin: 0 auto;
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: left top;
  font-family: "Roboto-Black";
  color: white;
  font-weight: normal;
  font-size: 0.6rem;
  line-height: 1.875rem;
  text-align: center; }

.size_list {
  width: 8.75rem;
  height: 3.75rem;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 auto; }
  .size_list ul {
    list-style: none;
    width: 100%; }
    .size_list ul li {
      width: 8.75rem;
      height: 1.875rem;
      position: relative;
      background-image: url("../images/site/white_line.png");
      background-repeat: repeat-x;
      background-size: auto 100%;
      background-position: left top;
      font-family: "Roboto";
      font-weight: normal;
      font-size: 0.7rem;
      line-height: 1.875rem;
      text-align: left;
      color: black; }

.size_label {
  display: inline-block;
  padding-left: 0.625rem; }

.size_count {
  position: absolute;
  right: 1.25rem;
  top: 0; }

.width_tab {
  height: 9.625rem; }

.joint_width {
  vertical-align: top;
  width: 8.75rem;
  height: 5.625rem;
  margin: 0 auto; }
  .joint_width ul {
    list-style: none;
    width: 100%; }
    .joint_width ul li {
      width: 3.75rem;
      height: 1.5625rem;
      line-height: 1.25rem;
      display: inline-block;
      font-family: "Roboto-Black";
      font-weight: normal;
      font-size: 0.8rem;
      text-align: left; }

div.pattern-tab {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5%; }
  div.pattern-tab > ul {
    margin: 0 auto;
    list-style: none; }
    div.pattern-tab > ul > li {
      display: inline-block;
      padding: 0.625rem 1.125rem;
      width: 20%; }
      div.pattern-tab > ul > li > div {
        height: 3.125rem;
        width: 3.125rem;
        cursor: pointer;
        cursor: hand;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%; }
        div.pattern-tab > ul > li > div#p1 {
          background-image: url("../images/site/matrix-normal.png"); }
        div.pattern-tab > ul > li > div#p2 {
          background-image: url("../images/site/matrix-iso.png"); }
        div.pattern-tab > ul > li > div#p3 {
          background-image: url("../images/site/shift-normal.png"); }
        div.pattern-tab > ul > li > div#p4 {
          background-image: url("../images/site/shift-iso.png"); }
        div.pattern-tab > ul > li > div#p5 {
          background-image: url("../images/site/five-normal.png"); }
        div.pattern-tab > ul > li > div#p6 {
          background-image: url("../images/site/five-iso.png"); }
        div.pattern-tab > ul > li > div#p7 {
          background-image: url("../images/site/five-90.png"); }
        div.pattern-tab > ul > li > div#p8 {
          background-image: url("../images/site/906.png"); }

.extend_info {
  width: 18.75rem !important; }

.info_title {
  width: 8.125rem;
  height: 1.875rem;
  margin: 0.75rem auto 0 auto;
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: left top;
  font-family: "Roboto-Black";
  color: white;
  font-weight: normal;
  font-size: 0.6rem;
  line-height: 1.875rem;
  text-align: left;
  padding-left: 0.625rem; }

.info_answer {
  width: 8.125rem;
  height: 1.875rem;
  position: relative;
  margin: 0 auto;
  background-image: url("../images/site/white_line.png");
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: left top;
  font-family: "Roboto";
  font-weight: normal;
  font-size: 0.6rem;
  line-height: 1.875rem;
  text-align: left;
  color: black;
  padding-left: 0.625rem; }

.inspiration {
  width: 8.75rem;
  height: 15.125rem;
  position: relative;
  margin: 0.625rem auto; }

.photo_ins {
  background-repeat: no-repeat;
  background-position: left top;
  width: 7.5rem;
  height: 2.875rem;
  left: 0.625rem;
  top: 0rem;
  position: absolute;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain; }

.paneel_ins {
  background-repeat: no-repeat;
  background-position: left top;
  width: 7.5rem;
  height: 2.875rem;
  left: 0.625rem;
  top: 3.75rem;
  position: absolute;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain; }

.do_ins {
  background-image: url("../images/ui/aangepaste.png");
  background-repeat: no-repeat;
  background-position: left top;
  width: 7.5rem;
  height: 2.875rem;
  left: 0.625rem;
  top: 7.5rem;
  position: absolute;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain; }
  .do_ins.aangepaste_thumb {
    background-image: url("../images/ui/do_ins.png"); }

.mail_ins {
  background-repeat: no-repeat;
  background-position: left top;
  width: 7.5rem;
  height: 2.875rem;
  left: 0.625rem;
  top: 12.5rem;
  position: absolute;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain; }

.homeandsearch {
  width: 8.75rem;
  height: 1.875rem;
  position: relative;
  margin: 0.625rem auto; }

.new_search {
  background-repeat: no-repeat;
  background-position: left top;
  width: 6.875rem;
  height: 1.5625rem;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  float: left; }

.goto_home {
  background-repeat: no-repeat;
  background-position: left top;
  width: 1.875rem;
  height: 1.5625rem;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  float: right; }

div.joint-width-label {
  color: white;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1.5em;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  position: relative;
  height: 1.25rem;
  line-height: 1.25rem;
  padding-top: 0.5em; }
div.joint-width {
  margin-top: 0.875rem;
  text-align: center; }
  div.joint-width > ul {
    display: inline-block;
    list-style: none; }
    div.joint-width > ul > li {
      display: inline-block;
      padding: 0.3125rem;
      width: 3.125rem; }
      div.joint-width > ul > li:hover {
        outline: magenta dotted thin; }
      div.joint-width > ul > li > div {
        line-height: 2.5rem;
        height: 2.5rem;
        width: 100%;
        color: white;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1em;
        font-style: normal;
        text-align: center;
        border: 0.0625rem solid white;
        cursor: pointer;
        cursor: hand; }
div.pattern-label {
  color: white;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1.5em;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  position: relative;
  height: 1.25rem;
  line-height: 1.25rem;
  padding-top: 0.5em; }
div.pattern {
  margin-top: 1.25rem;
  text-align: center; }
  div.pattern > ul {
    margin: 0 auto;
    list-style: none; }
    div.pattern > ul > li {
      display: inline-block;
      padding: 0.3125rem;
      width: 3.125rem; }
      div.pattern > ul > li:hover {
        outline: magenta dotted thin; }
      div.pattern > ul > li > div {
        height: 3.125rem;
        width: 3.125rem;
        cursor: pointer;
        cursor: hand;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%; }
        div.pattern > ul > li > div#p1 {
          background-image: url("../images/site/matrix-normal.png"); }
        div.pattern > ul > li > div#p2 {
          background-image: url("../images/site/matrix-iso.png"); }
        div.pattern > ul > li > div#p3 {
          background-image: url("../images/site/shift-normal.png"); }
        div.pattern > ul > li > div#p4 {
          background-image: url("../images/site/shift-iso.png"); }
div.format-size-label {
  color: white;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1.5em;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  position: relative;
  height: 1.25rem;
  line-height: 1.25rem;
  padding-top: 0.5em; }

.format-size div {
  cursor: pointer;
  cursor: hand; }

div.format-size {
  margin-top: 1.25rem;
  text-align: center; }
  div.format-size div {
    cursor: hand; }
  div.format-size > ul {
    list-style: none;
    margin: 0 auto;
    width: 90%; }
    div.format-size > ul > li {
      display: inline-block;
      padding: 0.3125rem;
      width: 5rem; }
      div.format-size > ul > li:hover {
        outline: magenta dotted thin; }
      div.format-size > ul > li > div {
        line-height: 1.25rem;
        height: 2.5rem;
        color: white;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1em;
        font-style: normal;
        text-align: center;
        border: 0.0625rem solid white;
        padding: 0.3125rem;
        vertical-align: middle; }

.info_td {
  width: 15%; }
  .info_td table {
    width: 80%;
    margin: 1.25rem auto 0 auto; }
    .info_td table td {
      padding: 0.5rem 0.5rem 0.5rem 0.5rem; }

div.info-label {
  color: white;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1.5em;
  font-style: normal;
  font-weight: 700;
  text-align: center;
  position: relative;
  height: 1.875rem;
  line-height: 1.875rem; }
div.info {
  margin-top: 1.25rem;
  text-align: center; }

.info_left {
  color: #cccccc;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1em;
  font-style: normal;
  width: 30%;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.2);
  padding: 0.625rem; }

.info_right {
  color: white;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1em;
  font-style: normal;
  text-align: left; }

.add_outline {
  outline: magenta dotted thick; }

.rotating-item {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  position: absolute;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center bottom; }

#rotating-item-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute; }

.scroll_outer {
  display: block;
  overflow-y: auto; }

.scroll_inner {
  display: block;
  padding: 0.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%; }

.pad_box {
  display: block;
  padding: 1.25rem 0.5rem 0.625rem 0.9375rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%; }

#loading {
/*   background-image: url(loading.gif); */
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  height: 75px;
  width: 75px;
  position: absolute;
  z-index: 999999999;
  top: 50%;
  left: 50%;
  margin-top: -3.125rem;
  margin-left: -3.125rem;
  visibility: hidden;
  display: none; }
  #loading i{
	  font-size: 35pt;
	  line-height: 75px;
  }
  #loading #loadingextra {
    width: 1.875rem;
    height: 1.875rem;
    position: absolute;
    left: 1.875rem;
    bottom: -1.875rem;
    font-family: Arial;
    font-size: 1.375rem;
    font-weight: bold;
    text-align: center;
    color: white; }

#form-main-container {
  position: fixed;
  z-index: 888888;
  right: 6.25rem;
  top: 20%;
  width: 25rem;
  font-size: 0.8125rem;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-shadow: 0.125rem 0.125rem 0.75rem black;
  -moz-box-shadow: 0.125rem 0.125rem 0.75rem black;
  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.25); }
  #form-main-container h1 {
    margin: 0rem;
    padding: 0rem; }
  #form-main-container h2, #form-main-container h3, #form-main-container p, #form-main-container quote, #form-main-container small, #form-main-container form, #form-main-container input, #form-main-container ul, #form-main-container li, #form-main-container ol, #form-main-container label {
    margin: 0rem;
    padding: 0rem; }
  #form-main-container #form-container {
    background-color: #f5f5f5;
    padding: 0.9375rem;
    -moz-border-radius: 0.75rem;
    -khtml-border-radius: 0.75rem;
    -webkit-border-radius: 0.75rem;
    border-radius: 0.75rem; }
    #form-main-container #form-container td {
      white-space: nowrap; }
    #form-main-container #form-container a {
      text-decoration: none;
      outline: none; }
      #form-main-container #form-container a:visited {
        text-decoration: none;
        outline: none; }
      #form-main-container #form-container a:hover {
        text-decoration: none; }
    #form-main-container #form-container h1 {
      color: #777777;
      font-size: 0.9375rem;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 0.3125rem; }
    #form-main-container #form-container h2 {
      font-weight: normal;
      font-size: 0.625rem;
      text-transform: uppercase;
      color: #aaaaaa;
      margin-bottom: 0.9375rem;
      border-bottom: 0.0625rem solid #eeeeee;
      margin-bottom: 0.9375rem;
      padding-bottom: 0.625rem; }
    #form-main-container #form-container label {
      text-transform: uppercase;
      font-size: 0.625rem;
      font-family: Tahoma, Arial, Sans-serif;
      font-weight: bold; }
    #form-main-container #form-container textarea {
      color: #404040;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.75rem;
      padding: 0.25rem 0.375rem 0.25rem 0.375rem;
      margin: 0.625rem 0rem;
      width: 95%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    #form-main-container #form-container td > button {
      text-indent: 0.5rem; }
    #form-main-container #form-container input[type="text"] {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.75rem;
      line-height: 1.125rem;
      vertical-align: middle;
      height: 1.375rem;
      color: #404040;
      border: none;
      padding: 0.25rem 0.3125rem 0.25rem 0.375rem;
      margin: 0.625rem 0.3125rem 0rem 0rem;
      width: 95%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    #form-main-container #form-container select {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.75rem;
      line-height: 1.125rem;
      vertical-align: middle;
      height: 1.375rem;
      border: none;
      padding: 0.25rem 0.375rem 0.25rem 0.375rem;
      margin: 0.625rem 0rem 0rem 0rem; }

.nicebutton {
  display: inline-block;
  white-space: nowrap;
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
  background-image: -webkit-linear-gradient(top, #eee, #ccc);
  background-image: -moz-linear-gradient(top, #eee, #ccc);
  background-image: -ms-linear-gradient(top, #eee, #ccc);
  background-image: -o-linear-gradient(top, #eee, #ccc);
  background-image: linear-gradient(top, #eee, #ccc);
  border: 0.0625rem solid #777;
  padding: 0 1.5em;
  margin: 0.5em;
  font: bold 1em/2em Arial, Helvetica;
  text-decoration: none;
  color: #000;
  text-shadow: 0 0.0625rem 0 rgba(255, 255, 255, 0.8);
  -moz-border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  border-radius: 0.2em;
  -moz-box-shadow: 0 0 0.0625rem 0.0625rem rgba(255, 255, 255, 0.8) inset, 0 0.0625rem 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 0.0625rem 0.0625rem rgba(255, 255, 255, 0.8) inset, 0 0.0625rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0.0625rem 0.0625rem rgba(255, 255, 255, 0.8) inset, 0 0.0625rem 0 rgba(0, 0, 0, 0.3); }
  .nicebutton:before {
    background: #ccc;
    background: rgba(0, 0, 0, 0.1);
    float: left;
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 0.2em;
    -moz-box-shadow: 0.0625rem 0 0 rgba(0, 0, 0, 0.5), 0.125rem 0 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0.0625rem 0 0 rgba(0, 0, 0, 0.5), 0.125rem 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0.0625rem 0 0 rgba(0, 0, 0, 0.5), 0.125rem 0 0 rgba(255, 255, 255, 0.5);
    -moz-border-radius: 0.15em 0 0 0.15em;
    -webkit-border-radius: 0.15em 0 0 0.15em;
    border-radius: 0.15em 0 0 0.15em;
    pointer-events: none; }
  .nicebutton:hover {
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
    background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
    background-image: -moz-linear-gradient(top, #fafafa, #ddd);
    background-image: -ms-linear-gradient(top, #fafafa, #ddd);
    background-image: -o-linear-gradient(top, #fafafa, #ddd);
    background-image: linear-gradient(top, #fafafa, #ddd); }
  .nicebutton:active {
    -moz-box-shadow: 0 0 0.25rem 0.125rem rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 0 0.25rem 0.125rem rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 0 0.25rem 0.125rem rgba(0, 0, 0, 0.3) inset;
    position: relative;
    top: 0.0625rem; }
  .nicebutton:focus {
    outline: 0;
    background: #fafafa; }

.email:before {
  content: "✉"; }

button.nicebutton, input.nicebutton {
  cursor: pointer;
  overflow: visible; }

.fancymodal {
  -webkit-transform: translateY(-150%);
  -moz-transform: translateY(-150%);
  -ms-transform: translateY(-150%);
  -o-transform: translateY(-150%);
  transform: translateY(-150%);
  opacity: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out; }
  .fancymodal.show {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1; }

.starVerplicht {
  color: red;
  text-align: left;
  padding: 0;
  vertical-align: bottom;
  line-height: 1.375rem; }

.verplicht {
  font-size: 0.6rem;
  text-align: left;
  color: red; }

#rotating-item-wrapper-sfeer {
  z-index: 10000000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: #000; }

.rotating-item-sfeer {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  position: absolute;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }

.busy {
  position: absolute;
  z-index: 100000;
  background-image: url("../images/site/busy.gif");
  background-repeat: no-repeat;
  background-position: center center;
  width: 4.6875rem;
  height: 4.6875rem;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  top: 20%;
  left: 50%;
  margin: -2.3125rem 0 0 -2.3125rem;
  padding: 0;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%; }

.portView {
  position: absolute;
  height: 7.1rem;
  width: 100%;
  bottom: 0;
  overflow: hidden;
  z-index: 100;
  background: #30383B;
}

.sfeer_ThumbContainer {
  white-space: nowrap;
  position: absolute;
  height: 6.375rem;
  width: 100%;
  top: 0rem;
  left: 0rem;
  text-align: center;
  list-style: none; }

.sfeerThumb {
  width: 9.375rem;
  height: 6.375rem;
  background: #000;
  margin: 4px 2px;
  border: 2px solid #000;
  display: inline-block;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center bottom;
  cursor: pointer; }

.activesfeerThumb {
  border: 2px solid #f55; }

.rotating-sfeer-item {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  position: absolute;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }

#rotating-sfeer-item-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute; }

.gsfeer_control_container {
	display: none;
  position: absolute;
  top: 700px;
  left: 50%;
  vertical-align: top;
  z-index: 99; }
.stylePage .gsfeer_control_container{
	display: block;
}
  
  .gsfeer-icon-container{
	  float: left;
	  width: 90px;
	  height: 90px;
	  color: #fff;
	  text-align: center;
	  font-size: 27pt;
	  line-height: 90px;
	  cursor: pointer;
	  transform: rotate(-12deg);
  }
  	.gsfeer-icon-container .icon{
	  	font-size: 150pt;
	}
  	.gsfeer-icon-container .icon-text{
	  	position: absolute;
	  	color: #fff;
	  	top: 63px;
	  	left: 46px;
	  	font-size: 21pt;
	  	line-height: 22pt;
	  	text-align: right;
	  	text-transform: uppercase;
	  	font-weight: 700;
	  	transform: rotate(45deg);
  	}
  .gsfeer_space_chooser{
	  display: none;
	  position: fixed;
	  float: left;
	  width: 800px;
	  top: 440px;
	  left: 650px;
	  overflow: hidden;
  }
  	.gsfeer_space_chooser .gsfeer-space{
	  	float: left;
	  	width: calc(200px - 6px);
	  	margin-right: 8px;
	  	overflow: hidden;
	  	cursor: pointer;
  	}
  	.gsfeer_space_chooser .gsfeer-space:last-child{
	  	margin-right: 0;
  	}
	  	.gsfeer_space_chooser img{
		  	float: left;
		  	width: 100%;
		  	height: auto;
		  	background: #30383B;
	  	}
	  	.gsfeer_space_chooser span{
		  	float: left;
		  	width: 100%;
		  	color: #fff;
		  	padding: 3px 0;
		  	text-transform: uppercase;
		  	font-size: 13pt;
		  	cursor: pointer;
		  	text-align: center;
	  	}
	  	.gsfeer_space_chooser .gsfeer-space span{
		  	background: #fff;
		  	color: #30383B;
		  	font-weight: 700;
	  	}
	  	.gsfeer_space_chooser span.gsfeer-space-header{
		  	font-size: 11pt;
		  	background: #30383B;
		  	margin: 0;
		  	margin-bottom: 4px;
		  	line-height: 38px;
		  	text-align: left;
		  	font-weight: 700;
		  	padding-left: 6px;
	  	}
		  	.gsfeer_space_chooser span.gsfeer-space-header span{
			  	font-size: 18pt;
			  	width: auto;
			}

.matrixPage .gsfeer_control_container {
  height: 3.75rem; }

.gsfeer_prev {
  background-repeat: no-repeat;
  height: 1.75rem;
  width: 1.6875rem;
  position: absolute;
  top: 50%;
  left: 0.625rem;
  cursor: pointer;
  color: #fff;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  z-index: 99;
  text-align: center;
  font-size: 30pt;
}

.gsfeer_next {
  background-repeat: no-repeat;
  height: 1.75rem;
  width: 1.6875rem;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  cursor: pointer;
  color: #fff;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  z-index: 99;
  text-align: center;
  font-size: 30pt;
}

.gsfeer_play {
  display: inline-block;
  width: 3.75rem;
  height: 1.875rem;
  text-align: center;
  background-size: auto 100%;
  -moz-border-radius: 0.3125rem;
  -webkit-border-radius: 0.3125rem;
  border-radius: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  border-radius: 0.3125rem;
  font-family: "Roboto-Black";
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 1.875rem;
  color: white;
  position: absolute;
  top: 0.875rem;
  left: 7.5rem;
  cursor: hand;
  cursor: pointer; }

.gsfeer_submit {
  display: inline-block;
  width: 11.25rem;
  height: 1.875rem;
  text-align: center;
  background-size: auto 100%;
  -moz-border-radius: 0.3125rem;
  -webkit-border-radius: 0.3125rem;
  border-radius: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  border-radius: 0.3125rem;
  font-family: "Roboto-Black";
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 1.875rem;
  color: white;
  position: absolute;
  top: 3.75rem;
  left: 3.75rem;
  cursor: hand;
  cursor: pointer; }

@media screen and (min-width: 1921px) {
  .boxer-control.previous {
    transform: scale(2, 2);
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    margin-left: 5% !important; } }

@media screen and (min-width: 1921px) {
  .boxer-control.next {
    transform: scale(2, 2);
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    margin-right: 5% !important; } }

#tegelinformatie-panel-container {
  position: fixed;
  top: 6.25rem;
  width: 38.75rem;
  height: 30rem;
  left: 50%;
  margin-left: -19.375rem;
  vertical-align: top;
  z-index: 1200;
  background-color: #F8F9FA;
  border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
  -webkit-box-shadow: 0.125rem 0.125rem 0.75rem black;
  -moz-box-shadow: 0.125rem 0.125rem 0.75rem black;
  box-shadow: 0.125rem 0.125rem 0.75rem black;
  display: none; }
  #tegelinformatie-panel-container .tegelinfo_header {
    background-color: #F2F4F7;
    border-radius: 0.9375rem 0.9375rem 0 0;
    height: 3.125rem; }
    #tegelinformatie-panel-container .tegelinfo_header .tegelinfo_title {
      font-family: "Roboto-Black";
      color: black;
      font-weight: normal;
      font-size: 0.9rem;
      line-height: 1.5625rem;
      text-align: left;
      display: inline-block;
      padding: 1rem; }
    #tegelinformatie-panel-container .tegelinfo_header .tegelinfo_close {
      font-family: "Roboto";
      color: black;
      font-weight: normal;
      font-size: 0.9rem;
      line-height: 1.5625rem;
      text-align: left;
      display: inline-block;
      position: relative;
      padding: 1rem 3rem 1rem 1rem;
      float: right;
      cursor: pointer; }
      #tegelinformatie-panel-container .tegelinfo_header .tegelinfo_close .close {
        position: absolute;
        right: 1.7rem;
        width: 0.8rem;
        height: 0.8rem;
        top: 1.5rem;
        background-image: url("/images/ui/x.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain; }
  #tegelinformatie-panel-container .tegelinfotable {
    width: 100%;
    height: calc(100% - 4.375rem);
    border-spacing: 0 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    -ms-font-smoothing: antialiased !important;
    text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.004);
    empty-cells: show; }
    #tegelinformatie-panel-container .tegelinfotable td {
      border: 1px solid #F2F4F7;
      margin: 10px; }
  #tegelinformatie-panel-container .tegelinfolabel {
    font-family: "Roboto-Black";
    color: black;
    font-weight: normal;
    font-size: 0.9rem;
    text-align: left;
    padding: 0 1rem;
    white-space: nowrap;
    width: 20%; }
  #tegelinformatie-panel-container .tegelinfoproperty {
    font-family: "Roboto";
    color: black;
    font-weight: normal;
    font-size: 0.9rem;
    text-align: left;
    padding: 0 1rem; }
    #tegelinformatie-panel-container .tegelinfoproperty .tinfo_property {
      background-color: white;
      padding: 0.3rem;
      white-space: pre; }
      #tegelinformatie-panel-container .tegelinfoproperty .tinfo_property:empty {
        background-color: #f00; }

.size_active2 .size_label {
  font-size: 0.8rem;
  text-decoration: underline;
  font-weight: bold; }

#control-panel-container {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.inshowroom {
  cursor: pointer; }
  .inshowroom .size_label {
    font-weight: bold;
    color: #00f; }
  .inshowroom:hover .size_label {
    text-decoration: underline; }


#control-panel-container{
	display: none;
}

.container{
	width: 1920px;
	height: 1080px;
}

body.makescreenshot{
	cursor: none !important;
}
body.makescreenshot .right-panels,
body.makescreenshot .filter-panels,
body.makescreenshot .attribute-layers-chooser,
body.makescreenshot .attribute-layers-chooser-toggle,
body.makescreenshot .attribute-layer-icon,
body.makescreenshot .attribute-popup,
body.makescreenshot .bottom-control-panel,
body.makescreenshot .gsfeer_control_container{
	display: none !important;
}
.matrixPage .portView,
.hide-portView{
	display: none;
	z-index: 999999;
}
.matrixPage #rotating-sfeer-item-wrapper{
	z-index: 9999;
}
.hide-portView{
	position: absolute;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	font-size: 40pt;
	top: 0;
	right: 0;
	z-index: 999999999;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
	cursor: pointer;
}

.filter-block-space{
	display: none !important;
}
.filter-block-bath-tile-switcher{
	display: none;
}
.bath-tile-switcher{
	float: left;
	clear: none;
	width: calc(50% - 4px);
	background: #fff;
}
.filter-block-edit-wall .bath-tile-switcher:last-child{
	float: right;
}
.bath-tile-switcher-radio{
	float: right;
	margin: 7px 4px;
    -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
    -moz-appearance: checkbox;    /* Firefox */
    -ms-appearance: checkbox;     /* not currently supported */
}

.filter-block-quick-articleid input{
	float: left;
	width: calc(100% - 50px);
	height: 27px;
	padding-left: 10px;
	font-weight: 700;
	text-transform: uppercase;
	color: #6b6b6b;
}
.filter-block-quick-articleid span{
	float: left;
	width: 35px;
	text-align: center;
}

/* Temporarily */
/*
.attribute-popup.popup-wall-color .filter-block-wall-hue{
	display: none;
}
.attribute-popup.popup-wall-color .filter-block-wall-trendy-colors{
	width: 100%;
}
.trendy-color-block{
	width: calc(12% - 0px);
}
*/

/* SCALE FOR ADMIN PURPOSES */
/*
body{
	transform-origin: center;
	transform: scale(0.4);
}
*/
  
/* http://css3.bradshawenterprises.com/transforms/#transDemo3 */
/*# sourceMappingURL=style.css.map */