@charset "utf-8" {
   }

.dg.ac {
  right: auto !important;
  left: 20px !important;
  top: 20px !important;
    /*
   * display:none !important
   */
  z-index: 999 !important; }

  #disclaimer{position:fixed; bottom:3px; right:110px; z-index:101}
  #disclaimer a{color:#006eb6; text-decoration:none;}
   #disclaimer a:hover{ text-decoration:underline;}

#loader {
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: white url('img/loader.gif') no-repeat 50% 50%; }

.notification {
  font-size: 1.2em;
  color: #c73d22;
  font-weight: 700; }

h3 {
  font-size: 1.2em;
  margin: 10px 0; }

.info-list ul {
  list-style: disc;
  padding-left: 30px; }

/*
 * ======================================
 * OVERLAY - 3D _PRODUCT CHANGE
 */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 9999;
  overflow: auto;
  display: none; }

#overlay-inner {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  margin: 30px auto;
  overflow: auto;
  height: auto;
  background: white; }

.change-head,
.image-head {
  width: 50%; }

.product-head-change {
  width: 96%;
  height: auto;
  margin: 30px auto; }

#product-change-instance-outer {
  border: solid 1px #e9e9e9; }

.product-change-instance {
  width: 45%; }

.product-change-instance-icon {
  width: 20%;
  height: auto;
  float: left;
  border: 10px solid #e9e9e9; }

.product-change-instance-icon:hover {
  cursor: pointer; }

.product-change-instance-icon span {
  display: block;
  font-size: 3em;
  padding: 50px 0;
  line-height: 0;
  width: auto;
  text-align: center;
  color: #e0e0e0; }

.product-change-instance-icon:hover span {
  color: #a2c722; }

.product-change-instance-icon.checked  span {
  color: #a2c722;
  background: white; }

.product-change-instance-icon.checked {
  border-color: #a2c722; }

.product-change-instance-icon,
.product-change-instance-icon span {
  transition: all 0.4s ease-in-out; }

.product-change-instance-text {
  width: 80%;
  padding: 10px; }

/*
 * ======================================
 * TOOLTIP - 3D
 */
.t-tip {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 99;
  padding: 5px; }

.t-tip .t-tip-icon {
  float: left;
  border-right: solid 1px #fafafa;
  color: #fafafa;
  transition: all 0.4s ease-in-out; }

.t-tip .t-tip-icon:last-child {
  border-right: none; }

.t-tip .t-tip-icon span {
  display: block;
  padding: 15px;
  font-size: 1.7em; }

.t-tip .t-tip-icon:hover {
  color: #2a2a2a;
  cursor: pointer; }

.t-tip .isDisabled span {
  display: none; }

#object-name {
  font-size: 1em; }

.isSelected {
  background: #a2c722; }

.isUnSelected {
  background: #006eb6; }

/*
 * ======================================
 * Survey - Accordion
 */

.survey-interior .item-ammount {
  width: 20%;
  font-size: 2em;
  padding: 30px;
  border: solid 1px #e9e9e9;
  border-right: none;
  font-weight: 500;
  text-align: center; }

.survey-interior .item-text {
  width: 80%;
  padding: 20px;
  border: solid 1px #e9e9e9; }

.survey-interior .item-text h2 {
  font-size: 1em;
  padding: 13px 0 28px;
  font-weight: 500;
  color: #006eb6;
  border-bottom: solid 1px #e9e9e9; }

.survey-interior .item-text .gallery {
  margin-top: 20px; }

.accordion-inner-text ul li {
  list-style: disc;
  margin-left: 20px; }

.accordion-inner-text ul.survey_interior li {
  list-style: none;
  margin-left: 0; }

.accordion dl,
.accordion-list {
  border: 1px solid white; }

.accordion dd {
  margin-bottom: 1px; }

.accordion dd,
.accordion__panel {
  background-color: white;
  font-size: 1em;
  line-height: 1.5em; }

.accordion .accordion-inner-text {
  padding: 30px;
  background: white; }

.accordion {
  position: relative; }

.container {
  max-width: 960px;
  margin: 0 auto;
  padding: 2em 0 2em 0; }

.package-selection {
  width: 20%;
  height: auto;
  float: left; }

.package-selection:hover {
  cursor: pointer; }

.package-selection-inner {
  width: 100%;
  height: 120px;
  border: 10px solid #e9e9e9;
  background: #f1f1f1; }

.package-selection-inner span {
  display: block;
  font-size: 3em;
  padding: 50px 0;
  line-height: 0;
  width: auto;
  text-align: center;
  color: #c73d22; }

.package-selection:hover .package-selection-inner:before {
  color: #a2c722; }

.package-selection:hover .package-selection-inner {
  border-color: #d7d7d7; }

.package-selection.checked .package-selection-inner:before {
  color: #a2c722; }

.package-selection.checked .package-selection-inner {
  border-color: #a2c722;
  background: white; }

.package-selection,
.package-selection .package-selection-inner {
  transition: all 0.4s ease-in-out; }

.package-selection-inner:before {
  content: "+";
  color: #cccccc;
  font-size: 4em;
  height: 100px;
  line-height: 0.75em;
  margin: 49px 38%;
  position: relative;
  top: 20%; }

.package-selection.checked .package-selection-inner:before {
  margin: 35px 30%;
  font-size: 4.2em; }

.accordionTitle,
.accordion__Heading {
  background-color: white;
  text-align: left;
  font-weight: 500;
  padding: 2em;
  display: block;
  text-decoration: none;
  color: #006eb6;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 10px solid #e9e9e9;
  width: 80%;
  float: right;
  height: 120px; }

.accordionTitle:before,
.accordion__Heading:before {
  color: #006eb6; }

.accordionTitle:hover::before,
.accordion__Heading:hover::before {
  color: #2a2a2a; }

.accordionTitle.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
  color: #2a2a2a; }

.accordionTitle:hover,
.accordion__Heading:hover {
  background-color: #e0e0e0;
  color: #2a2a2a; }

.accordionTitleActive,
.accordionTitle.is-expanded {
  background: #e0e0e0;
  color: #2a2a2a;
  border-color: #d7d7d7; }

/*
 * ======================================
 * Survey - summary-booth
 */
.summary-booth {
  width: auto; }

.summary-booth .summary-outer {
  border-left: #e0e0e0 solid 1px; }

.summary-booth .summary-item {
  border: #e0e0e0 solid 1px;
  border-left: none;
  background: white;
  width: 25%; }

.summary-booth .summary-price {
  width: 50%; }

.summary-booth .summary-item .text {
  color: #006eb6;
  padding: 10px;
  border-bottom: #e0e0e0 solid 1px; }

.summary-booth .summary-item .number {
  padding: 10px; }

/*
 * ======================================
 * Survey
 */
#survey {
  position: absolute;
  width: 100%;
  min-height: 100%;
  height: auto;
  background: #fafafa;
  border: solid 10px white;
  z-index: 100; }

#survey .survey-item {
  visibility: hidden;
  display: none;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s ease-in-out;
  width: 100%;
  height: auto;
  max-width: 1200px;
  margin: 0 auto;
  text-align: right; }

#survey .survey-item .inner {
  width: 100%;
  border: solid 15px #e9e9e9;
  height: auto;
  margin-top: 10%;
  padding: 50px; }

#survey .survey-item .title {
  font-size: 3em;
  font-weight: 300;
  color: #006eb6;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  text-align: left;
  text-shadow: 1px 1px 1px #fafafa, 1px -1px 1px #fafafa, -1px 1px 1px #fafafa, -1px -1px 1px #fafafa;
  margin-bottom: 50px; }

#survey .survey-item .text {
  text-align: left; }

#survey .survey-item .text p {
  margin-top: 15px; }

.form-save {
  max-width: 800px; }

.form {
  margin-top: 30px; }

.form label {
  display: block;
  margin: 10px 0 5px 0; }

.form input:not([type=submit]):not([type=file]),
.form select,
.form textarea {
  border: solid 1px #e9e9e9;
  padding: 5px;
  color: #2a2a2a;
  font-size: 1em;
  width: 100%; }

#survey .survey-item .button-area {
  margin-top: 30px; }

#survey .survey-item.visible {
  visibility: visible;
  opacity: 1;
  display: block; }


label.zemCheckbox, input.zemCheckbox{width:auto !important; display: inline;}
label.comCheckbox, input.comCheckbox{width:auto !important; display: inline;}


/*
 * ======================================
 * Table - Results
 */
.tg {
  border-collapse: collapse;
  border-spacing: 0;
  width: 40%; }

.tg td {
  padding: 10px;
  border: solid 1px #e9e9e9;
  overflow: hidden;
  word-break: normal; }

.tg th,
.tg td.head {
  font-weight: normal;
  padding: 10px;
  border: solid 1px #e9e9e9;
  overflow: hidden;
  word-break: normal;
  text-align: left; }

table.full {
  width: 100%; }



@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Black.woff2') format('woff2'),
  url('fonts/Roboto-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Bold.woff2') format('woff2'),
  url('fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-BlackItalic.woff2') format('woff2'),
  url('fonts/Roboto-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-BoldItalic.woff2') format('woff2'),
  url('fonts/Roboto-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Italic.woff2') format('woff2'),
  url('fonts/Roboto-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Light.woff2') format('woff2'),
  url('fonts/Roboto-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-LightItalic.woff2') format('woff2'),
  url('fonts/Roboto-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Medium.woff2') format('woff2'),
  url('fonts/Roboto-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-MediumItalic.woff2') format('woff2'),
  url('fonts/Roboto-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Regular.woff2') format('woff2'),
  url('fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-Thin.woff2') format('woff2'),
  url('fonts/Roboto-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto-ThinItalic.woff2') format('woff2'),
  url('fonts/Roboto-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}


body {
  background: #fafafa;
  color: #2a2a2a;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 300;
  letter-spacing: 0.015em;
  line-height: 1.6;
  height: 100%; }

#booth-size .icon-size {
  text-align: center; }

#booth-size .icon-size span {
  font-size: 15em;
  color: #bdbdbd; }


#booth-type li,
#booth-construction li {
  display: inline-block;
  border: solid 10px #e9e9e9;
  padding: 10px;
  margin: 5px;
  background: white;
  text-align: center;
  transition: all 0.4s ease-in-out; }

#booth-type li span {
  font-size: 11em;
  color: #bdbdbd; }

#booth-type li .text,
#booth-construction li .text {
  text-align: center !important; }

#booth-type li:hover,
#booth-type li.active,
#booth-construction li:hover,
#booth-construction li.active {
  border: solid 10px #e0e0e0;
  background: #006eb6;
  cursor: pointer; }

#booth-type li:hover span,
#booth-type li.active span,
#booth-type li:hover .text,
#booth-type li.active .text,
#booth-construction li:hover span,
#booth-construction li.active span,
#booth-construction li:hover .text,
#booth-construction li.active .text {
  color: white; }

/*
 * ======================================
 * Main
 */
#main-container {
  position: absolute;
  left: 0;
  top: 0;
  border: solid 10px white;
  background: #fafafa;
  height: 100%;
  overflow: hidden; }

#main-container canvas {
  position: relative;
  transition: all ease-in-out 0.4s;
  right: 0;
  transition-delay: 0.2s;
  width: 100%;
  height: 100%; }

#main-container canvas.openNav {
  right: 200px; }

#main-container .img-wrapper {
  width: auto;
  height: auto;
  max-width: 1289px;
  margin: 6% auto; }

/*
 * ======================================
 * Item Container Navigation
 */
#item-container {
  width: 410px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 100px;
  opacity: 0;
  visibility: hidden;
  transition: all ease-out 0.2s;
  overflow: hidden;
  z-index: 100; }

.visible {
  opacity: 1 !important;
  visibility: visible !important; }

/*
 * ======================================
 * Aside Price, Details, Save
 */
#aside_holder {
  position: absolute;
  left: 40px;
  bottom: 40px;
  z-index: 90;
  border: #e0e0e0 solid 1px;
  text-align: left;
  background: white;
  width: 350px;
  height: 106px;
  overflow: hidden;
  transition: all 0.2s ease-in-out; }

