/*
 * Gen7 Design Service app custom CSS
 *
 */

/* loader */
.loader-overlay {
	display: none;
}

.js body.action-exterior .loader-overlay,
.js body.action-interior .loader-overlay {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	/*background: url('../img/loader.GIF') no-repeat 50% 50%;*/
}

.loader-overlay .loader {
	width: 80px;
	height: 80px;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.loader {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(167, 207, 57, 0.4);
  border-right: 1.1em solid rgba(167, 207, 57, 0.4);
  border-bottom: 1.1em solid rgba(167, 207, 57, 0.4);
  border-left: 1.1em solid #A7CF39;
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}

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

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

/* fonts */
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helvetica/helveticaneue-roman-webfont.eot');
    src: url('../fonts/helvetica/helveticaneue-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica/helveticaneue-roman-webfont.woff') format('woff'),
         url('../fonts/helvetica/helveticaneue-roman-webfont.ttf') format('truetype'),
         url('../fonts/helvetica/helveticaneue-roman-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helvetica/helveticaneue-medium-webfont.eot');
    src: url('../fonts/helvetica/helveticaneue-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica/helveticaneue-medium-webfont.woff') format('woff'),
         url('../fonts/helvetica/helveticaneue-medium-webfont.ttf') format('truetype'),
         url('../fonts/helvetica/helveticaneue-medium-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helvetica/helveticaneue-bold-webfont.eot');
    src: url('../fonts/helvetica/helveticaneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica/helveticaneue-bold-webfont.woff') format('woff'),
         url('../fonts/helvetica/helveticaneue-bold-webfont.ttf') format('truetype'),
         url('../fonts/helvetica/helveticaneue-bold-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helvetica/helveticaneue-light-webfont.eot');
    src: url('../fonts/helvetica/helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica/helveticaneue-light-webfont.woff') format('woff'),
         url('../fonts/helvetica/helveticaneue-light-webfont.ttf') format('truetype'),
         url('../fonts/helvetica/helveticaneue-light-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/helvetica/helveticaneue-thin-webfont.eot');
    src: url('../fonts/helvetica/helveticaneue-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica/helveticaneue-thin-webfont.woff') format('woff'),
         url('../fonts/helvetica/helveticaneue-thin-webfont.ttf') format('truetype'),
         url('../fonts/helvetica/helveticaneue-thin-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: 200;
    font-style: normal;

}

@font-face {
	font-family: 'ApexSans';
	src: url('../fonts/apex/ApexSans-Book.eot');
	src: local('☺'),
		url('../fonts/apex/ApexSans-Book.woff') format('woff'),
		url('../fonts/apex/ApexSans-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ApexSans';
	src: url('../fonts/apex/ApexSans-Medium.eot');
	src: local('☺'),
		url('../fonts/apex/ApexSans-Medium.woff') format('woff'),
		url('../fonts/apex/ApexSans-Medium.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'ApexSans';
	src: url('../fonts/apex/ApexSans-Bold.eot');
	src: local('☺'),
		url('../fonts/apex/ApexSans-Bold.woff') format('woff'),
		url('../fonts/apex/ApexSans-Bold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'ApexSans';
	src: url('../fonts/apex/APEXSANL.eot');
	src: local('☺'),
		url('../fonts/apex/APEXSANL.woff') format('woff'),
		url('../fonts/apex/APEXSANL.ttf') format('truetype'),
		url('../fonts/apex/APEXSANL.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Rockwell';
	src: url('../fonts/Rockwell/rockwellstd-webfont.eot');
	src: local('☺'),
		url('../fonts/Rockwell/rockwellstd-webfont.woff') format('woff'),
		url('../fonts/Rockwell/rockwellstd-webfont.ttf') format('truetype'),
		url('../fonts/Rockwell/rockwellstd-webfont.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Rockwell';
	src: url('../fonts/Rockwell/Rockwell-Bold.eot');
	src: local('☺'),
		url('../fonts/Rockwell/Rockwell-Bold.woff') format('woff'),
		url('../fonts/Rockwell/Rockwell-Bold.ttf') format('truetype'),
		url('../fonts/Rockwell/Rockwell-Bold.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}

body {
	font-family: 'Helvetica Neue';
	font-weight: normal;
	background-color: #efefef;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'ApexSans', 'Helvetica Neue', Arial, sans-serif;
}

h1 {
	font-size: 38px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 18px;
	color: #b3d250;
}

.text-highlight-1 {
	color: #b3d250;
}

.text-highlight-2 {
	color: #e79e36;
}

.text-highlight-serif {
	font-family: 'Rockwell';
	font-weight: normal;
	color: #b3d250;
}

.center {
	text-align: center;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	height: auto;
	padding: 8px 10px;
	border: 2px solid #b8b7b7;
	box-shadow: none;
	font-size: 20px;
	color: #a6a6a6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-appearance: none;
}

input.error[type="text"],
input.error[type="password"],
input.error[type="date"],
input.error[type="datetime"],
input.error[type="datetime-local"],
input.error[type="month"],
input.error[type="week"],
input.error[type="email"],
input.error[type="number"],
input.error[type="search"],
input.error[type="tel"],
input.error[type="time"],
input.error[type="url"],
input.error[type="color"],
textarea.error {
	border-color: #c60f13;
}

label.error,
.registration-form-wrapper label.error {
	margin-bottom: 10px;
	color: #c60f13;
	font-size: 12px;
    text-align: right;
}

select {
	height: 44px;
	padding: 0 10px;
	border: 2px solid #b8b7b7;
	font-size: 20px;
	color: #a6a6a6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
}

button, .button {
	padding: 11px 15px;
}

*,
*:focus {
	outline: 0;
}

div.switch {
	display: inline-block;
    vertical-align: top;
	box-shadow: 0 1px 2px 1px #adadad;
	-moz-box-shadow: 0 1px 2px 1px #adadad;
	-webkit-box-shadow: 0 1px 2px 1px #adadad;
}

.switch-label {
	display: inline-block;
    vertical-align: middle;
	margin-right: 10px;
	font-size: 15px;
	line-height: 25px;
	font-weight: bold;
	color: #bbbbb9;
}

div.switch input {
	margin: 0;
}

div.switch label {
	width: 60px;
	height: 25px;
	vertical-align: top;
	background: #fff;

	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	text-indent: 11px;
	color: #919297;
}

div.switch label:before {
	content: "ON";
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	text-indent: 0px;
	color: #fff;
}

.switch input:checked + label {
	text-indent: 10px;
	color: #b3d250;
}

div.switch label:after {
	width: 18px;
	height: 18px;
	box-shadow: 0 0 1px 1px #adadad;
	-moz-box-shadow: 0 0 1px 1px #adadad;
	-webkit-box-shadow: 0 0 1px 1px #adadad;
}

.info-dot {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	border: 1px solid #bab9b9;
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	font-size: 17px;
	line-height: 24px;
	text-indent: 1px;
	text-align: center;
	color: #808276;
	font-family: 'Rockwell';
	font-weight: bold;
	background: #fff;
}

.info-dot:hover {
    color: #fff;
	background: #e7a346;
    cursor: pointer;
}

.config-menu .info-dot {
	border-color: #5f5f55;
	color: #a7a79b;
	background: #5f5f55;
}

h1 .learnifier,
h2 .learnifier,
h3 .learnifier,
h4 .learnifier,
h5 .learnifier,
h6 .learnifier,
.has-learnifier .learnifier {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	border: auto;
	display: inline-block;
	font-size: 16px;
	color: #fff;
	vertical-align: middle;
	margin-top: -3px;
}

span .fa {
	line-height: inherit;
}

h1 .info-dot,
h2 .info-dot,
h3 .info-dot,
h4 .info-dot,
h5 .info-dot,
h6 .info-dot {
	vertical-align: middle;
}

/* pages */
.headline-intro {
	max-width: 580px;
	margin: 0 auto 65px;
	text-align: center;
}

.headline-intro h2 {
	margin: 0 0 25px 0;
	color: #e79e36;
}

.headline-center {
	text-align: center;
}

/* Layout
 * ------------------------------
 */
#container {
	position: relative;
	min-height: 100%;
	border-left: 1px solid #d8d8d7;
	border-right: 1px solid #d8d8d7;
	background: #fff;
}

.controller-admin #main {
	padding: 0 40px;
}

.main {
	padding: 60px 70px 40px 70px;
}

p {
	font-size: 1em;
}

.view-mode-tabs {
	position: absolute;
	left: -38px;
	top: 164px;
	border: 1px solid #ccc;

	-webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
         -o-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
            transform-origin: 0 0;
	-webkit-transform: rotate(-90deg) translate(-260px, 0px);
       -moz-transform: rotate(-90deg) translate(-260px, 0px);
         -o-transform: rotate(-90deg) translate(-260px, 0px);
		-ms-transform: rotate(-90deg) translate(-260px, 0px);
            transform: rotate(-90deg) translate(-260px, 0px);
}

.view-mode-tabs > a {
	position: relative;
	display: block;
	float: left;
	width: 130px;
	height: 36px;
	text-indent: 45px;
	font-size: 22px;
	line-height: 26px;
	color: #b8b7b7;
	font-weight: 600;
	font-family: 'ApexSans', 'Helvetica Neue', Arial, sans-serif;
	background: #e0e0e0;
}

.view-mode-tabs > a.active {
	color: #b3d250;
	background: #fff;
}

.view-mode-tabs > a i.fa {
	display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 6px;
    left: 10px;
    line-height: 1;
    text-indent: 0;
}

/* Header
 * -----------------------------
 */
#header {
	position: relative;
	min-height: 50px;
	padding: 15px 25px 15px 25px;
	-webkit-box-shadow: 0 0 7px 5px #e7e7e7;
	   -moz-box-shadow: 0 0 7px 5px #e7e7e7;
	        box-shadow: 0 0 7px 5px #e7e7e7;
	z-index: 2;
}

.controller-configurator #header {
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}

.controller-explore #header {
	z-index: initial;
}

#logo {
	display: block;
	margin-top: 6px;
}

#logo img {
	display: block;
	height: 26px;
	width: 140px;
}

nav ul,
nav ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.login-menu {
	padding: 10px 0 0 0;
	text-align: right;
	vertical-align: middle;
}

.login-menu li {
	display: inline-block;
}

.login-menu a {
	color: #9a9b8d;
}

.logged-user {
	float: right;
	height: 43px;
	width: 50px;
	text-align: center;
	position: relative;
	margin-top: -5px;
}

.logged-user .fa-user {
	font-size: 24px;
	line-height: 52px;
	color: #797B70;
	cursor: pointer;
}

.logged-user:hover .fa-user {
	color: #a7cf3a;
}

.logged-user .user-menu {
	display: none;
	position: absolute;
	right: 0;
	top: 57px;
	padding: 10px 25px 10px 30px;
	border: 1px solid #d6d6d6;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-align: left;
	background: #fff;
	background: rgba(255, 255, 255, 0.96);
	z-index: 100;
}

.logged-user .user-menu:before {
	content: "";
	display: block;
	position: absolute;
	right: 12px;
	top: -20px;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;

	border-bottom: 19px solid #d6d6d6;
}

.logged-user .user-menu:after {
	content: "";
	display: block;
	position: absolute;
	right: 13px;
	top: -18px;
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 11px solid transparent;

	border-bottom: 18px solid #fff;
}

.logged-user:hover .user-menu {
	display: block;
}

.logged-user .user-menu a {
	display: block;
	margin: 15px 0;
	color: #828478;
	white-space: nowrap;
}

.logged-user .user-menu a:hover {
	color: #a7cf3a;
}

/*
.logged-in-name {
	font-weight: 300;
	color: #9b9b8e;
	text-align: right;
}
*/

.configurator-type-logo {
	float: right;
	margin-right: 15px;
	height: 39px;
	width: 94px;
}

/* row separator */
.row-separator {
	width: 100%;
	clear: both;
}

.row-separator .stripe {
	float: left;
	width: 33.33333333%;
	height: 3px;
	background-color: #a7a79b;
}

.row-separator .stripe.second {
	background-color: #e79e36;
}

.row-separator .stripe.third {
	background-color: #b3d250;
}

/* Form */
.registration-form-wrapper {
	font-size: 20px;
}

.registration-form-wrapper h4 {
	margin: 45px 0 25px 0;
}

.registration-form-wrapper .required-fields {
	float: right;
	font-size: 16px;
	color: #e79e36;
}

.row form .row {
	margin-left: -6px;
	margin-right: -6px;
}

form .column {
	padding-left: 6px;
	padding-right: 6px;
}

.form-actions {
	padding-top: 35px;
	border-top: 1px solid #b8b7b7;
	text-align: center;
}

.form-actions .button {
	min-width: 215px;
	font-size: 20px;
}

.row form .row.form-row-vertical-span {
	margin-top: 13px;
	margin-bottom: 13px;
}

.registration-form-wrapper label {
	font-size: 18px;
	color: #a6a6a6;
}

.js input[type="checkbox"],
.js input[type="radio"] {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	margin: 0;
	vertical-align: middle;
}

.radio-fake,
.checkbox-fake {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	background: url('../img/form-elements.png') no-repeat right top;
}

.checkbox-fake {
	width: 31px;
	height: 31px;
	background-position: left top;
}

input[type="radio"]:checked + .radio-fake {
	background-position: right bottom;
}

input[type="checkbox"]:checked + .checkbox-fake {
	background-position: left bottom;
}

.disclaimer {
	max-width: 420px;
	margin: 0 auto 20px;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
}

.row .row.login-screen {
	margin-top: 35px;
}

#login-form {
	margin-bottom: 0;
}

