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

html {
  height: 100%;
  width: 100%;
  min-width: 750px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-size: 16px; }
  @media screen and (min-width: 1921px) {
    html {
      font-size: 32px; } }

body {
  position: relative;
  top: 0;
  margin: 0 auto;
  min-height: 100vh;
  height: 100vh;
  width: 100vw;
  background-color: white; }
  
h2{
	font-size: 12pt;
}

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

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

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

.page1 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  top: 0;
  margin: 0 auto;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  z-index: 2;
}
.nobackground{
	background: none !important;
}

#lines {
  height: 100vh;
  width: 100vw;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  pointer-events: none;
  background-size: calc(100vw / 4) calc(100vh / 7);
  background-image: linear-gradient(to right, #fff 2px, transparent 2px), linear-gradient(to bottom, #fff 2px, transparent 2px);
  background-position: -1px -1px, -1px -1px; }
  @media screen and (min-width: 1921px) {
    #lines {
      background-image: linear-gradient(to right, #fff 4px, transparent 4px), linear-gradient(to bottom, #fff 4px, transparent 4px);
      background-position: -2px -2px, -2px -2px; } }

.tgn_logo {
  float: left;
/*   position: absolute; */
  cursor: pointer;
  width: calc(50% - 120px);
  padding: 60px;
  text-align: left;
}
.tgn_logo img{
	height: 150px;
	width: auto;
	max-width: none;
}

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

.touch_me {
  font-family: Roboto;
  color: white;
  background-position: left top;
  position: absolute;
  z-index: 10;
  background-repeat: repeat-x;
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%; }
  .touch_me td h1 {
    line-height: 1rem;
    font-weight: bold;
    text-align: center;
    font-size: 3.5rem;
    background-color: transparent;
    padding: 0;
    transform: scale(1, 1.2);
    -webkit-transform: scale(1, 1.2);
    -moz-transform: scale(1, 1.2);
    -ms-transform: scale(1, 1.2);
    -o-transform: scale(1, 1.2); }
  .touch_me td h2 {
    line-height: 1rem;
    font-weight: bold;
    text-align: center;
    font-size: 2.5rem;
    line-height: 3rem;
    background-color: transparent;
    transform: scale(1, 1.2);
    -webkit-transform: scale(1, 1.2);
    -moz-transform: scale(1, 1.2);
    -ms-transform: scale(1, 1.2);
    -o-transform: scale(1, 1.2); }

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

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

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

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

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

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

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

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

.centering_table {
  width: 100%;
  height: 100%; }
  .centering_table td {
    vertical-align: middle;
    padding: 0.625rem; }

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

.hand_pointer {
  cursor: pointer; }

.scaleme {
  -webkit-animation: movearound 7s 3s 1; }

@-webkit-keyframes movearound {
  0% {
    -webkit-transform: scale(1) rotate(1deg); }
  10% {
    -webkit-transform: scale(1) rotate(5deg); }
  30% {
    -webkit-transform: scale(0.3) rotate(-3deg); }
  60% {
    -webkit-transform: scale(0.8) rotate(2deg); }
  70% {
    -webkit-transform: scale(1) rotate(0deg); }
  100% {
    -webkit-transform: scale(1) rotate(0deg); } }
.scaleme2 {
  -webkit-animation: demo-scale ease-in-out 4.33s infinite; }

@-webkit-keyframes demo-scale {
  from {
    -webkit-transform: scale(1); }
  10% {
    -webkit-transform: scale(1); }
  40% {
    -webkit-transform: scale(0.5); }
  70% {
    -webkit-transform: scale(1.3); }
  80% {
    -webkit-transform: scale(1); }
  to {
    -webkit-transform: rotate(1); } }
.general_panel {
  position: absolute;
  bottom: 7.5rem;
  left: 50%;
  margin-left: -9.375rem;
  vertical-align: top;
  width: 18.75rem;
  height: 6.25rem;
  background-color: rgba(109, 110, 112, 0.8);
  -webkit-box-shadow: 0.125rem 0.125rem 0.75rem black;
  -moz-box-shadow: 0.125rem 0.125rem 0.75rem black;
  box-shadow: 0.125rem 0.125rem 0.75rem black;
  z-index: 99999; }

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

#overlay_form {
  position: absolute;
  border: 0.3125rem solid #21a8b7;
  padding: 0.625rem;
  width: 16.875rem;
  height: 8.125rem;
  background-color: white;
  -webkit-box-shadow: 0.125rem 0.125rem 0.75rem #00f;
  -moz-box-shadow: 0.125rem 0.125rem 0.75rem #00f;
  box-shadow: 0.125rem 0.125rem 0.75rem #00f;
  font-family: "Roboto-Black";
  font-weight: normal;
  font-size: 0.9rem; }
  #overlay_form input[name=usercode] {
    width: 12.5rem;
    float: right; }

#form_close {
  float: right; }

.general_button {
  display: inline-block;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 1.875rem;
  text-align: center;
  color: white;
  background-size: auto 100%;
  font-family: "Roboto-Black";
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.875rem;
  cursor: hand;
  cursor: pointer;
  -moz-border-radius: 0.3125rem;
  -webkit-border-radius: 0.3125rem;
  border-radius: 0.3125rem;
  -khtml-border-radius: 0.3125rem; }

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

#filter-panel-container {
  position: fixed;
  width: 20.625rem;
  height: 37.5rem;
  left: 0;
  top: 59.375rem;
  vertical-align: top;
  z-index: 1100;
  -moz-box-shadow: 2px 2px 12px 1px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 2px 2px 12px 1px rgba(0, 0, 0, 0.8);
  box-shadow: 2px 2px 12px 1px rgba(0, 0, 0, 0.8); }
  @media screen and (min-width: 1921px) {
    #filter-panel-container {
      -moz-box-shadow: 4px 4px 24px 4px rgba(0, 0, 0, 0.8);
      -webkit-box-shadow: 4px 4px 24px 4px rgba(0, 0, 0, 0.8);
      box-shadow: 4px 4px 24px 4px rgba(0, 0, 0, 0.8); } }

#filter_container {
  width: 18.75rem;
  height: 34.375rem;
  margin: 1.5625rem auto;
  position: relative; }

#tab1_header, #tab2_header, #tab3_header {
  font-family: "Roboto-Black";
  color: white;
  font-weight: bold;
  font-size: 0.6rem;
  text-align: left;
  position: absolute;
  top: 0;
  width: 8.5625rem;
  height: 2.0625rem;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-filter: drop-shadow(0.3125rem 0.3125rem 0.3125rem #222222);
  filter: drop-shadow(0.3125rem 0.3125rem 0.3125rem #222222); }

#tab1_header {
  padding: 0.25rem 0 0 0.4375rem;
  line-height: 0.8rem;
  left: 0;
  z-index: 3; }

#tab2_header {
  padding: 0.25rem 0 0 0.4375rem;
  line-height: 0.8rem;
  left: 7.5rem;
  z-index: 2; }

#tab3_header {
  padding: 0.25rem 0 0 0.4375rem;
  line-height: 0.8rem;
  left: 15rem;
  z-index: 1; }

.header_active {
  color: #23418c !important;
  background-image: url("../images/site/wit_tab.png") !important;
  z-index: 99 !important; }

