@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,600,700,800&display=swap&subset=latin-ext&display=swap');
@import "simplelightbox.css";
::selection {
  background: #026cb5;
  color: #ffffff;
}
* {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
}
img {
  border: 0px;
}
section,
header,
footer {
  width: 100%;
  margin: 0 auto;
}
.transition {
  transition: 400ms;
}
a {
  color: #026cb5;
  text-decoration: underline;
}
a:hover {
  color: #026cb5;
  text-decoration: none;
}
a img {
  line-height: 0;
}
.center {
  text-align: center;
}
.center2 {
  margin: 0 auto;
}
.right {
  text-align: right !important;
}
.left {
  text-align: left !important;
}
.smallWebWidth {
  max-width: 1240px;
}
.maxWebWidth {
  max-width: 1440px;
}
.maxWebView {
  max-width: 1920px;
}
.width100 {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .section {
    padding: 120px 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .section {
    padding: 70px 0;
  }
}
@media screen and (max-width: 599px) {
  .section {
    padding: 50px 0;
  }
}
.wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
}
body {
  margin: 0px;
  padding: 0px;
  color: #333333;
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  line-height: 30px;
  font-weight: 400;
}
p {
  text-align: left !important;
  line-height: 30px;
  margin-top: 0px;
  padding-top: 0px;
}
.noshow {
  display: none;
}
@media screen and (min-width: 1000px) {
  .anchor {
    display: block;
    position: relative;
    top: -110px;
    visibility: hidden;
  }
}
.main_text {
  margin: 0 auto;
  max-width: 800px;
  text-align: center !important;
  margin-bottom: 50px;
}
@media screen and (max-width: 599px) {
  .main_text {
    margin-bottom: 40px;
  }
}
.main_text ol,
.main_text ul {
  text-align: left;
  margin-bottom: 30px;
}
.main_text p {
  text-align: center !important;
  margin-bottom: 20px;
}
.main_text p:last-child {
  margin-bottom: 0;
}
.main_text.nobottom {
  margin-bottom: 0;
}
.main_text.left_aligned p {
  text-align: left !important;
}
.table_label_mobile_900 {
  font-weight: 700;
  font-size: 12px;
}
@media screen and (min-width: 900px) {
  .table_label_mobile_900 {
    display: none;
  }
}
.table_label_mobile_700 {
  font-weight: 700;
  font-size: 12px;
}
@media screen and (min-width: 700px) {
  .table_label_mobile_700 {
    display: none;
  }
}
.basicFont {
  font-family: 'Poppins', sans-serif;
}
.basicLineHeight {
  line-height: 30px;
}
.light {
  font-weight: 300;
}
.normal {
  font-weight: 400;
}
.semibold {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
.extrabold {
  font-weight: 800;
}
.black {
  font-weight: 900;
}
.italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.underline {
  text-decoration: underline;
}
.nounderline {
  text-decoration: none;
}
.small {
  font-size: small;
}
.smaller {
  font-size: smaller;
}
.big {
  font-size: large;
}
.bigger {
  font-size: larger;
}
.biggest {
  font-size: x-large;
}
.button {
  font-family: 'Poppins', sans-serif;
  display: block;
  text-align: center;
  transition: 400ms;
  cursor: pointer;
  text-decoration: none;
  appearance: none;
  border: 0;
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}
.button.radius {
  border-radius: 6px;
}
.button.regular {
  font-weight: 400;
}
.button.solid.yellow {
  color: #ffffff;
  background: #f1ba38;
  border: 2px solid #f1ba38;
}
.button.solid.yellow:hover {
  background: #333333;
  color: #ffffff;
  border: 2px solid #333333;
}
.button.solid.yellow_blue {
  color: #ffffff;
  background: #f1ba38;
  border: 2px solid #f1ba38;
}
.button.solid.yellow_blue:hover {
  background: #026cb5;
  color: #ffffff;
  border: 2px solid #026cb5;
}
.button.solid.blue {
  color: #ffffff;
  background: #026cb5;
  border: 2px solid #026cb5;
}
.button.solid.blue:hover {
  background: #333333;
  color: #ffffff;
  border: 2px solid #333333;
}
.button.ghost {
  color: #333;
  border: 2px solid #333;
  background: transparent;
}
.button.ghost:hover {
  background: #333;
  color: #ffffff;
  border: 2px solid #333;
}
.button.ghost.white {
  color: #ffffff;
  border: 2px solid #fff;
  background: transparent;
}
.button.ghost.white:hover {
  background: #ffffff;
  color: #333333;
  border: 2px solid #ffffff;
}
.button.ghost.gray {
  color: #333333;
  border: 1px solid #cccccc;
  background: transparent;
}
.button.ghost.gray:hover {
  background: #026cb5;
  color: #ffffff;
  border: 1px solid #026cb5;
}
.button.ghost.gray_white {
  color: #333333;
  border: 1px solid #cccccc;
  background: transparent;
}
.button.ghost.gray_white:hover {
  background: #f1f1f1;
  color: #333333;
  border: 1px solid #f1f1f1;
}
.button.ghost.white_blue {
  color: #333333;
  border: 1px solid #cccccc;
  background: #ffffff;
}
.button.ghost.white_blue:hover {
  background: #026cb5;
  color: #ffffff;
  border: 1px solid #026cb5;
}
.button.large {
  font-size: 16px;
  padding: 22px 40px;
  line-height: 25px;
  min-width: 270px;
  max-width: 340px;
}
.button.medium {
  font-size: 14px;
  padding: 15px 25px;
  line-height: 22px;
  min-width: 240px;
  max-width: 280px;
  letter-spacing: 1px;
}
.button.small {
  font-size: 13px;
  padding: 12px 20px;
  line-height: 20px;
  max-width: 240px;
  font-weight: 600;
}
.button > .arrow {
  width: 13px;
  height: 16px;
  transform: rotate(90deg);
  margin-left: 8px;
}
.button > .arrow.white {
  background: url(../images/arrow-white.svg) center no-repeat;
  background-size: 13px 13px;
}
.button > .arrow.gray {
  background: url(../images/arrow-gray.svg) center no-repeat;
  background-size: 13px 13px;
}
.button > .arrow.down {
  transform: rotate(180deg);
}
.button-container {
  width: 100%;
  display: flex;
}
.button-container.left {
  justify-content: flex-start;
}
.button-container.center {
  justify-content: center;
}
.button-container.right {
  justify-content: flex-end;
}
.confirm_button {
  padding: 1px 1px 0 5px;
  width: 98%;
  height: 98%;
  display: block;
  text-align: right;
  background: url(../images/confirm.jpg) no-repeat center;
  background-size: 40%;
  border: 1px grey;
}
.confirm_button:hover {
  border: 1px groove;
}
.remove_button {
  width: 98%;
  height: 98%;
  display: block;
  text-align: right;
  background: url(../images/remove.png) no-repeat center;
  background-size: 40%;
  border: 1px grey;
}
.remove_button:hover {
  border: 1px groove;
}
.btn_u {
  background-color: #408fff;
  color: white;
  right: 0;
  padding: 3px;
  margin: 2px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
}
.btn_u:hover {
  background-color: #2b80e6;
}
.btn {
  width: 100%;
  background-color: #3399ff;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 17px;
}
.btn-long50 {
  width: 50%;
}
.btn:hover {
  background-color: #0073e6;
}
.btn_b1 {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 17px;
}
.btn_b1:hover {
  background-color: #45a049;
}
.btn_f1 {
  background-color: #cacaca;
  color: white;
  text-align: center;
  padding: 5px 2px;
  margin: 1px;
  border: none;
  width: 100%;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
}
.btn_f1 a {
  text-decoration: none;
  color: black;
}
.btn_f1:hover {
  background-color: #0073e6;
}
.btn-mp {
  width: 40px;
  height: 40px;
  background: url(../images/icon-setting.svg) no-repeat center / contain;
  background-size: 25px;
  cursor: pointer;
  appearance: none;
  border: 0;
  margin-left: 1px;
}
.btn-mp:hover {
  background-color: #4A81F8;
}
.nomargin {
  margin: 0px !important;
}
.noborder {
  border: 0px !important;
}
.nopadding {
  padding: 0px !important;
}
.nopadding-left {
  padding-left: 0 !important;
}
.nopadding-right {
  padding-right: 0 !important;
}
.nopadding-top {
  padding-top: 0 !important;
}
.nopadding-bottom {
  padding-bottom: 0 !important;
}
.nomargin-left {
  margin-left: 0 !important;
}
.nomargin-right {
  margin-right: 0 !important;
}
.nomargin-top {
  margin-top: 0 !important;
}
.nomargin-bottom {
  margin-bottom: 0 !important;
}
.margin-top-0 {
  margin-top: 0px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-top-60 {
  margin-top: 60px !important;
}
.margin-bottom-0 {
  margin-bottom: 0px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.margin-bottom-60 {
  margin-bottom: 60px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.padding-top-40 {
  padding-top: 40px !important;
}
.padding-top-50 {
  padding-top: 50px !important;
}
.padding-top-60 {
  padding-top: 60px !important;
}
.padding-bottom-0 {
  padding-bottom: 0px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-bottom-30 {
  padding-bottom: 30px;
}
.padding-bottom-40 {
  padding-bottom: 40px;
}
.padding-bottom-50 {
  padding-bottom: 50px;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #026cb5 url(../images/arrow-white.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  transition: 400ms;
  right: 0px;
  bottom: 20px;
}
.cd-top:hover {
  background: #f1ba38 url(../images/arrow-white.svg) no-repeat center 50%;
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  transition: 400ms;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #999;
  opacity: 1;
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 50px;
    width: 50px;
    right: 0px;
    bottom: 30px;
  }
}
h1,
.h1 {
  margin: 0;
  padding: 0;
  color: #333333;
  font-size: 32px;
  line-height: 40px;
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: 300;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}
@media (max-width: 599px) {
  h1,
  .h1 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 40px;
  }
}
h2,
.h2 {
  padding: 0;
  color: #333333;
  font-size: 24px;
  line-height: 34px;
  margin-top: 0;
  margin-bottom: 40px;
  font-weight: 400;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media (max-width: 599px) {
  h2,
  .h2 {
    font-size: 22px;
    line-height: 30px;
  }
}
h2.large,
.h2.large {
  font-size: 28px;
}
@media (max-width: 599px) {
  h2.large,
  .h2.large {
    font-size: 24px;
    line-height: 32px;
  }
}
h2.padding,
.h2.padding {
  padding-left: 20px;
  padding-right: 20px;
}
h3,
.h3 {
  margin: 0;
  padding: 0;
  color: #333333;
  font-size: 17px;
  line-height: 25px;
  margin-top: 0;
  margin-bottom: 18px;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
  letter-spacing: 1px;
}
@media screen and (min-width: 768px) {
  .grid-section {
    padding: 120px 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .grid-section {
    padding: 70px 0;
  }
}
@media screen and (max-width: 599px) {
  .grid-section {
    padding: 50px 0;
  }
}
.grid-section.notop {
  padding-top: 0;
}
.grid-section.nobottom {
  padding-bottom: 0;
}
.grid-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: -10px;
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (min-width: 1000px) {
  .grid-container {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 999px) {
  .grid-container {
    margin-bottom: 50px;
  }
}
.grid-container:last-child {
  margin-bottom: 0;
}
.grid-container-headline {
  width: 100%;
  display: flex;
  justify-content: center;
}
.grid-item-container {
  text-align: center;
  padding: 10px;
  display: flex;
}
@media screen and (min-width: 1000px) {
  .grid-item-container {
    width: 20%;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .grid-item-container {
    width: 25%;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .grid-item-container {
    width: 33.3333%;
  }
}
@media screen and (max-width: 599px) {
  .grid-item-container {
    width: 50%;
  }
}
.grid-item-inside {
  border: 1px solid #eceaea;
  box-shadow: 0px 0px 0px 1px #ffffff;
  transition: 400ms;
  width: 100%;
  text-decoration: none;
  color: #333333;
}
.grid-item-inside.gallery .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 400ms;
}
.grid-item-inside.gallery .overlay > .icon {
  width: 40px;
  height: 40px;
  background: url(../images/icon-magnifier.svg) no-repeat center / contain;
}
.grid-item-inside.gallery:hover .overlay {
  opacity: 1;
}
.grid-item-inside.gallery .grid-item-inside-text {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  text-transform: none;
}
.grid-item-inside.crop .grid-item-inside-image-container {
  max-height: 200px;
  overflow: hidden;
}
.grid-item-inside.minheight .grid-item-inside-image-container {
  min-height: 140px;
  padding: 20px 20px 0 20px;
}
@media screen and (max-width: 599px) {
  .grid-item-inside.minheight .grid-item-inside-image-container {
    min-height: 90px;
  }
}
.grid-item-inside.minheight .grid-item-inside-image-container.icon {
  max-width: 100px;
  min-height: 120px;
}
.grid-item-inside.light_text .grid-item-inside-text {
  font-weight: 400;
  text-transform: none;
}
.grid-item-inside:hover {
  border: 1px solid #026cb5;
  box-shadow: 0px 0px 0px 1px #026cb5;
  color: #026cb5;
}
.grid-item-inside-image {
  position: relative;
  display: flex;
  justify-content: center;
}
.grid-item-inside-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.grid-item-inside-image img {
  width: 100%;
  height: auto;
}
.grid-item-inside-text {
  padding: 15px 10px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 600;
}
.grid-box-container {
  text-align: center;
  padding: 10px;
  display: flex;
}
@media screen and (min-width: 1000px) {
  .grid-box-container {
    width: 40%;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .grid-box-container {
    width: 25%;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .grid-box-container {
    width: 33.3333%;
  }
}
@media screen and (max-width: 599px) {
  .grid-box-container {
    width: 50%;
  }
}
.grid-box-inside {
  border: 1px solid #eceaea;
  box-shadow: 0px 0px 0px 1px #ffffff;
  transition: 400ms;
  width: 100%;
  text-decoration: none;
  color: #333333;
}
.grid-box-inside.gallery .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 400ms;
}
.grid-box-inside.gallery .overlay > .icon {
  width: 40px;
  height: 40px;
  background: url(../images/icon-magnifier.svg) no-repeat center / contain;
}
.grid-box-inside.gallery:hover .overlay {
  opacity: 1;
}
.grid-box-inside.gallery .grid-item-inside-text {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  text-transform: none;
}
.grid-box-inside.crop .grid-item-inside-image-container {
  max-height: 200px;
  overflow: hidden;
}
.grid-box-inside.minheight .grid-item-inside-image-container {
  min-height: 140px;
  padding: 20px 20px 0 20px;
}
@media screen and (max-width: 599px) {
  .grid-box-inside.minheight .grid-item-inside-image-container {
    min-height: 90px;
  }
}
.grid-box-inside.minheight .grid-item-inside-image-container.icon {
  max-width: 100px;
  min-height: 120px;
}
.grid-box-inside.light_text .grid-item-inside-text {
  font-weight: 400;
  text-transform: none;
}
.grid-box-inside:hover {
  border: 1px solid #026cb5;
  box-shadow: 0px 0px 0px 1px #026cb5;
  color: #026cb5;
}
.grid-box-inside-image {
  position: relative;
  display: flex;
  justify-content: center;
}
.grid-box-inside-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.grid-box-inside-image img {
  width: 100%;
  height: auto;
}
.grid-box-inside-text {
  padding: 15px 10px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 600;
}
.grid-box-text {
  padding: 15px 10px;
  line-height: 24px;
  text-align: justify;
  font-weight: 300;
}
.grid-place-container {
  text-align: center;
  padding: 10px;
  display: flex;
}
@media screen and (min-width: 1000px) {
  .grid-place-container {
    width: 20%;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .grid-place-container {
    width: 25%;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .grid-place-container {
    width: 33.3333%;
  }
}
@media screen and (max-width: 599px) {
  .grid-place-container {
    width: 50%;
  }
}
.grid-place-inside {
  border: 1px solid #eceaea;
  box-shadow: 0px 0px 0px 1px #ffffff;
  transition: 400ms;
  width: 100%;
  text-decoration: none;
  color: #333333;
}
.grid-place-inside.gallery .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 400ms;
}
.grid-place-inside.gallery .overlay > .icon {
  width: 40px;
  height: 40px;
  background: url(../images/icon-magnifier.svg) no-repeat center / contain;
}
.grid-place-inside.gallery:hover .overlay {
  opacity: 1;
}
.grid-place-inside.gallery .grid-item-inside-text {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  text-transform: none;
}
.grid-place-inside.crop .grid-item-inside-image-container {
  max-height: 200px;
  overflow: hidden;
}
.grid-place-inside.minheight .grid-item-inside-image-container {
  min-height: 140px;
  padding: 20px 20px 0 20px;
}
@media screen and (max-width: 599px) {
  .grid-place-inside.minheight .grid-item-inside-image-container {
    min-height: 90px;
  }
}
.grid-place-inside.minheight .grid-item-inside-image-container.icon {
  max-width: 100px;
  min-height: 120px;
}
.grid-place-inside.light_text .grid-item-inside-text {
  font-weight: 400;
  text-transform: none;
}
.grid-place-inside:hover {
  border: 1px solid #026cb5;
  box-shadow: 0px 0px 0px 1px #026cb5;
  color: #026cb5;
}
.grid-place-inside-image {
  position: relative;
  display: flex;
  justify-content: center;
}
.grid-place-inside-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.grid-place-inside-image img {
  width: 100%;
  height: auto;
}
.grid-place-inside-text {
  padding: 15px 10px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 600;
}
input {
  border: 1px solid #ccc;
  color: #333333;
  appearance: none;
  font-size: 14px;
  border-radius: 0;
  font-family: 'Poppins', sans-serif;
}
input:focus {
  border: 1px solid #026cb5;
}
input:invalid {
  border: 1px solid #e3281f;
}
textarea {
  border: 1px solid #ccc;
  width: 100%;
  padding: 8px;
  margin-bottom: -5px;
  font-size: 14px;
  appearance: none;
  border-radius: 0;
  font-family: 'Poppins', sans-serif;
  line-height: 22px;
  color: #333333;
}
.form-star {
  color: #026cb5;
}
.radio-button,
.checkbox {
  position: relative;
}
.checkbox {
  display: block;
}
.radio-button input,
.checkbox input {
  position: absolute;
  margin: 5px;
  padding: 0;
  /* for mobile accessibility (iOS Label Bug) */
  visibility: hidden;
}
.radio-button .label-visible,
.checkbox .label-visible {
  margin-left: 35px;
  font-size: 14px;
  margin-bottom: 0;
}
.radio-button .label-text {
  color: #333333;
}
.radio-button .label-text-me {
  top: 6px;
  color: red;
}
.fake-radiobutton,
.fake-checkbox {
  position: absolute;
  display: block;
  top: 6px;
  left: 3px;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  background-color: white;
}
.fake-radiobutton:after,
.fake-radiobutton-disabled:after,
.fake-checkbox:after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background: #026cb5;
  transform: translateX(-50%) translateY(-50%);
}
.fake-radiobutton-disabled,
.fake-checkbox-disabled {
  position: absolute;
  display: block;
  top: 6px;
  left: 3px;
  width: 20px;
  height: 20px;
  border: 1px solid #e3e3e3;
  background-color: #e3e3e3;
}
.fake-checkbox:after {
  width: 18px;
  height: 18px;
  background: url(../images/icon-tick.svg) no-repeat center;
  background-size: 14px;
}
.fake-radiobutton,
.fake-radiobutton-disabled {
  border-radius: 50%;
}
.fake-radiobutton:after,
.fake-radiobutton-disabled:after {
  border-radius: 50%;
}
input[type="radio"]:checked + span .fake-radiobutton:after,
input[type="radio"]:checked + span .fake-radiobutton-disabled:after,
input[type="checkbox"]:checked + span .fake-checkbox:after {
  display: block;
}
input[type="radio"]:checked + div .fake-radiobutton:after,
input[type="radio"]:checked + div .fake-radiobutton-disabled:after,
input[type="checkbox"]:checked + div .fake-checkbox:after {
  display: block;
}
.select-box {
  cursor: pointer;
  position: relative;
  width: 100%;
}
.select {
  width: 100%;
  position: absolute;
  top: 0;
  padding: 5px 0;
  height: 40px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: none transparent;
  border: 0 none;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
}
.select-box1 {
  background: #ffffff;
}
.label_select {
  position: relative;
  padding: 5px 10px;
  cursor: pointer;
  border: 1px solid #ccc;
  font-size: 14px;
}
.open .label_select::after {
  content: " ";
  background: #ffffff url(../images/arrow-blue.svg) no-repeat;
  transform: rotate(180deg);
  background-position: center;
  background-size: 12px;
}
.label_select::after {
  content: " ";
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  background: #ffffff url(../images/arrow-blue.svg) no-repeat;
  background-size: 12px;
  background-position: center;
  width: 40px;
  height: 40px;
}
.select-container-box {
  padding: 4px;
  border: 1px solid #ccc;
  position: relative;
  border-radius: 1px;
  background: #fff;
}
.select-container-box select {
  width: 100%;
  border: 0;
  padding-left: 5px;
  background: transparent;
  font-size: 14px;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.select-container-box::after {
  content: " ";
  position: absolute;
  display: block;
  right: 1px;
  top: 1px;
  background: #ffffff url(../images/arrow-blue.svg) no-repeat;
  background-size: 12px;
  background-position: center;
  width: 35px;
  height: 34px;
  pointer-events: none;
}
.edit_form,
.input_form,
.entry_form {
  width: 95%;
}
.edit_form .row,
.input_form .row,
.entry_form .row {
  display: flex;
  justify-content: flex-start;
}
.edit_form .col-3,
.input_form .col-3,
.entry_form .col-3 {
  flex: 3%;
}
.edit_form .col-5,
.input_form .col-5,
.entry_form .col-5 {
  flex: 5%;
}
.edit_form .col-10,
.input_form .col-10,
.entry_form .col-10 {
  flex: 10%;
}
.edit_form .col-12,
.input_form .col-12,
.entry_form .col-12 {
  flex: 12.5%;
}
.edit_form .col-15,
.input_form .col-15,
.entry_form .col-15 {
  flex: 15%;
}
.edit_form .col-20,
.input_form .col-20,
.entry_form .col-20 {
  flex: 20%;
}
.edit_form .col-25,
.input_form .col-25,
.entry_form .col-25 {
  flex: 24%;
}
.edit_form .col-25-half,
.input_form .col-25-half,
.entry_form .col-25-half {
  align-content: flex-end;
}
.edit_form .col-30,
.input_form .col-30,
.entry_form .col-30 {
  flex: 30%;
}
.edit_form .col-40,
.input_form .col-40,
.entry_form .col-40 {
  flex: 40%;
}
.edit_form .col-50,
.input_form .col-50,
.entry_form .col-50 {
  flex: 50%;
}
.edit_form .col-50 button,
.input_form .col-50 button,
.entry_form .col-50 button {
  width: 100%;
  height: 85%;
}
.edit_form .col-60,
.input_form .col-60,
.entry_form .col-60 {
  flex: 60%;
}
.edit_form .col-75,
.input_form .col-75,
.entry_form .col-75 {
  flex: 74%;
}
.edit_form .col-80,
.input_form .col-80,
.entry_form .col-80 {
  flex: 80%;
}
.edit_form .col-90,
.input_form .col-90,
.entry_form .col-90 {
  flex: 90%;
}
.edit_form .info,
.input_form .info,
.entry_form .info {
  flex: 100%;
}
.edit_form .col-3,
.input_form .col-3,
.entry_form .col-3,
.edit_form .col-5,
.input_form .col-5,
.entry_form .col-5,
.edit_form .col-10,
.input_form .col-10,
.entry_form .col-10,
.edit_form .col-12,
.input_form .col-12,
.entry_form .col-12,
.edit_form .col-15,
.input_form .col-15,
.entry_form .col-15,
.edit_form .col-20,
.input_form .col-20,
.entry_form .col-20,
.edit_form .col-25,
.input_form .col-25,
.entry_form .col-25,
.edit_form .col-30,
.input_form .col-30,
.entry_form .col-30,
.edit_form .col-40,
.input_form .col-40,
.entry_form .col-40,
.edit_form .col-50,
.input_form .col-50,
.entry_form .col-50,
.edit_form .col-60,
.input_form .col-60,
.entry_form .col-60,
.edit_form .col-75,
.input_form .col-75,
.entry_form .col-75,
.edit_form .col-80,
.input_form .col-80,
.entry_form .col-80,
.edit_form .col-90,
.input_form .col-90,
.entry_form .col-90 {
  padding: 0 5px;
}
.edit_form .col-3-blue,
.input_form .col-3-blue,
.entry_form .col-3-blue,
.edit_form .col-5-blue,
.input_form .col-5-blue,
.entry_form .col-5-blue,
.edit_form .col-10-blue,
.input_form .col-10-blue,
.entry_form .col-10-blue,
.edit_form .col-12-blue,
.input_form .col-12-blue,
.entry_form .col-12-blue,
.edit_form .col-15-blue,
.input_form .col-15-blue,
.entry_form .col-15-blue,
.edit_form .col-20-blue,
.input_form .col-20-blue,
.entry_form .col-20-blue,
.edit_form .col-25-blue,
.input_form .col-25-blue,
.entry_form .col-25-blue,
.edit_form .col-30-blue,
.input_form .col-30-blue,
.entry_form .col-30-blue,
.edit_form .col-40-blue,
.input_form .col-40-blue,
.entry_form .col-40-blue,
.edit_form .col-50-blue,
.input_form .col-50-blue,
.entry_form .col-50-blue,
.edit_form .col-60-blue,
.input_form .col-60-blue,
.entry_form .col-60-blue,
.edit_form .col-75-blue,
.input_form .col-75-blue,
.entry_form .col-75-blue,
.edit_form .col-80-blue,
.input_form .col-80-blue,
.entry_form .col-80-blue,
.edit_form .col-90-blue,
.input_form .col-90-blue,
.entry_form .col-90-blue {
  color: blue;
}
.edit_form .col-3-bb,
.input_form .col-3-bb,
.entry_form .col-3-bb,
.edit_form .col-5-bb,
.input_form .col-5-bb,
.entry_form .col-5-bb,
.edit_form .col-10-bb,
.input_form .col-10-bb,
.entry_form .col-10-bb,
.edit_form .col-12-bb,
.input_form .col-12-bb,
.entry_form .col-12-bb,
.edit_form .col-15-bb,
.input_form .col-15-bb,
.entry_form .col-15-bb,
.edit_form .col-20-bb,
.input_form .col-20-bb,
.entry_form .col-20-bb,
.edit_form .col-25-bb,
.input_form .col-25-bb,
.entry_form .col-25-bb,
.edit_form .col-30-bb,
.input_form .col-30-bb,
.entry_form .col-30-bb,
.edit_form .col-40-bb,
.input_form .col-40-bb,
.entry_form .col-40-bb,
.edit_form .col-50-bb,
.input_form .col-50-bb,
.entry_form .col-50-bb,
.edit_form .col-60-bb,
.input_form .col-60-bb,
.entry_form .col-60-bb,
.edit_form .col-75-bb,
.input_form .col-75-bb,
.entry_form .col-75-bb,
.edit_form .col-80-bb,
.input_form .col-80-bb,
.entry_form .col-80-bb,
.edit_form .col-90-bb,
.input_form .col-90-bb,
.entry_form .col-90-bb {
  background-color: #5ea7bf;
}
.edit_form .headC,
.input_form .headC,
.entry_form .headC {
  background-color: #abdaf2;
  border-right: solid white 1px;
}
.edit_form tr,
.input_form tr,
.entry_form tr {
  line-height: 25px !important;
}
.edit_form input,
.input_form input,
.entry_form input,
.edit_form select,
.input_form select,
.entry_form select {
  border: 1px solid #ccc;
  width: 100%;
  color: #333333;
  padding: 1px 2px;
  font-size: 14px;
  border-radius: 0;
  font-family: 'Poppins', sans-serif;
}
.edit_form input:focus,
.input_form input:focus,
.entry_form input:focus,
.edit_form select:focus,
.input_form select:focus,
.entry_form select:focus {
  border: 1px solid #026cb5;
}
.edit_form input:invalid,
.input_form input:invalid,
.entry_form input:invalid,
.edit_form select:invalid,
.input_form select:invalid,
.entry_form select:invalid {
  border: 1px solid #e3281f;
}
.edit_form-select,
.input_form-select,
.entry_form-select {
  width: 100%;
  border: 1px solid #ccc;
  padding: 1px 2px;
  font-size: 14px;
  border-radius: 0;
}
.edit_form-mini,
.input_form-mini,
.entry_form-mini {
  width: 50px;
}
.edit_form-short,
.input_form-short,
.entry_form-short {
  width: 100px;
}
.edit_form-medium,
.input_form-medium,
.entry_form-medium {
  width: 200px;
}
.edit_form-long,
.input_form-long,
.entry_form-long {
  width: 350px;
}
.edit_form-large,
.input_form-large,
.entry_form-large {
  width: 500px;
}
.edit_form-x,
.input_form-x,
.entry_form-x {
  width: 50px;
}
.line_form {
  width: 95%;
  /*
  input
  {
    width: 100%;
    border: 1px solid #ccc;
    color: @seda;
    //padding: 14px 8px;
    appearance: none;

    font-size: 14px;
    border-radius: 0;
    .basicFont;

    &:focus {border: 1px solid @modra;}
    &:invalid {border: 1px solid @cervena;}
  }
*/
}
.line_form .row {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  height: 30px;
}
.line_form .row-inputline {
  display: flex;
  font-size: 14px;
  font-weight: bold;
}
.line_form .row .col-10 {
  flex: 10%;
}
.line_form .row .col-12 {
  flex: 12.5%;
}
.line_form .row .col-20 {
  flex: 15%;
}
.line_form .row .col-25 {
  flex: 24%;
}
.line_form .row .col-25-half {
  align-content: flex-end;
}
.line_form .row .col-30 {
  flex: 35%;
}
.line_form .row .col-40 {
  flex: 40%;
}
.line_form .row .col-50 {
  flex: 50%;
}
.line_form .row .col-60 {
  flex: 60%;
}
.line_form .row .col-75 {
  flex: 74%;
}
.line_form .row .col-80 {
  flex: 80%;
}
.line_form .row .col-90 {
  flex: 90%;
}
.line_form .row .col-95 {
  flex: 94%;
}
.line_form .row .info {
  flex: 100%;
}
.line_form .row .col-10,
.line_form .row .col-20,
.line_form .row .col-25,
.line_form .row .col-30,
.line_form .row .col-40,
.line_form .row .col-50,
.line_form .row .col-60,
.line_form .row .col-70,
.line_form .row .col-75,
.line_form .row .col-80,
.line_form .row .col-90,
.line_form .row .col-95 {
  padding: 0 3px;
}
.line_form .row .long-5 {
  flex: 5%;
}
.line_form .row .long-10 {
  flex: 10%;
}
.line_form .row .long-15 {
  flex: 15%;
}
.line_form .row .long-20 {
  flex: 20%;
}
.line_form .row .long-25 {
  flex: 20%;
}
.line_form .row .long-30 {
  flex: 30%;
}
.line_form .row .long-50 {
  flex: 50%;
}
.line_form .row .long-60 {
  flex: 60%;
}
.line_form .row .long-75 {
  flex: 74%;
}
.line_form .row .long-5,
.line_form .row .long-10,
.line_form .row .long-15,
.line_form .row .long-20,
.line_form .row .long-25,
.line_form .row .long-30,
.line_form .row .long-50,
.line_form .row .long-60,
.line_form .row .long-75 {
  padding: 0 3px;
}
.line_form .row .long-5 button,
.line_form .row .long-10 button,
.line_form .row .long-15 button,
.line_form .row .long-20 button,
.line_form .row .long-25 button,
.line_form .row .long-30 button,
.line_form .row .long-50 button,
.line_form .row .long-60 button,
.line_form .row .long-75 button {
  width: 50%;
}
.line_form .row .long-5 .btn,
.line_form .row .long-10 .btn,
.line_form .row .long-15 .btn,
.line_form .row .long-20 .btn,
.line_form .row .long-25 .btn,
.line_form .row .long-30 .btn,
.line_form .row .long-50 .btn,
.line_form .row .long-60 .btn,
.line_form .row .long-75 .btn {
  border: 2px solid black;
  border-radius: 5px;
  background-color: white;
  color: black;
  text-align: center;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
}
.line_form .row .long-5 .info,
.line_form .row .long-10 .info,
.line_form .row .long-15 .info,
.line_form .row .long-20 .info,
.line_form .row .long-25 .info,
.line_form .row .long-30 .info,
.line_form .row .long-50 .info,
.line_form .row .long-60 .info,
.line_form .row .long-75 .info {
  border-color: #2196F3;
  color: #1e90ff;
}
.line_form .row .long-5 .info:hover,
.line_form .row .long-10 .info:hover,
.line_form .row .long-15 .info:hover,
.line_form .row .long-20 .info:hover,
.line_form .row .long-25 .info:hover,
.line_form .row .long-30 .info:hover,
.line_form .row .long-50 .info:hover,
.line_form .row .long-60 .info:hover,
.line_form .row .long-75 .info:hover {
  background: #2196F3;
  color: white;
}
.line_form .row .long-5 input,
.line_form .row .long-10 input,
.line_form .row .long-15 input,
.line_form .row .long-20 input,
.line_form .row .long-25 input,
.line_form .row .long-30 input,
.line_form .row .long-50 input,
.line_form .row .long-60 input,
.line_form .row .long-75 input {
  width: 100%;
  border: 1px solid #ccc;
  color: #333333;
  appearance: none;
  font-size: 14px;
  border-radius: 0;
  font-family: 'Poppins', sans-serif;
}
.line_form .row .long-5 input:focus,
.line_form .row .long-10 input:focus,
.line_form .row .long-15 input:focus,
.line_form .row .long-20 input:focus,
.line_form .row .long-25 input:focus,
.line_form .row .long-30 input:focus,
.line_form .row .long-50 input:focus,
.line_form .row .long-60 input:focus,
.line_form .row .long-75 input:focus {
  border: 1px solid #026cb5;
}
.line_form .row .long-5 input:invalid,
.line_form .row .long-10 input:invalid,
.line_form .row .long-15 input:invalid,
.line_form .row .long-20 input:invalid,
.line_form .row .long-25 input:invalid,
.line_form .row .long-30 input:invalid,
.line_form .row .long-50 input:invalid,
.line_form .row .long-60 input:invalid,
.line_form .row .long-75 input:invalid {
  border: 1px solid #e3281f;
}
.line_form .suggestion_list {
  position: absolute;
  width: 18%;
  z-index: 30;
  background-color: #e6f2ff;
}
.line_form .suggestion_list p {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
}
.line_form .suggestion_list p:nth-child(2n+2) {
  background: #cce6ff;
}
.line_form .suggestion_list p:hover {
  background-color: #80bfff;
}
.line_form .suggestion_list .row {
  font-size: 0.8em;
}
.line_form .suggestion_list .row:nth-child(2n+2) {
  background: #c7f0dc;
}
.line_form input[type=text] {
  width: 100%;
  height: 27px;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.line_form select {
  width: 100%;
  height: 27px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.line_form button {
  width: 100%;
  height: 27px;
  margin-bottom: 5px;
}
.line_form button a {
  text-decoration: none;
  color: black;
}
.line_form label {
  color: #828282;
  height: 20px;
  margin-bottom: 5px;
  display: block;
  font-size: 14px;
}
.basic_form {
  width: 100%;
  /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (and change the direction - make the "cart" column go on top) */
}
.basic_form .row {
  display: flex;
  flex-wrap: wrap;
  /*
        &-head {
          display: flex;
          margin-top:5px;
          font-size: 14px;
          font-weight: bold;
          background-color: rgba(213, 213, 213, 0.21);
        }
*/
}
.basic_form .row-info {
  font-size: 0.9em;
  line-height: 1.6;
  max-height: 60px;
  overflow-y: scroll;
  background: #fff;
  color: red;
  text-align: justify;
}
.basic_form .row-list {
  display: flex;
  font-size: 11px;
}
.basic_form .row-head {
  display: flex;
  margin-top: 5px;
  font-size: 11px;
  font-weight: bold;
  background-color: rgba(213, 213, 213, 0.21);
}
.basic_form .row-inputline {
  display: flex;
  font-size: 14px;
  font-weight: bold;
}
.basic_form .row .neutral {
  width: 100%;
  display: flex;
}
.basic_form .row .period {
  display: flex;
  justify-content: space-between;
  align-content: center;
  color: white;
  right: 0;
  padding: 16px 8px;
  margin: 1px 0 1px 3px;
  border: none;
  width: 100%;
  border-radius: 3px;
  cursor: pointer;
  font-size: 17px;
}
.basic_form .row .period input {
  font-weight: bold;
  text-align: center;
  font-size: 1.1rem;
  font-family: Arial;
}
.basic_form .row .period input:focus {
  border: 1px solid #026cb5;
}
.basic_form .row .period input:invalid {
  border: 1px solid #e3281f;
}
.basic_form .row .company_sign {
  width: 300px;
  text-align: left;
}
.basic_form .row .company_sign-ser {
  background-color: #ffdf7e;
}
.basic_form .row .company_sign-sin {
  background-color: #8fd19e;
}
.basic_form .row .company_sign-kde {
  background-color: #e2e6ea;
}
.basic_form .row .company_sign-sro {
  background-color: #cce5ff;
}
.basic_form .row .company_sign-kee {
  background-color: #ce8483;
}
.basic_form .row .employee {
  width: 400px;
  align-content: flex-end;
  text-align: right;
}
.basic_form .row .employee-name {
  margin: 0 3px 0 3px;
}
.basic_form .row .employee-name-focus {
  background-color: #ddf3ff;
}
.basic_form .row .select_box {
  width: 100%;
  padding: 5px 0;
  height: 33px;
  font-size: 1.1rem;
}
.basic_form .row .select_box-a {
  width: 80%;
}
.basic_form .row .row_button {
  width: 150px;
  height: 33px;
  margin: 0  0 5px 0;
}
.basic_form .row .row_button:hover {
  background-color: #45a049;
}
.basic_form h3 {
  margin: 5px 0 0 0;
  padding: 5px 0;
}
.basic_form input[type=text] {
  width: 100%;
  height: 27px;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.basic_form select {
  width: 100%;
  height: 27px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.basic_form button {
  width: 100%;
  height: 27px;
  margin-bottom: 5px;
}
.basic_form button a {
  text-decoration: none;
  color: black;
}
.basic_form label {
  color: #828282;
  height: 20px;
  margin-bottom: 5px;
  display: block;
  font-size: 14px;
}
.basic_form .col-3 {
  flex: 3%;
}
.basic_form .col-5 {
  flex: 5%;
}
.basic_form .col-8 {
  flex: 8%;
}
.basic_form .col-10 {
  flex: 10%;
}
.basic_form .col-12 {
  flex: 12.5%;
}
.basic_form .col-15 {
  flex: 15%;
}
.basic_form .col-20 {
  flex: 20%;
}
.basic_form .col-25 {
  flex: 24%;
}
.basic_form .col-25-half {
  align-content: flex-end;
}
.basic_form .col-30 {
  flex: 30%;
}
.basic_form .col-33 {
  flex: 33%;
}
.basic_form .col-40 {
  flex: 40%;
}
.basic_form .col-45 {
  flex: 45%;
}
.basic_form .col-50 {
  flex: 50%;
}
.basic_form .col-60 {
  flex: 60%;
}
.basic_form .col-70 {
  flex: 69%;
}
.basic_form .col-75 {
  flex: 74%;
}
.basic_form .col-80 {
  flex: 80%;
}
.basic_form .col-90 {
  flex: 90%;
}
.basic_form .info {
  flex: 100%;
}
.basic_form .col-3,
.basic_form .col-5,
.basic_form .col-8,
.basic_form .col-10,
.basic_form .col-12,
.basic_form .col-15,
.basic_form .col-20,
.basic_form .col-25,
.basic_form .col-30,
.basic_form .col-33,
.basic_form .col-40,
.basic_form .col-45,
.basic_form .col-50,
.basic_form .col-60,
.basic_form .col-70,
.basic_form .col-75,
.basic_form .col-80,
.basic_form .col-90 {
  padding: 0 2px;
}
.basic_form .col-3-left,
.basic_form .col-5-left,
.basic_form .col-8-left,
.basic_form .col-10-left,
.basic_form .col-12-left,
.basic_form .col-15-left,
.basic_form .col-20-left,
.basic_form .col-25-left,
.basic_form .col-30-left,
.basic_form .col-33-left,
.basic_form .col-40-left,
.basic_form .col-45-left,
.basic_form .col-50-left,
.basic_form .col-60-left,
.basic_form .col-70-left,
.basic_form .col-75-left,
.basic_form .col-80-left,
.basic_form .col-90-left {
  text-align: left;
}
.basic_form .col-3-right,
.basic_form .col-5-right,
.basic_form .col-8-right,
.basic_form .col-10-right,
.basic_form .col-12-right,
.basic_form .col-15-right,
.basic_form .col-20-right,
.basic_form .col-25-right,
.basic_form .col-30-right,
.basic_form .col-33-right,
.basic_form .col-40-right,
.basic_form .col-45-right,
.basic_form .col-50-right,
.basic_form .col-60-right,
.basic_form .col-70-right,
.basic_form .col-75-right,
.basic_form .col-80-right,
.basic_form .col-90-right {
  text-align: right;
}
.basic_form .col-3-center,
.basic_form .col-5-center,
.basic_form .col-8-center,
.basic_form .col-10-center,
.basic_form .col-12-center,
.basic_form .col-15-center,
.basic_form .col-20-center,
.basic_form .col-25-center,
.basic_form .col-30-center,
.basic_form .col-33-center,
.basic_form .col-40-center,
.basic_form .col-45-center,
.basic_form .col-50-center,
.basic_form .col-60-center,
.basic_form .col-70-center,
.basic_form .col-75-center,
.basic_form .col-80-center,
.basic_form .col-90-center {
  text-align: center;
}
.basic_form .col-3-decimal,
.basic_form .col-5-decimal,
.basic_form .col-8-decimal,
.basic_form .col-10-decimal,
.basic_form .col-12-decimal,
.basic_form .col-15-decimal,
.basic_form .col-20-decimal,
.basic_form .col-25-decimal,
.basic_form .col-30-decimal,
.basic_form .col-33-decimal,
.basic_form .col-40-decimal,
.basic_form .col-45-decimal,
.basic_form .col-50-decimal,
.basic_form .col-60-decimal,
.basic_form .col-70-decimal,
.basic_form .col-75-decimal,
.basic_form .col-80-decimal,
.basic_form .col-90-decimal {
  text-align: right;
  padding-right: 5px;
}
.basic_form .col-3 a,
.basic_form .col-5 a,
.basic_form .col-8 a,
.basic_form .col-10 a,
.basic_form .col-12 a,
.basic_form .col-15 a,
.basic_form .col-20 a,
.basic_form .col-25 a,
.basic_form .col-30 a,
.basic_form .col-33 a,
.basic_form .col-40 a,
.basic_form .col-45 a,
.basic_form .col-50 a,
.basic_form .col-60 a,
.basic_form .col-70 a,
.basic_form .col-75 a,
.basic_form .col-80 a,
.basic_form .col-90 a {
  text-decoration: none;
  color: black;
}
.basic_form .col-3-left-blue,
.basic_form .col-5-left-blue,
.basic_form .col-8-left-blue,
.basic_form .col-10-left-blue,
.basic_form .col-12-left-blue,
.basic_form .col-15-left-blue,
.basic_form .col-20-left-blue,
.basic_form .col-25-left-blue,
.basic_form .col-30-left-blue,
.basic_form .col-33-left-blue,
.basic_form .col-40-left-blue,
.basic_form .col-45-left-blue,
.basic_form .col-50-left-blue,
.basic_form .col-60-left-blue,
.basic_form .col-70-left-blue,
.basic_form .col-75-left-blue,
.basic_form .col-80-left-blue,
.basic_form .col-90-left-blue,
.basic_form .col-3-right-blue,
.basic_form .col-5-right-blue,
.basic_form .col-8-right-blue,
.basic_form .col-10-right-blue,
.basic_form .col-12-right-blue,
.basic_form .col-15-right-blue,
.basic_form .col-20-right-blue,
.basic_form .col-25-right-blue,
.basic_form .col-30-right-blue,
.basic_form .col-33-right-blue,
.basic_form .col-40-right-blue,
.basic_form .col-45-right-blue,
.basic_form .col-50-right-blue,
.basic_form .col-60-right-blue,
.basic_form .col-70-right-blue,
.basic_form .col-75-right-blue,
.basic_form .col-80-right-blue,
.basic_form .col-90-right-blue,
.basic_form .col-3-decimal-blue,
.basic_form .col-5-decimal-blue,
.basic_form .col-8-decimal-blue,
.basic_form .col-10-decimal-blue,
.basic_form .col-12-decimal-blue,
.basic_form .col-15-decimal-blue,
.basic_form .col-20-decimal-blue,
.basic_form .col-25-decimal-blue,
.basic_form .col-30-decimal-blue,
.basic_form .col-33-decimal-blue,
.basic_form .col-40-decimal-blue,
.basic_form .col-45-decimal-blue,
.basic_form .col-50-decimal-blue,
.basic_form .col-60-decimal-blue,
.basic_form .col-70-decimal-blue,
.basic_form .col-75-decimal-blue,
.basic_form .col-80-decimal-blue,
.basic_form .col-90-decimal-blue,
.basic_form .col-3-center-blue,
.basic_form .col-5-center-blue,
.basic_form .col-8-center-blue,
.basic_form .col-10-center-blue,
.basic_form .col-12-center-blue,
.basic_form .col-15-center-blue,
.basic_form .col-20-center-blue,
.basic_form .col-25-center-blue,
.basic_form .col-30-center-blue,
.basic_form .col-33-center-blue,
.basic_form .col-40-center-blue,
.basic_form .col-45-center-blue,
.basic_form .col-50-center-blue,
.basic_form .col-60-center-blue,
.basic_form .col-70-center-blue,
.basic_form .col-75-center-blue,
.basic_form .col-80-center-blue,
.basic_form .col-90-center-blue {
  color: blue;
}
.basic_form .E8E8E8 {
  background-color: #e8e8e8;
}
.basic_form .FFCCFF {
  background-color: #ffccff;
}
.basic_form .CCFFFF {
  background-color: #ccffff;
}
.basic_form .F8FBBF {
  background-color: #f8fbbf;
}
.basic_form .decimal {
  text-align: right;
  padding-right: 5px;
}
.basic_form .grey1 {
  background-color: #e0e0e0;
}
.basic_form .grey2 {
  background-color: #c8c8c8;
}
.basic_form .grey3 {
  background-color: #a4a4a4;
}
.basic_form .printPDF {
  float: left;
  margin-left: 20px;
  width: 80px;
  height: 40px;
  background: url(../images/icon/pdf1.png) no-repeat top center / cover;
  background-size: auto 100%;
}
.basic_form .printDXF {
  float: left;
  margin-left: 20px;
  width: 80px;
  height: 40px;
  background: url(../images/icon/dxf.png) no-repeat top center / cover;
  background-size: auto 100%;
}
.basic_form .printSTP {
  float: left;
  margin-left: 20px;
  width: 80px;
  height: 40px;
  background: url(../images/icon/stp.png) no-repeat top center / cover;
  background-size: auto 100%;
}
.basic_form .container {
  width: 100%;
  background-color: #f9f9f9;
  padding: 5px 5px 5px 5px;
  border: 1px solid lightgrey;
  border-radius: 3px;
}
.basic_form .expert {
  width: 100%;
  display: flex;
}
.basic_form .long-5 {
  flex: 5%;
}
.basic_form .long-10 {
  flex: 10%;
}
.basic_form .long-15 {
  flex: 15%;
}
.basic_form .long-20 {
  flex: 20%;
}
.basic_form .long-25 {
  flex: 25%;
}
.basic_form .long-30 {
  flex: 30%;
}
.basic_form .long-35 {
  flex: 35%;
}
.basic_form .long-40 {
  flex: 40%;
}
.basic_form .long-45 {
  flex: 45%;
}
.basic_form .long-50 {
  flex: 50%;
}
.basic_form .long-60 {
  flex: 60%;
}
.basic_form .long-75 {
  flex: 75%;
}
.basic_form .long-5,
.basic_form .long-10,
.basic_form .long-15,
.basic_form .long-20,
.basic_form .long-25,
.basic_form .long-30,
.basic_form .long-35,
.basic_form .long-40,
.basic_form .long-45,
.basic_form .long-50,
.basic_form .long-60,
.basic_form .long-75 {
  padding: 0 3px;
}
.basic_form .long-5 button,
.basic_form .long-10 button,
.basic_form .long-15 button,
.basic_form .long-20 button,
.basic_form .long-25 button,
.basic_form .long-30 button,
.basic_form .long-35 button,
.basic_form .long-40 button,
.basic_form .long-45 button,
.basic_form .long-50 button,
.basic_form .long-60 button,
.basic_form .long-75 button {
  width: 100%;
  height: 85%;
}
.basic_form .readonly {
  background-color: #d6d6d6;
  color: #828282;
}
.basic_form .element-active {
  visibility: visible;
  opacity: 1;
}
.basic_form .info_block {
  width: 100%;
  display: block;
}
.basic_form .info_block-b {
  display: none;
}
.basic_form .suggestion_list {
  position: absolute;
  width: 25%;
  z-index: 30;
  background-color: #e6f2ff;
}
.basic_form .suggestion_list p {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
}
.basic_form .suggestion_list p:nth-child(2n+2) {
  background: #cce6ff;
}
.basic_form .suggestion_list p:hover {
  background-color: #80bfff;
}
.basic_form .suggestion_list .row {
  font-size: 0.8em;
}
.basic_form .suggestion_list .row:nth-child(2n+2) {
  background: #c7f0dc;
}
.basic_form .radio-horizontal {
  margin-bottom: 5px;
  height: 35px;
  background-color: #f2f2f2 !important;
  font-size: 14px;
  /* The container */
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
}
.basic_form .radio-horizontal label {
  display: inline;
  position: relative;
  padding: 0 0 0 28px;
  margin: 0 0 0 7px;
  cursor: pointer;
  user-select: none;
}
.basic_form .radio-horizontal .c-red {
  background-color: rgba(255, 19, 23, 0.36);
}
.basic_form .radio-horizontal .c-green {
  background-color: rgba(31, 255, 12, 0.49);
}
.basic_form .radio-horizontal .c-blue {
  background-color: rgba(6, 43, 255, 0.45);
}
.basic_form .radio-horizontal .c-yellow {
  background-color: rgba(255, 243, 33, 0.49);
}
.basic_form .radio-horizontal .c-orange {
  background-color: rgba(255, 158, 17, 0.49);
}
.basic_form .radio-horizontal .c-violet {
  background-color: rgba(255, 58, 211, 0.49);
}
.basic_form .radio-horizontal label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.basic_form .radio-horizontal span {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
}
.basic_form .radio-horizontal span:hover input ~ label {
  background-color: #ccc;
}
.basic_form .radio-horizontal label input:checked ~ span {
  background-color: #2196F3;
}
.basic_form .radio-horizontal span:after {
  content: "";
  position: absolute;
  display: none;
}
.basic_form .radio-horizontal label input:checked ~ span:after {
  display: block;
}
.basic_form .radio-horizontal label span:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.basic_form .chk {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.basic_form .chk_input {
  display: none;
}
.basic_form .chk_box {
  width: 1.25em;
  height: 1.25em;
  border: 2px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 10px;
  flex-shrink: 0;
  transition: background 0.15s, border-color 0.15s;
}
.basic_form .chk_box::after {
  content: '\2714';
  color: #fff;
  transform: scale(0);
}
.basic_form .chk_input:checked + .chk_box {
  background: #2266dc;
  border-color: #2266dc;
}
.basic_form .chk_input:checked + .chk_box::after {
  transform: scale(1);
}
.basic_form span.price {
  float: right;
  color: grey;
}
@media (max-width: 800px) {
  .basic_form .row {
    flex-direction: column-reverse;
  }
  .basic_form .col-25 {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1000px) {
  .overview-section {
    padding: 140px 0 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .overview-section {
    padding: 80px 0 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .overview-section {
    padding: 70px 0 0;
  }
}
@media screen and (max-width: 599px) {
  .overview-section {
    padding: 50px 0 0;
  }
}
.overview-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
}
.overview-title {
  text-align: center;
  font-weight: bold;
  font-size: 2.5em;
  margin-bottom: 10px;
}
.overview-fastmenu {
  text-align: center;
  margin-bottom: 10px;
}
.overview-fastmenu .item {
  height: 25px;
  margin-right: 10px;
  display: inline-block;
}
.overview-fastmenu .item a {
  text-decoration: none;
  width: 100%;
}
.overview-fastmenu .item a:hover {
  color: dodgerblue;
}
.overview-fastmenu .item-blue {
  color: blue;
}
.overview-fastmenu .item-red {
  color: red;
}
.overview-fastmenu .item-green {
  color: green;
}
.overview-fastmenu .item-yellow {
  color: #967942;
}
.overview-fastmenu .item-violet {
  color: #863272;
}
.overview-container .row {
  display: flex;
  flex-wrap: wrap;
}
.overview-container .col-5 {
  flex: 5%;
}
.overview-container .col-10 {
  flex: 10%;
}
.overview-container .col-12 {
  flex: 12.5%;
}
.overview-container .col-20 {
  flex: 20%;
}
.overview-container .col-25 {
  flex: 24%;
}
.overview-container .col-25-half {
  align-content: flex-end;
}
.overview-container .col-30 {
  flex: 30%;
}
.overview-container .col-40 {
  flex: 40%;
}
.overview-container .col-50 {
  flex: 50%;
}
.overview-container .col-60 {
  flex: 60%;
}
.overview-container .col-75 {
  flex: 74%;
}
.overview-container .col-80 {
  flex: 80%;
}
.overview-container .col-90 {
  flex: 90%;
}
.overview-container .info {
  flex: 100%;
}
.overview-container .col-5,
.overview-container .col-10,
.overview-container .col-12,
.overview-container .col-20,
.overview-container .col-25,
.overview-container .col-30,
.overview-container .col-40,
.overview-container .col-50,
.overview-container .col-60,
.overview-container .col-75,
.overview-container .col-80,
.overview-container .col-90 {
  padding: 0 5px;
}
.overview-container .col-5-left,
.overview-container .col-10-left,
.overview-container .col-12-left,
.overview-container .col-20-left,
.overview-container .col-25-left,
.overview-container .col-30-left,
.overview-container .col-40-left,
.overview-container .col-50-left,
.overview-container .col-60-left,
.overview-container .col-75-left,
.overview-container .col-80-left,
.overview-container .col-90-left {
  text-align: left;
}
.overview-container .col-5-right,
.overview-container .col-10-right,
.overview-container .col-12-right,
.overview-container .col-20-right,
.overview-container .col-25-right,
.overview-container .col-30-right,
.overview-container .col-40-right,
.overview-container .col-50-right,
.overview-container .col-60-right,
.overview-container .col-75-right,
.overview-container .col-80-right,
.overview-container .col-90-right {
  text-align: right;
}
.overview-container .col-5-center,
.overview-container .col-10-center,
.overview-container .col-12-center,
.overview-container .col-20-center,
.overview-container .col-25-center,
.overview-container .col-30-center,
.overview-container .col-40-center,
.overview-container .col-50-center,
.overview-container .col-60-center,
.overview-container .col-75-center,
.overview-container .col-80-center,
.overview-container .col-90-center {
  text-align: center;
}
.overview-container .col-5-decimal,
.overview-container .col-10-decimal,
.overview-container .col-12-decimal,
.overview-container .col-20-decimal,
.overview-container .col-25-decimal,
.overview-container .col-30-decimal,
.overview-container .col-40-decimal,
.overview-container .col-50-decimal,
.overview-container .col-60-decimal,
.overview-container .col-75-decimal,
.overview-container .col-80-decimal,
.overview-container .col-90-decimal {
  text-align: right;
  padding-right: 5px;
}
.overview-container .col-5 button,
.overview-container .col-10 button,
.overview-container .col-12 button,
.overview-container .col-20 button,
.overview-container .col-25 button,
.overview-container .col-30 button,
.overview-container .col-40 button,
.overview-container .col-50 button,
.overview-container .col-60 button,
.overview-container .col-75 button,
.overview-container .col-80 button,
.overview-container .col-90 button {
  width: 100%;
}
.overview-container .col-5 a,
.overview-container .col-10 a,
.overview-container .col-12 a,
.overview-container .col-20 a,
.overview-container .col-25 a,
.overview-container .col-30 a,
.overview-container .col-40 a,
.overview-container .col-50 a,
.overview-container .col-60 a,
.overview-container .col-75 a,
.overview-container .col-80 a,
.overview-container .col-90 a {
  text-decoration: none;
  color: black;
}
.overview-container .col-5-left-blue,
.overview-container .col-10-left-blue,
.overview-container .col-12-left-blue,
.overview-container .col-20-left-blue,
.overview-container .col-25-left-blue,
.overview-container .col-30-left-blue,
.overview-container .col-40-left-blue,
.overview-container .col-50-left-blue,
.overview-container .col-60-left-blue,
.overview-container .col-75-left-blue,
.overview-container .col-80-left-blue,
.overview-container .col-90-left-blue,
.overview-container .col-5-right-blue,
.overview-container .col-10-right-blue,
.overview-container .col-12-right-blue,
.overview-container .col-20-right-blue,
.overview-container .col-25-right-blue,
.overview-container .col-30-right-blue,
.overview-container .col-40-right-blue,
.overview-container .col-50-right-blue,
.overview-container .col-60-right-blue,
.overview-container .col-75-right-blue,
.overview-container .col-80-right-blue,
.overview-container .col-90-right-blue,
.overview-container .col-5-decimal-blue,
.overview-container .col-10-decimal-blue,
.overview-container .col-12-decimal-blue,
.overview-container .col-20-decimal-blue,
.overview-container .col-25-decimal-blue,
.overview-container .col-30-decimal-blue,
.overview-container .col-40-decimal-blue,
.overview-container .col-50-decimal-blue,
.overview-container .col-60-decimal-blue,
.overview-container .col-75-decimal-blue,
.overview-container .col-80-decimal-blue,
.overview-container .col-90-decimal-blue,
.overview-container .col-5-center-blue,
.overview-container .col-10-center-blue,
.overview-container .col-12-center-blue,
.overview-container .col-20-center-blue,
.overview-container .col-25-center-blue,
.overview-container .col-30-center-blue,
.overview-container .col-40-center-blue,
.overview-container .col-50-center-blue,
.overview-container .col-60-center-blue,
.overview-container .col-75-center-blue,
.overview-container .col-80-center-blue,
.overview-container .col-90-center-blue {
  color: blue;
}
.overview-container .blue {
  background-color: #e1deff;
}
.overview-container .red {
  background-color: #ffb9b9;
}
.overview-container .green {
  background-color: #dcffa8;
}
.overview-container .yellow {
  background-color: #fffcb4;
}
.overview-container .violet {
  background-color: #ffade0;
}
.product-section {
  padding-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .product-section {
    padding: 120px 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .product-section {
    padding: 70px 0;
  }
}
@media screen and (max-width: 599px) {
  .product-section {
    padding: 50px 0;
  }
}
.product-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1240px;
}
.product-container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
  align-items: flex-start;
}
.product-preview-container {
  width: 40%;
}
@media screen and (max-width: 699px) {
  .product-preview-container {
    width: 100%;
    max-width: 300px;
    margin: 0 auto 40px auto;
  }
}
.product-preview-image {
  position: relative;
}
.product-preview-image img {
  max-width: 100%;
}
.product-preview-image .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 400ms;
}
.product-preview-image .overlay > .icon {
  width: 40px;
  height: 40px;
  background: url(../images/icon-magnifier.svg) no-repeat center / contain;
}
.product-preview-image:hover .overlay {
  opacity: 1;
}
.product-description-container {
  width: 60%;
  padding-left: 40px;
}
.product-description-container .main_text {
  margin-bottom: 0;
}
.product-description-container .main_text p {
  text-align: left !important;
}
@media screen and (max-width: 699px) {
  .product-description-container {
    width: 100%;
    padding-left: 0;
  }
  .product-description-container .main_text p {
    text-align: center !important;
  }
}
.product-description-gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px -10px -10px;
}
@media screen and (max-width: 699px) {
  .product-description-gallery {
    justify-content: center;
  }
}
.product-description-gallery .product-preview-image {
  max-width: 120px;
  padding: 10px;
  border: 1px solid #eceaea;
  margin: 10px;
}
.product-description-gallery .product-preview-image .icon {
  width: 30px;
  height: 30px;
}
.product-pricelist-heading-container {
  background: #eceaea;
  font-weight: 700;
  font-size: 13px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px;
  line-height: 20px;
}
@media screen and (max-width: 899px) {
  .product-pricelist-heading-container .nomobile {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  .product-pricelist-heading-container .mobile {
    display: none;
  }
}
.product-pricelist-heading-container .product-pricelist-row-code_name {
  align-items: center !important;
}
.product-pricelist-row {
  border: 1px solid #eceaea;
  border-top: 0;
  /*
            &-stock_price
            {
                display: flex;
                flex-shrink: 0;
                text-align: right;
                align-items: center;

                @media screen and (max-width: 899px) 
                {
                    flex-wrap: wrap;
                    width: 100%;
                    
                    .stock, .price
                    {
                        width: 100% !important; 
                        margin-right: 0 !important;
                        margin-left: 0 !important;
                        display: flex;
                        justify-content: space-between;
                        
                        div:last-child {text-align: right; padding-left: 20px; flex-shrink: 0;}
                        div:first-child {text-align: left;}
                    }
                }
 
                & .stock {width: 80px; margin-left: 30px;}
                & .price {width: 90px; margin-left: 30px; font-weight: 700;}
            }
*/
}
.product-pricelist-row:nth-child(2n+2) {
  background: #f9f9f9;
}
.product-pricelist-row-inside {
  padding: 15px 20px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  line-height: 24px;
  font-size: 14px;
  position: relative;
}
@media screen and (max-width: 899px) {
  .product-pricelist-row-inside {
    flex-wrap: wrap;
  }
}
.product-pricelist-row-code_name {
  display: flex;
  flex-grow: 1;
}
@media screen and (max-width: 899px) {
  .product-pricelist-row-code_name {
    flex-wrap: wrap;
    width: 100%;
  }
  .product-pricelist-row-code_name .code,
  .product-pricelist-row-code_name .old_code,
  .product-pricelist-row-code_name .name {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    display: flex;
    justify-content: space-between;
  }
  .product-pricelist-row-code_name .code div:last-child,
  .product-pricelist-row-code_name .old_code div:last-child,
  .product-pricelist-row-code_name .name div:last-child {
    text-align: right;
    padding-left: 20px;
  }
  .product-pricelist-row-code_name .code div:first-child,
  .product-pricelist-row-code_name .old_code div:first-child,
  .product-pricelist-row-code_name .name div:first-child {
    text-align: left;
  }
  .product-pricelist-row-code_name .name {
    order: -1;
    border-bottom: 1px solid #eceaea;
    padding-bottom: 12px;
    margin-bottom: 10px;
  }
  .product-pricelist-row-code_name .name div:last-child {
    padding-left: 0;
  }
}
.product-pricelist-row-code_name .code {
  width: 90px;
  margin-right: 20px;
  flex-shrink: 0;
}
.product-pricelist-row-code_name .material-heading {
  width: 60px;
  margin-right: 20px;
  flex-shrink: 0;
}
.product-pricelist-row-code_name .material {
  width: 60px;
  border: 1px solid black;
  margin-right: 20px;
  flex-shrink: 0;
}
.product-pricelist-row-code_name .sell1 {
  color: #ff2527;
}
.product-pricelist-row-code_name .norma {
  width: 60px;
  margin-right: 20px;
  flex-shrink: 0;
}
.product-pricelist-row-code_name .name {
  width: 480px;
  margin-right: 20px;
  flex-shrink: 0;
}
.product-pricelist-row-code_name .old_code {
  width: 50px;
  margin-right: 30px;
}
.product-pricelist-row-code_name .stock {
  width: 60px;
  margin-left: 10px;
}
.product-pricelist-row-code_name .price {
  width: 70px;
  margin-left: 10px;
  font-weight: 700;
}
.product-pricelist-row-quantity_button {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
}
@media screen and (max-width: 899px) {
  .product-pricelist-row-quantity_button {
    padding-top: 12px;
    width: 100%;
  }
  .product-pricelist-row-quantity_button .quantity {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    display: flex;
    justify-content: space-between !important;
  }
  .product-pricelist-row-quantity_button .quantity div:last-child {
    text-align: right;
    padding-left: 20px;
  }
  .product-pricelist-row-quantity_button .quantity div:first-child {
    text-align: left;
  }
}
.product-pricelist-row-quantity_button .quantity {
  width: 120px;
  margin-left: 1px;
  text-align: center;
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 899px) {
  .product-pricelist-row-quantity_button .quantity {
    margin-left: 0;
    width: 100%;
  }
}
.product-pricelist-row-quantity_button .quantity input {
  width: 32px;
  height: 30px;
  margin-right: 3px;
  text-align: center;
  padding: 14px 2px;
}
.product-pricelist-row-quantity_button .quantity .multiply {
  font-weight: 700;
  margin: 0 5px;
}
.product-pricelist-row-quantity_button .quantity .inside {
  display: flex;
  align-items: center;
}
.product-pricelist-row-quantity_button .buy {
  width: 100px;
  margin-left: 10px;
  text-align: center;
}
@media screen and (max-width: 899px) {
  .product-pricelist-row-quantity_button .buy {
    width: 100%;
    margin-left: 0;
    margin-top: 18px;
    display: flex;
    justify-content: flex-end;
  }
}
.product-pricelist-row-quantity_button .buy .button {
  padding: 4px 20px;
}
.product-pricelist-container.load-more .product-pricelist-row {
  display: none;
}
#loadMore {
  margin-top: 60px;
}
#loadMore.noContent {
  display: none;
}
.header_line-section {
  border-bottom: 1px solid #eceaea;
}
.header_line-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 10px 20px;
}
.header_line-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #666666;
  font-size: 13px;
  line-height: 20px;
}
.header_line-container a {
  text-decoration: none;
  color: #666;
  transition: 400ms;
}
.header_line-container a:hover .address {
  text-decoration: underline;
}
.header_line-container a:hover strong,
.header_line-container a:hover .colon {
  color: #666;
}
.header_line-container .alert-danger {
  background-color: rgba(237, 130, 88, 0.49);
  animation: blinker 2s linear infinite;
}
.header_line-container .alert-success {
  background-color: rgba(142, 237, 110, 0.49);
  animation: blinker 2s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.header_line-shop-container {
  display: flex;
  align-items: center;
  padding-right: 20px;
  line-height: 16px;
}
.header_line-shop-container a {
  margin-right: 15px;
}
@media screen and (max-width: 449px) {
  .header_line-shop-container a {
    margin-right: 0;
  }
}
 > .header_line-shop-container .colon {
  font-weight: 700;
}
@media screen and (max-width: 449px) {
  .header_line-shop-container .colon {
    display: none;
  }
}
@media screen and (max-width: 449px) {
  .header_line-shop-container .address {
    display: none;
  }
}
.header_line-shop-payment {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 699px) {
  .header_line-shop-payment {
    display: none;
  }
}
.header_line-shop-payment div {
  margin-right: 10px;
}
.header_line-shop-payment div:last-child {
  margin-right: 0;
}
.header_line-content-container {
  display: flex;
  align-items: center;
}
.header_line-content-login {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header_line-content-login .name {
  margin-right: 15px;
}
@media screen and (min-width: 800px) {
  .header_line-content-login .name span {
    font-weight: 700;
    color: #f1ba38;
    text-align: right;
    line-height: 16px;
    text-decoration: none;
    transition: 400ms;
  }
  .header_line-content-login .name:hover span {
    color: #026cb5;
    text-decoration: none;
  }
}
@media screen and (max-width: 799px) {
  .header_line-content-login .name {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 2px solid #f1ba38;
    flex-shrink: 0;
    background: url(../images/icon-user-yellow.svg) no-repeat center;
    background-size: 16px;
  }
  .header_line-content-login .name span {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  .header_line-content-login .link span {
    text-decoration: underline;
    color: #666;
  }
  .header_line-content-login .link:hover span {
    text-decoration: none;
  }
}
@media screen and (max-width: 999px) {
  .header_line-content-login .link {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    border: 2px solid #026cb5;
    flex-shrink: 0;
  }
  .header_line-content-login .link span {
    display: none;
  }
  .header_line-content-login .link.login {
    background: url(../images/icon-login.svg) no-repeat center;
    background-size: 16px;
  }
  .header_line-content-login .link.logout {
    background: url(../images/icon-logout.svg) no-repeat center;
    background-size: 15px;
  }
}
.header_line-content-language {
  border-left: 1px solid #eceaea;
  padding-left: 20px;
  margin-left: 20px;
  color: #666;
  position: relative;
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: 400ms;
  z-index: 30;
}
.header_line-content-language:hover .header_line-content-language-content {
  display: block;
}
.header_line-content-language:hover .header_line-content-language-button {
  color: #026cb5;
}
.header_line-content-language-button {
  background-color: transparent;
  background: url(../images/arrow-blue.svg) no-repeat center right;
  background-position: right 3px;
  background-size: 12px 12px;
  color: #666;
  padding: 16px;
  font-size: 13px;
  border: none;
  cursor: pointer;
  padding: 0 25px 0 0;
  font-weight: 400;
}
.header_line-content-language-content {
  display: none;
  position: absolute;
  min-width: 60px;
  margin-left: -21px;
  z-index: 1;
  padding-top: 10px;
  text-align: center;
  padding-top: 21px;
}
.header_line-content-language-content a {
  color: #333333;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  transition: 400ms;
  background: #fff;
  border: 1px solid #f1f1f1;
  border-top: none;
}
.header_line-content-language-content a:hover {
  background-color: #026cb5;
  color: #ffffff;
}
.header-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 27px 20px;
}
@media screen and (max-width: 999px) {
  .header-wrap {
    padding: 20px 20px;
  }
}
.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-logo-container {
  line-height: 0;
}
@media screen and (min-width: 1000px) {
  .header-logo-container img {
    max-width: 220px;
  }
}
@media screen and (max-width: 999px) {
  .header-logo-container img {
    max-width: 180px;
  }
}
@media screen and (max-width: 399px) {
  .header-logo-container img {
    max-width: 150px;
  }
}
.header-phone-container {
  text-decoration: none;
  color: #333333;
  background: url(../images/icon-phone.svg) no-repeat;
  background-size: 19px 18px;
  padding-left: 30px;
  background-position: 0 15px;
  margin: 0 30px;
}
.header-phone-container:hover {
  color: #333333;
}
.header-phone-container:hover .header-phone-number {
  color: #026cb5;
}
@media screen and (min-width: 1000px) {
  .header-phone-container {
    padding-top: 2px;
    padding-bottom: 2px;
  }
}
@media screen and (max-width: 699px) {
  .header-phone-container {
    width: 40px;
    height: 40px;
    background: #f1ba38 url(../images/icon-phone-white.svg) no-repeat center;
    background-size: 19px 18px;
    border-radius: 50%;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 499px) {
  .header-phone-container {
    margin: 0 15px;
  }
}
.header-phone-text {
  font-weight: 300;
  font-size: 14px;
  line-height: 14px;
  color: #666666;
  margin-bottom: 4px;
}
@media screen and (max-width: 699px) {
  .header-phone-text {
    display: none;
  }
}
.header-phone-number {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  transition: 400ms;
}
@media screen and (max-width: 699px) {
  .header-phone-number {
    display: none;
  }
}
.header-search-container {
  border: 1px solid #cccccc;
  margin-right: 30px;
  width: 100%;
}
@media screen and (min-width: 1000px) {
  .header-search-container {
    max-width: 250px;
  }
}
@media screen and (max-width: 999px) {
  .header-search-container {
    max-width: 210px;
    position: absolute;
    top: 156px;
    z-index: 20;
    border: 0;
    left: 20px;
  }
}
.header-search-container form {
  display: flex;
  align-items: center;
  background: #ffffff;
}
.header-search-container input {
  color: #333333;
  width: 100%;
  padding: 6px 8px;
  appearance: none;
  border-radius: 0;
  font-size: 14px;
  border-radius: 0px;
  font-family: 'Poppins', sans-serif;
  border: 0;
  margin-left: 5px;
}
.header-search-container input::placeholder {
  font-size: 13px;
}
.header-search-button-container {
  height: 40px;
}
.header-search-button-container .search,
.header-search-button-container button {
  width: 40px;
  height: 40px;
  background: url(../images/icon-magnifier.svg) no-repeat center / contain;
  background-size: 20px;
  cursor: pointer;
  appearance: none;
  border: 0;
  margin-right: 5px;
}
.header-period-container {
  border: 1px solid #cccccc;
  margin-right: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  background: #ffffff;
  text-align: center;
}
.header-period-container-label {
  margin-left: 3px ;
  flex: 10%;
  color: #FF0000;
}
.header-period-container-fromTo {
  margin-left: 3px ;
  flex: 15%;
  text-align: center;
  font-weight: bold;
  font-family: Arial;
}
@media screen and (min-width: 1000px) {
  .header-period-container {
    max-width: 250px;
  }
}
@media screen and (max-width: 999px) {
  .header-period-container {
    max-width: 250px;
    position: absolute;
    top: 156px;
    z-index: 20;
    border: 0;
    left: 250px;
  }
}
.header-period-button-container {
  height: 40px;
}
.header-period-button-container button {
  width: 40px;
  height: 40px;
  background: url(../images/icon-setting.svg) no-repeat center / contain;
  background-size: 20px;
  cursor: pointer;
  appearance: none;
  border: 0;
}
.header-cart-container {
  display: flex;
  text-decoration: none;
  color: #333333;
  transition: 400ms;
}
.header-cart-container:hover {
  color: #026cb5;
}
.header-cart-container:hover .header-cart-text-text {
  color: #333333;
}
.header-cart-container:hover .header-cart-icon-number {
  background: #333333;
}
.header-cart-icon-container {
  background: url(../images/icon-cart.svg) no-repeat;
  background-size: 31px;
  width: 45px;
  height: 36px;
  margin-right: 9px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-shrink: 0;
}
.header-cart-icon-number {
  background: #f1ba38;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  font-size: 11px;
  line-height: 24px;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  border: 2px solid #ffffff;
  transition: 400ms;
}
.header-cart-text-number {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: right;
  transition: 400ms;
}
@media screen and (max-width: 499px) {
  .header-cart-text-number {
    display: none;
  }
}
.header-cart-text-text {
  font-weight: 300;
  font-size: 13px;
  line-height: 13px;
  color: #333333;
  margin-bottom: 4px;
  text-align: right;
  transition: 400ms;
}
@media screen and (max-width: 499px) {
  .header-cart-text-text {
    display: none;
  }
}
.invoice-section {
  padding-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .invoice-section {
    padding: 120px 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .invoice-section {
    padding: 70px 0;
  }
}
@media screen and (max-width: 599px) {
  .invoice-section {
    padding: 50px 0;
  }
}
.invoice-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
}
.invoice-report {
  margin-bottom: 50px;
  width: 100%;
  height: 100%;
}
.invoice-report-head {
  margin-top: 10px;
  width: 100%;
  height: 43px;
}
.invoice-report-head .logo {
  float: left;
  width: 203px;
  height: 30px;
  margin: 5px;
  background: url(../images/logo/logo_Kz.jpg) no-repeat top center / cover;
  background-size: auto 100%;
}
.invoice-report-head .logoks {
  float: left;
  width: 280px;
  height: 30px;
  margin: 5px;
  background: url(../images/logo/logo_Ks.jpg) no-repeat top center / cover;
  background-size: auto 100%;
}
.invoice-report-head .logosk {
  float: left;
  width: 260px;
  height: 30px;
  margin: 5px;
  background: url(../images/logo/logo_Sk.jpg) no-repeat top center / cover;
  background-size: auto 100%;
}
.invoice-report-head .form {
  float: left;
  margin-left: 50px;
  width: 80px;
  height: 40px;
  background: url(../images/icon/form.png) no-repeat top center / cover;
  background-size: auto 100%;
}
.invoice-report-head .print {
  float: left;
  margin-left: 20px;
  width: 80px;
  height: 40px;
  background: url(../images/icon/pdf1.png) no-repeat top center / cover;
  background-size: auto 100%;
}
.invoice-report-head .number {
  text-align: right;
  font-size: 1.5em;
  float: right;
  width: 460px;
  height: 30px;
  margin: 5px;
  padding-right: 30px;
}
.invoice-report-head .headline {
  text-align: left;
  font-size: 1.5em;
  float: left;
  width: 450px;
  height: 30px;
  margin: 5px;
  padding-right: 30px;
}
.invoice-report p {
  margin: 5px 0 0 5px;
}
.invoice-report .code {
  padding-left: 0px;
  text-align: left;
  width: 100px;
}
.invoice-report .code120 {
  padding-left: 0px;
  text-align: left;
  width: 120px;
}
.invoice-report .description {
  padding-left: 0px;
  text-align: left;
  width: 500px;
}
.invoice-report .item {
  padding-left: 0px;
  text-align: justify;
  width: 850px;
}
.invoice-report .text {
  padding-left: 0px;
  text-align: center;
}
.invoice-report .text-vatA {
  text-align: left;
  width: 200px;
}
.invoice-report .text-vatB {
  text-align: left;
  width: 180px;
}
.invoice-report .text-right {
  text-align: right;
  padding-right: 5px;
}
.invoice-report .decimal {
  padding-right: 5px;
  text-align: right;
}
.invoice-report .left {
  text-align: left;
  padding-left: 5px;
}
.invoice-report .right {
  text-align: right;
  padding-right: 5px;
}
.invoice-report .message {
  margin-top: 50px;
}
.invoice-report .received {
  margin-top: 100px;
}
.invoice-report .signature {
  margin: 100px 0 0 300px;
}
.invoice-report .frame1 {
  border: solid 1px ;
  border-color: #5e5e5e #5e5e5e #ffff #5e5e5e ;
}
.invoice-report .frame2 {
  border: solid black 2px;
}
.invoice-report .frameB {
  border-bottom: solid gray 1px;
}
.invoice-report .frameR {
  border-right: solid gray 1px;
}
.invoice-report .frameL {
  border-left: solid gray 1px;
}
.invoice-report .frameU {
  border: solid 1px ;
  border-color: #ffff #5e5e5e #5e5e5e  #5e5e5e ;
}
.invoice-report .h50 {
  height: 50px;
}
.invoice-report .h150 {
  height: 150px;
}
.invoice-report .h230 {
  height: 230px;
}
.invoice-report .h280 {
  height: 280px;
}
.invoice-report .h300 {
  height: 300px;
}
.invoice-report-half-box {
  float: left;
  width: 50%;
}
.invoice-report-half-box-half {
  float: left;
  width: 100%;
  border: solid red 1px;
}
.invoice-report-half-box-half-info {
  text-align: right;
  margin-right: 30px;
}
.invoice-report-half-box-half-info table {
  width: 50%;
  margin-left: 330px;
}
.invoice-report-half-box-half-info table tbody {
  width: 80%;
}
.invoice-report-half-box-half-info table .border {
  font-size: 1em;
  border: black 2px solid;
}
.invoice-report-half-box-half-info table .bold {
  font-size: 1em;
  font-weight: bold;
}
.invoice-report-half-box-half-amount {
  text-align: right;
  margin: 10px 30px 0 0;
}
.invoice-report-half-box-half-amount table {
  width: 100%;
  margin-left: 1px;
}
.invoice-report-half-box-half-amount table tbody {
  width: 100%;
}
.invoice-report-half-box-half-supplier {
  padding-left: 20px;
  margin-left: 30px;
  border: black 2px solid;
}
.invoice-report-half-box-half-customer {
  padding-left: 20px;
  margin-left: 30px;
  border: black 2px solid;
}
.invoice-report-half-box-half-consignee {
  margin-top: 30px;
}
.invoice-report-half-box-half-text {
  width: 100%;
}
.invoice-report-half-box .vat_table {
  margin: 30px 0 10px 120px;
  width: 80%;
  border: black solid 1px;
}
.invoice-report-half-box .price {
  margin-left: 370px;
  width: 45%;
}
.invoice-report-half-box .price .head {
  font-weight: bolder;
  border: black 1px solid;
}
.invoice-report-half-box .price_project {
  margin-left: 20px;
  width: 80%;
}
.invoice-report-half-box .price_project .head {
  font-weight: bolder;
  border: black 1px solid;
}
.invoice-report-box {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}
.invoice-report-box .item_table {
  width: 100%;
  border-bottom: solid dimgrey 2px;
}
.invoice-report-box .item_table .head {
  font-weight: bolder;
}
.invoice-report-box .item_table .head-grey {
  background-color: #e6e6e6;
  color: black;
}
.invoice-report-box .item_table .head-blue {
  background-color: lightskyblue;
}
.invoice-report-box .item_table th {
  color: #787878;
  border-bottom: double black 3px;
}
.invoice-report-box .DM {
  width: 200px;
  padding-top: 5px;
  height: 80px;
  text-align: center;
  font-size: 0.8em;
  float: left;
  border: 1px solid black ;
}
.invoice-report-box .label {
  width: 100%;
  margin: 1px 0 1px 0 ;
  height: 20px;
}
.invoice-report .form1 {
  float: left;
  margin: 5px 0 0 10px;
  width: 80px;
  height: 40px;
  background: url(../images/icon/form.png) no-repeat top center / cover;
  background-size: auto 100%;
}
.invoice-report .print1 {
  float: left;
  margin: 5px 0 0 10px;
  width: 80px;
  height: 40px;
  background: url(../images/icon/pdf1.png) no-repeat top center / cover;
  background-size: auto 100%;
}
.invoice-report-row {
  float: left;
  width: 100%;
}
.invoice-report-row-row {
  float: left;
  width: 100%;
}
.invoice-report-row-col25 {
  float: left;
  width: 25%;
}
.invoice-report-row-col50 {
  float: left;
  width: 50%;
}
.invoice-report-row-col25,
.invoice-report-row-col50 {
  padding-left: 5px;
}
.invoice-report-row-col25-row,
.invoice-report-row-col50-row {
  float: left;
  width: 100%;
}
.invoice-report-row-col25-col40,
.invoice-report-row-col50-col40 {
  float: left;
  width: 40%;
}
.invoice-report-row-col25-col60,
.invoice-report-row-col50-col60 {
  float: left;
  width: 60%;
}
.invoice-report-row .standard_table {
  width: 100%;
  font-size: 1.1em;
}
.invoice-report-row .standard_table td .doc-title {
  font-size: 1.5em;
}
.invoice-report-row .standard_table td .w25 {
  width: 25%;
}
.invoice-report-row .standard_table td .w50 {
  width: 50%;
}
.invoice-report-row .standard_table td .w75 {
  width: 75%;
}
.invoice-report-row .account_table {
  width: 100%;
  font-size: small;
  font-weight: lighter;
  font-family: Arial;
}
.invoice-report-row .account_table tr {
  height: 15px;
}
.invoice-report-row .account_table th {
  border-bottom: gray dashed 1px;
  border-right: gray dashed 1px;
  height: 15px;
  width: 50px;
}
.invoice-report-row .account_table td {
  border-right: gray dashed 1px;
  height: 15px;
}
.invoice-foot {
  float: left;
  margin-top: 15px;
  width: 100%;
  text-align: right;
}
.invoice-foot .software {
  text-align: right;
  font-size: smaller;
  color: gray;
}
.report-sheet {
  margin-bottom: 50px;
  width: 100%;
  height: 100%;
}
.report-sheet .rt {
  line-height: 20px;
  margin: 5px 0 0 0 ;
}
.report-sheet .code {
  padding-left: 0px;
  text-align: left;
  width: 100px;
}
.report-sheet .description {
  padding-left: 0px;
  text-align: left;
  width: 500px;
}
.report-sheet .text {
  padding-left: 0px;
  text-align: center;
}
.report-sheet .text-vatA {
  text-align: left;
  width: 200px;
}
.report-sheet .text-vatB {
  text-align: left;
  width: 180px;
}
.report-sheet .decimal {
  padding-right: 5px;
  text-align: right;
}
.report-sheet .message {
  margin-top: 50px;
}
.report-sheet .received {
  margin-top: 100px;
}
.report-sheet .signature {
  margin: 50px 0 0 300px;
}
.report-sheet-head {
  margin-top: 10px;
  width: 100%;
  height: 42px;
}
.report-sheet-head .logo {
  float: left;
  width: 203px;
  height: 30px;
  margin: 5px;
  background: url(../images/logo/logo_Kz.jpg) no-repeat top center / cover;
  background-size: auto 100%;
}
.report-sheet-head .form {
  float: left;
  margin-left: 50px;
  width: 80px;
  height: 40px;
  background: url(../images/icon/form.png) no-repeat top center / cover;
  background-size: auto 100%;
}
.report-sheet-head .print {
  float: left;
  margin-left: 20px;
  width: 80px;
  height: 40px;
  background: url(../images/icon/pdf1.png) no-repeat top center / cover;
  background-size: auto 100%;
}
.report-sheet-head .number {
  text-align: right;
  font-size: 1.5em;
  float: right;
  width: 400px;
  height: 30px;
  margin: 5px;
  padding-right: 30px;
}
.report-sheet-box {
  margin-bottom: 20px;
  width: 100%;
}
.report-sheet-box-half {
  float: left;
  width: 50%;
  border: black solid 1px;
}
.report-sheet-box-half-quarter {
  float: left;
  width: 100%;
  border: solid red 1px;
}
.report-sheet-box-half-quarter-info {
  text-align: right;
  margin-right: 30px;
}
.report-sheet-box-half-quarter-info table {
  margin-left: 400px;
}
.report-sheet-box-half-quarter-customer {
  padding-left: 20px;
  margin-left: 30px;
  border: black 2px solid;
}
.report-sheet-box-half-quarter-consignee {
  margin-top: 30px;
}
.report-sheet-box-half-quarter-text {
  width: 100%;
}
.report-sheet-box-half .vat_table {
  margin: 30px 0 10px 120px;
  width: 80%;
  border: black solid 1px;
}
.report-sheet-box-half .price {
  margin-left: 400px;
  width: 40%;
}
.report-sheet-box-half .price .head {
  font-weight: bolder;
  border: black 1px solid;
}
.report-sheet-item-box {
  margin-bottom: 20px;
  width: 100%;
  font-size: medium;
}
.report-sheet-item-box .item_table {
  width: 100%;
  border-bottom: solid dimgrey 2px;
}
.report-sheet-item-box .item_table .head {
  font-weight: normal;
}
.report-sheet-item-box .item_table th {
  color: #787878;
  border-bottom: double black 3px;
}
.report-foot {
  float: left;
  margin-top: 15px;
  width: 100%;
}
/*

.invoice {
  font-family: arial;
  font-size: 15px;
}

.half-box {
  float: left;
  width: 50%;
}

.invoice-hr {
  border: 0px;
  color: #3b94e0;
  background: #3b94e0;
  height: 5px;
}

.clear {
  clear: both;
}

.text-right {
  text-align: right;
}

/*
        Nadpisy
*/
/*
.invoice h1 {
  font-family: Verdana;
  font-size: 20px;
  color: #575757;
  margin-bottom: 5px;
}

.invoice h2 {
  font-family: Verdana;
  font-size: 1em;
  color: #787878;
  margin-bottom: 5px;
  text-align: left;
}

/*
        Tabulky
*/
/*
.invoice table th {
  color: #787878;
}

.invoice-first-column {
  padding-left: 0px;
  text-align: left;
}

.total-table {
  margin-top: 50px;
  width: 100%;
  text-align: right;
}

.total {
  font-size: 1.1em;
}

.items-table {
  width: 100%;
  margin-top: 20px;
  text-align: right;
}

.items-table th {
  text-align: right;
}

.order-item-template {
  display: none;
}

.invoice-dates {
  margin-top: 37px;
  width: 100%;
  text-align: right;
}
.cell-spacing td {
  padding-right: 10px;
}

.cell-spacing td:last-child {
  padding-right: 0px;
}
*/
.navbar-section {
  z-index: 10;
  position: relative;
}
@media screen and (min-width: 1000px) {
  .navbar-section {
    margin-bottom: -130px;
    position: absolute;
  }
}
@media screen and (max-width: 999px) {
  .navbar-section {
    margin-bottom: 0;
  }
}
.navbar-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  color: #ffffff;
  position: relative;
  transition: 400ms;
}
@media screen and (max-width: 999px) {
  .navbar-wrap {
    background: #026cb5;
    height: 70px;
  }
}
.navbar-wrap.order {
  height: auto !important;
}
@media screen and (min-width: 1000px) {
  .navbar-submenu-container {
    background: #f9f9f9;
    color: #333333;
    display: flex;
  }
  .navbar-submenu-item-container {
    width: 10%;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    padding: 20px 10px 15px 10px;
    color: #333333;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
  }
  .navbar-submenu-item-container:hover {
    color: #333333;
    text-decoration: underline;
  }
  .navbar-submenu-item-container.line {
    border-right: 1px solid #eceaea;
  }
  .navbar-submenu-item-image {
    width: 24px;
    height: 24px;
    margin-bottom: 15px;
    transition: 400ms;
  }
  .navbar-submenu-item-image.test {
    background: url(../images/icon-submenu-test.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.experts {
    background: url(../images/icon-submenu-experts.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.zabradli {
    background: url(../images/icon-submenu-zabradli.png) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.trelaze {
    background: url(../images/icon-submenu-trelaze.png) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.architektura {
    background: url(../images/icon-submenu-architektura.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.lankove_systemy {
    background: url(../images/icon-submenu-lankove_systemy.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.konfigurator {
    background: url(../images/icon-submenu-konfigurator.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.holubi {
    background: url(../images/icon-submenu-holubi.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.rackove {
    background: url(../images/icon-submenu-rackove.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.vrabci {
    background: url(../images/icon-submenu-vrabci.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.strakapoudi {
    background: url(../images/icon-submenu-strakapoudi.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.jiricky {
    background: url(../images/icon-submenu-jiricky.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.pulzni {
    background: url(../images/icon-submenu-pulzni.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.plasici {
    background: url(../images/icon-submenu-plasici.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.hrotovy {
    background: url(../images/icon-submenu-hrotovy.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.sitovy {
    background: url(../images/icon-submenu-sitovy.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.lankovy {
    background: url(../images/icon-submenu-lankovy.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.special {
    background: url(../images/icon-submenu-special.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.sochy {
    background: url(../images/icon-submenu-sochy.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.balkony {
    background: url(../images/icon-submenu-balkony.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.fasady {
    background: url(../images/icon-submenu-fasady.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.strechy {
    background: url(../images/icon-submenu-strechy.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-image.svetliky {
    background: url(../images/icon-submenu-svetliky.svg) no-repeat center;
    background-size: 24px;
  }
  .navbar-submenu-item-text {
    width: 100%;
  }
}
@media screen and (max-width: 999px) {
  .navbar-submenu-container {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
  }
  .sticky .menu > ul > li a {
    padding: 10px 0;
  }
  .sticky .icon {
    width: 0 !important;
    height: 0 !important;
    margin-bottom: 0 !important;
  }
  .sticky .content {
    padding-top: 0;
  }
  .sticky .navbar-submenu-item-image {
    width: 0 !important;
    height: 0 !important;
    margin-bottom: 0 !important;
  }
  .sticky .navbar-submenu-item-container {
    padding-top: 15px;
    justify-content: center;
  }
}
/* 
––––––––––––––––––––––––––––––––––––––––––––––––––
    megamenu
–––––––––––––––––––––––––––––––––––––––––––––––––– 
*/
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (min-width: 1000px) {
  .menu-mobile {
    display: none;
  }
}
.menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.menu > ul > li {
  padding: 0;
  margin: 0;
  width: calc(100% / 7);
  display: flex;
}
.menu > ul > li a {
  text-decoration: none;
  padding: 20px 0px 20px;
  display: block;
  text-transform: uppercase;
  color: #333333;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  transition: 400ms;
  background: #eceaea;
}
.menu > ul > li a:hover {
  background: #e5e2e2;
}
.menu > ul > li a:hover .content {
  border-right-color: #e5e2e2;
}
@media screen and (min-width: 1000px) {
  .menu > ul > li:nth-child(1) a,
  .menu > ul > li:nth-child(2) a,
  .menu > ul > li:nth-child(3) a {
    background: #026cb5;
    color: #ffffff;
  }
  .menu > ul > li:nth-child(1) a:hover,
  .menu > ul > li:nth-child(2) a:hover,
  .menu > ul > li:nth-child(3) a:hover {
    background: #f1ba38;
  }
  .menu > ul > li:nth-child(1) a:hover .content,
  .menu > ul > li:nth-child(2) a:hover .content,
  .menu > ul > li:nth-child(3) a:hover .content {
    border-right-color: #f1ba38;
  }
  .menu > ul > li:nth-child(1) .content,
  .menu > ul > li:nth-child(2) .content {
    border-right-color: #0263a6;
  }
  .menu > ul > li:nth-child(3) .content {
    border-right: 0;
  }
  .menu > ul > li:last-child .content {
    border-right: 0;
  }
  .menu > ul > li:nth-child(1) .active,
  .menu > ul > li:nth-child(2) .active,
  .menu > ul > li:nth-child(3) .active {
    background: #0263a6;
  }
  .menu > ul > li .content {
    border-right: 1px solid #e0dddd;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: 400ms;
    height: 100%;
    padding-top: 4px;
  }
  .menu > ul > li .icon {
    width: 30px;
    height: 30px;
    margin-bottom: 15px;
    transition: 400ms;
  }
  .menu > ul > li .icon.ochrana_ptactvo {
    background: url(../images/icon-menu-ochrana.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.ochrana_sitovy {
    background: url(../images/icon-menu-sitovy.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.ochrana_lankovy {
    background: url(../images/icon-menu-lankovy.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.lanka {
    background: url(../images/icon-menu-lanka.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.spojovaci {
    background: url(../images/icon-menu-spojovaci.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.cenik {
    background: url(../images/icon-menu-cenik.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.dokumenty {
    background: url(../images/icon-menu-dokumenty.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.galerie {
    background: url(../images/icon-menu-galerie.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.kontakt {
    background: url(../images/icon-menu-kontakt.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.sklad {
    background: url(../images/icon-menu-sklad.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.vyroba {
    background: url(../images/icon-menu-vyroba.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.zamestnanec {
    background: url(../images/icon-menu-zamestnanec.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.administrace {
    background: url(../images/icon-menu-administrace.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.prodejna {
    background: url(../images/icon-menu-prodejna.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.zakaznik {
    background: url(../images/icon-menu-zakaznik.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.marketing {
    background: url(../images/icon-menu-marketing.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.servis {
    background: url(../images/icon-menu-servis.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.terminal {
    background: url(../images/icon-menu-terminal.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .icon.quarz {
    background: url(../images/icon-menu-quarz.svg) no-repeat center;
    background-size: 30px;
  }
  .menu > ul > li .text {
    flex-grow: 1;
    display: flex;
    align-items: center;
  }
  .menu > ul > li .gap {
    display: none;
  }
  .menu > ul > li .normal-sub {
    display: none !important;
  }
}
.menu > ul > li > ul {
  display: none;
  width: 100%;
  background: #f9f9f9;
  position: absolute;
  z-index: 99;
  left: 0px;
  margin: 0;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul:after {
  clear: both;
}
.menu_desktop > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.menu_desktop > ul > li {
  padding: 0;
  margin: 0;
  width: calc(100% / 7);
  display: flex;
}
.menu_desktop > ul > li a {
  text-decoration: none;
  padding: 20px 0px 20px;
  display: block;
  text-transform: uppercase;
  color: #333333;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  transition: 400ms;
  background: #eceaea;
}
.menu_desktop > ul > li a:hover {
  background: #e5e2e2;
}
.menu_desktop > ul > li a:hover .content {
  border-right-color: #e5e2e2;
}
@media screen and (min-width: 1000px) {
  .menu_desktop > ul > li:nth-child(1) a,
  .menu_desktop > ul > li:nth-child(2) a,
  .menu_desktop > ul > li:nth-child(3) a {
    background: #026cb5;
    color: #ffffff;
  }
  .menu_desktop > ul > li:nth-child(1) a:hover,
  .menu_desktop > ul > li:nth-child(2) a:hover,
  .menu_desktop > ul > li:nth-child(3) a:hover {
    background: #f1ba38;
  }
  .menu_desktop > ul > li:nth-child(1) a:hover .content,
  .menu_desktop > ul > li:nth-child(2) a:hover .content,
  .menu_desktop > ul > li:nth-child(3) a:hover .content {
    border-right-color: #f1ba38;
  }
  .menu_desktop > ul > li:nth-child(1) .content,
  .menu_desktop > ul > li:nth-child(2) .content {
    border-right-color: #0263a6;
  }
  .menu_desktop > ul > li:nth-child(3) .content {
    border-right: 0;
  }
  .menu_desktop > ul > li:last-child .content {
    border-right: 0;
  }
  .menu_desktop > ul > li:nth-child(1) .active,
  .menu_desktop > ul > li:nth-child(2) .active,
  .menu_desktop > ul > li:nth-child(3) .active {
    background: #0263a6;
  }
  .menu_desktop > ul > li .content {
    border-right: 1px solid #e0dddd;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: 400ms;
    height: 100%;
    padding-top: 4px;
  }
  .menu_desktop > ul > li .text {
    flex-grow: 1;
    display: flex;
    align-items: center;
  }
  .menu_desktop > ul > li .gap {
    display: none;
  }
  .menu_desktop > ul > li .normal-sub {
    display: none !important;
  }
}
.menu_desktop > ul > li > ul {
  display: none;
  width: 100%;
  background: #f9f9f9;
  position: absolute;
  z-index: 99;
  left: 0px;
  margin: 0;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.menu_desktop > ul > li > ul:before,
.menu_desktop > ul > li > ul:after {
  content: "";
  display: table;
}
.menu_desktop > ul > li > ul:after {
  clear: both;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 999px) {
  .menu-mobile.custom {
    text-decoration: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    float: right;
  }
  .menu-mobile.custom .text {
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    padding-right: 0px;
  }
  .menu-mobile.custom .hamburger {
    width: 70px;
    height: 70px;
    background: #026cb5 url(../images/icon-hamburger.svg) no-repeat center;
    background-size: 20px;
    display: inline-block;
  }
  .menu-mobile::after {
    display: none;
  }
  .menu-container {
    width: 100%;
  }
  .menu-dropdown-icon .arrow {
    display: block;
    width: 55px;
    height: 30px;
    background: red;
    position: absolute;
    background: url(../images/arrow-blue.svg) center right 25px no-repeat;
    background-size: 18px auto;
    right: 0;
    cursor: pointer;
    margin-top: 17px;
  }
  .menu,
  .menu_desktop {
    height: 0;
  }
  .menu > ul,
  .menu_desktop > ul {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.4s, opacity 0.4s linear;
    clear: both;
  }
  .menu > ul > li,
  .menu_desktop > ul > li {
    width: 100%;
    float: none;
    display: block;
  }
  .menu > ul > li a,
  .menu_desktop > ul > li a {
    background: #ffffff;
  }
  .menu > ul > li a:hover,
  .menu_desktop > ul > li a:hover {
    color: #ffffff !important;
  }
  .menu > ul > li > a,
  .menu_desktop > ul > li > a {
    border-bottom: 1px solid #eceaea;
  }
  .menu > ul > li br,
  .menu_desktop > ul > li br {
    display: none;
  }
  .menu > ul > li .sub-menu.normal-sub,
  .menu_desktop > ul > li .sub-menu.normal-sub {
    width: 100%;
    left: auto;
    padding: 0;
  }
  .menu > ul > li a,
  .menu_desktop > ul > li a {
    padding: 22px;
    width: 100%;
    display: block;
    color: #333333 !important;
    font-size: 14px;
  }
  .menu > ul > li a:hover,
  .menu_desktop > ul > li a:hover {
    text-decoration: none !important;
    background: #f1ba38;
  }
  .menu > ul > li > ul,
  .menu_desktop > ul > li > ul {
    position: relative;
    padding: 0;
    background: #f1f1f1;
  }
  .menu > ul > li > ul.normal-sub,
  .menu_desktop > ul > li > ul.normal-sub {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #eceaea;
  }
  .menu > ul > li > ul > li,
  .menu_desktop > ul > li > ul > li {
    float: none;
    width: 100%;
    padding-top: 0;
    border-bottom: 1px solid #eceaea;
  }
  .menu > ul > li > ul > li:first-child,
  .menu_desktop > ul > li > ul > li:first-child {
    margin: 0;
  }
  .menu > ul > li > ul > li a,
  .menu_desktop > ul > li > ul > li a {
    text-decoration: none;
    width: 100%;
    padding: 20px !important;
    transition: 400ms;
    font-size: 14px;
    background: #f1f1f1;
    text-transform: none;
    font-weight: 400;
  }
  .menu > ul > li > ul > li a:hover,
  .menu_desktop > ul > li > ul > li a:hover {
    background: #026cb5;
  }
  .menu .clear,
  .menu_desktop .clear {
    clear: both;
  }
  .menu .show-on-mobile,
  .menu_desktop .show-on-mobile {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.4s linear;
    height: auto;
  }
}
@media screen and (max-width: 369px) {
  .menu-mobile.custom .text {
    display: none;
  }
}
.modal-a1 {
  position: fixed;
  background-color: #000000;
  opacity: 0.5;
  top: 40%;
  left: 30%;
  width: 620px;
  max-width: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  z-index: 20;
}
.modal-a2 {
  position: fixed;
  background-color: white;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  width: 985px;
  max-width: 65%;
  visibility: hidden;
  z-index: 20;
  border: 1px solid black;
  border-radius: 3px;
}
.modal-a3 {
  position: fixed;
  background-color: white;
  top: 40%;
  left: 30%;
  transform: translate(-50%, -50%);
  width: 990px;
  max-width: 65%;
  visibility: hidden;
  z-index: 20;
  border: 1px solid black;
  border-radius: 3px;
}
.modal-a4 {
  position: fixed;
  background-color: #e2e2e2;
  top: 40%;
  left: 50%;
  width: 100%;
  height: 25%;
  transform: translate(-50%, -50%);
  max-width: 70%;
  visibility: hidden;
  z-index: 20;
  border: 1px solid black;
  border-radius: 3px;
  /*

  position: fixed;
  width: 80%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.47);
  opacity: 0.5;
  position: absolute;
  top:100px;
  left:10px;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  z-index: 20;
*/
}
.modal-a4-content {
  position: absolute;
  width: 95%;
  top: 40%;
  left: 2%;
  max-height: 650px;
  background-color: white;
  opacity: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
}
.modal-a5 {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.47);
  opacity: 0.5;
  top: 35%;
  left: 35%;
  transform: translate(-50%, -50%);
  width: 800px;
  visibility: hidden;
  z-index: 20;
  border: 1px solid black;
  border-radius: 3px;
}
.modal-a1-active,
.modal-a2-active,
.modal-a3-active,
.modal-a4-active,
.modal-a5-active {
  visibility: visible;
  opacity: 1;
}
.modal-a-content {
  position: relative;
  width: 100%;
  max-height: 820px;
  background-color: white;
  opacity: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: flex;
  justify-content: start;
  text-align: start;
  flex-wrap: wrap;
  cursor: pointer;
}
.close-a1,
.close-a2,
.close-a3,
.close-a4,
.close-a5 {
  position: absolute;
  right: 10px;
  font-size: 42px;
  font-weight: bold;
  cursor: pointer;
  transform: rotate(45deg);
}
.modal-c {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.47);
  opacity: 0.5;
  position: absolute;
  top: 100px;
  left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  z-index: 30;
}
.modal-c-active {
  visibility: visible;
  opacity: 1;
}
.modal-c-content {
  position: relative;
  width: 1000px;
  background-color: white;
  opacity: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: flex;
  justify-content: start;
  text-align: start;
  flex-wrap: wrap;
  cursor: pointer;
}
.close-c {
  position: absolute;
  top: 2px;
  right: 15px;
  font-size: 42px;
  font-weight: bold;
  cursor: pointer;
  transform: rotate(45deg);
}
.modal-h {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.47);
  opacity: 0.5;
  position: absolute;
  top: 100px;
  left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  z-index: 30;
}
.modal-h-active {
  visibility: visible;
  opacity: 1;
}
.modal-h-content {
  position: relative;
  width: 1000px;
  background-color: white;
  opacity: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: flex;
  justify-content: start;
  text-align: start;
  flex-wrap: wrap;
  cursor: pointer;
}
.close-h {
  position: absolute;
  top: 2px;
  right: 15px;
  font-size: 42px;
  font-weight: bold;
  cursor: pointer;
  transform: rotate(45deg);
}
.modal-p {
  position: fixed;
  background-color: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  max-width: 50%;
  visibility: hidden;
  z-index: 10;
  border: 1px solid black;
  border-radius: 3px;
}
.modal-p-active {
  visibility: visible;
  opacity: 1;
}
.modal-p-header {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  border-bottom: 1px solid black;
}
.modal-p-header .title {
  font-size: 1.25rem;
  font-weight: bold;
}
.modal-p-header .close-p {
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  font-size: 1.25rem;
  font-weight: bold;
}
.modal-p-body {
  padding: 10px;
  display: flex;
  justify-content: start;
  text-align: start;
  flex-wrap: wrap;
}
.btn-per {
  -webkit-appearance: none;
  border-radius: 0;
}
.modal-s {
  position: fixed;
  background-color: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  max-width: 50%;
  visibility: hidden;
  z-index: 10;
  border: 1px solid black;
  border-radius: 3px;
}
.modal-s-active {
  visibility: visible;
  opacity: 1;
}
.modal-s-header {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-content: center;
  border-bottom: 1px solid black;
}
.modal-s-header .title {
  font-size: 1.25rem;
  font-weight: bold;
}
.modal-s-header .close-s {
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  font-size: 1.25rem;
  font-weight: bold;
}
.modal-s-body {
  padding: 10px;
  display: flex;
  justify-content: start;
  text-align: start;
  flex-wrap: wrap;
}
.close-s {
  position: absolute;
  top: 2px;
  right: 15px;
  font-size: 42px;
  font-weight: bold;
  cursor: pointer;
  transform: rotate(45deg);
}
.hero-section {
  display: flex;
  align-items: stretch;
}
@media screen and (min-width: 1000px) {
  .hero-section {
    padding-top: 130px;
    padding-bottom: 100px;
    height: 835px;
    background: url(../images/hero-image-1920.jpg) no-repeat top center;
    background-size: auto 100%;
    margin-bottom: -70px;
  }
}
@media screen and (max-width: 999px) {
  .hero-section {
    padding: 60px 0;
    background: url(../images/hero-image-1000.jpg) no-repeat top center / cover;
    background-size: auto 100%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 599px) {
  .hero-section {
    background: url(../images/hero-image-600.jpg) no-repeat bottom center / cover;
    margin-bottom: 0px;
  }
}
.hero-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
}
.hero-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 599px) {
  .hero-container {
    justify-content: center;
  }
}
.hero-inside h1 {
  margin-bottom: 40px;
}
@media screen and (max-width: 999px) {
  .hero-inside h1 {
    margin-bottom: 20px;
  }
}
.hero-inside .heading-1 {
  color: #026cb5;
  font-size: 50px;
  line-height: 66px;
  display: block;
  text-align: left;
  font-weight: 800;
}
@media screen and (max-width: 999px) {
  .hero-inside .heading-1 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 599px) {
  .hero-inside .heading-1 {
    text-align: center;
    font-size: 34px;
    line-height: 44px;
  }
}
.hero-inside .heading-2 {
  color: #333333;
  display: block;
  text-align: left;
  font-size: 40px;
  line-height: 50px;
  font-weight: 400;
}
@media screen and (max-width: 999px) {
  .hero-inside .heading-2 {
    font-size: 40px;
    line-height: 50px;
  }
}
@media screen and (max-width: 599px) {
  .hero-inside .heading-2 {
    text-align: center;
    font-size: 34px;
    line-height: 44px;
  }
}
.hero-inside .subheading {
  color: #333333;
  display: block;
  max-width: 480px;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 50px;
}
@media screen and (max-width: 599px) {
  .hero-inside .subheading {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
  }
}
@media screen and (max-width: 999px) {
  .hero-inside .button {
    font-size: 14px;
    padding: 15px 25px;
    line-height: 22px;
    max-width: 280px;
  }
}
@media screen and (max-width: 599px) {
  .hero-inside .button-container {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .intro_signpost-section {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 599px) {
  .intro_signpost-section {
    padding-bottom: 50px;
    border-bottom: 1px solid #eceaea;
  }
}
.intro_signpost-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
}
.intro_signpost-container {
  display: block;
}
.intro_signpost-item-container {
  display: flex;
}
@media screen and (max-width: 899px) {
  .intro_signpost-item-container {
    display: block;
  }
  .intro_signpost-item-container:last-child .intro_signpost-item-content {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 900px) {
  .intro_signpost-item-container.reverse {
    flex-direction: row-reverse;
  }
}
.intro_signpost-item-image {
  min-height: 250px;
  width: 50%;
}
.intro_signpost-item-image.ochrana_ptactvo {
  background: url(../images/intro-ochrana-ptactvo.jpg) center / cover;
}
.intro_signpost-item-image.lankove_systemy {
  background: url(../images/intro-lankove-systemy.jpg) center / cover;
}
.intro_signpost-item-image.sitovy_system {
  background: url(../images/intro-sitovy-system.jpg) center / cover;
}
.intro_signpost-item-image.hrotovy_system {
  background: url(../images/intro-hrotovy-system.jpg) center / cover;
}
.intro_signpost-item-image.lankovy_system {
  background: url(../images/intro-lankovy-system.jpg) center / cover;
}
.intro_signpost-item-image.spojovaci_material {
  background: url(../images/intro-spojovaci-material.jpg) center / cover;
}
.intro_signpost-item-image.image1 {
  background: url(../images/intro-image1.jpg) center / cover;
}
.intro_signpost-item-image.image2 {
  background: url(../images/intro-image2.jpg) center / cover;
}
.intro_signpost-item-image.image3 {
  background: url(../images/intro-image3.jpg) center / cover;
}
.intro_signpost-item-image.image4 {
  background: url(../images/intro-image4.jpg) center / cover;
}
.intro_signpost-item-image.image5 {
  background: url(../images/intro-image5.jpg) center / cover;
}
.intro_signpost-item-image.image6 {
  background: url(../images/intro-image6.jpg) center / cover;
}
.intro_signpost-item-image.image7 {
  background: url(../images/intro-image7.jpg) center / cover;
}
.intro_signpost-item-image.image8 {
  background: url(../images/intro-image8.jpg) center / cover;
}
.intro_signpost-item-image.image9 {
  background: url(../images/intro-image9.jpg) center / cover;
}
.intro_signpost-item-image.image10 {
  background: url(../images/intro-image10.jpg) center / cover;
}
@media screen and (max-width: 899px) {
  .intro_signpost-item-image {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
  }
}
.intro_signpost-item-content {
  width: 50%;
}
@media screen and (min-width: 1200px) {
  .intro_signpost-item-content {
    padding: 100px 80px;
  }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
  .intro_signpost-item-content {
    padding: 60px 50px;
  }
}
@media screen and (max-width: 899px) {
  .intro_signpost-item-content {
    margin: 40px auto 60px;
    width: 100%;
    max-width: 600px;
    padding: 0 20px;
  }
}
.intro_signpost-item-heading {
  text-align: left;
  font-weight: 700;
  letter-spacing: 0px;
  margin-bottom: 36px;
}
@media screen and (min-width: 900px) {
  .intro_signpost-item-heading {
    font-size: 34px;
    line-height: 44px;
  }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
  .intro_signpost-item-heading {
    font-size: 28px;
    line-height: 38px;
  }
}
@media screen and (max-width: 899px) {
  .intro_signpost-item-heading {
    text-align: center;
  }
}
@media screen and (max-width: 599px) {
  .intro_signpost-item-heading {
    font-size: 24px;
    line-height: 34px;
  }
}
.intro_signpost-item-heading::after {
  content: " ";
  background: #026cb5;
  height: 4px;
  width: 60px;
  display: block;
  margin: 30px auto 0 0;
}
@media screen and (max-width: 899px) {
  .intro_signpost-item-heading::after {
    margin: 20px auto 0;
  }
}
.intro_signpost-item-heading a {
  color: #333333;
  text-decoration: none;
  transition: 400ms;
}
.intro_signpost-item-heading a:hover {
  color: #026cb5;
}
.intro_signpost-item-text {
  margin-bottom: 50px;
}
@media screen and (max-width: 899px) {
  .intro_signpost-item-text {
    margin-bottom: 35px;
    text-align: center;
  }
}
.intro_signpost-item-button-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: -15px;
  margin-left: -8px;
  margin-right: -8px;
}
@media screen and (max-width: 899px) {
  .intro_signpost-item-button-container {
    justify-content: center;
  }
}
.intro_signpost-item-button-container .button {
  margin: 0 8px 15px;
}
@media screen and (min-width: 768px) {
  .usp {
    padding: 120px 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .usp {
    padding: 70px 0;
  }
}
@media screen and (max-width: 599px) {
  .usp {
    padding: 50px 0;
  }
}
.usp-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
.usp-container {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .usp-container {
    flex-wrap: wrap;
  }
}
.usp-item-container {
  width: calc(100%/3);
  padding: 0 40px 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  .usp-item-container {
    width: 100%;
  }
  .usp-item-container:last-child {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 991px) {
  .usp-item-container {
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0 40px 60px;
  }
}
@media screen and (max-width: 599px) {
  .usp-item-container {
    padding: 0 20px 60px;
  }
  .usp-item-container:last-child {
    padding-bottom: 0;
  }
}
.usp-item-image {
  width: 100px;
  height: 90px;
  margin-bottom: 35px;
  align-self: center;
}
.usp-item-image.czech_product {
  background: url(../images/icon-czech-product.svg) no-repeat center center / contain;
}
.usp-item-image.materials {
  background: url(../images/icon-materials.svg) no-repeat center center / contain;
}
.usp-item-image.invisibility {
  background: url(../images/icon-invisibility.svg) no-repeat center center / cover;
}
@media screen and (max-width: 991px) {
  .usp-item-image {
    margin-top: 0;
    flex-shrink: 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 991px) {
  .usp-item-image {
    margin-bottom: 0;
    align-self: flex-start;
  }
}
@media screen and (max-width: 599px) {
  .usp-item-image {
    width: 100px;
    height: 80px;
  }
}
.usp-item-inside {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  flex-grow: 1;
}
@media screen and (min-width: 600px) and (max-width: 991px) {
  .usp-item-inside {
    padding-left: 40px;
    max-width: 500px;
  }
}
.usp-item-heading {
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  text-align: center;
  margin-bottom: 25px;
}
@media screen and (min-width: 600px) and (max-width: 991px) {
  .usp-item-heading {
    text-align: left;
  }
}
.usp-item-text {
  text-align: center;
  flex-grow: 1;
  font-weight: 300;
}
@media screen and (min-width: 600px) and (max-width: 991px) {
  .usp-item-text {
    text-align: left;
  }
}
.intro_gallery-section {
  background: #f9f9f9;
}
@media screen and (min-width: 768px) {
  .intro_gallery-section {
    padding: 120px 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .intro_gallery-section {
    padding: 70px 0;
  }
}
@media screen and (max-width: 599px) {
  .intro_gallery-section {
    padding: 50px 0;
  }
}
@media screen and (min-width: 768px) {
  .intro_gallery-wrap .button-container {
    margin-top: 50px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .intro_gallery-wrap .button-container {
    margin-top: 40px;
  }
}
@media screen and (max-width: 599px) {
  .intro_gallery-wrap .button-container {
    margin-top: 30px;
  }
}
.assembly_bar-section {
  background: url(../images/assembly_bar-background.jpg) center center / cover;
  padding: 50px 20px;
  max-width: 1440px;
}
.assembly_bar-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 600px) {
  .assembly_bar-wrap {
    justify-content: center;
  }
}
@media screen and (max-width: 599px) {
  .assembly_bar-wrap {
    display: block;
  }
}
.assembly_bar-image {
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .assembly_bar-image {
    margin-top: -70px;
    margin-bottom: -20px;
    max-width: 320px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .assembly_bar-image {
    max-width: 240px;
  }
}
@media screen and (max-width: 599px) {
  .assembly_bar-image {
    max-width: 200px;
    margin: 0 auto 40px;
  }
}
.assembly_bar-image img {
  width: 100%;
  max-width: 320px;
}
.assembly_bar-content {
  color: #ffffff;
  display: block;
}
@media screen and (min-width: 768px) {
  .assembly_bar-content {
    margin-left: 80px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .assembly_bar-content {
    margin-left: 50px;
  }
}
@media screen and (max-width: 599px) {
  .assembly_bar-content {
    margin-left: 0px;
  }
}
.assembly_bar-content-heading {
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 15px;
  width: 100%;
  max-width: 100%;
}
.assembly_bar-content-heading strong {
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .assembly_bar-content-heading {
    font-size: 38px;
    line-height: 48px;
  }
}
@media screen and (max-width: 767px) {
  .assembly_bar-content-heading {
    font-size: 30px;
    line-height: 40px;
  }
}
@media screen and (max-width: 599px) {
  .assembly_bar-content-heading {
    text-align: center;
  }
}
.assembly_bar-content-subheading {
  margin-bottom: 40px;
  width: 100%;
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  .assembly_bar-content-subheading {
    font-size: 21px;
    line-height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .assembly_bar-content-subheading {
    font-size: 18px;
    line-height: 26px;
  }
}
@media screen and (max-width: 599px) {
  .assembly_bar-content-subheading {
    text-align: center;
  }
}
.assembly_bar-content .button:hover {
  border: 2px solid #ffffff !important;
  background: transparent !important;
}
@media screen and (max-width: 599px) {
  .assembly_bar-content .button-container {
    justify-content: center;
  }
}
.order-cart-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1240px;
}
.order-cart-heading-container {
  background: #eceaea;
  font-weight: 700;
  font-size: 13px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px;
  line-height: 20px;
}
@media screen and (max-width: 899px) {
  .order-cart-heading-container {
    flex-wrap: wrap;
  }
  .order-cart-heading-container .nomobile {
    display: none;
  }
  .order-cart-heading-container .order-cart-row-name_image {
    border-bottom-color: #ffffff;
  }
  .order-cart-heading-container .order-cart-row-quantity_stock {
    border-bottom-color: #ffffff;
  }
}
@media screen and (min-width: 900px) {
  .order-cart-heading-container .mobile {
    display: none;
  }
}
.order-cart-container {
  border: 1px solid #eceaea;
}
.order-cart-row {
  padding: 26px 20px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  line-height: 24px;
  font-size: 14px;
  position: relative;
}
.order-cart-row:nth-child(2n+2) {
  background: #f9f9f9;
}
@media screen and (max-width: 899px) {
  .order-cart-row {
    flex-wrap: wrap;
  }
}
.order-cart-row-image {
  width: 80px;
  flex-shrink: 0;
}
.order-cart-row-image img {
  max-width: 80px;
}
@media screen and (max-width: 899px) {
  .order-cart-row-image {
    width: 100%;
  }
}
.order-cart-row-code_name {
  flex-grow: 1;
  margin-left: 30px;
}
@media screen and (max-width: 899px) {
  .order-cart-row-code_name {
    width: 100%;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .order-cart-row-code_name .code {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    display: flex;
    justify-content: space-between;
  }
  .order-cart-row-code_name .code div:last-child {
    text-align: right;
    padding-left: 20px;
  }
  .order-cart-row-code_name .code div:first-child {
    text-align: left;
  }
  .order-cart-row-code_name .name {
    order: -1;
    border-bottom: 1px solid #eceaea;
    padding-bottom: 12px;
    margin-bottom: 10px;
  }
  .order-cart-row-code_name .name div:last-child {
    padding-left: 0;
  }
}
.order-cart-row-code_name .code {
  width: 100%;
}
.order-cart-row-code_name .name {
  width: 100%;
}
.order-cart-row-quantity_stock {
  flex-shrink: 0;
}
@media screen and (min-width: 900px) {
  .order-cart-row-quantity_stock {
    display: flex;
  }
}
@media screen and (max-width: 899px) {
  .order-cart-row-quantity_stock {
    width: 100%;
    padding: 12px 0 0;
  }
  .order-cart-row-quantity_stock .quantity,
  .order-cart-row-quantity_stock .stock {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    display: flex;
    justify-content: space-between !important;
  }
  .order-cart-row-quantity_stock .quantity div:last-child,
  .order-cart-row-quantity_stock .stock div:last-child {
    text-align: right;
    padding-left: 20px;
  }
  .order-cart-row-quantity_stock .quantity div:first-child,
  .order-cart-row-quantity_stock .stock div:first-child {
    text-align: left;
  }
}
.order-cart-row-quantity_stock .quantity {
  width: 240px;
  margin-left: 5px;
  text-align: right;
  flex-shrink: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.order-cart-row-quantity_stock .quantity .inside {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 899px) {
  .order-cart-row-quantity_stock .quantity {
    margin-left: 0;
    width: 100%;
    padding-bottom: 12px;
  }
}
.order-cart-row-quantity_stock .quantity form {
  width: 100%;
  height: 35px;
}
.order-cart-row-quantity_stock .quantity input {
  width: 60px;
  height: 30px;
  margin-right: 3px;
  text-align: center;
  padding: 14px 2px;
}
.order-cart-row-quantity_stock .quantity .multiply {
  font-weight: 700;
  margin: 0 5px;
}
.order-cart-row-quantity_stock .quantity .unit {
  width: 20px;
  font-weight: 400;
  margin: 0 5px;
}
.order-cart-row-quantity_stock .quantity .unit_net {
  font-weight: 400;
  margin: 0 5px;
}
.order-cart-row-quantity_stock .quantity .row_form {
  width: 100%;
  margin-left: 1px;
  text-align: right;
  flex-shrink: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.order-cart-row-quantity_stock .quantity .edit_button {
  padding: 1px 1px 0 5px;
  width: 30px;
  height: 30px;
  display: block;
  text-align: right;
  background: url(../images/confirm.jpg) no-repeat center;
  background-size: 75%;
  border: 1px grey;
}
.order-cart-row-quantity_stock .quantity .edit_button:hover {
  border: 1px groove;
}
.order-cart-row-quantity_stock .stock {
  width: 80px;
  margin-left: 30px;
  text-align: right;
  flex-shrink: 0;
}
.order-cart-row-prices {
  flex-shrink: 0;
}
@media screen and (min-width: 900px) {
  .order-cart-row-prices {
    display: flex;
  }
}
@media screen and (max-width: 899px) {
  .order-cart-row-prices {
    width: 100%;
  }
  .order-cart-row-prices .unit,
  .order-cart-row-prices .total_price {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    display: flex;
    justify-content: space-between;
  }
  .order-cart-row-prices .unit div:last-child,
  .order-cart-row-prices .total_price div:last-child {
    text-align: right;
    padding-left: 20px;
  }
  .order-cart-row-prices .unit div:first-child,
  .order-cart-row-prices .total_price div:first-child {
    text-align: left;
  }
}
.order-cart-row-prices .unit {
  width: 100px;
  margin-left: 30px;
  text-align: right;
  flex-shrink: 0;
}
@media screen and (max-width: 699px) {
  .order-cart-row-prices .unit {
    width: 100%;
    margin-left: 0;
  }
}
.order-cart-row-prices .total_price {
  width: 90px;
  margin-left: 30px;
  text-align: right;
  flex-shrink: 0;
  font-weight: 700;
  align-self: center;
}
.order-cart-row .cancel_button {
  width: 30px;
  height: 30px;
  display: block;
  text-align: right;
  background: url(../images/remove.png) no-repeat center;
  background-size: 50%;
  border: 1px grey;
}
.order-cart-row .cancel_button:hover {
  border: 1px groove;
}
.order-cart-row-cancel {
  color: #e3281f;
  width: 10px;
  font-weight: 700;
  text-decoration: none;
  margin-left: 30px;
  flex-shrink: 0;
}
.order-cart-row-cancel:hover {
  color: #e3281f;
}
@media screen and (max-width: 899px) {
  .order-cart-row-cancel {
    position: absolute;
    top: 20px;
    right: 20px;
  }
}
.order-transport_pay-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1240px;
}
.order-transport_pay-container {
  display: flex;
  flex-wrap: wrap;
}
.order-transport_pay-container label {
  width: 100%;
  display: inline-block;
  background: #ffffff;
  border: 1px solid #eceaea;
  border-top: 0;
}
.order-transport_pay-container input[type="radio"]:checked + div {
  background: #f9f9f9;
  display: block;
}
.order-transport_pay-container .label-visible {
  margin-left: 0;
  padding-left: 35px;
}
.order-transport_pay-container .fake-radiobutton,
.order-transport_pay-container .fake-radiobutton-disabled {
  top: 32px;
  left: 20px;
}
.order-transport_pay-heading {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  padding: 20px;
  background: #eceaea;
}
.order-transport_pay-item-container {
  padding: 30px 20px;
}
.order-transport_pay-item-heading {
  display: flex;
  justify-content: space-between;
}
.order-transport_pay-item-heading .heading {
  font-weight: 700;
  text-align: left;
  line-height: 24px;
}
.order-transport_pay-item-heading .heading-disable {
  color: #c1c1c1;
  font-weight: 700;
  text-align: left;
  line-height: 24px;
}
.order-transport_pay-item-heading .price {
  font-weight: 700;
  text-align: right;
  color: #026cb5;
  flex-shrink: 0;
  line-height: 24px;
  padding-left: 20px;
}
.order-transport_pay-item-text {
  margin-top: 5px;
  font-style: italic;
  line-height: 24px;
}
.order-transport_pay-item-select {
  margin-top: 15px;
  max-width: 260px;
}
.order-transport_pay-transport-container {
  margin-right: 15px;
  width: calc(50% - 15px);
}
@media screen and (max-width: 799px) {
  .order-transport_pay-transport-container {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.order-transport_pay-payment-container {
  margin-left: 15px;
  width: calc(50% - 15px);
}
@media screen and (max-width: 799px) {
  .order-transport_pay-payment-container {
    width: 100%;
    margin-left: 0;
  }
}
.order-transport_pay-save {
  padding: 50px 0 40px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 899px) {
  .order-summary_items-section .order-cart-row-quantity_stock {
    padding: 0;
  }
  .order-summary_items-section .order-cart-row-quantity_stock .quantity {
    padding-bottom: 0;
  }
}
.order-summary_middle-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1240px;
  padding: 50px 20px;
}
.order-summary_middle-row {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  line-height: 24px;
}
.order-summary_middle-row:last-child {
  margin-bottom: 0;
}
.order-summary_middle-label {
  padding-right: 20px;
}
.order-summary_middle-value {
  flex-shrink: 0;
}
.order-summary_bottom-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1240px;
  padding: 0;
}
.order-summary_bottom-container {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #eceaea;
  padding-top: 50px;
  justify-content: center;
}
.order-summary_bottom-item-container {
  width: 33.333%;
  padding: 0 20px;
}
@media screen and (max-width: 799px) {
  .order-summary_bottom-item-container {
    width: 50%;
    text-align: center;
  }
  .order-summary_bottom-item-container:last-child {
    margin-top: 44px;
    width: 100%;
    max-width: 340px;
  }
}
@media screen and (max-width: 449px) {
  .order-summary_bottom-item-container {
    width: 100%;
  }
  .order-summary_bottom-item-container:nth-child(2) {
    margin-top: 44px;
  }
}
.order-summary_bottom-item-container .contact-form-textarea {
  min-height: 160px;
}
.order-summary_bottom-item-heading {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 25px;
  margin-bottom: 16px;
}
.order-summary_bottom-item-contact {
  margin-top: 25px;
}
.order-summary_bottom-item-contact a {
  color: #333333;
}
.order-summary_bottom-item-ic_dic {
  margin-top: 25px;
}
.order-summary_bottom-agreement {
  padding: 50px 20px 40px;
  display: flex;
  justify-content: center;
}
.order-summary_bottom-agreement a {
  color: #333333;
}
.order-steps-container {
  background: #eceaea;
  display: flex;
  flex-wrap: wrap;
}
.order-steps-item-home {
  width: 4%;
  padding: 10px 0;
  text-align: center;
  display: flex;
  background: url(../images/icon-menu-prodejna.svg) center no-repeat;
  background-size: 13px 13px;
}
.order-steps-item-container {
  width: 24%;
  padding: 10px 0;
  text-align: center;
  display: flex;
}
@media screen and (max-width: 599px) {
  .order-steps-item-container {
    width: 50%;
  }
  .order-steps-item-container:nth-child(2) {
    border-bottom: 1px solid #e0dddd;
  }
}
.order-steps-item-container.active {
  background: #026cb5;
}
.order-steps-item-container.active .order-steps-item-inside-container {
  border-right-color: #0263a6;
}
.order-steps-item-container.active .number {
  color: #026cb5;
  background: #ffffff;
}
.order-steps-item-container.active .text {
  color: #ffffff;
}
@media screen and (max-width: 599px) {
  .order-steps-item-container.active {
    border-bottom: 1px solid #0263a6;
  }
}
.order-steps-item-container:last-child .order-steps-item-inside-container {
  border-right: 0;
}
.order-steps-item-inside-container {
  border-right: 1px solid #e0dddd;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  width: 100%;
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .order-steps-item-inside-container {
    display: block;
  }
}
@media screen and (max-width: 599px) {
  .order-steps-item-inside-container {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 399px) {
  .order-steps-item-inside-container {
    display: block;
  }
}
.order-steps-item-inside-container .number {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-weight: 600;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  background: #c1c1c1;
  color: #ffffff;
  flex-shrink: 0;
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .order-steps-item-inside-container .number {
    margin: 0 auto 15px;
  }
}
@media screen and (max-width: 399px) {
  .order-steps-item-inside-container .number {
    margin: 0 auto 15px;
  }
}
.order-steps-item-inside-container .text {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  color: #333333;
  text-align: left;
  line-height: 20px;
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .order-steps-item-inside-container .text {
    text-align: center;
  }
}
@media screen and (max-width: 399px) {
  .order-steps-item-inside-container .text {
    text-align: center;
  }
}
.order-count-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1240px;
  border-top: 1px solid #eceaea;
  padding: 50px 20px;
}
.order-count-wrap.notop {
  border-top: 0;
}
.order-count-container {
  display: flex;
  justify-content: flex-end;
}
.order-count-inside-container {
  width: 100%;
  max-width: 420px;
}
.order-count-inside-row {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}
.order-count-inside-row.price {
  margin-top: 25px;
  border-top: 1px solid #eceaea;
  padding-top: 25px;
}
.order-count-inside-row.price .order-count-inside-value {
  font-weight: 700;
  font-size: 20px;
}
.order-count-inside-label {
  padding-right: 20px;
}
.order-count-inside-value {
  flex-shrink: 0;
}
.order-navigation-section {
  padding-top: 0px !important;
}
@media screen and (min-width: 768px) {
  .order-navigation-section {
    padding: 120px 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .order-navigation-section {
    padding: 70px 0;
  }
}
@media screen and (max-width: 599px) {
  .order-navigation-section {
    padding: 50px 0;
  }
}
.order-navigation-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1240px;
  padding-top: 50px;
  border-top: 1px solid #eceaea;
}
.order-navigation-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 599px) {
  .order-navigation-container {
    flex-direction: column-reverse;
  }
}
.order-navigation-container .back {
  color: #666;
  text-decoration: none;
}
.order-navigation-container .back:hover {
  text-decoration: underline;
}
@media screen and (max-width: 599px) {
  .order-navigation-container .back {
    margin-top: 20px;
  }
}
.order-navigation-container .button {
  max-width: none;
}
.order-sent-container {
  text-align: center;
}
.order-sent-icon {
  width: 50%;
  max-width: 150px;
  margin: 0 auto 30px;
}
.order-sent-icon img {
  max-width: 100%;
  height: auto;
}
.order-sent-text {
  text-align: center;
}
.order-sent-thanks {
  color: #026cb5;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 22px;
  margin-top: 30px;
  text-align: center;
}
.customer-delivery-section {
  padding-bottom: 50px;
}
.customer-delivery-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 520px;
}
.customer-delivery-select {
  max-width: 520px;
  margin: 15px 0 15px  0;
  /* margin: 25px auto 0; */
}
@media screen and (max-width: 399px) {
  .customer-delivery-select {
    display: flex;
    justify-content: center;
  }
}
.customer-delivery-select-inside {
  display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 399px) {
  .customer-delivery-select-inside {
    flex-direction: column;
    align-items: flex-start;
  }
}
.customer-delivery-signpost {
  letter-spacing: 1px;
  display: flex;
  text-align: center;
}
.customer-delivery-signpost .active {
  background: #026cb5;
  color: #ffffff;
}
.customer-delivery-signpost a,
.customer-delivery-signpost span {
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  padding: 15px 25px;
  line-height: 22px;
  text-decoration: none;
  font-weight: 600;
  width: 50%;
  background: #eceaea;
  color: #333333;
  transition: 400ms;
}
.customer-delivery-signpost a:first-child,
.customer-delivery-signpost span:first-child {
  border-radius: 6px 0 0 6px;
}
.customer-delivery-signpost a:nth-child(2),
.customer-delivery-signpost span:nth-child(2) {
  border-radius: 0 6px 6px 0;
}
.customer-delivery-signpost a:hover {
  background: #f1ba38;
  color: #ffffff;
}
.customer-delivery-container {
  margin: 25px auto 0;
  max-width: 520px;
}
.customer-delivery-container.login {
  margin-top: 35px;
}
.customer-delivery-block {
  display: none;
}
.customer-delivery-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 399px) {
  .customer-delivery-row {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 15px;
  }
}
.customer-delivery-row.loged_in {
  margin-top: 30px;
  margin-bottom: 20px;
}
.customer-delivery-row.login {
  margin-bottom: 35px;
  margin-top: 20px;
}
.customer-delivery-row.login a {
  color: #666;
  font-size: 14px;
}
.customer-delivery-row.login .registration {
  margin-right: 20px;
}
@media screen and (max-width: 399px) {
  .customer-delivery-row.login .registration {
    margin-right: 0;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
  }
}
.customer-delivery-row.login .password {
  margin-left: 20px;
}
@media screen and (max-width: 399px) {
  .customer-delivery-row.login .password {
    margin-left: 0;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
  }
}
.customer-delivery-row .label {
  font-size: 14px;
  line-height: 20px;
  min-width: 140px;
  padding-right: 20px;
}
@media screen and (max-width: 399px) {
  .customer-delivery-row .label {
    width: 100%;
    text-align: center;
    padding-right: 0;
    padding-bottom: 10px;
  }
}
.customer-delivery-row .content {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
@media screen and (max-width: 399px) {
  .customer-delivery-row .content {
    justify-content: center;
  }
}
.customer-delivery-row .content input {
  font-size: 14px;
  padding: 8px 8px;
  width: 100%;
  max-width: 300px;
}
.customer-delivery-row .content .select-box {
  max-width: 300px;
}
.customer-delivery-row .content .error {
  width: 100%;
  color: #e3281f;
  max-width: 300px;
  font-size: 13px;
}
@media screen and (max-width: 399px) {
  .customer-delivery-row .content .error {
    text-align: center;
  }
}
.customer-delivery-row .content .name {
  font-weight: 700;
  text-align: left;
  max-width: 300px;
  width: 100%;
  font-size: 14px;
}
@media screen and (max-width: 399px) {
  .customer-delivery-row .content .name {
    text-align: center;
  }
}
.customer-delivery-show_more {
  margin-top: 30px;
}
.customer-delivery-show_more .box {
  display: none;
  margin-top: 30px;
  margin-bottom: 30px;
}
.customer-delivery-show_more .control:checked ~ .conditional {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.customer-delivery-show_more .control:not(:checked) ~ .conditional {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.customer-delivery-center {
  display: flex;
  justify-content: center;
}
.customer-delivery-center .registration {
  margin-top: 10px;
}
.customer-delivery-text {
  font-style: italic;
  font-size: 14px;
  line-height: 20px;
  margin-top: 50px;
  text-align: center;
  color: #666;
}
.customer-lost_pass-section {
  padding-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .customer-lost_pass-section {
    padding: 120px 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .customer-lost_pass-section {
    padding: 70px 0;
  }
}
@media screen and (max-width: 599px) {
  .customer-lost_pass-section {
    padding: 50px 0;
  }
}
.customer-lost_pass-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1240px;
}
.customer-lost_pass-container {
  display: flex;
  justify-content: center;
}
.customer-lost_pass-container form {
  width: 100%;
  text-align: center;
}
.customer-lost_pass-container input[type=email] {
  text-align: center;
  margin-bottom: 25px;
  max-width: 360px;
}
@media screen and (min-width: 768px) {
  .contact-intro-section {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .contact-intro-section {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 599px) {
  .contact-intro-section {
    margin-bottom: 0px;
  }
}
.contact-intro-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  max-width: 1240px;
}
.contact-intro-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.contact-intro-item-container {
  padding: 0 20px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .contact-intro-item-container {
    width: 33.333%;
  }
}
@media screen and (min-width: 500px) and (max-width: 767px) {
  .contact-intro-item-container {
    width: 50%;
  }
}
@media screen and (max-width: 499px) {
  .contact-intro-item-container {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .contact-intro-item-container.center_content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
.contact-intro-item-heading {
  color: #333333;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .contact-intro-item-heading {
    text-align: center;
  }
}
.contact-intro-item-heading::after {
  content: " ";
  background: #026cb5;
  height: 4px;
  width: 60px;
  display: block;
  margin: 20px auto 0 0;
}
@media screen and (max-width: 767px) {
  .contact-intro-item-heading::after {
    margin: 20px auto 0;
  }
}
.contact-intro-item-address {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .contact-intro-item-address {
    text-align: center;
  }
}
.contact-intro-item-email {
  background: url(../images/icon-email.svg) no-repeat;
  background-position: 0 7px;
  background-size: 16px;
  padding-left: 35px;
  margin-bottom: 2px;
}
.contact-intro-item-email a {
  color: #333333;
}
.contact-intro-item-phone {
  background: url(../images/icon-phone.svg) no-repeat;
  background-position: 0 10px;
  background-size: 15px;
  padding-left: 35px;
  margin-bottom: 2px;
}
.contact-intro-item-phone a {
  color: #333333;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .contact-intro-item-phone a {
    text-decoration: underline;
  }
  .contact-intro-item-phone a:hover {
    text-decoration: none;
  }
}
.contact-intro-item-fax {
  background: url(../images/icon-fax.svg) no-repeat;
  background-position: 0 7px;
  background-size: 15px;
  padding-left: 35px;
}
.contact-intro-item-opening-table tr > td:first-child {
  width: 44px;
  text-transform: uppercase;
  font-weight: 700;
}
.contact-intro-item-payment {
  display: flex;
  align-items: center;
  margin-top: 35px;
}
.contact-intro-item-payment div {
  margin-right: 10px;
}
.contact-intro-item-payment div:last-child {
  margin-right: 0;
}
.contact-intro-item-image {
  width: 100%;
  max-width: 380px;
}
@media screen and (max-width: 767px) {
  .contact-intro-item-image {
    margin: 0 auto;
  }
}
.contact-intro-item-image img {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .contact-map-section {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .contact-map-section {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .contact-map-section {
    margin-bottom: 50px;
  }
}
.contact-map-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  width: 100%;
  max-width: 1240px;
}
.contact-map-container {
  height: 300px;
  flex-grow: 1;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .contact-employee-section {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .contact-employee-section {
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .contact-employee-section {
    margin-bottom: 50px;
  }
}
.contact-employee-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1240px;
  padding: 0;
}
.contact-employee-wrap h2 {
  margin-bottom: 50px;
  padding: 0 20px;
}
.contact-employee-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.contact-employee-item-container {
  width: 33.333%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px;
}
@media screen and (min-width: 600px) and (max-width: 992px) {
  .contact-employee-item-container {
    width: 50%;
    padding-top: 50px;
  }
  .contact-employee-item-container:nth-child(1),
  .contact-employee-item-container:nth-child(2) {
    padding-top: 0;
  }
}
@media screen and (max-width: 599px) {
  .contact-employee-item-container {
    width: 100%;
    padding-top: 50px;
  }
  .contact-employee-item-container:nth-child(1) {
    padding-top: 0;
  }
}
.contact-employee-item-photo {
  margin-bottom: 30px;
  line-height: 0;
}
.contact-employee-item-photo img {
  border-radius: 50%;
  width: 120px;
}
.contact-employee-item-content {
  width: 100%;
  max-width: 350px;
}
.contact-employee-item-content a {
  color: #333333;
}
.contact-employee-item-content-name {
  font-weight: 700;
  text-align: center;
  color: #f1ba38;
}
.contact-employee-item-content-position {
  text-align: center;
  font-weight: 700;
}
.contact-employee-item-content-phone {
  text-align: center;
}
.contact-employee-item-content-email {
  text-align: center;
}
.contact-employee-item-content-text {
  text-align: center;
  font-style: italic;
  font-size: 13px;
  line-height: 20px;
  margin-top: 10px;
}
.contact-form-section form {
  width: auto;
  max-width: 100%;
}
.contact-form-section input {
  border: 1px solid #ccc;
  color: #333333;
  padding: 14px 8px;
  appearance: none;
  font-size: 14px;
  border-radius: 0;
  font-family: 'Poppins', sans-serif;
}
.contact-form-section input:focus {
  border: 1px solid #026cb5;
}
.contact-form-section input:invalid {
  border: 1px solid #e3281f;
}
.contact-form-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  background: #f9f9f9;
  max-width: 1240px;
}
@media screen and (min-width: 768px) {
  .contact-form-wrap {
    padding: 100px 20px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .contact-form-wrap {
    padding: 70px 20px;
  }
}
@media screen and (max-width: 599px) {
  .contact-form-wrap {
    padding: 50px 20px;
  }
}
.contact-form-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
}
@media (max-width: 739px) {
  .contact-form-container {
    display: block;
  }
}
.contact-form-row {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
@media (max-width: 739px) {
  .contact-form-row {
    margin-bottom: 20px;
  }
}
.contact-form-column {
  width: 50%;
  padding: 0 10px;
  text-align: left;
}
@media screen and (max-width: 739px) {
  .contact-form-column {
    width: 100% !important;
    max-width: 400px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .contact-form-column.second {
    margin-top: 20px;
  }
}
.contact-form-column .form-label {
  margin-top: 20px;
}
.contact-form-column .form-label:first-child {
  margin-top: 0px;
}
.contact-form-label {
  display: block;
  font-size: 13px;
  text-align: left !important;
  padding-bottom: 4px;
  margin-top: 20px;
}
.contact-form-label:first-child {
  margin-top: 0;
}
@media (max-width: 739px) {
  .contact-form-label {
    text-align: center !important;
  }
}
.contact-form-input.name {
  background: #ffffff url(../images/icon-form-man.svg) no-repeat;
  background-size: 13px auto;
  background-position: 12px 18px;
  padding-left: 40px;
}
.contact-form-input.email {
  background: #ffffff url(../images/icon-form-email.svg) no-repeat;
  background-size: 18px auto;
  background-position: 12px 20px;
  padding-left: 40px;
}
.contact-form-input.phone {
  background: #ffffff url(../images/icon-form-phone.svg) no-repeat;
  background-size: 17px auto;
  background-position: 12px 18px;
  padding-left: 40px;
}
.contact-form-textarea {
  min-height: 266px;
  background: #ffffff url(../images/icon-form-message.svg) no-repeat;
  background-size: 18px auto;
  background-position: 12px 16px;
  padding-left: 40px;
  padding-top: 12px;
}
@media (max-width: 739px) {
  .contact-form-textarea {
    min-height: 200px;
  }
}
.contact-form-gdpr {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 30px;
}
.contact-form-gdpr a {
  color: #333333;
}
.contact-basic_data-section {
  margin-bottom: -50px;
}
@media screen and (min-width: 768px) {
  .contact-basic_data-section {
    padding: 100px 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .contact-basic_data-section {
    padding: 70px 0;
  }
}
@media screen and (max-width: 599px) {
  .contact-basic_data-section {
    padding: 50px 0;
  }
}
.contact-basic_data-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  max-width: 1240px;
}
.contact-basic_data-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.contact-basic_data-item-container {
  padding: 0 20px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .contact-basic_data-item-container {
    width: 33.333%;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .contact-basic_data-item-container {
    width: 50%;
    text-align: center;
  }
}
@media screen and (max-width: 599px) {
  .contact-basic_data-item-container {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
  }
}
.mastercard {
  width: 26px;
  height: 20px;
  background: url(../images/icon-mastercard.svg) no-repeat;
  background-size: 26px 20px;
}
.visa {
  width: 33px;
  height: 11px;
  background: url(../images/icon-visa.svg) no-repeat;
  background-size: 33px 11px;
}
.gopay {
  width: 23px;
  height: 15px;
  background: url(../images/icon-gopay.svg) no-repeat;
  background-size: 23px 15px;
}
.pricelist-section {
  padding-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .pricelist-section {
    padding: 120px 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .pricelist-section {
    padding: 70px 0;
  }
}
@media screen and (max-width: 599px) {
  .pricelist-section {
    padding: 50px 0;
  }
}
.pricelist-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  max-width: 1240px;
}
.pricelist-container {
  margin-bottom: 50px;
}
.pricelist-heading-container {
  background: #eceaea;
  font-weight: 700;
  font-size: 13px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px;
  line-height: 20px;
}
@media screen and (max-width: 699px) {
  .pricelist-heading-container {
    flex-wrap: wrap;
  }
  .pricelist-heading-container .nomobile {
    display: none;
  }
  .pricelist-heading-container .pricelist-row-code_name {
    border-bottom-color: #ffffff;
  }
}
@media screen and (min-width: 700px) {
  .pricelist-heading-container .mobile {
    display: none;
  }
}
.pricelist-row {
  padding: 15px 20px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  line-height: 24px;
  font-size: 14px;
  position: relative;
  border-left: 1px solid #eceaea;
  border-right: 1px solid #eceaea;
  border-bottom: 1px solid #eceaea;
}
.pricelist-row:nth-child(2n+2) {
  background: #f9f9f9;
}
@media screen and (max-width: 699px) {
  .pricelist-row {
    flex-wrap: wrap;
  }
}
.pricelist-row-code_name {
  display: flex;
  flex-grow: 1;
}
@media screen and (max-width: 699px) {
  .pricelist-row-code_name {
    flex-wrap: wrap;
    width: 100%;
  }
  .pricelist-row-code_name .code,
  .pricelist-row-code_name .name {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    display: flex;
    justify-content: space-between;
  }
  .pricelist-row-code_name .code div:last-child,
  .pricelist-row-code_name .name div:last-child {
    text-align: right;
    padding-left: 20px;
  }
  .pricelist-row-code_name .code div:first-child,
  .pricelist-row-code_name .name div:first-child {
    text-align: left;
  }
  .pricelist-row-code_name .name {
    order: -1;
    border-bottom: 1px solid #eceaea;
    padding-bottom: 12px;
    margin-bottom: 10px;
  }
  .pricelist-row-code_name .name div:last-child {
    padding-left: 0;
  }
}
.pricelist-row-code_name .code {
  width: 95px;
  margin-right: 30px;
  flex-shrink: 0;
  align-self: center;
}
.pricelist-row-pack_unit_price {
  display: flex;
  flex-shrink: 0;
  text-align: right;
}
@media screen and (max-width: 699px) {
  .pricelist-row-pack_unit_price {
    flex-wrap: wrap;
    width: 100%;
  }
  .pricelist-row-pack_unit_price .stock,
  .pricelist-row-pack_unit_price .package,
  .pricelist-row-pack_unit_price .unit,
  .pricelist-row-pack_unit_price .price {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    display: flex;
    justify-content: space-between;
  }
  .pricelist-row-pack_unit_price .stock div:last-child,
  .pricelist-row-pack_unit_price .package div:last-child,
  .pricelist-row-pack_unit_price .unit div:last-child,
  .pricelist-row-pack_unit_price .price div:last-child {
    text-align: right;
    padding-left: 20px;
  }
  .pricelist-row-pack_unit_price .stock div:first-child,
  .pricelist-row-pack_unit_price .package div:first-child,
  .pricelist-row-pack_unit_price .unit div:first-child,
  .pricelist-row-pack_unit_price .price div:first-child {
    text-align: left;
  }
}
.pricelist-row-pack_unit_price .stock {
  margin-left: 30px;
}
.pricelist-row-pack_unit_price .package {
  margin-left: 30px;
}
.pricelist-row-pack_unit_price .unit {
  width: 70px;
  margin-left: 30px;
}
.pricelist-row-pack_unit_price .price {
  width: 130px;
  margin-left: 30px;
}
.pricelist-text a {
  color: #333333;
}
.shop {
  margin: 0;
  padding: 0;
}
.shop-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.shop-menu {
  flex: 1;
  min-width: 450px;
  max-width: 850px;
}
.shop-menu-container {
  display: flex;
  flex-direction: column;
}
.shop-table {
  background: #fff;
  flex-basis: 550px;
}
.shop-table tr {
  line-height: 20px !important;
}
.shop-table-form {
  width: 100%;
  background: #D4E6F1;
  height: 40px !important;
}
@media screen and (max-width: 1130px) {
  .shop-table-form {
    flex-wrap: wrap;
    height: 80px !important;
  }
}
@media screen and (max-width: 480px) {
  .shop-table-form {
    flex-wrap: wrap;
    height: 120px !important;
  }
}
.shop-table-form form {
  padding: 5px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.shop-table-form div {
  margin: 0 5px 5px 0;
  font-size: 14px;
  height: 100%;
  background: #fff;
}
.shop-table-form input {
  padding: 0 !important;
  height: 30px !important;
  width: 100%;
}
.shop-table-form-code {
  padding-left: 3px;
  flex: 0 1 90px;
}
.shop-table-form-code span {
  white-space: nowrap;
}
.shop-table-form-desc {
  flex: 0 1 120px;
}
.shop-table-form-desc span {
  white-space: nowrap;
}
.shop-table-form-stock {
  flex: 1 1 0px;
}
.shop-table-form-dimX {
  flex: 2 3 60px;
}
.shop-table-form-dimY {
  flex: 2 3 60px;
}
.shop-table-form-price {
  flex: 1 1 50px;
}
.shop-table-form-submit {
  flex: 1 2 50px;
}
.shop-table-table {
  background: #FDF2E9;
}
.item-button {
  margin: 5px 5px 0 0;
  width: 97px;
  height: 97px;
  float: left;
}
.item-button-img {
  margin: 1px;
  width: 93px;
  height: 93px;
}
.menu_group {
  margin: 1px;
  width: 93px;
  height: 93px;
  background: #e5e5e5;
  text-align: center;
}
.remove-x {
  -webkit-appearance: none;
  border-radius: 0;
  width: 21px;
  height: 21px;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
  font-size: 1.0em;
  font-weight: bold;
  color: #FF0000;
}
.ajax-list {
  min-width: 250px;
  position: absolute;
  background: #cce5ff;
  z-index: 2;
}
.button-delivery {
  visibility: hidden;
}
.button-delivery-active {
  visibility: visible;
}
.expert {
  margin: 0;
  padding: 0;
}
.expert-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.expert-menu {
  flex: 1;
  min-width: 450px;
  max-width: 700px;
}
.expert-menu-container {
  display: flex;
  flex-direction: column;
}
.expert-menu-container .row {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  text-align: left;
}
.expert-menu-container-basic {
  background: #fff;
  flex: 1;
}
.expert-order-list {
  background: #fff;
  flex-basis: 680px;
}
.expert-order-list-container {
  display: flex;
  flex-direction: column;
  padding: 0 5px 5px 5px;
}
.expert-order-list-container .row-list {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  text-align: left;
}
.expert-order-list-container .row-list-head {
  display: flex;
  font-size: 14px;
  font-weight: bold;
  background-color: #7abaff;
  height: 37px !important;
}
.expert-order-list-container-form {
  width: 100%;
  background: #a3a6a6;
  height: 37px !important;
}
@media screen and (max-width: 1130px) {
  .expert-order-list-container-form {
    flex-wrap: wrap;
    height: 80px !important;
  }
}
@media screen and (max-width: 480px) {
  .expert-order-list-container-form {
    flex-wrap: wrap;
    height: 120px !important;
  }
}
.expert-order-list-container-form form {
  padding: 3px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.expert-order-list-container-form div {
  margin: 0 3px 3px 0;
  font-size: 14px;
  height: 100%;
  background: #fff;
}
.expert-order-list-container-form input {
  padding: 0 !important;
  height: 30px !important;
  width: 100%;
  text-align: center;
}
.expert-table {
  background: #fff;
  flex-basis: 550px;
}
.expert-table tr {
  line-height: 20px !important;
}
.expert-menu .long-5,
.expert-order-list .long-5 {
  flex: 5%;
}
.expert-menu .long-8,
.expert-order-list .long-8 {
  flex: 8%;
}
.expert-menu .long-10,
.expert-order-list .long-10 {
  flex: 10%;
}
.expert-menu .long-15,
.expert-order-list .long-15 {
  flex: 15%;
}
.expert-menu .long-20,
.expert-order-list .long-20 {
  flex: 20%;
}
.expert-menu .long-25,
.expert-order-list .long-25 {
  flex: 25%;
  text-align: left;
}
.expert-menu .long-30,
.expert-order-list .long-30 {
  flex: 30%;
}
.expert-menu .long-50,
.expert-order-list .long-50 {
  flex: 50%;
}
.expert-menu .long-60,
.expert-order-list .long-60 {
  flex: 60%;
}
.expert-menu .long-5,
.expert-order-list .long-5,
.expert-menu .long-8,
.expert-order-list .long-8,
.expert-menu .long-10,
.expert-order-list .long-10,
.expert-menu .long-15,
.expert-order-list .long-15,
.expert-menu .long-20,
.expert-order-list .long-20,
.expert-menu .long-25,
.expert-order-list .long-25,
.expert-menu .long-30,
.expert-order-list .long-30,
.expert-menu .long-50,
.expert-order-list .long-50,
.expert-menu .long-60,
.expert-order-list .long-60 {
  padding: 0 3px 0 0;
}
.expert-menu .long-5 button,
.expert-order-list .long-5 button,
.expert-menu .long-8 button,
.expert-order-list .long-8 button,
.expert-menu .long-10 button,
.expert-order-list .long-10 button,
.expert-menu .long-15 button,
.expert-order-list .long-15 button,
.expert-menu .long-20 button,
.expert-order-list .long-20 button,
.expert-menu .long-25 button,
.expert-order-list .long-25 button,
.expert-menu .long-30 button,
.expert-order-list .long-30 button,
.expert-menu .long-50 button,
.expert-order-list .long-50 button,
.expert-menu .long-60 button,
.expert-order-list .long-60 button {
  width: 100%;
  height: 85%;
}
.item-button {
  margin: 5px 5px 0 0;
  width: 111px;
  height: 111px;
  float: left;
  -webkit-appearance: none;
  border-radius: 0;
}
.item-button-img {
  margin: 1px;
  width: 108px;
  height: 108px;
  -webkit-appearance: none;
  border-radius: 0;
}
.item-button-img .title {
  margin: 5px 30px;
  text-align: center;
  font-weight: bold;
}
.item-button-img .description {
  text-align: left;
  font-size: small;
  margin-bottom: 5px;
}
.item-button-img .description-red {
  color: red;
}
.item-button-img-no {
  margin: 1px;
  width: 108px;
  height: 108px;
  -webkit-appearance: none;
  border-radius: 0;
  color: #ed969e;
}
.menu_group {
  margin: 1px;
  width: 108px;
  height: 108px;
  background: #e5e5e5;
  text-align: center;
}
.remove-x {
  width: 21px;
  height: 21px;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
  font-size: 1.0em;
  font-weight: bold;
  color: #FF0000;
}
.admin-section {
  height: 800px;
  padding-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .admin-section {
    padding: 120px 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .admin-section {
    padding: 70px 0;
  }
}
@media screen and (max-width: 599px) {
  .admin-section {
    padding: 50px 0;
  }
}
.admin-wrap {
  padding: 0 20px;
  margin: 0 auto;
  max-width: 1440px;
  padding-left: 0;
  padding-right: 0;
}
.admin-container {
  display: flex;
  flex-wrap: wrap;
  min-height: 800px;
  flex-direction: row;
  justify-content: start;
  border: 1px solid green;
}
@media screen and (max-width: 991px) {
  .admin-container {
    flex-wrap: wrap;
  }
}
.table {
  background: #eceaea;
}
.table-display {
  width: 95%;
}
.table-display-60 {
  width: 60%;
}
.table-display-80 {
  width: 80%;
}
.table-display,
.table-display-60,
.table-display-80 {
  font-family: Arial;
}
.table-display input,
.table-display-60 input,
.table-display-80 input {
  width: 100%;
}
.table-display-edit,
.table-display-60-edit,
.table-display-80-edit {
  padding-left: 10px;
  width: 30px;
  font-family: Arial;
}
.table-display-edit a,
.table-display-60-edit a,
.table-display-80-edit a {
  color: #777777;
  text-decoration: none;
}
.table-display-remove,
.table-display-60-remove,
.table-display-80-remove {
  text-align: center;
  width: 30px;
}
.table-display-remove a,
.table-display-60-remove a,
.table-display-80-remove a {
  color: #FF0000 ;
  text-decoration: none;
  font-weight: bold;
}
.table-display tr,
.table-display-60 tr,
.table-display-80 tr {
  line-height: 20px !important;
}
.table-display-int,
.table-display-60-int,
.table-display-80-int {
  text-align: center;
}
.table-display-tinyint,
.table-display-60-tinyint,
.table-display-80-tinyint {
  text-align: center ;
}
.table-display-float,
.table-display-60-float,
.table-display-80-float {
  padding-right: 10px;
}
.table-display-varchar,
.table-display-60-varchar,
.table-display-80-varchar {
  padding-left: 5px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-display-text,
.table-display-60-text,
.table-display-80-text {
  padding-left: 5px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis !important;
}
.table-display td,
.table-display-60 td,
.table-display-80 td {
  line-height: 20px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-display .yellow,
.table-display-60 .yellow,
.table-display-80 .yellow {
  background-color: rgba(255, 223, 126, 0.22);
}
.table-display-head,
.table-display-60-head,
.table-display-80-head {
  background-color: #7abaff;
}
.table-display-row:nth-child(2n+2),
.table-display-60-row:nth-child(2n+2),
.table-display-80-row:nth-child(2n+2) {
  background: #f9f9f9;
}
.table-display-micro,
.table-display-60-micro,
.table-display-80-micro {
  width: 30px ;
}
.table-display-mini,
.table-display-60-mini,
.table-display-80-mini {
  width: 50px ;
}
.table-display-short,
.table-display-60-short,
.table-display-80-short {
  width: 100px ;
}
.table-display-micro-center,
.table-display-60-micro-center,
.table-display-80-micro-center,
.table-display-mini-center,
.table-display-60-mini-center,
.table-display-80-mini-center,
.table-display-short-center,
.table-display-60-short-center,
.table-display-80-short-center {
  text-align: center;
}
.table-display-micro-decimal,
.table-display-60-micro-decimal,
.table-display-80-micro-decimal,
.table-display-mini-decimal,
.table-display-60-mini-decimal,
.table-display-80-mini-decimal,
.table-display-short-decimal,
.table-display-60-short-decimal,
.table-display-80-short-decimal {
  text-align: right;
  padding-right: 5px;
}
.table-display-micro-center-cmp,
.table-display-60-micro-center-cmp,
.table-display-80-micro-center-cmp,
.table-display-mini-center-cmp,
.table-display-60-mini-center-cmp,
.table-display-80-mini-center-cmp,
.table-display-short-center-cmp,
.table-display-60-short-center-cmp,
.table-display-80-short-center-cmp,
.table-display-micro-decimal-cmp,
.table-display-60-micro-decimal-cmp,
.table-display-80-micro-decimal-cmp,
.table-display-mini-decimal-cmp,
.table-display-60-mini-decimal-cmp,
.table-display-80-mini-decimal-cmp,
.table-display-short-decimal-cmp,
.table-display-60-short-decimal-cmp,
.table-display-80-short-decimal-cmp,
.table-display-micro-center-kom,
.table-display-60-micro-center-kom,
.table-display-80-micro-center-kom,
.table-display-mini-center-kom,
.table-display-60-mini-center-kom,
.table-display-80-mini-center-kom,
.table-display-short-center-kom,
.table-display-60-short-center-kom,
.table-display-80-short-center-kom,
.table-display-micro-decimal-kom,
.table-display-60-micro-decimal-kom,
.table-display-80-micro-decimal-kom,
.table-display-mini-decimal-kom,
.table-display-60-mini-decimal-kom,
.table-display-80-mini-decimal-kom,
.table-display-short-decimal-kom,
.table-display-60-short-decimal-kom,
.table-display-80-short-decimal-kom {
  background-color: #8fd19e;
}
.table-display-micro-center-acc,
.table-display-60-micro-center-acc,
.table-display-80-micro-center-acc,
.table-display-mini-center-acc,
.table-display-60-mini-center-acc,
.table-display-80-mini-center-acc,
.table-display-short-center-acc,
.table-display-60-short-center-acc,
.table-display-80-short-center-acc,
.table-display-micro-decimal-acc,
.table-display-60-micro-decimal-acc,
.table-display-80-micro-decimal-acc,
.table-display-mini-decimal-acc,
.table-display-60-mini-decimal-acc,
.table-display-80-mini-decimal-acc,
.table-display-short-decimal-acc,
.table-display-60-short-decimal-acc,
.table-display-80-short-decimal-acc,
.table-display-micro-center-pri,
.table-display-60-micro-center-pri,
.table-display-80-micro-center-pri,
.table-display-mini-center-pri,
.table-display-60-mini-center-pri,
.table-display-80-mini-center-pri,
.table-display-short-center-pri,
.table-display-60-short-center-pri,
.table-display-80-short-center-pri,
.table-display-micro-decimal-pri,
.table-display-60-micro-decimal-pri,
.table-display-80-micro-decimal-pri,
.table-display-mini-decimal-pri,
.table-display-60-mini-decimal-pri,
.table-display-80-mini-decimal-pri,
.table-display-short-decimal-pri,
.table-display-60-short-decimal-pri,
.table-display-80-short-decimal-pri,
.table-display-micro-center-SER,
.table-display-60-micro-center-SER,
.table-display-80-micro-center-SER,
.table-display-mini-center-SER,
.table-display-60-mini-center-SER,
.table-display-80-mini-center-SER,
.table-display-short-center-SER,
.table-display-60-short-center-SER,
.table-display-80-short-center-SER,
.table-display-micro-decimal-SER,
.table-display-60-micro-decimal-SER,
.table-display-80-micro-decimal-SER,
.table-display-mini-decimal-SER,
.table-display-60-mini-decimal-SER,
.table-display-80-mini-decimal-SER,
.table-display-short-decimal-SER,
.table-display-60-short-decimal-SER,
.table-display-80-short-decimal-SER {
  background-color: #e6da24;
}
.table-display-micro-center-pos,
.table-display-60-micro-center-pos,
.table-display-80-micro-center-pos,
.table-display-mini-center-pos,
.table-display-60-mini-center-pos,
.table-display-80-mini-center-pos,
.table-display-short-center-pos,
.table-display-60-short-center-pos,
.table-display-80-short-center-pos,
.table-display-micro-decimal-pos,
.table-display-60-micro-decimal-pos,
.table-display-80-micro-decimal-pos,
.table-display-mini-decimal-pos,
.table-display-60-mini-decimal-pos,
.table-display-80-mini-decimal-pos,
.table-display-short-decimal-pos,
.table-display-60-short-decimal-pos,
.table-display-80-short-decimal-pos,
.table-display-micro-center-snt,
.table-display-60-micro-center-snt,
.table-display-80-micro-center-snt,
.table-display-mini-center-snt,
.table-display-60-mini-center-snt,
.table-display-80-mini-center-snt,
.table-display-short-center-snt,
.table-display-60-short-center-snt,
.table-display-80-short-center-snt,
.table-display-micro-decimal-snt,
.table-display-60-micro-decimal-snt,
.table-display-80-micro-decimal-snt,
.table-display-mini-decimal-snt,
.table-display-60-mini-decimal-snt,
.table-display-80-mini-decimal-snt,
.table-display-short-decimal-snt,
.table-display-60-short-decimal-snt,
.table-display-80-short-decimal-snt {
  background-color: #ff8f9e;
}
.table-display-micro-center-obj,
.table-display-60-micro-center-obj,
.table-display-80-micro-center-obj,
.table-display-mini-center-obj,
.table-display-60-mini-center-obj,
.table-display-80-mini-center-obj,
.table-display-short-center-obj,
.table-display-60-short-center-obj,
.table-display-80-short-center-obj,
.table-display-micro-decimal-obj,
.table-display-60-micro-decimal-obj,
.table-display-80-micro-decimal-obj,
.table-display-mini-decimal-obj,
.table-display-60-mini-decimal-obj,
.table-display-80-mini-decimal-obj,
.table-display-short-decimal-obj,
.table-display-60-short-decimal-obj,
.table-display-80-short-decimal-obj,
.table-display-micro-center-ord,
.table-display-60-micro-center-ord,
.table-display-80-micro-center-ord,
.table-display-mini-center-ord,
.table-display-60-mini-center-ord,
.table-display-80-mini-center-ord,
.table-display-short-center-ord,
.table-display-60-short-center-ord,
.table-display-80-short-center-ord,
.table-display-micro-decimal-ord,
.table-display-60-micro-decimal-ord,
.table-display-80-micro-decimal-ord,
.table-display-mini-decimal-ord,
.table-display-60-mini-decimal-ord,
.table-display-80-mini-decimal-ord,
.table-display-short-decimal-ord,
.table-display-60-short-decimal-ord,
.table-display-80-short-decimal-ord {
  background-color: #faf234;
}
.table-display-micro-center-hot,
.table-display-60-micro-center-hot,
.table-display-80-micro-center-hot,
.table-display-mini-center-hot,
.table-display-60-mini-center-hot,
.table-display-80-mini-center-hot,
.table-display-short-center-hot,
.table-display-60-short-center-hot,
.table-display-80-short-center-hot,
.table-display-micro-decimal-hot,
.table-display-60-micro-decimal-hot,
.table-display-80-micro-decimal-hot,
.table-display-mini-decimal-hot,
.table-display-60-mini-decimal-hot,
.table-display-80-mini-decimal-hot,
.table-display-short-decimal-hot,
.table-display-60-short-decimal-hot,
.table-display-80-short-decimal-hot,
.table-display-micro-center-wrk,
.table-display-60-micro-center-wrk,
.table-display-80-micro-center-wrk,
.table-display-mini-center-wrk,
.table-display-60-mini-center-wrk,
.table-display-80-mini-center-wrk,
.table-display-short-center-wrk,
.table-display-60-short-center-wrk,
.table-display-80-short-center-wrk,
.table-display-micro-decimal-wrk,
.table-display-60-micro-decimal-wrk,
.table-display-80-micro-decimal-wrk,
.table-display-mini-decimal-wrk,
.table-display-60-mini-decimal-wrk,
.table-display-80-mini-decimal-wrk,
.table-display-short-decimal-wrk,
.table-display-60-short-decimal-wrk,
.table-display-80-short-decimal-wrk,
.table-display-micro-center-KOS,
.table-display-60-micro-center-KOS,
.table-display-80-micro-center-KOS,
.table-display-mini-center-KOS,
.table-display-60-mini-center-KOS,
.table-display-80-mini-center-KOS,
.table-display-short-center-KOS,
.table-display-60-short-center-KOS,
.table-display-80-short-center-KOS,
.table-display-micro-decimal-KOS,
.table-display-60-micro-decimal-KOS,
.table-display-80-micro-decimal-KOS,
.table-display-mini-decimal-KOS,
.table-display-60-mini-decimal-KOS,
.table-display-80-mini-decimal-KOS,
.table-display-short-decimal-KOS,
.table-display-60-short-decimal-KOS,
.table-display-80-short-decimal-KOS {
  background-color: #5ea7bf;
}
.table-display-micro-center-pre,
.table-display-60-micro-center-pre,
.table-display-80-micro-center-pre,
.table-display-mini-center-pre,
.table-display-60-mini-center-pre,
.table-display-80-mini-center-pre,
.table-display-short-center-pre,
.table-display-60-short-center-pre,
.table-display-80-short-center-pre,
.table-display-micro-decimal-pre,
.table-display-60-micro-decimal-pre,
.table-display-80-micro-decimal-pre,
.table-display-mini-decimal-pre,
.table-display-60-mini-decimal-pre,
.table-display-80-mini-decimal-pre,
.table-display-short-decimal-pre,
.table-display-60-short-decimal-pre,
.table-display-80-short-decimal-pre,
.table-display-micro-center-hov,
.table-display-60-micro-center-hov,
.table-display-80-micro-center-hov,
.table-display-mini-center-hov,
.table-display-60-mini-center-hov,
.table-display-80-mini-center-hov,
.table-display-short-center-hov,
.table-display-60-short-center-hov,
.table-display-80-short-center-hov,
.table-display-micro-decimal-hov,
.table-display-60-micro-decimal-hov,
.table-display-80-micro-decimal-hov,
.table-display-mini-decimal-hov,
.table-display-60-mini-decimal-hov,
.table-display-80-mini-decimal-hov,
.table-display-short-decimal-hov,
.table-display-60-short-decimal-hov,
.table-display-80-short-decimal-hov {
  background-color: #fffb8f;
}
.table-display-micro-center-zap,
.table-display-60-micro-center-zap,
.table-display-80-micro-center-zap,
.table-display-mini-center-zap,
.table-display-60-mini-center-zap,
.table-display-80-mini-center-zap,
.table-display-short-center-zap,
.table-display-60-short-center-zap,
.table-display-80-short-center-zap,
.table-display-micro-decimal-zap,
.table-display-60-micro-decimal-zap,
.table-display-80-micro-decimal-zap,
.table-display-mini-decimal-zap,
.table-display-60-mini-decimal-zap,
.table-display-80-mini-decimal-zap,
.table-display-short-decimal-zap,
.table-display-60-short-decimal-zap,
.table-display-80-short-decimal-zap,
.table-display-micro-center-pai,
.table-display-60-micro-center-pai,
.table-display-80-micro-center-pai,
.table-display-mini-center-pai,
.table-display-60-mini-center-pai,
.table-display-80-mini-center-pai,
.table-display-short-center-pai,
.table-display-60-short-center-pai,
.table-display-80-short-center-pai,
.table-display-micro-decimal-pai,
.table-display-60-micro-decimal-pai,
.table-display-80-micro-decimal-pai,
.table-display-mini-decimal-pai,
.table-display-60-mini-decimal-pai,
.table-display-80-mini-decimal-pai,
.table-display-short-decimal-pai,
.table-display-60-short-decimal-pai,
.table-display-80-short-decimal-pai {
  background-color: #ff75f3;
}
.table-display-micro-center-zru,
.table-display-60-micro-center-zru,
.table-display-80-micro-center-zru,
.table-display-mini-center-zru,
.table-display-60-mini-center-zru,
.table-display-80-mini-center-zru,
.table-display-short-center-zru,
.table-display-60-short-center-zru,
.table-display-80-short-center-zru,
.table-display-micro-decimal-zru,
.table-display-60-micro-decimal-zru,
.table-display-80-micro-decimal-zru,
.table-display-mini-decimal-zru,
.table-display-60-mini-decimal-zru,
.table-display-80-mini-decimal-zru,
.table-display-short-decimal-zru,
.table-display-60-short-decimal-zru,
.table-display-80-short-decimal-zru,
.table-display-micro-center-cnl,
.table-display-60-micro-center-cnl,
.table-display-80-micro-center-cnl,
.table-display-mini-center-cnl,
.table-display-60-mini-center-cnl,
.table-display-80-mini-center-cnl,
.table-display-short-center-cnl,
.table-display-60-short-center-cnl,
.table-display-80-short-center-cnl,
.table-display-micro-decimal-cnl,
.table-display-60-micro-decimal-cnl,
.table-display-80-micro-decimal-cnl,
.table-display-mini-decimal-cnl,
.table-display-60-mini-decimal-cnl,
.table-display-80-mini-decimal-cnl,
.table-display-short-decimal-cnl,
.table-display-60-short-decimal-cnl,
.table-display-80-short-decimal-cnl {
  background-color: rgba(236, 132, 85, 0.54);
}
.table-display-micro-center-nep,
.table-display-60-micro-center-nep,
.table-display-80-micro-center-nep,
.table-display-mini-center-nep,
.table-display-60-mini-center-nep,
.table-display-80-mini-center-nep,
.table-display-short-center-nep,
.table-display-60-short-center-nep,
.table-display-80-short-center-nep,
.table-display-micro-decimal-nep,
.table-display-60-micro-decimal-nep,
.table-display-80-micro-decimal-nep,
.table-display-mini-decimal-nep,
.table-display-60-mini-decimal-nep,
.table-display-80-mini-decimal-nep,
.table-display-short-decimal-nep,
.table-display-60-short-decimal-nep,
.table-display-80-short-decimal-nep,
.table-display-micro-center-nov,
.table-display-60-micro-center-nov,
.table-display-80-micro-center-nov,
.table-display-mini-center-nov,
.table-display-60-mini-center-nov,
.table-display-80-mini-center-nov,
.table-display-short-center-nov,
.table-display-60-short-center-nov,
.table-display-80-short-center-nov,
.table-display-micro-decimal-nov,
.table-display-60-micro-decimal-nov,
.table-display-80-micro-decimal-nov,
.table-display-mini-decimal-nov,
.table-display-60-mini-decimal-nov,
.table-display-80-mini-decimal-nov,
.table-display-short-decimal-nov,
.table-display-60-short-decimal-nov,
.table-display-80-short-decimal-nov {
  background-color: rgba(236, 132, 85, 0.54);
}
.table-display-micro-center-ach,
.table-display-60-micro-center-ach,
.table-display-80-micro-center-ach,
.table-display-mini-center-ach,
.table-display-60-mini-center-ach,
.table-display-80-mini-center-ach,
.table-display-short-center-ach,
.table-display-60-short-center-ach,
.table-display-80-short-center-ach,
.table-display-micro-decimal-ach,
.table-display-60-micro-decimal-ach,
.table-display-80-micro-decimal-ach,
.table-display-mini-decimal-ach,
.table-display-60-mini-decimal-ach,
.table-display-80-mini-decimal-ach,
.table-display-short-decimal-ach,
.table-display-60-short-decimal-ach,
.table-display-80-short-decimal-ach,
.table-display-micro-center-ach,
.table-display-60-micro-center-ach,
.table-display-80-micro-center-ach,
.table-display-mini-center-ach,
.table-display-60-mini-center-ach,
.table-display-80-mini-center-ach,
.table-display-short-center-ach,
.table-display-60-short-center-ach,
.table-display-80-short-center-ach,
.table-display-micro-decimal-ach,
.table-display-60-micro-decimal-ach,
.table-display-80-micro-decimal-ach,
.table-display-mini-decimal-ach,
.table-display-60-mini-decimal-ach,
.table-display-80-mini-decimal-ach,
.table-display-short-decimal-ach,
.table-display-60-short-decimal-ach,
.table-display-80-short-decimal-ach {
  background-color: rgba(232, 232, 232, 0.54);
}
.table-display-micro-center-cmp a,
.table-display-60-micro-center-cmp a,
.table-display-80-micro-center-cmp a,
.table-display-mini-center-cmp a,
.table-display-60-mini-center-cmp a,
.table-display-80-mini-center-cmp a,
.table-display-short-center-cmp a,
.table-display-60-short-center-cmp a,
.table-display-80-short-center-cmp a,
.table-display-micro-decimal-cmp a,
.table-display-60-micro-decimal-cmp a,
.table-display-80-micro-decimal-cmp a,
.table-display-mini-decimal-cmp a,
.table-display-60-mini-decimal-cmp a,
.table-display-80-mini-decimal-cmp a,
.table-display-short-decimal-cmp a,
.table-display-60-short-decimal-cmp a,
.table-display-80-short-decimal-cmp a,
.table-display-micro-center-acc a,
.table-display-60-micro-center-acc a,
.table-display-80-micro-center-acc a,
.table-display-mini-center-acc a,
.table-display-60-mini-center-acc a,
.table-display-80-mini-center-acc a,
.table-display-short-center-acc a,
.table-display-60-short-center-acc a,
.table-display-80-short-center-acc a,
.table-display-micro-decimal-acc a,
.table-display-60-micro-decimal-acc a,
.table-display-80-micro-decimal-acc a,
.table-display-mini-decimal-acc a,
.table-display-60-mini-decimal-acc a,
.table-display-80-mini-decimal-acc a,
.table-display-short-decimal-acc a,
.table-display-60-short-decimal-acc a,
.table-display-80-short-decimal-acc a,
.table-display-micro-center-snt a,
.table-display-60-micro-center-snt a,
.table-display-80-micro-center-snt a,
.table-display-mini-center-snt a,
.table-display-60-mini-center-snt a,
.table-display-80-mini-center-snt a,
.table-display-short-center-snt a,
.table-display-60-short-center-snt a,
.table-display-80-short-center-snt a,
.table-display-micro-decimal-snt a,
.table-display-60-micro-decimal-snt a,
.table-display-80-micro-decimal-snt a,
.table-display-mini-decimal-snt a,
.table-display-60-mini-decimal-snt a,
.table-display-80-mini-decimal-snt a,
.table-display-short-decimal-snt a,
.table-display-60-short-decimal-snt a,
.table-display-80-short-decimal-snt a,
.table-display-micro-center-wrk a,
.table-display-60-micro-center-wrk a,
.table-display-80-micro-center-wrk a,
.table-display-mini-center-wrk a,
.table-display-60-mini-center-wrk a,
.table-display-80-mini-center-wrk a,
.table-display-short-center-wrk a,
.table-display-60-short-center-wrk a,
.table-display-80-short-center-wrk a,
.table-display-micro-decimal-wrk a,
.table-display-60-micro-decimal-wrk a,
.table-display-80-micro-decimal-wrk a,
.table-display-mini-decimal-wrk a,
.table-display-60-mini-decimal-wrk a,
.table-display-80-mini-decimal-wrk a,
.table-display-short-decimal-wrk a,
.table-display-60-short-decimal-wrk a,
.table-display-80-short-decimal-wrk a,
.table-display-micro-center-ord a,
.table-display-60-micro-center-ord a,
.table-display-80-micro-center-ord a,
.table-display-mini-center-ord a,
.table-display-60-mini-center-ord a,
.table-display-80-mini-center-ord a,
.table-display-short-center-ord a,
.table-display-60-short-center-ord a,
.table-display-80-short-center-ord a,
.table-display-micro-decimal-ord a,
.table-display-60-micro-decimal-ord a,
.table-display-80-micro-decimal-ord a,
.table-display-mini-decimal-ord a,
.table-display-60-mini-decimal-ord a,
.table-display-80-mini-decimal-ord a,
.table-display-short-decimal-ord a,
.table-display-60-short-decimal-ord a,
.table-display-80-short-decimal-ord a,
.table-display-micro-center-cnl a,
.table-display-60-micro-center-cnl a,
.table-display-80-micro-center-cnl a,
.table-display-mini-center-cnl a,
.table-display-60-mini-center-cnl a,
.table-display-80-mini-center-cnl a,
.table-display-short-center-cnl a,
.table-display-60-short-center-cnl a,
.table-display-80-short-center-cnl a,
.table-display-micro-decimal-cnl a,
.table-display-60-micro-decimal-cnl a,
.table-display-80-micro-decimal-cnl a,
.table-display-mini-decimal-cnl a,
.table-display-60-mini-decimal-cnl a,
.table-display-80-mini-decimal-cnl a,
.table-display-short-decimal-cnl a,
.table-display-60-short-decimal-cnl a,
.table-display-80-short-decimal-cnl a {
  text-decoration: none;
}
.table-display-medium,
.table-display-60-medium,
.table-display-80-medium {
  width: 200px;
}
.table-display-medium-left,
.table-display-60-medium-left,
.table-display-80-medium-left {
  text-align: left;
}
.table-display-medium-center,
.table-display-60-medium-center,
.table-display-80-medium-center {
  text-align: center;
}
.table-display-medium-decimal,
.table-display-60-medium-decimal,
.table-display-80-medium-decimal {
  text-align: right;
  padding-right: 5px;
}
.table-display-long,
.table-display-60-long,
.table-display-80-long {
  width: 350px;
  padding-left: 5px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-display-large,
.table-display-60-large,
.table-display-80-large {
  width: 500px;
  padding-left: 5px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis !important;
}
.table-display-x,
.table-display-60-x,
.table-display-80-x {
  width: 50px;
}
.table-display .cmp,
.table-display-60 .cmp,
.table-display-80 .cmp {
  background-color: #8fd19e;
}
.table-display .acc,
.table-display-60 .acc,
.table-display-80 .acc {
  background-color: #8fd19e;
}
.table-display .snt,
.table-display-60 .snt,
.table-display-80 .snt {
  background-color: #5ea7bf;
}
.table-display .wrk,
.table-display-60 .wrk,
.table-display-80 .wrk {
  background-color: #5ea7bf;
}
.table-display .ord,
.table-display-60 .ord,
.table-display-80 .ord {
  background-color: #5ea7bf;
}
.table-display .cnl,
.table-display-60 .cnl,
.table-display-80 .cnl {
  background-color: rgba(236, 132, 85, 0.54);
}
.table-display button,
.table-display-60 button,
.table-display-80 button {
  text-decoration: none;
  background-color: #ce8483;
}
.table-display a,
.table-display-60 a,
.table-display-80 a {
  text-decoration: none;
}
.table-display .place_id,
.table-display-60 .place_id,
.table-display-80 .place_id {
  background-color: #eaeaea;
  border: 1px solid;
  border-color: #c5c5c5 #c5c5c5 #727272 #727272 ;
  text-align: center;
  font-size: 12px;
}
.table-display .position_tab,
.table-display-60 .position_tab,
.table-display-80 .position_tab {
  height: 50px !important;
  background-color: #ffccff;
  border: 1px solid;
  border-color: #c5c5c5 #c5c5c5 #727272 #727272 ;
  text-align: center;
  font-size: 0.9em;
}
.table-display .position_tab-print,
.table-display-60 .position_tab-print,
.table-display-80 .position_tab-print {
  background-color: #fffb8f;
}
.table-display .position_tab-empty,
.table-display-60 .position_tab-empty,
.table-display-80 .position_tab-empty {
  background-color: #ffffff;
}
.table-display .empty,
.table-display-60 .empty,
.table-display-80 .empty {
  background-color: #ffffff;
}
.table-display .print,
.table-display-60 .print,
.table-display-80 .print {
  background-color: #fffb8f;
}
.table-order-list {
  width: 100%;
}
.table-order-list-head {
  background-color: #7abaff;
}
.table-order-list-row:first-child {
  background: #e4606d;
}
.table-order-list-row:nth-child(2n+2) {
  background: #f9f9f9;
}
.table-order-list-remove {
  text-align: center;
  width: 30px;
}
.table-order-list-remove a {
  color: #FF0000 ;
  text-decoration: none;
  font-weight: bold;
}
.basic_table {
  width: 100%;
  /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other (and change the direction - make the "cart" column go on top) */
}
.basic_table .row {
  display: flex;
  flex-wrap: wrap;
  height: 25px;
}
.basic_table .row:nth-child(2n+2) {
  background: #f9f9f9;
}
.basic_table .row a {
  color: #005cbf;
  text-decoration: none;
}
.basic_table .row a:hover {
  text-decoration: underline;
}
.basic_table .row-head {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  font-weight: bold;
  background-color: #7abaff;
}
.basic_table .row .period {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.basic_table .row .period input {
  font-weight: bold;
  text-align: center;
  font-size: 1.1rem;
  font-family: Arial;
}
.basic_table .col-25 {
  flex: 25%;
}
.basic_table .col-25-half {
  align-content: flex-end;
}
.basic_table .col-40 {
  flex: 40%;
}
.basic_table .col-50 {
  flex: 50%;
}
.basic_table .col-60 {
  flex: 60%;
}
.basic_table .col-75 {
  flex: 75%;
}
.basic_table .info {
  flex: 100%;
}
.basic_table .col-25,
.basic_table .col-40,
.basic_table .col-50,
.basic_table .col-60,
.basic_table .col-75 {
  padding: 0 3px;
}
.basic_table .expert {
  width: 100%;
  display: flex;
}
.basic_table .long-5 {
  flex: 5%;
}
.basic_table .long-10 {
  flex: 10%;
}
.basic_table .long-15 {
  flex: 15%;
}
.basic_table .long-20 {
  flex: 20%;
}
.basic_table .long-30 {
  flex: 30%;
}
.basic_table .long-40 {
  flex: 40%;
}
.basic_table .long-45 {
  flex: 45%;
}
.basic_table .long-50 {
  flex: 50%;
}
.basic_table .long-80 {
  flex: 80%;
}
.basic_table .long-90 {
  flex: 90%;
}
.basic_table .mini {
  flex: 3%;
}
.basic_table .short {
  flex: 5%;
}
.basic_table .small {
  flex: 10%;
}
.basic_table .medium {
  flex: 13%;
}
.basic_table .long {
  flex: 17%;
}
.basic_table .mini,
.basic_table .short,
.basic_table .small,
.basic_table .medium,
.basic_table .long,
.basic_table .long-5,
.basic_table .long-10,
.basic_table .long-15,
.basic_table .long-20,
.basic_table .long-30,
.basic_table .long-40,
.basic_table .long-45,
.basic_table .long-50,
.basic_table .long-80,
.basic_table .long-90 {
  padding: 0 3px;
  white-space: nowrap;
}
.basic_table .mini-r,
.basic_table .short-r,
.basic_table .small-r,
.basic_table .medium-r,
.basic_table .long-r,
.basic_table .long-5-r,
.basic_table .long-10-r,
.basic_table .long-15-r,
.basic_table .long-20-r,
.basic_table .long-30-r,
.basic_table .long-40-r,
.basic_table .long-45-r,
.basic_table .long-50-r,
.basic_table .long-80-r,
.basic_table .long-90-r {
  text-align: right;
}
.basic_table .mini-l,
.basic_table .short-l,
.basic_table .small-l,
.basic_table .medium-l,
.basic_table .long-l,
.basic_table .long-5-l,
.basic_table .long-10-l,
.basic_table .long-15-l,
.basic_table .long-20-l,
.basic_table .long-30-l,
.basic_table .long-40-l,
.basic_table .long-45-l,
.basic_table .long-50-l,
.basic_table .long-80-l,
.basic_table .long-90-l {
  text-align: left;
}
.basic_table .mini-c,
.basic_table .short-c,
.basic_table .small-c,
.basic_table .medium-c,
.basic_table .long-c,
.basic_table .long-5-c,
.basic_table .long-10-c,
.basic_table .long-15-c,
.basic_table .long-20-c,
.basic_table .long-30-c,
.basic_table .long-40-c,
.basic_table .long-45-c,
.basic_table .long-50-c,
.basic_table .long-80-c,
.basic_table .long-90-c {
  text-align: center;
}
.basic_table .mini-r .border,
.basic_table .short-r .border,
.basic_table .small-r .border,
.basic_table .medium-r .border,
.basic_table .long-r .border,
.basic_table .long-5-r .border,
.basic_table .long-10-r .border,
.basic_table .long-15-r .border,
.basic_table .long-20-r .border,
.basic_table .long-30-r .border,
.basic_table .long-40-r .border,
.basic_table .long-45-r .border,
.basic_table .long-50-r .border,
.basic_table .long-80-r .border,
.basic_table .long-90-r .border,
.basic_table .mini-l .border,
.basic_table .short-l .border,
.basic_table .small-l .border,
.basic_table .medium-l .border,
.basic_table .long-l .border,
.basic_table .long-5-l .border,
.basic_table .long-10-l .border,
.basic_table .long-15-l .border,
.basic_table .long-20-l .border,
.basic_table .long-30-l .border,
.basic_table .long-40-l .border,
.basic_table .long-45-l .border,
.basic_table .long-50-l .border,
.basic_table .long-80-l .border,
.basic_table .long-90-l .border,
.basic_table .mini-c .border,
.basic_table .short-c .border,
.basic_table .small-c .border,
.basic_table .medium-c .border,
.basic_table .long-c .border,
.basic_table .long-5-c .border,
.basic_table .long-10-c .border,
.basic_table .long-15-c .border,
.basic_table .long-20-c .border,
.basic_table .long-30-c .border,
.basic_table .long-40-c .border,
.basic_table .long-45-c .border,
.basic_table .long-50-c .border,
.basic_table .long-80-c .border,
.basic_table .long-90-c .border {
  border: black 2px solid;
}
.basic_table .mini-r .bold,
.basic_table .short-r .bold,
.basic_table .small-r .bold,
.basic_table .medium-r .bold,
.basic_table .long-r .bold,
.basic_table .long-5-r .bold,
.basic_table .long-10-r .bold,
.basic_table .long-15-r .bold,
.basic_table .long-20-r .bold,
.basic_table .long-30-r .bold,
.basic_table .long-40-r .bold,
.basic_table .long-45-r .bold,
.basic_table .long-50-r .bold,
.basic_table .long-80-r .bold,
.basic_table .long-90-r .bold,
.basic_table .mini-l .bold,
.basic_table .short-l .bold,
.basic_table .small-l .bold,
.basic_table .medium-l .bold,
.basic_table .long-l .bold,
.basic_table .long-5-l .bold,
.basic_table .long-10-l .bold,
.basic_table .long-15-l .bold,
.basic_table .long-20-l .bold,
.basic_table .long-30-l .bold,
.basic_table .long-40-l .bold,
.basic_table .long-45-l .bold,
.basic_table .long-50-l .bold,
.basic_table .long-80-l .bold,
.basic_table .long-90-l .bold,
.basic_table .mini-c .bold,
.basic_table .short-c .bold,
.basic_table .small-c .bold,
.basic_table .medium-c .bold,
.basic_table .long-c .bold,
.basic_table .long-5-c .bold,
.basic_table .long-10-c .bold,
.basic_table .long-15-c .bold,
.basic_table .long-20-c .bold,
.basic_table .long-30-c .bold,
.basic_table .long-40-c .bold,
.basic_table .long-45-c .bold,
.basic_table .long-50-c .bold,
.basic_table .long-80-c .bold,
.basic_table .long-90-c .bold {
  font-weight: bold;
}
.basic_table .container {
  background-color: #f9f9f9;
  padding: 5px 5px 5px 5px;
  border: 1px solid lightgrey;
  border-radius: 3px;
}
.basic_table input[type=text] {
  width: 100%;
  margin-bottom: 5px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.basic_table label {
  margin-bottom: 0;
  display: block;
}
.basic_table .element-active {
  visibility: visible;
  opacity: 1;
}
.basic_table .info_block {
  width: 100%;
  display: block;
}
.basic_table .info_block-b {
  display: none;
}
.basic_table .suggestion_list {
  z-index: 10;
  display: block;
  margin-right: 3px;
}
.basic_table .suggestion_list-a {
  background-color: #1E90FF;
}
.basic_table .suggestion_list-b {
  background-color: #1E90FF;
}
.basic_table .radio-horizontal {
  margin-bottom: 5px;
  height: 35px;
  background-color: #f2f2f2 !important;
  font-size: 14px;
  /* The container */
  /* Hide the browser's default radio button */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
}
.basic_table .radio-horizontal label {
  display: inline;
  position: relative;
  padding: 0 0 0 28px;
  margin: 0 0 0 7px;
  cursor: pointer;
  user-select: none;
}
.basic_table .radio-horizontal label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.basic_table .radio-horizontal span {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
}
.basic_table .radio-horizontal span:hover input ~ label {
  background-color: #ccc;
}
.basic_table .radio-horizontal label input:checked ~ span {
  background-color: #2196F3;
}
.basic_table .radio-horizontal span:after {
  content: "";
  position: absolute;
  display: none;
}
.basic_table .radio-horizontal label input:checked ~ span:after {
  display: block;
}
.basic_table .radio-horizontal label span:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.basic_table .btn {
  background-color: #4CAF50;
  color: white;
  right: 0;
  padding: 12px;
  margin: 10px 0;
  border: none;
  width: 25%;
  border-radius: 3px;
  cursor: pointer;
  font-size: 17px;
}
.basic_table .btn:hover {
  background-color: #45a049;
}
.basic_table .btn-mp {
  width: 40px;
  height: 40px;
  background: url(../images/icon-setting.svg) no-repeat center / contain;
  background-size: 40px;
  cursor: pointer;
  appearance: none;
  border: 0;
  margin-left: 15px;
}
.basic_table .btn-mp:hover {
  background-color: #4A81F8;
}
.basic_table span.price {
  float: right;
  color: grey;
}
@media (max-width: 800px) {
  .basic_table .row {
    flex-direction: column-reverse;
  }
  .basic_table .col-25 {
    margin-bottom: 20px;
  }
}
.pagination {
  width: 100%;
  text-align: center;
}
.pagination ul {
  height: 50px;
  margin: 5px 0 5px 0;
}
.pagination ul li {
  display: inline-block;
  padding: 0 10px;
  border: 1px solid #DDDDDD;
  margin-left: -1px;
  text-align: center;
}
.pagination ul li:hover {
  background: #fAfAfA;
}
.pagination ul li.disabled {
  color: #DDDDDD;
}
.pagination ul li.active {
  padding: 5px 10px;
  color: white;
  background: #3b94e0;
}
.pagination ul a {
  text-decoration: none;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
@media screen and (min-width: 1000px) {
  .subpage-section {
    padding: 220px 0 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .subpage-section {
    padding: 80px 0 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .subpage-section {
    padding: 70px 0 0;
  }
}
@media screen and (max-width: 599px) {
  .subpage-section {
    padding: 50px 0 0;
  }
}
@media screen and (min-width: 1000px) {
  .subpage-section.submenu {
    padding-top: 260px;
  }
}
@media screen and (min-width: 1000px) {
  .subpage-section.submenu_non {
    padding-top: 130px;
  }
}
@media screen and (min-width: 1000px) {
  .subpage-section.order {
    padding: 170px 0 0;
  }
}
@media screen and (min-width: 1000px) {
  .subpage-section.alone {
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .subpage-section.alone {
    padding-bottom: 80px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .subpage-section.alone {
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 599px) {
  .subpage-section.alone {
    padding-bottom: 50px;
  }
}
.subpage-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
}
.subpage-breadcrumbs-container {
  text-align: center;
  /*margin-top: -30px;*/
  color: #666;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 50px;
}
@media screen and (max-width: 599px) {
  .subpage-breadcrumbs-container {
    margin-top: -20px;
  }
}
.subpage-breadcrumbs-container a {
  color: #666;
}
.subpage-breadcrumbs-container .arrow {
  color: #026cb5;
  display: inline-block;
  margin: 0 5px;
}
.subpage-fastmenu {
  text-align: center;
  margin-bottom: 10px;
}
.subpage-fastmenu .item {
  height: 25px;
  margin-right: 10px;
  display: inline-block;
}
.subpage-fastmenu .item a {
  text-decoration: none;
  width: 100%;
}
.subpage-fastmenu .item a:hover {
  color: dodgerblue;
}
.subpage-fastmenu .item-blue {
  color: blue;
}
.subpage-fastmenu .item-red {
  color: red;
}
.subpage-fastmenu .item-green {
  color: green;
}
.subpage-fastmenu .item-yellow {
  color: #e7cc74;
}
.subpage-fastmenu .item-violet {
  color: violet;
}
.subpage-content-photo {
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.subpage-content-photo img {
  max-width: 100%;
}
.button_signpost-wrap {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  max-width: 1440px;
  background: #f9f9f9;
}
@media screen and (min-width: 768px) {
  .button_signpost-wrap {
    padding: 80px 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .button_signpost-wrap {
    padding: 60px 0;
  }
}
@media screen and (max-width: 599px) {
  .button_signpost-wrap {
    padding: 50px 0;
  }
}
.button_signpost-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.button_signpost-container .button {
  margin: 10px;
}
.usage-section {
  padding-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .usage-section {
    padding: 120px 0;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .usage-section {
    padding: 70px 0;
  }
}
@media screen and (max-width: 599px) {
  .usage-section {
    padding: 50px 0;
  }
}
.usage-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
}
.usage-wrap h2 {
  padding: 0 20px;
}
.usage-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .usage-container {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .usage-container {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 599px) {
  .usage-container {
    margin-bottom: 0px;
  }
}
.usage-container:last-child {
  margin-bottom: -50px;
}
.usage-item-container {
  padding: 0 20px 50px;
}
@media screen and (min-width: 1000px) {
  .usage-item-container {
    width: 25%;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .usage-item-container {
    width: 33.3333%;
  }
}
@media screen and (min-width: 500px) and (max-width: 767px) {
  .usage-item-container {
    width: 50%;
  }
}
@media screen and (max-width: 499px) {
  .usage-item-container {
    width: 100%;
  }
}
.usage-item-image {
  position: relative;
}
.usage-item-image img {
  max-width: 220px;
}
@media screen and (max-width: 499px) {
  .usage-item-image img {
    max-width: 180px;
  }
}
.usage-item-image:hover .overlay {
  opacity: 1;
}
.usage-item-image .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  color: #333333;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 400ms;
}
.usage-item-image .overlay > .icon {
  width: 40px;
  height: 40px;
  background: url(../images/icon-magnifier.svg) no-repeat center / contain;
}
.footer {
  background: #333333;
  font-weight: 300;
}
.footer-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .footer-wrap {
    padding: 100px 20px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .footer-wrap {
    padding: 70px 20px;
  }
}
@media screen and (max-width: 599px) {
  .footer-wrap {
    padding: 50px 20px;
  }
}
.footer-container {
  display: flex;
  justify-content: flex-start;
  color: #ffffff;
}
@media screen and (max-width: 999px) {
  .footer-container {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 499px) {
  .footer-container {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
}
.footer-container h2 {
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  letter-spacing: 1px;
  height: 75px;
  display: block;
  margin-bottom: 0;
}
@media screen and (max-width: 499px) {
  .footer-container h2 {
    text-align: center;
    height: 65px;
  }
}
.footer-container h2::after {
  content: " ";
  background: #026cb5;
  height: 3px;
  width: 50px;
  display: block;
  margin: 20px 0 0;
}
@media screen and (max-width: 499px) {
  .footer-container h2::after {
    margin: 20px auto 0;
  }
}
.footer-container a {
  color: #ffffff;
}
@media screen and (min-width: 1100px) {
  .footer-column-container {
    padding-right: 100px;
  }
  .footer-column-container:last-child {
    padding-right: 0;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1099px) {
  .footer-column-container {
    padding-right: 70px;
  }
  .footer-column-container:last-child {
    padding-right: 0;
  }
}
@media screen and (max-width: 499px) {
  .footer-column-container {
    width: auto;
    margin-bottom: 50px;
    max-width: 100%;
  }
  .footer-column-container:last-child {
    margin-bottom: 0;
  }
}
.footer-column-company {
  display: block;
}
@media screen and (min-width: 1000px) {
  .footer-column-company {
    flex-grow: 1;
  }
}
@media screen and (min-width: 500px) and (max-width: 999px) {
  .footer-column-company {
    order: 3;
    width: calc(50% + 20px);
    padding-right: 40px;
    margin-top: 50px;
  }
}
@media screen and (max-width: 499px) {
  .footer-column-company {
    order: 3;
  }
}
.footer-column-company-image {
  height: 75px;
}
.footer-column-company-image img {
  width: 186px;
  height: 27px;
}
@media screen and (max-width: 499px) {
  .footer-column-company-image {
    height: auto;
    margin-bottom: 20px;
  }
}
.footer-column-company-text {
  width: 100%;
  max-width: 440px;
  margin-bottom: 40px;
}
.footer-column-company-link-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 499px) {
  .footer-column-company-link-container {
    justify-content: center;
  }
}
.footer-column-company-link-text {
  text-decoration: none;
  margin-right: 35px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
}
.footer-column-company-link-text:last-child {
  margin-right: 0;
}
.footer-column-company-link-text > .arrow {
  background: url(../images/arrow-white.svg) no-repeat center;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  transform: rotate(90deg);
  margin-left: 10px;
  transition: 400ms;
}
.footer-column-company-link-text:hover > .arrow {
  transform: rotate(90deg) translateY(-5px);
}
@media screen and (min-width: 1000px) {
  .footer-column-shop {
    flex-shrink: 0;
    max-width: 250px;
  }
}
@media screen and (min-width: 500px) and (max-width: 999px) {
  .footer-column-shop {
    order: 1;
    width: calc(50% + 20px);
    padding-right: 40px;
  }
}
.footer-column-shop-contact {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .footer-column-shop .phone {
    text-decoration: none;
  }
}
.footer-column-open {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 1000px) {
  .footer-column-open {
    flex-shrink: 0;
    max-width: 250px;
  }
}
@media screen and (min-width: 500px) and (max-width: 999px) {
  .footer-column-open {
    order: 2;
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 499px) {
  .footer-column-open {
    align-items: center;
  }
}
.footer-column-open-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}
.footer-column-open-row {
  display: flex;
  justify-content: flex-start;
}
.footer-column-open-row > .day {
  font-weight: 700;
  width: 35px;
}
@media screen and (min-width: 1000px) {
  .footer-column-links {
    flex-shrink: 0;
    max-width: 220px;
  }
}
@media screen and (min-width: 500px) and (max-width: 999px) {
  .footer-column-links {
    order: 4;
    width: calc(50% - 20px);
    margin-top: 50px;
  }
}
@media screen and (max-width: 499px) {
  .footer-column-links {
    order: 4;
  }
}
.footer-column-links ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.footer-column-links li {
  list-style: none;
  line-height: 22px;
  margin-bottom: 7px;
}
.footer-column-links li:last-child {
  margin-bottom: 0;
}
.footer-wrap.cart .footer-container {
  justify-content: center;
}
.footer-wrap.cart .footer-column-company {
  padding-right: 100px;
}
.footer-wrap.cart .footer-column-company {
  flex-grow: 0;
  justify-content: center;
}
@media screen and (max-width: 999px) {
  .footer-wrap.cart .footer-column-company {
    margin-top: 0;
    order: 1;
    width: 100%;
    padding-right: 0;
    margin-bottom: 50px;
  }
}
.footer-wrap.cart .footer-column-company-image {
  height: auto;
}
@media screen and (max-width: 999px) {
  .footer-wrap.cart .footer-column-company-image {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
  }
}
.footer-wrap.cart .footer-column-shop {
  max-width: none;
}
@media screen and (max-width: 999px) {
  .footer-wrap.cart .footer-column-shop {
    padding-right: 0;
    width: auto;
    order: 2;
  }
}
.footer-wrap.cart .footer-column-shop-container {
  display: flex;
}
@media screen and (max-width: 499px) {
  .footer-wrap.cart .footer-column-shop-container {
    flex-direction: column;
  }
}
.footer-wrap.cart .footer-column-shop-address {
  flex-shrink: 0;
  padding-right: 100px;
}
@media screen and (max-width: 499px) {
  .footer-wrap.cart .footer-column-shop-address {
    padding-right: 0;
  }
}
.footer-wrap.cart .footer-column-shop-contact {
  margin-top: 0;
}
@media screen and (max-width: 499px) {
  .footer-wrap.cart .footer-column-shop-contact {
    margin-top: 15px;
  }
}
@media screen and (max-width: 999px) {
  .footer-wrap.cart h2 {
    text-align: center;
  }
  .footer-wrap.cart h2::after {
    margin-left: auto;
    margin-right: auto;
  }
}
.footer-desktop {
  background: #ffffff;
  font-weight: 300;
}
.footer-desktop-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .footer-desktop-wrap {
    padding: 20px 20px;
  }
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .footer-desktop-wrap {
    padding: 20px 20px;
  }
}
@media screen and (max-width: 599px) {
  .footer-desktop-wrap {
    padding: 20px 20px;
  }
}
.footer-desktop-container {
  display: flex;
  justify-content: flex-start;
  color: #ffffff;
}
@media screen and (max-width: 999px) {
  .footer-desktop-container {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 499px) {
  .footer-desktop-container {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
}
.footer-desktop-container h2 {
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  text-align: left;
  letter-spacing: 1px;
  height: 75px;
  display: block;
  margin-bottom: 0;
}
@media screen and (max-width: 499px) {
  .footer-desktop-container h2 {
    text-align: center;
    height: 65px;
  }
}
.footer-desktop-container h2::after {
  content: " ";
  background: #026cb5;
  height: 3px;
  width: 50px;
  display: block;
  margin: 20px 0 0;
}
@media screen and (max-width: 499px) {
  .footer-desktop-container h2::after {
    margin: 20px auto 0;
  }
}
.footer-desktop-container a {
  color: #ffffff;
}
@media screen and (min-width: 1100px) {
  .footer-desktop-column-container {
    padding-right: 100px;
  }
  .footer-desktop-column-container:last-child {
    padding-right: 0;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1099px) {
  .footer-desktop-column-container {
    padding-right: 70px;
  }
  .footer-desktop-column-container:last-child {
    padding-right: 0;
  }
}
@media screen and (max-width: 499px) {
  .footer-desktop-column-container {
    width: auto;
    margin-bottom: 50px;
    max-width: 100%;
  }
  .footer-desktop-column-container:last-child {
    margin-bottom: 0;
  }
}
.footer-desktop-column-company {
  display: block;
}
@media screen and (min-width: 1000px) {
  .footer-desktop-column-company {
    flex-grow: 1;
  }
}
@media screen and (min-width: 500px) and (max-width: 999px) {
  .footer-desktop-column-company {
    order: 3;
    width: calc(50% + 20px);
    padding-right: 40px;
    margin-top: 50px;
  }
}
@media screen and (max-width: 499px) {
  .footer-desktop-column-company {
    order: 3;
  }
}
.footer-desktop-column-company-image {
  height: 75px;
}
.footer-desktop-column-company-image img {
  width: 186px;
  height: 27px;
}
@media screen and (max-width: 499px) {
  .footer-desktop-column-company-image {
    height: auto;
    margin-bottom: 20px;
  }
}
.footer-desktop-column-company-text {
  width: 100%;
  max-width: 440px;
  margin-bottom: 40px;
}
.footer-desktop-column-company-link-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 499px) {
  .footer-desktop-column-company-link-container {
    justify-content: center;
  }
}
.footer-desktop-column-company-link-text {
  text-decoration: none;
  margin-right: 35px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
}
.footer-desktop-column-company-link-text:last-child {
  margin-right: 0;
}
.footer-desktop-column-company-link-text > .arrow {
  background: url(../images/arrow-white.svg) no-repeat center;
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  transform: rotate(90deg);
  margin-left: 10px;
  transition: 400ms;
}
.footer-desktop-column-company-link-text:hover > .arrow {
  transform: rotate(90deg) translateY(-5px);
}
@media screen and (min-width: 1000px) {
  .footer-desktop-column-shop {
    flex-shrink: 0;
    max-width: 250px;
  }
}
@media screen and (min-width: 500px) and (max-width: 999px) {
  .footer-desktop-column-shop {
    order: 1;
    width: calc(50% + 20px);
    padding-right: 40px;
  }
}
.footer-desktop-column-shop-contact {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .footer-desktop-column-shop .phone {
    text-decoration: none;
  }
}
.footer-desktop-column-open {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 1000px) {
  .footer-desktop-column-open {
    flex-shrink: 0;
    max-width: 250px;
  }
}
@media screen and (min-width: 500px) and (max-width: 999px) {
  .footer-desktop-column-open {
    order: 2;
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 499px) {
  .footer-desktop-column-open {
    align-items: center;
  }
}
.footer-desktop-column-open-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
}
.footer-desktop-column-open-row {
  display: flex;
  justify-content: flex-start;
}
.footer-desktop-column-open-row > .day {
  font-weight: 700;
  width: 35px;
}
@media screen and (min-width: 1000px) {
  .footer-desktop-column-links {
    flex-shrink: 0;
    max-width: 220px;
  }
}
@media screen and (min-width: 500px) and (max-width: 999px) {
  .footer-desktop-column-links {
    order: 4;
    width: calc(50% - 20px);
    margin-top: 50px;
  }
}
@media screen and (max-width: 499px) {
  .footer-desktop-column-links {
    order: 4;
  }
}
.footer-desktop-column-links ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.footer-desktop-column-links li {
  list-style: none;
  line-height: 22px;
  margin-bottom: 7px;
}
.footer-desktop-column-links li:last-child {
  margin-bottom: 0;
}
.footer-desktop-wrap.cart .footer-container {
  justify-content: center;
}
.footer-desktop-wrap.cart .footer-column-company {
  padding-right: 100px;
}
.footer-desktop-wrap.cart .footer-column-company {
  flex-grow: 0;
  justify-content: center;
}
@media screen and (max-width: 999px) {
  .footer-desktop-wrap.cart .footer-column-company {
    margin-top: 0;
    order: 1;
    width: 100%;
    padding-right: 0;
    margin-bottom: 50px;
  }
}
.footer-desktop-wrap.cart .footer-column-company-image {
  height: auto;
}
@media screen and (max-width: 999px) {
  .footer-desktop-wrap.cart .footer-column-company-image {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
  }
}
.footer-desktop-wrap.cart .footer-column-shop {
  max-width: none;
}
@media screen and (max-width: 999px) {
  .footer-desktop-wrap.cart .footer-column-shop {
    padding-right: 0;
    width: auto;
    order: 2;
  }
}
.footer-desktop-wrap.cart .footer-column-shop-container {
  display: flex;
}
@media screen and (max-width: 499px) {
  .footer-desktop-wrap.cart .footer-column-shop-container {
    flex-direction: column;
  }
}
.footer-desktop-wrap.cart .footer-column-shop-address {
  flex-shrink: 0;
  padding-right: 100px;
}
@media screen and (max-width: 499px) {
  .footer-desktop-wrap.cart .footer-column-shop-address {
    padding-right: 0;
  }
}
.footer-desktop-wrap.cart .footer-column-shop-contact {
  margin-top: 0;
}
@media screen and (max-width: 499px) {
  .footer-desktop-wrap.cart .footer-column-shop-contact {
    margin-top: 15px;
  }
}
@media screen and (max-width: 999px) {
  .footer-desktop-wrap.cart h2 {
    text-align: center;
  }
  .footer-desktop-wrap.cart h2::after {
    margin-left: auto;
    margin-right: auto;
  }
}
.copyright-wrap {
  padding: 0 20px;
  max-width: 1440px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #494949;
}
.copyright-container {
  font-weight: 300;
  font-size: 13px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  width: 100%;
}
.copyright-desktop {
  font-weight: 300;
  font-size: 13px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  width: 100%;
}