#login-form input[type="text"],
#login-form input[type="password"]{
	padding: 13px 10px;
}

#login-form .button {
	width: 100%;
	padding: 15px 15px 16px;
	font-size: 20px;
}

#login-form .forgot-password {
	display: block;
	text-align: center;
}

#login-form .forgot-password a {
	color: #808276;
	font-size: 18px;
}

.form-item-checkbox label {
	display: inline-block;
	color: #9a9b8d;
}

.form-item-label {
	display: inline-block;
	margin-right: 15px;
}

.form-item-checkbox input {
	margin: 0;
	vertical-align: middle;
}

.modal-toc-form .form-item-checkbox {
	float: left;
	margin-top: 7px;
	margin-right: 40px;
}
.modal-toc-form .button {
	float: right;
	margin: 0;
	padding: 10px 20px;
}

.modal-toc-form p.login-decline-warning {
	clear: both;
	margin: 0;
	padding-top: 15px;
	font-size: 12px;
	line-height: 1.2;
}

/* Teaser */
.teaser {
	padding: 20px 35px 35px 35px;
	text-align: center;
}

.teaser img {
	vertical-align: top;
	margin-bottom: 20px;
}

.teaser .title {
	margin: 0 0 10px 0;
	font-size: 24px;
	color: #6c6d65;
}

.teaser .title .index {
	font-weight: 600;
}

.teaser .description {
	min-height: 80px;
}

.teaser .description,
.teaser .description p {
	font-size: 14px;
	line-height: 1.4;
}

.teaser .button {
	min-width: 130px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #b8b7b7;
}

.teaser .button:hover,
.teaser .button:focus {
	background-color: #b3d250;
}

.teaser .button.secondary-style:hover,
.teaser .button.secondary-style:focus {
	background-color: #e79e36;
}

.teaser .button.ternary-style:hover,
.teaser .button.ternary-style:focus {
	background-color: #7e9b30;
}

.teaser .button.quaternary-style:hover,
.teaser .button.quaternary-style:focus {
	background-color: #E77129;
}

/* Classroom size */
.classroom-size {
	padding: 60px 50px 25px 50px;
	text-align: center;
}

.classroom-size .title {
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.classroom-size .description,
.classroom-size .description p {
	font-size: 14px;
	line-height: 1.4;
}

.classroom-size .price {
	margin: 0 0 5px 0;
	font-size: 36px;
	line-height: 1;
	color: #b3d250;
}

.classroom-size .category-title {
	margin: 0 0 5px 0;
	line-height: 1;
	text-transform: uppercase;
}

.classroom-size .button {
	min-width: 130px;
	font-size: 20px;
	text-align: center;
	padding: 9px 5px;
	background-color: #b8b7b7;
}

.classroom-size .button:hover,
.classroom-size .button:focus {
	background-color: #b3d250;
}

.classroom-size .size {
	position: relative;
	width: 140px;
	height: 231px;
	margin: 0 auto 35px;
	border: 2px dashed #b6b6b6;
	background: #f4f4f4;
}

.classroom-size-2 .size {
	width: 139px;
	height: 179px;
	margin-top: 52px;
}

.classroom-size-3 .size {
	width: 150px;
	height: 159px;
	margin-top: 72px;
}

.classroom-size .dimension {
	display: block;
	position: absolute;
	width: 100%;
	height: 24px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	font-size: 24px;
	line-height: 1;
	color: #808276;
	text-align: center;
}

.classroom-size .size .info {
	display: block;
	position: absolute;
	bottom: -17px;
	left: 50%;
	margin-left: -17px;
	width: 34px;
	height: 34px;
	border: 1px solid #bab9b9;
	border-radius: 34px;
	-moz-border-radius: 34px;
	-webkit-border-radius: 34px;
	font-size: 23px;
	line-height: 32px;
	text-align: center;
	color: #808276;
	font-family: 'Rockwell';
	font-weight: bold;
	background: #fff;
}

/* Start now */
.start-now-steps .teaser {
	padding: 25px 20px 15px 20px;
}

.start-now-steps .teaser .title {
	color: #9a9b8d;
}

#start-now.button {
	margin-bottom: 10px;
	font-size: 20px;
}

/* landing screen */
#landing-screen {
	padding: 70px 28px 70px 80px;
}

#landing-screen h2,
#explore-landing-screen h2 {
	margin: 0 0 35px 0;
	font-size: 38px;
	line-height: 1.2;
	color: #808276;
}

#landing-screen h2 strong,
#explore-landing-screen h2 strong {
	font-weight: normal;
	color: #b3d250;
}

#landing-screen h6,
#explore-landing-screen h6 {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	color: #9a9b8d;
}

#landing-screen .button,
#explore-landing-screen .button {
	width: 100%;
	max-width: 230px;
	padding-top: 18px;
	padding-bottom: 18px;
}

/* Explore landing */
#explore-landing-screen {
	padding: 55px 28px 55px 50px;
}

.row.explore-page-wrapper {
	padding: 25px 25px;
}

a.back-to-link {
	display: inline-block;
	margin-bottom: 12px;
	font-size: 16px;
	color: #a2a2a0;
}

a.back-to-link .fa {
	font-size: 20px;
	margin-right: 5px;
	vertical-align: middle;
}

a.back-to-link:hover,
a.back-to-link:focus {
	color: #E79E36;
}

.row.explore-page-headline {
	margin-bottom: 40px;
}

.explore-page-headline h2 {
	margin: 0;
}

/* Explore gallery */
#explore-gallery {
	padding: 25px 40px;
}

#explore-gallery .gallery-selector {
	float: right;
}

#explore-gallery .gallery-container {
	clear: both;
	margin: 0 -7px;
}

#explore-gallery .gallery-container .column {
	/*height: 140px;*/
	margin-bottom: 15px;
	padding: 0 7px;
}

#explore-gallery .gallery-container .column:nth-child(4n+1) {
	clear: left;
}

