.articles-section {
  margin: 0 auto;
  max-width: 1280px;
  position: relative;
  z-index: 1;
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  .articles-section {
    padding: 20px;
  }
}
.articles-section .button {
  color: #c2acc8;
  position: relative;
  display: inline-block !important;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 45px;
  background: transparent;
  padding: 0;
  font-size: 1em;
}
@media only screen and (max-width: 768px) {
  .articles-section .button {
    margin-top: 20px;
  }
}
.articles-section .button:hover {
  color: #000;
  background: transparent;
}
.articles-section h2 {
  position: relative;
  text-align: center;
  font-size: 2.3em;
  font-weight: 600;
  color: #2f2f30;
  letter-spacing: 1px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 1200px) {
  .articles-section h2 {
    font-size: 1.8em;
  }
}
@media only screen and (max-width: 768px) {
  .articles-section h2 {
    font-size: 1.6em;
  }
}
.articles-section #newsWrapper {
  margin: 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .articles-section #newsWrapper {
    flex-direction: column;
    align-items: center;
  }
}
.articles-section #newsWrapper .news-item {
  display: flex;
  margin-bottom: 0;
  background-color: #fff !important;
  align-items: center;
  z-index: 2;
  position: relative;
  border-radius: 0;
  width: calc(100% + 40px);
  max-width: calc(100% + 40px);
  flex-direction: row;
  justify-content: flex-start;
  text-align: left;
  margin: 0 -20px 80px -20px;
}
@media only screen and (max-width: 768px) {
  .articles-section #newsWrapper .news-item {
    flex-direction: column;
  }
}
@media only screen and (max-width: 992px) {
  .articles-section #newsWrapper .news-item {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .articles-section #newsWrapper .news-item {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 0 !important;
  }
}
.articles-section #newsWrapper .news-item .description {
  font-weight: 400;
  line-height: 1.8em;
  color: #000;
  letter-spacing: 0.5px;
}
.articles-section #newsWrapper .news-item .description p {
  margin: 0;
}
.articles-section #newsWrapper .news-item .description img {
  display: none;
}
.articles-section #newsWrapper .news-item .image,
.articles-section #newsWrapper .news-item .text {
  width: 50%;
  height: auto;
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  .articles-section #newsWrapper .news-item .image,
  .articles-section #newsWrapper .news-item .text {
    width: 100%;
    padding: 0;
  }
}
.articles-section #newsWrapper .news-item .text {
  position: relative;
  padding-top: 0;
}
.articles-section #newsWrapper .news-item .text .button {
  background: #239ceb;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  left: inherit;
  transform: none;
  font-weight: 500 !important;
  display: inline-block;
  padding: 12px 40px;
  font-size: 0.9em !important;
  letter-spacing: 1px;
  border-radius: 30px !important;
  margin-top: 30px;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .articles-section #newsWrapper .news-item .text .button {
    margin-top: 20px;
  }
}
.articles-section #newsWrapper .news-item .text img {
  max-width: 100%;
}
.articles-section #newsWrapper .news-item .text .title {
  font-weight: 500;
  color: #040404;
  margin-top: 17px;
  margin-bottom: 30px;
  padding-bottom: 0px;
  display: inline-block;
  line-height: 1.25em;
}
.articles-section #newsWrapper .news-item .text .title:hover {
  text-decoration: none;
  border: none;
  color: #313a43;
}
@media only screen and (max-width: 768px) {
  .articles-section #newsWrapper .news-item .text .title {
    font-size: 1.3em;
  }
}
@media only screen and (max-width: 480px) {
  .articles-section #newsWrapper .news-item .text .title {
    margin-top: 5px;
    font-size: 1.2em;
  }
}
.articles-section #newsWrapper .news-item .text time {
  font-weight: 400;
  color: #959595;
  font-size: 0.8em;
  letter-spacing: -0.5px;
  margin-top: 5px;
  display: none;
}
.articles-section #newsWrapper .news-item .image {
  width: 50%;
  border-radius: 0;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .articles-section #newsWrapper .news-item .image {
    display: block;
    margin: 0 0 10px 0;
    width: 100%;
    height: auto;
    order: 2;
    padding-top: 35px;
  }
}
.articles-section #newsWrapper .news-item .image:hover img {
  opacity: 0.7;
}
.articles-section #newsWrapper .news-item .image a {
  width: 100%;
  height: auto;
}
.articles-section #newsWrapper .news-item .image img {
  transition: 0.3s;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .articles-section #newsWrapper .news-item .image img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .articles-section #newsWrapper .news-item:nth-child(5) .image,
  .articles-section #newsWrapper .news-item:nth-child(7) .image,
  .articles-section #newsWrapper .news-item:nth-child(9) .image,
  .articles-section #newsWrapper .news-item:nth-child(11) .image {
    order: 2;
  }
}
.articles-section #newsWrapper .news-item:nth-child(2),
.articles-section #newsWrapper .news-item:nth-child(3),
.articles-section #newsWrapper .news-item:nth-child(4) {
  width: 33.333%;
  max-width: calc(33.33% - 20px);
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin: 0 0 80px 0;
}
@media only screen and (max-width: 768px) {
  .articles-section #newsWrapper .news-item:nth-child(2),
  .articles-section #newsWrapper .news-item:nth-child(3),
  .articles-section #newsWrapper .news-item:nth-child(4) {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
}
.articles-section #newsWrapper .news-item:nth-child(2) .image,
.articles-section #newsWrapper .news-item:nth-child(3) .image,
.articles-section #newsWrapper .news-item:nth-child(4) .image {
  height: 300px;
  width: 100%;
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .articles-section #newsWrapper .news-item:nth-child(2) .image,
  .articles-section #newsWrapper .news-item:nth-child(3) .image,
  .articles-section #newsWrapper .news-item:nth-child(4) .image {
    height: auto;
    order: 0;
    padding-top: 0;
  }
}
.articles-section #newsWrapper .news-item:nth-child(2) .image img,
.articles-section #newsWrapper .news-item:nth-child(3) .image img,
.articles-section #newsWrapper .news-item:nth-child(4) .image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: inherit;
}
@media only screen and (max-width: 768px) {
  .articles-section #newsWrapper .news-item:nth-child(2) .image img,
  .articles-section #newsWrapper .news-item:nth-child(3) .image img,
  .articles-section #newsWrapper .news-item:nth-child(4) .image img {
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
}
.articles-section #newsWrapper .news-item:nth-child(2) .text,
.articles-section #newsWrapper .news-item:nth-child(3) .text,
.articles-section #newsWrapper .news-item:nth-child(4) .text {
  width: 100%;
}
.articles-section #newsWrapper .news-item:nth-child(2) .text .button,
.articles-section #newsWrapper .news-item:nth-child(3) .text .button,
.articles-section #newsWrapper .news-item:nth-child(4) .text .button {
  display: none !important;
}
.articles-section #newsWrapper .news-item:nth-child(2) .text .title,
.articles-section #newsWrapper .news-item:nth-child(3) .text .title,
.articles-section #newsWrapper .news-item:nth-child(4) .text .title {
  margin-bottom: 15px;
}
.articles-section #newsWrapper .news-item:nth-child(2) .text > a,
.articles-section #newsWrapper .news-item:nth-child(3) .text > a,
.articles-section #newsWrapper .news-item:nth-child(4) .text > a {
  font-size: 1.4em !important;
  letter-spacing: 1.5px;
  font-weight: 500 !important;
  width: 100%;
  max-width: 100%;
}
.articles-section #newsWrapper .news-item:nth-child(2) .description,
.articles-section #newsWrapper .news-item:nth-child(3) .description,
.articles-section #newsWrapper .news-item:nth-child(4) .description {
  font-size: 0.8em !important;
  /*display: -webkit-box;
          -webkit-line-clamp: 4;
          -webkit-box-orient: vertical;
          overflow: hidden;
          text-overflow: ellipsis;*/
  max-width: 330px;
  max-height: 135px;
  margin: 0 auto;
}
.articles-section #newsWrapper .news-item:nth-child(2) .description p,
.articles-section #newsWrapper .news-item:nth-child(3) .description p,
.articles-section #newsWrapper .news-item:nth-child(4) .description p {
  font-size: 1em !important;
  font-weight: 500;
}
@media only screen and (max-width: 768px) {
  .articles-section #newsWrapper .news-item:nth-child(2) .description,
  .articles-section #newsWrapper .news-item:nth-child(3) .description,
  .articles-section #newsWrapper .news-item:nth-child(4) .description {
    max-width: 100%;
    font-size: 1em;
    max-height: initial;
  }
}
.hp-ratings.container {
  padding-bottom: 50px !important;
  padding-top: 20px !important;
  text-align: center;
  margin: 0 0 60px 0 !important;
  background: #f1f3f5;
  width: 100%;
  max-width: 100% !important;
}
@media only screen and (max-width: 1200px) {
  .hp-ratings.container {
    margin: 30px 0 !important;
  }
}
.hp-ratings.container h2 {
  font-size: 2em;
  font-weight: 600;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  margin-top: 40px;
  color: #040404;
}
@media only screen and (max-width: 992px) {
  .hp-ratings.container h2 {
    padding: 0 60px;
    font-size: 1.5em;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .hp-ratings.container h2 {
    font-size: 1.3em;
  }
}
.hp-ratings.container h2 + a {
  font-size: 0.85em;
  display: inline-block;
}
@media only screen and (max-width: 992px) {
  .hp-ratings.container h2 + a {
    padding: 0 60px;
  }
}
.hp-ratings.container h2 + a:hover {
  text-decoration: underline;
}
.hp-ratings.container h2 + a:after {
  position: relative;
  content: '\e90f';
  transform: rotate(180deg);
  width: 25px;
  height: 25px;
  font-size: 9px;
  font-family: 'shoptet';
  line-height: 25px;
  text-align: center;
  display: inline-block;
  margin-left: 2px;
  color: #239ceb;
  top: -1px;
}
.hp-ratings.container .button {
  height: 44px;
  position: relative;
  width: 200px;
  font-size: 0.9em;
  font-weight: 600;
}
@media only screen and (min-width: 768px) {
  .hp-ratings.container .button {
    left: 50%;
    transform: translateX(-50%);
  }
}
.hp-ratings.container .slick-list {
  width: 100%;
}
.hp-ratings.container .ratings-list {
  max-width: 1280px;
  margin: 40px auto 25px auto;
  padding: 0 80px;
}
@media only screen and (max-width: 992px) {
  .hp-ratings.container .ratings-list {
    padding: 0;
  }
}
.hp-ratings.container .ratings-list .votes-wrap {
  display: none;
  align-items: flex-start;
  justify-content: center;
  max-width: 100%;
}
.hp-ratings.container .ratings-list .votes-wrap:first-child {
  display: flex;
}
@media only screen and (max-width: 992px) {
  .hp-ratings.container .ratings-list .votes-wrap {
    flex-wrap: wrap;
  }
}
.hp-ratings.container .ratings-list .votes-wrap .vote-wrap {
  border: none;
  margin: 0 30px;
  /*width: calc(~'50% - 20px');*/
  border-color: #e1e1e1;
  margin-bottom: 0;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 992px) {
  .hp-ratings.container .ratings-list .votes-wrap .vote-wrap {
    margin: 0 20px;
  }
}
.hp-ratings.container .ratings-list .votes-wrap .vote-wrap .vote-rating {
  display: flex;
  flex-direction: column-reverse;
}
.hp-ratings.container .ratings-list .votes-wrap .vote-wrap .vote-product-name {
  padding-top: 15px;
  margin-bottom: -5px;
  font-weight: 600;
}
.hp-ratings.container .ratings-list .votes-wrap .vote-wrap .vote-content {
  background: transparent;
  padding: 0 15px 15px 15px;
  position: relative;
  border-radius: 5px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 20px;
  color: #040404;
  line-height: 2em;
}
@media only screen and (max-width: 350px) {
  .hp-ratings.container .ratings-list .votes-wrap .vote-wrap .vote-content {
    min-height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .hp-ratings.container .ratings-list .votes-wrap .vote-wrap .vote-content {
    padding: 15px;
    font-size: 0.9em;
  }
}
.hp-ratings.container .ratings-list .votes-wrap .vote-wrap .vote-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.hp-ratings.container .ratings-list .votes-wrap .vote-wrap .vote-header .vote-delimeter {
  display: none;
}
.hp-ratings.container .ratings-list .votes-wrap .vote-wrap .vote-header .vote-pic {
  padding: 0;
  min-width: 70px;
  height: 70px;
  display: none;
}
.hp-ratings.container .ratings-list .votes-wrap .vote-wrap .vote-header .vote-pic .vote-initials {
  width: 75px;
  color: #fff;
  padding-top: 7px;
  height: 75px;
  border-radius: 50%;
  font-size: 30px;
}
.hp-ratings.container .ratings-list .votes-wrap .vote-wrap .vote-header .vote-name {
  font-size: 1.5em;
  color: #040404;
  font-weight: 500;
  margin: 10px 0 5px 0;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 768px) {
  .hp-ratings.container .ratings-list .votes-wrap .vote-wrap .vote-header .vote-name {
    font-size: 1.2em;
  }
}
.hp-ratings.container .ratings-list .votes-wrap .vote-wrap .vote-header .stars {
  width: 75px;
  display: inline-block;
  margin: 0 auto 15px auto;
  height: 23px;
}
.hp-ratings.container .ratings-list .votes-wrap .vote-wrap .vote-header .stars .star {
  width: 15px;
}
.hp-ratings.container .ratings-list .votes-wrap .vote-wrap .vote-header .stars .star:before {
  margin-top: 5px;
  font-size: 13px;
  color: #ffcc00 !important;
}
.hp-ratings.container .ratings-list .votes-wrap .vote-wrap .vote-header .vote-time {
  display: none;
}
.hp-ratings.container .slick-slider .slick-arrow {
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/celestin/img/icons/slider-arrow-right.svg) !important;
  background-size: 25px !important;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  background-color: transparent;
}
@media only screen and (max-width: 992px) {
  .hp-ratings.container .slick-slider .slick-arrow {
    top: -90px !important;
  }
}
.hp-ratings.container .slick-slider .slick-arrow.slick-next {
  right: -60px;
}
@media only screen and (max-width: 992px) {
  .hp-ratings.container .slick-slider .slick-arrow.slick-next {
    right: 20px !important;
  }
}
.hp-ratings.container .slick-slider .slick-arrow.slick-prev {
  left: -60px;
}
@media only screen and (max-width: 992px) {
  .hp-ratings.container .slick-slider .slick-arrow.slick-prev {
    left: 20px !important;
  }
}
#ratingWrapper .link-like {
  padding: 10px 15px;
  border-radius: 4px;
  cursor: pointer;
}
#ratingWrapper .link-like:hover {
  background: #000;
}
.products-block > div.slick-slide {
  flex: 0 0 auto;
  width: 100%;
}
.products-inline.products {
  margin: 0 -4px 20px -4px;
}
.products-inline.products .flags-extra .flag {
  margin-right: 8px;
}
.products-inline.products .product {
  padding: 4px;
}
.products-inline.products .product a {
  text-decoration: none;
  font-weight: 500;
}
.products-inline.products .product .p {
  background: #fff;
  border: none;
  border-radius: 0;
  margin: 0;
  padding: 20px 15px 15px 15px;
  width: 100%;
}
.products-inline.products .product .p .image {
  min-height: 80px;
}
.products-block.products {
  z-index: 0;
  margin: 0 -8px;
  width: calc(100% + 20px) !important;
}
.products-block.products:hover {
  z-index: 2;
  /*.slick-list {
      overflow: visible;
    }*/
}
.products-block.products .slick-list {
  /* margin: 0 -25px;*/
  padding: 40px 0 16px 0 !important;
  width: 100% !important;
  border: none !important;
  /*overflow: visible;*/
  position: relative;
  /*width: calc(~'100% + 40px') !important;*/
  /*@media @desktop {
      .product {
        margin-right: 15px;
      }
    }*/
  /*&:before {
      width: calc(~'(100vw - 100%)/2');
      height: 100%;
      content: '';
      top: 0;
      background: #fff;
      z-index: 2;
      position: absolute;
      left: calc(~'50% - 597px');
      transform: translateX(-100%);
    }

    &:after {
      width: calc(~'(100vw - 100%)/2 + 1px');
      height: 100%;
      content: '';
      top: 0;
      background: #fff;
      z-index: 2;
      position: absolute;
      right: calc(~'50% - 606px');
      transform: translateX(100%);

      @media @desktop {
        right: 5px;
        width: 10px;
      }
    }*/
}
@media only screen and (max-width: 768px) {
  .products-block.products .slick-list {
    padding-top: 20px !important;
  }
}
.products-block.products .slick-list .slick-track {
  display: flex !important;
  align-items: stretch;
}
.products-block.products .slick-list .product {
  width: auto;
  height: auto;
  /* opacity: 0;

      &.slick-active {
        opacity: 1;
      }*/
}
.products-block.products .slick-list .product:after {
  display: block !important;
}
.products-block.products .slick-list .product:nth-child(3n):after {
  display: block;
}
@media only screen and (max-width: 480px) {
  .products-block.products .slick-list .product {
    margin-right: 5px;
  }
}
.products-block.products .slick-track {
  float: left;
  min-width: 100%;
}
.products-block.products .slick-track .slick-arrow {
  display: none !important;
}
.products-block.products .slick-dots {
  display: none !important;
}
.products-block.products .product {
  border: none !important;
  position: relative;
  padding: 0 !important;
  margin: 0 10px 20px 10px;
  background: #fff;
  transition: 0.3s;
  box-shadow: 0px 2px 24px 0px rgba(0, 0, 0, 0.1);
  top: 0;
  width: calc(25% - 20px);
  flex: none;
}
.products-block.products .product:focus {
  outline: none;
}
.products-block.products .product a:focus {
  outline: none;
}
@media only screen and (max-width: 1200px) {
  .products-block.products .product {
    width: calc(33.33% - 20px);
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .products-block.products .product {
    width: calc(50% - 20px);
    text-align: center;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .products-block.products .product {
    padding: 15px 3px !important;
  }
}
@media only screen and (max-width: 480px) {
  .products-block.products .product {
    width: calc(100% - 16px);
  }
}
.products-block.products .product .stars-placeholder,
.products-block.products .product .p .stars-wrapper {
  height: auto;
  margin: 0;
  /* @media @tablet-600 {
        left: 50%;
        top: -8px;
        transform: translateX(-50%);
        height: 20px;
      }*/
}
@media only screen and (max-width: 768px) {
  .products-block.products .product .stars-wrapper {
    justify-content: center;
  }
}
.products-block.products .product .flags-extra .flag .price-standard {
  display: none;
}
.products-block.products .product .old-price {
  order: 1;
  color: #333;
  text-decoration: line-through;
  margin-bottom: 3px;
}
.products-block.products .product .flag-discount {
  margin-left: 0;
}
.products-block.products .product .image {
  padding: 50px 15px 0 15px;
}
@media only screen and (max-width: 1200px) {
  .products-block.products .product .image {
    padding-top: 25px;
  }
}
.products-block.products .product .image img {
  opacity: 1;
  transition: 0.3s;
  margin: 0 auto;
}
.products-block.products .product .p-code {
  padding: 1px 6px;
  background: #f5f5f4;
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 0.75em;
  color: #a7a7a7;
  right: 10px;
  top: 10px;
}
.products-block.products .product.slick-slide {
  padding: 0 10px;
}
.products-block.products .product .p-in {
  position: relative;
  background: #fff;
  padding: 20px 20px 50px 20px;
}
@media only screen and (max-width: 600px) {
  .products-block.products .product .p-in {
    padding: 10px 10px 45px 10px;
  }
}
@media only screen and (max-width: 480px) {
  .products-block.products .product .p-in {
    padding: 0 8px 45px 8px;
  }
}
.products-block.products .product .widget-parameter-list > li.widget-parameter-value:nth-child(n + 4) {
  display: none;
}
.products-block.products .product .widget-parameter-value a {
  display: inline-block;
}
.products-block.products .product .widget-parameter-list {
  padding: 0 25px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 0;
}
.products-block.products .product .widget-parameter-list li {
  padding: 5px 10px;
}
.products-block.products .product .widget-parameter-list li a {
  text-decoration: none;
}
.products-block.products .product .widget-parameter-list li a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .products-block.products .product .widget-parameter-list {
    padding: 0 15px;
  }
}
.products-block.products .product .widget-parameter-more {
  display: none;
}
.products-block.products .product .flags {
  width: 100%;
  padding-left: 0;
}
.products-block.products .product .flags.flags-extra {
  position: absolute;
  bottom: 15px;
  right: 15px;
  left: inherit;
  display: flex;
  width: auto !important;
}
.products-block.products .product .flags.flags-extra .flag {
  background: #000;
}
.products-block.products .product .flags.flags-extra .flag.flag-discount {
  padding: 0;
}
.products-block.products .product .flags.flags-extra .flag.flag-discount .price-standard {
  display: none;
}
.products-block.products .product .flags.flags-extra .flag.flag-discount .price-save {
  font-size: 1.3em;
  font-weight: 400;
}
.products-block.products .product .flags.flags-extra .flag span {
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .products-block.products .product .flags.flags-extra .flag {
    width: 45px;
    height: 45px;
    margin: 0;
    right: -5px;
    opacity: 0.8;
  }
  .products-block.products .product .flags.flags-extra .flag > span {
    display: none;
  }
  .products-block.products .product .flags.flags-extra .flag > span.price-save {
    display: block;
    font-size: 11px !important;
    letter-spacing: 0px;
  }
  .products-block.products .product .flags.flags-extra .flag > span.icon-van {
    display: block;
    font-size: 20px;
  }
}
.products-block.products .product .stars {
  margin-bottom: 10px;
}
.products-block.products .product .p {
  position: relative;
  border: none;
}
.products-block.products .product .p .name {
  text-align: left;
  font-weight: 600;
  font-size: 1.1em;
  color: #040404;
  letter-spacing: 0.5px;
  text-decoration: none;
  height: 47px;
  max-height: 47px;
  margin: 0 auto 0 auto;
  display: inline-block;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 1200px) {
  .products-block.products .product .p .name {
    font-size: 1.1em;
  }
}
@media only screen and (max-width: 768px) {
  .products-block.products .product .p .name {
    text-align: center;
  }
}
@media only screen and (max-width: 600px) {
  .products-block.products .product .p .name {
    width: 100%;
    text-align: center;
    margin-top: 7px;
    min-height: 40px;
  }
}
.products-block.products .product .ratings-wrapper {
  width: 100%;
  justify-content: flex-start;
  flex-direction: column;
  padding: 0;
  top: 0;
  min-height: auto;
  display: none;
}
.products-block.products .product .availability {
  min-height: 25px;
  /* margin-bottom: 7px; */
  text-align: center;
  line-height: 1.1em;
  position: absolute;
  left: 50%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  transform: translateX(-50%);
  font-size: 0.8em;
  display: flex;
  bottom: 12px;
  align-items: center;
  font-weight: 400;
}
.products-block.products .product .availability .availability-amount {
  margin-left: 3px;
}
.products-block.products .product .p-desc {
  order: -1;
  font-size: 0.7em;
  font-weight: 400;
  text-align: left;
  max-width: 100%;
  letter-spacing: 0.5px;
  color: #000;
  padding: 0;
  max-height: 53px;
  margin: 0;
  line-height: 1.6em;
  opacity: 0.9;
  background: #fff;
  padding-top: 0;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 53px;
}
@media only screen and (max-width: 768px) {
  .products-block.products .product .p-desc {
    text-align: center;
    -webkit-line-clamp: 2;
    min-height: 34px;
    max-height: inherit;
    font-size: 1em;
    transform: scale(0.7);
    margin-top: -10px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 992px) {
  .products-block.products .product .p-bottom .prices,
  .products-block.products .product .p-bottom .p-tools {
    flex-basis: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.products-block.products .product .prices {
  order: 2;
  padding: 0px;
  flex-basis: 0px;
  margin-bottom: 0;
  text-align: left;
  display: flex;
  flex-direction: column-reverse;
}
@media only screen and (max-width: 992px) {
  .products-block.products .product .prices {
    order: 0;
  }
}
.products-block.products .product .prices .price-additional {
  display: block;
  text-align: left;
  color: #000;
  opacity: 0.3;
  font-weight: 500;
  font-size: 0.7em;
  letter-spacing: 0;
  margin-top: 3px;
}
.products-block.products .product .prices .price,
.products-block.products .product .prices .price strong {
  text-transform: none;
}
.products-block.products .product .prices .price-final {
  margin-bottom: 0;
}
.products-block.products .product .prices .price-final strong {
  font-weight: 500;
  letter-spacing: 0;
  color: #239ceb;
  font-size: 1.3em;
}
.products-block.products .product .stars-placeholder {
  position: absolute;
  top: -15px;
}
.products-block.products .product a {
  border: none;
}
.products-block.products .product a img {
  border: none;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.products-block.products .product button,
.products-block.products .product .btn {
  height: 38px;
  line-height: 34px;
  min-height: 38px;
  background: #239ceb;
  margin: 0 auto;
  min-width: 130px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  float: right;
  padding: 0;
  font-weight: 500;
  font-size: 0.9em;
  color: #fff !important;
  border: none;
}
.products-block.products .product button:before,
.products-block.products .product .btn:before {
  display: none;
}
@media only screen and (max-width: 992px) {
  .products-block.products .product button,
  .products-block.products .product .btn {
    float: none;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .products-block.products .product button,
  .products-block.products .product .btn {
    width: 120px !important;
    min-width: 90px;
    padding: 0;
    font-size: 0.9em;
    line-height: 33px !important;
  }
}
.products-block.products .product button:hover,
.products-block.products .product .btn:hover {
  background: #239ceb;
  border-color: #239ceb;
}
.products-block.products .product .p-bottom {
  min-height: 123px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media only screen and (max-width: 992px) {
  .products-block.products .product .p-bottom {
    min-height: 172px;
  }
}
@media only screen and (max-width: 768px) {
  .products-block.products .product .p-bottom {
    min-height: 138px;
  }
}
.products-block.products .product .p-bottom > div {
  flex-direction: row-reverse;
  align-items: center;
}
.products-block.products .product:hover {
  height: auto !important;
  z-index: 3;
}
.products-block.products .product:hover .image img {
  opacity: 0.7;
}
@media only screen and (min-width: 768px) {
  .products-block.products .product:hover {
    top: -10px;
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1);
  }
}
.slick-slider {
  position: relative;
}
.slick-slider .product .availability {
  display: none;
}
.slick-slider .product {
  margin-bottom: 0;
}
.slick-slider .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  right: 0;
  content: "";
  background-color: rgba(30, 30, 28, 0.2);
  outline: none;
  border: none;
  cursor: pointer;
  color: transparent;
  width: 56px;
  transform: translateY(-50%);
  height: 56px;
  border-radius: 40px;
  transition: 0.3s;
  overflow: hidden;
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/celestin/img/icons/slider-arrow-right.svg) !important;
  background-size: 18px !important;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  /*&.slick-disabled {
      border-color: #ccc !important;
      opacity: 0.3 !important;
      cursor: default !important;
    }*/
}
@media only screen and (max-width: 992px) {
  .slick-slider .slick-arrow {
    opacity: 1;
    width: 35px;
    height: 35px;
    background-color: transparent;
    top: -32px !important;
    right: 0;
    transform: none;
  }
}
.slick-slider .slick-arrow.slick-disabled {
  opacity: 0 !important;
}
.slick-slider .slick-arrow.slick-disabled.slick-next {
  opacity: 1 !important;
}
@media only screen and (max-width: 992px) {
  .slick-slider .slick-arrow.slick-disabled {
    opacity: 0.2 !important;
  }
}
.slick-slider .slick-prev {
  left: 8px;
  transform: translateY(-50%) rotate(-180deg);
}
@media only screen and (max-width: 992px) {
  .slick-slider .slick-prev {
    left: inherit;
    right: 40px;
    transform: rotate(-180deg);
  }
}
.slick-slider .slick-arrow:hover {
  border: none;
  background-color: #239ceb;
}
@media only screen and (max-width: 992px) {
  .slick-slider .slick-arrow:hover {
    background-color: transparent;
  }
}
.slick-slider:hover .slick-arrow {
  opacity: 1;
}
.multiple-columns-body .products-block.products .product {
  /*  @media @1500-min {
          width: 23%;
        }

        @media @tablet-land {
          width: 48%;
        }

        @media @tablet-port {
          width: 31.3%;
        }

        @media @tablet-600 {
          width: 48%;
        }*/
}
@media (min-width: 1500px) {
  .multiple-columns-body .products-block.products .product {
    width: calc(25% - 16px);
  }
  .multiple-columns-body .products-block.products .product:nth-child(3n):after {
    display: none;
  }
  .multiple-columns-body .products-block.products .product:nth-child(4n):after {
    display: block;
  }
}
@media (min-width: 992px) and (max-width: 1500px) {
  .multiple-columns-body .products-block.products .product {
    width: calc(33.333% - 16px);
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .multiple-columns-body .products-block.products .product {
    width: calc(50% - 20px);
  }
  .multiple-columns-body .products-block.products .product:nth-child(4n):after {
    display: block;
  }
  .multiple-columns-body .products-block.products .product:nth-child(3n):after {
    display: block;
  }
  .multiple-columns-body .products-block.products .product:nth-child(2n):after {
    display: none;
  }
}
.type-category .products.products-block {
  /*@media @mobile-land {
      .product {
        padding: 10px 3px 45px 3px !important;

        .p {
          display: flex;
          flex-wrap: wrap;
          position: initial;
          align-items: flex-end;

          .image {
            width: 120px;
            padding: 0;
            height: 120px;
            margin: 12px 0 5px 0;
            align-self: flex-start;
          }

          .p-in {
            width: calc(~'100% - 120px');
            text-align: left;
            position: initial;
            padding-bottom: 10px;
            margin-bottom: auto;
            min-height: 180px;
          }

          .name {
            text-align: left;
            min-height: auto;
            height: auto;
            display: block;
          }

          .availability {
            position: relative;
            bottom: 0;
          }

          .stars-wrapper {
            position: absolute;
            left: 14px;
            top: 147px !important;
          }

          .p-desc {
            text-align: left;
            transform: none;
            display: block;
            margin: 0;
            transform-origin: left;
            -webkit-box-orient: unset;
            -webkit-line-clamp: initial;
            font-size: 11px;
            line-height: 16px;
            margin-top: 7px;
          }

          .prices {
            position: absolute;
            left: 0;
            top: 160px;
            padding-left: 14px;
            align-items: flex-start;

            .price-final {
              strong {
                font-size: 1.2em;
                letter-spacing: -0.2px;
              }
            }

            .price-additional {
              font-size: 0.6em;
            }
          }
        }

        button, .btn {
          margin: 10px 0 0 auto;
          background: transparent;
          color: @blue !important;
          font-size: 1.1em;
          font-weight: 600;
          position: absolute;
          right: 0;
          bottom: 10px;

          &:after {
            content: '\e90e';
            position: relative;
            right: 0;
            font-family: 'shoptet';
            font-size: 11px;
            margin-left: 10px;
            transform: rotate(-90deg);
            color: @blue;
          }
        }

        .p-bottom {
          min-height: 0;
          display: block;
        }

        .p-code {
          right: 0;
          top: 0;
        }

        .flags {
          width: 100%;
          padding: 0 0 0 11px;
          margin-top: -7px;
        }

        .widget-parameter-wrapper {
          width: calc(~'100% - 130px');
          margin: 0 0 -30px 0;

          .widget-parameter-list {
            margin-bottom: 0;
            padding: 0 3px;
            font-size: 0.8em;
            justify-content: flex-start;
            flex-wrap: wrap;
          }
        }
      }
    }*/
}
body,
.external-fonts-loaded body,
body.blank-mode {
  font-family: 'Poppins', sans-serif;
}
body .container,
.external-fonts-loaded body .container,
body.blank-mode .container {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  body .container,
  .external-fonts-loaded body .container,
  body.blank-mode .container {
    padding: 0 20px !important;
  }
}
body.type-index .container,
.external-fonts-loaded body.type-index .container,
body.blank-mode.type-index .container {
  padding: 0;
}
@media only screen and (max-width: 768px) {
  body.type-index .container,
  .external-fonts-loaded body.type-index .container,
  body.blank-mode.type-index .container {
    padding: 0 0 !important;
  }
}
main {
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .products-block {
    margin: 0 -10px !important;
  }
}
.products-block .slick-list {
  width: calc(100% + 32px) !important;
  margin: 0 -16px !important;
  border: none !important;
  padding: 0 0 30px 0 !important;
}
.products-block .slick-list .product {
  padding: 13px;
}
@media only screen and (max-width: 768px) {
  .products-block .slick-list .product .prices {
    flex-basis: 100%;
  }
  .products-block .slick-list .product .prices .price {
    text-align: center;
  }
  .products-block .slick-list .product .prices .price strong {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .products-block .slick-list {
    margin: 0 !important;
    width: 100% !important;
  }
}
.products-block .slick-dots {
  display: none !important;
}
.products-block .slick-arrow {
  position: absolute;
  top: -62px;
  right: 2px;
  content: "";
  background-color: transparent;
  outline: none;
  border: 1px solid #dfe4eb;
  color: rgba(45, 50, 57, 0);
  width: 25px;
  height: 25px;
  border-radius: 3px;
  overflow: hidden;
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/slider-arrow-right.png);
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: center;
}
.products-block .slick-arrow.slick-disabled {
  border-color: #ccc !important;
  opacity: 0.3;
}
.products-block .slick-prev {
  right: 35px;
  left: inherit;
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/slider-arrow-left.png);
}
@media only screen and (max-width: 992px) {
  .products-block .slick-prev {
    right: inherit;
    left: 0px;
    top: -33px;
  }
}
@media only screen and (max-width: 992px) {
  .products-block .slick-next {
    right: 0;
    left: inherit;
    top: -33px;
  }
}
.products-block .slick-arrow:hover {
  border: 1px solid #bbc2cb;
}
@media (max-width: 1250px) {
  .products-block.slick-slider {
    padding-bottom: 40px !important;
  }
  .products-block .slick-arrow {
    top: inherit;
    bottom: 20px;
    right: calc(50% - 30px) !important;
  }
  .products-block .slick-arrow.slick-prev {
    left: calc(50% - 30px) !important;
  }
}
.pagination-top .js-scroll-top {
  display: none;
}
.btn.load-products {
  padding: 8px 45px;
  font-weight: 400;
  background: #239ceb;
  text-transform: none;
  border-color: #239ceb !important;
}
.btn.load-products:hover {
  background: #239ceb;
}
main .filters-wrapper .btn.unveil-button {
  font-weight: 300;
  background: #232323;
  border-color: #232323 !important;
}
main .filters-wrapper .btn.unveil-button:hover {
  background: #000;
}
@media only screen and (min-width: 768px) {
  .in-index .products-block .product .name {
    font-size: 1.3em !important;
  }
}
main .h4,
main .h4.homepage-group-title {
  font-size: 2em;
  color: #040404;
  font-weight: 600 !important;
}
@media only screen and (max-width: 768px) {
  main .h4,
  main .h4.homepage-group-title {
    font-size: 1.6em;
  }
}
@media only screen and (max-width: 768px) {
  main .h4.homepage-group-title:first-of-type {
    margin-top: 40px;
  }
}
.btn.btn-cofidis,
a.btn.btn-cofidis {
  padding: 10px;
}
.flags .flag.flag-freeshipping {
  display: none;
}
.flags .flag {
  padding: 8px 17px;
  border-radius: 0;
  letter-spacing: 0.5px;
  font-size: smaller;
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
}
.flags .flag.flag-tip {
  background: #f19c9c;
}
.welcome-wrapper .welcome div {
  max-width: 100% !important;
}
.welcome-wrapper .welcome iframe {
  width: 100%;
  height: 500px;
  filter: grayscale(0.9);
}
@media only screen and (max-width: 768px) {
  .welcome-wrapper .welcome iframe {
    height: 250px;
  }
}
.welcome-wrapper .welcome .row {
  margin-left: -15px;
  margin-right: -15px;
  max-width: initial !important;
}
.welcome-wrapper .welcome h3 {
  font-size: 1.4em;
  font-weight: 600;
  color: #474747;
  margin-bottom: 8px;
  margin-top: 0;
}
.welcome-wrapper .welcome h2 {
  text-transform: uppercase;
  font-size: 3.6em;
  color: #474747;
  font-weight: 800;
  margin: 0px 0 10px 0;
}
@media only screen and (max-width: 768px) {
  .welcome-wrapper .welcome h2 {
    font-size: 2.5em;
  }
}
@media only screen and (max-width: 480px) {
  .welcome-wrapper .welcome h2 {
    font-size: 2em;
  }
}
.welcome-wrapper .welcome p {
  display: none;
}
.welcome-wrapper .welcome .top-navigation-contacts {
  display: flex;
  flex-direction: column;
  font-size: 1.3em;
}
.welcome-wrapper .welcome .top-navigation-contacts a {
  margin: 7px 0;
  color: #040404;
}
.welcome-wrapper .welcome .top-navigation-contacts a span {
  display: inline-block !important;
}
.welcome-wrapper .welcome .top-navigation-contacts .project-phone a {
  color: #5B5B5B;
}
.welcome-wrapper .welcome .top-navigation-contacts .project-email:before {
  width: 28px;
  height: 28px;
  content: '';
  background: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/mail-black.svg) no-repeat center;
  background-size: 28px;
  margin-right: 20px;
}
.welcome-wrapper .welcome .top-navigation-contacts .project-phone:before {
  width: 28px;
  height: 28px;
  content: '';
  background: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/phone-black.svg) no-repeat center;
  background-size: 28px;
  margin-right: 20px;
}
.welcome-wrapper .welcome form {
  padding-right: 10px;
}
@media only screen and (max-width: 992px) {
  .welcome-wrapper .welcome form {
    padding-right: 0;
  }
}
.welcome-wrapper .welcome form input,
.welcome-wrapper .welcome form textarea {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  width: 100%;
  display: block;
  height: 46px;
  border-radius: 3px;
  border: none;
  padding-left: 20px;
}
@media only screen and (max-width: 992px) {
  .welcome-wrapper .welcome form {
    margin-bottom: 30px;
  }
}
.welcome-wrapper .welcome form .form-group {
  margin-bottom: 12px;
}
.welcome-wrapper .welcome form textarea {
  height: 100px;
  -webkit-appearance: none;
}
.welcome-wrapper .welcome form .btn {
  width: 192px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 0;
  background: #191919;
  text-transform: none;
  font-size: 1.1em;
  font-weight: 500;
  margin-top: 15px;
}
.content-wrapper .banners-row {
  flex-wrap: wrap;
  margin: 0 !important;
}
.content-wrapper .banners-row .col-sm-8,
.content-wrapper .banners-row .col-sm-4 {
  width: 100%;
  padding: 0 !important;
}
.content-wrapper .banners-row .col-sm-4 {
  max-width: 1280px;
  margin: 0 auto;
  width: auto;
  float: none;
  background: #fff;
  clear: both;
  padding: 0;
  display: block;
  overflow: auto;
}
@media only screen and (max-width: 1200px) {
  .content-wrapper .banners-row .col-sm-4 {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 768px) {
  .content-wrapper .banners-row .col-sm-4 {
    top: 0;
  }
}
.content-wrapper .next-to-carousel-banners {
  margin: 25px auto 15px auto;
  position: relative;
  width: 100%;
  max-width: 1280px;
  background: #fff;
  padding: 5px 0;
}
@media only screen and (max-width: 1200px) {
  .content-wrapper .next-to-carousel-banners {
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 768px) {
  .content-wrapper .next-to-carousel-banners {
    margin-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  .content-wrapper .next-to-carousel-banners {
    border: none;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  .content-wrapper .next-to-carousel-banners .slick-list {
    padding-bottom: 5px !important;
  }
}
.content-wrapper .next-to-carousel-banners .small-banners-line {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .content-wrapper .next-to-carousel-banners .small-banners-line {
    margin-bottom: 10px;
    padding: 0 20px;
  }
}
.content-wrapper .next-to-carousel-banners .small-banners-line .banner-wrapper {
  margin-top: 0 !important;
  width: 25%;
  padding: 20px 10px 10px 28px;
}
.content-wrapper .next-to-carousel-banners .small-banners-line .banner-wrapper:nth-child(3) {
  padding-right: 0;
}
.content-wrapper .next-to-carousel-banners .small-banners-line .banner-wrapper:last-child .small-banner {
  border: none;
}
@media only screen and (max-width: 1200px) {
  .content-wrapper .next-to-carousel-banners .small-banners-line .banner-wrapper {
    padding: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .content-wrapper .next-to-carousel-banners .small-banners-line .banner-wrapper {
    width: 50%;
    max-width: 300px;
  }
}
@media only screen and (max-width: 768px) {
  .content-wrapper .next-to-carousel-banners .small-banners-line .banner-wrapper {
    width: 100%;
    padding: 20px 0;
  }
}
.content-wrapper .next-to-carousel-banners .small-banners-line .banner-wrapper img {
  max-width: 100%;
  height: auto;
}
.content-wrapper .next-to-carousel-banners .small-banners-line .banner-wrapper .small-banner {
  display: flex;
  align-items: center;
  border-right: 1px dashed #d4d6df;
  padding: 5px 0;
  /*@media @desktop-min {
            padding-right: 55px;
            border-right: 1px solid #e9e9e9;
          }*/
}
@media only screen and (max-width: 1200px) {
  .content-wrapper .next-to-carousel-banners .small-banners-line .banner-wrapper .small-banner {
    border: none;
  }
}
.content-wrapper .next-to-carousel-banners .small-banners-line .banner-wrapper .small-banner .icon-box {
  width: 50px;
  height: 42px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #000;
  border-radius: 70px;
  transition: 0.3s;
  min-width: 60px;
}
.content-wrapper .next-to-carousel-banners .small-banners-line .banner-wrapper .small-banner .icon-box img {
  max-height: 50px;
  max-width: 50px;
}
.content-wrapper .next-to-carousel-banners .small-banners-line .banner-wrapper .small-banner .icon-box:before {
  display: none;
}
.content-wrapper .next-to-carousel-banners .small-banners-line .banner-wrapper .small-banner .desc-box h3 {
  font-size: 1.1em;
  letter-spacing: 0;
  color: #222;
  margin: 0 0 1px 0;
  font-weight: 500;
  line-height: 1.2em;
  letter-spacing: 0.5px;
}
.content-wrapper .next-to-carousel-banners .small-banners-line .banner-wrapper .small-banner .desc-box p {
  color: #222;
  font-size: 0.9em;
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.content-wrapper.before-carousel {
  padding: 0;
  margin: 0;
}
.content-wrapper.before-carousel .container {
  max-width: 100% !important;
  width: 100%;
}
.type-post h1 {
  position: relative;
  text-align: left;
  font-size: 2.3em;
  font-weight: 600 !important;
  color: #040404;
  letter-spacing: 1px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 1200px) {
  .type-post h1 {
    font-size: 1.8em;
  }
}
@media only screen and (max-width: 768px) {
  .type-post h1 {
    font-size: 1.6em;
  }
}
.type-post p {
  color: #040404;
}
.instagram-line {
  width: 100% !important;
  padding: 0 !important;
  display: flex;
  margin-bottom: -1px;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .instagram-line {
    padding: 0 !important;
  }
}
.instagram-line h4 {
  margin: 0 0 30px 0;
  padding: 0;
  height: auto;
  font-size: 1.7em;
  letter-spacing: 2px;
  padding-right: 20px;
  display: none;
}
.instagram-line h4 img {
  margin-right: 15px;
  background: #fff;
  position: relative;
  top: 8px;
  margin-top: -8px;
}
@media only screen and (max-width: 768px) {
  .instagram-line h4 img {
    top: 0;
    margin-bottom: -9px;
  }
}
@media only screen and (max-width: 1200px) {
  .instagram-line h4 {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .instagram-line h4 {
    font-size: 1.3em;
    margin-bottom: 35px;
  }
}
.instagram-line h4:before {
  display: none;
}
@media only screen and (max-width: 768px) {
  .instagram-line h4:before {
    display: block;
  }
}
.instagram-line .instagram-widget {
  width: 100%;
  justify-content: flex-end;
  padding: 0;
  max-width: 1440px;
}
@media only screen and (max-width: 1200px) {
  .instagram-line .instagram-widget {
    justify-content: flex-start;
  }
}
.instagram-line .instagram-widget > a {
  width: calc(20% - 30px);
  height: auto;
  margin: 15px !important;
  padding-bottom: calc(20% - 30px);
}
.instagram-line .instagram-widget > a:nth-child(n + 6) {
  display: none;
}
@media only screen and (max-width: 768px) {
  .instagram-line .instagram-widget > a {
    width: calc(25% - 10px);
    margin: 5px !important;
    padding-bottom: calc(25% - 10px);
  }
  .instagram-line .instagram-widget > a:nth-child(n + 5) {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .instagram-line .instagram-widget > a {
    width: calc(50% - 10px);
    margin: 5px !important;
    padding-bottom: calc(50% - 10px);
  }
}
.instagram-line .instagram-widget > a img {
  max-width: 100%;
}
.instagram-line .instagram-widget > a:hover img {
  opacity: 0.7;
}
.instagram-line .instagram-widget .instagram-follow-btn {
  flex-basis: 100%;
  display: flex;
  margin-top: 12px;
  text-align: center !important;
  max-width: 500px;
  justify-content: center;
  align-items: center;
  display: none;
}
@media only screen and (max-width: 1200px) {
  .instagram-line .instagram-widget .instagram-follow-btn {
    width: 100%;
    max-width: 100%;
  }
}
.instagram-line .instagram-widget .instagram-follow-btn a {
  margin-bottom: 0;
}
.footer-banners {
  margin: 0 -20px;
  width: auto !important;
}
.footer-banners .footer-banner {
  padding: 0;
}
.footer-banners .content {
  padding: 0;
}
.normal-banners-line .content-wrapper-in,
.footer-banners .content-wrapper-in,
.articles-section .news-wrapper .news-item .content-wrapper-in {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .normal-banners-line .content-wrapper-in .text-right,
  .footer-banners .content-wrapper-in .text-right,
  .articles-section .news-wrapper .news-item .content-wrapper-in .text-right {
    text-align: left !important;
  }
}
.normal-banners-line .content-wrapper-in .col-lg-6,
.footer-banners .content-wrapper-in .col-lg-6,
.articles-section .news-wrapper .news-item .content-wrapper-in .col-lg-6 {
  width: 50%;
  max-width: 50%;
}
@media only screen and (max-width: 768px) {
  .normal-banners-line .content-wrapper-in .col-lg-6,
  .footer-banners .content-wrapper-in .col-lg-6,
  .articles-section .news-wrapper .news-item .content-wrapper-in .col-lg-6 {
    width: 100%;
    max-width: 100%;
  }
}
.normal-banners-line h1,
.footer-banners h1,
.articles-section .news-wrapper .news-item h1,
.normal-banners-line h2,
.footer-banners h2,
.articles-section .news-wrapper .news-item h2,
.normal-banners-line .text > a,
.footer-banners .text > a,
.articles-section .news-wrapper .news-item .text > a {
  font-size: 2em !important;
  font-weight: 600 !important;
  max-width: 500px;
  line-height: 1.2em;
  color: #040404;
  margin-bottom: 35px;
}
@media only screen and (max-width: 768px) {
  .normal-banners-line h1,
  .footer-banners h1,
  .articles-section .news-wrapper .news-item h1,
  .normal-banners-line h2,
  .footer-banners h2,
  .articles-section .news-wrapper .news-item h2,
  .normal-banners-line .text > a,
  .footer-banners .text > a,
  .articles-section .news-wrapper .news-item .text > a {
    font-size: 1.5em !important;
  }
}
.normal-banners-line p,
.footer-banners p,
.articles-section .news-wrapper .news-item p,
.normal-banners-line .description p,
.footer-banners .description p,
.articles-section .news-wrapper .news-item .description p {
  line-height: 1.8em;
  color: #040404;
  font-size: 16px;
}
.normal-banners-line .button,
.footer-banners .button,
.articles-section .news-wrapper .news-item .button {
  text-align: center;
  margin-top: 20px;
  min-width: 195px;
}
@media only screen and (max-width: 768px) {
  .normal-banners-line .button,
  .footer-banners .button,
  .articles-section .news-wrapper .news-item .button {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .normal-banners-line .desc-box,
  .footer-banners .desc-box,
  .articles-section .news-wrapper .news-item .desc-box {
    order: -1;
    padding-bottom: 35px;
  }
}
.top-navigation-bar {
  background: transparent !important;
  color: #fff;
  height: 0;
  display: flex;
  align-items: center;
  border: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
.top-navigation-bar .container {
  max-width: 100% !important;
  padding: 0 30px !important;
}
@media only screen and (max-width: 1200px) {
  .top-navigation-bar .container {
    padding: 0 20px !important;
  }
}
.top-navigation-bar .top-nav-button-login,
.top-navigation-bar .top-nav-button-account {
  height: 35px;
  width: 120px;
  font-size: 1.1em;
  content: '';
  border-radius: 0;
  text-transform: uppercase;
  color: transparent;
  overflow: visible;
  line-height: 36px;
  display: inline-block;
  padding: 0;
  position: absolute;
  text-align: left;
  right: 170px;
  top: 12px;
  z-index: 999;
  letter-spacing: 0;
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/icons/user.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
}
@media only screen and (max-width: 1200px) {
  .top-navigation-bar .top-nav-button-login,
  .top-navigation-bar .top-nav-button-account {
    width: 35px;
    right: 86px;
  }
  .top-navigation-bar .top-nav-button-login span,
  .top-navigation-bar .top-nav-button-account span {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .top-navigation-bar .top-nav-button-login,
  .top-navigation-bar .top-nav-button-account {
    top: -5px;
    right: 98px;
  }
}
.top-navigation-bar .top-nav-button-login span,
.top-navigation-bar .top-nav-button-account span {
  display: inline-block;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.top-navigation-bar .top-nav-button-login:before,
.top-navigation-bar .top-nav-button-account:before {
  height: 25px;
  width: 1px;
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/head-separator.png);
  background-size: 1px;
  background-repeat: no-repeat;
  background-position: left center;
  position: absolute;
  left: -30px;
  top: 3px;
  content: '';
}
@media only screen and (max-width: 768px) {
  .top-navigation-bar .top-nav-button-login:before,
  .top-navigation-bar .top-nav-button-account:before {
    left: -17px;
    top: 4px;
  }
}
@media only screen and (max-width: 768px) {
  .top-navigation-bar {
    height: 50px;
    position: fixed;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    background: #fff !important;
  }
  .top-navigation-bar .responsive-tools a[data-target="search"] {
    position: absolute;
    right: 154px;
    z-index: 9;
    color: #040404;
  }
  .top-navigation-bar .responsive-tools a[data-target="login"] {
    display: none;
  }
  .top-navigation-bar .responsive-tools a[data-target="navigation"] {
    right: 0;
  }
  .top-navigation-bar .responsive-tools a[data-target="navigation"]:before {
    width: 50px;
    height: 50px;
    background-size: 18px;
    border: none;
    background: #333;
    position: fixed;
    right: 0;
    top: 0;
    border-radius: 0;
    background-position: center;
    font-size: 18px;
    padding-top: 9px;
  }
}
.top-navigation-bar a {
  color: #fff;
  font-size: 1.2em;
}
.top-navigation-bar a:hover {
  color: #ccc;
  text-decoration: underline;
}
.top-navigation-bar .top-navigation-menu,
.top-navigation-bar .top-navigation-contacts {
  background: transparent;
}
.top-navigation-bar .top-navigation-menu {
  display: none !important;
}
.top-navigation-bar .dropdown {
  margin-right: 30px;
}
@media only screen and (max-width: 768px) {
  .top-navigation-bar .dropdown {
    position: absolute;
    left: 105px;
    top: 20px;
  }
}
.top-navigation-bar .dropdown button {
  font-size: 1.2em;
}
.top-navigation-bar .dropdown button:hover {
  color: #ccc;
}
.top-navigation-bar .dropdown ul {
  list-style: none;
}
@media only screen and (max-width: 768px) {
  .top-navigation-bar .dropdown ul {
    left: 0;
    right: initial;
  }
}
.top-navigation-bar .dropdown ul li {
  padding-left: 10px;
  border-bottom: 1px solid #f2f2f2;
}
.top-navigation-bar .dropdown ul li a {
  color: #000;
  padding-left: 0;
}
.top-navigation-bar .dropdown ul li a:before {
  display: none;
}
.top-navigation-bar .dropdown button {
  color: #fff;
}
.top-navigation-bar .dropdown .caret {
  color: #fff;
}
.top-navigation-bar .dropdown .caret:before {
  font-size: 9px;
  margin-top: -6px;
}
.top-navigation-bar .top-navigation-contacts {
  display: none !important;
}
.top-navigation-bar .top-navigation-contacts a span {
  display: inline-block;
}
.top-navigation-bar .top-navigation-contacts .project-phone {
  margin-right: 30px;
}
.top-navigation-bar .top-navigation-contacts .project-phone:before {
  width: 20px;
  height: 25px;
  content: '';
  background: url("https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/phone-white.svg") no-repeat center;
  background-size: 20px;
}
.top-navigation-bar .top-navigation-contacts .project-email:before {
  width: 20px;
  height: 25px;
  content: '';
  background: url("https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/mail-white.svg") no-repeat center;
  background-size: 20px;
}
.ordering-process #content-wrapper {
  padding-top: 20px;
}
.ordering-process .loga-footer {
  display: none;
}
.ordering-process .podpis {
  font-size: 0.7em;
  margin-top: 30px;
  margin-bottom: 20px;
  display: block;
}
.ordering-process button {
  border-radius: 0;
}
.button,
.btn,
a.btn,
a.button {
  background: #239ceb;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  padding: 12px 40px;
  font-size: 0.9em;
  letter-spacing: 1px;
  border-radius: 30px;
}
.button:hover,
.btn:hover,
a.btn:hover,
a.button:hover {
  box-shadow: 0 7px 30px rgba(35, 156, 235, 0.6);
}
.homepage-box {
  background: transparent;
  border: none;
}
#carousel .carousel-control:before {
  background: transparent;
  border: 1px solid #fff;
  width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  font-weight: 200;
  transition: 0.3s;
}
@media only screen and (max-width: 992px) {
  #carousel .carousel-control:before {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}
#carousel .carousel-control:hover:before {
  background: rgba(255, 255, 255, 0.15);
}
#carousel .carousel-control.right:before {
  right: initial;
  left: 0;
}
@media only screen and (max-width: 992px) {
  #carousel .carousel-control.right:before {
    right: 10px;
    left: inherit;
  }
}
#carousel .carousel-control.left:before {
  right: 0;
  left: initial;
}
@media only screen and (max-width: 992px) {
  #carousel .carousel-control.left:before {
    left: 10px;
    right: inherit;
  }
}
#carousel .item img {
  min-height: 440px;
  min-width: 100%;
  object-fit: cover;
}
.homepage-box .row {
  margin: 0;
}
.messages {
  z-index: 99999;
}
#header {
  background: #fff !important;
  color: #313a43;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.04);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
#header .search-whisperer {
  display: none;
  min-width: 300px;
  z-index: 99999;
  max-height: 400px;
  overflow: auto;
}
#header .search-whisperer .p-name {
  font-weight: 600;
  margin-bottom: 7px;
}
#header .search-whisperer .price {
  width: 100%;
}
#header .search-whisperer a {
  color: #000;
}
#header .container {
  max-width: 100%;
  padding: 0 30px;
}
@media only screen and (max-width: 1200px) {
  #header .container {
    padding: 0 20px;
  }
}
#header a {
  color: #313a43;
}
@media only screen and (min-width: 768px) {
  #header .search-form {
    position: absolute;
    right: 348px;
    top: 13px;
    z-index: 99999;
    cursor: pointer;
    width: 90px;
    /*&:before {
        width: 25px;
        height: 30px;
        font-size: 20px;
        color: #4f4e4c;
        content: '\e920';
        font-family: shoptet;
        position: absolute;
        right: -11px;
        top: 4px;
        transform: scaleX(-1);
      }*/
  }
  #header .search-form fieldset {
    transition: 0;
    position: relative;
    right: 0;
  }
  #header .search-form fieldset input {
    padding-left: 10px;
    opacity: 0;
    width: 0;
    transition: 0;
    padding-right: 10px;
  }
  #header .search-form fieldset button {
    position: absolute;
    right: 0;
    background-color: transparent !important;
    border: none !important;
    left: unset;
    width: 85px;
    height: 30px;
    overflow: hidden;
    color: #000;
    display: flex;
    font-size: 14px;
    font-family: Poppins;
    font-weight: 500;
    letter-spacing: 0.5px;
    padding-left: 10px;
    padding: 5px 10px;
    border-radius: 0;
  }
  #header .search-form fieldset button:focus,
  #header .search-form fieldset button:hover {
    box-shadow: none;
  }
  #header .search-form fieldset button:before {
    color: #313a43;
    font-size: 20px;
    content: '\e920';
    font-family: shoptet;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
    font-weight: 600;
    display: inline-block;
    position: relative;
    left: -10px;
  }
  #header .search-form:hover fieldset {
    opacity: 1;
    width: 296px;
    position: absolute;
  }
  #header .search-form:hover fieldset .search-whisperer {
    display: block;
  }
  #header .search-form:hover fieldset input {
    opacity: 1;
    width: 200px;
  }
  #header .search-form:hover fieldset button:before {
    color: #a8a8a8;
  }
}
@media only screen and (min-width: 768px) and only screen and (max-width: 768px) {
  #header .search-form fieldset button {
    padding: 0;
    color: #000;
    width: 35px;
    content: '\e920';
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #header .search-form {
    right: 162px;
    width: 50px;
  }
  #header .search-form fieldset button {
    width: 35px;
    color: transparent;
  }
  #header .search-form:hover fieldset {
    width: 248px;
  }
}
@media only screen and (max-width: 768px) {
  #header {
    margin-top: 40px;
    height: 0;
    z-index: 9999;
  }
  #header .search {
    position: fixed;
    left: 0;
    width: 100%;
    padding: 0 15px 0 15px;
    top: 50px;
    background: #f2f2f2;
  }
  #header .search-form {
    margin-bottom: 15px !important;
    border-radius: 4px;
  }
  #header .search-form button {
    background: #232323;
    border: none;
    font-size: 14px;
  }
}
#header .header-top {
  justify-content: space-between;
  align-items: center;
  padding: 0;
  height: 60px;
}
@media only screen and (max-width: 768px) {
  #header .header-top {
    height: auto;
    padding: 20px 0;
  }
}
#header .site-name {
  height: 100%;
}
@media only screen and (max-width: 768px) {
  #header .site-name {
    position: fixed;
    left: 15px;
    top: 5px;
    height: 40px;
  }
}
#header .site-name a img {
  max-height: 100%;
  width: auto;
  max-width: inherit;
  height: 42px;
  margin-top: 7px;
}
@media only screen and (max-width: 768px) {
  #header .site-name a img {
    height: 32px;
    margin-top: 5px;
  }
}
@media (max-width: 400px) {
  #header .site-name a img {
    max-width: 90px;
    margin-top: 5px;
    margin-left: -5px;
  }
}
#header .site-name a:hover img {
  opacity: 0.7;
}
#header .menu-helper {
  top: 50%;
  transform: translateY(-50%);
  right: 500px;
  z-index: 9999;
}
#header .menu-helper:after {
  color: #040404;
  background: transparent;
}
@media only screen and (max-width: 1200px) {
  #header .menu-helper {
    right: 222px;
  }
}
#header .menu-helper a {
  color: #000 !important;
}
#header .menu-helper ul li a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  #header #navigation {
    background: transparent;
    position: absolute;
    left: 280px;
    height: 60px;
    top: 50%;
    transform: translateY(-50%);
    border: none !important;
    width: calc(100% - 790px);
    z-index: 999;
  }
  #header #navigation .navigation-in {
    background: transparent !important;
  }
  #header #navigation .menu-level-2 {
    z-index: 9999;
    width: 100%;
    max-width: 460px;
    margin-left: 0;
    padding: 25px 30px;
    border: none;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  }
  #header #navigation .menu-level-2 > li {
    width: 100%;
    flex-basis: 100%;
  }
  #header #navigation .menu-level-2 > li.has-third-level {
    width: 50%;
    flex-basis: 50%;
  }
  #header #navigation .menu-level-2 > li .menu-image {
    display: none;
  }
  #header #navigation .menu-level-2 > li > div {
    width: 100%;
  }
  #header #navigation .menu-level-2 > li > div > a {
    font-size: 1.2em;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  #header #navigation .menu-level-2 > li > div > a:hover {
    color: #239ceb !important;
  }
  #header #navigation .menu-level-2 .menu-level-3 {
    list-style: circle;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-height: inherit;
  }
  #header #navigation .menu-level-2 .menu-level-3 > li {
    display: list-item;
    margin-bottom: 10px;
    text-transform: none;
    padding-left: 0;
    list-style: disc;
  }
  #header #navigation .menu-level-2 .menu-level-3 > li a:hover {
    color: #239ceb !important;
  }
  #header #navigation li {
    border: none !important;
    background: transparent !important;
  }
  #header #navigation .menu-level-1 > li {
    margin: 0 28px 0 0;
  }
  #header #navigation .menu-level-1 > li > a {
    margin: 0;
    background: transparent !important;
    font-size: 1.05em;
    font-weight: 500;
    padding: 23px 10px;
    letter-spacing: 1px;
    color: #313a43;
  }
  #header #navigation .menu-level-1 > li > a b {
    font-weight: 500;
  }
  #header #navigation .menu-level-1 > li > a:hover,
  #header #navigation .menu-level-1 > li > a:focus {
    background: transparent !important;
    color: #239ceb;
  }
  #header #navigation .menu-level-1 > li > a.active {
    position: relative;
  }
  #header #navigation .menu-level-1 > li > a.active:before {
    position: absolute;
    left: 0;
    top: 0;
    background: #239ceb;
    content: '';
    width: 100%;
    height: 4px;
  }
  #header #navigation .menu-level-2 a {
    color: #040404;
  }
}
@media only screen and (min-width: 768px) and only screen and (max-width: 768px) {
  #header #navigation .menu-level-1 > li > a.active:before {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #header #navigation {
    width: calc(100% - 460px);
    left: 220px;
  }
}
@media only screen and (max-width: 768px) {
  #header #navigation a {
    color: #000 !important;
  }
}
#header .btn.cart-count {
  margin-right: 0;
  margin-top: 0;
  transition: none;
  display: flex;
  width: 100px;
  float: right;
  justify-content: space-between;
  background: transparent;
  border-radius: 0;
}
@media only screen and (max-width: 1200px) {
  #header .btn.cart-count {
    width: 35px;
  }
}
#header .btn.cart-count:focus,
#header .btn.cart-count:hover {
  box-shadow: none;
}
#header .btn.cart-count:after {
  height: 25px;
  width: 1px;
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/head-separator.png);
  background-size: 1px;
  background-repeat: no-repeat;
  background-position: left center;
  position: absolute;
  left: -20px;
  top: 3px;
  content: '';
}
@media only screen and (max-width: 768px) {
  #header .btn.cart-count:after {
    left: -10px;
    top: 4px;
  }
}
#header .btn.cart-count .cart-price {
  position: relative;
  width: auto;
  height: auto;
  margin: 0;
  display: inline-block;
  top: 5px;
  font-family: Poppins;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  width: 60px;
  overflow: hidden;
  height: 22px;
  display: flex !important;
  justify-content: flex-end;
  word-spacing: 999999em;
  flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  #header .btn.cart-count .cart-price {
    display: none !important;
  }
}
#header .btn.cart-count.full .cart-price {
  width: 90px;
  height: auto;
  display: inline-block !important;
  justify-content: flex-end;
  word-spacing: initial;
  flex-direction: column;
  text-align: right;
}
@media only screen and (max-width: 1200px) {
  #header .btn.cart-count.full .cart-price {
    display: none !important;
  }
}
#header .btn.cart-count:before {
  content: '';
  background: url("https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/icons/cart.svg") no-repeat center;
  background-size: 21px;
  width: 35px;
  height: 35px;
  border-radius: 10px;
  background-color: transparent;
  border: 2px solid #fff;
  margin-right: 0;
}
#header .btn.cart-count:hover:before {
  opacity: 0.6;
}
#header .btn.cart-count .sr-only {
  display: block !important;
}
#header .btn.cart-count i {
  left: 17px;
  right: inherit;
  bottom: 17px;
  width: 16px;
  top: initial;
  height: 16px;
  font-weight: 500;
  padding-top: 3px;
  color: #fff;
  font-size: 10px;
  background: #239ceb;
}
@media only screen and (max-width: 768px) {
  #header .btn.cart-count i {
    right: 12px;
    left: unset;
    top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  #header .btn.cart-count {
    /*padding-right: 0;
      margin-right: 15px;
      position: fixed;
      right: 48px;
      top: 19px;*/
    padding-right: 0;
    margin-right: 0;
    position: fixed;
    right: 55px;
    top: 8px;
    z-index: 9999;
  }
  #header .btn.cart-count:before {
    width: 34px;
    height: 34px;
    background-size: 18px;
    margin-right: 7px;
    border: none;
  }
  #header .btn.cart-count i {
    right: 0;
    top: -2px;
  }
}
@media (max-width: 767px) {
  .ordering-process .site-name {
    display: block !important;
  }
}
.popup-widget.cart-widget {
  z-index: 9999;
}
@media (min-width: 992px) {
  .popup-widget.cart-widget {
    top: 40px;
    right: 25px;
    left: inherit;
    position: fixed;
  }
  .popup-widget.cart-widget:before {
    right: 23px;
  }
}
.popup-widget.cart-widget .button,
.popup-widget.cart-widget button,
.popup-widget.cart-widget .btn {
  border-radius: 0;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .popup-widget.cart-widget {
    right: 5px;
  }
}
@media only screen and (max-width: 992px) {
  .popup-widget.cart-widget {
    top: 50px;
    z-index: 9999;
  }
}
.popup-widget.login-widget {
  z-index: 9999;
}
@media (min-width: 992px) {
  .popup-widget.login-widget {
    top: 40px;
    position: fixed;
    right: 160px;
    margin: 0;
    left: inherit;
  }
  .popup-widget.login-widget:before {
    right: 23px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .popup-widget.login-widget {
    right: 80px;
  }
}
@media only screen and (max-width: 992px) {
  .popup-widget.login-widget {
    top: 50px;
    z-index: 9999;
  }
}
.overall-wrapper {
  padding-top: 60px;
}
@media only screen and (max-width: 768px) {
  .overall-wrapper {
    padding-top: 50px;
  }
}
@media (min-width: 992px) {
  .admin-logged .popup-widget.cart-widget {
    top: 65px;
  }
  .admin-logged .popup-widget.login-widget {
    top: 65px;
  }
  .admin-logged #header,
  .admin-logged .top-navigation-bar {
    top: 25px;
  }
  .admin-logged .admin-bar {
    position: fixed;
    top: 0;
    width: 100%;
  }
  .admin-logged .overall-wrapper {
    padding-top: 85px;
  }
}
.newsletter {
  width: 100% !important;
  padding-top: 10px !important;
  height: 300px;
  padding-right: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  background-size: 350px;
}
.newsletter form {
  position: relative;
  width: 100%;
  text-align: center;
  max-width: 650px;
  z-index: 2;
}
.newsletter form label {
  font-weight: 600;
  color: #273646;
  font-size: 0.9em;
}
.newsletter form label a {
  display: inline-block;
  color: #273646 !important;
  font-weight: 600;
  text-decoration: underline;
}
.newsletter form button {
  height: 54px;
  line-height: 54px;
  overflow: hidden;
  border-radius: 3px;
  padding: 0;
  width: 54px;
  top: 4px;
  right: 4px;
  background: url(https://shoptetak.cz/modul/kodl/plaza/build/img/plane-btn.svg) no-repeat center;
  background-size: 22px;
  background-color: #d11920;
  border-color: #d11920;
}
.newsletter form button:before {
  display: none;
}
.newsletter form button:hover {
  background-color: #000;
}
.newsletter form .validator-msg-holder input {
  width: 100%;
  max-width: 650px;
  height: 62px;
  line-height: 62px;
  position: relative;
  padding: 0 20px;
  font-style: italic;
  font-weight: 500;
  font-size: 1.1em;
  background: #fff;
}
.newsletter h4 {
  font-weight: 700;
  font-size: 1.7em;
  color: #273646;
  text-align: center;
}
.newsletter h4 span {
  display: block;
  margin-top: 7px;
  text-transform: none;
  font-size: 15px;
  letter-spacing: 0;
  font-weight: 600;
}
.newsletter h4:before {
  display: none;
}
.newsletter:before {
  width: 100vw;
  position: absolute;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
  z-index: 0;
  content: '';
  background: #f1f4f7;
}
.newsletter:after {
  z-index: 1;
  width: 440px;
  height: 300px;
  background: url(https://shoptetak.cz/modul/kodl/plaza/build/img/plane.png) no-repeat left 15px top -15px;
  background-size: 420px;
  content: '';
  position: absolute;
  left: 0;
}
#footer {
  background: transparent;
  font-size: 0.9em;
  margin-top: 40px;
  border-top: 1px dashed #dfdfdf;
  padding-top: 50px;
}
@media only screen and (max-width: 768px) {
  #footer {
    padding-top: 30px;
  }
}
#footer .categories .expanded {
  display: none;
}
#footer .categories .topic.active > a {
  background: transparent;
}
#footer .categories .cat-trigger {
  display: none !important;
}
#footer .categories {
  margin: 0;
}
#footer .categories a {
  padding-left: 0;
}
#footer .categories .cat-trigger {
  display: none;
}
#footer .custom-footer {
  border: none;
}
#footer .site-name {
  display: none !important;
}
#footer h4,
#footer a,
#footer p {
  color: #7b838c;
}
#footer .container {
  background: transparent !important;
}
@media only screen and (max-width: 768px) {
  #footer .container {
    padding: 0 20px !important;
  }
}
#footer h4 {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: none;
  letter-spacing: 1px;
}
@media only screen and (max-width: 768px) {
  #footer h4 {
    margin-bottom: 15px;
    margin-top: 10px;
  }
}
#footer p {
  font-size: 1.1em;
  margin-bottom: 0;
}
#footer .copyright {
  text-align: center;
  font-size: 0.8em;
  letter-spacing: 0.5px;
  opacity: 0.7;
}
#footer #signature {
  flex: 1;
}
#footer #signature .title {
  display: none;
}
#footer .podpis {
  display: block;
  margin: 10px 0 15px 0;
}
#footer .footer-bottom {
  display: flex;
  background: transparent !important;
  max-width: 100%;
  flex-direction: column-reverse;
  text-align: center;
  color: #7b838c;
  margin-top: 20px;
  padding: 35px 0 !important;
  border-top: 1px dashed #dfdfdf;
}
@media only screen and (max-width: 768px) {
  #footer .footer-bottom {
    padding: 20px 0 !important;
    margin-top: 5px;
  }
}
#footer .footer-bottom .podpis {
  display: block;
}
#footer br + h4 {
  margin-bottom: 3px;
}
#footer .contact-box ul li {
  padding-bottom: 10px;
  padding-top: 0;
}
#footer .banner {
  min-height: inherit;
}
#footer ul {
  /*.mail:before {
      width: 28px;
      height: 28px;
      content: '';
      background: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/mail-white.svg) no-repeat center;
      background-size: 20px;
      margin-right: 20px;
      top: -1px;
    }
    .tel:before {
      width: 28px;
      height: 28px;
      content: '';
      background: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/phone-white.svg) no-repeat center;
      background-size: 20px;
      margin-right: 20px;
      top: -1px;
    }*/
}
@media only screen and (max-width: 768px) {
  #footer ul {
    margin-bottom: 0;
  }
}
#footer ul li {
  padding-bottom: 10px;
  font-size: 0.9em;
  /*span {
        padding-left: 0;

        &:before {
          display: none;
        }
      }*/
}
#footer ul li a {
  color: #7b838c !important;
}
#footer ul li a:hover {
  text-decoration: underline;
}
#footer .loga-footer {
  margin-bottom: 10px;
}
#footer .custom-footer {
  padding: 0;
}
#footer .custom-footer > div {
  width: 33.33%;
}
#footer .custom-footer > div .text-center {
  text-align: left;
}
@media only screen and (max-width: 768px) {
  #footer .custom-footer > div {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.breadcrumbs-wrapper {
  padding: 0;
  max-width: 100% !important;
  background: transparent;
  width: 100% !important;
  margin-bottom: 10px !important;
  padding-top: 25px !important;
}
@media only screen and (max-width: 992px) {
  .breadcrumbs-wrapper {
    margin-bottom: 20px !important;
  }
}
.breadcrumbs-wrapper #navigation-first > span,
.breadcrumbs-wrapper #navigation-first > a {
  padding-left: 0;
}
.breadcrumbs-wrapper .breadcrumbs {
  max-width: 1280px;
  margin: 0 auto;
  padding: 5px 20px;
}
/*.breadcrumbs-wrapper .navigation-home-icon-wrapper::before {
  content: '';
  width: 16px;
  height: 16px;
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/home2.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
}*/
.breadcrumbs-wrapper .breadcrumbs > span > a::before {
  display: none;
}
.breadcrumbs-wrapper .breadcrumbs > span {
  align-self: center;
  margin-top: -2px;
}
.breadcrumbs-wrapper .breadcrumbs > span > a,
.breadcrumbs-wrapper .breadcrumbs > span > span {
  padding: 10px 12px;
  color: #239ceb;
  font-weight: 400;
  font-size: 0.8em;
}
.breadcrumbs-wrapper .breadcrumbs > span > a:hover {
  text-decoration: underline;
}
.breadcrumbs-wrapper .breadcrumbs > span > span {
  color: #239ceb;
}
.breadcrumbs-wrapper .breadcrumbs > span > a::after {
  width: 7px;
  height: 9px;
  content: '/';
  font-family: 'shoptet';
  color: #239ceb;
  right: -3px;
  bottom: unset;
  transform: none;
  font-size: 20px;
  font-weight: 600;
  top: 4px;
  background: transparent;
  opacity: 0.5;
}
.breadcrumbs-wrapper .breadcrumbs {
  background: transparent;
  border: none;
}
.breadcrumbs-wrapper .breadcrumbs .sr-only {
  display: none !important;
  overflow: visible;
  position: relative;
  left: 0;
  width: auto;
  height: auto;
  margin: 0;
}
aside .box.box-sm.box-filters {
  padding: 10px 0;
}
aside .sidebar-inner {
  background: #FBFBFB;
  border: 1px solid #707070;
}
aside .box-categories {
  padding-top: 0;
  border-bottom: none !important;
  padding-bottom: 0;
}
aside .box-categories h4 {
  color: #fff;
  background-color: #111111;
  padding: 23px 20px;
  margin: -20px -20px 0 -20px;
  font-weight: 600;
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/products.svg);
  background-size: 34px;
  font-size: 1.1em;
  background-repeat: no-repeat;
  background-position: right 15px center;
}
aside .box-categories .categories .topic > a {
  background: #EFEFEF;
  color: #717171;
  border-bottom: 1px solid #fff;
  padding-left: 20px;
}
aside .box-categories .categories .topic > a:hover {
  color: #000;
}
aside .box-categories .categories li.active > a {
  background-color: #dbdbdb;
}
aside .box-categories .categories li.active > a:hover {
  color: #333;
  background-color: #dbdbdb;
}
aside .box-categories .categories > ul > li > a {
  padding-left: 35px;
}
aside .box-categories .categories li a {
  border-bottom: 1px solid #fff;
}
aside .box-categories .categories a {
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  font-weight: 500;
  color: #717171;
}
aside .box-categories .categories a:hover {
  color: #000;
}
aside .box-categories .categories a .cat-trigger {
  right: 10px !important;
  left: inherit !important;
  top: 9px !important;
  bottom: inherit !important;
  width: 30px !important;
  height: 30px !important;
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/menu-arrow.svg);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 5 !important;
}
aside .box-categories .categories a .cat-trigger:before {
  content: '' !important;
  width: 30px !important;
  height: 30px !important;
}
aside .box-categories .categories a .cat-trigger:hover {
  opacity: 0.6;
}
aside .box-categories .categories .expandable.expanded > a > .cat-trigger {
  transform: rotate(-180deg);
}
aside h4 {
  color: #4B4646;
}
aside a {
  color: #000;
}
aside #filters input[type="checkbox"] + label::before,
aside #filters input[type="radio"] + label::before {
  border-color: #707070;
}
aside #filters .filter-sections {
  background: transparent;
  padding: 0;
}
aside #filters .filter-label {
  display: flex;
  align-items: center;
  margin-bottom: 9px;
  padding-left: 25px !important;
  padding-top: 3px;
}
aside #filters .filter-label .filter-count {
  display: none;
}
aside #filters .ui-slider .ui-slider-range {
  background: #A8A8A8;
}
aside #filters .filter-section h4 {
  margin-top: 10px;
  margin-bottom: 10px;
}
aside #filters .ui-slider-handle {
  background-color: #000;
}
aside #filters .ui-slider-horizontal .ui-slider-handle::after {
  border-top-color: #000;
}
.subcategories li a:hover {
  background: #f2f2f2;
}
@media (min-width: 992px) {
  .admin-logged .plugin-fixed-header.active {
    top: 85px;
  }
}
@media (min-width: 468px) {
  .plugin-fixed-header.active {
    top: 50px;
  }
}
@media (min-width: 468px) and (min-width: 768px) {
  .plugin-fixed-header.active {
    top: 60px;
  }
}
.type-category #category-header {
  margin-left: 210px;
}
@media only screen and (max-width: 480px) {
  .type-category #category-header {
    margin-left: 0;
  }
}
.type-category .filters-wrapper {
  order: 0;
}
.type-category .filters-wrapper .filter-sections {
  padding: 20px 15px;
}
.type-category .filters-wrapper #filters {
  margin-bottom: 30px;
}
.type-category .filters-wrapper .filters-unveil-button-wrapper {
  margin-right: auto;
  text-align: left;
  float: left;
  margin-top: -87px;
}
@media only screen and (max-width: 768px) {
  .type-category .filters-wrapper .filters-unveil-button-wrapper {
    margin-top: -70px;
  }
}
@media only screen and (max-width: 480px) {
  .type-category .filters-wrapper .filters-unveil-button-wrapper {
    margin: 0 0 20px 0;
  }
}
.type-category .filters-wrapper .filters-unveil-button-wrapper a {
  width: 189px !important;
  background: transparent;
  color: #000;
  border: 2px solid #d6d8d9 !important;
  text-transform: none;
  font-weight: 500;
  padding: 11px 30px;
  letter-spacing: 0.5px;
}
.type-category .filters-wrapper .filters-unveil-button-wrapper a:before {
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/icons/sliders.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  content: '';
  background-position: left center;
  top: 2px;
  margin-bottom: -2px;
}
.type-category .filters-wrapper .filters-unveil-button-wrapper a:hover {
  box-shadow: none;
  border-color: #000 !important;
  background: transparent;
}
.category-perex {
  line-height: 1.8em;
  color: #040404;
}
.category-perex img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 992px) {
  .category-perex img {
    margin-top: 20px;
  }
}
.category-perex p {
  color: #040404;
}
.category-perex h1 {
  margin-top: 0;
}
.category-perex h1,
.category-perex h2,
.category-perex h3 {
  font-weight: 600;
  color: #040404;
}
.category-perex table td {
  vertical-align: top;
}
.category-title,
.type-detail h1 {
  font-size: 2.5em;
  font-weight: 600 !important;
  color: #040404;
  margin-bottom: 35px;
  margin-top: 0;
  text-transform: none;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 768px) {
  .category-title,
  .type-detail h1 {
    font-size: 1.7em;
  }
}
.type-detail .p-detail-info > div .stars .star:before {
  font-size: 9px;
  color: #040404;
}
.type-detail .p-detail-info > div .stars-label {
  font-size: 0.7em;
  font-weight: 500;
  color: #040404;
}
@media only screen and (min-width: 768px) {
  .type-detail h1 {
    padding-left: 20px;
  }
}
@media only screen and (max-width: 992px) {
  .type-detail .product-top {
    margin-bottom: 0px;
  }
}
.type-detail .browse-p .p-all {
  display: none;
}
.type-detail .p-info-wrapper .detail-parameters tr th {
  color: #000;
  font-weight: 500;
}
.type-detail .p-info-wrapper .cofidis-wrap {
  float: none;
  width: 100%;
}
.type-detail .p-info-wrapper .cofidis-wrap a.btn.btn-cofidis::before {
  content: '';
  width: 20px;
  height: 26px;
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/calculator.svg);
  background-size: 19px;
  background-repeat: no-repeat;
  background-position: center;
}
.type-detail .p-info-wrapper .cofidis-wrap #cofidis {
  background: #F8F8F8;
  border: none;
  color: #818181;
  width: 100%;
  max-width: inherit;
  text-align: center;
  justify-content: center;
  font-size: 1em;
  padding: 10px 0;
  text-transform: none;
  font-weight: 500;
}
.type-detail .p-info-wrapper .cofidis-wrap #cofidis strong {
  color: #575757;
}
@media only screen and (max-width: 480px) {
  .type-detail .p-info-wrapper .social-buttons-wrapper {
    margin-top: 0 !important;
  }
}
.type-detail .p-info-wrapper .social-buttons-wrapper a {
  font-weight: 400;
  font-size: 13px;
  text-transform: uppercase;
}
.type-detail .p-info-wrapper .social-buttons-wrapper a span {
  text-transform: none;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
}
.type-detail .p-info-wrapper .social-buttons-wrapper a:hover {
  color: #d11920;
}
.type-detail .p-info-wrapper .social-buttons-wrapper a:hover span {
  color: #d11920;
}
.type-detail .p-info-wrapper .social-buttons-wrapper {
  margin-top: 10px;
  order: 4;
}
@media only screen and (max-width: 1200px) {
  .type-detail .p-info-wrapper .social-buttons-wrapper {
    margin-top: 20px;
  }
}
.type-detail .p-info-wrapper .social-buttons-wrapper .link-icons {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}
.type-detail .p-info-wrapper .social-buttons-wrapper .social-buttons .twitter {
  min-width: 70px;
}
.type-detail .p-info-wrapper .social-buttons-wrapper .social-buttons .facebook {
  min-width: 115px;
}
.type-detail .p-info-wrapper .social-buttons-wrapper a {
  text-transform: none;
  color: #000;
  font-weight: 500;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  text-align: center;
  text-decoration: none;
  margin-right: 0;
  padding-left: 0;
  padding-right: 30px;
}
@media only screen and (max-width: 480px) {
  .type-detail .p-info-wrapper .social-buttons-wrapper a {
    margin-top: 15px;
    padding-right: 15px;
  }
}
.type-detail .p-info-wrapper .social-buttons-wrapper a:before {
  transition: 0.3s;
}
.type-detail .p-info-wrapper .social-buttons-wrapper a span {
  text-transform: none;
  color: #000;
  font-weight: 500;
  font-size: 13px;
}
.type-detail .p-info-wrapper .social-buttons-wrapper .link-icon.share::before,
.type-detail .p-info-wrapper .social-buttons-wrapper .link-icon.watchdog:before {
  font-size: 50px;
  margin-bottom: 5px;
  color: #040404;
  line-height: 46px;
}
.type-detail .p-info-wrapper .social-buttons-wrapper .link-icon.watchdog:before {
  font-size: 40px;
}
.type-detail .p-info-wrapper .social-buttons-wrapper .link-icon.chat:before,
.type-detail .p-info-wrapper .social-buttons-wrapper .link-icon.print:before {
  content: '';
  width: 45px;
  height: 45px;
  margin: 0 auto 5px auto;
}
.type-detail .p-info-wrapper .social-buttons-wrapper .link-icon.share::before {
  content: '\e933';
}
.type-detail .p-info-wrapper .social-buttons-wrapper .link-icon.print:before {
  content: url(https://shoptetak.cz/modul/kodl/spinel/build/img/printer.svg);
  opacity: 1;
}
.type-detail .p-info-wrapper .social-buttons-wrapper .link-icon.chat:before {
  content: url(https://shoptetak.cz/modul/kodl/spinel/build/img/question2.svg);
  opacity: 1;
}
.type-detail .p-info-wrapper .social-buttons-wrapper .link-icon {
  transition: 0.3s;
}
.type-detail .p-info-wrapper .social-buttons-wrapper .link-icon:hover.chat:before,
.type-detail .p-info-wrapper .social-buttons-wrapper .link-icon:hover.print:before {
  opacity: 1;
}
.type-detail .p-info-wrapper .social-buttons-wrapper .link-icon:hover.share:before,
.type-detail .p-info-wrapper .social-buttons-wrapper .link-icon:hover.watchdog:before {
  color: #000;
}
.type-detail .p-info-wrapper .add-to-cart {
  order: 3;
  padding: 30px 20px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
  margin-top: 10px;
}
@media only screen and (max-width: 768px) {
  .type-detail .p-info-wrapper .add-to-cart {
    margin-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  .type-detail .p-info-wrapper .add-to-cart {
    flex-direction: column;
  }
}
.type-detail .p-info-wrapper .add-to-cart .quantity {
  width: 120px;
  height: 60px;
  margin: 0 15px 0 0;
  position: relative;
  padding: 0 35px;
  display: inline-block;
  border: none;
}
.type-detail .p-info-wrapper .add-to-cart .quantity .increase,
.type-detail .p-info-wrapper .add-to-cart .quantity .decrease {
  cursor: pointer;
}
.type-detail .p-info-wrapper .add-to-cart .quantity .increase:hover,
.type-detail .p-info-wrapper .add-to-cart .quantity .decrease:hover {
  opacity: 0.5;
}
.type-detail .p-info-wrapper .add-to-cart .quantity .increase:focus,
.type-detail .p-info-wrapper .add-to-cart .quantity .decrease:focus {
  opacity: 1;
}
.type-detail .p-info-wrapper .add-to-cart .quantity .increase {
  position: absolute;
  right: 5px;
  top: 21px;
  width: 18px;
  height: 18px;
  transition: 0.3s;
  border: none;
  border-radius: 20px;
  background: transparent !important;
}
.type-detail .p-info-wrapper .add-to-cart .quantity .increase:before {
  margin-top: 0;
  content: '';
  background: url('https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/opal/img/icons/plus.svg') no-repeat center;
  background-size: 16px;
  font-weight: 600;
  font-size: 12px;
}
.type-detail .p-info-wrapper .add-to-cart .quantity .decrease {
  position: absolute;
  left: 5px;
  top: 22px;
  width: 18px;
  height: 18px;
  border: none;
  transition: 0.3s;
  border-radius: 20px;
  background: transparent !important;
}
.type-detail .p-info-wrapper .add-to-cart .quantity .decrease:before {
  margin-top: 0;
  content: '';
  background: url('https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/opal/img/icons/minus.svg') no-repeat center;
  background-size: 16px;
  font-size: 16px;
}
.type-detail .p-info-wrapper .add-to-cart .quantity input {
  width: 52px;
  height: 60px;
  text-align: center;
  font-weight: 600;
  border: 2px solid #040404;
  border-radius: 5px;
  font-size: 1.4em;
}
.type-detail .p-info-wrapper .add-to-cart .add-to-cart-button {
  padding: 0;
  height: 60px;
  width: 220px;
  float: right;
  background: #239ceb;
  color: #fff;
  font-size: 0.85em;
  font-weight: 500;
  border-color: #000;
  letter-spacing: 0.5px;
  border-radius: 10px;
  border: none;
}
@media only screen and (max-width: 480px) {
  .type-detail .p-info-wrapper .add-to-cart .add-to-cart-button {
    margin: 20px 0 0 0;
  }
}
.type-detail .p-info-wrapper .add-to-cart .add-to-cart-button:before {
  display: inline-block !important;
  position: relative;
  width: 20px;
  height: 20px;
  min-width: 20px;
  content: '';
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/cart-w.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 13px;
  top: 0;
}
.type-detail .p-info-wrapper .p-short-description {
  line-height: 1.6em;
  font-size: 0.9em;
}
.type-detail .p-info-wrapper .p-code {
  display: none;
}
.type-detail .p-info-wrapper .extended-description {
  width: 100%;
  flex: initial;
  padding: 0;
}
.type-detail .p-info-wrapper .extended-description h3 {
  display: none;
}
.type-detail .p-info-wrapper .extended-description table {
  background: #F9F9F9;
  border-top: 1px solid #E2E2E2;
  width: 100%;
}
.type-detail .p-info-wrapper .extended-description table tr {
  border-bottom: 1px solid #fff;
}
.type-detail .p-info-wrapper .extended-description table tr th,
.type-detail .p-info-wrapper .extended-description table tr td {
  padding: 9px 15px;
}
.type-detail .p-info-wrapper .extended-description table tr th a,
.type-detail .p-info-wrapper .extended-description table tr td a {
  color: #666;
}
.type-detail .p-info-wrapper .extended-description table tr th {
  font-weight: 400;
  width: 35%;
}
.type-detail .p-info-wrapper .chevron-after.chevron-down-after {
  display: none;
}
.type-detail .p-info-wrapper .delivery-time {
  font-size: 1.2em;
  color: #3E3E3E;
}
.type-detail .p-info-wrapper .availability-label {
  font-size: 0.7em;
}
.type-detail .p-info-wrapper .p-final-price-wrapper {
  order: -1;
}
.type-detail .p-info-wrapper .p-final-price-wrapper .price-final {
  font-size: 3em;
  color: #239ceb;
}
@media only screen and (max-width: 768px) {
  .type-detail .p-info-wrapper .p-final-price-wrapper .price-final {
    font-size: 2em;
  }
}
.type-detail .p-info-wrapper .p-final-price-wrapper .price-additional {
  color: #c6c6c6;
  margin-top: 5px;
  display: block;
  font-weight: 400;
}
.type-detail #description,
.type-detail #ratingTab {
  opacity: 1;
  display: block !important;
}
.type-detail #ratingTab {
  opacity: 1;
  margin-top: 50px;
  margin-bottom: 20px;
  border-top: 6px solid #f5f5f5;
  padding-top: 65px;
}
.type-detail #ratingTab .votes-wrap {
  max-width: 100% !important;
}
.type-detail #ratingTab #ratingWrapper {
  margin-left: 0;
}
.type-detail #ratingTab #ratingWrapper form input[type="submit"] {
  padding: 10px 20px;
}
.type-detail #ratingTab .add-comment .link-like {
  background: transparent !important;
  padding-left: 0;
}
.type-detail #ratingTab .add-comment .link-like:hover {
  color: #040404;
}
.type-detail #ratingTab .add-comment .link-like:before {
  margin-right: 10px;
  margin-top: 6px;
}
.type-detail .ui-tooltip {
  display: none !important;
}
.type-detail .p-info-wrapper {
  display: flex;
  flex-direction: column;
}
.type-detail .p-info-wrapper .availability-value {
  order: 2;
  font-weight: 600;
}
.type-detail #tab-content .basic-description > h3 {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .type-detail #tab-content .basic-description .content-wrapper-in {
    display: flex;
    flex-direction: column;
  }
  .type-detail #tab-content .basic-description .content-wrapper-in .produkt-obrazek-ml {
    order: -1;
    margin: 35px 0 15px 0;
  }
  .type-detail #tab-content .basic-description .content-wrapper-in .produkt-popis-ml h2 {
    margin-top: 5px;
    margin-bottom: 10px;
  }
}
.type-detail #tab-content .basic-description p,
.type-detail #tab-content .basic-description span {
  font-size: 14px !important;
  line-height: 1.4em !important;
  letter-spacing: 0 !important;
}
@media only screen and (max-width: 768px) {
  .type-detail #tab-content .basic-description .container {
    padding: 0 !important;
  }
}
.type-detail #tab-content .description-inner {
  padding: 0;
}
.type-detail h2.products-related-header {
  font-size: 2.2em;
  color: #000;
}
@media only screen and (max-width: 992px) {
  .type-detail h2.products-related-header {
    font-size: 1.6em;
  }
}
.type-detail .content-wrapper-in {
  flex-wrap: wrap;
}
.type-detail #tab-content {
  padding: 35px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 768px) {
  .type-detail #tab-content {
    padding: 25px 15px;
  }
}
.type-detail #tab-content ul {
  padding-left: 20px;
  color: #000;
}
.type-detail #tab-content ul li {
  margin-bottom: 5px;
  font-weight: 500;
}
.type-detail #tab-content .product-detail-icons {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  order: -2;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .type-detail #tab-content .product-detail-icons {
    margin-bottom: 0;
  }
}
.type-detail #tab-content .product-detail-icons img {
  padding: 0 5px;
}
@media only screen and (max-width: 768px) {
  .type-detail #tab-content .product-detail-icons img {
    margin-bottom: 22px;
  }
}
.type-detail #tab-content .produkt-obrazek-ml {
  margin-bottom: 40px;
}
@media only screen and (max-width: 992px) {
  .type-detail #tab-content .produkt-obrazek-ml {
    margin: 15px 0;
  }
}
.type-detail #tab-content .produkt-popis-ml {
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 40px;
}
@media only screen and (max-width: 1200px) {
  .type-detail #tab-content .produkt-popis-ml {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0;
  }
}
@media only screen and (max-width: 992px) {
  .type-detail #tab-content .produkt-popis-ml {
    padding-left: 0;
    padding-right: 0;
  }
}
.type-detail #tab-content .produkt-popis-ml h2 {
  font-size: 2.3em;
  font-weight: 600;
  color: #040404;
  line-height: 1.4em;
  margin-bottom: 20px;
  text-align: left;
  margin-top: 0;
}
@media only screen and (max-width: 1200px) {
  .type-detail #tab-content .produkt-popis-ml h2 {
    margin-top: 30px;
    font-size: 2em;
  }
}
@media only screen and (max-width: 768px) {
  .type-detail #tab-content .produkt-popis-ml h2 {
    font-size: 1.6em;
  }
}
@media only screen and (max-width: 480px) {
  .type-detail #tab-content .produkt-popis-ml h2 {
    font-size: 1.4em;
  }
}
.type-detail #tab-content h3 {
  display: block !important;
}
.type-detail #tab-content h2 {
  font-size: 2em;
  text-align: center;
  margin: 60px 0 25px 0;
  color: #313a43;
}
@media only screen and (max-width: 992px) {
  .type-detail #tab-content h2 {
    margin: 40px 0 20px 0;
    font-size: 1.8em;
  }
}
@media only screen and (max-width: 768px) {
  .type-detail #tab-content h2 {
    margin: 35px 0 15px 0;
    font-size: 1.6em;
  }
}
.type-detail #tab-content .info-box {
  background: #f4f4f6;
  border-radius: 8px;
  padding: 15px;
  margin-top: 25px;
  margin-bottom: 15px;
  font-size: 0.8em;
  color: #040404;
  line-height: 1.5em;
}
.type-detail #tab-content .references {
  text-align: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