#tab1_content, #tab2_content, #tab3_content {
  position: absolute;
  left: 0;
  top: 2.0625rem;
  width: 18.75rem;
  height: 32.3125rem;
  background-color: white;
  -moz-border-radius: 0.9375rem;
  -webkit-border-radius: 0.9375rem;
  border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
  border-radius: 0.9375rem;
  z-index: 100;
  -webkit-border-radius: 0rem 0.9375rem 0.9375rem 0.9375rem;
  -moz-border-radius: 0rem 0.9375rem 0.9375rem 0.9375rem;
  border-radius: 0rem 0.9375rem 0.9375rem 0.9375rem; }

.content_active {
  z-index: 999 !important; }

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

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

.color_label_filter, .colorsyle_label_filter, .looksyle_label_filter {
  display: inline-block;
  padding-left: 0.625rem; }

.color_count_filter {
  position: absolute;
  right: 1.875rem;
  top: 0; }

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

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

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

.size_count_filter {
  position: absolute;
  right: 1.875rem;
  top: 0; }

.floor_type {
  vertical-align: top;
  height: 1.25rem;
  margin: 1.25rem auto 0 1.25rem; }
  .floor_type ul {
    list-style: none;
    width: 100%; }
    .floor_type ul li {
      width: 8.4375rem;
      height: 1.25rem;
      padding: 0;
      margin: 0;
      display: inline-block; }
      .floor_type ul li div {
        height: 1.25rem; }
        .floor_type ul li div input[type=radio] {
          height: 1.25rem;
          width: 1.25rem;
          float: left; }
        .floor_type ul li div label {
          font-family: "Roboto-Black";
          font-weight: normal;
          font-size: 0.8rem;
          line-height: 1.25rem;
          text-align: left;
          margin-left: 0.5rem; }

.style_list_filter {
  width: 16.875rem;
  margin: 0 auto 0.625rem auto; }
  .style_list_filter ul {
    list-style: none;
    width: 100%; }
    .style_list_filter ul li {
      width: 16.875rem;
      height: 2.5rem;
      position: relative;
      font-family: "Roboto";
      font-weight: bold;
      font-size: 0.8rem;
      line-height: 2.5rem;
      text-align: left;
      color: black;
      background-image: url("../images/site/white_line.png");
      background-repeat: repeat-x;
      background-size: auto 100%;
      background-position: left top;
      -webkit-background-size: auto 100%;
      -moz-background-size: auto 100%;
      -o-background-size: auto 100%;
      background-size: auto 100%; }
      .style_list_filter ul li div.style_label_filter {
        display: inline-block;
        padding-left: 0.625rem;
        width: calc(100% - 0.625rem);
        -webkit-box-sizing: padding-box;
        -moz-box-sizing: padding-box;
        box-sizing: padding-box; }
        .style_list_filter ul li div.style_label_filter.style_active_filter {
          background-repeat: repeat-x;
          background-size: auto 100%;
          background-position: left top;
          -webkit-background-size: auto 100%;
          -moz-background-size: auto 100%;
          -o-background-size: auto 100%;
          background-size: auto 100%;
          padding: 0 0 0 0.625rem;
          margin: 0;
          border: 0; }
      .style_list_filter ul li div.style_radio_container {
        display: inline-block;
        float: right;
        width: 11.25rem; }
        .style_list_filter ul li div.style_radio_container div.style_photo {
          display: inline-block;
          width: 5.625rem;
          height: 2.5rem;
          width: 5rem;
          line-height: 2.5rem; }
          .style_list_filter ul li div.style_radio_container div.style_photo input[type=radio] {
            height: 2.5rem;
            width: 0.75rem;
            float: left;
            line-height: 2.5rem;
            padding: 0;
            margin: 0; }
          .style_list_filter ul li div.style_radio_container div.style_photo label {
            font-family: "Roboto-Black";
            font-weight: normal;
            font-size: 0.8rem;
            line-height: 2.5rem;
            text-align: left;
            margin-left: 0.4375rem; }

.direct_list_filter {
  width: 16.875rem;
  margin: 0 auto 0.625rem auto;
  background-image: url("../images/site/white_line.png");
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: left top;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  background-size: auto 100%;
  padding: 0.625rem 0 1.875rem 0; }
  .direct_list_filter ul {
    list-style: none;
    width: 100%; }
    .direct_list_filter ul li {
      width: 16.875rem;
      height: 2.5rem;
      position: relative;
      font-family: "Roboto";
      font-weight: bold;
      font-size: 0.8rem;
      line-height: 2.5rem;
      text-align: left;
      color: black; }
      .direct_list_filter ul li div.directly_radio_container {
        display: inline-block;
        float: left;
        width: 16.875rem; }
        .direct_list_filter ul li div.directly_radio_container div.style_photo {
          display: inline-block;
          width: 16.875rem;
          height: 2.5rem;
          width: 16.875rem;
          line-height: 2.5rem; }
          .direct_list_filter ul li div.directly_radio_container div.style_photo input[type=radio] {
            height: 2.5rem;
            width: 0.75rem;
            float: left;
            line-height: 2.5rem;
            padding: 0;
            margin: 0 0 0 1.25rem; }
          .direct_list_filter ul li div.directly_radio_container div.style_photo label {
            font-family: "Roboto-Black";
            font-weight: normal;
            font-size: 0.8rem;
            line-height: 2.5rem;
            text-align: left;
            margin-left: 0.4375rem; }

input[name=searchbyname] {
  width: 12.5rem;
  height: 1.25rem;
  margin: 1.25rem auto 0 auto;
  display: block;
  font-family: "Roboto";
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.25rem;
  text-align: left;
  padding: 0;
  padding-left: 0.625rem;
  color: blue; }

.submit_filter {
  display: inline-block;
  float: right;
  width: 11.25rem;
  height: 1.875rem;
  text-align: center;
  background-repeat: repeat-x;
  background-size: auto 100%;
  -moz-border-radius: 0.3125rem;
  -webkit-border-radius: 0.3125rem;
  border-radius: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  border-radius: 0.3125rem;
  font-family: "Roboto-Black";
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 1.875rem;
  color: white;
  margin-right: 0.9375rem;
  margin-top: 0.625rem;
  cursor: hand;
  cursor: pointer; }

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

#search-panel-container {
  display: none;
  position: relative;
  width: calc(100% - 2*(100% / 8 - 0.25rem));
  height: calc(100% - 1.5 *(100% / 5 + 0.1875rem));
  left: calc(100% / 8 - 0.25rem);
  top: calc(100% / 5 + 0.1875rem);
  vertical-align: top;
  z-index: 1100;
  background-color: white;
  -webkit-box-shadow: 0.125rem 0.125rem 0.75rem black;
  -moz-box-shadow: 0.125rem 0.125rem 0.75rem black;
  box-shadow: 0.125rem 0.125rem 0.75rem black;
  font-size: 0;
  margin: 0;
  padding: 0; }
  #search-panel-container > .pagination_container {
    position: absolute;
    bottom: -3.25rem;
    left: 0;
    vertical-align: top;
    width: calc(100% / 6);
    height: 3.125rem;
    background-color: rgba(109, 110, 112, 0.8);
    -webkit-box-shadow: 0.125rem 0.125rem 0.75rem black;
    -moz-box-shadow: 0.125rem 0.125rem 0.75rem black;
    box-shadow: 0.125rem 0.125rem 0.75rem black; }
  #search-panel-container > .total_container {
    position: absolute;
    bottom: -3.25rem;
    right: 0;
    vertical-align: top;
    font-family: "Roboto";
    font-size: 0.8rem;
    line-height: 3.125rem;
    text-align: center;
    color: white;
    width: calc(100% / 6);
    height: 3.125rem;
    background-color: rgba(109, 110, 112, 0.8);
    -webkit-box-shadow: 0.125rem 0.125rem 0.75rem black;
    -moz-box-shadow: 0.125rem 0.125rem 0.75rem black;
    box-shadow: 0.125rem 0.125rem 0.75rem black; }
  #search-panel-container .thumb-container {
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow-y: auto; }
    #search-panel-container .thumb-container .fxcon {
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      height: 100%;
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start; }
      #search-panel-container .thumb-container .fxcon div.one_thumb {
        -webkit-flex: 1 1 auto;
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        height: 30%;
        position: relative;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain; }
  #search-panel-container .thumb_img_container {
    position: absolute;
    width: 80%;
    left: 10%;
    height: 70%;
    top: 10%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-box-shadow: 0.125rem 0.125rem 0.25rem black;
    -moz-box-shadow: 0.125rem 0.125rem 0.25rem black;
    box-shadow: 0.125rem 0.125rem 0.25rem black;
    cursor: pointer; }
  #search-panel-container .tile_brand {
    position: absolute;
    width: 80%;
    left: 10%;
    height: 10%;
    top: 84%;
    font-family: "Roboto";
    font-size: 0.6rem;
    line-height: 0.6rem;
    color: #444444; }
  #search-panel-container .tile_number {
    position: absolute;
    width: 80%;
    left: 10%;
    height: 10%;
    top: 91%;
    font-family: "Roboto";
    font-size: 0.6rem;
    line-height: 0.6rem;
    color: #444444; }

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

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

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

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

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

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