#explore-gallery .gallery-container .column:last-child {
	float: left;
}

#explore-gallery .gallery-container .column > a {
	display: block;
	position: relative;

}

#explore-gallery .gallery-container .column > a:after {
	content: "";
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.85);
	z-index: 2;
}

#explore-gallery .gallery-container .column > a:before {
	content: "\f00e";
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 54px;
	height: 54px;
	margin: auto;
	font-size: 54px;
	line-height: 1;
	color: #38383a;
	opacity: 0.7;
	text-rendering: auto;
	font-family: 'FontAwesome';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	z-index: 3;
}

#explore-gallery .gallery-container .column > a:hover:after,
#explore-gallery .gallery-container .column > a:hover:before {
	display: block;
}

#gallery-modal {
	max-width: 870px;
	border: 0;
	padding: 50px;
	color: #38383a;
	background: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#gallery-modal h4 {
	color: #38383a;
}

#gallery-modal .gallery-modal-show {
	display: none;
}

#prev-modal-show,
#next-modal-show {
	position: absolute;
	top: 50%;
	margin-top: -36px;
	font-size: 72px;
	line-height: 1;
	color: #b8b7b7;
}

#prev-modal-show {
	left: -35px;
}
#next-modal-show {
	right: -35px;
}

.gallery-selector {
	position: relative;
	overflow: hidden;
	height: 34px;
	min-width: 180px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 10;
}

.gallery-selector:hover {
	overflow: visible;
}

.gallery-selector:before {
	content:"\f107";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	font-size: 24px;
	line-height: 1;
	text-align: right;
	color: #b8b7b7;
	font-family:'FontAwesome';
	pointer-events: none;
}

.gallery-selector li {
	border-left: 1px solid #b8b7b7;
	border-right: 1px solid #b8b7b7;
	background: #fff;
	background: rgba(255, 255, 255, 0.88);
}

.gallery-selector li:first-child {
	border: 1px solid #b8b7b7;
	border-radius: 3px;
}

.gallery-selector li:last-child {
	border-bottom: 1px solid #b8b7b7;
	border-radius: 0 0 3px 3px;
}

.gallery-selector li a {
	display: block;
	margin: 0 10px;
	border-bottom: 1px solid #b8b7b7;
	padding: 8px 15px 8px 0;
	line-height: 1;
	color: #808276;
}

.gallery-selector li a:hover,
.gallery-selector li:first-child a {
	color: #b8b7b7;
}

.gallery-selector li:first-child a,
.gallery-selector li:last-child a {
	border-bottom: 0;
}

/* Explore Watch us build */
#video-container .video-title {
	margin: 15px 0 20px 0;
	font-weight: normal;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#video-container .video-title strong {
	color: #b3d250;
	font-weight: 600;
}

#video-container iframe {
	display: block;
/*	border: 1px solid #d8d8d7;*/
}

#player-list {
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
}

#player-list li {
	margin-bottom: 5px;
}

#player-list li a {
	position: relative;
	display: block;
	padding: 21px 0 22px 74px;
	font-size: 14px;
	line-height: 1.2;
	color: #9a9b8d;
	background: #efefea;
}

#player-list li a:hover,
#player-list li a:focus,
#player-list li.active a {


	color: #b3d250;
	background: #fbfbfb;
}

#player-list li.active a {
	margin-left: -5px;
	padding-left: 79px;

	border-top: 1px solid #d8d8d7;
	border-right: 1px solid #d8d8d7;
	border-bottom: 1px solid #d8d8d7;

	padding-top: 20px;
	padding-bottom: 21px;
}

#player-list li a .fa {
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	font-size: 37px;
	line-height: 1;
}

#player-list li.active a .fa {
	left: 21px;
}

/* Explore design center */
.explore-menu {
	position: relative;
	font-size: 16px;
	line-height: 1;
	color: #a7a79b;
	font-weight: bold;
	font-family: 'ApexSans', Arial, Helvetica, sans-serif;
	background: #7c7c70;
	z-index: 3;
}

.explore-menu .explore-menu-item {
	float: left;
	height: 90px;
	min-width: 102px;
	border-right: 1px solid #646461;
	text-align: center;
}

.explore-menu .explore-menu-item a {
	position: relative;
	display: block;
	height: 100%;
	padding: 60px 0 0 0;
	color: #a7a79b;
}

.explore-menu .explore-menu-item a:hover,
.explore-menu .explore-menu-item.active a {
	color: #b3d250;
}

.explore-menu .explore-menu-item a:after {
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 0;
	right: 0;
	margin: auto;
	width: 45px;
	height: 38px;
	background: url('../img/explorer-menu-icons.png') no-repeat 0 0;
}

.explore-menu .explore-menu-item-structure a:after {
	background-position: 4px 0;
}
.explore-menu .explore-menu-item-structure a:hover:after,
.explore-menu .explore-menu-item-structure.active a:after {
	background-position: 4px -37px;
}

.explore-menu .explore-menu-item-energy a:after {
	background-position: -99px 0;
}
.explore-menu .explore-menu-item-energy a:hover:after,
.explore-menu .explore-menu-item-energy.active a:after {
	background-position: -99px -37px;
}

.explore-menu .explore-menu-item-acoustics a:after {
	background-position: -199px 0;
}
.explore-menu .explore-menu-item-acoustics a:hover:after,
.explore-menu .explore-menu-item-acoustics.active a:after {
	background-position: -199px -37px;
}

.explore-menu .explore-menu-item-light a:after {
	background-position: -302px 0;
}
.explore-menu .explore-menu-item-light a:hover:after,
.explore-menu .explore-menu-item-light.active a:after {
	background-position: -302px -37px;
}

.explore-menu .explore-menu-item-comfort a:after {
	background-position: -403px 0;
}
.explore-menu .explore-menu-item-comfort a:hover:after,
.explore-menu .explore-menu-item-comfort.active a:after {
	background-position: -403px -37px;
}

.explore-menu .explore-menu-item-flexibility a:after {
	background-position: -505px 0;
}
.explore-menu .explore-menu-item-flexibility a:hover:after,
.explore-menu .explore-menu-item-flexibility.active a:after {
	background-position: -505px -37px;
}

.explore-menu .explore-menu-item-air a:after {
	background-position: -607px 0;
}
.explore-menu .explore-menu-item-air a:hover:after,
.explore-menu .explore-menu-item-air.active a:after {
	background-position: -607px -37px;
}

.explore-menu .explore-menu-item-back {
	min-width: 140px;
}

.explore-menu .explore-menu-item-back a {
	padding-top: 0;
	line-height: 90px;
}

.explore-menu .explore-menu-item-back a:after {
	display: none;
}

#explore-window {
	position: relative;
	width: 100%;
	max-width: 810px;
	margin: 30px auto 45px;
}

.explore-section-icon {
	display: block;
	width: 31px;
	height: 31px;
	overflow: hidden;
	text-indent: -99999em;
	background: url('../img/explore-window-icons.png') no-repeat 0 0;
}

.explore-section-icon.explore-section-structure {
	background-position: 0 0;
}

.explore-section-icon.explore-section-energy {
	background-position: 0 -93px;
}

.explore-section-icon.explore-section-acoustics {
	background-position: 0 -62px;
}

.explore-section-icon.explore-section-light {
	background-position: 0 -186px;
}

.explore-section-icon.explore-section-comfort {
	background-position: 0 -31px;
}

.explore-section-icon.explore-section-flexibility {
	background-position: 0 -124px;
}

.explore-section-icon.explore-section-air {
	background-position: 0 -155px;
}

/**/
.explore-section-icon.explore-section-structure.active {
	background-position: -31px 0;
}

.explore-section-icon.explore-section-energy.active {
	background-position: -31px -93px;
}

.explore-section-icon.explore-section-acoustics.active {
	background-position: -31px -62px;
}

.explore-section-icon.explore-section-light.active {
	background-position: -31px -186px;
}

.explore-section-icon.explore-section-comfort.active {
	background-position: -31px -31px;
}

.explore-section-icon.explore-section-flexibility.active {
	background-position: -31px -124px;
}

.explore-section-icon.explore-section-air.active {
	background-position: -31px -155px;
}

#explore-window .explore-section-icon {
	position: absolute;
}

#explore-window .explore-section-structure {
	left: 6%;
	top: 50%;
}

#explore-window .explore-section-energy {
	left: 52%;
    top: 35%;
}

#explore-window .explore-section-acoustics {
	left: 65%;
	top: 60%;
}

#explore-window .explore-section-light {
	left: 30%;
    top: 55%;
}

#explore-window .explore-section-comfort {
	left: 60%;
    top: 20%;
}

#explore-window .explore-section-flexibility {
	bottom: 18%;
    left: 13%;
}

#explore-window .explore-section-air {
	left: 30%;
	top: 30%;
}

.explore-section-description-wrapper {
	position: relative;
	min-height: 180px;
	width: 100%;
	max-width: 550px;
	margin: 0 auto 30px;

}

.explore-section-description {
	width: 100%;
	height: 180px;
	overflow: auto;

	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	text-align: center;
}

.js .explore-section-description {
	display: none;
}

.js #intro-description.explore-section-description {
	display: block;
}

.explore-section-description h3 {
	color: #e79e36;
}

/* Configurator */
.config-menu {
	position: relative;
	font-size: 32px;
	line-height: 1;
	color: #a7a79b;
	font-weight: 200;
	background: #7c7c70;
/*	z-index: 2;*/
}

body.has-scrolled {
	padding-top: 90px;
}

body.has-scrolled .config-menu {
	position: fixed;
	top: 0;
	z-index: 100;
}

.config-menu .config-interior {
	font-size: 24px;
}

.config-menu .config-interior .active a {
	line-height: 32px;
}

