@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

body, html {

  font-family: 'Open Sans', sans-serif;
  background-color: #fff;
  color:#191919
}
a {
	color: #ea6223
	}
a:hover {
	color: #01a4cd
	}	
	
#container { display:block; }
@media only screen and (orientation:portrait){

#container {
    height: 100vw;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);

  }

}

@media only screen and (orientation:landscape){

  #container {
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);

  }

}

.bg-white {
	background-color:#FFF;
	}
.bg-gray {
	background-color: #f5f0ed; 
	}
.shop-shadow {
	margin-left:0px;
	border:0px solid green
	}
	
.copyright {
	font-size:12px;
	padding: 20px 
	}	
.text-shadow {
	text-shadow:0px 1px 1px #666;
	}
.container-header{
	position:relative;
	border:0px solid green;
	padding: 5px 10px;
	display:block;
	min-height: 65px;
	width: 1200px;
	margin: 0px auto;
	-ms-flex-pack:justify!important;
	justify-content:space-between!important;
	
}
.container-footer {
	border: 0px solid green;
	width: 1200px;
	margin: 0px auto;
	}
.container-center {
	display: flex;
	-ms-flex-item-align: center;
	align-items: center;
	justify-items: center;
	border: 0px solid pink;
	min-height:550px;
	height: 100vh;/**/

}

.container-center-column {
	flex-direction: column;
	width: 100%;
}

.container-center-column-item {
	width: 100%;
	flex-shrink: 0;
	border: 0px solid green;
}

.container-row{
	position:absolute;
	display: flex;
	bottom: 59px;
	height: 245px;
	left: 185px;
	width:815px;
	border: 0px solid green;
	-ms-flex-pack:justify!important;
	justify-content:space-between!important;

	}
.container-washer {
	display:flex;  
	left:3px; 
	border: 0px solid red; 
	width:420px;  
	height:245px; 
	position:absolute;
	justify-content: flex-end;
	align-items:flex-end;
	}	
.container-dryer {
	display:flex; 
	right:0px; 
	border: 0px solid blue; 
	width: 385px; 
	height: 245px; 
	position:absolute;
	align-items:flex-end;
	} 

.block {
	 display: inline-block;
	 border: 0px solid red;
	 margin: 1px;
	 
	}
/*End outlet*/	

/*Button*/
.btn-primary {
  color: #fff;
  background-color: #ea6223;
  border-color: #f5ae63;
}
	.btn-primary:focus,
	.btn-primary.focus {
		color: #fff;
		background-color: #f5ae63;
		border-color: #f2dcbf;
	}
	.btn-primary:hover {
		color: #fff;
		background-color: #f5ae63;
		border-color: #f2dcbf;
	}
	.btn-primary:active,
	.btn-primary.active,
	.open > .dropdown-toggle.btn-primary {
		color: #fff;
		background-color: #f5ae63;
		border-color: #f5ae63;
	}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color:  #f5ae63;
  border-color:  #f5ae63;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #0E675A;
}
.btn-primary .badge {
  color: #0E675A;
  background-color: #fff;
}