.matrix_container {
  position: relative;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: 100%;
  overflow: hidden; }

.matrix {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 !important;
  margin: 0 !important;
  width: 300%;
  min-height: 300%;
  height: 300%;
  overflow: hidden;
  cursor: pointer;
  -moz-transition: all 0s ease-in-out;
  -webkit-transition: all 0s ease-in-out;
  -o-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out; }

#control-panel-container {
  position: fixed;
  width: 25%;
  height: 28.571%;
  min-height: 34.25rem;
  max-width: 16.875rem;
  left: 0;
  top: 59.375rem;
  vertical-align: top;
  z-index: 1100;
  background-color: rgba(109, 110, 112, 0.8);
  -moz-border-radius: 0.9375rem;
  -webkit-border-radius: 0.9375rem;
  -webkit-box-shadow: 0.125rem 0.125rem 0.75rem black;
  -moz-box-shadow: 0.125rem 0.125rem 0.75rem black;
  box-shadow: 0.125rem 0.125rem 0.75rem black; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tab2x {
  background-color: white; }

.table_2x {
  margin-left: 1rem; }

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

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

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

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

.active_color_class {
  outline: magenta dotted thin; }

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

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

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

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

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

.width_tab {
  height: 9.625rem; }

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

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

.extend_info {
  width: 14.125rem !important; }

.tmp1 {
  width: 0.875rem;
  height: 2.5rem; }

.divpaneelno {
  font-family: "Roboto";
  color: #1486AC;
  font-weight: normal;
  letter-spacing: 0;
  font-size: 0.8rem;
  line-height: 1.875rem;
  text-align: left;
  margin: 0.625rem 0 0 0; }
  .divpaneelno span {
    background-color: #000;
    color: #fff; }

.divcell {
  position: relative;
  height: 16%;
  width: 100%;
  margin: 0.625rem 0 0.3125rem 0; }
  .divcell:first-child {
    margin: 1.25rem 0 0.3125rem 0; }
  .divcell:last-child {
    margin: 0.625rem 0 0.9375rem 0; }

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

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

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

.photo_ins {
  background-repeat: no-repeat;
  background-position: left top;
  width: 12.1875rem;
  height: 2.8125rem;
  position: relative;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain; }

.paneel_ins {
  background-repeat: no-repeat;
  background-position: left top;
  width: 12.1875rem;
  height: 2.875rem;
  position: relative;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain; }

.selected {
  background-image: url("../images/site/selected.png");
  background-repeat: no-repeat;
  background-position: left top;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  right: -0.625rem;
  top: -0.625rem;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain; }

#alle_maten {
  position: absolute;
  width: 6.25rem;
  height: 1.5rem;
  top: 0.1875rem;
  right: 0.3125rem; }
  #alle_maten #BUTTON_maten {
    box-shadow: rgba(255, 255, 255, 0.14902) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.07451) 0px 1px 1px 0px;
    color: #333333;
    cursor: pointer;
    height: 100%;
    text-shadow: white 0px 1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    perspective-origin: 1.9375rem 1.0625rem;
    transform-origin: 1.9375rem 1.0625rem;
    background: white linear-gradient(white 0px, #e0e0e0 100%) repeat-x scroll 0% 0%/auto padding-box border-box;
    border: 1px solid #cccccc;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    font: normal normal normal normal 10px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
    outline: #333333 none 0px;
    padding: 0.1875rem 0.375rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.mail_ins {
  background-repeat: no-repeat;
  background-position: left top;
  width: 12.1875rem;
  height: 2.875rem;
  position: relative;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain; }

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

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

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

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

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

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

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

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

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

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

.add_outline {
  outline: magenta dotted thick; }

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

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

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

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

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

#loading {
/*   background-image: url(loading.gif); */
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  height: 75px;
  width: 75px;
  position: absolute;
  z-index: 999999999;
  top: 50%;
  left: 50%;
  margin-top: -3.125rem;
  margin-left: -3.125rem;
  visibility: hidden;
  font-size: 100pt;
  display: none; }
  #loading i{
	  font-size: 35pt;
	  line-height: 75px;
  }
  #loading #loadingextra {
    width: 1.875rem;
    height: 1.875rem;
    position: absolute;
    left: 1.875rem;
    bottom: -1.875rem;
    font-family: Arial;
    font-size: 1.375rem;
    font-weight: bold;
    text-align: center;
    color: white; }
#form-main-container {
  position: fixed;
  z-index: 888888;
  right: 6.25rem;
  top: 59.375rem;
  width: 25rem;
  font-size: 0.8125rem;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-shadow: 0.125rem 0.125rem 0.75rem black;
  -moz-box-shadow: 0.125rem 0.125rem 0.75rem black;
  box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.25); }
  #form-main-container h1 {
    margin: 0rem;
    padding: 0rem; }
  #form-main-container h2, #form-main-container h3, #form-main-container p, #form-main-container quote, #form-main-container small, #form-main-container form, #form-main-container input, #form-main-container ul, #form-main-container li, #form-main-container ol, #form-main-container label {
    margin: 0rem;
    padding: 0rem; }
  #form-main-container #form-container {
    background-color: #f5f5f5;
    padding: 0.9375rem;
    -moz-border-radius: 0.75rem;
    -khtml-border-radius: 0.75rem;
    -webkit-border-radius: 0.75rem;
    border-radius: 0.75rem; }
    #form-main-container #form-container td {
      white-space: nowrap; }
    #form-main-container #form-container a {
      text-decoration: none;
      outline: none; }
      #form-main-container #form-container a:visited {
        text-decoration: none;
        outline: none; }
      #form-main-container #form-container a:hover {
        text-decoration: none; }
    #form-main-container #form-container h1 {
      color: #777777;
      font-size: 0.9375rem;
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 0.3125rem; }
    #form-main-container #form-container h2 {
      font-weight: normal;
      font-size: 0.625rem;
      text-transform: uppercase;
      color: #aaaaaa;
      margin-bottom: 0.9375rem;
      border-bottom: 0.0625rem solid #eeeeee;
      margin-bottom: 0.9375rem;
      padding-bottom: 0.625rem; }
    #form-main-container #form-container label {
      text-transform: uppercase;
      font-size: 0.625rem;
      font-family: Tahoma, Arial, Sans-serif;
      font-weight: bold; }
    #form-main-container #form-container textarea {
      color: #404040;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.75rem;
      padding: 0.25rem 0.375rem 0.25rem 0.375rem;
      margin: 0.625rem 0rem;
      width: 95%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    #form-main-container #form-container td > button {
      text-indent: 0.5rem; }
    #form-main-container #form-container input[type="text"] {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.75rem;
      line-height: 1.125rem;
      vertical-align: middle;
      height: 1.375rem;
      color: #404040;
      border: none;
      padding: 0.25rem 0.3125rem 0.25rem 0.375rem;
      margin: 0.625rem 0.3125rem 0rem 0rem;
      width: 95%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    #form-main-container #form-container select {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 0.75rem;
      line-height: 1.125rem;
      vertical-align: middle;
      height: 1.375rem;
      border: none;
      padding: 0.25rem 0.375rem 0.25rem 0.375rem;
      margin: 0.625rem 0rem 0rem 0rem; }

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

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

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

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

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

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

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

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

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

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