.config-menu .config-menu-item {
	position: relative;
	float: left;
	height: 90px;
	border-left: 1px solid #6c6c66;
}

.config-menu .config-menu-item:before {
	content: "\f107";
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 30px;
	line-height: 1;
	color: #fff;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	position: absolute;
	right: 10px;
	bottom: 20px;
}

.config-menu .config-menu-item.config-price:before,
.config-menu .config-menu-item.next-step:before,
.config-menu.summary-menu .config-menu-item:before {
	display: none;
}

.config-menu .config-menu-item:first-child {
	border-left: 0;
}

.config-menu .config-steps {
	width: 30%;
}

.config-menu .config-patterns,
.config-menu .config-interior,
.config-menu .config-system-opt,
.config-menu .config-restroom-opt {
	width: 18%;
}

.config-menu .config-classroom-sizes {
	width: 21%;
}

.config-menu .config-price {
	width: 21%;
}

.config-menu .next-step {
	width: 10%;
}

.config-menu a {
	color: #a7a79b;
}

.config-menu .active {
	height: 90px;
	padding: 15px 10px;
}

.config-menu .config-menu-item:hover .active {
	background: #737368;
}

.config-menu .tool-name {
	display: block;
	margin-bottom: 10px;
	padding: 0 0 0 10px;
	font-size: 13px;
	line-height: 1;
	font-weight: bold;
	white-space: nowrap;
}

.config-menu .config-menu-item:hover .tool-name {
	color: #e79e36;
}

.config-menu .config-menu-item.config-price .tool-name {
	color: #fff;
}

.config-menu .tool-name a {
	margin-left: 5px;
	color: #808276;
	font-size: 12px;
	font-weight: normal;

}

.config-menu .active,
.config-menu .active > a {
	color: #fff;
}

.config-menu li > a,
.config-menu .active > a,
.config-menu .active > span {
	display: block;
	padding: 0 10px;
}

.config-menu ul {
	display: none;
	position: absolute;
	top: 90px;
	left: 0;
	right: 0;
	margin: 0;
	padding: 0 10px;
	list-style-type: none;
	font-size: 32px;
	line-height: 1;
	background: #737368;
	z-index: 200;
}

.config-menu .config-interior ul {
	font-size: 24px;
}

.config-menu .config-menu-item:hover ul,
.config-menu .config-menu-item.open ul {
	display: block;
}

.config-menu .step-index {
	font-weight: normal;
}

.config-menu li > a {
	padding-top: 17px;
	padding-bottom: 20px;
	border-top: 1px solid #88887c;
}

.config-menu li > a:hover,
.config-menu li.current > a {
	color: #fff;
}

.config-menu li > a .fa {
	float: right;
	font-size: 19px;
    margin-top: 10px;
}

.config-menu .config-patterns a.pattern {
	position: relative;
	padding-top: 17px;
	padding-bottom: 30px;
	padding-left: 68px;
	background: url('../img/layout-pattern-icons.png') no-repeat 10px 0;
}

.config-menu .config-patterns .active a.pattern {
	margin-top: -16px;
}

.config-menu .config-patterns a.pattern-p1 {
	background-position: 10px 19px;
}

.config-menu .config-patterns a.pattern-p2 {
	background-position: 10px -53px;
}

.config-menu .config-patterns a.pattern-p3 {
	background-position: 10px -130px;
}

.config-menu .config-patterns a.pattern-p4 {
	background-position: 10px -217px;
}

.config-menu .pattern .upgrade-tip {
	position: absolute;
	left: 10px;
	bottom: 10px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}

.config-menu .config-menu-item.config-price .active {
	background: #a7cf39;
}


.config-menu .config-classroom-sizes a.config-classroom-size {
	position: relative;
	padding-left: 45px;
	padding-right: 0;
	margin-right: 40px;
}

.config-menu .config-classroom-sizes a.reveal-size-info {
	padding: 0;
	position: absolute;
    right: 10px;
    top: 4px;
}

.config-menu .config-classroom-sizes a.reveal-size-info .info-dot {
	width: 20px;
	height: 20px;
	font-size: 14px;
	line-height: 19px;
}

/*
 * active classroom size checkmark
.config-menu .config-classroom-sizes .active a.config-classroom-size:before {
	content: "\f00c";
	display: block;
	width: 23px;
	height: 29px;
	margin: auto;
	position: absolute;
	left: 9px;
	top: 50%;
	margin-top: -12px;
	font-size: 23px;
	font-family: FontAwesome;
	font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
	line-height: 1;
    text-rendering: auto;
	text-align: center;
}

.config-menu .config-classroom-sizes .active a.config-classroom-size-28x36:before {
	width: 26px;
}
.config-menu .config-classroom-sizes .active a.config-classroom-size-30x32:before {
	width: 28px;
}
*/

.config-menu .config-classroom-sizes a.config-classroom-size:after {
	content: "";
	display: block;
	width: 23px;
	height: 29px;
	border: 1px dashed #9b9b8e;
	position: absolute;
	left: 9px;
	top: 50%;
	margin-top: -15px;
}

.config-menu .config-classroom-sizes a.config-classroom-size.config-classroom-size-24x40:after {
	width: 23px;
	height: 29px;
}

.config-menu .config-classroom-sizes a.config-classroom-size.config-classroom-size-30x32:after {
	width: 28px;
	height: 30px;
}

.config-menu .config-classroom-sizes a.config-classroom-size.config-classroom-size-28x36:after {
	width: 26px;
	height: 34px;
	margin-top: -17px;
}

.config-menu .next-step a.next-step-button {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

a.next-step-button {
	display: block;
	width: 59px;
	height: 59px;
	overflow: hidden;
	border: 8px solid #a6ce39;
	border-radius: 59px;
	font-size: 13px;
	line-height: 44px;
	font-weight: 600;
	color: #a6ce39;
	text-align: center;

	/*text-indent: -99999em;
	background: url('../img/next-step-button.png') no-repeat center top;*/
}

a.next-step-button:hover {
	background-position: center bottom;
}

/* Step 01 - Exterior */
#configurator > .column {
	padding: 0 20px;
}

a.interior-add-classroom {
	margin: 12px 0;
	background-color: #a6a6a6;
}

a.interior-add-classroom:hover,
a.interior-add-classroom:focus {
	background-color: #e79e36;
}

#configurator .config-options-visibility {
	padding: 20px 0;
}

#configurator .config-options-visibility .switch-wrapper {
	float: right;
	margin-left: 30px;
}

#configurator .config-options-visibility .info-dot {
	margin-right: 10px;
	font-size: 16px;
}

#configurator .config-options-preview {
	padding: 50px 20px 0 20px;
}

#configurator .config-options-preview .config-options-preview-wrapper {
	position: relative;
}

#exterior-base-layer {
	display: block;
}

img.exterior-layer {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
}

.js img.exterior-layer {
	display: none;
}

.config-options-modifiers {

}

.modifier,
.learnifier {
	position: absolute;
	z-index: 99;

	width: 24px;
	height: 24px;
	overflow: visible;
}

#config-options-base,
#learn-base {
	left: 24%;
	bottom: 40%;
}

#config-options-base2,
#learn-base2,
#learn-metal-base {
	left: 26%;
	bottom: 10%;
}

#config-options-accent,
#learn-accent {
	left: 28%;
	bottom: 10%;
}

#config-options-door,
#learn-door {
	left: 45%;
	bottom: 40%;
}

.size28x36 #config-options-door,
.size28x36 #learn-door {
	left: 45%;
}

.size30x32 #config-options-door,
.size30x32 #learn-door {
	left: 44%;
}

.p3 #config-options-accent,
.p3 #learn-accent,
.p4 #config-options-accent,
.p4 #learn-accent {
	bottom: 30%;
	left: 30.5%;
}

.p3.size24x40 #config-options-accent,
.p3.size24x40 #learn-accent,
.p4.size24x40 #config-options-accent,
.p4.size24x40 #learn-accent {
	left: 30.5%;
}

.p3.size30x32 #config-options-accent,
.p3.size30x32 #learn-accent,
.p4.size30x32 #config-options-accent,
.p4.size30x32 #learn-accent {
	left: 30.5%;
}

#learn-roof {
	left: 60%;
	top: 30%;
}

#learn-glass {
	left: 65%;
	top: 60%;
}

.modifier .modifier-trigger {
	display: block;
	width: 24px;
	height: 24px;
	overflow: hidden;
	border-radius: 24px;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border: 1px solid #282828;
	border: 1px solid rgba(40, 40, 40, 0.2);
	background: #ffffff;
	background: rgba(255, 255, 255, 0.8);
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	color: #868b82;
	cursor: pointer;
}

.learnifier .info-dot {
	display: block;
	text-indent: 0px;
}

.modifier.open .modifier-trigger,
.modifier .modifier-trigger:hover,
.learnifier.open .info-dot,
.learnifier .info-dot:hover,
.highlight-not-open .modifier-trigger {
	background: #e7a346;
	color: #fff;
	cursor: pointer;
}

.modifier .modifier-tooltip,
.learnifier-tooltip,
.config-tooltip {
	position: absolute;
	bottom: 50px;
	left: -50px;
	padding: 6px 6px 10px 6px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #363c43;
	background: rgba(54, 60, 67, 0.97);
}

.modifier .modifier-tooltip.right-align,
.learnifier-tooltip.right-align,
.config-tooltip.right-align {
	left: auto;
	right: -50px;
}

.modifier .modifier-tooltip {
	width: 210px;
}

.config-options-interior-preview .modifier .modifier-tooltip {
	width: 142px;
}

.learnifier-tooltip {
	padding: 15px 15px 10px 20px;
	background: #363c43;
	background: rgba(54, 60, 67, 0.90);
}

