@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: 1500px) {
    html {
      font-size: 62.5%; } }
  @media (max-width: 1200px) {
    html {
      font-size: 58%; } }
  @media (max-width: 760px) {
    html {
      font-size: 54%; } }

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

body {
  font-family: 'Alata';
  min-width: 320px;
  /*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: 1200px) {
    .mobile {
      display: block; } }

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative; }
  @media (max-width: 1800px) {
    .container {
      padding: 0 50px; } }
      
  
  
  /* LKH 2026 */
  .breed-header {
    background-color: #ffffff;
    width: 100%;
    height: 50px;
    position: absolute;
    z-index: 1000;
    padding-left: 40px;
  }
  .navbar-brand {
    text-indent: -9999px;
    display: inline-block;
    background: transparent url(../img/breed-logo_366x86.svg) no-repeat center center;
     background-color: #fff;
    background-size: 183px 43px;
    width: 200px;
    height: 50px;
  }

  
  

.configurator .configurator_preview {
  float: left;
  width: 50%;
  background: #fff;  /* LKH 2026 */
  /*
  background: #f6f6f6;
  background: url("../img/preview_bg.png") left 50% top 50% no-repeat #f6f6f6;
  background-size: cover;
  */
  position: relative; }
  @media (max-width: 1500px) {
    .configurator .configurator_preview {
      width: 50%; } }
  @media (max-width: 1200px) {
    .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: 40px;
    font-weight: bold;
    color: #666;
    width: 100%;
    text-align: center; }
    @media (max-width: 1200px) {
      .configurator .configurator_preview .configurator_preview_hint {
        font-size: 20px; } }
  .configurator .configurator_preview .configurator_preview_content {
    display: none; }
  .configurator .configurator_preview .configurator_preview_title {
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
    width: 100%;
    text-align: center;
    padding: 50px 0; }
    @media (max-width: 1200px) {
      .configurator .configurator_preview .configurator_preview_title {
        font-size: 20px;
        padding: 30px; } }
  .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: 100; }
  .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;
    z-index: 100; }
  .configurator .configurator_preview .configurator_preview_images {
    padding: 0 100px; }
    @media (max-width: 340px) {
      .configurator .configurator_preview .configurator_preview_images {
        height: 250px; } }
  .configurator .configurator_preview .configurator_preview_image {
    overflow: auto; }
    .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; }
      .configurator .configurator_preview .configurator_preview_image .configurator_preview_image_left img, .configurator .configurator_preview .configurator_preview_image .configurator_preview_image_right img {
        width: 70%; }
    .configurator .configurator_preview .configurator_preview_image .configurator_preview_image_title {
      font-size: 18px;
      font-weight: bold;
      text-transform: uppercase;
      color: #666;
      text-align: center;
      padding-bottom: 20px; }