.portView {
  position: absolute;
  height: 6.25rem;
  width: 90%;
  bottom: 0.625rem;
  left: 5%;
  overflow: hidden;
  z-index: 100; }

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

.sfeerThumb {
  width: 7.5rem;
  height: calc(100% - 18px);
  display: inline-block;
  margin: 5px;
  border: 1px solid #fff;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center bottom;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: hand;
  cursor: pointer; }

.activesfeerThumb {
  border: 0.25rem solid #f55; }

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

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

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

.matrixPage .gsfeer_control_container {
  height: 3.75rem; }

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

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

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

.gsfeer_submit {
  display: inline-block;
  width: 11.25rem;
  height: 1.875rem;
  text-align: center;
  background-size: auto 100%;
  -moz-border-radius: 0.3125rem;
  -webkit-border-radius: 0.3125rem;
  border-radius: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
  border-radius: 0.3125rem;
  font-family: "Roboto-Black";
  font-weight: bold;
  font-size: 0.8rem;
  line-height: 1.875rem;
  color: white;
  position: absolute;
  top: 3.75rem;
  left: 3.75rem; }
  .gsfeer_submit table {
    border-spacing: 0.1875rem !important;
    border-collapse: separate !important; }
    .gsfeer_submit table td {
      padding: 0.375rem !important; }
  .gsfeer_submit .brand_cell, .gsfeer_submit .serie_cell {
    text-align: left;
    font-family: "Roboto-Black";
    font-weight: bold;
    font-size: 0.7rem; }

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

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

.panel_portView {
  position: fixed;
  z-index: 999999;
  top: 0px;
  left: 0;
  height: 264px;
  width: 100%;
  background-color: #30383B;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.panel_ThumbContainer {
  white-space: nowrap;
  position: absolute;
  height: 90%;
  width: 100%;
  top: 1%;
  left: 0px;
  text-align: center;
  list-style: none; }

.panelThumb {
  width: 7.5rem;
  height: 100%;
  display: inline-block;
  margin: 0 0.6875rem;
  border: 0.0625rem solid #fff;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: left top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: hand;
  cursor: pointer; }

.previous_panel,
.previous_sfeer {
  position: fixed;
  z-index: 9999999;
  top: 0;
  left: 0;
  height: 264px;
  width: 60px;
/*   background-image: url("../images/site/panel_l.png"); */
    background: #464646;
    text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer; }

#resultaten {
  text-align: center;
  font-family: "Roboto-Black";
  color: white;
  font-weight: normal;
  font-size: 0.9rem;
  line-height: 1.875rem; }

.next_panel,
.next_sfeer {
  position: fixed;
  z-index: 999999;
  top: 0;
  right: 0;
  height: 264px;
  width: 60px;
/*   background-image: url("../images/site/panel_r.png"); */
    background: #464646;
    text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 2rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: pointer; }

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

#rotating-panel-item-wrapper {
/*   z-index: 5; */
  width: 100%;
  height: calc(100% - 170px);
  top: 230px;
  right: 0;
  position: absolute;
  background-color: #000; }

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

.activepanelThumb {
  border: 4px solid #f55; }

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

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

.exit-sfeer {
  position: fixed;
  z-index: 9999999;
  bottom: 50%;
  height: 3.75rem;
  width: 3.75rem;
  font-size: 35pt;
  line-height: 70px;
/*
  background-image: url("../images/site/close-icon.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-filter: drop-shadow(5px 0.3125rem 0.3125rem #222222);
  filter: drop-shadow(5px 0.3125rem 0.3125rem #222);
*/
}

#sfeer_count {
  position: absolute;
  bottom: -40px;
  left: 14px;
  text-align: center;
  font-family: "Roboto-Black";
  color: white;
  font-weight: normal;
  font-size: 0.9rem;
  line-height: 30px; }