.learnifier-tooltip h5 {
	margin: 0 0 15px 0;
	font-weight: bold;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.js .modifier-tooltip,
.js .learnifier-tooltip,
.js .config-tooltip {
	display: none;
}

.learnifier-tooltip {
	width: 440px;
}

#learn-board .learnifier-tooltip {
	width: 355px;
}

.config-tooltip {
	left: auto;
	right: -15px;
	bottom: 50%;
	margin-bottom: 22px;
	/*margin-left: -170px;*/
	width: 340px;
	padding: 15px 10px;
	text-align: left;
	color: #fff;
	font-size: 14px;
	z-index: 100;
}

.modifier .modifier-tooltip .custom-options {
	display: block;
	padding: 5px 15px 5px 5px;
	font-size: 14px;
	line-height: 1;
	color: #fff;
}

.modifier-tooltip .custom-options .custom-options-handler {
	position: relative;
	float: right;
}

.modifier-tooltip .custom-options-handler.open .show-custom-options,
.modifier-tooltip .custom-options .show-custom-options:hover {
	cursor: pointer;
	color: #e79e36;
}

.modifier .modifier-tooltip:before,
.learnifier .learnifier-tooltip:before,
.config-tooltip:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -22px;
	left: 50px;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;

	border-top: 22px solid #363c43;
	border-top: 22px solid rgba(54, 60, 67, 0.9);
}

.modifier .modifier-tooltip.right-align:before,
.learnifier .learnifier-tooltip.right-align:before,
.config-tooltip:before {
	left: auto;
	right: 50px;
}

.modifier .modifier-options {
	margin: 0 -3px;
	padding: 0;
	list-style-type: none;
}

.modifier .modifier-options li {
	position: relative;
	float: left;
	width: 62px;
	height: 35px;
	margin: 0 3px 6px 3px;
	overflow: hidden;
	cursor: pointer;
}

.modifier .modifier-options li.selected:after,
#config-options-board .modifier-options li.selected .detail-picture:after,
.edit-config-options-board .modifier-options li.selected .detail-picture:after {
	content: "\f00c";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 35px;
	text-indent: 0;
	font-size: 20px;
	line-height: 35px;
	/*color: #d4d9de;*/
	text-align: center;
	font-family: 'FontAwesome';
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	opacity: 0.7;
	color: #FFF;
	text-shadow: 0 0 3px rgba(0, 1, 1, 0.75);
}
/* interior special tooltips */
#config-options-walls .modifier-tooltip,
#config-options-floor0 .modifier-tooltip,
#config-options-floor1 .modifier-tooltip {
	width: 200px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#config-options-floor0 .modifier-tooltip,
#config-options-floor1 .modifier-tooltip,
.edit-config-options-floor0 .modifier-tooltip,
.edit-config-options-floor1 .modifier-tooltip {
	width: 350px;
	/*left: -170px;*/
}

#config-options-walls .modifier-options,
#config-options-floor0 .modifier-options,
#config-options-floor1 .modifier-options,
.edit-config-options-floor0 .modifier-options,
.edit-config-options-floor1 .modifier-options {
	margin: 0;
}

#config-options-walls .modifier-options li,
#config-options-floor0 .modifier-options li,
#config-options-floor1 .modifier-options li,
.edit-config-options-floor0 .modifier-options li,
.edit-config-options-floor1 .modifier-options li {
	float: none;
	margin: 8px 3px;
	color: #ececec;
	font-size: 14px;
	line-height: 35px;
	text-indent: 70px;
	overflow: visible;
	white-space: nowrap;
}

#config-options-board .modifier-tooltip,
.edit-config-options-board .modifier-tooltip {
	width: 295px;
	padding-top: 1px;
	padding-bottom: 1px;
}

#config-options-board .modifier-options,
.edit-config-options-board .modifier-options {
	margin: 0;
}

#config-options-board .modifier-options li,
.edit-config-options-board .modifier-options li {
	float: none;
	width: auto;
	height: auto;
	overflow: visible;
	margin: 15px 3px;
	color: #ececec;
	font-size: 14px;
}

#config-options-board .modifier-options li.selected:after,
.edit-config-options-board .modifier-options li.selected:after {
	display: none;
}

#config-options-board .modifier-options li .detail-picture,
.edit-config-options-board .modifier-options li .detail-picture {
	position: relative;
	display: block;
	float: left;
	width: 50px;
	margin-right: 10px;
}

#config-options-board .modifier-options li.selected .detail-picture:after {

}

/* custom options tooltip */
.custom-options .custom-options-tooltip {
	position: absolute;
	left: 37px;
	bottom: -40px;
	width: 440px;
	padding: 10px 15px 15px 15px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #fff;
	font-size: 14px;
	line-height: 1.2;
	background: #363c43;
	background: rgba(54, 60, 67, 0.97);
}

.js .custom-options-tooltip  {
	display: none;
}

.modifier.open,
.learnifier.open {
	z-index: 1000;
}

.custom-options .custom-options-tooltip:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 36px;
	left: -22px;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;

	border-right: 22px solid #363c43;
	border-right: 22px solid rgba(54, 60, 67, 0.97);
}

.custom-options .custom-options-tooltip *,
.learnifier-tooltip * {
	color: #fff;
	line-height: 1.2;
}

.custom-options .custom-options-tooltip h5 {
	margin: 0 0 10px 0;
	font-weight: normal;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.custom-options .custom-options-tooltip p {
	margin: 0 0 20px 0;
}

.custom-options .custom-options-tooltip h5 span {
	float: right;
}

.custom-options .custom-options-tooltip .button {
	margin: 0 3% 0 0;
}

.custom-options .custom-options-tooltip .button.choose-again {
	width: 58%;
	background: #808276;
}

.custom-options .custom-options-tooltip .button.accept {
	margin-right: 0;
	width: 39%;
}

/* floorplan tooltips */
.floor-plan-module#fpr {
	position: relative;
}

.config-tooltip .opt {
	position: relative;
	margin: 15px 0 0 0;
	padding: 0 30px 0 0;
	line-height: 1.5;
	cursor: pointer;
}

.config-tooltip .opt:first-child {
	margin-top: 0;
}

.config-tooltip .opt .price {
	float: right;
	font-weight: 600;
}

.config-tooltip .opt:after {
	content: "";
	display: block;
	width: 21px;
	height: 21px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	overflow: hidden;
	border-radius: 2px;
	background-color: #2b2f33;
}

.config-tooltip .opt.selected:after {
	background-color: #e79e36;
}

#configurator .config-progress {
	border-top: 1px solid #bbbbb9;
	padding: 0 0 24px 0;
}

#configurator .config-progress .config-action-name {
	float: left;
	font-size: 15px;
	line-height: 34px;
	color: #7c7c70;
	font-weight: 600;
}

#configurator .config-progress .config-progress-list {
	float: left;
	width: 71%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#configurator .config-progress .config-progress-list li {
	float: left;
	width: 16.66%;
	position: relative;

	line-height: 30px;
	font-weight: 600;
	color: #b4b4b4;
}

#configurator .config-progress .config-progress-list li a {
	position: relative;
	display: block;
	height: 44px;
	padding: 7px 0;
	color: #b4b4b4;
}

#configurator .config-progress .config-progress-list li a:after {
	content: "";
	display: block;
	width: 99%;
	height: 7px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #d9d9d9;
}

#configurator .config-progress .config-progress-list li.passed a:after {
	background: #a7cf39;
}

/*
#configurator .config-progress .config-progress-list li.active,
#configurator .config-progress .config-progress-list li.passed,
#configurator .config-progress .config-progress-list li.active a,
#configurator .config-progress .config-progress-list li.passed a {
	color: #7c7c70;
}
*/

#configurator .config-progress .config-progress-list li.active,
#configurator .config-progress .config-progress-list li.active a {
	color: #7c7c70;
}

#configurator .config-progress .config-progress-list li.passed .progress-indicator {
	color: #bbbbb9;
}

#configurator .config-progress .config-progress-list .progress-indicator {
	display: block;
	overflow: hidden;
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -17px;
	width: 34px;
	height: 34px;
	border: 1px solid #bbbbb9;
	border-radius: 34px;
	-mox-border-radius: 34px;
	-webkit-border-radius: 34px;
	text-align: center;
}

#configurator .config-progress .config-progress-list .progress-indicator .progress-radial {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#configurator .config-progress .config-progress-list .progress-indicator .progress-step-index {
	display: block;
	width: 26px;
	height: 26px;
	margin: 3px;
	border-radius: 26px;
	-mox-border-radius: 26px;
	-webkit-border-radius: 26px;
	line-height: 27px;
	background: #fff;
}

#configurator .config-progress .config-progress-list .active .progress-indicator {
	border-color: #a7cf39;
}

#configurator .config-progress .config-progress-list .active .progress-indicator .progress-radial {
	background-color: #a7cf39;
}

#configurator .config-progress .config-progress-list .active .progress-indicator.step1 .progress-radial,
#configurator .config-progress .config-progress-list .passed .progress-indicator.step1 .progress-radial {
	background-image: linear-gradient(90deg, #fff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(162deg, #a7cf39 50%, #fff 50%, #fff);
}

#configurator .config-progress .config-progress-list .active .progress-indicator.step2 .progress-radial,
#configurator .config-progress .config-progress-list .passed .progress-indicator.step2 .progress-radial {
	background-image: linear-gradient(90deg, #fff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(234deg, #a7cf39 50%, #fff 50%, #fff);
}

#configurator .config-progress .config-progress-list .active .progress-indicator.step3 .progress-radial,
#configurator .config-progress .config-progress-list .passed .progress-indicator.step3 .progress-radial {
	background-image: linear-gradient(-54deg, #a7cf39 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #a7cf39 50%, #fff 50%, #fff);
}