.configurator .configurator_config {
  position: relative;
  float: left;
  width: 50%;
  min-height: 600px;
  padding: 50px; }
  @media (max-width: 1500px) {
    .configurator .configurator_config {
      width: 50%; } }
  @media (max-width: 1200px) {
    .configurator .configurator_config {
      float: none;
      width: 100%;
      padding: 40px 20px; } }
  .configurator .configurator_config h1 {
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
    text-align: center; }
    @media (max-width: 1200px) {
      .configurator .configurator_config h1 {
        font-size: 20px; } }
  .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; }
    @media (max-width: 1200px) {
      .configurator .configurator_config h2 {
        font-size: 16px; } }
  .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; }
      @media (max-width: 340px) {
        .configurator .configurator_config .configurator_config_type .configurator_config_type_items {
          height: auto; } }
      .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 {
          margin-right: 0;
          margin-left: 10px; }
        @media (max-width: 1200px) {
          .configurator .configurator_config .configurator_config_type .configurator_config_type_items .configurator_config_type_item {
            font-size: 14px;
            padding: 0 20px 0 60px; } }
        @media (max-width: 760px) {
          .configurator .configurator_config .configurator_config_type .configurator_config_type_items .configurator_config_type_item {
            /*font-size:13px;
            padding:0 20px 0 50px;*/ } }
        @media (max-width: 340px) {
          .configurator .configurator_config .configurator_config_type .configurator_config_type_items .configurator_config_type_item {
            /*font-size:13px;
            padding:0 20px 0 50px;*/
            width: 100%;
            margin: 0 0 10px 0; }
            .configurator .configurator_config .configurator_config_type .configurator_config_type_items .configurator_config_type_item:last-child {
              margin: 0 0 10px 0; } }
        .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; }
          @media (max-width: 1200px) {
            .configurator .configurator_config .configurator_config_type .configurator_config_type_items .configurator_config_type_item.color {
              background: url("../img/config_type_color.png") left 10px top 50% no-repeat #f6f6f6;
              background-size: 40px 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; }
          @media (max-width: 1200px) {
            .configurator .configurator_config .configurator_config_type .configurator_config_type_items .configurator_config_type_item.effect {
              background: url("../img/config_type_effect.png") left 10px top 50% no-repeat #f6f6f6;
              background-size: 40px 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; }
      @media (max-width: 340px) {
        .configurator .configurator_config .configurator_config_type .configurator_config_type_dropdown {
          top: 300px; } }
      .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: 14px;
        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; }
        @media (max-width: 340px) {
          .configurator .configurator_config .configurator_config_type .configurator_config_type_dropdown .configurator_config_type_dropdown_item {
            width: 100%; } }
        .configurator .configurator_config .configurator_config_type .configurator_config_type_dropdown .configurator_config_type_dropdown_item .configurator_config_type_dropdown_item_image {
          background-size: cover;
          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); }
          @media (max-width: 1200px) {
            .configurator .configurator_config .configurator_config_type .configurator_config_type_dropdown .configurator_config_type_dropdown_item .configurator_config_type_dropdown_item_image {
              top: calc(50% - 18px);
              left: 14px;
              width: 36px;
              height: 36px;
              border-radius: 18px; } }
        .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); }
          @media (max-width: 1200px) {
            .configurator .configurator_config .configurator_config_type .configurator_config_type_dropdown .configurator_config_type_dropdown_item .configurator_config_type_dropdown_item_color {
              top: calc(50% - 18px);
              left: 14px;
              width: 36px;
              height: 36px;
              border-radius: 18px; } }
          .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 50px 0 100px;
          line-height: 20px;
          vertical-align: center;
          align-content: center; }
          @media (max-width: 1200px) {
            .configurator .configurator_config .configurator_config_type .configurator_config_type_dropdown .configurator_config_type_dropdown_item .configurator_config_type_dropdown_item_label {
              padding: 0 50px 0 60px;
              line-height: 14px;
              font-size: 12px; } }
        .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;
      margin-bottom: 20px;
      float: left; }
      .configurator .configurator_config .configurator_config_options .configurator_config_options_select:nth-child(even) {
        margin-right: 0px;
        margin-left: 10px; }
      @media (max-width: 1200px) {
        .configurator .configurator_config .configurator_config_options .configurator_config_options_select {
          float: none;
          width: 100%;
          margin: 0px 0px 20px 0px !important; } }
      .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; }
        .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_img {
            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);
            background-size: cover; }
          .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_value .configurator_config_options_select_dropdown_item_img {
            display: none; }
          .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; }

.configurator_preview_send {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 60px;
  width: 100%;
  height: 80px;
  font-size: 14px;
  line-height: 17px;
  padding: 0 40px;
  color: #666; }
  .configurator_preview_send a {
    display: inline-block;
    background: #dfdfdf;
    line-height: 40px;
    height: 40px;
    text-decoration: none;
    padding: 0 40px; }
    .configurator_preview_send a:hover {
      background: #f6f6f6; }

.configurator_preview_disclaimer {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  font-size: 14px;
  line-height: 17px;
  padding: 0 40px;
  color: #666; }
  @media (max-width: 1200px) {
    .configurator_preview_disclaimer {
      font-size: 10px;
      line-height: 12px; } }

.configurator_config_options_selects_note {
  float: none;
  clear: both;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  margin-bottom: 10px; }

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