#aside_holder div {
  transition: all 0.5s ease-in-out; }

#hide-aside {
  font-size: 1.5em;
  color: #006eb6;
  background: white;
  width: 50px;
  height: 104px;
  padding: 35px 10px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  border-right: #e0e0e0 solid 1px; }

#hide-aside:hover {
  cursor: pointer; }

#aside_inner {
  position: absolute;
  left: 50px;
  top: 0;
  width: 300px;
  height: 104px;
  overflow: hidden;
  z-index: 5; }

#aside_holder .box {
  width: 200px; }

#aside_holder .price {
  font-size: 1.5em;
  color: #006eb6;
  font-weight: 700;
  border-bottom: #e0e0e0 solid 1px;
  padding: 10px; }

#aside_holder .price span.euro {
  font-size: 0.7em;
  color: #2a2a2a;
  font-weight: 300; }

#aside_holder .left {
  border-right: #e0e0e0 solid 1px; }

#aside_holder .text {
  padding: 10px;
  font-size: 0.8em; }

#aside_holder .btn {
  font-size: 2em;
  position: absolute;
  top: 0; }

#aside_holder .btn:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.8); }

#aside_holder .btn.details {
  left: 200px; }

#aside_holder .btn.save {
  left: 200px;
  color: #fafafa;
  background: #006eb6; }