#configurator .config-progress .config-progress-list .active .progress-indicator.step4 .progress-radial,
#configurator .config-progress .config-progress-list .passed .progress-indicator.step4 .progress-radial {
	background-image: linear-gradient(18deg, #a7cf39 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)), linear-gradient(270deg, #a7cf39 50%, #fff 50%, #fff);
}

#configurator .config-progress .config-progress-list .active .progress-indicator.step5 .progress-radial {

}


#configurator .config-progress .config-progress-actions {
	float: right;
	width: 28%;
	padding-top: 13px;
}

#configurator .config-progress .config-progress-actions .config-action-name {
	margin-right: 50px;
	font-size: 16px;
	font-weight: 600;
	color: #c3c3c1;
}

#configurator .config-progress .config-progress-actions .button {
	float: left;
	width: 48%;
	margin: 2px 0 0 0;
	padding: 5px 10px;
	font-weight: 600;
	background: #a6a6a6;
}

#configurator .config-progress .config-progress-actions .button#next-config {
	float: right;
	background: #a7cf39;
}

/* Step 02 - Interior */
#configurator .config-options-interior-preview {
	float: none;
	position: relative;
	margin: 20px 0 0 0;
}

#interior-base-layer {
	display: block;
}

img.interior-layer {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}

.js img.interior-layer {
	display: none;
}

#learn-interior-windows {
	top: 45%;
	left: 25%;
}
.size30x32 #learn-interior-windows {
	top: 42%;
	left: 25%;
}

.conference #learn-interior-windows {
	top: 35%;
}
.conference .size30x32 #learn-interior-windows {
	top: 32%;
}

#learn-interior-ceilings {
	left: 43%;
	top: 30%;
}
.size30x32 #learn-interior-ceilings {
	left: 43%;
	top: 27%;
}

.conference #learn-interior-ceilings {
	top: 25%;
	left: 33%;
}
.conference .size30x32 #learn-interior-ceilings {
	top: 23%;
	left: 45%;
}

#learn-interior-air {
	right: 8%;
	top: 30%;
}
.size30x32 #learn-interior-air {
	right: 5%;
	top: 30%;
}

.conference #learn-interior-air {
	top: 40%;
}
.conference .size30x32 #learn-interior-air {
	top: 40%;
}

#learn-interior-comfort {
	right: 23%;
	top: 37%;
}
.size30x32 #learn-interior-comfort {
	right: 13%;
	top: 37%;
}

.conference #learn-interior-comfort {
	top: 27%;
}
.conference .size30x32 #learn-interior-comfort {
	top: 27%;
}


#config-options-walls,
#learn-walls {
	top: 45%;
	left: 7%;
}

#config-options-board,
#learn-board {
	right: 40%;
	top: 45%;
}

.conference #config-options-board,
.conference #learn-board {
	top: 40%;
}

.size30x32 #config-options-board,
.size30x32 #learn-board {
	right: 22%;
	top: 44%;
}

#config-options-floor0,
#config-options-floor1,
#learn-floor {
	bottom: 10%;
	right: 15%;
}

.size30x32 #config-options-floor0,
.size30x32 #config-options-floor1,
.size30x32 #learn-floor {
	bottom: 10%;
	left: 28%;
}


.js .dd-guts {
	display: none;
}

.dd-guts {
	position: relative;
	margin-top: -49px;
	z-index: 20;
}

.dd-guts .dd-guts-head {
	color: #fff;
	background: #323232;
	background: rgba(50, 50, 50, 0.8);
}

.js .dd-guts .dd-guts-head .title {
	display: none;
}

.dd-guts .dd-guts-head .title {
	margin: 0;
	padding: 12px 10px;
	color: #fff;
}

ul.dropdown-list {
	height: 36px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 14px;
	list-style-type: none;
}

ul.dropdown-list:hover {
	overflow: visible;
}

ul.dropdown-list li {
	position: relative;
	padding: 6px 10px 5px 10px;
	border-bottom: 1px solid #4c4c4c;
	background: #323232;
	background: rgba(50, 50, 50, 0.8);
	z-index: 100;
	cursor: pointer;
}

ul.dropdown-list li a {
	color: #fff;
}

ul.dropdown-list li.first {
	border-left: 1px solid #4c4c4c;
	font-weight: 600;
	font-size: 15px;
	background: none;
}

ul.dropdown-list li.first,
ul.dropdown-list li.first a {
	color: #a2a2a0;
}

ul.dropdown-list li.first:hover,
ul.dropdown-list li.first a:hover {
	color: #a2a2a0;
	background: none;
}
ul.dropdown-list li:hover,
ul.dropdown-list li a:hover {
	color: #fff;
	background: #E79E36;
}

ul.dropdown-list .fa-angle-down {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -16px;
	font-size: 32px;
	line-height: 1;
	color: #fff;
}

ul.dropdown-list:hover .fa-angle-down{
	color: #e79e36;
}

.dd-guts .dd-guts-options {
	position: relative;
	/*height: 100px;
	overflow: auto;*/
	margin: 25px 0 0 0;
	background: #fff;
}

.js .dd-guts .dd-guts-option {
	display: none;
}

.dd-guts .dd-guts-option {
	font-size: 15px;
	line-height: 1.2;
	color: #9a9b8d;
}

.dd-guts .dd-guts-option-thumb img {
	display: block;
	margin-left: 10px;
}

.dd-guts .dd-guts-content p {
	font-size: 15px;
	line-height: 1.2;
}

.dd-guts .dd-guts-content h4 {
	margin: 0 0 5px 0;
	font-size: 17px;
	color: #808276;
	font-weight: 600;
}

.dd-guts .config-select-action {
	text-align: center;
}

.dd-guts .config-select-action h4 {
	margin: 32px 0;
}

.exit-board-config {
	display: block;
	width: 32px;
	height: 32px;
	float: right;
	margin: 9px 12px 0 0;
	border: 2px solid #fff;
	border-radius: 32px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	font-size: 34px;
	line-height: 22px;
	text-align: center;
	cursor: pointer;
}

/* Step 03 - System */
.row.config-category-header {
	margin: 30px 0;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.row.config-category-header .column > * {
	margin: 0;
	margin: 0;
	color: #7c7c70;
}

.row.system-teaser {
	margin-bottom: 30px;
	border-bottom: 1px solid #dfdfdc;
	padding-bottom: 15px;
}

.row.system-teaser:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

#configurator h1,
#configurator h2,
#configurator h3,
#configurator h4,
#configurator h5,
#configurator h6 {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.system-teaser .small-centered {
	text-align: center;
}

.system-teaser .thumbnail {
	float: left;
	margin-top: 10px;
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #e9e9e9;
	border-left: 1px solid #ededed;
}

.system-teaser .thumbnail a,
.system-teaser .thumbnail img {
	display: block;
}

.system-teaser .description {

}

.system-teaser .description h4 {
	margin: 0 0 10px 0;
}

.config-select-action h4 {
	margin-bottom: 10px;
	font-weight: 300;
}

.config-select-action .button {
	min-width: 110px;
	text-align: center;
	color: #808276;
	font-weight: 600;
	background: #dfdfdc;
}

.config-select-action .button:hover,
.config-select-action .button:focus,
.config-select-action .button.selected {
	color: #fff;
	background: #e79e36;
}

/* Step 04 - Bathroom */
#configurator .tabs {
	border-bottom: 1px solid #d8d8d7;
}

#configurator .tabs dd {
	margin-right: -1px;
	margin-bottom: -1px !important;
	border: 1px solid #b8b7b7;
}

#configurator .tabs dd.active {
	border: 0;
	position: relative;
	z-index: 2;
}

#configurator .tabs dd > a {
	padding: 15px 20px;
	font-size: 14px;
	line-height: 1;
	color: #808276;
	background: #fff;
}

#configurator .tabs dd.active a {
	padding: 16px 21px;
	color: #fff;
	background: #e79e36;
}

#configurator .tabs-content > .content {
	padding: 30px 0 45px 0;
}

#configurator .tabs-content > .content h3 {
	font-weight: 300;
}

#configurator .tabs-content > .content.no-bathroom {
	padding-left: 120px;
	padding-top: 135px;
	padding-bottom: 135px;
	background: url('../img/bg-stripes.png') repeat left top;
}

#configurator .tabs-content > .content .column.large-5 img {
	padding-right: 30px;
}

/* Step 05 - Floor plan */
.floor-plan-actions ul.actions {
	float: left;
}

