.lay-outer > .lay-inner {
  margin: 0 auto;
  position: relative; }

.mod-content-shop .m-size-wrapper, .mod-content-shop .m-line-wrapper {
  display: block;
  justify-content: space-between; }
  .mod-content-shop .m-size-wrapper > .m-size-color, .mod-content-shop .m-line-wrapper > .m-size-color {
    width: 20%; }
  .mod-content-shop .m-size-wrapper > .m-size-price, .mod-content-shop .m-line-wrapper > .m-size-price {
    display: flex;
    width: 31%; }
    .mod-content-shop .m-size-wrapper > .m-size-price > div, .mod-content-shop .m-line-wrapper > .m-size-price > div {
      padding: 3px;
      flex-grow: 1;
      justify-content: space-between; }
  .mod-content-shop .m-size-wrapper > .m-size-sizes, .mod-content-shop .m-line-wrapper > .m-size-sizes {
    flex-grow: 1;
    display: flex; }
    .mod-content-shop .m-size-wrapper > .m-size-sizes:after, .mod-content-shop .m-line-wrapper > .m-size-sizes:after, .mod-content-shop .m-size-wrapper > .m-size-sizes:before, .mod-content-shop .m-line-wrapper > .m-size-sizes:before {
      content: '|';
      color: #c0c0c0; }
    .mod-content-shop .m-size-wrapper > .m-size-sizes > div, .mod-content-shop .m-line-wrapper > .m-size-sizes > div {
      padding: 3px;
      flex: 1 1 40px;
      justify-content: space-between; }

.lay-outer {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 10px;
  box-sizing: border-box; }
  .lay-outer.is-fixed {
    position: fixed; }
  .lay-outer > .lay-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 1200px; }
    .lay-outer > .lay-inner > .lay-main {
      flex: 1; }
    .lay-outer > .lay-inner > .lay-footer {
      margin-top: 10px; }

.loading-indicator {
  background-color: rgba(0, 0, 0, 0.8);
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 100000;
  display: none; }
  .loading-indicator > div {
    font-size: 70px;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: relative; }
  .loading-indicator.is-shown {
    display: block; }