#aside_holder .btn.save a {
  border: 5px solid #fafafa;
  display: block;
  color: #fafafa;
  background: #006eb6;
  padding: 20px 30px;
  border: 5px solid white;
  transition: all 0.2s ease-out;
  text-decoration: none; }

#aside_holder .btn.save a:hover {
  color: #006eb6;
  background: #fafafa;
  border-color: #828282; }

#aside_holder.hidden {
  width: 151px;
  left: 0;
  bottom: 0;
  transition-delay: 0.5s; }

#aside_holder.hidden #aside_inner {
  left: -150px; }

#aside_holder.hidden #hide-aside div {
  transition-delay: 0.4s;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

#aside_holder_small {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 90;
  border: #e0e0e0 solid 1px;
  text-align: left;
  background: white;
  width: 100px;
  height: 106px;
  overflow: hidden;
  transition: all 0.2s ease-in-out; }

#aside_holder_small .btn {
  font-size: 2em;
  position: absolute;
  top: 0; }

#aside_holder_small .btn:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.8); }

#aside_holder_small .btn.save {
  left: 0px;
  color: #fafafa;
  background: #006eb6; }

#aside_holder_small .btn.save a {
  border: 5px solid #fafafa;
  display: block;
  color: #fafafa;
  background: #006eb6;
  padding: 20px 30px;
  border: 5px solid white;
  transition: all 0.2s ease-out;
  text-decoration: none; }