ul.actions {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.actions li {
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}

ul.actions li a {
	display: block;
	padding: 5px 8px;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	border: 1px solid #808276;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #a6a6a6;
}

ul.actions li a:hover,
ul.actions li.selected a {
	background: #b3d250;
}

ul.actions li a.add-more-btn {
	padding: 4px 7px;
	border: 2px dashed #e7e7e6;
	color: #808276;
	background: #fff;
}

.row.floor-plan-actions {
	margin: 45px 0;
}

.row.floor-plan-actions .column:last-child {
	font-size: 16px;
	color: #808276;
	text-align: right;
}

.row.floor-plan-actions .column:last-child a {
	font-size: 16px;
	color: #808276;
}

.row.floor-plan-actions .column:last-child .fa {
	font-size: 22px;
}

.row.floor-plan-configurator {
	position: relative;
	min-height: 200px;
	margin-bottom: 55px;
}

.floor-plan-configurator > img {
	display: block;
	max-width: 100%;
}

.floor-plan-configurator img.techingwall,
.floor-plan-configurator img.sink {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	max-width: 100%;
}

.floor-plan-configurator .floor-plan-modules {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
}

.floor-plan-configurator .column {
	float: left;
	width: 17.7%;
	height: 100%;
}

.floor-plan-configurator .column:last-child {
	float: right;
	width: 10%;
}

/*
.size28x36 .size30x32 .floor-plan-configurator .column {
	width: 17.7%;
}
*/

.size30x32 .floor-plan-configurator .column {
	width: 18.3%;
}

.size30x32 .floor-plan-configurator .column:last-child {
	width: 7%;
}

.size30x32 .floor-plan-configurator .floor-plan-module .add-restroom {
	font-size: 9px;
}


.floor-plan-configurator .column.add-new-module {
	padding: 0 2px;
}

.floor-plan-module {
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.2;
	color: #a6a6a6;
	text-align: center;
}

.floor-plan-module img {
	display: block;
	width: 100%;
	height: 100%;
}

.add-new-module .floor-plan-module {
	border: 1px dashed #bbbaba;
}

.floor-plan-configurator .edit-new-module .floor-plan-module {
	background: url('../img/bg-stripes.png') repeat left top;
}

.add-new-module .floor-plan-module a.add-classroom,
.add-new-module .floor-plan-module a.add-restroom {
	display: block;
	padding-top: 80px;
	height: 100%;
	color: #dfdfdc;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

.floor-plan-module a.edit-btn {
	display: inline-block;
	width: 28px;
	height: 28px;
	border: 1px solid #dbdbdd;
	border-radius: 27px;
	text-align: center;
	font-size: 14px;
	line-height: 25px;
	color: #9a9b8d;
	vertical-align: middle;
	background: #fff;
}

.floor-plan-module .add-classroom,
.floor-plan-module .add-restroom {
	font-size: 12px;
}

.floor-plan-module .add-classroom .fa-plus-circle,
.floor-plan-module .add-restroom .fa-plus-circle {
	display: block;
	margin-top: 15px;
	font-size: 48px;
}

.edit-classroom-options {
	position: relative;
	height: 100%;
	padding: 10px;
	text-align: left;
	background: #fff;
}

.edit-classroom-options a {
	color: #9a9b8d;
}

.edit-current-module .edit-classroom-options {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.edit-classroom-options .edit-close {
	position: absolute;
	top: 4px;
	right: 10px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
}

.edit-classroom-options .edit-reuse-options {
	display: block;
	margin: 20px 0 10px 0;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
}

.edit-classroom-options .edit-reuse-options .fa {
	float: right;
	width: 24px;
	height: 24px;
	border: 1px solid rgba(40, 40, 40, 0.2);
	border-radius: 24px;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	background: #9a9b8d;
}

.edit-classroom-options .edit-select-new-or {
	display: block;
	margin: 10px 0 15px 0;
}

.edit-classroom-options .edit-select-new {
	display: block;
	margin: 0 0 15px 0;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	color: #9a9b8d;
}

.edit-classroom-options .edit-casework,
.edit-classroom-options .edit-flooring {
	display: block;
	margin: 7px 0;
	line-height: 24px;
}

.edit-classroom-options .edit-casework > span,
.edit-classroom-options .edit-flooring > span {
	cursor: pointer;
}

.edit-classroom-options .edit-casework .modifier,
.edit-classroom-options .edit-flooring .modifier {
	float: right;
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	width: 24px;
	height: 24px;
}

.edit-classroom-options .edit-casework .modifier .modifier-trigger,
.edit-classroom-options .edit-flooring .modifier .modifier-trigger {
	color: #fff;
	background: #9a9b8d;
}

.edit-config-options-board .modifier-options li .detail-picture img {
	display: block !important;
}

/*
.edit-current-module .edit-classroom-options .reuse-button-label,
.edit-current-module .edit-classroom-options .reuse-button,
.edit-current-module .edit-classroom-options .new-options-title {
	display: none;
}

.edit-classroom-options .options {
	margin-bottom: 10px;
}

.edit-classroom-options .new-options-title {
	display: block;
	margin: 10px 0;
	font-size: 16px;
	line-height: 1;
	color: #e79e36;
}

.edit-classroom-options .new-options {
	position: relative;
	margin-bottom: 5px;
}

.edit-classroom-options .new-options > a {
	position: relative;
	display: block;
	border: 1px solid #d8d8d7;
	border-radius: 5px;
	padding: 15px 0;
	font-size: 16px;
	line-height: 1;
	color: #808276;
	background: #fff;
}

.edit-classroom-options .new-options.has-old-options > a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 10px;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #f0c484;
}

.edit-classroom-options .options-go-back {
	display: block;
	margin: 15px 0 0 0;
	font-size: 14px;
	line-height: 1;
	color: #a6a6a6;
}

*/

.edit-existing-options {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
}

.edit-existing-options:before,
.edit-current-module .edit-classroom-options:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0.9;
	background: url('../img/bg-stripes.png') repeat left top;
}

.edit-current-module .edit-classroom-options > * {
	position: relative;
}

.edit-current-module .floor-plan-module > img {
	cursor: pointer;
}

#edit-existing-floorplan {
	position: relative;
	z-index: 2;
	margin-top: 85px;

	display: inline-block;
	width: 44px;
	height: 44px;
	border: 1px solid #dbdbdd;
	border-radius: 44px;
	text-align: center;
	font-size: 22px;
	line-height: 40px;
	color: #9a9b8d;
	vertical-align: middle;
	background: #fff;
}

.fp-actions {
	position: absolute;
	bottom: -25px;
	left: 8px;
}

.fp-actions a {
	display: inline-block;
	margin-right: 20px;
	color: #808276;
	font-size: 16px;
	line-height: 1;
}

.fp-actions a:last-child {
	margin-right: 0;
}

.fp-actions a .fa {
	margin-right: 5px;
}

.row.floorplan-info-line {
	margin-bottom: 15px;
}

.row.floorplan-disclaimer {
	margin-bottom: 55px;
	color: #b8b7b7;
	font-size: 12px;
	font-style: italic;
}

.building-info-data {
	float: left;
	padding: 5px 10px;
	border: 1px solid #d8d8d7;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.floorplan-info-line .learnifier {
	margin-left: 13px;
	margin-top: 10px;
}

.building-info-data .floorplan-data {
	float: left;
	margin-right: 40px;
	white-space: nowrap;
}

.building-info-data .floorplan-data:last-child {
	margin-right: 0;
}

.building-info-data .floorplan-data .fn {
	display: inline-block;
	margin-right: 10px;
	font-size: 12px;
	line-height: 1.2;
	color: #b8b7b7;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
}

.building-info-data .floorplan-data .val {
	display: inline-block;
	font-size: 32px;
	line-height: 1;
	color: #808276;
	font-weight: 300;
	vertical-align: middle;
}

#show-zoom-modal {
	width: 90%;
	height: 90%;
	max-width: none;
	top: 5% !important;
	overflow: hidden;
	text-align: center;
}

#show-zoom-modal .show-zoom-modal-wrapper {
	display: table;
	width: 100%;
	height: 100%;
}

#show-zoom-modal .show-zoom-modal-inner {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}

/*
#show-zoom-modal .zoom-floorplan-module {
	position: relative;
	display: inline-block;
	height: 100%;
	max-height: 60%;
	width: 15%;
}

#show-zoom-modal.size30x32 .zoom-floorplan-module {
	max-height: 50%;
	width: 18%;
}

#show-zoom-modal .zoom-floorplan-module:last-child {
	width: 10%;
}
*/

#show-zoom-modal img {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/* Step 06 - Summary */
.config-summary {
	position: relative;
}

.config-summary .column,
.config-summary .columns {
	position: static;
}

.config-summary .summary-previews {
	position: absolute;
	right: 0;
	top: 35px;
}

.config-menu-heading {
	display: block;
	height: 100%;
	padding: 0 20px;
    line-height: 90px;
	font-size: 24px;
	font-weight: 300;
	color: #a7a79b;
}

.summary-menu .config-menu-item {
	width: 20%;
}

.summary-menu .config-menu-item a {
	display: block;
	height: 100%;
	widows: 100%;
	min-width: 145px;
	/*padding: 0 30px;*/
    line-height: 90px;
	font-size: 24px;
	font-weight: 200;
	color: #fff;
	text-align: center;
}

.summary-menu .config-menu-item a .fa {
	font-size: 18px;
}

.summary-menu .config-menu-item a:hover {
	color: #e79e36;
}

.summary-price-table {
	/*
	padding: 20px 0;
	border-top: 1px solid #b8b7b7;
	border-bottom: 1px solid #b8b7b7;
	*/
	margin-bottom: 13px;
	padding: 20px 17px 5px 17px;
	border: 1px solid #d8d8d8;
	font-size: 20px;
	line-height: 1;
	color: #a6a6a6;
}

#configurator .summary-price-table > .content {
	padding: 0;
}

.summary-price-table .column.small-4 {
	color: #808276;
	text-align: right;
}

.summary-price-table .row {
	padding: 6px 0;
}

/*
.summary-price-table .row.total-line {
	padding-top: 20px;
}

.summary-price-table .total-line {
	font-size: 24px;
	color: #9a9b8d;
	font-weight: 300;
}

.summary-price-table .total-line .total-price strong {
	display: block;
	font-weight: bold;
	color: #808276;
}

.summary-price-table .total-line .total-price a {
	font-size: 14px;
	color: #a6a6a6;
}
*/

.summary-price-total {
	border-top: 2px solid #b7b7b7;
	border-bottom: 2px solid #b7b7b7;
	padding: 13px 2px 10px 2px;
}

.summary-price-total-label,
.summary-price-total-description {
	display: block;
}

.summary-price-total-label {
	margin-bottom: 8px;
	font-size: 24px;
	color: #9a9b8d;
	font-weight: 300;
	line-height: 1;
}

.summary-price-total-description {
	font-size: 16px;
	line-height: 1;
	color: #9a9b8d;
	font-weight: 300;
}

.summary-price-total .total-price {
	text-align: right;
}

.summary-price-total .total-price strong {
	display: block;
	margin-bottom: 8px;
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
	color: #808276;
}

.summary-price-total .total-price a {
	font-size: 14px;
	color: #a6a6a6;
}