#popup_sizes {
  display: none;
  box-shadow: rgba(0, 0, 0, 0.49804) 0px 5px 15px 0px;
  box-sizing: border-box;
  color: #333333;
  left: 280px;
  max-width: 800px;
  min-height: 100px;
  min-width: 200px;
  position: absolute;
  bottom: 332px;
  width: 453px;
  z-index: 900;
  perspective-origin: 226.5px 251.5px;
  transform-origin: 226.5px 251.5px;
  background: white none repeat scroll 0% 0%/auto padding-box padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px 6px 6px 6px;
  font: normal normal normal normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  outline: #333333 none 0px; }
  #popup_sizes * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  #popup_sizes #DIV_2 {
    box-sizing: border-box;
    color: #333333;
    cursor: move;
    height: 56px;
    min-height: 16.42857px;
    width: 100%;
    perspective-origin: 225.5px 28px;
    transform-origin: 225.5px 28px;
    border-top: 0px none #333333;
    border-right: 0px none #333333;
    border-bottom: 1px solid #e5e5e5;
    border-left: 0px none #333333;
    font: normal normal normal normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    outline: #333333 none 0px;
    padding: 15px; }
    #popup_sizes #DIV_2 #BUTTON_3 {
      cursor: pointer;
      display: block;
      float: right;
      height: 21px;
      opacity: 0.2;
      text-shadow: white 0px 1px 0px;
      width: 11.6875px;
      z-index: 0;
      perspective-origin: 5.84375px 10.5px;
      transform-origin: 5.84375px 10.5px;
      background: transparent none repeat scroll 0% 0%/auto padding-box border-box;
      border: 0px none black;
      font: normal normal bold normal 21px/21px "Helvetica Neue", Helvetica, Arial, sans-serif;
      padding: 0px; }
    #popup_sizes #DIV_2 #H4_4 {
      box-sizing: border-box;
      color: #23418c;
      cursor: move;
      height: 25px;
      width: 100%;
      perspective-origin: 210.5px 12.5px;
      transform-origin: 210.5px 12.5px;
      border: 0px none #428bca;
      font: normal normal 500 normal 18px/25.71429px "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 0px;
      outline: #428bca none 0px; }
  #popup_sizes #DIV_5 {
    box-sizing: border-box;
    color: #333333;
    position: relative;
    width: 100%;
    perspective-origin: 225.5px 178px;
    transform-origin: 225.5px 178px;
    border: 0px none #333333;
    font: normal normal normal normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    outline: #333333 none 0px;
    padding: 20px; }
    #popup_sizes #DIV_5 #TABLE_6 {
      border-collapse: collapse;
      box-sizing: border-box;
      color: #333333;
      max-width: 100%;
      width: 100%;
      perspective-origin: 205.5px 148px;
      transform-origin: 205.5px 148px;
      border-spacing: 0px 0px;
      font: normal normal normal normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 0px 0px 20px;
      outline: #333333 none 0px; }
      #popup_sizes #DIV_5 #TABLE_6 #THEAD_7 {
        border-collapse: collapse;
        box-sizing: border-box;
        color: #333333;
        height: 37px;
        width: 100%;
        perspective-origin: 205.5px 18.5px;
        transform-origin: 205.5px 18.5px;
        border: 0px none gray;
        font: normal normal normal normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
        outline: #333333 none 0px; }
        #popup_sizes #DIV_5 #TABLE_6 #THEAD_7 #TR_8 {
          border-collapse: collapse;
          box-sizing: border-box;
          color: #333333;
          height: 37px;
          vertical-align: middle;
          width: 100%;
          perspective-origin: 205.5px 18.5px;
          transform-origin: 205.5px 18.5px;
          border: 0px none gray;
          font: normal normal normal normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
          outline: #333333 none 0px; }
          #popup_sizes #DIV_5 #TABLE_6 #THEAD_7 #TR_8 #TH_10, #popup_sizes #DIV_5 #TABLE_6 #THEAD_7 #TR_8 #TH_11 {
            border-collapse: collapse;
            box-sizing: border-box;
            color: #333333;
            height: 37px;
            text-align: left;
            vertical-align: bottom;
            width: 100px;
            perspective-origin: 64.5px 18.5px;
            transform-origin: 64.5px 18.5px;
            border-top: 0px none #333333;
            border-right: 0px none #333333;
            border-bottom: 2px solid #dddddd;
            border-left: 0px none #333333;
            font: normal normal bold normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
            outline: #333333 none 0px;
            padding: 8px; }
      #popup_sizes #DIV_5 #TABLE_6 #TBODY_13 {
        border-collapse: collapse;
        box-sizing: border-box;
        color: #333333;
        height: 259px;
        width: 100%;
        perspective-origin: 205.5px 129.5px;
        transform-origin: 205.5px 129.5px;
        border: 0px none gray;
        font: normal normal normal normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
        outline: #333333 none 0px; }
        #popup_sizes #DIV_5 #TABLE_6 #TBODY_13 .TR_34 {
          border-collapse: collapse;
          box-sizing: border-box;
          color: #333333;
          height: 37px;
          vertical-align: middle;
          width: 100%;
          perspective-origin: 205.5px 18.5px;
          transform-origin: 205.5px 18.5px;
          border: 0px none gray;
          font: normal normal normal normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
          outline: #333333 none 0px; }
          #popup_sizes #DIV_5 #TABLE_6 #TBODY_13 .TR_34 .TD_36, #popup_sizes #DIV_5 #TABLE_6 #TBODY_13 .TR_34 .TD_37 {
            border-collapse: collapse;
            box-sizing: border-box;
            color: #333333;
            height: 37px;
            vertical-align: top;
            width: 100px;
            perspective-origin: 64.5px 18.5px;
            transform-origin: 64.5px 18.5px;
            background: #fcf8e3 none repeat scroll 0% 0%/auto padding-box border-box;
            border-top: 1px solid #dddddd;
            border-right: 0px none #333333;
            border-bottom: 0px none #333333;
            border-left: 0px none #333333;
            font: normal normal normal normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
            outline: #333333 none 0px;
            padding: 8px; }
  #popup_sizes #DIV_49 {
    box-sizing: border-box;
    color: #333333;
    height: 74px;
    position: relative;
    text-align: right;
    width: 100%;
    perspective-origin: 225.5px 37px;
    transform-origin: 225.5px 37px;
    border-top: 1px solid #e5e5e5;
    border-right: 0px none #333333;
    border-bottom: 0px none #333333;
    border-left: 0px none #333333;
    font: normal normal normal normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 15px 0px 0px;
    outline: #333333 none 0px;
    padding: 19px 20px 20px; }
    #popup_sizes #DIV_49 #BUTTON_50 {
      box-shadow: rgba(255, 255, 255, 0.14902) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.07451) 0px 1px 1px 0px;
      color: #333333;
      cursor: pointer;
      height: 34px;
      text-shadow: white 0px 1px 0px;
      vertical-align: middle;
      white-space: nowrap;
      width: 82px;
      perspective-origin: 31px 17px;
      transform-origin: 31px 17px;
      background: white linear-gradient(white 0px, #e0e0e0 100%) repeat-x scroll 0% 0%/auto padding-box border-box;
      border: 1px solid #cccccc;
      border-radius: 4px 4px 4px 4px;
      font: normal normal normal normal 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
      outline: #333333 none 0px;
      padding: 0.375rem 0.75rem; }