#aside_holder_small .btn.save a:hover {
  color: #006eb6;
  background: #fafafa;
  border-color: #828282; }

/*
 * ======================================
 * Logo
 */
#logo-container {
  position: absolute;
  left: 40px;
  top: 40px;
  z-index: 101;
  width: 240px; }

/*
 * ======================================
 * notification
 */
#notification {
  position: absolute;
  left: 40px;
  top: 40px;
  z-index: 101;
  border: #e0e0e0 solid 1px;
  padding: 3px;
  text-align: left; }

.noti-hidden {
  opacity: 0; }

#notification .text {
  border: #e0e0e0 solid 1px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.8); }

/*
 * ===========================================
 * TABS
 */
ul.tabs {
  list-style-type: none;
  margin: 0;
  padding: 0; }

ul.tabs li {
  border: #e0e0e0 solid 1px;
  border-bottom: none;
  float: left;
  margin: 0 0.25em 0 0;
  padding: 0.25em 0.5em; }

ul.tabs li a {
  color: #bdbdbd;
  text-decoration: none;
  font-size: 0.9em; }

ul.tabs li.active {
  background: #e0e0e0; }

ul.tabs li.active a {
  color: #2a2a2a; }

.clr {
  clear: both; }

#block {
  border-top: #e9e9e9 solid 1px;
  border-bottom: #e9e9e9 solid 1px;
  margin-bottom: 30px; }

.tab-content {
  margin: 30px 0; }

/*
 * ==============================================
 * Color list Objects, Download List Objects
 */
#object-colors ul li {
  display: inline-block;
  width: 100px;
  margin: 0 5px 10px 5px; }