.btn-success {
  color: #fff;
  background-color: #00a651;
  border-color: #00a651;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #029449;
  border-color: #029449;
}
.btn-success:hover {
  color: #fff;
  background-color: #029449;
  border-color: #029449;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #029449;
  border-color: #029449;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
/*End Button*/


	
/*sortMount10Kg*/
.softMount10kg {
	background:url('../img/SoftMount10kg.png') no-repeat center center; 
	position:relative;
	width: 55px;
	height: 86px;  
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	
}
.softMount10kg .drum{
	position:absolute;
	top: 27px;
	left: 11.25px;
	width: 32px;
	height: 32px;
	border: 0px solid red;
	display: flex;
	align-items: end;
	justify-content: center;/**/
	text-align: center;
	z-index:1;
	}
.softMount10kg .drum span.label-indicator{
	position:absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	color:#FFFFFF;
	padding: 3px 0px;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 1px #666;
	z-index:3;
	border: 0px solid red;
	}

.softMount10kg .label-name-bottom{
	position: absolute;
	bottom: 2%;
	font-size: 9px;
	text-shadow:0px 1px 1px #666;
	border: 0px solid red;
	z-index:5;
	width: 100%;
	text-align:center
	}	
.softMount10kg .drum.isActive {
	background:url('../img/green-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.softMount10kg .drum.isActive span {
	display: none;
	}	
.softMount10kg .drum.isWash {
	background:url('../img/blue-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.softMount10kg .drum.isError {
	background:url('../img/red-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
/*End sortMount10kg*/	

/*softMount13kg*/	
.softMount13kg {
	background:url('../img/SoftMount13kg.png') no-repeat center center; 
	position:relative;
	width: 60px;
	height: 92px;  
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	
}
.softMount13kg .drum{
	position:absolute;
	top: 29px;
	left: 13px;
	width: 34px;
	height: 34px;
	border: 0px solid red;
	display: flex;
	align-items: end;
	justify-content: center;/**/
	text-align: center;
	z-index:1;
	}
.softMount13kg .drum span.label-indicator{
	position:absolute;
	top: 6px;
	left: 0px;
	width: 100%;
	color:#FFFFFF;
	padding: 3px 0px;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 1px #666;
	z-index:3;
	border: 0px solid red;
	}

.softMount13kg .label-name-bottom{
	position: absolute;
	bottom: 2%;
	font-size: 9px;
	text-shadow:0px 1px 1px #666;
	border: 0px solid red;
	z-index:5;
	width: 100%;
	text-align:center
	}	
.softMount13kg .drum.isActive span {
	display: none;
	}	
.softMount13kg .drum.isActive {
	background:url('../img/green-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.softMount13kg .drum.isWash {
	background:url('../img/blue-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.softMount13kg .drum.isError {
	background:url('../img/red-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
/*End softMount13kg*/	

/*hardMount14kg*/	
.hardMount14kg {
	background:url('../img/hardMount14kg.png') no-repeat center center; 
	position:relative;
	width: 58px;
	height: 92px;  
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	
}
.hardMount14kg .drum{
	position:absolute;
	top: 30px;
	left: 13px;
	width: 32px;
	height: 32px;
	border: 0px solid red;
	display: flex;
	align-items: end;
	justify-content: center;/**/
	text-align: center;
	z-index:1;
	}
.hardMount14kg .drum span.label-indicator{
	position:absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	color:#FFFFFF;
	padding: 3px 0px;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 1px #666;
	z-index:3;
	border: 0px solid red;
	}

.hardMount14kg .label-name-bottom{
	position: absolute;
	bottom: 2%;
	font-size: 10px;
	text-shadow:0px 1px 1px #666;
	border: 0px solid red;
	z-index:5;
	width: 100%;
	text-align:center
	}	
.hardMount14kg .drum.isActive {
	background:url('../img/green-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.hardMount14k .drum.isActive span {
	display: none;
	}	
.hardMount14kg .drum.isWash {
	background:url('../img/blue-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.hardMount14kg .drum.isError {
	background:url('../img/red-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
/*End hardMount14kg*/	

/*hardMount20kg*/	
.hardMount20kg {
	background:url('../img/hardMount20kg.png') no-repeat center center; 
	position:relative;
	width: 64px;
	height: 100px;  
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	
}
.hardMount20kg .drum{
	position:absolute;
	top: 33px;
	left: 15px;
	width: 34px;
	height: 34px;
	border: 0px solid red;
	display: flex;
	align-items: end;
	justify-content: center;/**/
	text-align: center;
	z-index:1;
	}
.hardMount20kg .drum span.label-indicator{
	position:absolute;
	top: 6px;
	left: 0px;
	width: 100%;
	color:#FFFFFF;
	padding: 3px 0px;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 1px #666;
	z-index:3;
	border: 0px solid red;
	}

.hardMount20kg .label-name-bottom{
	position: absolute;
	bottom: 2%;
	font-size: 9px;
	text-shadow:0px 1px 1px #666;
	border: 0px solid red;
	z-index:5;
	width: 100%;
	text-align:center
	}	
.hardMount20kg .drum.isActive {
	background:url('../img/green-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.hardMount20kg .drum.isActive span {
	display: none;
	}	
.hardMount20kg .drum.isWash {
	background:url('../img/blue-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.hardMount20kg .drum.isError {
	background:url('../img/red-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
/*End hardMount20kg*/	

/*softMount17kg*/	
.softMount17kg {
	background:url('../img/softMount17kg.png') no-repeat center center; 
	position:relative;
	width: 70px;
	height: 104px;  
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	
}
.softMount17kg .drum{
	position:absolute;
	top: 29px;
	left: 12px;
	width: 41px;
	height: 41px;
	border: 0px solid red;
	display: flex;
	align-items: end;
	justify-content: center;/**/
	text-align: center;
	z-index:1;
	}
.softMount17kg .drum span.label-indicator{
	position:absolute;
	top: 9px;
	left: 0px;
	width: 100%;
	color:#FFFFFF;
	padding: 3px 0px;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 1px #666;
	z-index:3;
	border: 0px solid red;
	}

.softMount17kg .label-name-bottom{
	position: absolute;
	bottom: 7%;
	font-size: 9px;
	text-shadow:0px 1px 1px #666;
	border: 0px solid red;
	z-index:5;
	width: 100%;
	text-align:center
	}	
.softMount17kg .drum.isActive {
	background:url('../img/green-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.softMount17kg .drum.isActive span {
	display: none;
	}	
.softMount17kg .drum.isWash {
	background:url('../img/blue-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.softMount17kg .drum.isError {
	background:url('../img/red-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
/*End softMount17kg*/	

/*softMount28kg*/	
.softMount28kg {
	background:url('../img/softMount28kg.png') no-repeat center center; 
	position:relative;
	width: 80px;
	height: 110px;  
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	
}
.softMount28kg .drum{
	position:absolute;
	top: 31px;
	left: 18px;
	width: 42.5px;
	height: 42.5px;
	border: 0px solid red;
	display: flex;
	align-items: end;
	justify-content: center;/**/
	text-align: center;
	z-index:1;
	}
.softMount28kg .drum span.label-indicator{
	position:absolute;
	top: 11px;
	left: 0px;
	width: 100%;
	color:#FFFFFF;
	padding: 3px 0px;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 1px #666;
	z-index:3;
	border: 0px solid red;
	}

.softMount28kg .label-name-bottom{
	position: absolute;
	bottom: 7%;
	font-size: 9px;
	text-shadow:0px 1px 1px #666;
	border: 0px solid red;
	z-index:5;
	width: 100%;
	text-align:center
	}	
.softMount28kg .drum.isActive {
	background:url('../img/green-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.softMount28kg .drum.isActive span {
	display: none;
	}
.softMount28kg .drum.isActive span {
	display: none;
	}	
.softMount28kg .drum.isWash {
	background:url('../img/blue-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.softMount28kg .drum.isError {
	background:url('../img/red-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
/*End softMount28kg*/	

/*stackWasherDryer13kg*/	
.stackWasherDryer13kg {
	background:url('../img/stackWasherDryer13kg.png') no-repeat center center; 
	position:relative;
	width: 59px;
	height: 145px;  
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	
}
.stackWasherDryer13kg .drum-top.isActive span,
.stackWasherDryer13kg .drum.isActive span  {
	display: none;
	}
.stackWasherDryer13kg .drum-top{
	position:absolute;
	top: 15px;
	left: 12px;
	width: 33px;
	height: 33px;
	border: 0px solid red;
	display: flex;
	align-items: end;
	justify-content: center;/**/
	text-align: center;
	z-index:1;
	}
.stackWasherDryer13kg .drum-top.isActive {
	background:url('../img/green-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.stackWasherDryer13kg .drum-top.isWash {
	background:url('../img/blue-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.stackWasherDryer13kg .drum-top.isDry {
	background:url('../img/orange-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.stackWasherDryer13kg .drum-top.isError {
	background:url('../img/red-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.stackWasherDryer13kg .drum-top span.label-indicator{
	position:absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	color:#FFFFFF;
	padding: 3px 0px;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 1px #666;
	z-index:3;
	border: 0px solid red;
	}	
.stackWasherDryer13kg .drum{
	position:absolute;
	bottom: 23px;
	left: 12px;
	width: 32px;
	height: 32px;
	border: 0px solid red;
	display: flex;
	align-items: end;
	justify-content: center;/**/
	text-align: center;
	z-index:1;
	}
.stackWasherDryer13kg .drum span.label-indicator{
	position:absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	color:#FFFFFF;
	padding: 3px 0px;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 1px #666;
	z-index:3;
	border: 0px solid red;
	}

.stackWasherDryer13kg .label-name-bottom{
	position: absolute;
	bottom: 1%;
	font-size: 9px;
	text-shadow:0px 1px 1px #666;
	border: 0px solid red;
	z-index:5;
	width: 100%;
	text-align:center
	}	
.stackWasherDryer13kg .drum.isActive {
	background:url('../img/green-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.stackWasherDryer13kg .drum.isWash{
	background:url('../img/blue-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.stackWasherDryer13kg .drum.isDry {
	background:url('../img/orange-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.stackWasherDryer13kg .drum.isError {
	background:url('../img/red-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
/*End stackWasherDryer13kg*/	


/*StackDryer15kg*/	
.stackDryer15kg {
	background:url('../img/StackDryer15kg.png') no-repeat center center; 
	position:relative;
	width: 59px;
	height: 145px;  
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	
}
.stackDryer15kg .drum-top.isActive span,
.stackDryer15kg .drum.isActive span  {
	display: none;
	}
.stackDryer15kg .drum-top{
	position:absolute;
	top: 16px;
	left: 12px;
	width: 33px;
	height: 33px;
	border: 0px solid red;
	display: flex;
	align-items: end;
	justify-content: center;/**/
	text-align: center;
	z-index:1;
	}
.stackDryer15kg .drum-top.isActive {
	background:url('../img/green-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
	
.stackDryer15kg .drum-top.isDry {
	background:url('../img/orange-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.stackDryer15kg .drum-top.isError {
	background:url('../img/red-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.stackDryer15kg .drum-top span.label-indicator{
	position:absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	color:#FFFFFF;
	padding: 3px 0px;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 1px #666;
	z-index:3;
	border: 0px solid red;
	}	
.stackDryer15kg .drum{
	position:absolute;
	bottom: 27px;
	left: 12px;
	width: 33px;
	height: 33px;
	border: 0px solid red;
	display: flex;
	align-items: end;
	justify-content: center;/**/
	text-align: center;
	z-index:1;
	}
.stackDryer15kg .drum span.label-indicator{
	position:absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	color:#FFFFFF;
	padding: 3px 0px;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 1px #666;
	z-index:3;
	border: 0px solid red;
	}

.stackDryer15kg .label-name-bottom{
	position: absolute;
	bottom: 1%;
	font-size: 9px;
	text-shadow:0px 1px 1px #666;
	border: 0px solid red;
	z-index:5;
	width: 100%;
	text-align:center
	}	
.stackDryer15kg .drum.isActive {
	background:url('../img/green-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
	
.stackDryer15kg .drum.isDry {
	background:url('../img/orange-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.stackDryer15kg .drum.isError {
	background:url('../img/red-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
/*End StackDryer15kg*/	


/*StackDryer*/	
.StackDryer {
	background:url('../img/StackDryer.png') no-repeat center center; 
	position:relative;
	width: 70px;
	height: 104px;  
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	
}
.StackDryer .drum{
	position:absolute;
	top: 29px;
	left: 12px;
	width: 41px;
	height: 41px;
	border: 0px solid red;
	display: flex;
	align-items: end;
	justify-content: center;/**/
	text-align: center;
	z-index:1;
	}
.StackDryer .drum span.label-indicator{
	position:absolute;
	top: 9px;
	left: 0px;
	width: 100%;
	color:#FFFFFF;
	padding: 3px 0px;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 1px #666;
	z-index:3;
	border: 0px solid red;
	}

.StackDryer .label-name-bottom{
	position: absolute;
	bottom: 7%;
	font-size: 9px;
	text-shadow:0px 1px 1px #666;
	border: 0px solid red;
	z-index:5;
	width: 100%;
	text-align:center
	}	
.StackDryer .drum.isActive {
	background:url('../img/green-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.StackDryer .drum.isActive span {
	display: none;
	}	
.StackDryer .drum.isWash {
	background:url('../img/blue-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.StackDryer .drum.isError {
	background:url('../img/red-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
/*End StackDryer*/	

/*softMount28kg*/	
.softMount28kg {
	background:url('../img/softMount28kg.png') no-repeat center center; 
	position:relative;
	width: 80px;
	height: 110px;  
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	
}
.softMount28kg .drum{
	position:absolute;
	top: 31px;
	left: 18px;
	width: 42.5px;
	height: 42.5px;
	border: 0px solid red;
	display: flex;
	align-items: end;
	justify-content: center;/**/
	text-align: center;
	z-index:1;
	}
.softMount28kg .drum span.label-indicator{
	position:absolute;
	top: 11px;
	left: 0px;
	width: 100%;
	color:#FFFFFF;
	padding: 3px 0px;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 1px #666;
	z-index:3;
	border: 0px solid red;
	}

.softMount28kg .label-name-bottom{
	position: absolute;
	bottom: 7%;
	font-size: 9px;
	text-shadow:0px 1px 1px #666;
	border: 0px solid red;
	z-index:5;
	width: 100%;
	text-align:center
	}	
.softMount28kg .drum.isActive {
	background:url('../img/green-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.softMount28kg .drum.isActive span {
	display: none;
	}
.softMount28kg .drum.isActive span {
	display: none;
	}	
.softMount28kg .drum.isWash {
	background:url('../img/blue-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.softMount28kg .drum.isError {
	background:url('../img/red-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
/*End softMount28kg*/	


/*StackDryer*/	
.stackDryer {
	background:url('../img/StackDryer.png') no-repeat center center; 
	position:relative;
	width: 72px;
	height: 135px;  
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	
}
.stackDryer .drum{
	position:absolute;
	top: 37px;
	left: 15px;
	width: 40px;
	height: 40px;
	border: 0px solid red;
	display: flex;
	align-items: end;
	justify-content: center;/**/
	text-align: center;
	z-index:1;
	}
.stackDryer  .drum span.label-indicator{
	position:absolute;
	top: 9px;
	left: 0px;
	width: 100%;
	color:#FFFFFF;
	padding: 3px 0px;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 1px #666;
	z-index:3;
	border: 0px solid red;
	}

.stackDryer .label-name-bottom{
	position: absolute;
	bottom: 7%;
	font-size: 9px;
	text-shadow:0px 1px 1px #666;
	border: 0px solid red;
	z-index:5;
	width: 100%;
	text-align:center
	}	
.stackDryer .drum.isActive {
	background:url('../img/green-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.stackDryer  .drum.isActive span {
	display: none;
	}	
.stackDryer .drum.isDry {
	background:url('../img/orange-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
.stackDryer  .drum.isError {
	background:url('../img/red-active.gif') no-repeat center center; 
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	z-index:2;
	}
/*End StackDryer*/	

/*coinExchanger*/	
.coinExchanger {
	background:url('../img/coinExchanger.png') no-repeat center center; 
	position:relative;
	width: 28px;
	height: 104px;  
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	
}
.coinExchanger span{
	position:absolute;
	top: 111px;
	left: 12px;
	width: 41px;
	height: 41px;
	display: flex;
	align-items: end;
	justify-content: center;
	text-align: center;
	z-index:1;
	}
.coinExchanger span.label-indicator{
	position:absolute;
	top: 60px;
	left: 0px;
	width: 100%;
	color:#FFFFFF;
	padding: 3px 0px;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 1px 1px #666;
	z-index:3;

	}


.coinExchanger .isActive span:after {
	color:green;
	content: '\2714';
	}
	
.coinExchanger .isError span:after {
	color:red;
	content: '\2716';
	}

/*End coinExchanger*/	




/* ERROR & LOGIN & LOCKSCREEN*/
.middle-box {
  max-width: 300px;
  z-index: 100;
  margin: 0px auto;
  padding: 5px 0;

}

.lockscreen.middle-box {
  width: 200px;
  padding-top: 110px;
}

.loginscreen.middle-box, 
.registerscreen.middle-box {

  display: flex;
  /*align-items: center;*/
  justify-content: center;
  flex-direction: column;
  height: 100%;
  max-width: 300px;
 
}

.passwordscreen.middle-box {
  display: flex;
  /*align-items: center;*/
  justify-content: center;
  flex-direction: column;
  height: 100%;
  max-width: 310px;
}

.passwordscreen .form-control,
.registerscreen .form-control {
	font-size: 14px;
}

.loginscreen .form-control {
	font-size: 14px;
	padding-left: 40px;
}
.loginscreen .logo,
.registerscreen .logo,
.passwordscreen .logo{
	max-width: 150px;
	margin: 20px auto;
	padding-top: 50px;

}

/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}
.inner-addon i { 
    font-size: 15px;
	color:#999999;
}
/* style icon */
.inner-addon .glyphicon,
.inner-addon .fa  {
  position: absolute;
  padding: 15px;
  pointer-events: none;
}

/* align icon */
.left-addon .glyphicon,
.left-addon .fa {
	 left:  0px;
	 }
.right-addon .glyphicon,
.right-addon .fa {
	 right: 0px;
	
	 }
.loginColumns {
  max-width: 800px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}
.passwordBox {
  max-width: 460px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
  border:1px solid pink
}


.logo-name {
  color: #e6e6e6;
  font-size: 180px;
  font-weight: 800;
  letter-spacing: -10px;
  margin-bottom: 0;
}
.middle-box h1 {
  font-size: 170px;
}
.wrapper .middle-box {
  margin-top: 140px;
}
.lock-word {
  z-index: 10;
  position: absolute;
  top: 110px;
  left: 50%;
  margin-left: -470px;
}
.lock-word span {
  font-size: 100px;
  font-weight: 600;
  color: #e9e9e9;
  display: inline-block;
}
.lock-word .first-word {
  margin-right: 160px;
}