@font-face {
  font-family: 'Sweet Sans Pro';
  src: url("../fonts/SweetSansPro-Light.woff2") format("woff2"), url("../fonts/SweetSansPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Sweet Sans Pro';
  src: url("../fonts/SweetSansPro-Bold.woff2") format("woff2"), url("../fonts/SweetSansPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Sweet Sans Pro';
  src: url("../fonts/SweetSansPro-Regular.woff2") format("woff2"), url("../fonts/SweetSansPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Sweet Sans Pro';
  src: url("../fonts/SweetSansPro-Thin.woff2") format("woff2"), url("../fonts/SweetSansPro-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Sweet Sans Pro';
  src: url("../fonts/SweetSansPro-Medium.woff2") format("woff2"), url("../fonts/SweetSansPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
  font-size: 62.5%; }
  @media (max-width: 1800px) {
    html {
      font-size: 62.5%; } }
  @media (max-width: 1400px) {
    html {
      font-size: 62.5%; } }
  @media (max-width: 1160px) {
    html {
      font-size: 58%; } }
  @media (max-width: 1080px) {
    html {
      font-size: 54%; } }

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none; }

body {
  font-family: 'Alata';
  min-width: 400px;
  /*overflow:hidden;*/
  background: #fff;
  color: #000; }
  body * {
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    /*-webkit-user-select: none;*/
    -webkit-tap-highlight-color: transparent; }

.mobile {
  display: none; }
  @media (max-width: 1160px) {
    .mobile {
      display: block; } }

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative; }
  @media (max-width: 1800px) {
    .container {
      padding: 0 50px; } }

.configurator .configurator_preview {
  float: left;
  width: 60%;
  background: #f6f6f6;
  background: url("../img/preview_bg.png") left 50% top 50% no-repeat #f6f6f6;
  background-size: cover;
  position: relative;
  padding: 50px 0; }
  @media (max-width: 1700px) {
    .configurator .configurator_preview {
      width: 50%; } }
  @media (max-width: 1400px) {
    .configurator .configurator_preview {
      width: 50%; } }
  @media (max-width: 1160px) {
    .configurator .configurator_preview {
      float: none;
      width: 100%; } }
  .configurator .configurator_preview .configurator_preview_hint {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 30px;
    font-weight: bold;
    color: #666;
    width: 100%;
    text-align: center; }
  .configurator .configurator_preview .configurator_preview_content {
    display: none; }
  .configurator .configurator_preview .configurator_preview_images {
    padding: 0 100px; }
  .configurator .configurator_preview .configurator_preview_title {
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
    width: 100%;
    text-align: center;
    margin-bottom: 50px; }
  .configurator .configurator_preview .configurator_preview_prev {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    background: url("../img/preview_prev.png") left 50% top 50% no-repeat;
    background-size: 30px auto;
    z-index: 10;
    cursor: pointer; }
  .configurator .configurator_preview .configurator_preview_next {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    background: url("../img/preview_next.png") left 50% top 50% no-repeat;
    background-size: 30px auto;
    cursor: pointer;
    z-index: 10; }
  .configurator .configurator_preview .configurator_preview_image {
    overflow: auto;
    cursor: pointer; }
    .configurator .configurator_preview .configurator_preview_image .configurator_preview_image_left, .configurator .configurator_preview .configurator_preview_image .configurator_preview_image_right {
      width: 50%;
      height: 100%;
      float: left;
      text-align: center;
      /*position:relative;*/ }
      .configurator .configurator_preview .configurator_preview_image .configurator_preview_image_left img, .configurator .configurator_preview .configurator_preview_image .configurator_preview_image_right img {
        /*@include vertical-center;*/
        width: 80%;
        cursor: pointer; }
    .configurator .configurator_preview .configurator_preview_image .configurator_preview_image_title {
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      color: #666;
      text-align: center; }
.configurator .configurator_config {
  position: relative;
  float: left;
  width: 40%;
  min-height: 600px;
  padding: 50px; }
  @media (max-width: 1700px) {
    .configurator .configurator_config {
      width: 50%; } }
  @media (max-width: 1400px) {
    .configurator .configurator_config {
      width: 50%; } }
  @media (max-width: 1160px) {
    .configurator .configurator_config {
      float: none;
      width: 100%; } }
  .configurator .configurator_config h1 {
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
    text-align: center; }
  .configurator .configurator_config h2 {
    font-size: 18px;
    font-weight: bold;
    color: #666;
    border-bottom: 5px solid #9ac440;
    padding: 15px 0;
    text-align: center;
    margin-bottom: 40px; }
  .configurator .configurator_config .configurator_config_type {
    position: relative;
    padding: 20px 0; }
    .configurator .configurator_config .configurator_config_type .configurator_config_type_items {
      overflow: auto;
      height: 74px; }
      .configurator .configurator_config .configurator_config_type .configurator_config_type_items .configurator_config_type_item {
        float: left;
        background: #f6f6f6;
        height: 70px;
        line-height: 70px;
        padding: 0 50px 0 100px;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        color: #666;
        width: calc(50% - 10px);
        margin-right: 10px;
        border: 2px solid #f6f6f6;
        cursor: pointer; }
        .configurator .configurator_config .configurator_config_type .configurator_config_type_items .configurator_config_type_item.active, .configurator .configurator_config .configurator_config_type .configurator_config_type_items .configurator_config_type_item:hover {
          border: 2px solid #c8c8c8; }
        .configurator .configurator_config .configurator_config_type .configurator_config_type_items .configurator_config_type_item:last-child {
          width: calc(50% - 10px);
          margin-right: 0;
          margin-left: 10px; }
        .configurator .configurator_config .configurator_config_type .configurator_config_type_items .configurator_config_type_item.color {
          background: url("../img/config_type_color.png") left 30px top 50% no-repeat #f6f6f6;
          background-size: 50px auto; }
        .configurator .configurator_config .configurator_config_type .configurator_config_type_items .configurator_config_type_item.effect {
          background: url("../img/config_type_effect.png") left 30px top 50% no-repeat #f6f6f6;
          background-size: 50px auto; }
    .configurator .configurator_config .configurator_config_type .configurator_config_type_dropdown {
      position: absolute;
      top: 210px;
      left: 0;
      width: 100%;
      height: 300px;
      /*background:#fff;*/
      display: none;
      z-index: 6;
      overflow-y: scroll; }
      .configurator .configurator_config .configurator_config_type .configurator_config_type_dropdown .configurator_config_type_dropdown_item {
        position: relative;
        float: left;
        background: #f6f6f6;
        height: 70px;
        line-height: 70px;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        color: #666;
        width: calc(50%);
        border-top: 2px solid #f6f6f6;
        border-left: 2px solid #f6f6f6;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        cursor: pointer;
        background: #f6f6f6;
        background-size: 50px auto; }
        .configurator .configurator_config .configurator_config_type .configurator_config_type_dropdown .configurator_config_type_dropdown_item .configurator_config_type_dropdown_item_color {
          position: absolute;
          top: calc(50% - 21px);
          left: 34px;
          width: 42px;
          height: 42px;
          border-radius: 21px;
          box-shadow: 6px 7px 8px -6px rgba(0, 0, 0, 0.18); }
          .configurator .configurator_config .configurator_config_type .configurator_config_type_dropdown .configurator_config_type_dropdown_item .configurator_config_type_dropdown_item_color div {
            position: absolute;
            top: calc(50% - 8px);
            left: calc(50% - 8px);
            width: 16px;
            height: 16px;
            background: #fff;
            border-radius: 8px; }
            .configurator .configurator_config .configurator_config_type .configurator_config_type_dropdown .configurator_config_type_dropdown_item .configurator_config_type_dropdown_item_color div div {
              position: absolute;
              top: calc(50% - 1px);
              left: calc(50% - 1px);
              width: 2px;
              height: 2px;
              background: #000;
              border-radius: 1px; }
        .configurator .configurator_config .configurator_config_type .configurator_config_type_dropdown .configurator_config_type_dropdown_item .configurator_config_type_dropdown_item_label {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 70px;
          padding: 0 0 0 100px; }
        .configurator .configurator_config .configurator_config_type .configurator_config_type_dropdown .configurator_config_type_dropdown_item:hover {
          border: 2px solid #c8c8c8; }
  .configurator .configurator_config .configurator_config_options {
    display: none;
    padding: 20px 0; }
    .configurator .configurator_config .configurator_config_options .configurator_config_options_select {
      position: relative;
      width: calc(50% - 10px);
      margin-right: 10px;
      float: left; }
      .configurator .configurator_config .configurator_config_options .configurator_config_options_select:nth-child(even) {
        margin-right: 0px;
        margin-left: 10px; }
      .configurator .configurator_config .configurator_config_options .configurator_config_options_select .configurator_config_options_select_label {
        font-size: 14px;
        font-weight: bold;
        color: #666;
        margin-bottom: 10px; }
      .configurator .configurator_config .configurator_config_options .configurator_config_options_select .configurator_config_options_select_value {
        background: #f6f6f6;
        font-size: 14px;
        font-weight: bold;
        color: #666;
        height: 40px;
        line-height: 40px;
        padding: 0 30px;
        background: url("../img/dropdown_down.png") right 0 top 50% no-repeat #f6f6f6;
        background-size: 40px auto;
        cursor: pointer; }
      .configurator .configurator_config .configurator_config_options .configurator_config_options_select.active .configurator_config_options_select_value {
        background-image: url("../img/dropdown_up.png"); }
      .configurator .configurator_config .configurator_config_options .configurator_config_options_select .configurator_config_options_select_dropdown {
        display: none;
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        height: 300px;
        /*background:#fff;*/
        z-index: 5;
        overflow-y: scroll; }
        .configurator .configurator_config .configurator_config_options .configurator_config_options_select .configurator_config_options_select_dropdown .configurator_config_options_select_dropdown_item {
          position: relative;
          background: #f6f6f6;
          height: 40px;
          line-height: 40px;
          padding: 0 50px 0 70px;
          font-size: 14px;
          font-weight: bold;
          color: #666;
          border-top: 2px solid #f6f6f6;
          border-left: 2px solid #f6f6f6;
          border-right: 2px solid #fff;
          border-bottom: 2px solid #fff;
          cursor: pointer;
          /*background:url('../img/config_type_color.png') left 20px top 50% no-repeat #f6f6f6;*/
          background-size: 30px auto; }
          .configurator .configurator_config .configurator_config_options .configurator_config_options_select .configurator_config_options_select_dropdown .configurator_config_options_select_dropdown_item .configurator_config_options_select_dropdown_item_color {
            position: absolute;
            top: calc(50% - 14px);
            left: 23px;
            width: 28px;
            height: 28px;
            border-radius: 14px;
            box-shadow: 6px 7px 8px -6px rgba(0, 0, 0, 0.18); }
            .configurator .configurator_config .configurator_config_options .configurator_config_options_select .configurator_config_options_select_dropdown .configurator_config_options_select_dropdown_item .configurator_config_options_select_dropdown_item_color div {
              position: absolute;
              top: calc(50% - 5px);
              left: calc(50% - 5px);
              width: 10px;
              height: 10px;
              background: #fff;
              border-radius: 5px; }
              .configurator .configurator_config .configurator_config_options .configurator_config_options_select .configurator_config_options_select_dropdown .configurator_config_options_select_dropdown_item .configurator_config_options_select_dropdown_item_color div div {
                position: absolute;
                top: calc(50% - 1px);
                left: calc(50% - 1px);
                width: 2px;
                height: 2px;
                background: #000;
                border-radius: 1px; }
          .configurator .configurator_config .configurator_config_options .configurator_config_options_select .configurator_config_options_select_dropdown .configurator_config_options_select_dropdown_item:hover {
            border: 2px solid #c8c8c8; }
  .configurator .configurator_config .configurator_config_proceed {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #9ac440;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center; }

/*# sourceMappingURL=styles.css.map */