.type-detail #tab-content .references .reference-item {
  margin-top: 30px;
}
.type-detail #tab-content .references .reference-item strong {
  font-size: 1.1em;
  margin-bottom: 15px;
  display: block;
  color: #040404;
}
.type-detail #tab-content .references .reference-item p {
  line-height: 1.6em !important;
  color: #040404;
  padding: 0 20px;
}
@media only screen and (max-width: 1200px) {
  .type-detail #tab-content .references .reference-item p {
    padding: 0;
  }
}
.type-detail .accordion p {
  line-height: 1.6em;
  color: #040404;
}
.type-detail .accordion .ui-accordion-content {
  /* height: auto !important;*/
  padding-bottom: 20px;
}
.type-detail .accordion h3 {
  margin: 0;
  cursor: pointer;
  padding: 18px 0;
  border-top: 2px solid #f4f4f6;
  font-size: 1.3em;
  color: #040404;
  letter-spacing: 0.5px;
  text-transform: none;
  padding-right: 50px;
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/icons/plus.png);
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: right 15px center;
}
@media only screen and (max-width: 768px) {
  .type-detail .accordion h3 {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 480px) {
  .type-detail .accordion h3 {
    font-size: 1.1em;
  }
}
.type-detail .accordion h3.ui-state-active {
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/metis-lab/img/icons/minus.png);
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.type-detail .accordion h3:hover {
  color: #239ceb;
}
.type-detail .accordion h3:focus {
  outline: none;
}
.type-detail .accordion h3:first-child {
  border: none;
}
.type-detail .shp-tabs-holder {
  background: transparent;
  padding-left: 0 !important;
  border-bottom: 1px solid #E2E2E2;
  display: none;
}
.type-detail .shp-tabs-holder ul.shp-tabs {
  background: transparent;
}
.type-detail .shp-tabs-holder ul.shp-tabs li {
  margin-right: 8px;
}
.type-detail .shp-tabs-holder ul.shp-tabs li a {
  background: #EDEDED;
  border: none;
  color: #000;
  text-transform: uppercase;
  padding-left: 35px;
  padding-right: 35px;
}
.type-detail .shp-tabs-holder ul.shp-tabs li.active a {
  background: #000;
  color: #fff;
}
.type-detail .p-thumbnails a img {
  border: none;
}
.type-detail .p-thumbnails .p-thumbnail {
  margin-right: 10px;
}
.type-detail .p-thumbnails .p-thumbnail:before {
  display: none;
}
.type-detail .p-image {
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .type-index .content-wrapper.middle-banners-wrapper {
    margin-top: 0;
  }
}
.type-index .content-wrapper.middle-banners-wrapper .container {
  max-width: 100%;
}
.type-index .latest-contribution-box {
  display: none;
}
.type-index .middle-page-banner {
  height: 450px;
  overflow: hidden;
  position: relative;
}
.type-index .middle-page-banner img {
  height: auto;
  width: auto;
  object-fit: cover;
  position: absolute;
  min-height: 100%;
  min-width: 100%;
}
.type-index .middle-page-banner .banner-caption {
  position: absolute;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  color: #fff;
  width: 100%;
  padding: 0 20px;
}
.type-index .middle-page-banner .banner-caption h3,
.type-index .middle-page-banner .banner-caption h2 {
  color: #fff;
}
.type-index .middle-page-banner .banner-caption h2 {
  margin-top: 0;
  font-size: 3em;
  font-weight: 100;
}
@media only screen and (max-width: 992px) {
  .type-index .middle-page-banner .banner-caption h2 {
    font-size: 2em;
  }
}
@media only screen and (max-width: 480px) {
  .type-index .middle-page-banner .banner-caption h2 {
    font-size: 1.7em;
  }
}
.type-index .middle-page-banner .banner-caption p {
  font-size: 1.6em;
  font-weight: 200;
}
@media only screen and (max-width: 992px) {
  .type-index .middle-page-banner .banner-caption p {
    font-size: 1.1em;
  }
}
@media only screen and (max-width: 480px) {
  .type-index .middle-page-banner .banner-caption p {
    line-height: 1.3em;
    font-size: 1em;
  }
}
.type-index .middle-page-banner .banner-caption .button {
  margin-top: 30px;
  color: #fff;
  background: transparent;
  border: 2px solid #fff;
  padding: 2px 28px;
  font-weight: 200;
}
@media only screen and (max-width: 480px) {
  .type-index .middle-page-banner .banner-caption .button {
    margin-top: 10px;
  }
}
.type-index .middle-page-banner .banner-caption h3 {
  margin-bottom: 20px;
  font-size: 2.2em;
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 300;
  padding-bottom: 15px;
  position: relative;
}
@media only screen and (max-width: 992px) {
  .type-index .middle-page-banner .banner-caption h3 {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 480px) {
  .type-index .middle-page-banner .banner-caption h3 {
    font-size: 1.3em;
  }
}
.type-index .middle-page-banner .banner-caption h3:before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background: #fff;
  content: '';
  width: 39px;
  height: 4px;
}
.type-posts-listing h1,
.type-page h1 {
  font-size: 2.3em;
  font-weight: 600;
  color: #4B4646;
  margin-top: 0;
  padding-bottom: 10px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .type-posts-listing h1,
  .type-page h1 {
    font-size: 1.7em;
  }
}
.type-posts-listing h1:before,
.type-page h1:before {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #4B4646;
  content: '';
  width: 41px;
  height: 3px;
}
@media only screen and (min-width: 768px) {
  aside + main {
    width: calc(100% - 275px) !important;
  }
}
.subcategories li {
  height: auto;
  /*@media @tablet-min {
      a {
        flex-direction: column;
        height: auto;
        padding: 0 !important;

        &:before {
          top: inherit;
          bottom: 16px;
          font-size: 14px;
          font-weight: 800;
          color: #434343;
          right: 7px;
        }

        .image {
          width: 100% !important;
          height: 80px;
          display: flex;
          min-width: 100%;
          overflow: hidden;
          align-items: center;
          justify-content: center;

          img {
            width: auto;
            height: auto;
            max-width: inherit;
            max-height: initial !important;
            min-width: 100%;
            min-height: 100%;
            display: block;
          }
        }

        .text {

        }
      }
    }*/
}
@media only screen and (min-width: 1200px) {
  .subcategories li {
    width: 270px;
  }
}
@media (max-width: 360px) {
  .subcategories li {
    width: 100%;
    padding-bottom: 0;
  }
}
.subcategories li a {
  background: #f0f0f2;
  display: flex;
  align-items: center;
  padding-left: 7px;
  height: 60px;
  border: none;
  border-radius: 5px;
  padding-right: 10px;
}
.subcategories li a:before {
  display: none;
}
.subcategories li a .image {
  width: 40px;
  text-align: center;
  height: 40px;
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subcategories li a .text {
  font-size: 0.9em;
  font-weight: 500 !important;
  line-height: 1.1em;
  color: #333;
  width: 100% !important;
  padding: 15px 10px;
  max-height: inherit;
}
.subcategories li a:hover .text {
  color: #000;
}
.category-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  font-size: 0;
  justify-content: flex-start;
  border-radius: 0;
  margin-bottom: 40px;
  margin-top: 0px;
  background: transparent !important;
  overflow: visible;
}
@media only screen and (max-width: 768px) {
  .category-header {
    margin-bottom: 20px;
    margin-top: 5px;
  }
}
.category-header label {
  font-size: 14px !important;
  color: #000 !important;
  border-radius: 0 !important;
  letter-spacing: 0;
  margin-top: 0 !important;
  padding: 13px 25px !important;
  position: relative;
  font-weight: 400;
  z-index: 1;
}
.category-header label:before {
  display: none !important;
}
.category-header form {
  position: relative;
  height: 47px;
  overflow: visible;
  /*&:before {
      position: absolute;
      content: 'Řadit podle:';
      left: 0;
      top: 7px;
      width: 100px;
      height: auto;
      background: transparent;
      z-index: 9;
      color: #666 !important;
      font-size: 15px;
    }*/
}
@media only screen and (max-width: 768px) {
  .category-header form {
    width: 100%;
  }
}
.category-header > div {
  padding: 0 0 0 25px !important;
  color: #b0b2b3;
  letter-spacing: 0.5px;
  flex: inherit;
}
.category-header fieldset {
  overflow: hidden;
  margin-left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  width: 185px;
  padding-top: 47px;
  height: 47px;
  z-index: 3;
  background: #fff;
  position: relative;
  border: 2px solid #d6d8d9;
  border-radius: 25px;
  cursor: pointer;
}
.category-header fieldset:after {
  top: 0;
  left: 0;
  height: 47px;
  background: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/adamin/img/arrow-down.svg?v2) right 25px center / 10px no-repeat !important;
  font-size: 14px !important;
  color: #000 !important;
  border-radius: 0 !important;
  letter-spacing: 0;
  margin-top: 0 !important;
  padding: 8px 15px !important;
  width: 100%;
  position: absolute;
  background-color: transparent;
  z-index: 2;
  content: '';
}
.category-header fieldset label {
  font-weight: 500;
  background: #f1f3f7;
  text-align: left !important;
}
.category-header fieldset input[type="radio"]:checked + label {
  position: absolute;
  padding-right: 22px;
  background: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/adamin/img/arrow-down.svg) no-repeat right 25px center !important;
  background-size: 10px !important;
  background-color: #fff !important;
  color: #040404 !important;
  top: 0;
  left: 0;
  border-radius: 25px !important;
  letter-spacing: 0;
  width: 100%;
  z-index: 1;
}
.category-header fieldset input[type="radio"]:checked + label:after {
  width: 12px;
  height: 8px;
  content: '';
  position: absolute;
  right: 15px;
  top: 5px;
}
.category-header fieldset.hovered {
  height: auto;
}