.mod-header,
.mod-header-shop,
.mod-header-admin {
  background-color: #121212; }
  .mod-header > .m-head,
  .mod-header-shop > .m-head,
  .mod-header-admin > .m-head {
    height: 135px;
    position: relative;
    max-width: 1200px;
    margin: 0 auto; }
    .mod-header > .m-head:before,
    .mod-header-shop > .m-head:before,
    .mod-header-admin > .m-head:before {
      content: '';
      background-image: url("img/header.png");
      background-repeat: no-repeat;
      opacity: 0.3;
      height: 100%;
      display: block; }
      @media (min-width: 768px) {
        .mod-header > .m-head:before,
        .mod-header-shop > .m-head:before,
        .mod-header-admin > .m-head:before {
          opacity: 1; } }
    .mod-header > .m-head:after,
    .mod-header-shop > .m-head:after,
    .mod-header-admin > .m-head:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 200px;
      height: 100%;
      background: linear-gradient(to right, #121212, transparent); }
    .mod-header > .m-head > .m-lookat,
    .mod-header-shop > .m-head > .m-lookat,
    .mod-header-admin > .m-head > .m-lookat {
      position: absolute;
      left: 35%;
      bottom: 0; }
      .mod-header > .m-head > .m-lookat > img,
      .mod-header-shop > .m-head > .m-lookat > img,
      .mod-header-admin > .m-head > .m-lookat > img {
        display: none; }
        @media (min-width: 1200px) {
          .mod-header > .m-head > .m-lookat > img,
          .mod-header-shop > .m-head > .m-lookat > img,
          .mod-header-admin > .m-head > .m-lookat > img {
            display: block;
            height: 95px; } }
    .mod-header > .m-head > .m-logo,
    .mod-header-shop > .m-head > .m-logo,
    .mod-header-admin > .m-head > .m-logo {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%); }
      .mod-header > .m-head > .m-logo img,
      .mod-header-shop > .m-head > .m-logo img,
      .mod-header-admin > .m-head > .m-logo img {
        height: 80px; }

.mod-header-shop .m-menu,
.mod-header-admin .m-menu {
  max-width: 1200px;
  margin: 10px auto; }
  .mod-header-shop .m-menu > ul,
  .mod-header-admin .m-menu > ul {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .mod-header-shop .m-menu > ul > li,
    .mod-header-admin .m-menu > ul > li {
      list-style: none;
      margin-bottom: 10px;
      padding: 10px 20px;
      border-radius: 10px;
      display: block;
      background-color: #555;
      color: #c0c0c0;
      text-shadow: 1px 1px 1px #000;
      text-decoration: none;
      white-space: nowrap;
      transition: all 0.3s;
      cursor: pointer; }
      .mod-header-shop .m-menu > ul > li:hover, .mod-header-shop .m-menu > ul > li:focus,
      .mod-header-admin .m-menu > ul > li:hover,
      .mod-header-admin .m-menu > ul > li:focus {
        background-color: #aaa;
        color: #000;
        text-shadow: 1px 1px 1px #c0c0c0; }
      .mod-header-shop .m-menu > ul > li.is-active,
      .mod-header-admin .m-menu > ul > li.is-active {
        background-color: #83b3db;
        color: #000;
        text-shadow: 1px 1px 1px #c0c0c0; }
      .mod-header-shop .m-menu > ul > li:not(:last-child),
      .mod-header-admin .m-menu > ul > li:not(:last-child) {
        margin-right: 10px; }
      .mod-header-shop .m-menu > ul > li > a,
      .mod-header-admin .m-menu > ul > li > a {
        color: #c0c0c0;
        text-decoration: none; }

.mod-header-admin > .m-head:before {
  background-image: url("img/headeradmin.png"); }

.mod-navigation-main {
  position: relative;
  top: 0;
  padding: 0 0 10px 0;
  z-index: 2;
  background-color: #121212; }
  @media (min-width: 768px) {
    .mod-navigation-main {
      position: sticky; } }
  .mod-navigation-main > .m-menu {
    max-width: 1200px;
    margin: 0 auto; }
    .mod-navigation-main > .m-menu > .m-main-menu {
      display: flex;
      padding: 0;
      margin: 0; }
      .mod-navigation-main > .m-menu > .m-main-menu > li {
        list-style: none;
        flex: 1;
        background: #bbb;
        border-radius: 10px;
        transition: all 0.3s;
        height: 60px; }
        @media (min-width: 768px) {
          .mod-navigation-main > .m-menu > .m-main-menu > li {
            height: 100px;
            background: #090909; } }
        .mod-navigation-main > .m-menu > .m-main-menu > li:not(:last-child) {
          margin-right: 10px; }
        .mod-navigation-main > .m-menu > .m-main-menu > li:hover, .mod-navigation-main > .m-menu > .m-main-menu > li:focus {
          background: #090909; }
          @media (min-width: 768px) {
            .mod-navigation-main > .m-menu > .m-main-menu > li:hover, .mod-navigation-main > .m-menu > .m-main-menu > li:focus {
              background: #bbb; } }
        .mod-navigation-main > .m-menu > .m-main-menu > li.is-active {
          background-color: #83b3db; }
          @media (min-width: 768px) {
            .mod-navigation-main > .m-menu > .m-main-menu > li.is-active {
              background-color: #49657c; } }
        .mod-navigation-main > .m-menu > .m-main-menu > li > a {
          color: #c0c0c0;
          text-decoration: none;
          font-size: 25px;
          display: block;
          height: 100%;
          position: relative; }
          .mod-navigation-main > .m-menu > .m-main-menu > li > a:after {
            content: '';
            display: none;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 9px;
            background: linear-gradient(to top, #000, transparent); }
          @media (min-width: 768px) {
            .mod-navigation-main > .m-menu > .m-main-menu > li > a:after {
              display: block; } }
          .mod-navigation-main > .m-menu > .m-main-menu > li > a > img {
            position: relative;
            max-height: calc(100% - 10px);
            max-width: calc(100% - 10px);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
            @media (min-width: 768px) {
              .mod-navigation-main > .m-menu > .m-main-menu > li > a > img {
                top: 10px;
                transform: translateX(-50%);
                max-height: calc(100% - 20px);
                position: absolute;
                max-width: none; } }
          .mod-navigation-main > .m-menu > .m-main-menu > li > a > span {
            text-align: center;
            position: absolute;
            width: 100%;
            bottom: 5px;
            z-index: 1;
            display: none; }
            @media (min-width: 768px) {
              .mod-navigation-main > .m-menu > .m-main-menu > li > a > span {
                display: block; } }

.mod-footer {
  padding: 20px 0;
  border-top: 1px solid #222;
  position: relative; }
  .mod-footer:after {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #090909; }
  .mod-footer > .m-language {
    text-align: right; }
  .mod-footer > .m-links:not(:last-child) {
    margin-bottom: 20px; }
  .mod-footer > .m-links > ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .mod-footer > .m-links > ul > li {
      list-style: none;
      display: block;
      padding: 5px 0; }
      .mod-footer > .m-links > ul > li > a {
        color: #fff;
        padding: 0 10px;
        border-right: 1px solid #c0c0c0; }
      .mod-footer > .m-links > ul > li:last-child > a {
        border-right: none; }

.mod-navigation {
  position: relative;
  z-index: 2;
  background-color: #121212; }
  @media (min-width: 768px) {
    .mod-navigation {
      top: 110px;
      position: sticky; } }
  .mod-navigation > ul {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .mod-navigation > ul > li {
      list-style: none;
      margin-bottom: 10px; }
      .mod-navigation > ul > li:not(:last-child) {
        margin-right: 10px; }
      .mod-navigation > ul > li > a {
        padding: 10px 20px;
        border-radius: 10px;
        display: block;
        background-color: #555;
        color: #fff;
        text-shadow: 1px 1px 1px #000;
        text-decoration: none;
        white-space: nowrap;
        transition: all 0.3s; }
        .mod-navigation > ul > li > a:hover, .mod-navigation > ul > li > a:focus {
          background-color: #aaa;
          color: #000;
          text-shadow: 1px 1px 1px #c0c0c0; }
        .mod-navigation > ul > li > a.is-active {
          background-color: #83b3db;
          color: #000;
          text-shadow: 1px 1px 1px #c0c0c0; }

.mod-content > .m-overview > img {
  max-width: 100%;
  width: 100%; }
.mod-content > .m-file {
  padding: 40px 0; }
  .mod-content > .m-file .m-html-headline {
    text-align: center;
    margin-bottom: 30px; }
    .mod-content > .m-file .m-html-headline img {
      height: 80px; }
  .mod-content > .m-file .m-html-text > table {
    margin: 0 auto;
    border-collapse: collapse; }
    .mod-content > .m-file .m-html-text > table thead th {
      padding-bottom: 10px;
      background-color: #202020;
      border-bottom: 1px solid #c0c0c0; }
    .mod-content > .m-file .m-html-text > table tr:first-child td {
      padding-top: 10px; }
    .mod-content > .m-file .m-html-text > table tr > td:first-child {
      width: 120px; }
    .mod-content > .m-file .m-html-text > table tr > td:last-child {
      padding-left: 20px; }
.mod-content .m-headline {
  padding: 10px;
  text-align: right;
  position: relative;
  background-color: #202020; }
  .mod-content .m-headline--left {
    text-align: left;
    font-weight: bold;
    margin-top: 20px;
    cursor: pointer; }
  .mod-content .m-headline:after, .mod-content .m-headline:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #83b3db, transparent);
    border-radius: 12px; }
  .mod-content .m-headline:after {
    top: auto;
    bottom: 0;
    background: linear-gradient(to left, #83b3db, transparent); }
@media (min-width: 768px) {
  .mod-content > .m-content-wrap {
    display: flex; } }
.mod-content > .m-content-wrap > .m-images {
  background: linear-gradient(to bottom, transparent, #090909); }
  @media (min-width: 768px) {
    .mod-content > .m-content-wrap > .m-images {
      width: 50%;
      border: 1px solid #090909;
      border-radius: 12px; } }
  .mod-content > .m-content-wrap > .m-images .swiper-button-prev:after,
  .mod-content > .m-content-wrap > .m-images .swiper-button-next:after {
    content: "\f0da";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 42px;
    text-rendering: auto;
    color: #aaa;
    text-shadow: 2px 0 0 #000; }
  .mod-content > .m-content-wrap > .m-images .swiper-button-prev:hover:after,
  .mod-content > .m-content-wrap > .m-images .swiper-button-next:hover:after {
    color: #83b3db; }
  .mod-content > .m-content-wrap > .m-images .swiper-button-disabled {
    opacity: 0; }
  .mod-content > .m-content-wrap > .m-images .swiper-button-prev:after {
    content: "\f0d9"; }
  .mod-content > .m-content-wrap > .m-images .m-thumbnail-wrapper {
    position: relative;
    padding: 10px 0;
    background-color: #090909;
    border: 1px solid #222;
    border-top: transparent;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px; }
    .mod-content > .m-content-wrap > .m-images .m-thumbnail-wrapper .js-product-swiper-thumb {
      max-width: calc(100% - 80px); }
      .mod-content > .m-content-wrap > .m-images .m-thumbnail-wrapper .js-product-swiper-thumb .swiper-slide {
        background-color: transparent;
        overflow: hidden;
        height: auto;
        border: 1px solid #555;
        width: auto;
        box-sizing: border-box;
        cursor: pointer; }
        .mod-content > .m-content-wrap > .m-images .m-thumbnail-wrapper .js-product-swiper-thumb .swiper-slide > .m-image {
          height: 50px; }
          .mod-content > .m-content-wrap > .m-images .m-thumbnail-wrapper .js-product-swiper-thumb .swiper-slide > .m-image > img {
            max-width: 100%;
            display: block;
            max-height: 100%; }
  .mod-content > .m-content-wrap > .m-images .js-product-swiper {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background: linear-gradient(to bottom, transparent, #090909);
    border: 1px solid #222;
    border-bottom: transparent;
    overflow: hidden; }
    .mod-content > .m-content-wrap > .m-images .js-product-swiper .swiper-slide {
      overflow: hidden;
      height: auto;
      padding: 30px 40px;
      box-sizing: border-box; }
      .mod-content > .m-content-wrap > .m-images .js-product-swiper .swiper-slide > .m-image {
        height: 300px;
        position: relative; }
        .mod-content > .m-content-wrap > .m-images .js-product-swiper .swiper-slide > .m-image > i {
          position: relative;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
        .mod-content > .m-content-wrap > .m-images .js-product-swiper .swiper-slide > .m-image > figure {
          height: 100%; }
          .mod-content > .m-content-wrap > .m-images .js-product-swiper .swiper-slide > .m-image > figure > img {
            max-width: 100%;
            position: relative;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: block;
            max-height: 100%; }
      .mod-content > .m-content-wrap > .m-images .js-product-swiper .swiper-slide > .m-color {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 7px 0;
        text-align: center;
        font-weight: bold; }
.mod-content > .m-content-wrap > .m-details {
  padding: 0 20px; }
  .mod-content > .m-content-wrap > .m-details > .m-text-wrap {
    display: flex;
    padding: 5px 0 15px 0;
    margin-bottom: 10px;
    position: relative; }
    .mod-content > .m-content-wrap > .m-details > .m-text-wrap:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: linear-gradient(to left, transparent, #555, transparent); }
    .mod-content > .m-content-wrap > .m-details > .m-text-wrap > .m-detail {
      width: 200px;
      max-width: 200px;
      font-weight: bold;
      color: #83b3db; }
    .mod-content > .m-content-wrap > .m-details > .m-text-wrap > .m-text {
      flex: 1; }
.mod-content .is-catalog > div {
  display: flex;
  justify-content: center;
  margin-bottom: 20px; }
  .mod-content .is-catalog > div > img {
    max-width: 200px;
    cursor: pointer; }
  .mod-content .is-catalog > div > span {
    cursor: pointer;
    margin-left: 20px; }
  .mod-content .is-catalog > div > a {
    color: #ccc;
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none; }
.mod-content .m-html .m-container {
  padding: 20px 0;
  display: none; }

.mod-catalog {
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  display: none; }
  .mod-catalog > .m-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    position: relative; }
    .mod-catalog > .m-wrapper > .m-close {
      background-color: #202020;
      border: 1px solid #666;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      display: flex; }
      .mod-catalog > .m-wrapper > .m-close > .m-catalog-nav {
        flex: 1; }
        .mod-catalog > .m-wrapper > .m-close > .m-catalog-nav > ul {
          list-style: none;
          justify-content: center;
          display: none; }
          @media (min-width: 768px) {
            .mod-catalog > .m-wrapper > .m-close > .m-catalog-nav > ul {
              display: flex; } }
          .mod-catalog > .m-wrapper > .m-close > .m-catalog-nav > ul > li {
            padding: 10px 20px;
            border-radius: 10px;
            display: block;
            background-color: #555;
            color: #c0c0c0;
            text-shadow: 1px 1px 1px #000;
            text-decoration: none;
            white-space: nowrap;
            transition: all 0.3s;
            cursor: pointer;
            margin-right: 10px; }
            .mod-catalog > .m-wrapper > .m-close > .m-catalog-nav > ul > li:last-child {
              margin-right: 0; }
            .mod-catalog > .m-wrapper > .m-close > .m-catalog-nav > ul > li:hover {
              background-color: #aaa;
              color: #000;
              text-shadow: 1px 1px 1px #c0c0c0; }
            .mod-catalog > .m-wrapper > .m-close > .m-catalog-nav > ul > li.is-active {
              background-color: #83b3db;
              color: #000;
              text-shadow: 1px 1px 1px #c0c0c0; }
      .mod-catalog > .m-wrapper > .m-close > span {
        display: inline-block;
        width: 50px;
        min-height: 30px;
        font-weight: bold;
        cursor: pointer;
        text-align: center;
        border-left: 1px solid #666;
        font-size: 30px;
        padding-top: 15px; }
    .mod-catalog > .m-wrapper > .m-content .swiper-container .m-img-wrapper {
      text-align: center; }
      .mod-catalog > .m-wrapper > .m-content .swiper-container .m-img-wrapper > img {
        max-height: 100%;
        max-width: 100%; }
    .mod-catalog > .m-wrapper > .m-content .swiper-container .swiper-button-prev,
    .mod-catalog > .m-wrapper > .m-content .swiper-container .swiper-button-next {
      top: 20px;
      width: 60px;
      height: 100%; }
      .mod-catalog > .m-wrapper > .m-content .swiper-container .swiper-button-prev:after,
      .mod-catalog > .m-wrapper > .m-content .swiper-container .swiper-button-next:after {
        content: "\f0da";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 42px;
        text-rendering: auto;
        color: #222;
        text-shadow: 2px 0 0 #83b3db; }
      .mod-catalog > .m-wrapper > .m-content .swiper-container .swiper-button-prev:hover:after,
      .mod-catalog > .m-wrapper > .m-content .swiper-container .swiper-button-next:hover:after {
        color: #83b3db;
        text-shadow: 2px 0 0 #000; }
    .mod-catalog > .m-wrapper > .m-content .swiper-container .swiper-button-disabled {
      opacity: 0; }
    .mod-catalog > .m-wrapper > .m-content .swiper-container .swiper-button-next {
      right: 0;
      background: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); }
    .mod-catalog > .m-wrapper > .m-content .swiper-container .swiper-button-prev {
      left: 0;
      background: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); }
      .mod-catalog > .m-wrapper > .m-content .swiper-container .swiper-button-prev:after {
        content: "\f0d9"; }
    .mod-catalog > .m-wrapper > .m-content > .m-catalog-slider {
      display: none; }

.mod-form .m-form-wrapper {
  display: flex;
  align-items: flex-end; }
  .mod-form .m-form-wrapper .m-form-box {
    float: none; }
    .mod-form .m-form-wrapper .m-form-box:not(:last-child) {
      margin-right: 20px; }
.mod-form input, .mod-form select {
  height: 35px;
  border: 1px solid #aaa;
  width: 100%;
  max-width: 305px;
  box-sizing: border-box;
  padding: 0 10px; }
  .mod-form input[type="submit"], .mod-form select[type="submit"] {
    width: auto; }
  .mod-form input:invalid, .mod-form select:invalid {
    border: 1px solid #D9534F; }
.mod-form .m-row {
  margin-bottom: 20px;
  display: flex;
  align-items: center; }
  .mod-form .m-row label {
    width: 200px; }
  .mod-form .m-row .m-input {
    flex: 1;
    text-align: right; }
    .mod-form .m-row .m-input input {
      width: 100%; }
.mod-form .m-button-row {
  display: flex;
  justify-content: flex-end; }
.mod-form button {
  cursor: pointer;
  border: none;
  background-color: #83b3db;
  color: #000;
  border-radius: 8px;
  padding: 10px 20px;
  transition: all 0.3s; }
  .mod-form button:hover {
    background-color: #aaa; }
.mod-form--small {
  max-width: 600px; }

form {
  max-width: 600px; }

.is-shop .m-select,
.is-admin .m-select {
  max-width: 300px;
  position: relative; }
  .is-shop .m-select.is-pop-up,
  .is-admin .m-select.is-pop-up {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.85);
    width: 1200px;
    max-width: 1200px;
    height: 100vh;
    z-index: 1;
    display: none; }
    .is-shop .m-select.is-pop-up > div,
    .is-admin .m-select.is-pop-up > div {
      left: 50%;
      transform: translate(-50%);
      width: 450px;
      position: relative;
      display: flex; }
      .is-shop .m-select.is-pop-up > div > select,
      .is-admin .m-select.is-pop-up > div > select {
        height: 500px; }
  .is-shop .m-select select,
  .is-admin .m-select select {
    height: 44px;
    border: 1px solid #444;
    box-shadow: none;
    width: 99%; }
    .is-shop .m-select select.is-invalid,
    .is-admin .m-select select.is-invalid {
      color: #D9534F;
      border: 1px solid #D9534F; }
      .is-shop .m-select select.is-invalid > option:first-child,
      .is-admin .m-select select.is-invalid > option:first-child {
        color: #D9534F; }
    .is-shop .m-select select > option,
    .is-admin .m-select select > option {
      color: #000; }
      .is-shop .m-select select > option:first-child,
      .is-admin .m-select select > option:first-child {
        color: #a4a4a4; }
.is-shop .m-file-input,
.is-admin .m-file-input {
  position: relative;
  display: inline-block;
  height: 50px; }
  .is-shop .m-file-input > input,
  .is-admin .m-file-input > input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    overflow: hidden;
    cursor: pointer; }
  .is-shop .m-file-input > span,
  .is-admin .m-file-input > span {
    color: #a4a4a4;
    display: inline-block;
    width: 100%;
    margin: 14px 0 0 30px; }
.is-shop .m-textarea,
.is-admin .m-textarea {
  position: relative; }
  .is-shop .m-textarea textarea,
  .is-admin .m-textarea textarea {
    border: 1px solid #444;
    padding: 22px 0 0 15px;
    box-shadow: none; }
    .is-shop .m-textarea textarea:focus + label,
    .is-admin .m-textarea textarea:focus + label {
      padding: 5px 16px;
      color: #a4a4a4; }
    .is-shop .m-textarea textarea:not(:placeholder-shown) + label,
    .is-admin .m-textarea textarea:not(:placeholder-shown) + label {
      padding: 5px 16px; }
    .is-shop .m-textarea textarea:invalid, .is-shop .m-textarea textarea.is-invalid,
    .is-admin .m-textarea textarea:invalid,
    .is-admin .m-textarea textarea.is-invalid {
      color: #D9534F;
      border: 1px solid #D9534F; }
    .is-shop .m-textarea textarea:invalid + label, .is-shop .m-textarea textarea.is-invalid + label,
    .is-admin .m-textarea textarea:invalid + label,
    .is-admin .m-textarea textarea.is-invalid + label {
      color: #D9534F; }
    .is-shop .m-textarea textarea[readonly],
    .is-admin .m-textarea textarea[readonly] {
      background-color: #121212;
      color: #a4a4a4;
      border: none;
      cursor: pointer; }
    .is-shop .m-textarea textarea[readonly] + label,
    .is-admin .m-textarea textarea[readonly] + label {
      cursor: pointer; }
  .is-shop .m-textarea label,
  .is-admin .m-textarea label {
    transition: padding 0.5s;
    cursor: text;
    left: 0;
    padding: 13px;
    position: absolute;
    top: 0;
    color: #a4a4a4; }
.is-shop .m-cb,
.is-admin .m-cb {
  min-height: 28px;
  margin: 0 20px 20px 0; }
  .is-shop .m-cb > label > input,
  .is-admin .m-cb > label > input {
    display: none; }
    .is-shop .m-cb > label > input:checked + span:after,
    .is-admin .m-cb > label > input:checked + span:after {
      content: "\f00c";
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      font-size: 30px;
      position: absolute;
      left: 5px;
      top: 7px;
      color: #a4a4a4; }
  .is-shop .m-cb > label > span,
  .is-admin .m-cb > label > span {
    display: block;
    position: relative;
    padding: 11px 0 0 50px;
    cursor: pointer; }
    .is-shop .m-cb > label > span:before,
    .is-admin .m-cb > label > span:before {
      content: '';
      position: absolute;
      left: 0;
      top: 1px;
      width: 40px;
      height: 40px;
      border: 1px solid #a4a4a4;
      background-color: #fff; }
  .is-shop .m-cb--label-top input:checked + span:after,
  .is-admin .m-cb--label-top input:checked + span:after {
    top: 26px !important; }
  .is-shop .m-cb--label-top span,
  .is-admin .m-cb--label-top span {
    padding: 0 !important;
    height: 50px; }
    .is-shop .m-cb--label-top span:before,
    .is-admin .m-cb--label-top span:before {
      top: 20px !important; }
.is-shop .m-input,
.is-admin .m-input {
  max-width: 300px;
  position: relative;
  margin: 0 10px 10px 0; }
  .is-shop .m-input input,
  .is-admin .m-input input {
    height: 25px;
    border: 1px solid #444;
    padding: 17px 0 0 15px;
    box-shadow: none;
    width: 95%; }
    .is-shop .m-input input:focus + label,
    .is-admin .m-input input:focus + label {
      padding: 5px 16px;
      color: #a4a4a4; }
    .is-shop .m-input input:not(:placeholder-shown) + label,
    .is-admin .m-input input:not(:placeholder-shown) + label {
      padding: 5px 16px; }
    .is-shop .m-input input:invalid, .is-shop .m-input input.is-invalid,
    .is-admin .m-input input:invalid,
    .is-admin .m-input input.is-invalid {
      color: #D9534F;
      border: 1px solid #D9534F; }
    .is-shop .m-input input:invalid + label, .is-shop .m-input input.is-invalid + label,
    .is-admin .m-input input:invalid + label,
    .is-admin .m-input input.is-invalid + label {
      color: #D9534F; }
    .is-shop .m-input input[readonly],
    .is-admin .m-input input[readonly] {
      background-color: #121212;
      color: #a4a4a4;
      border: none;
      cursor: pointer; }
    .is-shop .m-input input[readonly] + label,
    .is-admin .m-input input[readonly] + label {
      cursor: pointer; }
  .is-shop .m-input label,
  .is-admin .m-input label {
    transition: padding 0.5s;
    cursor: text;
    left: 0;
    padding: 13px;
    position: absolute;
    top: 0;
    color: #a4a4a4; }
  .is-shop .m-input--small,
  .is-admin .m-input--small {
    display: flex;
    max-width: 110px; }
  .is-shop .m-input--xsmall,
  .is-admin .m-input--xsmall {
    display: flex;
    max-width: 60px; }
    .is-shop .m-input--xsmall input,
    .is-admin .m-input--xsmall input {
      padding: 0px 0 0 15px; }
.is-shop .m-button,
.is-admin .m-button {
  margin-bottom: 10px;
  width: 150px;
  max-width: 150px;
  border-radius: 15px;
  cursor: pointer;
  background-color: #5CB85C;
  color: #000;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  height: 30px; }
  .is-shop .m-button--info,
  .is-admin .m-button--info {
    background-color: #5BC0DE; }
  .is-shop .m-button--danger,
  .is-admin .m-button--danger {
    background-color: #D9534F; }
  .is-shop .m-button--warning,
  .is-admin .m-button--warning {
    background-color: #F0AD4E; }

.mod-content-shop {
  padding-bottom: 100px; }
  .mod-content-shop > .is-hidden {
    display: none; }
  .mod-content-shop .m-section.is-hidden,
  .mod-content-shop .m-model.is-hidden,
  .mod-content-shop .m-line-wrapper.is-hidden {
    display: none; }
  .mod-content-shop .m-hdl {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    position: relative;
    background-color: #202020; }
    .mod-content-shop .m-hdl:not(:first-child) {
      margin-top: 30px; }
    .mod-content-shop .m-hdl--left {
      text-align: left;
      font-weight: bold;
      margin-top: 20px;
      cursor: pointer; }
    .mod-content-shop .m-hdl:after, .mod-content-shop .m-hdl:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 3px;
      background: linear-gradient(to right, #83b3db, transparent);
      border-radius: 12px; }
    .mod-content-shop .m-hdl:after {
      top: auto;
      bottom: 0;
      background: linear-gradient(to left, #83b3db, transparent); }
  .mod-content-shop .m-hdl-section {
    color: #000;
    padding: 5px 0;
    background-color: #c0c0c0;
    font-size: 20px;
    font-weight: bold;
    text-align: center; }
  .mod-content-shop .m-hdl-model {
    color: #c0c0c0;
    background-color: #555;
    font-weight: bold;
    padding: 5px; }
  .mod-content-shop .m-size-wrapper {
    background-color: #222;
    display: none;
    text-align: center;
    padding: 2px 0;
    margin: 0 0 5px 0;
    font-size: 11px; }
    @media (min-width: 1200px) {
      .mod-content-shop .m-size-wrapper {
        display: flex; } }
    .mod-content-shop .m-size-wrapper > .m-size-sizes.m-color-0 {
      color: #222; }
  .mod-content-shop .m-offer.is-hidden,
  .mod-content-shop .m-offer-row.is-hidden {
    display: none; }
  .mod-content-shop .m-offer-row,
  .mod-content-shop .m-offer-row-head {
    display: flex;
    margin-bottom: 10px; }
    .mod-content-shop .m-offer-row > div,
    .mod-content-shop .m-offer-row-head > div {
      flex: 1 1 calc(100%/6);
      text-align: center;
      width: calc(100%/6); }
      .mod-content-shop .m-offer-row > div:nth-child(1), .mod-content-shop .m-offer-row > div:nth-child(2),
      .mod-content-shop .m-offer-row-head > div:nth-child(1),
      .mod-content-shop .m-offer-row-head > div:nth-child(2) {
        text-align: left; }
      .mod-content-shop .m-offer-row > div > input,
      .mod-content-shop .m-offer-row-head > div > input {
        max-width: 40px;
        text-align: center; }
      .mod-content-shop .m-offer-row > div > .m-price,
      .mod-content-shop .m-offer-row-head > div > .m-price {
        background-color: #FCA10F;
        color: #000; }
  .mod-content-shop .m-offer-row-head {
    background-color: #222;
    text-align: center; }
  .mod-content-shop .m-offer-head {
    background-color: #fbb;
    text-align: center; }
  .mod-content-shop .m-summary {
    position: fixed;
    bottom: 1px;
    width: 100%;
    background: rgba(0, 0, 0, 0.95);
    border: 1px solid #aaa;
    border-radius: 10px;
    color: #FF6C06;
    display: flex;
    justify-content: flex-end; }
    @media (min-width: 1200px) {
      .mod-content-shop .m-summary {
        max-width: 1200px; } }
    .mod-content-shop .m-summary > div {
      padding: 10px; }
    .mod-content-shop .m-summary > .m-summary-btn {
      width: 100%;
      max-width: 200px;
      text-align: right; }
      .mod-content-shop .m-summary > .m-summary-btn > button {
        cursor: pointer; }
        .mod-content-shop .m-summary > .m-summary-btn > button.is-hidden {
          display: none; }
    .mod-content-shop .m-summary > .m-summary-list div:last-child {
      border-top: 1px solid #FF6C06; }
    .mod-content-shop .m-summary > .m-summary-list .m-value {
      width: 120px;
      text-align: right;
      display: inline-block; }
      .mod-content-shop .m-summary > .m-summary-list .m-value.m-value-all {
        font-weight: bold; }
    .mod-content-shop .m-summary > .m-summary-list .m-head {
      display: inline-block;
      width: 120px;
      text-align: right; }
      .mod-content-shop .m-summary > .m-summary-list .m-head.m-head-all {
        font-weight: bold; }
  .mod-content-shop .m-line-wrapper {
    margin-bottom: 5px; }
    @media (min-width: 1200px) {
      .mod-content-shop .m-line-wrapper {
        display: flex; } }
    .mod-content-shop .m-line-wrapper > .m-size-color {
      width: 100%;
      background-color: #222;
      display: flex; }
      @media (min-width: 1200px) {
        .mod-content-shop .m-line-wrapper > .m-size-color {
          background-color: transparent;
          width: 20%; } }
      .mod-content-shop .m-line-wrapper > .m-size-color .m-shop-image {
        width: 80px;
        height: 80px;
        margin-right: 10px;
        cursor: pointer; }
        .mod-content-shop .m-line-wrapper > .m-size-color .m-shop-image.m-large {
          position: absolute;
          top: 1px;
          left: 50%;
          transform: translateX(-50%);
          z-index: 100;
          background-color: rgba(51, 51, 51, 0.99);
          width: 100vw;
          height: 100vh; }
          .mod-content-shop .m-line-wrapper > .m-size-color .m-shop-image.m-large > .m-close {
            display: block;
            font-size: 20px; }
          .mod-content-shop .m-line-wrapper > .m-size-color .m-shop-image.m-large > img {
            width: auto;
            max-width: 500px;
            max-height: 100%;
            margin: 7px 50%;
            height: auto;
            transform: translate(-50%); }
        .mod-content-shop .m-line-wrapper > .m-size-color .m-shop-image > .m-close {
          display: none;
          width: 100%;
          text-align: right;
          background-color: #555;
          cursor: pointer;
          margin-bottom: -6px; }
          .mod-content-shop .m-line-wrapper > .m-size-color .m-shop-image > .m-close > i {
            margin-right: 5px; }
        .mod-content-shop .m-line-wrapper > .m-size-color .m-shop-image > img {
          max-width: 80px;
          max-height: 80px; }
    .mod-content-shop .m-line-wrapper > .m-size-price {
      width: 100%; }
      @media (min-width: 1200px) {
        .mod-content-shop .m-line-wrapper > .m-size-price {
          width: 31%; } }
      .mod-content-shop .m-line-wrapper > .m-size-price > .is-active, .mod-content-shop .m-line-wrapper > .m-size-price .m-price-visor {
        background-color: #FCA10F;
        color: #000; }
      .mod-content-shop .m-line-wrapper > .m-size-price > div {
        width: 100%; }
        @media (min-width: 1200px) {
          .mod-content-shop .m-line-wrapper > .m-size-price > div {
            width: calc(100%/3); } }
      .mod-content-shop .m-line-wrapper > .m-size-price > .m-price-visor-hide {
        opacity: 0; }
    .mod-content-shop .m-line-wrapper > .m-size-sizes {
      width: 100%; }
      @media (min-width: 1200px) {
        .mod-content-shop .m-line-wrapper > .m-size-sizes {
          width: 49%; } }
      .mod-content-shop .m-line-wrapper > .m-size-sizes:after, .mod-content-shop .m-line-wrapper > .m-size-sizes:before {
        color: #000;
        content: ''; }
      .mod-content-shop .m-line-wrapper > .m-size-sizes > div {
        color: #000;
        text-align: center; }
        .mod-content-shop .m-line-wrapper > .m-size-sizes > div.m-left {
          text-align: left; }
        .mod-content-shop .m-line-wrapper > .m-size-sizes > div > input {
          width: 100%;
          text-align: center;
          max-width: 40px; }
        .mod-content-shop .m-line-wrapper > .m-size-sizes > div .m-size-for-mobile {
          color: #c0c0c0;
          display: inline-block;
          width: 100%; }
          @media (min-width: 1200px) {
            .mod-content-shop .m-line-wrapper > .m-size-sizes > div .m-size-for-mobile {
              display: none; } }
        .mod-content-shop .m-line-wrapper > .m-size-sizes > div .is-never-visible {
          display: none; }
        .mod-content-shop .m-line-wrapper > .m-size-sizes > div .is-not-visible {
          display: none; }
          @media (min-width: 1200px) {
            .mod-content-shop .m-line-wrapper > .m-size-sizes > div .is-not-visible {
              display: block;
              visibility: hidden; } }
    .mod-content-shop .m-line-wrapper.m-offerclass {
      background-color: #542B2B;
      border: 1px solid #965252; }
  .mod-content-shop.is-check input {
    background-color: #121212;
    color: #c0c0c0;
    border: none; }
  .mod-content-shop.is-check .m-offerclass input {
    background-color: #542B2B; }
  .mod-content-shop.m-cust-edit .m-form-wrapper {
    display: flex;
    margin-top: 10px; }
    .mod-content-shop.m-cust-edit .m-form-wrapper .m-button {
      margin-left: 10px; }
  .mod-content-shop .m-button {
    border-radius: 15px;
    cursor: pointer;
    background-color: #5CB85C;
    color: #000;
    border: none;
    font-weight: bold;
    padding: 5px 10px;
    margin-bottom: 10px;
    min-width: 150px; }
    .mod-content-shop .m-button--info {
      background-color: #5BC0DE; }
    .mod-content-shop .m-button--danger {
      background-color: #D9534F; }
    .mod-content-shop .m-button--warning {
      background-color: #F0AD4E; }

.mod-content-admin .m-headline {
  width: 100%;
  background: linear-gradient(to left, #121212, #999);
  border-radius: 5px;
  padding: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  text-shadow: -1px 0 #bbb, 0 1px #bbb, 1px 0 #bbb, 0 -1px #bbb;
  margin-bottom: 5px; }
.mod-content-admin .m-toggle {
  cursor: pointer; }
.mod-content-admin .m-form-add,
.mod-content-admin .m-form-edit,
.mod-content-admin .m-form-search {
  display: flex;
  flex-wrap: wrap; }
  .mod-content-admin .m-form-add > div,
  .mod-content-admin .m-form-edit > div,
  .mod-content-admin .m-form-search > div {
    flex: 0 1 calc(100% / 5); }
    .mod-content-admin .m-form-add > div:last-child,
    .mod-content-admin .m-form-edit > div:last-child,
    .mod-content-admin .m-form-search > div:last-child {
      text-align: right;
      flex: 1 1 100%; }
    .mod-content-admin .m-form-add > div > img,
    .mod-content-admin .m-form-edit > div > img,
    .mod-content-admin .m-form-search > div > img {
      max-width: 200px;
      max-height: 200px; }
.mod-content-admin .m-toggle-content,
.mod-content-admin .m-toggle-cnt {
  display: none; }
.mod-content-admin .m-form-add--offer > div {
  flex: 0 1 calc(100% / 4); }
.mod-content-admin .m-form-add--offer .m-input--small {
  margin-left: 50px; }
.mod-content-admin .m-form-edit--product {
  border: 1px solid #a4a4a4;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 10px 10px 0 10px; }
.mod-content-admin .m-form-edit--product > div {
  margin-right: 10px; }
  .mod-content-admin .m-form-edit--product > div.m-price {
    display: flex; }
    .mod-content-admin .m-form-edit--product > div.m-price > div {
      margin-right: 5px; }
  .mod-content-admin .m-form-edit--product > div button {
    width: auto; }
.mod-content-admin .m-form-edit--product.is-closed input {
  background-color: #121212;
  cursor: default;
  color: #c0c0c0;
  border: none; }
.mod-content-admin .m-form-edit--product > div {
  margin-right: 10px;
  flex-grow: 1 !important; }
  .mod-content-admin .m-form-edit--product > div:nth-child(3) {
    text-align: right; }
  .mod-content-admin .m-form-edit--product > div.m-price {
    flex-wrap: wrap; }
    .mod-content-admin .m-form-edit--product > div.m-price div {
      display: flex;
      flex: 1 0 100%; }
      .mod-content-admin .m-form-edit--product > div.m-price div > div {
        flex: 1 0 70px;
        margin-right: 5px; }
        .mod-content-admin .m-form-edit--product > div.m-price div > div.m-symbol {
          flex: 0 0 40px; }
  .mod-content-admin .m-form-edit--product > div.m-toggle-edit {
    display: none;
    flex: 1 1 100% !important;
    max-width: 100%; }
    .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div {
      display: flex;
      flex-wrap: wrap; }
      .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div:last-child {
        justify-content: end; }
      .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(1), .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(2), .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(3), .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(4) {
        flex: 1 0 50% !important;
        text-align: left;
        max-width: 470px;
        margin-left: 10px; }
        .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(1) > div:first-child, .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(2) > div:first-child, .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(3) > div:first-child, .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(4) > div:first-child {
          flex: 1 0 100%;
          background-color: #333; }
      .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(1) {
        display: flex;
        flex-wrap: wrap; }
        .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(1) > div {
          flex: 0 0 calc(100% / 7); }
      .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(3), .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(4) {
        margin-bottom: 10px; }
        .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(3) > div > div:nth-child(1), .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(3) > div > div:nth-child(2), .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(3) > div > div:nth-child(3), .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(4) > div > div:nth-child(1), .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(4) > div > div:nth-child(2), .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(4) > div > div:nth-child(3) {
          display: flex;
          flex-wrap: wrap; }
          .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(3) > div > div:nth-child(1) > div, .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(3) > div > div:nth-child(2) > div, .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(3) > div > div:nth-child(3) > div, .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(4) > div > div:nth-child(1) > div, .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(4) > div > div:nth-child(2) > div, .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(4) > div > div:nth-child(3) > div {
            flex: 0 0 46%; }
        .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(3) textarea,
        .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(3) .m-textarea, .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(4) textarea,
        .mod-content-admin .m-form-edit--product > div.m-toggle-edit > div > div:nth-child(4) .m-textarea {
          max-width: 98%; }
.mod-content-admin .m-form-add--product {
  margin-bottom: 15px; }
  .mod-content-admin .m-form-add--product > div {
    flex: 0 1 calc(100% / 3) !important;
    margin-right: 10px;
    max-width: 310px; }
    .mod-content-admin .m-form-add--product > div:nth-child(3) {
      flex-grow: 1 !important;
      text-align: right; }
    .mod-content-admin .m-form-add--product > div:nth-child(4), .mod-content-admin .m-form-add--product > div:nth-child(5), .mod-content-admin .m-form-add--product > div:nth-child(6), .mod-content-admin .m-form-add--product > div:nth-child(7) {
      flex: 0 1 50% !important;
      max-width: 500px;
      text-align: left; }
      .mod-content-admin .m-form-add--product > div:nth-child(4) > div:first-child, .mod-content-admin .m-form-add--product > div:nth-child(5) > div:first-child, .mod-content-admin .m-form-add--product > div:nth-child(6) > div:first-child, .mod-content-admin .m-form-add--product > div:nth-child(7) > div:first-child {
        flex: 1 0 100%;
        background-color: #333; }
    .mod-content-admin .m-form-add--product > div:nth-child(4) {
      display: flex;
      flex-wrap: wrap; }
      .mod-content-admin .m-form-add--product > div:nth-child(4) > div {
        flex: 0 0 calc(100%/7); }
    .mod-content-admin .m-form-add--product > div:nth-child(6) > div > div:nth-child(1), .mod-content-admin .m-form-add--product > div:nth-child(6) > div > div:nth-child(2), .mod-content-admin .m-form-add--product > div:nth-child(6) > div > div:nth-child(3), .mod-content-admin .m-form-add--product > div:nth-child(7) > div > div:nth-child(1), .mod-content-admin .m-form-add--product > div:nth-child(7) > div > div:nth-child(2), .mod-content-admin .m-form-add--product > div:nth-child(7) > div > div:nth-child(3) {
      display: flex;
      flex-wrap: wrap; }
      .mod-content-admin .m-form-add--product > div:nth-child(6) > div > div:nth-child(1) > div, .mod-content-admin .m-form-add--product > div:nth-child(6) > div > div:nth-child(2) > div, .mod-content-admin .m-form-add--product > div:nth-child(6) > div > div:nth-child(3) > div, .mod-content-admin .m-form-add--product > div:nth-child(7) > div > div:nth-child(1) > div, .mod-content-admin .m-form-add--product > div:nth-child(7) > div > div:nth-child(2) > div, .mod-content-admin .m-form-add--product > div:nth-child(7) > div > div:nth-child(3) > div {
        flex: 0 0 48%; }
    .mod-content-admin .m-form-add--product > div.m-price div {
      display: flex; }
      .mod-content-admin .m-form-add--product > div.m-price div > div {
        flex: 1 0 70px;
        margin-right: 5px; }
        .mod-content-admin .m-form-add--product > div.m-price div > div.m-symbol {
          flex: 0 0 40px; }
.mod-content-admin .m-toggle-visor input,
.mod-content-admin .m-toggle-color input {
  background-color: #fff !important;
  cursor: pointer !important;
  color: #000 !important;
  border: 1px solid #a4a4a4 !important; }
.mod-content-admin .m-toggle-visor .m-edit-col-item,
.mod-content-admin .m-toggle-color .m-edit-col-item {
  border: 1px solid #a4a4a4;
  border-radius: 10px; }
.mod-content-admin .m-toggle-visor .m-form-edit--color,
.mod-content-admin .m-toggle-color .m-form-edit--color {
  display: block !important; }
  .mod-content-admin .m-toggle-visor .m-form-edit--color > .m-edit-col-item,
  .mod-content-admin .m-toggle-color .m-form-edit--color > .m-edit-col-item {
    max-width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding: 10px; }
    .mod-content-admin .m-toggle-visor .m-form-edit--color > .m-edit-col-item > div,
    .mod-content-admin .m-toggle-color .m-form-edit--color > .m-edit-col-item > div {
      max-width: 27% !important;
      flex: 1 0 50% !important; }
      .mod-content-admin .m-toggle-visor .m-form-edit--color > .m-edit-col-item > div > div:nth-child(1),
      .mod-content-admin .m-toggle-color .m-form-edit--color > .m-edit-col-item > div > div:nth-child(1) {
        background-color: #121212 !important; }
      .mod-content-admin .m-toggle-visor .m-form-edit--color > .m-edit-col-item > div:first-child,
      .mod-content-admin .m-toggle-color .m-form-edit--color > .m-edit-col-item > div:first-child {
        display: none; }
      .mod-content-admin .m-toggle-visor .m-form-edit--color > .m-edit-col-item > div:last-child,
      .mod-content-admin .m-toggle-color .m-form-edit--color > .m-edit-col-item > div:last-child {
        max-width: 100% !important;
        text-align: right !important;
        width: 100%; }
      .mod-content-admin .m-toggle-visor .m-form-edit--color > .m-edit-col-item > div .prevImage,
      .mod-content-admin .m-toggle-color .m-form-edit--color > .m-edit-col-item > div .prevImage {
        text-align: center; }
        .mod-content-admin .m-toggle-visor .m-form-edit--color > .m-edit-col-item > div .prevImage img,
        .mod-content-admin .m-toggle-color .m-form-edit--color > .m-edit-col-item > div .prevImage img {
          max-width: 50%; }
      .mod-content-admin .m-toggle-visor .m-form-edit--color > .m-edit-col-item > div:nth-child(3) > div,
      .mod-content-admin .m-toggle-color .m-form-edit--color > .m-edit-col-item > div:nth-child(3) > div {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly; }
        .mod-content-admin .m-toggle-visor .m-form-edit--color > .m-edit-col-item > div:nth-child(3) > div > div,
        .mod-content-admin .m-toggle-color .m-form-edit--color > .m-edit-col-item > div:nth-child(3) > div > div {
          margin-right: 5px; }
      .mod-content-admin .m-toggle-visor .m-form-edit--color > .m-edit-col-item > div:nth-child(4),
      .mod-content-admin .m-toggle-color .m-form-edit--color > .m-edit-col-item > div:nth-child(4) {
        display: block;
        max-width: 15% !important; }
      .mod-content-admin .m-toggle-visor .m-form-edit--color > .m-edit-col-item > div:nth-child(5),
      .mod-content-admin .m-toggle-color .m-form-edit--color > .m-edit-col-item > div:nth-child(5) {
        flex-grow: 1;
        display: flex;
        flex-wrap: wrap; }
        .mod-content-admin .m-toggle-visor .m-form-edit--color > .m-edit-col-item > div:nth-child(5) > div,
        .mod-content-admin .m-toggle-color .m-form-edit--color > .m-edit-col-item > div:nth-child(5) > div {
          flex: 0 0 16%; }
          .mod-content-admin .m-toggle-visor .m-form-edit--color > .m-edit-col-item > div:nth-child(5) > div:first-child,
          .mod-content-admin .m-toggle-color .m-form-edit--color > .m-edit-col-item > div:nth-child(5) > div:first-child {
            flex: 1 0 100%; }
.mod-content-admin .m-toggle-visor > .m-form-add--color > div,
.mod-content-admin .m-toggle-color > .m-form-add--color > div {
  max-width: 27% !important; }
  .mod-content-admin .m-toggle-visor > .m-form-add--color > div > div:nth-child(1),
  .mod-content-admin .m-toggle-color > .m-form-add--color > div > div:nth-child(1) {
    background-color: #121212 !important; }
  .mod-content-admin .m-toggle-visor > .m-form-add--color > div:last-child,
  .mod-content-admin .m-toggle-color > .m-form-add--color > div:last-child {
    max-width: 100% !important;
    text-align: right !important;
    width: 100%; }
  .mod-content-admin .m-toggle-visor > .m-form-add--color > div .prevImage,
  .mod-content-admin .m-toggle-color > .m-form-add--color > div .prevImage {
    text-align: center; }
    .mod-content-admin .m-toggle-visor > .m-form-add--color > div .prevImage img,
    .mod-content-admin .m-toggle-color > .m-form-add--color > div .prevImage img {
      max-width: 50%; }
  .mod-content-admin .m-toggle-visor > .m-form-add--color > div:nth-child(3) > div,
  .mod-content-admin .m-toggle-color > .m-form-add--color > div:nth-child(3) > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly; }
    .mod-content-admin .m-toggle-visor > .m-form-add--color > div:nth-child(3) > div > div,
    .mod-content-admin .m-toggle-color > .m-form-add--color > div:nth-child(3) > div > div {
      margin-right: 5px; }
  .mod-content-admin .m-toggle-visor > .m-form-add--color > div:nth-child(4),
  .mod-content-admin .m-toggle-color > .m-form-add--color > div:nth-child(4) {
    display: block;
    max-width: 15% !important; }
  .mod-content-admin .m-toggle-visor > .m-form-add--color > div:nth-child(5),
  .mod-content-admin .m-toggle-color > .m-form-add--color > div:nth-child(5) {
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap; }
    .mod-content-admin .m-toggle-visor > .m-form-add--color > div:nth-child(5) > div,
    .mod-content-admin .m-toggle-color > .m-form-add--color > div:nth-child(5) > div {
      flex: 0 0 16%; }
      .mod-content-admin .m-toggle-visor > .m-form-add--color > div:nth-child(5) > div:first-child,
      .mod-content-admin .m-toggle-color > .m-form-add--color > div:nth-child(5) > div:first-child {
        flex: 1 0 100%; }
.mod-content-admin .m-toggle-visor > .m-form-add--visor > div,
.mod-content-admin .m-toggle-color > .m-form-add--visor > div {
  max-width: 31% !important;
  display: flex;
  justify-content: space-evenly; }
  .mod-content-admin .m-toggle-visor > .m-form-add--visor > div:last-child,
  .mod-content-admin .m-toggle-color > .m-form-add--visor > div:last-child {
    text-align: right !important; }
  .mod-content-admin .m-toggle-visor > .m-form-add--visor > div > button,
  .mod-content-admin .m-toggle-color > .m-form-add--visor > div > button {
    width: 150px; }
.mod-content-admin .m-head {
  max-width: 100% !important;
  background-color: #333; }
.mod-content-admin .m-form-edit--visor > div {
  max-width: 100% !important;
  display: flex;
  flex-wrap: wrap; }
  .mod-content-admin .m-form-edit--visor > div > div {
    flex: 1 0 100% !important;
    max-width: 32% !important;
    display: flex;
    justify-content: space-evenly; }
    .mod-content-admin .m-form-edit--visor > div > div:last-child {
      text-align: right; }
    .mod-content-admin .m-form-edit--visor > div > div > button {
      width: 150px; }
.mod-content-admin .m-form-edit--currency > div {
  flex: 0 1 calc(100% / 6) !important;
  margin-bottom: 10px; }
  .mod-content-admin .m-form-edit--currency > div > button {
    margin-bottom: 1px; }
.mod-content-admin .m-form-edit--fright > div {
  flex: 0 1 calc(100% / 7) !important;
  margin-bottom: 10px; }
  .mod-content-admin .m-form-edit--fright > div > button {
    margin-bottom: 1px;
    max-width: 140px; }
.mod-content-admin .m-form-edit--offer > div,
.mod-content-admin .m-form-edit--news > div {
  flex: 0 1 100%;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #a4a4a4;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 10px; }
  .mod-content-admin .m-form-edit--offer > div > div,
  .mod-content-admin .m-form-edit--news > div > div {
    flex: 0 1 calc(100% / 4); }
    .mod-content-admin .m-form-edit--offer > div > div:last-child,
    .mod-content-admin .m-form-edit--news > div > div:last-child {
      text-align: right; }
  .mod-content-admin .m-form-edit--offer > div .m-input--small,
  .mod-content-admin .m-form-edit--news > div .m-input--small {
    margin-left: 50px; }
.mod-content-admin .m-form-edit--news > div > div:last-child {
  flex: 0 0 100%;
  margin-top: 10px; }
.mod-content-admin .m-form-edit--image {
  align-items: start; }
  .mod-content-admin .m-form-edit--image img {
    max-width: 100px;
    max-height: 100px; }
  .mod-content-admin .m-form-edit--image > div {
    flex: 0 1 calc(100%/4 - 30px) !important;
    margin: 10px;
    cursor: pointer;
    border: 1px solid #a4a4a4;
    position: relative;
    text-align: center; }
    .mod-content-admin .m-form-edit--image > div:last-child {
      text-align: left; }
    .mod-content-admin .m-form-edit--image > div > .m-img-wrap {
      background: #fff;
      height: 100px; }
      .mod-content-admin .m-form-edit--image > div > .m-img-wrap > img {
        max-width: 100px;
        max-height: 100px; }
    .mod-content-admin .m-form-edit--image > div > .m-edit {
      background-color: #121212;
      padding: 10px;
      top: 0;
      z-index: 2; }
      .mod-content-admin .m-form-edit--image > div > .m-edit .m-btn-wrapper {
        display: flex;
        justify-content: space-between; }
        .mod-content-admin .m-form-edit--image > div > .m-edit .m-btn-wrapper > .m-button {
          flex: 0 1 100px;
          width: auto; }
      .mod-content-admin .m-form-edit--image > div > .m-edit .m-new-image {
        width: 205px;
        height: 200px;
        background: #fff; }
        .mod-content-admin .m-form-edit--image > div > .m-edit .m-new-image > img {
          max-width: 205px;
          max-height: 200px; }
.mod-content-admin .m-form-search {
  align-items: center; }
  .mod-content-admin .m-form-search div:last-child {
    flex: 0 1 calc(100% / 5) !important; }
.mod-content-admin .m-form-edit.is-hide {
  display: none; }
.mod-content-admin .m-form-edit .m-thumb {
  display: flex;
  flex-wrap: wrap; }
  .mod-content-admin .m-form-edit .m-thumb img {
    max-height: 60px; }
.mod-content-admin .cust_aktiv_edit_label {
  background-color: #5CB85C;
  color: #000;
  padding: 5px 10px;
  border-radius: 5px;
  margin-bottom: 10px; }
  .mod-content-admin .cust_aktiv_edit_label.is-inactive {
    background-color: #D9534F; }

.mod-admin .m-select {
  max-width: 300px;
  position: relative; }
  .mod-admin .m-select.is-pop-up {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.85);
    width: 1200px;
    max-width: 1200px;
    height: 100vh;
    z-index: 1;
    display: none; }
    .mod-admin .m-select.is-pop-up > div {
      left: 50%;
      transform: translate(-50%);
      width: 450px;
      position: relative;
      display: flex; }
      .mod-admin .m-select.is-pop-up > div > select {
        height: 500px; }
  .mod-admin .m-select select {
    height: 44px;
    border: 1px solid #444;
    box-shadow: none;
    width: 99%; }
    .mod-admin .m-select select.is-invalid {
      color: #D9534F;
      border: 1px solid #D9534F; }
      .mod-admin .m-select select.is-invalid > option:first-child {
        color: #D9534F; }
    .mod-admin .m-select select > option {
      color: #000; }
      .mod-admin .m-select select > option:first-child {
        color: #a4a4a4; }
.mod-admin .m-file-input {
  position: relative;
  display: inline-block;
  height: 50px; }
  .mod-admin .m-file-input > input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    overflow: hidden;
    cursor: pointer; }
  .mod-admin .m-file-input > span {
    color: #a4a4a4;
    display: inline-block;
    width: 100%;
    margin: 14px 0 0 30px; }
.mod-admin .m-textarea {
  position: relative; }
  .mod-admin .m-textarea textarea {
    border: 1px solid #444;
    padding: 22px 0 0 15px;
    box-shadow: none; }
    .mod-admin .m-textarea textarea:focus + label {
      padding: 5px 16px;
      color: #a4a4a4; }
    .mod-admin .m-textarea textarea:not(:placeholder-shown) + label {
      padding: 5px 16px; }
    .mod-admin .m-textarea textarea:invalid, .mod-admin .m-textarea textarea.is-invalid {
      color: #D9534F;
      border: 1px solid #D9534F; }
    .mod-admin .m-textarea textarea:invalid + label, .mod-admin .m-textarea textarea.is-invalid + label {
      color: #D9534F; }
    .mod-admin .m-textarea textarea[readonly] {
      background-color: #121212;
      color: #a4a4a4;
      border: none;
      cursor: pointer; }
    .mod-admin .m-textarea textarea[readonly] + label {
      cursor: pointer; }
  .mod-admin .m-textarea label {
    transition: padding 0.5s;
    cursor: text;
    left: 0;
    padding: 13px;
    position: absolute;
    top: 0;
    color: #a4a4a4; }
.mod-admin .m-cb {
  min-height: 28px;
  margin: 0 20px 20px 0; }
  .mod-admin .m-cb > label > input {
    display: none; }
    .mod-admin .m-cb > label > input:checked + span:after {
      content: "\f00c";
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      font-size: 30px;
      position: absolute;
      left: 5px;
      top: 7px;
      color: #a4a4a4; }
  .mod-admin .m-cb > label > span {
    display: block;
    position: relative;
    padding: 11px 0 0 50px;
    cursor: pointer; }
    .mod-admin .m-cb > label > span:before {
      content: '';
      position: absolute;
      left: 0;
      top: 1px;
      width: 40px;
      height: 40px;
      border: 1px solid #a4a4a4;
      background-color: #fff; }
  .mod-admin .m-cb--label-top input:checked + span:after {
    top: 26px !important; }
  .mod-admin .m-cb--label-top span {
    padding: 0 !important;
    height: 50px; }
    .mod-admin .m-cb--label-top span:before {
      top: 20px !important; }
.mod-admin .m-input {
  max-width: 300px;
  position: relative;
  margin: 0 10px 10px 0; }
  .mod-admin .m-input input {
    height: 25px;
    border: 1px solid #444;
    padding: 17px 0 0 15px;
    box-shadow: none;
    width: 95%; }
    .mod-admin .m-input input:focus + label {
      padding: 5px 16px;
      color: #a4a4a4; }
    .mod-admin .m-input input:not(:placeholder-shown) + label {
      padding: 5px 16px; }
    .mod-admin .m-input input:invalid, .mod-admin .m-input input.is-invalid {
      color: #D9534F;
      border: 1px solid #D9534F; }
    .mod-admin .m-input input:invalid + label, .mod-admin .m-input input.is-invalid + label {
      color: #D9534F; }
    .mod-admin .m-input input[readonly] {
      background-color: #121212;
      color: #a4a4a4;
      border: none;
      cursor: pointer; }
    .mod-admin .m-input input[readonly] + label {
      cursor: pointer; }
  .mod-admin .m-input label {
    transition: padding 0.5s;
    cursor: text;
    left: 0;
    padding: 13px;
    position: absolute;
    top: 0;
    color: #a4a4a4; }
  .mod-admin .m-input--small {
    display: flex;
    max-width: 110px; }
  .mod-admin .m-input--xsmall {
    display: flex;
    max-width: 60px; }
    .mod-admin .m-input--xsmall input {
      padding: 0px 0 0 15px; }
.mod-admin .m-button {
  margin: 10px 0;
  width: 150px;
  max-width: 150px;
  border-radius: 15px;
  cursor: pointer;
  background-color: #5CB85C;
  color: #000;
  border: none;
  font-weight: bold;
  text-transform: uppercase;
  height: 30px; }
  .mod-admin .m-button--info {
    background-color: #5BC0DE; }
  .mod-admin .m-button--danger {
    background-color: #D9534F; }
  .mod-admin .m-button--warning {
    background-color: #F0AD4E; }
.mod-admin .m-error {
  background-color: #D9534F;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding: 10px; }
.mod-admin .m-info {
  background-color: #5BC0DE;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding: 10px; }
.mod-admin .m-sucess {
  background-color: #5CB85C;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding: 10px; }
.mod-admin .m-warning {
  background-color: #F0AD4E;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding: 10px; }
.mod-admin .mod-content-admin {
  max-width: 1200px;
  margin: 0 auto; }

html,
body {
  height: 100%;
  background-color: #121212;
  color: #c0c0c0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-variant: normal;
  margin: 0; }

.m-error {
  background-color: #D9534F;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin: 20px 30px; }

.m-info {
  background-color: #5BC0DE;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin: 20px 30px; }

.m-sucess {
  background-color: #5CB85C;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin: 20px 30px; }

.m-warning {
  background-color: #F0AD4E;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin: 20px 30px; }

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