#object-colors ul li div {
  width: 100%;
  height: 100px;
  border: solid 5px #f1f1f1;
  transition: border 0.5s; }

#object-colors ul li div.checked {
  border-color: #a2c722; }

#object-colors ul li div:hover {
  border-color: #d7d7d7;
  cursor: pointer; }

#object-colors ul li span {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 5px; }

ul.downlList {
  padding: 0 10px; }

ul.downlList li {
  margin-bottom: 10px; }

ul.downlList li a {
  display: block;
  padding: 10px;
  border: #e0e0e0 solid 1px;
  color: #2a2a2a;
  text-decoration: none; }

/*
 * ==========================================================================
 * Inner
 * ==========================================================================
 */
#item-container #inner {
  width: 400px;
  position: absolute;
  top: 10px;
  right: 0px;
  background: white;
  padding: 10px;
  overflow: hidden; }

#item-container #inner-move {
  width: 800px;
  position: absolute;
  top: 0;
  right: -800px;
  background: white;
  transition: all ease-in-out 0.2s;
  height: 100%;
  overflow: hidden; }

#item-container h2,
.finish-config h2 {
  font-size: 1.5em;
  margin: 10px 0 30px; }

.visible .first {
  right: -400px !important; }

.visible .second {
  right: 0px !important; }

#first,
#second {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  height: 100%;
  overflow: auto; }

#second {
  left: 400px;
  background: white; }

#inner .close,
#inner .back {
  font-size: 2em;
  line-height: 1em;
  font-weight: 100; }

#inner .close:hover,
#inner .back:hover {
  cursor: pointer;
  color: #cccccc; }

#second .close,
#second .back {
  width: 50%;
  float: left; }

#second .close {
  text-align: right; }

#inner .interiour-item:hover {
  cursor: pointer;
  color: #cccccc; }

#inner .header {
  padding-bottom: 10px;
  border-bottom: solid 1px #fafafa;
  text-transform: uppercase; }

#inner .header {
  margin-bottom: 30px; }

.product-head {
  width: 363px;
  border: 1px solid #e9e9e9; }

.interior-item h2 {
  font-size: 1.5em;
  margin: 10px 0 30px 0; }

#product-aside {
  width: 365px;
  border: solid 1px #e9e9e9;
  height: 90px;
  margin-bottom: 30px; }

#product-aside .price {
  font-size: 1em;
  width: 50%;
  padding: 5px;
  height: 90px; }

#product-aside .price span {
  display: block; }

#product-aside .price span.price-number {
  font-size: 1.5em;
  margin-bottom: 10px; }

#product-aside .price span.price-disclaimer {
  font-size: 0.6em; }

#product-aside .p-color {
  position: relative;
  font-size: 0.7em;
  width: 25%;
  text-align: center;
  padding: 10px;
  border: solid 5px #f1f1f1;
  height: 88px; }

#product-aside .p-color span {
  background: rgba(255, 255, 255, 0.7);
  display: block;
  padding: 3px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0; }

#product-aside .add {
  position: relative;
  font-size: 2.5em;
  width: 25%;
  text-align: center;
  padding: 10px;
  height: 88px;
  border: solid 5px white;
  transition: border 0.5s; }

#product-aside .add:hover {
  border: solid 5px #e9e9e9;
  cursor: pointer; }

#product-aside .p-color:before,
#product-aside .add:before {
  content: " ";
  left: -5px;
  bottom: -5px;
  position: absolute;
  right: 0;
  top: -5px;
  z-index: 0;
  border-left: solid 1px #e9e9e9; }

/*
 * ==========================================================================
 * Main Navigation
 * ==========================================================================
 */
#main-navigation {
  position: fixed;
  right: 0;
  top: 0;
  width: 100px;
  height: 100%; }

#main-navigation ul,
#main-navigation ul li {
  list-style: none;
  margin: 0;
  padding: 0; }

#main-navigation ul li div {
  transition: all ease-out 0.3s; }