.summary-actions {
	font-size: 14px;
	text-align: center;
}

.summary-actions h5 {
	padding: 25px 0;
	color: #7c7c70;
}

.summary-actions .button {
	min-width: 170px;
	margin-bottom: 10px;
	font-size: 24px;
}

.building-preview {
	position: relative;
	margin-bottom: 55px;
}

.building-preview > div {
	position: relative;
}

.building-preview img {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.building-preview img.preview-base {
	position: static;
}

.floorplan-preview {
	width: 100%;
	overflow: hidden;
}

.floorplan-preview > div {
	position: relative;
	width: 100%;
	height: 110px;
	overflow: hidden;
}

.floorplan-preview img {
	display: block;
	float: left;
	height: 100%;
	max-width: 20%;
}

.layer-tags {
	clear: both;
	margin: 25px 0 0 0;
	padding: 0;
	list-style-type: none;
}

.layer-tags li {
	display: inline-block;
	*display: inline;
	position: relative;
	margin: 0 5px 5px 0;
	padding: 6px 7px 6px 7px;
	line-height: 1;
	color: #38383a;
	background: #d8d8d7;
	zoom: 1;
}

.layer-tags li.color-tag {
	padding-right: 36px;
}

.layer-tags li .color {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 30px;
}

.layer-tags li.highlight {
	color: #fff;
	background: #808276;
}

.config-summary-preview-column {
	margin-top: 40px;
}

#configurator .preview-wing-tabs {
	text-align: left;
}

#configurator .preview-wing-tabs {
	border: 0;
	padding-bottom: 0;
}

#configurator .preview-wing-tabs dd {
	display: inline-block;
	*display: inline;
	float: none;
	margin: 0 !important;
	padding: 0;
	border: 0;
	zoom: 1;
}

#configurator .preview-wing-tabs dd > a {
	background: #d8d8d8;
    border-radius: 3px 3px 0 0;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
	margin-right: 10px;
    padding: 8px 20px;
}

#configurator .preview-wing-tabs dd.active > a {
	padding: 8px 20px;
	background: #808275;
}

/* Footer
 * -------------------------------
 */
#footer {
	clear: both;
	min-height: 13px;
	padding: 13px 25px 14px 25px;
	font-size: 13px;
	line-height: 1;
	color: #d8d8d7;
	background: #313131;
}

.footer-menu {
	text-align: right;
}

.footer-menu ul {
	line-height: 1;
}

.footer-menu li {
	display: inline-block;
	margin-left: 15px;
}

.footer-menu li:first-child {
	margin-left: 0;
}

.footer-menu a {
	color: #d8d8d7;
}

/* FAQ */
#faq-lists {
	padding: 0 50px;
}

#faq-lists .tabs {
	padding-bottom: 35px;
}

#faq-lists .tabs dd {
	width: 40%;
}

#faq-lists .tabs dd a {
	display: inline-block;
	padding: 0 0 12px 0;
	font-size: 22px;
	line-height: 1;
	font-weight: 600;
	color: #9a9b8d;
	background: none;
}

#faq-lists .tabs dd a:hover,
#faq-lists .tabs dd a:focus {
	color: #E7A346;
}

#faq-lists .tabs dd.active a {
	color: #a7cf3a;
	padding-bottom: 10px;
	border-bottom: 2px solid #9a9b8d;
}

#faq-lists .accordion dd > a {
	position: relative;
	margin: 15px 0;
	padding: 0 0 0 35px;
	font-size: 20px;
	color: #9a9b8d;
	background: none;
}

#faq-lists .accordion dd > a:before {
	content:"\f055";
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	height: 24px;
    width: 24px;
	font-size: 24px;
    line-height: 1;
    text-align: center;
    vertical-align: top;
	font-family: FontAwesome;
	color: #e7a346;
}

#faq-lists .accordion dd.active > a:before {
	content:"\f056";
}

#faq-lists .accordion dd .content {
	padding-left: 35px;
}

/* Custom scrollbar */
.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox{ /* contains plugin's markup */
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}

.mCSB_container{ /* contains the original content */
	overflow: hidden;
	width: auto;
	height: auto;
}

/* Vertical */
.mCSB_inside > .mCSB_container{ margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
	position: absolute;
	width: 30px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools{ right: -60px; } /* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
	right: auto;
	left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 30px 0; }

.mCSB_scrollTools .mCSB_draggerRail{
	width: 2px;
	height: 100%;
	margin: 0 auto;
}

.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
	cursor: pointer;
	width: 100%;
	height: 30px; /* minimum dragger height */
	z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
	position: relative;
	width: 6px;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;

	font-size: 48px;
	line-height: 1;
	color: #7c7c70;
	font-family:'FontAwesome';
	font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-rendering: auto;
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0;
}

.mCSB_scrollTools .mCSB_buttonUp:after {
	content:"\f106";
	display: inline-block;
	vertical-align: top;
	line-height: 15px;
}

.mCSB_scrollTools .mCSB_buttonDown:after {
	content:"\f107";
	display: inline-block;
	vertical-align: top;
	line-height: 15px;
}

/* default theme */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #dfdfdc;
}

/* Modal */
.reveal-modal {
	width: 100%;
	max-width: 710px;
	border: 3px solid #b8b7b7;
	padding: 20px;
}

#add-new-wing-modal,
#add-new-classroom-modal {
	max-width: 475px;
	padding: 30px 30px 20px 30px;
}

#login-modal,
#disclaimer-modal {
	max-width: 468px;
	padding: 88px 42px 15px 42px;
}

#disclaimer-modal {
	max-width: 880px;
	padding-bottom: 44px;
}

.sizeInfo-modal,
#color-info {
	max-width: 580px;
	padding: 35px 40px;
}

.sizeInfo-modal h1,
.sizeInfo-modal h2,
#color-info h1,
#color-info h2 {
	margin: 0 0 25px 0;
	color: #b3d250;
}

.sizeInfo-modal h5 {
	font-size: 14px;
	font-weight: 600;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.sizeInfo-options {
	font-size: 14px;
	line-height: 1.2;
}

.sizeInfo-options .button {
	float: right;
	font-size: 18px;
	font-weight: 600;
}

.reveal-modal .close-reveal-modal {
	top: 13px;
	right: 17px;
	width: 36px;
	height: 36px;
	overflow: hidden;
	text-indent: -99999em;
	background: url('../img/modal-close.png') center top;
	z-index: 100;
}

.reveal-modal .close-reveal-modal:hover {
	background-position: center bottom;
}

.modal-inner-content {
	height: 265px;
	overflow-y: auto;
	margin: 0 0 17px 0;
	border: 1px solid #d1d1d1;
	padding: 10px;
}

#disclaimer-modal .modal-inner-content {
	height: 440px;
}

.reveal-modal-bg {
	background: rgba(255, 255, 255, 0.85);
}

#add-new-wing-modal h2,
#add-new-classroom-modal h2 {
	margin-bottom: 20px;
	font-size: 24px;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 300;
}

#add-new-wing-modal h2 strong,
#add-new-classroom-modal h2 strong {
	float: right;
	font-weight: normal;
}

#add-new-wing-modal p.clearfix,
#add-new-classroom-modal p.clearfix {
	margin-bottom: 10px;
}

#add-new-wing-modal p.clearfix:last-child,
#add-new-classroom-modal p.clearfix:last-child {
	margin-bottom: 0;
}

#add-new-wing-modal .button,
#add-new-classroom-modal .button {
	margin: 0;
	background-color: #a6a6a6;
}

#add-new-wing-modal .button:hover,
#add-new-classroom-modal .button:hover {
	background-color: #e79e36;
}

#reuse-new-wing,
#reuse-classroom {
	float: left;
}

#design-new-wing,
#design-classroom {
	float: right;
}

#cancel-new-wing,
#cancel-classroom {
	float: right;
	color: #9a9b8d;
}

/* non semantic */
.hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Conference
 * full HD screens specific CSS
 * */
.conference #container {
	width: 100%;
	max-width: 90%;
	min-width: 60em;
}

.conference.controller-configurator #main {
	position: relative;
	padding-bottom: 70px;
}

.conference.controller-configurator.action-interior #main {
	padding-bottom: 135px;
}

.conference #configurator > .column {
	position: static;
}

.conference #configurator .config-footer {
	position: absolute;
	bottom: 0;
	left: 20px;
	right: 20px;
	z-index: 90;
}

.conference #configurator .dd-guts-option-thumb {
	width: 8.333333%;
}

.conference #configurator .config-options-interior-preview {
	max-height: 1070px;
	overflow: hidden;
}

.conference #configurator .config-options-interior-preview > img {
	margin-top: -145px;
}

.conference #configurator .tabs-content > .content .column.large-5 img {
    max-height: 525px;
}

.conference #video-container iframe {
    display: block;
    height: 595px;
    width: 100%;
}

.conference #explore-window {
	max-width: 1080px;
}

.conference #explore-window > img {
	width: 100%;
}

.conference .modifier .modifier-trigger:before,
.conference .learnifier .info-dot:before {
	content: "";
    display: block;
    height: 80px;
	width: 80px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -40px;
	opacity: 0;
	background: rgba(255, 255, 255, 0);
}

.conference .floor-plan-module {
	height: 660px;
}

.conference .add-new-module .floor-plan-module a.add-classroom,
.conference .add-new-module .floor-plan-module a.add-restroom {
	padding-top: 390px;
}

.conference .edit-classroom-options .edit-reuse-options {
	margin-top: 35px;
	margin-bottom: 25px;
}

.conference .edit-classroom-options .edit-select-new-or {
	margin-bottom: 25px;
}

.conference .edit-classroom-options .edit-casework,
.conference .edit-classroom-options .edit-flooring {
	margin: 30px 0;
}