#alle_maten {
  position: absolute;
  width: 6.25rem;
  height: 1.5rem;
  top: 0.1875rem;
  right: 0.3125rem; }
  #alle_maten #BUTTON_maten {
    box-shadow: rgba(255, 255, 255, 0.14902) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.07451) 0px 1px 1px 0px;
    color: #333333;
    cursor: pointer;
    height: 100%;
    text-shadow: white 0px 1px 0px;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    perspective-origin: 31px 17px;
    transform-origin: 31px 17px;
    background: white linear-gradient(white 0px, #e0e0e0 100%) repeat-x scroll 0% 0%/auto padding-box border-box;
    border: 1px solid #cccccc;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    font: normal normal normal normal 0.625rem/1rem "Helvetica Neue", Helvetica, Arial, sans-serif;
    outline: #333333 none 0px;
    padding: 0.1875rem 0.375rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.gsfeer_submit {
  display: inline-block;
  width: 17.5rem;
  height: 2.5rem;
  text-align: center;
  background-color: #fff;
  font-family: "Roboto-Black";
  font-weight: bold;
  font-size: 0.9rem;
  line-height: 2.5rem;
  color: #000;
  position: absolute;
  top: 3.375rem;
  left: 0.625rem; }
  .gsfeer_submit table {
    font-family: "Arial";
    font-weight: bold;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: left;
    width: 17.5rem;
    height: 100%;
    table-layout: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .gsfeer_submit table td {
      vertical-align: middle;
      padding-left: 0.3125rem;
      height: 1.25rem; }
    .gsfeer_submit table td:nth-child(1) {
      width: 2.5rem;
      color: #23418c;
      text-decoration: underline; }
    .gsfeer_submit table td:nth-child(2) {
      width: 5rem; }
    .gsfeer_submit table td:nth-child(3) {
      width: 2.1875rem;
      color: #23418c;
      text-decoration: underline; }
    .gsfeer_submit table .brand_cell {
      font-weight: normal;
      font-size: 0.75rem; }
    .gsfeer_submit table .serie_cell {
      font-weight: normal;
      font-size: 0.75rem; }

.search-block-container{
	width: 100%;
	margin: 0 auto 0 auto;
	padding-top: 700px;
}
	.search-block-container-left{
		float: left;
		width: calc(100% - 115px);
		padding: 30px 0;
		height: auto;
	}
	.search-block-container-left{
		margin-right: 30px;
	}
		.search-block-container h1{
			text-align: center;
			color: #fff;
			margin: 80px 0;
			font-size: 53pt;
			line-height: normal;
			text-transform: uppercase;
		}
		.search-block-container h2{
			text-align: center;
			color: #fff;
			margin: 0;
			margin-bottom: 20px;
			font-weight: 300;
			font-size: 36pt;
			text-transform: uppercase;
		}
		.search-block-container-right h2{
			margin-bottom: 50px;
		}
.search-block {
  float: left;
  margin-bottom: 20px;
  color: white;
  font-family: Roboto;
  z-index: 1;
  cursor: pointer;
  clear: both;
}
.search-block:last-child{
	margin: 0;
}
 .search-block .icon{
	 float: left;
	 width: 155px;
	 height: 155px;
	 line-height: 155px;
	 font-size: 60pt;
	 text-align: center;
	 background: #30383B;
	 position: relative;
	 z-index: 2;
 }
 .search-block .text-icon{
	 font-size: 20pt;
 }
  .search-block h1 {
	float: left;
	width: auto;
	height: 126px;
	padding: 14px 20px;
	margin: 0;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.2rem;
	text-align: left;
	background: #fff;
	color: #30383B;
	z-index: 1;
 }
  .search-block h1 span{
	  float: left;
	  clear: both;
  }
  .search-block h1 span.small{
	  font-size: 28pt;
  }
  .search-block h1 span.big{
	  font-size: 38pt;
	  font-weight: 700;
  }
.footer-block-container{
	position: absolute;
	bottom: 0;
	width: 100%;
}
.footer-block {
  float: left;
  margin-left: 50px;
  margin-bottom: 50px;
  color: white;
  font-family: Roboto;
  z-index: 1;
  cursor: pointer;
  background: #30383B;
}
.footer-block.right{
	float: right;
	margin-right: 50px;
}
 .footer-block .icon{
	 float: left;
	 width: 30px;
	 height: 30px;
	 line-height: 30px;
	 font-size: 10pt;
	 text-align: center;
 }
  .footer-block h1 {
	float: left;
	width: 150px;
	height: 20px;
	padding: 5px;
	margin: 0;
	color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.9rem;
	text-align: left;
 }
 
 
.filter-panels{
	position: absolute;
	width: auto;
	height: auto;
	margin-left: 200px;
	margin-top: 40px;
	padding-left: 40px;
	padding-bottom: 40px;
	background: #fff;
	z-index: 999;
}
.page3 .filter-panels.secondtab,
.filter-panels.filter-panels-2{
	width: 80%;
}
.filter-panels.filter-panels-hidden{
	padding: 0;
}
	.filter-panel{
		float: left;
		width: 600px;
		margin-right: 40px;
		height: 100%;
		overflow-x: hidden;
	}
	.filter-panel h1{
		text-align: center;
		color: #000;
		font-weight: normal;
		font-size: 25pt;
	}
	.filter-page-1.filter-panel-1,
	.filter-page-3.filter-panel-1,
	.filter-panel.filter-save-design{
		width: 840px;
	}
	.filter-page-1.filter-panel-1 .filter-blocks-left,
	.filter-page-1.filter-panel-1 .filter-blocks-right,
	.filter-page-3.filter-panel-1 .filter-blocks-left,
	.filter-page-3.filter-panel-1 .filter-blocks-right{
		float: left;
		width: 400px;
		overflow-x: hidden;
	}
	.hide-right-filter-blocks .filter-page-1.filter-panel-1,
	.hide-right-filter-blocks .filter-page-1.filter-panel-2{
		width: 400px;
	}
	.hide-right-filter-blocks .filter-blocks-right{
		display: none;
	}
	.filter-page-1.filter-panel-1 .filter-blocks-left,
	.filter-page-3.filter-panel-1 .filter-blocks-left{
		margin-right: 40px;
	}
	.page3 .filter-panel.filter-panel-1,
	.page3 .filter-panel.filter-panel-2{
		width: 300px;
	}
	.page3 .filter-panel,
	.filter-panels.filter-panels-2 .filter-panel{
		width: calc(100% - 40px);
	}
	.filter-panel-2{
		display: none;
		width: 860px;
/* 		padding-left: 20px; */
		overflow: hidden;
	}
		.filter-panel h2{
			float: left;
			width: calc(100% - 16px);
			line-height: 30px;
			padding: 0px 8px;
			color: #fff;
			font-weight: 700;
			font-size: 13pt;
			text-transform: uppercase;
			padding-left: 15px;
		}
		.item-container{
			float: left;
			width: 100%;
			overflow-x: hidden;
			overflow-y: auto;
		}
		.color-container{
			width: calc(50% - 50px);
			margin-right: 50px;
			margin-left: 15px;
		}
		.color-container-fullwidth{
			width: calc(100% - 50px);
		}
		.material-container{
			width: calc(50% - 50px);
		}
		.color-container.inactive,
		.material-container.inactive{
/* 			color: #ccc; */
		}
		.filter-block{
			float: left;
			width: calc(100% - 2px);
			border: 1px solid #000;
			margin-bottom: 30px;
		}
		.filter-panels .filter-block{
			margin-bottom: 0;
			padding-bottom: 20px;
		}
		.filter-panel-1 .item-container{
/* 			max-height: 240px; */
		}
		.filter-panel-2 .item-container{
/* 			max-height: 700px; */
		}
			.size-container-wrapper{
				float: left;
				width: calc(33% - 10px);
				margin-right: 11px;
			}
			.size-container-type:last-child{
				margin-right: 0;
			}
			.filter-block-item{
				float: left;
				width: 100%;
				margin-top: 9px;
				font-size: 12pt;
				line-height: 19pt;
				cursor: pointer;
				border-bottom: 1px solid;
				font-weight: normal;
			}
			.filter-block-item.active{
				font-weight: bolder;
				width: calc(100% - 2px);
			}
			.filter-block-item.style{
			    width: auto;
			    border: none;
			    margin-right: 15px;
			    padding-left: 5px;
			}
			.filter-block-item.switch-filter-type{
				height: 31px;
				line-height: 31px;
				text-transform: uppercase;
				font-weight: 700;
				background: #fff;
				text-align: center;
			}
			.filter-block-item.type,
			.filter-block-item.size-type{
				width: 100%;
			}
			.filter-block-item.type{
				width: auto;
				border: none;
			}
			.filter-block-item.size-type{
				width: calc(33% - 6px);
				margin-right: 11px;
				border: none;
			}
			.filter-block-item.size-type .icon{
				float: left;
				width: 23px;
				height: 10px;
				margin: 4px;
				background: #fff;
			}
			.filter-block-item.size-type .icon.icon-square{
				height: 23px;
			}
			.filter-block-item.size-type .icon.icon-rectangle{
				height: 11px;
				margin-top: 10px;
			}
			.filter-block-item.size-type .icon.icon-strip{
				height: 6px;
				margin-top: 13px;
			}
			.filter-block-item.type:last-child,
			.filter-block-item.size-type.strip{
				margin-right: 0;
			}
			.filter-block-item.size{
				width: 100%;
			}
/*
			.filter-block-item.size:nth-child(2n){
				margin-right: 0;
			}
*/
			.filter-block-item.space-block{}
			.filter-block-item.space-block{
				width: calc(50% - 1.5px);
				margin-right: 3px;
				text-align: center;
			}
			.filter-block-item.space-block.active{
				width: calc(50% - 3.5px);
			}
			.filter-block-item.space-block:nth-child(2n+1){
				margin-right: 0;
			}
				.filter-block-item.space-block img{
					height: 80px;
					padding: 10px;
				}
				.filter-block-item.space-block span{
					float: left;
					width: calc(100% - 5px);
					padding: 3px 0;
					padding-left: 5px;
					text-transform: uppercase;
					background: #fff;
					color: #30383B;
				}
				.filter-block-item p,
				.filter-block-item .filter-block-item-name{
					font-weight: 700;
				}
				.filter-block-item .filter-block-item-name{
					float: left;
					padding: 3px 0;
					width: auto;
					padding-left: 5px;
					text-transform: uppercase;
					font-weight: normal;
				}
				.filter-block-item.active .filter-block-item-name{
					font-weight: bolder;
				}
				.filter-block-item.type .filter-block-item-name{
					font-weight: bolder;
				}
				.alternative-sizes .filter-block-item.size.active .filter-block-item-name{
					font-weight: normal;
				}
				.alternative-sizes .filter-block-item.size.active .counter{
					font-weight: normal;
				}
				.alternative-sizes .filter-block-item.size{
					cursor: default;
				}
				.filter-block-item.material .filter-block-item-name{
					width: calc(100% - 55px);
				}
				.filter-block-item .filter-block-item-background{
					display: none;
					float: left;
					width: 40px;
					height: 31px;
				}
				.filter-block-item.style > *{
					float: left;
				}
				.filter-block-item.style input{
					margin-top: 9px;
				}
				.filter-block-item.style .filter-block-item-name{
					width: auto;
				}
/*
				.filter-block-item.color .filter-block-item-name{
					width: calc(100% - 79px);
				}
*/
				.filter-block-item.size .filter-block-item-name{
					width: calc(100% - 55px);
				}
				.filter-block-item .color-display{
					float: left;
					width: 24px;
					height: 24px;
				}
				.filter-block-item .counter{
					width: 50px;
					height: 31px;
					line-height: 31px;
					margin-left: 5px;
					text-align: center;
				}
				.filter-block-item .filter-dealer-item{
					display: block;
					clear: both;
					margin: 5px 10px;
				}
					.filter-block-item .filter-dealer-item input{
						color: #000;
					}
			.filter-block.filter-block-dealer{
				display: none;
			}
		.joint-colors-container{
			float: left;
			width: calc(100% - 20px);
			margin-top: 3px;
			padding: 10px;
			background: #717E86;
		}
			.joint-color-block{
				float: left;
				width: 30px;
				height: 30px;
				margin: 2px;
				cursor: pointer;
			}
		.trendy-wall-colors-container{
			float: left;
			width: calc(100% - 20px);
			margin-top: 3px;
			padding: 10px;
		}
			.trendy-color-block{
				float: left;
				width: calc(25% - 4px);
				height: 94px;
				margin: 2px;
				cursor: pointer;
			}
		.joint-width-container{
			float: left;
			width: 100%;
		}
			.joint-width-block{
				float: left;
				width: calc(33% - 23px);
				height: 47px;
				padding: 0 10px;
				margin-right: 5px;
				margin-top: 5px;
				cursor: pointer;
			}
			.joint-width-block:last-child{
				margin-right: 0;
			}
				.joint-width-block .icon-container{
					float: left;
					width: 60px;
				}
					.joint-width-block span.icon{
						float: left;
						width: 60px;
						margin-top: 13px;
						background: #fff;
					}
					.joint-width-block.active span.icon{
						background: #95C11F;
					}
				.joint-width-block span.number{
					float: left;
					width: auto;
					text-transform: uppercase;
					color: #fff;
					font-size: 10pt;
				}
		.pattern-container{
			float: left;
			width: 100%;
			margin-top: 3px;
		}
			.pattern-container .pattern-block{
				float: left;
				width: calc(25% - 4px);
				height: 66px;
				margin: 2px;
				background: #30383B;
				background-size: 100% 100%;
				cursor: pointer;
			}
			.pattern-container .pattern-block.active{
				outline: 1px solid #fff;
			}
			.pattern-container .pattern-1{ background-image: url("../images/site/matrix-normal.png"); }
			.pattern-container .pattern-2{ background-image: url("../images/site/matrix-iso.png"); }
			.pattern-container .pattern-3{ background-image: url("../images/site/shift-normal.png"); }
			.pattern-container .pattern-4{ background-image: url("../images/site/shift-iso.png"); }
			.pattern-container .pattern-5{ background-image: url("../images/site/five-normal.png"); }
			.pattern-container .pattern-6{ background-image: url("../images/site/five-iso.png"); }
			.pattern-container .pattern-7{ background-image: url("../images/site/five-90.png"); }
			.pattern-container .pattern-8{ background-image: url("../images/site/906.png"); }
          
		.btn{
			float: left;
			width: 100%;
			padding: 4px 7px;
			margin-top: 40px;
			color: #fff;
			text-transform: uppercase;
			font-size: 10pt;
			background: #95C11F;
			cursor: pointer;
		}
		.btn-results{
			display: none;
		}
		.btn.btn-show-tile{
			float: none;
			margin: 7px auto;
			width: 170px;
			font-size: 14pt;
			font-weight: 700;
			background: #fff;
		}
		.btn.btn-white{
			margin-top: 7px;
			background: #fff;
			font-weight: 700;
		}
	.filter-panel-chooser{
		float: left;
		width: 0;
		height: 0;
		margin-top: 30px;
		overflow: visible;
	}
		.filter-panel-chooser-item,
		.attribute-layers-chooser-toggle,
		.toggle-info-panel,
		.toggle-save-panel{
			float: left;
			width: 75px;
			height: 75px;
			margin-bottom: 8px;
			clear: both;
			text-align: center;
			background: #30383B;
			cursor: pointer;
		}
		.filter-panel-chooser-item.active,
		.attribute-layers-chooser-toggle.active,
		.toggle-info-panel.active,
		.toggle-save-panel.active{
			background: rgba(0, 0, 0, 0.7);
		}
			.filter-panel-chooser-item .icon,
			.attribute-layers-chooser-toggle .icon,
			.toggle-info-panel .icon,
			.toggle-save-panel .icon{
				line-height: 75px;
				color: #fff;
				font-size: 25pt;
			}
			.filter-panel-chooser-item .icon-active,
			.filter-panel-chooser-item.active .icon{
				display: none;
			}
			.filter-panel-chooser-item.active .icon-active{
				color: #fff;
				display: block;
			}
			.filter-panel-chooser-item-description{
				display: none !important;
				margin-left: 75px;
				margin-top: -75px;
				width: 282px;
				height: 57px;
				line-height: 57px;
				padding: 7px;
				border: 2px solid #30383B;
				text-transform: uppercase;
				font-size: 17pt;
				font-weight: 700;
				text-align: left;
				background: #fff;
			}
			.filter-panels-hidden .filter-panel-chooser-item-description{
				display: block;
			}
			.filter-panel-chooser-item .choose-types{
				float: left;
				width: 0;
				height: 0;
				margin-left: 75px;
				margin-top: -75px;
				overflow: visible;
			}
				.filter-panel-chooser-item .choose-type{
					display: none;
					float: left;
					clear: both;
					height: 36px;
					width: 100px;
					line-height: 36px;
					padding-left: 5px;
					padding-right: 20px;
					margin-bottom: 3px;
					text-transform: uppercase;
					color: #fff;
					background: rgba(0, 0, 0, 0.7);
				}
				.filter-panel-chooser-item .choose-type.active{
					background: #95C11F;
				}
				.filter-panel-chooser-item.active .choose-type{
					display: block;
				}

.filter-panel-navigation{
    float: left;
    width: calc(100% - 16px);
    padding: 5px 8px;
    margin-top: 30px;
    color: #fff;
    background: #30383B;
    font-weight: 700;
    font-size: 13pt;
    text-transform: uppercase;
}
.filter-panel-navigation .previous{
	display: none;
	float: left;
}
.filter-panel-navigation .go-to-home{
	float: right;
}
.filter-panel-navigation span{
	margin-right: 5px;
}
.icon-btn{
	float: left;
	clear: both;
	width: 100%;
	margin-top: 30px;
}
	.icon-btn .icon{
	    float: left;
	    width: 50px;
	    height: 50px;
	    font-size: 25pt;
	    background: #30383B;
	    line-height: 50px;
	    text-align: center;
	    color: #fff;
	    font-size: 15pt;
	}
	.icon-btn .icon-description-fixed{
		display: none;
		float: left;
		width: auto;
		height: 50px;
		padding: 0 10px;
		font-size: 14pt;
		line-height: 50px;
		text-transform: uppercase;
		font-weight: 700;
		background: #fff;
	}
	.icon-btn .icon-description-fixed{
		display: block;
		width: calc(100% - 74px);
	}
	
.info-table{
	float: left;
	width: 100%;
}
	.info-table li{
		list-style: none;
	}
	.table-header{
		float: left;
		width: calc(100% - 6px);
		height: 17px;
		padding: 3px;
		margin-bottom: 3px;
		background: #717E86;
	}
	.tile-info-label,
	.tile-info-value{
		float: left;
		height: 25px;
		margin-top: 9px;
		margin-right: 0;
		padding: 3px 0;
		padding-left: 5px;
		text-transform: uppercase;
		font-size: 12pt;
		line-height: 19pt;
		overflow: hidden;
	}
	
.matrixPage .filter-panels{
	margin-left: 0;
}
.matrixPage .container{
	top: 212px;
}
.results-count{
	text-align: center;
	margin-bottom: 10px;
}
.input-fullwidth{
	float: left;
	width: 100%;
	margin: 9px 0;
    line-height: 40px;
    font-size: 12pt;
    text-transform: uppercase;
    text-align: center;
}
.btn.send-mail{
	margin-top: 0;
}
/*# sourceMappingURL=style.css.map */

html, body{
	width: 1080px;
	height: 1920px;
	min-height: 0;
	overflow: hidden;
}

.footer-slider{
	display: none;
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 250px;
    background: #fff;
}
.footer-slider .slider{
	height: 100%;
	width: 100%;
}
.slider-inner{
    float: left;
    position: relative;
    width: calc(100% - 268px);
    overflow: hidden;
    height: 60px;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.slider-inner ul{
	width: 5000%;
}
.slider .slide-left {
    float: left;
    background: #464646;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    height: 100%;
    width: 60px;
    top: auto;
    text-align: center;
}
.slider .slide-left i,
.previous_panel i,
.previous_sfeer i {
    padding: 108px 8px 23px 5px;
    font-size: 25pt;
    color: #fff;
}
.slider .slide-right {
    float: right;
    display: inline-block;
    background: #464646;
    color: #fff;
    cursor: pointer;
    height: 100%;
    width: 60px;
    top: auto;
    text-align: center;
}
.slider .slide-right i,
.next_panel i,
.next_sfeer i {
    padding: 108px 8px 23px 5px;
    font-size: 25pt;
    color: #fff;
}
size-container-type{
	float: left;
	width: 100%;
}
.pagination{float:left;display:block;padding-left:0;margin-top:1rem;margin-bottom:1rem;border-radius:.25rem;font-size: 12pt;width:80px;margin:10px 70px;}
.pagination{
	display: none;
}
.pagination span{
	float: left;
	margin-right: 5px;
	text-transform: none;
}
.pagination span i{
	font-weight: bolder;
}
.controls{position:absolute; top: calc(50% - 160px);z-index: 999;}.controls ul{padding:0;margin:0}.controls ul li{float:left; clear:both;display:block;}.controls ul li a, .exit-sfeer{float:left;margin:5px 0;height:70px;text-align:center;width:70px;display:inline-block;background:#04397b;color:#fff;border:1px solid #fff;}.controls ul li a i{font-size:30pt;margin-top:20%;color:white}
.controls .control-tooltip{
	display: none;
    position: absolute;
    background: #fff;
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 8pt;
    padding: 10px;
    margin-top: 21px;
    margin-left: 25px;
    width: max-content;
    z-index: 999;
}
.controls ul li:hover .control-tooltip{
	display: inline-block;
}
.controls .control-tooltip::before{
    content: " ";
    position: absolute;
    height: 0px;
    width: 15px;
    line-height: 35px;
    margin-top: -4px;
    margin-left: -35px;
    color: #fff;
    text-align: center;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
}
.tile-info-bottom-container{
    position: absolute;
    width: 90%;
    left: 5%;
    background: #fff;
    bottom: 100px;
    z-index: 999;
}
.info-table{
    padding: 10px;
    border: 1px solid #000;
    margin: 20px;
    position: relative;
    display: block;
    width: calc(100% - 60px);
}
.tile-info span{
	display: block;
	clear: both;
	text-transform: uppercase;
	font-size: 12pt;
	margin: 8px 0;
}
.tile-info span.showroomlocation_field{
	display: none;
	clear: none;
	width: auto;
	margin-right: 20px;
	padding: 0;
	line-height: normal;
}
.tile-info span.showroomlocation_field .left-field,
.tile-info span.showroomlocation_field .right-field{
	float: left;
	width: 45%;
	font-size: 11pt;
}
.btn-available-sizes {
    width: auto;
    float: right;
    position: absolute;
    right: 40px;
    bottom: 40px;
    border-radius: 5px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
}
.filter-block-popup{
    position: absolute;
/*     bottom: 300px; */
    top: 1245px;
    right: 10%;
    background: #fff;
    width: 300px;
    padding: 30px;
    z-index: 999;
    display: none;
}
.filter-block-popup h2{
	padding: 7px 15px;
}
.filter-block-popup .popup-inner{
	float: left;
	width: calc(100% - 32px);
	border: 1px solid #000;
	border-top: none;
	padding: 15px;
}
.filter-block-popup .popup-inner h3{
    font-weight: lighter;
    font-size: 15pt;
    margin-bottom: 15px;
}
.filter-block .close{
    position: absolute;
    right: 10px;
    font-size: 12pt;
    top: 10px;
    cursor: pointer;
}
.filter-block-mail label{
	float: left;
	font-size: 9pt;
}
.filter-block-mail input.input-fullwidth{
    float: left;
    width: calc(100% - 20px);
    margin: 9px 0;
    line-height: 30px;
    font-size: 10pt;
    text-align: left;
    border: 1px solid;
    padding: 0 10px;
    text-transform: none;
}
.btn.send-mail{
    width: auto;
    float: right;
    border-radius: 5px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
}
.footer-slider .portView,
.footer-slider .sfeer_ThumbContainer{
	height: 100%;
	bottom: 0;
	margin: 0;
	padding: 0;
}
.search-block, .search-block *{
	-webkit-transition:all 1.0s ease-in-out;
	-moz-transition:all 1.0s ease-in-out;
	-o-transition:all 1.0s ease-in-out;
	transition:all 1.0s ease-in-out;
}
.search-block h1{
	transform: translateX(-100%);
}
.search-block.hover h1,
.search-block:hover h1{
	transform: translateX(0);
}
.mail-status{
	display: none;
    clear: both;
    color: green;
    font-size: 12pt;
}
.btn-start-search{
	float: right;
	width: auto;
	padding: 0 20px;
	border-radius: 5px;
}

@media screen and (min-width: 1100px){
	body{
		zoom: 2;
	}
}