#main-navigation ul.nav-settings {
  position: absolute;
  bottom: 106px;
  border-top: solid 1px #d7d7d7; }

#main-navigation ul.nav-settings li:last-child .teaser .inner {
  border-bottom: none; }

/*
 * products
 */
.product-images-list li {
  width: 50%;
  float: left; }

.product-images-list li a img {
  padding: 5px;
  border: 5px solid #f1f1f1; }

.product-images li {
  border: solid 1px #f1f1f1;
  display: list-item;
  height: 248px;
  margin: 0 5px 10px;
  position: relative;
  width: 100%;
  overflow: hidden; }

.product-images li span.title-product {
  height: auto;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10; }

.product-images li a {
  border: solid 5px #f1f1f1;
  color: #2a2a2a;
  display: block;
  height: 98px;
  overflow: hidden;
  padding: 30px 15px;
  position: absolute;
  text-align: left;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  width: 162px;
  z-index: 9;
  background: white; }

.product-images li a.interior-item {
  right: 0;
  top: 50px; }

.product-images li a.add-item {
  right: 0;
  top: 148px; }

.product-images li img {
  z-index: 8;
  position: absolute;
  left: 0;
  top: 48px;
  transition: All 2.5s ease-out;
  -webkit-transform: scale(1);
  -webkit-transform-origin: 50% 50%;
  -moz-transform: scale(1);
  -moz-transform-origin: 50% 50%;
  -ms-transform: scale(1);
  -ms-transform-origin: 50% 50%;
  -o-transform: scale(1);
  -o-transform-origin: 50% 50%;
  transform: scale(1);
  transform-origin: 50% 50%; }

/*
 *
 * .product-images li img:hover {
 * -webkit-transform: scale(1.1);
 * -moz-transform: scale(1.1);
 * -ms-transform: scale(1.1);
 * -o-transform: scale(1.1);
 * transform: scale(1.1);}
 * .product-images li img:hover{cursor:zoom-in}
 */
.product-images li a:hover {
  border-color: #a2c722; }

.gallery ul.product-images li {
  width: 160px; }

/*
 * ============================================================================
 * Title list, Category list
 * ==============================================================================
 */
ul.list-first li a,
ul.cat-execute li {
  display: block;
  padding: 10px 20px 10px 10px;
  color: #2a2a2a;
  text-decoration: none;
  transition: all ease-in-out 0.2s; }

ul.list-first li a span,
ul.cat-execute li span {
  display: inline-block;
  font-size: 1.2em; }

ul.list-first  li,
ul.cat-execute li {
  border-top: solid 1px #d7d7d7; }

ul.list-first li:last-child,
ul.cat-execute li:last-child {
  border-bottom: solid 1px #d7d7d7; }

ul.list-first li a:hover,
ul.cat-execute li:hover {
  color: #d7d7d7;
  border-color: #f1f1f1;
  padding-right: 10px;
  cursor: pointer; }

/*
 * ==========================================================================
 * Teaser
 * ==========================================================================
 */
.teaser a {
  color: #d7d7d7; }

.teaser .inner {
  background: none;
  border-bottom: solid 1px #d7d7d7;
  border-top: solid 1px white;
  text-align: center;
  position: relative;
  height: 80px;
  display: block;
  text-decoration: none;
  width: 100px;
  transition: background ease-out 0.6s; }

.teaser .inner:first-child {
  border-top: none; }

.teaser .icon {
  font-size: 1.8em;
  text-align: center;
  padding: 10px 0;
  display: block;
  line-height: 0;
  color: #006eb6; }

.teaser .border {
  width: 100%;
  position: absolute;
  top: 35px;
  margin: 10px auto; }

.teaser .border .innerBorder {
  width: 30%;
  height: 1px;
  border-radius: 5px;
  background: #dddddd;
  margin: 0 auto; }

.teaser .text {
  padding: 10px 0;
  position: absolute;
  top: 40px;
  width: 100%;
  font-size: 12px;
  letter-spacing: -0.015em;
  color: #006eb6; }


li.active .teaser .inner {
  background: white; }

.teaser .inner:hover .icon,
li.active .icon {
  color: #2a2a2a; }

.teaser .inner:hover .border,
li.active .inner .border {
  top: 50px;
  height: 1px; }

.teaser .inner:hover .border .innerBorder,
li.active .inner .border .innerBorder {
  background: #cccccc;
  height: 1px;
  width: 60%; }

.teaser .inner:hover .text,
li.active .inner .text {
  color: #2a2a2a;
  top: 30px; }

/*
 * *******Helpers**************************
 */
.wrapper {
  width: 90%;
  max-width: 1800px;
  margin: 0 auto;
  height: auto; }

.smallText {
  font-size: 0.8em; }

.fw100 {
  font-weight: 100; }

.fw300 {
  font-weight: 300; }

.fw400 {
  font-weight: 400; }

.fw700 {
  font-weight: 700; }

.bgWhite {
  background: white; }

.main-btn,
a.main-btn {
  text-transform: uppercase;
  padding: 10px;
  border: solid 5px #e9e9e9;
  transition: all 0.4s ease-in-out;
  text-decoration: none;
  color: #2a2a2a;
  background: white; }

.main-btn:hover,
a.main-btn:hover {
  border-color: #006eb6;
  cursor: pointer; }

.main-btn span,
a.main-btn span {
  padding: 5px;
  transition: all 0.4s ease-in-out;
  display: inline-block; }

.main-btn:hover span,
a.main-btn:hover span {
  padding: 5px 10px 5px 0; }

.large-text {
  font-size: 1.6em; }

.xLarge-text {
  font-size: 2em; }

.text-primary-color {
  color: #006eb6; }

.p20 {
  padding: 20px; }

.p10 {
  padding: 10px; }

.transition {
  transition: all ease-out 0.4s; }

.left-shad {
  box-shadow: -5px 0 5px -5px rgba(0, 0, 0, 0.2); }

.left-inner-shad {
  box-shadow: inset 7px 0 5px -7px rgba(0, 0, 0, 0.2); }

.right-inner-shad {
  box-shadow: inset -7px 0 5px -7px rgba(0, 0, 0, 0.2); }

.pl10 {
  padding-left: 10px; }

.pr10 {
  padding-right: 10px; }

.fr {
  float: right; }

.fl {
  float: left; }

.mr20 {
  margin-right: 20px; }

.mt30 {
  margin-top: 30px; }

.mb30 {
  margin-bottom: 30px; }

.form2 {
  width: 45%; }

.form2 select,
.form2 input {
  width: 100%; }

.big-text {
  font-size: 1.2em; }


.col {
  background-clip: padding-box !important;
  border: 0 solid transparent;
  box-sizing: border-box;
  float: left; }

.half {
  width: 50%; }

/*
 * Progress Bar Rest outsourced in Animation
 */
#spinner,
.progressHolder {
  position: fixed;
  bottom: 0;
  left: 10px;
  z-index: 10000000;
  display: none; }

.progress {
  position: relative;
  height: 10px;
  display: block;
  width: 100%;
  background-color: white;
  border-radius: 2px;
  background-clip: padding-box;
  overflow: hidden; }

.progress .indeterminate {
  background-color: #006eb6; }

@media screen and (min-width: 0px) and (max-width: 1059px) {
  #survey .survey-item .inner {
    width: 100%;
    margin-left: 0;
    margin-top: 18%; }

  #survey .survey-item .title {
    margin-left: 0; }

  .summary-days {
    width: 40% !important; }

  .summary-size,
  .summary-price {
    width: 30% !important; } }

@media screen and (max-height: 800px) {
  .teaser .inner {
    height: 60px; }

  .teaser .icon {
    font-size: 1.2em;
    padding: 10px 0; }

  .teaser .border {
    width: 100%;
    position: absolute;
    top: 23px;
    margin: 10px auto; }

  .teaser .text {
    padding: 10px 0;
    top: 25px;
    width: 100%;
    font-size: 12px;
    letter-spacing: -0.015em;
    color: #008ca7; }

  .teaser .inner:hover .border,
  li.active .inner .border {
    top: 45px;
    height: 1px; }

  .teaser .inner:hover .text,
  li.active .inner .text {
    top: 27px; } }

/*
 * CSS Document
 */