/*
100 - Thin
200 - Extra Light, Ultra Light
300 - Light
400 - Normal, Book, Regular
500 - Medium
600 - Semi Bold, Demi Bold
700 - Bold
800 - Extra Bold, Ultra Bold
900 - Black, Heavy
*/
@CHARSET "UTF-8";
a.add-to-cart--link {
  background-color: #1D5CD7;
  border-radius: 5px;
  box-shadow: 0 6px 10px #d5e1f3;
  border: 0;
  color: #FFFFFF;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 15px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap; }
  a.add-to-cart--link:hover {
    background-color: #0057FF; }
    .swal2-popup.webform a.add-to-cart--link:hover {
      background: #1D5CD7; }

a.add-to-cart--link {
  background: #FEE905;
  color: #000000;
  min-width: 128px; }
  a.add-to-cart--link:hover {
    background: #FCD403;
    color: #000000; }
  a.allready-in-cart.add-to-cart--link {
    background-color: #1D5CD7;
    color: #FFFFFF; }

@font-face {
  font-family: "Roboto";
  src: url('../fonts/Roboto/Roboto-300.eot?1632750821');
  src: url('../fonts/Roboto/Roboto-300.eot?&1632750821#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-300.svg?1632750821') format('svg'), url('../fonts/Roboto/Roboto-300.ttf?1632750822') format('truetype'), url('../fonts/Roboto/Roboto-300.woff?1632750822') format('woff'), url('../fonts/Roboto/Roboto-300.woff2?1632750822') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Roboto";
  src: url('../fonts/Roboto/Roboto-Regular.eot?1632750826');
  src: url('../fonts/Roboto/Roboto-Regular.eot?&1632750826#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-Regular.svg?1632750826') format('svg'), url('../fonts/Roboto/Roboto-Regular.ttf?1632750827') format('truetype'), url('../fonts/Roboto/Roboto-Regular.woff?1632750827') format('woff'), url('../fonts/Roboto/Roboto-Regular.woff2?1632750827') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Roboto";
  src: url('../fonts/Roboto/Roboto-500.eot?1632750822');
  src: url('../fonts/Roboto/Roboto-500.eot?&1632750822#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-500.svg?1632750823') format('svg'), url('../fonts/Roboto/Roboto-500.ttf?1632750823') format('truetype'), url('../fonts/Roboto/Roboto-500.woff?1632750823') format('woff'), url('../fonts/Roboto/Roboto-500.woff2?1632750824') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Roboto";
  src: url('../fonts/Roboto/Roboto-700.eot?1632750824');
  src: url('../fonts/Roboto/Roboto-700.eot?&1632750824#iefix') format('embedded-opentype'), url('../fonts/Roboto/Roboto-700.svg?1632750824') format('svg'), url('../fonts/Roboto/Roboto-700.ttf?1632750825') format('truetype'), url('../fonts/Roboto/Roboto-700.woff?1632750825') format('woff'), url('../fonts/Roboto/Roboto-700.woff2?1632750826') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
/* Base */
@media only screen and (max-width: 999px) {
  body.menu-open::aflter {
    content: '';
    position: fixed;
    top: 0;
    height: 100vh;
    left: 0;
    width: 100vw;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100; } }

header {
  z-index: 100; }

.flex-container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.flex-container--wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }

@media only screen and (min-width: 851px) {
  .flex-container--n-c {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between; } }

.flex-container--a-c {
  -webkit-align-items: center;
  align-items: center; }

.my-ico {
  background-image: url('../img/vector/vector-stripe.svg?1642168787');
  background-repeat: no-repeat;
  display: inline-block; }

.mobile-block {
  display: none; }
  @media only screen and (max-width: 850px) {
    .mobile-block {
      display: block; } }

@media only screen and (max-width: 850px) {
  .mobile-hidden {
    display: none; } }

.responsive-table-wrapper {
  margin-bottom: 30px; }
  .responsive-table-wrapper:last-child {
    margin-bottom: 0; }
  .view--form-table .responsive-table-wrapper {
    margin: 0;
    overflow: visible; }

.open-menu {
  cursor: pointer; }

@media only screen and (max-width: 850px) {
  .align-left,
  .align-right {
    float: none; } }

.button--custom {
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none; }
.button--yellow {
  color: #011CA3;
  background: #FEE905; }
  .button--yellow:hover {
    background: #FCD403; }
.button--blue {
  background-color: #1D5CD7;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06);
  color: #FFFFFF; }
  .button--blue:hover {
    color: #FFFFFF;
    background-color: #0057FF; }
.button--catalog {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  padding: 16px 20px;
  position: relative;
  min-width: 160px; }
  .button--catalog + .catalog-open-toggle {
    position: absolute;
    top: 0;
    right: 0;
    background: url('../img/vector/vector-stripe.svg?1642168787') no-repeat -134px 20px;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 48px;
    z-index: 1; }
    .button--catalog + .catalog-open-toggle:hover {
      background-position: 10px -177px; }
    .catalog-open header .button--catalog + .catalog-open-toggle {
      background-position: -466px -77px; }
    @media only screen and (max-width: 850px) {
      .button--catalog + .catalog-open-toggle {
        background-position: 7px -40px;
        width: 25px; }
        .button--catalog + .catalog-open-toggle:hover {
          background-position: 7px -40px; }
        .catalog-open header .button--catalog + .catalog-open-toggle {
          background-position: -16px -40px; } }
  .button--catalog:hover, .catalog-open header .button--catalog {
    color: #FEE905; }
  @media only screen and (max-width: 850px) {
    .button--catalog {
      font-size: 13px;
      padding: 8.5px 15px;
      min-width: 95px;
      text-align: center; } }
.button--menu {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  padding: 16px 20px 16px 40px;
  position: relative; }
  .button--menu:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -12px;
    background: url('../img/vector/vector-stripe.svg?1642168787') no-repeat -208px 4px;
    display: inline-block;
    width: 22px;
    height: 22px; }
    .menu-open header .button--menu:before {
      background-position: -439px -91px; }
    .region--footer-top .button--menu:before {
      left: 0; }
  .button--menu:hover:before {
    background-position: -439px -91px; }
  .button--menu:hover, .menu-open header .button--menu {
    color: #FEE905; }
  .region--footer-top .button--menu {
    background: transparent;
    padding: 0;
    width: 22px;
    height: 22px;
    text-indent: -9999px; }
.button--lc {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  padding: 10px 8px;
  text-align: center; }
  .button--lc:before {
    content: '';
    background: url('../img/vector/vector-stripe.svg?1642168787') no-repeat -58px 1px;
    display: inline-block;
    margin-right: 5px;
    width: 19px;
    height: 19px;
    vertical-align: middle; }
.button--toggle-products {
  border: 2px solid #164DB8;
  color: #164DB8;
  font-size: 16px;
  font-weight: 400;
  margin: 0 auto 40px;
  padding: 8px 20px;
  width: 280px;
  text-align: center; }
  .button--toggle-products:hover {
    background: #164DB8;
    color: #FFFFFF; }
.button--toggle-description {
  color: #164DB8;
  cursor: pointer;
  font-size: 14px;
  margin-top: 15px;
  text-decoration: underline; }
  .button--toggle-description:hover {
    text-decoration: none; }
.button--toggle-order-items {
  background: #FFFFFF;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06);
  color: #164DB8;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  padding: 8px 45px 8px 20px;
  position: relative;
  text-align: center; }
  .button--toggle-order-items:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -9px;
    background: url('../img/vector/vector-stripe.svg?1642168787') no-repeat -301px -95px;
    display: inline-block;
    width: 18px;
    height: 18px; }
  .order-list--open .button--toggle-order-items:after {
    background-position: -301px -116px; }

.menu-top {
  padding: 5px 5px 0; }
  .menu-top .menu-title {
    background: #164DB8;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    font-weight: 400;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    line-height: 1;
    margin-right: 5px;
    padding: 18px 20px;
    position: relative; }
    .menu-top .menu-title a {
      position: absolute;
      top: 0;
      left: 0;
      color: #FFFFFF;
      padding: 18px 20px;
      width: 100%;
      height: 100%;
      text-decoration: none; }
      .menu-top .menu-title a:hover {
        color: #FEE905; }
  .menu-top .back-link + .menu-title {
    display: none; }
  .menu-top .back-link {
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding-left: 40px;
    position: relative;
    white-space: nowrap; }
    .menu-top .back-link:before, .menu-top .back-link:after {
      content: '';
      position: absolute;
      display: block; }
    .menu-top .back-link:before {
      top: 50%;
      left: 10px;
      margin-top: -11px;
      background: url('../img/vector/vector-stripe.svg?1642168787') no-repeat -113px -45px;
      width: 22px;
      height: 22px; }
    .menu-top .back-link:after {
      top: 0;
      right: 0;
      background: linear-gradient(270deg, #164db8 36.93%, rgba(22, 77, 184, 0.64035) 89.21%, rgba(22, 77, 184, 0) 120%);
      width: 30px;
      height: 100%; }
  .menu-top .close-menu {
    background: #164DB8;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    position: relative;
    width: 52px;
    height: 52px; }
    .menu-top .close-menu:after {
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      background: url('../img/vector/vector-stripe.svg?1642168787') no-repeat -432px 0px;
      display: inline-block;
      width: 15px;
      height: 15px; }

.logout-link {
  background: #FFFFFF;
  border: 1px solid #1D5CD7;
  border-radius: 5px;
  color: #164DB8;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  padding: 8px 20px;
  min-width: 105px;
  text-align: center;
  text-decoration: none; }
  .logout-link:hover {
    background: #1D5CD7;
    color: #FFFFFF; }
  @media only screen and (max-width: 850px) {
    .region--featured-top .logout-link {
      width: 100%; } }

.system-messages-container .messages {
  border-radius: 5px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.06);
  margin-left: 0; }
.system-messages-container .messages--status {
  border-left: 8px solid #77b259; }
.system-messages-container .messages--error {
  border-left: 8px solid #e62600; }

/* End of Base */

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