@font-face {
  font-family: "Russo One";
  src: url("fonts/Russo_One/RussoOne-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Titillum Web";
  src: url("fonts/Titillium_Web/TitilliumWeb-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Titillum Web";
  src: url("fonts/Titillium_Web/TitilliumWeb-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Titillum Web";
  src: url("fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
:root {
  font-size: 16px;
}

* {
  box-sizing: border-box;
  font-family: "Titillum Web", sans-serif;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

body {
  margin: 0;
  background: #ffffff;
}
body.page--product-detail {
  background: linear-gradient(0deg, rgb(245, 174, 112) 0%, rgb(255, 255, 255) 85%);
}
body.page--product-detail #CentralPart {
  margin-bottom: -4.688rem;
}
body.page--product-detail .CentralPartContent {
  background: #ffffff;
  padding-bottom: 1.5rem;
}
body .ArticleElement .ElementContent {
  text-align: justify;
}

a {
  color: #202330;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
a:hover {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

fieldset {
  border: none;
  padding: 0;
}

.container, .FormElement {
  max-width: 1418px;
  width: 100%;
  margin: 0 auto;
  padding: 0 0.625rem;
}
@media (min-width: 768px) {
  .container, .FormElement {
    padding: 0 1.25rem;
  }
}
.container a:hover, .FormElement a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .kosik .container, .nova-objednavka .container {
    padding: 0;
  }
}

#CentralPart {
  position: relative;
  padding-bottom: 4.688rem;
  /*&.kosik, &.cat-obchod:not(.scat-nova-objednavka-dokonceno) {
      background: #f6f6f6;
  }*/
}
#CentralPart.cat-obchod.vyhledavani {
  background: none;
}
#CentralPart.scat-registrace .CentralPartContent.container, #CentralPart.scat-zapomenute-heslo .CentralPartContent.container, #CentralPart.scat-zapomenute-heslo-generuj .CentralPartContent.container {
  max-width: unset;
  padding: 0;
}
#CentralPart.scat-registrace .LevaStranaElements, #CentralPart.scat-registrace .E-shop, #CentralPart.scat-zapomenute-heslo .LevaStranaElements, #CentralPart.scat-zapomenute-heslo .E-shop, #CentralPart.scat-zapomenute-heslo-generuj .LevaStranaElements, #CentralPart.scat-zapomenute-heslo-generuj .E-shop {
  display: none;
}
#CentralPart.OneColumnLayout, #CentralPart.scat-registrace, #CentralPart.scat-zapomenute-heslo, #CentralPart.scat-zapomenute-heslo-generuj {
  position: relative;
}
#CentralPart.OneColumnLayout .CategoryBackground, #CentralPart.scat-registrace .CategoryBackground, #CentralPart.scat-zapomenute-heslo .CategoryBackground, #CentralPart.scat-zapomenute-heslo-generuj .CategoryBackground {
  position: relative;
  height: 248px;
}
#CentralPart.OneColumnLayout .CategoryBackground img, #CentralPart.scat-registrace .CategoryBackground img, #CentralPart.scat-zapomenute-heslo .CategoryBackground img, #CentralPart.scat-zapomenute-heslo-generuj .CategoryBackground img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#CentralPart.OneColumnLayout .CategoryBackground h1, #CentralPart.scat-registrace .CategoryBackground h1, #CentralPart.scat-zapomenute-heslo .CategoryBackground h1, #CentralPart.scat-zapomenute-heslo-generuj .CategoryBackground h1 {
  width: 100%;
  text-align: center;
  font-family: "Russo one", sans-serif;
  font-size: 24px;
  line-height: 2.563rem;
  color: #202330;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 400;
}
@media (min-width: 768px) {
  #CentralPart.OneColumnLayout .CategoryBackground h1, #CentralPart.scat-registrace .CategoryBackground h1, #CentralPart.scat-zapomenute-heslo .CategoryBackground h1, #CentralPart.scat-zapomenute-heslo-generuj .CategoryBackground h1 {
    font-size: 50px;
  }
}
#CentralPart.OneColumnLayout .CategoryContent, #CentralPart.scat-registrace .CategoryContent, #CentralPart.scat-zapomenute-heslo .CategoryContent, #CentralPart.scat-zapomenute-heslo-generuj .CategoryContent {
  margin-top: 4.375rem;
}
#CentralPart.OneColumnLayout .CategoryContent a, #CentralPart.scat-registrace .CategoryContent a, #CentralPart.scat-zapomenute-heslo .CategoryContent a, #CentralPart.scat-zapomenute-heslo-generuj .CategoryContent a {
  color: #239ceb;
}
#CentralPart.scat-registrace .CategoryBackground, #CentralPart.scat-zapomenute-heslo .CategoryBackground, #CentralPart.scat-zapomenute-heslo-generuj .CategoryBackground {
  height: 80px;
}
#CentralPart.scat-registrace .CategoryBackground h1, #CentralPart.scat-zapomenute-heslo .CategoryBackground h1, #CentralPart.scat-zapomenute-heslo-generuj .CategoryBackground h1 {
  top: 80%;
  transform: translateY(-80%);
}
#CentralPart:not(.OneColumnLayout, .scat-registrace, .scat-nova-objednavka-dokonceno) .CentralPartContent {
  display: flex;
}
@media (min-width: 1025px) {
  #CentralPart:not(.OneColumnLayout, .scat-registrace, .scat-nova-objednavka-dokonceno) .CentralPartContent .ObsahStrankyElements {
    width: calc(100% - 285px);
  }
}
#CentralPart:not(.OneColumnLayout, .scat-registrace, .scat-nova-objednavka-dokonceno) .CentralPartContent .ObsahStrankyElements .SliderCatWrapper {
  display: flex;
}
@media (min-width: 1025px) {
  #CentralPart:not(.OneColumnLayout, .scat-registrace, .scat-nova-objednavka-dokonceno) .CentralPartContent .ObsahStrankyElements .SliderCatWrapper {
    gap: 1.25rem;
  }
}
@media only screen and (max-width: 1024px) {
  #CentralPart:not(.OneColumnLayout, .scat-registrace, .scat-nova-objednavka-dokonceno) .CentralPartContent .ObsahStrankyElements .SliderCatWrapper {
    flex-direction: column;
  }
}
@media (min-width: 1025px) {
  #CentralPart:not(.OneColumnLayout, .scat-registrace, .scat-nova-objednavka-dokonceno) .CentralPartContent .ObsahStrankyElements #ObsahStrankyElements_5, #CentralPart:not(.OneColumnLayout, .scat-registrace, .scat-nova-objednavka-dokonceno) .CentralPartContent .ObsahStrankyElements #ObsahStrankyElements_4 {
    margin-left: -285px;
  }
}
#CentralPart:not(.OneColumnLayout, .scat-registrace, .scat-nova-objednavka-dokonceno) .CentralPartContent .ObsahStrankyElements #ObsahStrankyElements_5 h4, #CentralPart:not(.OneColumnLayout, .scat-registrace, .scat-nova-objednavka-dokonceno) .CentralPartContent .ObsahStrankyElements #ObsahStrankyElements_4 h4 {
  max-width: 1440px;
  width: 100%;
  margin-bottom: 2.188rem;
}
#CentralPart:not(.OneColumnLayout, .scat-registrace, .scat-nova-objednavka-dokonceno) .CentralPartContent .ObsahStrankyElements #ObsahStrankyElements_5 h4 span, #CentralPart:not(.OneColumnLayout, .scat-registrace, .scat-nova-objednavka-dokonceno) .CentralPartContent .ObsahStrankyElements #ObsahStrankyElements_4 h4 span {
  display: inline-block;
  width: 100%;
  font-family: "Russo One", sans-serif;
  font-size: 28px;
  line-height: 34px;
  color: #202330;
  text-align: center;
}

.Path {
  font-size: 13px;
  line-height: 20px;
  margin: 0.875rem 0 1.25rem 0;
}
.Path a {
  color: #ee7610;
}
.Path .CategoryName {
  padding: 0.625rem 0.375rem;
}

.Breadcrumb {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  margin: 1.25rem auto;
}
.Breadcrumb ul {
  list-style-type: none;
  display: flex;
  gap: 0.375rem;
  padding: 0;
  margin: 0;
}
.Breadcrumb ul li {
  font-size: 13px;
  line-height: 20px;
}
.Breadcrumb ul li a {
  color: #ee7610;
}

.Error {
  background: rgba(255, 0, 0, 0.5);
  color: white;
  padding: 0.3rem;
  margin-bottom: 0.3rem;
}

.btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 0.625rem 1.875rem;
  line-height: 1.313rem;
  position: relative;
  color: #ffffff;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.btn.btn-green {
  background: linear-gradient(to bottom, #009933 0%, #009933 50%, #006b24 50%) center top;
  background-size: 101% 200%;
  border: 1px solid #009933;
}
.btn.btn-orange {
  background: linear-gradient(to bottom, #ee7610 0%, #ee7610 50%, #c56103 50%) center top;
  background-size: 101% 200%;
  border: 1px solid #ee7610;
}
.btn:hover {
  background-position: center bottom;
}

body:not(.page--product-list) .ProductBoxElement {
  margin-bottom: 1.25rem;
}
body:not(.page--product-list) .ProductBoxElement .ProductBoxHeader {
  width: 100%;
  font-family: "Russo One", sans-serif;
  font-size: 28px;
  line-height: 34px;
  color: #202330;
  text-align: center;
  margin-bottom: 2.188rem;
}
body:not(.page--product-list) .ProductBoxElement .Product .ProductName a {
  height: auto;
}
body:not(.page--product-list) .ProductBoxElement .Product .Prices {
  margin-top: 1rem;
}
body:not(.page--product-list) .ProductBoxElement div.swiper-button-next, body:not(.page--product-list) .ProductBoxElement div.swiper-button-prev {
  color: #ee7610;
}

.ImageSubcategoriesElement h2 {
  font-family: "Russo One", sans-serif;
  margin-top: 2.5rem;
  margin-bottom: 2.188rem;
  font-size: 28px;
  line-height: 34px;
  color: #202330;
  text-align: center;
  font-weight: 400;
}

.SubcatWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 -0.625rem 1.125rem;
  padding: 0;
}
.SubcatWrapper .SubcatCell {
  width: 100%;
  flex: 0 0 auto;
  padding: 0.625rem;
}
@media (min-width: 768px) {
  .SubcatWrapper .SubcatCell {
    width: 50%;
  }
}
@media (min-width: 1025px) {
  .SubcatWrapper .SubcatCell.col-4 {
    width: 25%;
  }
}
@media (min-width: 768px) {
  .SubcatWrapper .SubcatCell.col-3 {
    width: 33.3333333333%;
  }
}
.SubcatWrapper .SubcatCell h2 {
  margin: 0;
}
.SubcatWrapper .SubcatCell a {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  background-color: #ffffff;
  position: relative;
  border: 1px solid #f2f1ec;
  color: #202330;
  padding: 1rem 2rem 1rem 0.438rem;
}
.SubcatWrapper .SubcatCell a:hover {
  color: #006b24;
}
.SubcatWrapper .SubcatCell a:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='80 -880 800 800'%3E%3Cpath fill='%23b2b2b2' d='m480-320 160-160-160-160-56 56 64 64H320v80h168l-64 64 56 56Zm0 240q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z'%3E%3C/path%3E%3C/svg%3E");
  margin: -9px;
  position: absolute;
  right: 18px;
  top: 53%;
  width: 16px;
  height: 16px;
}
.SubcatWrapper .SubcatCell a .SubcatImg {
  width: 50%;
  text-align: center;
}
.SubcatWrapper .SubcatCell a .SubcatImg img {
  max-height: 60px;
}
.SubcatWrapper .SubcatCell a .categoryFilterName {
  width: 100%;
  padding-left: 10px;
  flex-grow: 0;
  text-align: left;
  display: inline-block;
  overflow: visible;
  text-overflow: ellipsis;
  max-height: 38px;
}

.ShowTooltip {
  display: inline-block;
  vertical-align: baseline;
  width: 1.125rem;
  height: 1.125rem;
  border: 1px solid #239ceb;
  border-radius: 50%;
  font-size: 14px;
  line-height: 1rem;
  text-align: center;
  background-color: #239ceb;
  color: #ffffff;
  cursor: help;
  margin-left: 0.25rem;
}
.ShowTooltip.DIC {
  position: absolute;
  right: 10px;
  top: 18px;
  transform: translateY(-50%);
}

.ui-tooltip.black_rectangle_tooltip {
  background: #000000;
  color: #ffffff;
  border-radius: 0.375rem;
  border: none;
  width: 13.438rem;
  padding: 0.25rem 0.5rem;
  font-size: 12px;
  font-weight: 300;
}
.ui-tooltip.black_rectangle_tooltip .arrow {
  width: 4.375rem;
  height: 1rem;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -2rem;
  bottom: -1rem;
}
.ui-tooltip.black_rectangle_tooltip .arrow::after {
  content: "";
  position: absolute;
  left: 1.25rem;
  top: -1.25rem;
  width: 1.563rem;
  height: 1.563rem;
  box-shadow: 6px 5px 9px -9px black;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #000000;
}

#product_detail_popup_success {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #5cb85c;
  z-index: 10;
  height: 80px;
  display: flex;
  align-items: center;
  opacity: 0.95;
}
#product_detail_popup_success > div {
  max-width: 1418px;
  width: 100%;
  color: #ffffff;
  padding: 0 1.25rem;
  margin: 0 auto;
  font-size: 14px;
}

header {
  position: relative;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid #ee7610;
  z-index: 2;
}
header .TopHeader {
  display: none;
}
@media (min-width: 768px) {
  header .TopHeader {
    display: block;
    background: #f3f1f2;
    padding: 0.35rem 0;
    font-size: 14px;
    color: #202330;
  }
  header .TopHeader a {
    display: flex;
    align-items: center;
  }
  header .TopHeader a:hover {
    color: #ee7610;
  }
  header .TopHeader a svg {
    margin-right: 1ch;
  }
  header .TopHeader a:before {
    display: inline-block;
    font-family: "Material Symbols Outlined", sans-serif;
    font-size: 28px;
    font-weight: 300;
    margin-right: 0.625rem;
  }
  header .TopHeader a.ContactPhone:before {
    color: #ee7610;
    content: "\e0b0";
  }
  header .TopHeader a.ContactEmail:before {
    color: #ee7610;
    content: "\e158";
  }
  header .TopHeader a.Login:before {
    color: #202330;
    content: "\e7fd";
  }
  header .TopHeader .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  header .TopHeader .TopHeaderLeft {
    display: flex;
    align-items: center;
    gap: 1.25rem;
  }
  header .TopHeader .TopHeaderLeft > div strong {
    margin-right: 0.625rem;
  }
  header .TopHeader .TopHeaderLeft a span {
    display: none;
  }
}
@media (min-width: 768px) and (min-width: 1025px) {
  header .TopHeader .TopHeaderLeft a span {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  header .TopHeader .TopHeaderRight .UserMenuElement {
    display: flex;
    gap: 0.938rem;
    position: relative;
  }
  header .TopHeader .TopHeaderRight .UserMenuElement a.Register, header .TopHeader .TopHeaderRight .UserMenuElement a.Logout {
    color: #ee7610;
  }
  header .TopHeader .TopHeaderRight .UserMenuElement a.Register:before, header .TopHeader .TopHeaderRight .UserMenuElement a.Logout:before {
    content: "";
    border-left: 1px solid #202330;
    display: block;
    height: 65%;
    margin: 0;
    padding-right: 0.938rem;
  }
}
header .BottomHeader .BottomHeaderWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.625rem 0;
}
@media (min-width: 768px) {
  header .BottomHeader .BottomHeaderWrapper {
    padding: 1.25rem 0;
  }
}
header .BottomHeader .BottomHeaderWrapper .Logo a {
  display: block;
  background: url("img/logo.png") no-repeat left center;
  background-size: contain;
  width: clamp(150px, 12vw, 172px);
  max-width: 100%;
  height: 81px;
  max-height: 100%;
}
header .BottomHeader .BottomHeaderWrapper .SearchForm.open {
  display: block;
  order: 1;
  width: 50%;
  margin: auto;
}
@media only screen and (max-width: 1199px) {
  header .BottomHeader .BottomHeaderWrapper .SearchForm {
    display: none;
  }
}
@media (min-width: 768px) {
  header .BottomHeader .BottomHeaderWrapper .SearchForm {
    width: 33%;
  }
}
header .BottomHeader .BottomHeaderWrapper .SearchForm form {
  position: relative;
}
header .BottomHeader .BottomHeaderWrapper .SearchForm form input {
  height: 44px;
  color: #202330;
  border: 1px solid #dddddd;
  padding: 0.625rem 4.375rem 0.625rem 3.125rem;
  border-radius: 3px;
  width: 100%;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (min-width: 768px) {
  header .BottomHeader .BottomHeaderWrapper .SearchForm form input {
    background: #f3f1f2;
  }
}
header .BottomHeader .BottomHeaderWrapper .SearchForm form input:focus {
  box-shadow: 0 0 0 0.1em rgba(205, 205, 205, 0.5);
  outline: none;
}
header .BottomHeader .BottomHeaderWrapper .SearchForm form input::placeholder {
  color: #b2b2b2;
}
header .BottomHeader .BottomHeaderWrapper .SearchForm form span.icon {
  position: absolute;
  top: 0;
  height: 44px;
  padding: 11px 9px 4px;
}
header .BottomHeader .BottomHeaderWrapper .SearchForm form span.icon svg {
  fill: #202330;
}
header .BottomHeader .BottomHeaderWrapper .SearchForm form button {
  position: absolute;
  background: transparent;
  border: none;
  padding: 5px 9px 4px;
  height: 44px;
  right: 0;
  top: 0;
  cursor: pointer;
}
header .BottomHeader .BottomHeaderWrapper .SearchForm form button svg {
  fill: #ee7610;
}
@media only screen and (max-width: 767px) {
  header .BottomHeader .BottomHeaderWrapper .HeaderMenu {
    display: none;
  }
}
header .BottomHeader .BottomHeaderWrapper .HeaderMenu #HorniMenuElements_1 .Menu ul {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding-left: 0;
}
header .BottomHeader .BottomHeaderWrapper .HeaderMenu #HorniMenuElements_1 .Menu ul li {
  list-style-type: none;
}
header .BottomHeader .BottomHeaderWrapper .HeaderMenu #HorniMenuElements_1 .Menu ul li a {
  font-size: 14px;
}
@media (min-width: 768px) {
  header .BottomHeader .BottomHeaderWrapper .HeaderMenu #HorniMenuElements_1 .Menu ul li a {
    font-weight: 700;
  }
}
header .BottomHeader .BottomHeaderWrapper .HeaderMenu #HorniMenuElements_1 .Menu ul li a:hover {
  color: #ee7610;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons {
  display: flex;
  gap: 1.75rem;
}
@media only screen and (max-width: 767px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons {
    display: none;
  }
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .MenuIcon a {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.625rem;
  font-size: 13px;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .MenuIcon a span {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .MenuIcon a:hover span {
  color: #ee7610;
}
@media (min-width: 1200px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .MenuIcon.Search {
    display: none;
  }
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .MenuIcon.Search svg {
  fill: #202330;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .MenuIcon.Faq svg {
  fill: #009933;
}
@media (min-width: 768px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .MenuIcon.Login, header .BottomHeader .BottomHeaderWrapper .MenuIcons .MenuIcon.Logout {
    display: none;
  }
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart {
  display: flex;
  padding: 0.938rem;
  background: #f2f1ec;
  position: relative;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart a {
  display: flex;
  align-items: center;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart a svg {
  fill: #ee7610;
}
@media only screen and (min-width: 1200px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart a svg {
    margin-right: 0.938rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart a .CartTotalPrice {
    display: none;
  }
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart a .CartCount {
  position: absolute;
  right: -9px;
  top: -6px;
  color: #ffffff;
  background: #ee7610;
  display: block;
  padding: 4px 6px;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
  border-radius: 100%;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent {
  display: none;
  right: 0;
  bottom: auto;
  background: #ffffff;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartContentWrap {
  overflow: auto;
  max-height: 500px;
}
@media (min-width: 768px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent {
    top: 60px;
    position: absolute;
    width: 430px;
    max-height: 500px;
    margin-top: 1.125rem;
    border: 1px solid #dadada;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
  }
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent::before {
    content: "";
    z-index: 1;
    position: absolute;
    display: block;
    top: -9px;
    right: 35px;
    width: 16px;
    height: 16px;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
    background: #ffffff;
    box-shadow: none;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: right 0.3s ease-out;
    -o-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
  }
}
@media only screen and (max-width: 767px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartButton {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartButton a {
  background: linear-gradient(to bottom, #009933 0%, #009933 50%, #006b24 50%) center top;
  background-size: 101% 200%;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.563rem;
  line-height: 1.313rem;
  position: relative;
  border: 1px solid #009933;
  color: #ffffff;
  display: block;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartButton a {
    text-align: right;
  }
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartButton a:hover {
  background-position: center bottom;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct {
  display: grid;
  grid-template-columns: 76px 70px 40px auto 24px;
  align-items: center;
  padding: 0.625rem;
  position: relative;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct.waiting::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: gray;
  z-index: 10;
  opacity: 0.2;
  cursor: wait;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct:hover .Counter, header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct:hover .AmountInput {
  border-color: #808080 !important;
  color: #808080 !important;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct:not(:last-of-type) {
  border-bottom: 1px solid #dadada;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductImage.Empty {
  justify-self: center;
}
@media only screen and (max-width: 767px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductImage {
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductImage a {
  width: 59px;
  height: 59px;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductName {
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductName {
    grid-row-start: 1;
    grid-column-start: 2;
    grid-column-end: 6;
  }
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductName a {
    align-items: flex-start;
  }
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductName a {
  color: #575757;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductName a:hover {
  color: #ee7610;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductName span {
  color: #239ceb;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductAmount {
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductAmount {
    grid-column-start: 2;
    grid-column-end: 3;
  }
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductAmount .Counter {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  padding-left: 0;
  padding-right: 1.5rem;
  border: 1px solid #dadada;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductAmount .Counter.waiting::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: gray;
  z-index: 10;
  opacity: 0.2;
  cursor: wait;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductAmount .Counter .IncreaseAmount, header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductAmount .Counter .DecreaseAmount {
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  right: 0;
  left: auto;
  cursor: pointer;
  border-left: 1px solid #dadada;
  background: #f3f1f2;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductAmount .Counter .IncreaseAmount::before, header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductAmount .Counter .DecreaseAmount::before {
  display: inline-block;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductAmount .Counter .IncreaseAmount {
  border-bottom: 1px solid #dadada;
  top: 0;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductAmount .Counter .IncreaseAmount:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='253.85 -612.77 452.31 263.3'%3E%3Cpath fill='%23dadada' d='m291-349.463-37.153-37.152L480-612.768l226.153 226.153L669-349.463l-189-189-189 189Z'%3E%3C/path%3E%3C/svg%3E");
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductAmount .Counter .IncreaseAmount:hover:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='253.85 -612.77 452.31 263.3'%3E%3Cpath fill='%23808080' d='m291-349.463-37.153-37.152L480-612.768l226.153 226.153L669-349.463l-189-189-189 189Z'%3E%3C/path%3E%3C/svg%3E");
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductAmount .Counter .DecreaseAmount {
  bottom: 0;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductAmount .Counter .DecreaseAmount::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='253.85 -609.77 452.31 263.3'%3E%3Cpath fill='%23dadada' d='M480-346.463 253.847-572.615 291-609.768l189 189 189-189 37.153 37.153L480-346.463Z'%3E%3C/path%3E%3C/svg%3E");
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductAmount .Counter .DecreaseAmount:hover::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='253.85 -609.77 452.31 263.3'%3E%3Cpath fill='%23808080' d='M480-346.463 253.847-572.615 291-609.768l189 189 189-189 37.153 37.153L480-346.463Z'%3E%3C/path%3E%3C/svg%3E");
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductAmount .Counter input {
  width: 32px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: right;
  font-family: Arial, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #dadada;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductUnit {
  color: #b2b2b2;
}
@media only screen and (max-width: 767px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductUnit {
    grid-column-start: 3;
    grid-column-end: 4;
  }
}
@media only screen and (max-width: 767px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductDelete {
    grid-row-start: 1;
    margin: 0 auto;
  }
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductDelete a {
  width: 0.625rem;
  height: 0.625rem;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductDelete a::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='253.85 -706.15 452.31 452.31'%3E%3Cpath d='M291-253.847 253.847-291l189-189-189-189L291-706.153l189 189 189-189L706.153-669l-189 189 189 189L669-253.847l-189-189-189 189Z'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartProducts .CartProduct .CartProductDelete a:hover::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23d63500' viewBox='253.85 -706.15 452.31 452.31'%3E%3Cpath d='M291-253.847 253.847-291l189-189-189-189L291-706.153l189 189 189-189L706.153-669l-189 189 189 189L669-253.847l-189-189-189 189Z'%3E%3C/path%3E%3C/svg%3E");
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartFreeShipping {
  font-size: 14px;
  color: #575757;
  padding: 0 0.625rem;
  text-align: center;
}
@media (min-width: 768px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartFreeShipping {
    margin-bottom: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartFreeShipping {
    position: absolute;
    bottom: 50px;
  }
}
header .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent .CartFreeShipping strong {
  color: #ffc807;
}
header .BottomHeader .BottomHeaderWrapper .Hamburger svg {
  fill: #ee7610;
}
@media (min-width: 768px) {
  header .BottomHeader .BottomHeaderWrapper .Hamburger {
    display: none;
  }
}
header .BottomHeader .BottomHeaderWrapper .Hamburger .BurgerIcon .Bar {
  width: 32px;
  height: 2px;
  background-color: #ee7610;
  margin: 8px 0;
  transition: transform 0.3s ease-in-out;
}
header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent {
  position: fixed;
  top: 101px;
  background: #f2f1ec;
  width: 0;
  height: calc(100dvh - 101px);
  right: -20px;
  padding: 0 1.25rem;
  border-top: 1px solid #ee7610;
  z-index: 10;
  transform: translateX(100%);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent .SearchForm {
  display: block;
  margin: 27px 0;
}
header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent .HeaderMenu {
  display: block;
}
header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent .HeaderMenu #HorniMenuElements_1 .Menu ul {
  display: flex;
  flex-direction: column;
  gap: 0;
}
header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent .HeaderMenu #HorniMenuElements_1 .Menu ul li {
  width: 100%;
  padding: 0.625rem;
  text-align: center;
}
header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent .HeaderMenu #HorniMenuElements_1 .Menu ul li:not(:last-of-type) {
  border-bottom: 1px solid #dadada;
}
header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent .MenuIcons {
  display: flex;
  justify-content: space-between;
  margin: 50px 0;
}
header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent .MenuIcons .Search {
  display: none;
}
header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent .MenuIcons .Login svg, header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent .MenuIcons .Logout svg {
  fill: #202330;
}
header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent .MenuIcons .Cart, header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent .MenuIcons .CartMobile {
  padding: 0;
}
header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent .MenuIcons .Cart svg, header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent .MenuIcons .CartMobile svg {
  margin: 0;
}
header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent .MenuIcons .Cart a, header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent .MenuIcons .CartMobile a {
  flex-direction: column;
  gap: 0.625rem;
  font-size: 13px;
}
@media (min-width: 768px) {
  header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent {
    display: none;
  }
}
header .BottomHeader .BottomHeaderWrapper .Hamburger.MenuOpened .BurgerIcon .Bar:nth-child(1) {
  transform: rotate(-45deg) translate(-7px, 8px);
}
header .BottomHeader .BottomHeaderWrapper .Hamburger.MenuOpened .BurgerIcon .Bar:nth-child(2) {
  opacity: 0;
}
header .BottomHeader .BottomHeaderWrapper .Hamburger.MenuOpened .BurgerIcon .Bar:nth-child(3) {
  transform: rotate(45deg) translate(-5px, -8px);
}
header .BottomHeader .BottomHeaderWrapper .Hamburger.MenuOpened #BurgerContent {
  right: 0;
  transform: translateX(0);
  width: 100%;
}
header.sticky {
  position: fixed;
  width: 100%;
  top: -60px;
  background: white;
  transform: translateY(60px);
  transition: transform 1000ms;
  z-index: 10;
  height: 60px;
}
header.sticky + #headerFake {
  display: block !important;
  height: 166px;
  position: relative;
}
header.sticky .TopHeader {
  display: none;
}
header.sticky .BottomHeader .BottomHeaderWrapper {
  padding-top: 0;
  padding-bottom: 0;
}
header.sticky .BottomHeader .BottomHeaderWrapper .Logo a {
  height: 50px;
  transition: none;
}
header.sticky .BottomHeader .BottomHeaderWrapper .SearchForm {
  display: none;
}
header.sticky .BottomHeader .BottomHeaderWrapper .SearchForm.open {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
header.sticky .BottomHeader .BottomHeaderWrapper .SearchForm.open form {
  width: 50%;
  margin: auto;
}
header.sticky .BottomHeader .BottomHeaderWrapper .MenuIcons .MenuIcon a {
  height: 100%;
  justify-content: center;
}
header.sticky .BottomHeader .BottomHeaderWrapper .MenuIcons .MenuIcon span {
  display: none;
}
header.sticky .BottomHeader .BottomHeaderWrapper .MenuIcons .MenuIcon.Search {
  display: block !important;
}
@media (min-width: 768px) {
  header.sticky .BottomHeader .BottomHeaderWrapper .MenuIcons .MenuIcon.Login, header.sticky .BottomHeader .BottomHeaderWrapper .MenuIcons .MenuIcon.Logout {
    display: block;
  }
}
@media (min-width: 768px) {
  header.sticky .BottomHeader .BottomHeaderWrapper .MenuIcons .MenuIcon.Faq {
    display: none;
  }
}
header.sticky .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart {
  padding: 0;
  background: none;
}
header.sticky .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart a svg {
  margin-right: 0 !important;
}
header.sticky .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartTotalPrice {
  display: none;
}
header.sticky .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent {
  top: 40px;
}
header.sticky .BottomHeader .BottomHeaderWrapper .MenuIcons .Cart .CartContent::before {
  right: 6px;
}
header.sticky .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent {
  top: 51px;
  height: calc(100dvh - 51px);
}

.E-shop {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  background-color: #ee7610;
  color: #fff;
  font-weight: 700;
  padding: 10px;
  width: 270px;
  position: relative;
  z-index: 1;
  top: 41px;
}
.E-shop a {
  color: white;
}
.E-shop .Icon .Bar {
  width: 15px;
  height: 2px;
  background-color: #ffffff;
  margin: 3px 0;
  transition: transform 0.3s ease-in-out;
}

.LevaStranaElements {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) {
  .LevaStranaElements {
    top: 41px;
  }
}
@media only screen and (max-width: 1024px) {
  .LevaStranaElements {
    display: none;
  }
}
.LevaStranaElements .ProductTreeAjax {
  padding: 0.625rem;
  background: #ffffff;
}
@media only screen and (min-width: 992px) {
  .LevaStranaElements .ProductTreeAjax {
    width: 16.875rem;
    margin-right: 0.938rem;
  }
}
.LevaStranaElements .ProductTreeAjax .ProductTreeHeader {
  display: none;
}
.LevaStranaElements .ProductTreeAjax .jstree-no-icons {
  list-style-type: none;
}
.LevaStranaElements .ProductTreeAjax .jstree-no-icons > li:not(:last-of-type) {
  border-bottom: 1px solid #ee7610;
}
.LevaStranaElements .ProductTreeAjax .jstree-no-icons > li.jstree-open > a {
  color: #202330;
}
.LevaStranaElements .ProductTreeAjax .jstree-no-icons li {
  position: relative;
  background: transparent;
}
.LevaStranaElements .ProductTreeAjax .jstree-no-icons li.jstree-open > ins {
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="252 -506 456 52"><path fill="%23ee7610" d="M252.001-454.001v-51.998h455.998v51.998H252.001Z"></path></svg>') center center no-repeat;
}
.LevaStranaElements .ProductTreeAjax .jstree-no-icons li.jstree-open > ins:hover {
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="252 -506 456 52"><path fill="%232ffffff" d="M252.001-454.001v-51.998h455.998v51.998H252.001Z"></path></svg>') center center no-repeat;
}
.LevaStranaElements .ProductTreeAjax .jstree-no-icons li ins {
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="260 -700 440 440"><path fill="%23202330" d="M454.001-454.001h-194v-51.998h194v-194h51.998v194h194v51.998h-194v194h-51.998v-194Z"></path></svg>') center center no-repeat;
  position: absolute;
  right: 0;
  top: 12px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .LevaStranaElements .ProductTreeAjax .jstree-no-icons li ins {
    top: 8px;
  }
}
.LevaStranaElements .ProductTreeAjax .jstree-no-icons li ins:hover {
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="260 -700 440 440"><path fill="%23ee7610" d="M454.001-454.001h-194v-51.998h194v-194h51.998v194h194v51.998h-194v194h-51.998v-194Z"></path></svg>') center center no-repeat;
}
.LevaStranaElements .ProductTreeAjax .jstree-no-icons li ul {
  margin: 0 0.625rem 0 1.25rem;
}
.LevaStranaElements .ProductTreeAjax .jstree-no-icons li ul li {
  margin: 0;
}
.LevaStranaElements .ProductTreeAjax .jstree-no-icons li ul li.jsTreeLiActive a {
  text-decoration: underline;
}
.LevaStranaElements .ProductTreeAjax .jstree-no-icons li ul li ins {
  background: transparent !important;
}
.LevaStranaElements .ProductTreeAjax .jstree-no-icons li a {
  font-size: 14px;
  padding: 0.625rem;
  color: #202330;
  font-weight: 600;
  line-height: 1.313rem;
  height: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .LevaStranaElements .ProductTreeAjax .jstree-no-icons li a {
    padding: 0.313rem;
  }
}
.LevaStranaElements .ProductTreeAjax .jstree-no-icons li a:hover {
  color: #ee7610;
}

.autocompleteContainer {
  background-color: #ffffff;
  border: 1px solid #dadada;
  z-index: 100;
  position: absolute;
  width: 100%;
  text-align: left;
  font-size: 12px;
  line-height: 1.2;
}
.autocompleteContainer .Rows .Row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #4B4B4B;
  padding: 5px;
}
.autocompleteContainer .Categories .Name {
  display: flex;
  align-items: center;
  gap: 1ex;
}
.autocompleteContainer .Products .Rows .Row {
  border-bottom: 1px solid #dadada;
}
.autocompleteContainer .Products .Rows .Row .Image {
  max-width: 59px;
}
.autocompleteContainer .Products .Rows .Row .Info {
  flex-grow: 1;
  flex-shrink: 1;
  width: 50%;
  padding: 0 5px;
}
.autocompleteContainer .Products .Rows .Row .Info .Name {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.autocompleteContainer .Products .Rows .Row .Info .Expedition {
  display: block;
  height: 14px;
  line-height: 1;
}
.autocompleteContainer .Products .Rows .Row .Price {
  font-weight: 700;
  text-align: right;
  color: #202330;
}

.Benefits {
  display: flex;
  margin: 1.25rem 0;
}
@media only screen and (max-width: 1024px) {
  .Benefits {
    flex-wrap: wrap;
    padding: 0 0.938rem;
  }
}
.Benefits .Benefit {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 25%;
  width: 50%;
  margin: 3.125rem 0;
  font-size: 14px;
}
@media only screen and (max-width: 1024px) {
  .Benefits .Benefit {
    flex: 1 1 50%;
    margin: 1rem 0;
  }
}
.Benefits .Benefit .BenefitImage {
  flex: 0 0 75px;
  max-width: 75px;
  display: flex;
  align-items: center;
}
.Benefits .Benefit .BenefitContent {
  line-height: 1.313rem;
  word-break: break-word;
  text-align: center;
}

.Categories .Category {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.Categories .Category:hover {
  transform: scale(1.01);
}
.Categories .Category .CategoryContent {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.Categories .Category .CategoryContent .CategoryTitle {
  font-family: "Russo One", sans-serif;
  font-size: clamp(16px, 1.5vw, 24px);
  line-height: 1.3em;
  color: #ffffff;
  position: absolute;
}
.Categories .Category .CategoryContent .ArrowCircle {
  display: inline-block;
  padding: 2px;
  background-color: #ffffff;
  border-radius: 50%;
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .Categories.NextToSlider {
    display: flex;
  }
  .Categories.NextToSlider .Category {
    flex: 1;
  }
}
@media (min-width: 1025px) {
  .Categories.NextToSlider > a:last-of-type {
    margin-top: 1.25rem;
  }
}
.Categories.NextToSlider > a img {
  height: 100%;
  width: 100%;
  max-height: unset;
}
@media (min-width: 1025px) {
  .Categories.NextToSlider > a img {
    width: auto;
    max-height: 186px;
  }
}
.Categories.NextToSlider .CategoryContent .CategoryTitle {
  left: 27px;
  top: 10%;
}
.Categories.NextToSlider .CategoryContent .ArrowCircle {
  left: 27px;
  bottom: 10%;
}
@media only screen and (max-width: 1024px) {
  .Categories.UnderSlider {
    margin: 0 -0.625rem;
  }
}
@media (min-width: 1025px) {
  .Categories.UnderSlider {
    display: grid;
    grid-template-columns: 210px 439px 439px 210px;
    grid-template-rows: 231px 211px;
    gap: 1.25rem;
  }
  .Categories.UnderSlider .Category.Vrtaky {
    background: url("img/categories_hp/banner-vrtaky-240x475_(002)-1.jpg") no-repeat;
    width: 210px;
    height: 462px;
    background-size: 210px 462px;
  }
  .Categories.UnderSlider .Category.LameloveKotouce {
    background: url("img/categories_hp/lamelov___kotou__e_475x475b.jpg") no-repeat;
    width: 439px;
    height: 462px;
    background-size: 439px 462px;
  }
  .Categories.UnderSlider .Category.ElNaradi {
    background: url("img/categories_hp/keyang_475x228b.jpg") no-repeat;
    width: 439px;
    height: 231px;
    background-size: 439px 231px;
    grid-row-start: 1;
    grid-column-start: 3;
  }
  .Categories.UnderSlider .Category.BrusnePasy {
    background: url("img/categories_hp/banner-brusn___p__sy_475x228b.jpg") no-repeat;
    width: 439px;
    height: 211px;
    background-size: 439px 211px;
    grid-row-start: 2;
    grid-column-start: 3;
  }
  .Categories.UnderSlider .Category.RucniNaradi {
    background: url("img/categories_hp/banner-ru__n___n____ad__-240x475.jpg") no-repeat;
    width: 210px;
    height: 462px;
    background-size: 210px 462px;
  }
}
@media only screen and (max-width: 1024px) {
  .Categories.UnderSlider .Category.Vrtaky {
    background: url("img/categories_hp/mobil/banner-vrt__ky-375x200-1.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 53.3333333333vw;
  }
  .Categories.UnderSlider .Category.LameloveKotouce {
    background: url("img/categories_hp/mobil/lamelov___kotou__e_375x200b-mobil.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 53.3333333333vw;
  }
  .Categories.UnderSlider .Category.ElNaradi {
    background: url("img/categories_hp/mobil/keyang_375x200b-mobil.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 53.3333333333vw;
  }
  .Categories.UnderSlider .Category.BrusnePasy {
    background: url("img/categories_hp/mobil/banner-brusn___p__sy_375x200b.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 53.3333333333vw;
  }
  .Categories.UnderSlider .Category.RucniNaradi {
    background: url("img/categories_hp/mobil/banner-ru__n___n____ad__-375x200.jpg") no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 53.3333333333vw;
  }
}
.Categories.UnderSlider .CategoryContent .CategoryTitle {
  left: 20px;
  top: 20px;
  max-width: 80%;
}
.Categories.UnderSlider .CategoryContent .ArrowCircle {
  left: 20px;
  bottom: 20px;
}

.FaqElement {
  padding-bottom: 4.375rem;
}

.QuestionArea {
  border: 1px solid #f3f1f2;
  margin-bottom: 0.313rem;
}
.QuestionArea .QuestionContent {
  cursor: pointer;
}
.QuestionArea .QuestionContent h5 {
  position: relative;
  font-family: "Russo One", sans-serif;
  font-size: 16px;
  line-height: 1.375rem;
  color: #202330;
  padding: 1.5rem 1.25rem;
  margin: 0;
  font-weight: 400;
}
.QuestionArea .QuestionContent h5.Opened {
  color: #009933;
}
.QuestionArea .QuestionContent h5.Opened::after {
  content: "-";
}
.QuestionArea .QuestionContent h5::after {
  content: "+";
  display: block;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  color: #009933;
  font-size: 22px;
}
.QuestionArea .Answer {
  display: none;
  background: #f3f1f2;
  padding: 1.25rem;
}
.QuestionArea .Answer h6 {
  font-family: "Russo One", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  margin: 1.25rem 0;
  color: #4B4B4B;
  font-weight: 400;
}
.QuestionArea .Answer p {
  font-size: 14px;
  margin: 0;
}
.QuestionArea .Answer li::marker {
  color: #009933;
  font-weight: 700;
}
.QuestionArea .Answer ol li {
  padding: 0.188rem 0 0.188rem 0.375rem;
}

.AboutUsHeader {
  margin: -160px auto 0 auto;
  position: relative;
  z-index: 1;
  height: 307px;
  width: 100%;
}
@media (min-width: 768px) {
  .AboutUsHeader {
    width: 747px;
    padding: 0 1.25rem;
  }
}
@media (min-width: 992px) {
  .AboutUsHeader {
    width: 972px;
  }
}
@media (min-width: 1200px) {
  .AboutUsHeader {
    width: 1178px;
  }
}
@media (min-width: 1400px) {
  .AboutUsHeader {
    width: 1418px;
  }
}
@media (max-width: 767px) {
  .AboutUsHeader {
    margin-top: 0;
    padding-bottom: 4.375rem;
    position: absolute;
    top: 0;
  }
}
.AboutUsHeader img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.AboutUsHeader h1 {
  width: 100%;
  text-align: center;
  font-family: "Russo one", sans-serif;
  font-size: 24px;
  line-height: 2.563rem;
  color: #202330;
  margin: 0;
  position: inherit;
  font-weight: 400;
}
@media (max-width: 767px) {
  .AboutUsHeader h1 {
    background: url("img/mobil-background.png");
    padding: 1.25rem;
  }
}
@media (min-width: 768px) {
  .AboutUsHeader h1 {
    font-size: 50px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}

.AboutUs {
  max-width: 800px;
  margin: 5.938rem auto;
}
.AboutUs p {
  color: #575757;
}
@media (min-width: 768px) {
  .AboutUs {
    margin: 4.375rem auto;
  }
}
.AboutUs .Badges {
  display: flex;
  justify-content: space-between;
  margin: 4.375rem 0 5.625rem 0;
  padding: 0 3.125rem;
}
@media (max-width: 768px) {
  .AboutUs .Badges {
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 0;
  }
}
.AboutUs .Badges .Badge {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 14px;
  line-height: 1.313rem;
  font-weight: 700;
  color: #575757;
  background: url("data:image/svg+xml,%3Csvg width='122' height='141' viewBox='0 0 122 141' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.37822 38.0877L61 5.78216L116.622 38.0877V102.751L61 135.056L5.37822 102.751V38.0877Z' stroke='%23DDDDDD' stroke-width='10'/%3E%3C/svg%3E") no-repeat;
  height: 142px;
  width: 123px;
}
@media (max-width: 768px) {
  .AboutUs .Badges .Badge {
    margin-bottom: 2.188rem;
  }
}
.AboutUs .Badges .Badge span {
  font-family: "Russo One", sans-serif;
  color: #ee7610;
  font-size: 32px;
}
.AboutUs .Orders {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .AboutUs .Orders {
    margin-top: 2.188rem;
  }
}
.AboutUs .Orders > div.Image {
  background-color: #ee7610;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding: 1.25rem 1.2rem;
}
.AboutUs .Orders > div:not(.Image) {
  margin-left: 1.875rem;
}
.AboutUs .Orders > div p {
  margin: 0;
  line-height: 1.375rem;
}
.AboutUs .Orders > div p:not(:first-of-type) {
  font-size: 14px;
}
.AboutUs .Orders > div p:first-of-type {
  font-family: "Russo One", sans-serif;
  font-size: 16px;
  color: #202330;
  margin-bottom: 0.625rem;
}

@media only screen and (max-width: 768px) {
  .kontakt .CategoryBackground {
    display: none;
  }
}
.kontakt .ContactHeader {
  margin: -160px auto 0 auto;
  position: relative;
  z-index: 1;
  width: 100%;
}
@media (min-width: 769px) {
  .kontakt .ContactHeader {
    width: 747px;
    height: 310px;
    padding: 0 1.25rem;
  }
}
@media (min-width: 992px) {
  .kontakt .ContactHeader {
    width: 972px;
  }
}
@media (min-width: 1200px) {
  .kontakt .ContactHeader {
    width: 1178px;
  }
}
@media (min-width: 1400px) {
  .kontakt .ContactHeader {
    width: 1418px;
    height: 375px;
  }
}
@media (max-width: 767px) {
  .kontakt .ContactHeader {
    margin-top: 0;
    background: url("img/kategorie-pozadi.png");
  }
}
.kontakt .ContactHeader img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kontakt .ContactHeader h1 {
  width: 100%;
  text-align: center;
  font-family: "Russo one", sans-serif;
  font-size: 24px;
  line-height: 2.563rem;
  color: #ffffff;
  margin: 0;
  position: relative;
}
@media (max-width: 767px) {
  .kontakt .ContactHeader h1 {
    background: url("img/mobil-background.png");
    color: #202330;
    padding: 1.25rem;
  }
}
@media (min-width: 768px) {
  .kontakt .ContactHeader h1 {
    font-size: 34px;
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.kontakt .ContactHeader .Contacts {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .kontakt .ContactHeader .Contacts {
    flex-direction: column;
    align-items: center;
    gap: 0.625rem;
  }
}
@media (min-width: 768px) {
  .kontakt .ContactHeader .Contacts {
    position: absolute;
    top: 130px;
    justify-content: center;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    gap: 2.5rem;
  }
}
@media (min-width: 1025px) {
  .kontakt .ContactHeader .Contacts {
    top: 160px;
  }
}
.kontakt .ContactHeader .Contacts a {
  font-family: "Russo One", sans-serif;
  font-size: 18px;
  background-color: #202330;
  padding: 1.25rem;
  color: #ee7610;
  line-height: 1.375rem;
}
@media only screen and (max-width: 768px) {
  .kontakt .ContactHeader .Contacts a {
    max-width: fit-content;
  }
}
.kontakt .ContactHeader p {
  color: #202330;
  display: block;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .kontakt .ContactHeader p {
    font-size: 14px;
    padding: 1.25rem 1.25rem;
  }
}
@media (min-width: 768px) {
  .kontakt .ContactHeader p {
    position: absolute;
    bottom: 33px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: 80%;
    color: #ffffff;
  }
}
@media (min-width: 1200px) {
  .kontakt .ContactHeader p {
    max-width: 50%;
  }
}
.kontakt .ContactContent .Store {
  position: relative;
  text-align: center;
  margin-top: 4.375rem;
}
.kontakt .ContactContent .Store .StoreContent {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 992px) {
  .kontakt .ContactContent .Store .StoreContent {
    flex-direction: column;
  }
}
.kontakt .ContactContent .Store .StoreContent iframe {
  width: 50%;
  max-width: 100%;
}
@media only screen and (max-width: 992px) {
  .kontakt .ContactContent .Store .StoreContent iframe {
    width: 100%;
  }
}
.kontakt .ContactContent .Store .StoreContent > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 5.625rem;
  text-align: left;
  background: url("img/prodejna-background.jpg");
  width: 50%;
}
@media only screen and (max-width: 992px) {
  .kontakt .ContactContent .Store .StoreContent > div {
    width: 100%;
    background: none;
    margin-bottom: 10.625rem;
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .kontakt .ContactContent .Store .StoreContent > div {
    padding-bottom: 10.625rem;
  }
}
.kontakt .ContactContent .Store .StoreContent > div h5 {
  font-family: "Russo One", sans-serif;
  font-size: 24px;
  line-height: 1.813rem;
  margin: 0 0 1.875rem 0;
  color: #202330;
  font-weight: 400;
}
.kontakt .ContactContent .Store .StoreContent > div h6 {
  font-family: "Russo One", sans-serif;
  font-size: 14px;
  color: #202330;
  margin: 0.625rem 0 0.938rem 0;
  line-height: 1.063rem;
  font-weight: 400;
}
.kontakt .ContactContent .Store .StoreContent > div h6.kontakt {
  margin-top: 1.875rem;
}
.kontakt .ContactContent .Store .StoreContent > div ul {
  list-style: none;
  text-align: left;
  padding-left: 0;
}
.kontakt .ContactContent .Store .StoreContent > div ul li {
  color: #202330;
  margin-bottom: 0.313rem;
  line-height: 1.313rem;
}
.kontakt .ContactContent .Store .StoreContent > div ul li a {
  color: #ee7610;
  line-height: 1.313rem;
}
.kontakt .ContactContent .Store .StoreContent > div > div a {
  color: #ee7610;
  line-height: 1.313rem;
  margin-bottom: 0.313rem;
}
.kontakt .ContactContent .Store .StoreContent > div > div a.email {
  display: block;
  font-weight: 700;
}
.kontakt .ContactContent .Store .OpeningHours {
  max-width: 300px;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 992px) {
  .kontakt .ContactContent .Store .OpeningHours {
    max-width: 90%;
    width: 100%;
    top: 35%;
  }
}
.kontakt .ContactContent .Store .OpeningHours .Heading {
  font-size: 14px;
  background-color: #ee7610;
  padding: 0.938rem 6.563rem;
  color: #ffffff;
  margin: 0;
}
.kontakt .ContactContent .Store .OpeningHours .Hours {
  background-color: #ffffff;
  padding: 1.25rem 3.125rem;
}
.kontakt .ContactContent .Store .OpeningHours .Hours p {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.kontakt .ContactContent .Store .OpeningHours .Hours p:not(:last-of-type) {
  margin: 0 0 1.25rem 0;
}
.kontakt .ContactContent .Store .OpeningHours .Hours p .Time {
  font-weight: 700;
}
.kontakt .Parts {
  display: flex;
  justify-content: space-between;
  margin-top: 3.125rem;
}
@media only screen and (max-width: 992px) {
  .kontakt .Parts {
    flex-direction: column;
  }
}
.kontakt .Parts .SalesPart h6 {
  font-family: "Russo One", sans-serif;
  font-size: 1.25rem;
  line-height: 29px;
  color: #000000;
  margin: 3.125rem 0 0.938rem 0;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .kontakt .Parts .SalesPart h6 {
    margin-top: 1.875rem;
  }
}
.kontakt .Parts .SalesPart .people {
  display: flex;
  flex-direction: column;
}
.kontakt .Parts .SalesPart .people .person-inner {
  flex: 0 1 33.33%;
  margin-bottom: 1.875rem;
}
@media only screen and (max-width: 480px) {
  .kontakt .Parts .SalesPart .people .person-inner {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .kontakt .Parts .SalesPart .people .person-inner {
    flex: 0 1 100%;
  }
}
.kontakt .Parts .SalesPart .person-inner {
  display: flex;
  gap: 0.875rem;
}
.kontakt .Parts .SalesPart .person-inner .person {
  display: flex;
  flex-direction: column;
}
.kontakt .Parts .SalesPart .person-inner .person p.pozice {
  color: #575757;
  margin: 0 0 0.375rem 0;
}
.kontakt .Parts .SalesPart .person-inner .person p:first-child {
  font-family: "Russo one", sans-serif;
  color: #575757;
  font-size: 16px;
  line-height: 1.375rem;
  margin: 0 0 0.375rem 0;
}
.kontakt .Parts .SalesPart .person-inner .person a {
  font-size: 14px;
  color: #575757;
  display: block;
  margin-bottom: 0.375rem;
}
.kontakt .Parts .SalesPart .person-inner .person a.email {
  color: #ee7610;
}
.kontakt .FormElement {
  margin-top: 6.25rem;
}
.kontakt .FormElement .ElementHeader {
  font-family: "Russo One", sans-serif;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  width: 100%;
  margin: 1.875rem 0;
  grid-row-start: 1;
  grid-row-end: 1;
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (min-width: 1025px) {
  .kontakt .FormElement .ElementHeader {
    text-align: left;
    padding: 0 0.625rem;
    margin: 0.625rem 0;
  }
}
@media (min-width: 1025px) {
  .kontakt .FormElement form {
    display: grid;
    grid-template-columns: 356px 356px auto;
    grid-template-rows: auto;
    grid-auto-rows: auto;
  }
}
.kontakt .FormElement form .img {
  text-align: center;
}
@media (min-width: 1025px) {
  .kontakt .FormElement form .img {
    grid-row-start: 1;
    grid-row-end: 6;
    grid-column-start: 3;
    grid-column-end: 4;
    text-align: right;
    align-self: center;
    margin: 0;
  }
}
.kontakt .FormElement form .form {
  font-size: 14px;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 2;
  margin: 0 1.25rem 1.25rem 0;
  padding: 0 0.625rem;
}
.kontakt .FormElement form .form strong {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.313rem;
  width: fit-content;
  margin: 0 auto 2rem auto;
}
@media (min-width: 1025px) {
  .kontakt .FormElement form .form strong {
    margin: 0 0 0.625rem 0;
  }
}
.kontakt .FormElement form .form strong span {
  margin-right: 0.75rem;
}
.kontakt .FormElement form .field {
  padding: 0 0.625rem;
  margin-bottom: 0.625rem;
}
.kontakt .FormElement form .field:nth-of-type(2) {
  grid-row-start: 8;
}
.kontakt .FormElement form .field:nth-of-type(3) {
  grid-row-start: 8;
}
@media (min-width: 1025px) {
  .kontakt .FormElement form .field:nth-of-type(5) {
    margin-right: 0.625rem;
  }
}
.kontakt .FormElement form .field:nth-last-of-type(3) {
  grid-column-start: 1;
  grid-column-end: 3;
}
.kontakt .FormElement form .field:last-of-type {
  grid-row-start: 5;
  align-self: center;
}
.kontakt .FormElement form label {
  display: block;
  width: 175px;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  padding-right: 1.25rem;
  line-height: 2.5rem;
}
.kontakt .FormElement form input[type=text], .kontakt .FormElement form textarea {
  border: 1px solid #dadada;
  border-radius: 3px;
  padding: 0.625rem 0.75rem;
  background-color: #ffffff;
  color: #202330;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.kontakt .FormElement form textarea {
  height: 140px;
  width: 100%;
}
@media (min-width: 1025px) {
  .kontakt .FormElement form textarea {
    width: calc(100% - 0.625rem);
    margin-right: 0.625rem;
  }
}
.kontakt .FormElement form input[type=text] {
  height: 36px;
  width: 100%;
}
.kontakt .FormElement form input[type=submit] {
  min-width: 210px;
  display: inline-block;
  background: linear-gradient(to bottom, #009933 0%, #009933 50%, #006b24 50%) center top;
  background-size: 101% 200%;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.625rem;
  line-height: 1.313rem;
  position: relative;
  border: 1px solid #009933;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
}
.kontakt .FormElement form input[type=submit]:hover {
  background-position: center bottom;
}
.kontakt .FormElement form .g-recaptcha {
  margin: 1rem 0.625rem 0.625rem 0;
  padding: 0 0.625rem;
  justify-self: flex-end;
}

@media only screen and (max-width: 1024px) {
  .Homepage .mobileHide {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .Homepage .SliderCatWrapper {
    margin: 0 -0.625rem;
  }
}
.Homepage #ObsahStrankyElements_1 {
  max-width: 729px;
  width: 100%;
}
@media (min-width: 768px) {
  .Homepage #ObsahStrankyElements_1 {
    width: 66.66666667%;
  }
}
@media only screen and (max-width: 1024px) {
  .Homepage #ObsahStrankyElements_1 div[id*=slide_] {
    display: block;
    max-width: unset !important;
    max-height: unset !important;
  }
}
.Homepage #ObsahStrankyElements_1 .swiper-slide {
  width: 100% !important;
}
.Homepage #ObsahStrankyElements_1 .swiper-slide-title {
  position: absolute;
  left: 25px;
  top: 13%;
  width: 100%;
  max-width: 340px;
}
@media (min-width: 1025px) {
  .Homepage #ObsahStrankyElements_1 .swiper-slide-title {
    left: 60px;
  }
}
.Homepage #ObsahStrankyElements_1 .swiper-slide-title span {
  font-family: "Russo One", sans-serif;
  font-size: 23px;
  line-height: 1.75rem;
  color: #ffffff;
}
@media (min-width: 1025px) {
  .Homepage #ObsahStrankyElements_1 .swiper-slide-title span {
    font-size: 34px;
    line-height: 2.563rem;
  }
}
.Homepage #ObsahStrankyElements_1 .swiper-pagination-bullet {
  width: 13px;
  height: 13px;
  background-color: #ffffff;
  opacity: 1;
}
.Homepage #ObsahStrankyElements_1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ee7610;
}
.Homepage #ObsahStrankyElements_4 .swiper-slide {
  width: 100% !important;
  text-align: center;
}
@media (min-width: 768px) {
  .Homepage #ObsahStrankyElements_4 .swiper-slide {
    width: 33.3333333333% !important;
  }
}
@media (min-width: 1025px) {
  .Homepage #ObsahStrankyElements_4 .swiper-slide {
    width: 20% !important;
  }
}
.Homepage #ObsahStrankyElements_4 .swiper-button-next {
  right: -2px;
}
.Homepage #ObsahStrankyElements_4 .swiper-button-prev {
  left: -2px;
}

header.sticky .LoginContainer {
  top: 13px;
}
header.sticky .LoginContainer::before {
  right: 88px;
}
header .LoginContainer {
  position: absolute;
  right: 0;
  top: -112px;
  z-index: 10;
  width: 430px;
  max-height: 500px;
  border: 1px solid #dadada;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.16);
  background: #ffffff;
}
header .LoginContainer::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: -9px;
  right: 135px;
  width: 16px;
  height: 16px;
  border-top-style: solid;
  border-top-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
  box-shadow: none;
  border-color: #dadada;
  background-color: #ffffff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media (min-width: 768px) {
  .LoginContainer {
    padding: 1.25rem;
  }
}
.LoginContainer h1, .LoginContainer h2 {
  font-weight: 400;
}
.LoginContainer h1 {
  font-size: 24px;
}
.LoginContainer h2 {
  font-size: 18px;
}
.LoginContainer .Row {
  margin-bottom: 1.25rem;
}
.LoginContainer .Row input {
  border: 1px solid #dadada;
  outline: 0;
  width: 100%;
  height: 36px;
  padding: 0.625rem 0.75rem;
  border-radius: 3px;
  box-shadow: none;
  color: #575757;
}
.LoginContainer .Row input::placeholder {
  color: #b2b2b2;
}
.LoginContainer .Row .Error {
  color: #ffffff;
}
.LoginContainer .Row.Buttons {
  display: flex;
  justify-content: space-between;
}
.LoginContainer .Row.Buttons a {
  color: #202330;
  display: block;
}
.LoginContainer .Row.Buttons button {
  color: #ffffff;
  background: linear-gradient(to bottom, #ee7610 0%, #ee7610 50%, #c56103 50%) center top;
  background-size: 101% 200%;
  border: 1px solid #ee7610;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.313rem;
  padding: 0.313rem 0.938rem;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.LoginContainer .Row.Buttons button:hover {
  background-position: center bottom;
}

.Container.registrace .LevaStranaElements,
.Container.zapomenute-heslo .LevaStranaElements,
.Container.zapomenute-heslo-generuj .LevaStranaElements {
  display: none;
}
.Container.registrace .scat-registrace .container:not(.Breadcrumb),
.Container.registrace .scat-zapomenute-heslo .container:not(.Breadcrumb),
.Container.registrace .scat-zapomenute-heslo-generuj .container:not(.Breadcrumb),
.Container.zapomenute-heslo .scat-registrace .container:not(.Breadcrumb),
.Container.zapomenute-heslo .scat-zapomenute-heslo .container:not(.Breadcrumb),
.Container.zapomenute-heslo .scat-zapomenute-heslo-generuj .container:not(.Breadcrumb),
.Container.zapomenute-heslo-generuj .scat-registrace .container:not(.Breadcrumb),
.Container.zapomenute-heslo-generuj .scat-zapomenute-heslo .container:not(.Breadcrumb),
.Container.zapomenute-heslo-generuj .scat-zapomenute-heslo-generuj .container:not(.Breadcrumb) {
  margin-top: 0.375rem;
  max-width: 500px;
  width: 100%;
}

@media only screen and (min-width: 480px) {
  .scat-registrace .Box:not(:first-of-type) label {
    width: 175px;
    line-height: 2.5rem;
  }
}

@media only screen and (min-width: 480px) {
  .scat-zmena-udaju .Box label {
    width: 175px;
    line-height: 2.5rem;
  }
}

@media only screen and (min-width: 480px) {
  .scat-zmena-udaju-heslo .Box label {
    width: 175px;
    line-height: 2.5rem;
  }
}

.Registration h2 {
  font-size: 24px;
  font-weight: 400;
}
.Registration .Box:not(.Buttons) {
  padding: 0 1.25rem 1.25rem 0;
}
.Registration .Box .orderRow {
  margin-bottom: 0.25rem;
}
.Registration .Box .orderRow.ic {
  flex-wrap: wrap;
}
.Registration .Box .orderRow.DIC {
  position: relative;
}
.Registration .Box .orderRow .form_input {
  position: relative;
}
@media only screen and (min-width: 480px) {
  .Registration .Box .orderRow {
    display: flex;
    align-items: center;
  }
}
.Registration .Box h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 2.5rem;
  margin-top: 0;
}
.Registration .Box label {
  font-size: 14px;
}
@media only screen and (min-width: 480px) {
  .Registration .Box label {
    margin-bottom: 0;
    padding-right: 1.25rem;
  }
}
.Registration .Box label.Light {
  color: #575757;
  line-height: 1.25rem;
  padding-left: 0.25rem;
}
.Registration .Box label span {
  padding-left: 0.25rem;
  color: #d63500;
}
.Registration .Box input:not(.Radio) {
  display: block;
  height: 36px;
  padding: 0.625rem 0.75rem;
  border-radius: 3px;
  box-shadow: none;
  border: 1px solid #dadada;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #202330;
  background-color: #ffffff;
  width: 100%;
}
.Registration .Box input:not(.Radio):read-only {
  background: #dadada;
  cursor: not-allowed;
}
@media only screen and (min-width: 480px) {
  .Registration .Box input:not(.Radio) {
    width: 217px;
  }
}
.Registration .Box input::placeholder {
  color: #b2b2b2;
}
.Registration .Box input.Radio {
  line-height: 1.25rem;
  margin-top: 0;
}
.Registration .Box select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 6px 45px 6px 20px;
  line-height: 22px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA6CAIAAABNgoyqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHNJREFUeNrs2LsNwDAIRVE7CzAp07AlU4QqRZQUeSgfRfeVIPlINqLwzEwzG49nGS8FGBgYGBgYGBgYGBj4t7C7y90WHBFnp1e9ujde9aF9VRXfeGcLqj5cm62pldn5EZDVLswCAQYGBgYGBgYG/ha8CjAAkdEmwUnCSO4AAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: right center;
  color: #575757;
  background-color: #ffffff;
  border: 1px solid #dadada;
  border-radius: 3px;
  box-shadow: none;
  height: 36px;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .Registration .Box select {
    width: 217px;
  }
}
.Registration .CheckBoxes {
  padding: 0.5rem 0 0.5rem 0;
}
.Registration .CheckBoxLine {
  position: relative;
  margin-bottom: 1.25rem;
}
.Registration .CheckBoxLine label, .Registration .CheckBoxLine a {
  font-size: 14px;
  padding-left: 1.25rem;
  color: #575757;
}
.Registration .CheckBoxLine a {
  padding-left: 0;
  text-decoration: underline;
}
.Registration .CheckBoxLine input.checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.Registration .CheckBoxLine input[type=checkbox] + label::before {
  border: 1px solid #dadada;
  left: 0;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  transform: translateY(-50%);
}
@media only screen and (max-width: 480px) {
  .Registration .CheckBoxLine input[type=checkbox] + label[for=gdpr]::before {
    top: 25%;
  }
}
.Registration .CheckBoxLine input[type=checkbox]:checked + label::before {
  background-color: #239ceb;
}
.Registration .CheckBoxLine input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  transform: translateY(-50%);
  border: 1px solid #ffffff;
  background-color: #239ceb;
  width: 10px;
  height: 10px;
  left: 2px;
}
@media only screen and (max-width: 480px) {
  .Registration .CheckBoxLine input[type=checkbox] + label[for=gdpr]::after {
    top: 25%;
  }
}
.Registration button {
  color: #ffffff;
  background: linear-gradient(to bottom, #ee7610 0%, #ee7610 50%, #c56103 50%) center top;
  background-size: 101% 200%;
  border: 1px solid #ee7610;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.313rem;
  padding: 0.313rem 0.938rem;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.Registration button:hover {
  background-position: center bottom;
}

.ui-menu {
  max-height: 120px;
  overflow-x: hidden;
  box-shadow: 0 0 5px 1px #c0c0c0;
  background: white;
}

.ErrorRow {
  flex-wrap: wrap;
}
.ErrorRow .Error {
  width: 100%;
  color: #ffffff;
}
.ErrorRow input {
  border-color: #d63500;
}
.ErrorRow .form_input {
  position: relative;
}
.ErrorRow .form_input .ErrorWrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding-right: 2px;
  align-items: center;
}
.ErrorRow .form_input .ErrorWrapper .ErrorIcons {
  width: 16px;
  height: 16px;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.ErrorRow .form_input .ErrorWrapper .ErrorIcons:hover {
  cursor: help;
  background: lightgray;
}
.ErrorRow .form_input .ErrorWrapper .ErrorIcons svg {
  width: 12px;
  height: 12px;
  fill: #d63500;
}

#CentralPart #advancedSearchAjaxTarget {
  display: none;
}
#CentralPart[class*=scat-] #advancedSearchAjaxTarget {
  display: block;
}
#CentralPart.cat-obchod.vyhledavani .AdvancedSearch {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .page--product-list .mobileHide, .page--product-list .Path {
    display: none;
  }
}
.page--product-list .ProductBoxElement {
  margin-bottom: 1.875rem;
}
.page--product-list .ProductBoxElement .ProductBoxHeader {
  font-family: "Russo one", sans-serif;
  font-size: 24px;
  line-height: 1.875rem;
  margin-top: 3.125rem;
  margin-bottom: 1.25rem;
  color: #000000;
}
.page--product-list .ProductBoxElement ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.page--product-list .ProductBoxElement ul li {
  display: flex;
  align-items: center;
  max-height: 40px;
  border-bottom: 1px solid #f2f1ec;
  padding: 0;
  margin-bottom: 1px;
  flex-grow: 0;
  flex-shrink: 0;
}
.page--product-list .ProductBoxElement ul .Counter {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  background: #4B4B4B;
  width: 40px;
  height: 40px;
}
.page--product-list .ProductBoxElement ul .ProductImage {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 0.5rem;
}
.page--product-list .ProductBoxElement ul .ProductImage a {
  display: flex;
  width: 40px;
  min-height: 40px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}
.page--product-list .ProductBoxElement ul .ProductImage a img {
  max-width: 85%;
}
.page--product-list .ProductBoxElement ul .ProductBoxName, .page--product-list .ProductBoxElement ul .priceDiv {
  color: #4B4B4B;
  font-size: 14px;
  line-height: 1.875rem;
  font-weight: 700;
}
.page--product-list .ProductBoxElement ul .priceDiv {
  font-family: "Russo One", sans-serif;
  margin-left: auto;
}

.CategoryDropdown {
  position: relative;
  padding: 0.625rem;
  background-color: #ee7610;
  color: #ffffff;
  font-weight: 700;
  margin: 2.188rem 0;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1025px) {
  .CategoryDropdown {
    display: none;
  }
}
.CategoryDropdown .Icon .Bar {
  width: 1.5rem;
  height: 0.125rem;
  background-color: #ffffff;
  margin: 0.313rem 0;
  transition: transform 0.3s ease-in-out;
}
.CategoryDropdown #DropdownContent {
  position: absolute;
  top: 46px;
  width: 100%;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  flex-direction: column;
  padding-left: 0;
  margin-top: 0;
  right: 0;
  max-height: 300px;
  overflow: scroll;
}
.CategoryDropdown #DropdownContent .LevaStranaElements .ProductTreeAjax {
  width: 100%;
  background: #ffffff;
}
.CategoryDropdown #DropdownContent .LevaStranaElements .ProductTreeAjax .jstree-no-icons li > ins {
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="260 -700 440 440"><path fill="%23202330FF" d="M454.001-454.001h-194v-51.998h194v-194h51.998v194h194v51.998h-194v194h-51.998v-194Z"></path></svg>') center center no-repeat;
}
.CategoryDropdown #DropdownContent .LevaStranaElements .ProductTreeAjax .jstree-no-icons li a {
  color: #202330;
}
.CategoryDropdown #DropdownContent .LevaStranaElements .ProductTreeAjax .jstree-no-icons > li.jstree-open > ins {
  background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="252 -506 456 52"><path fill="%23202330FF" d="M252.001-454.001v-51.998h455.998v51.998H252.001Z"></path></svg>') center center no-repeat;
}
.CategoryDropdown #DropdownContent .LevaStranaElements .ProductTreeAjax .jstree-no-icons > li.jstree-open > a {
  color: #ee7610;
}

.ImgSubcats {
  position: relative;
  margin-top: 1rem;
}

.ProductListContainer .Path {
  position: absolute;
  top: 0;
  z-index: 1;
}
.ProductListContainer .CategoryBackground {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  background: url("img/kategorie-pozadi.jpg");
  background-size: cover;
  background-position: center bottom;
  height: 150px;
}
@media only screen and (max-width: 1024px) {
  .ProductListContainer .CategoryBackground {
    display: none;
  }
}
.ProductListContainer .CategoryHeader {
  position: relative;
  top: 40px;
}
@media (min-width: 1025px) {
  .ProductListContainer .CategoryHeader {
    margin: 2rem 0 3.5rem 1rem;
    position: absolute;
    top: 40px;
  }
}
.ProductListContainer .CategoryHeader h1 {
  font-family: "Russo one", sans-serif;
  color: #ffffff;
  font-size: 34px;
  line-height: 2.563rem;
  font-weight: 400;
}
.ProductListContainer h5 {
  font-family: "Russo One", sans-serif;
  font-size: 24px;
  line-height: 1.813rem;
  color: #202330;
  margin-top: 1.75rem;
  margin-bottom: 0.625rem;
}

.ProductListArea {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .ProductListArea {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1025px) {
  .ProductListArea {
    display: grid;
    grid-template-columns: repeat(4, minmax(100px, 1fr));
  }
}

.ProductRow:not(:last-of-type) {
  border-bottom: 1px solid #f2f1ec;
}

.Product {
  display: flex;
  height: 100%;
  padding: 0.5rem;
  position: relative;
  transition: all 1s ease 0s;
  box-shadow: 0px 0px 10px 0px rgba(178, 178, 178, 0.3);
  border-radius: 5px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .Product {
    width: calc(50% - 1.125rem);
  }
}
.Product:not(.Row) {
  flex-direction: column;
}
.Product:not(.Row) .ProductImage {
  height: 110px;
  min-height: 180px;
  margin-top: 10px;
}
.Product:not(.Row) .ProductImage a {
  height: 100%;
}
.Product:not(.Row) .ProductImage a img {
  max-height: 190px;
}
.Product:not(.Row) .ProductName a {
  height: 75px;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Product:not(.Row) .ProductDescription {
  height: 42px;
  overflow: hidden;
}
.Product:not(.Row) .ProductNumber {
  position: absolute;
  top: 5px;
  right: 10px;
  background: #ffffff;
}
.Product.Row {
  justify-content: space-between;
}
.Product.Row .LeftPart {
  display: flex;
  gap: 0.75rem;
  padding-right: 1rem;
}
.Product.Row .LeftPart .ProductImage img {
  max-height: 80px;
}
.Product.Row .LeftPart .ProductNumber {
  margin-bottom: 0.313rem;
}
.Product.Row .RightPart {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 20%;
}
.Product .ProductImage a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.625rem;
  text-align: center;
  height: 100%;
}
.Product .ProductImage a img {
  vertical-align: middle;
}
.Product .ProductNumber {
  font-size: 14px;
  color: #b2b2b2;
}
.Product .ProductName {
  margin: 0;
}
.Product .ProductName a {
  font-size: 16px;
  color: #4B4B4B;
  font-weight: 600;
  display: block;
}
.Product .ProductDescription {
  font-size: 14px;
  color: #575757;
}
.Product .ExpeditionInfo {
  min-height: 10px;
}
.Product .ExpeditionInfo .Value {
  font-size: 12px;
  line-height: 1.25rem;
  font-weight: 700;
  color: #009933;
  text-transform: uppercase;
}
.Product .ExpeditionInfo span > span {
  margin-left: 0.25rem;
}
.Product .expPr {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.Product .BottomProduct {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 10px;
}
.Product .BottomProduct .AmountInput {
  position: relative;
  vertical-align: middle;
  display: flex;
  padding-left: 0;
  border: 1px solid rgba(218, 218, 218, 0.7);
  border-radius: 3px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1;
  height: 32px;
  transition: all 1s ease 0s;
}
.Product .BottomProduct .AmountInput input {
  width: 50px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: right;
  font-family: Arial, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #dadada;
  transition: all 1s ease 0s;
  text-align: center;
}
.Product .BottomProduct .AmountInput input:focus-visible {
  outline: none;
}
.Product .BottomProduct .AmountInput .IncreaseAmount {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  left: auto;
  cursor: pointer;
  border-left: 1px solid #dadada;
  background: #f3f1f2;
  top: 0;
  transition: all 1s ease 0s;
  font-size: 18px;
  font-weight: 700;
}
.Product .BottomProduct .AmountInput .IncreaseAmount:before {
  content: "+";
  transition: all 1s ease 0s;
}
.Product .BottomProduct .AmountInput .DecreaseAmount {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  right: auto;
  left: 0;
  cursor: pointer;
  border-right: 1px solid rgba(218, 218, 218, 0.7);
  background: #f3f1f2;
  top: 0;
  transition: all 1s ease 0s;
  order: -1;
  font-size: 18px;
  font-weight: 700;
}
.Product .BottomProduct .AmountInput .DecreaseAmount:before {
  content: "-";
  transition: all 1s ease 0s;
}
.Product .BottomProduct .Buttons {
  /*flex-grow: 0;
    flex-shrink: 1;
    text-align: right;*/
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.Product .BottomProduct .Buttons .Basket {
  display: flex;
  align-items: center;
  height: 32px;
  background: linear-gradient(to bottom, #ee7610 0%, #ee7610 50%, #ca640e 50%) center top;
  background-size: 101% 200%;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  padding: 0.625rem;
  line-height: 1.313rem;
  position: relative;
  border: 1px solid #ee7610;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
}
.Product .BottomProduct .Buttons .Basket:hover {
  background-position: center bottom;
}
.Product .Prices {
  text-align: right;
}
.Product .Prices .ProductPrice {
  font-size: 13px;
  color: #4B4B4B;
}
.Product .Prices .ProductPriceWithoutTax strong {
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
}
.Product:hover {
  box-shadow: 0px 0px 10px 0px rgba(178, 178, 178, 0.8);
}
.Product:hover .AmountInput {
  border-color: rgba(218, 218, 218, 0.9);
}
.Product:hover .AmountInput input {
  color: black;
}
.Product:hover .AmountInput .IncreaseAmount {
  border-color: rgba(218, 218, 218, 0.9);
}
.Product:hover .AmountInput .IncreaseAmount:before {
  font-weight: bold;
}
.Product:hover .AmountInput .IncreaseAmount:hover:before {
  color: orange;
}
.Product:hover .AmountInput .DecreaseAmount {
  border-color: rgba(218, 218, 218, 0.9);
}
.Product:hover .AmountInput .DecreaseAmount:before {
  font-weight: bold;
}
.Product:hover .AmountInput .DecreaseAmount:hover:before {
  color: orange;
}

.AdvancedSearch {
  background: #f2f1ec;
}

.AdvancedSearchButton {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem;
  background: #f2f1ec;
}
.AdvancedSearchButton .SubHeader2 {
  display: flex;
  align-items: center;
}
.AdvancedSearchButton .SubHeader2 span {
  font-family: "Russo one", sans-serif;
  position: relative;
  padding-left: 0.75rem;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.125rem;
  text-transform: none;
  cursor: pointer;
}
.AdvancedSearchButton .Button {
  color: #ee7610;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.313rem;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
}

.ParSearch .ParSearchLinks {
  display: flex;
  flex-wrap: wrap;
  background-color: #f2f1ec;
  border-top: 1px solid #ee7610;
  padding: 0 0.625rem;
}
.ParSearch .ParSearchLinks .HeaderParameter {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ParSearch .ParSearchLinks .HeaderParameter a {
  font-size: 0.75rem;
  font-weight: 700;
  color: #d63500;
  display: flex;
  align-items: center;
}
.ParSearch .ParSearchLinks .HeaderParameter a:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='200 -760 560 560'%3E%3Cpath fill='%23d63500' d='m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  margin-right: 0.25rem;
}
.ParSearch .ParSearchLinks .ParameterItemsWrapper.HiddenParam {
  display: none;
}
.ParSearch .ParSearchLinks .ParameterWrapper {
  margin-right: 1.875rem;
  padding: 0.5rem 0;
  /*@include g.md {
    &:nth-child(-n+2) {
      width: calc(50% - 1.875rem);
    }
  }*/
}
@media only screen and (max-width: 767px) {
  .ParSearch .ParSearchLinks .ParameterWrapper {
    width: 100%;
  }
}
.ParSearch .ParSearchLinks .ParameterWrapper h4 {
  font-weight: 700;
  line-height: 1.1;
  font-size: 14px;
  color: #000000;
  margin: 0.313rem 0;
  word-break: break-word;
  display: flex;
  align-items: center;
  gap: 0.275rem;
  cursor: pointer;
}
.ParSearch .ParSearchLinks .ParameterWrapper .ParameterItems {
  display: flex;
  flex-wrap: wrap;
  gap: 0.313rem;
}
.ParSearch .ParSearchLinks .ParameterWrapper .ParameterItems .ParameterItem a {
  display: inline-block;
  border: 1px solid #dddddd;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0.625rem;
  font-size: 14px;
  line-height: 1.25rem;
  color: #202330;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ParSearch .ParSearchLinks .ParameterWrapper .ParameterItems .ParameterItem a:hover {
  color: #009933;
}
.ParSearch .ParSearchLinks .ParameterWrapper .ParameterItems .ParameterItemActive a {
  color: #ee7610;
  background: #ffffff;
  font-weight: 700;
}
.ParSearch .ParSearchLinks .ParameterWrapper .ParameterItems label {
  display: inline-block;
  border: 1px solid #dddddd;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0.625rem;
  font-size: 14px;
  line-height: 1.25rem;
  color: #202330;
  margin-right: 0.313rem;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ParSearch .ParSearchLinks .ParameterWrapper .ParameterItems label:hover {
  color: #009933;
}
.ParSearch .ParSearchLinks .ParameterWrapper .ParameterItems input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.loadNextPageContainer {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 1.25rem 0;
  grid-column-start: 1;
  grid-column-end: 5;
  justify-self: center;
}
.loadNextPageContainer:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #575757;
  top: 23px;
}
.loadNextPageContainer .loadNextPage {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5rem;
  background-color: #ffffff;
  color: #ee7610;
  padding: 0.625rem 1.25rem;
  text-transform: none;
  border: none;
  text-align: center;
  position: relative;
  z-index: 2;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.loadNextPageContainer .path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}
.loadNextPageContainer .spinner-wrapper {
  position: absolute;
  z-index: 3;
  background: #ffffff;
}
.loadNextPageContainer .spinner {
  animation: rotator 1.4s linear infinite;
}
@keyframes colors {
  0% {
    stroke: #ee7610;
  }
  50% {
    stroke: #009933;
  }
  100% {
    stroke: #ee7610;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}

.TopPageControls {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
  padding: 0 1.25rem;
  background-color: #f2f1ec;
  margin-top: 2.75rem;
}
.TopPageControls select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='253.85 -626.15 452.31 268.31'%3E%3Cpath d='M480-357.847 253.847-584 296-626.153l184 184 184-184L706.153-584 480-357.847Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  background-position-x: 120px;
  background-position-y: center;
  padding: 0.25rem 2.5rem 0.25rem 0.75rem !important;
  border: none;
  border-radius: 0;
  width: 145px;
  font-size: 14px;
  line-height: 1.25rem;
  cursor: pointer;
}
.TopPageControls .ShowAs {
  display: flex;
  gap: 0.5rem;
}
@media only screen and (max-width: 767px) {
  .TopPageControls .ShowAs {
    display: none;
  }
}
.TopPageControls .ShowAs svg path {
  fill: #202330;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.TopPageControls .ShowAs svg:hover path {
  fill: #ee7610;
}

.BottomPageControls .Paging {
  display: flex;
  justify-content: right;
}
.BottomPageControls .PrevPageLink, .BottomPageControls .NextPageLink {
  display: none;
}
.BottomPageControls a {
  background: #f2f1ec;
  padding: 5px 10px;
  margin: 0 5px;
}
.BottomPageControls a:hover {
  background: #ee7610;
  color: #ffffff;
}
.BottomPageControls .CurrentPage {
  background: #ee7610;
  padding: 5px 10px;
  display: inline-block;
  color: #ffffff;
  font-weight: 600;
}

.page--product-detail .mobileHide, .page--product-detail .LevaStranaElements, .page--product-detail #ObsahStrankyElements_3 {
  display: none;
}
.page--product-detail #CentralPart:not(.OneColumnLayout, .scat-registrace) .CentralPartContent .ObsahStrankyElements {
  width: 100%;
}

.ProductDetail h1 {
  font-family: "Russo one", sans-serif;
  color: #000000;
  font-size: 24px;
  line-height: 2.563rem;
  margin: 0.938rem 0;
  font-weight: 400;
}
.ProductDetail .TopTable .BackToCat {
  font-size: 14px;
  line-height: 1.313rem;
  color: #000000;
  margin-bottom: 2.5rem;
  display: flex;
  align-items: center;
  gap: 0.313rem;
}
.ProductDetail .TopTable .TopPart {
  display: flex;
}
@media only screen and (max-width: 992px) {
  .ProductDetail .TopTable .TopPart {
    flex-direction: column;
  }
}
.ProductDetail .TopTable .TopPart .ProductInfoWrapper {
  padding: 0 1.25rem;
  margin-top: 2.5rem;
}
@media only screen and (min-width: 992px) {
  .ProductDetail .TopTable .TopPart .ProductInfoWrapper {
    width: 55%;
  }
}
.ProductDetail .TopTable .TopPart .ProductInfoWrapper .ProductInfo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.25rem;
}
.ProductDetail .TopTable .TopPart .ProductInfoWrapper .ProductInfo .ProductNumber {
  font-size: 14px;
  color: #575757;
}
.ProductDetail .TopTable .TopPart .ProductInfoWrapper .ProductInfo .ProductNumber span:first-of-type {
  font-weight: 700;
}
.ProductDetail .TopTable .TopPart .ProductInfoWrapper .ProductInfo .ProductNumber span:last-of-type {
  text-transform: uppercase;
  text-decoration: underline;
}
.ProductDetail .TopTable .TopPart .ProductInfoWrapper .ProductDescription {
  font-size: 14px;
  color: #575757;
  margin: 0 0 1.25rem 0;
}
.ProductDetail .TopTable .TopPart .ProductImageWrapper {
  margin-top: 2.5rem;
  padding: 0 2.813rem 1.875rem;
}
.ProductDetail .TopTable .TopPart .ProductImageWrapper .ProductImageWrapperIn {
  position: sticky;
  top: 0;
}
@media only screen and (min-width: 992px) {
  .ProductDetail .TopTable .TopPart .ProductImageWrapper {
    width: 45%;
  }
}
.ProductDetail .TopTable .TopPart .ProductImageWrapper .ExtGallery {
  padding-top: 2.5rem;
}
.ProductDetail .TopTable .TopPart .ProductImageWrapper .ExtGallery .BigImages {
  display: flex;
  width: 100% !important;
  justify-content: center;
}
.ProductDetail .TopTable .TopPart .ProductImageWrapper .ExtGallery .BigImages .BigImage {
  position: relative !important;
}
.ProductDetail .TopTable .TopPart .ProductImageWrapper .ExtGallery .BigImages .BigImage img {
  max-height: 350px;
}
.ProductDetail .TopTable .TopPart .ProductImageWrapper .ExtGallery .Bottom .SmallImagesRow {
  display: flex;
  justify-content: center;
}
.ProductDetail .TopTable .TopPart .ProductImageWrapper .ExtGallery .Bottom .SmallImagesRow .Item {
  margin: 10px;
  box-shadow: 0px 0px 10px 0px rgba(178, 178, 178, 0.3);
  border-radius: 5px;
  transition: all 0.3s ease-out;
  padding: 5px;
}
.ProductDetail .TopTable .TopPart .ProductImageWrapper .ExtGallery .Bottom .SmallImagesRow .Item a {
  padding: 0 !important;
}
.ProductDetail .TopTable .TopPart .ProductImageWrapper .ExtGallery .Bottom .SmallImagesRow .Item:hover {
  box-shadow: 0px 0px 10px 0px rgba(178, 178, 178, 0.9);
}
.ProductDetail .TopTable .TopPart .ProductImageWrapper .ExtNoGallery {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ProductDetail .TopTable .TopPart .BottomTable {
  display: flex;
  align-items: center;
  background-color: #f2f1ec;
  padding: 0.88rem 1.25rem;
}
@media only screen and (max-width: 767px) {
  .ProductDetail .TopTable .TopPart .BottomTable {
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 1.25rem;
  }
}
.ProductDetail .TopTable .TopPart .BottomTable .Availability {
  font-size: 14px;
  flex: 1;
}
.ProductDetail .TopTable .TopPart .BottomTable .Availability .AvailabilityLabel {
  font-weight: 700;
}
.ProductDetail .TopTable .TopPart .BottomTable .Price .without {
  font-family: "Russo one", sans-serif;
  color: #202330;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: 0.125rem;
}
.ProductDetail .TopTable .TopPart .BottomTable .Price .with {
  font-size: 14px;
  color: #4B4B4B;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount .AmountInput {
  position: relative;
  vertical-align: middle;
  display: flex;
  padding-left: 0;
  border: 1px solid rgba(218, 218, 218, 0.7);
  border-radius: 3px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1;
  height: 32px;
  transition: all 1s ease 0s;
  margin-right: 1rem;
  margin-left: 1rem;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount .AmountInput input {
  width: 50px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: right;
  font-family: Arial, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #000000;
  transition: all 1s ease 0s;
  text-align: center;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount .AmountInput input:focus-visible {
  outline: none;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount .AmountInput .IncreaseAmount {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0;
  left: auto;
  cursor: pointer;
  border-left: 1px solid #dadada;
  background: #f3f1f2;
  top: 0;
  transition: all 1s ease 0s;
  font-size: 18px;
  font-weight: 700;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount .AmountInput .IncreaseAmount:before {
  content: "+";
  transition: all 1s ease 0s;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount .AmountInput .DecreaseAmount {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  right: auto;
  left: 0;
  cursor: pointer;
  border-right: 1px solid rgba(218, 218, 218, 0.7);
  background: #f3f1f2;
  top: 0;
  transition: all 1s ease 0s;
  order: -1;
  font-size: 18px;
  font-weight: 700;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount .AmountInput .DecreaseAmount:before {
  content: "-";
  transition: all 1s ease 0s;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount .Counter {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  padding-left: 0;
  padding-right: 1.875rem;
  margin: 0.625rem;
  border: 1px solid #dddddd;
  background-color: #ffffff;
  height: 2.5rem;
  font-size: 13px;
  font-weight: 300;
  line-height: 1;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount .Counter input {
  display: inline-block;
  background: inherit;
  color: inherit;
  width: 2.5rem;
  height: 2.375rem;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  text-align: right;
  font-family: Arial, sans-serif;
  font-style: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount .Counter .IncreaseAmount, .ProductDetail .TopTable .TopPart .BottomTable .ProductCount .Counter .DecreaseAmount {
  position: absolute;
  right: 0;
  left: auto;
  width: 1.25rem;
  height: 1.25rem;
  color: inherit;
  cursor: pointer;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount .Counter .IncreaseAmount::before, .ProductDetail .TopTable .TopPart .BottomTable .ProductCount .Counter .DecreaseAmount::before {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 1.438rem;
  text-align: center;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount .Counter .IncreaseAmount {
  top: 0;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount .Counter .IncreaseAmount::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='288 -576 384 192'%3E%3Cpath fill='%23ee7610' d='m288-384 192-192 192 192H288Z'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  top: 0.313rem;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount .Counter .DecreaseAmount {
  bottom: 0;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount .Counter .DecreaseAmount::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='288 -576 384 192'%3E%3Cpath fill='%23ee7610' d='m288-384 192-192 192 192H288Z'%3E%3C/path%3E%3C/svg%3E");
  transform: rotateX(180deg);
  display: inline-block;
  line-height: 1.438rem;
  top: -0.313rem;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount button {
  background: linear-gradient(to bottom, #ee7610 0%, #ee7610 50%, #ca640e 50%) center top;
  background-size: 101% 200%;
  font-size: 14px;
  font-weight: 700;
  height: 32px;
  padding: 0 1rem;
  line-height: 1.313rem;
  position: relative;
  border: 1px solid #ee7610;
  color: #ffffff;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.ProductDetail .TopTable .TopPart .BottomTable .ProductCount button:hover {
  background-position: center bottom;
}
.ProductDetail .TopTable .TopPart .ProductSubMenu {
  margin-top: 0.25rem;
}
.ProductDetail .TopTable .TopPart .ProductSubMenu ul {
  display: flex;
  position: relative;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.ProductDetail .TopTable .TopPart .ProductSubMenu ul li a {
  display: flex;
  font-size: 14px;
  color: #575757;
  margin: 0;
  padding: 0 0.625rem;
}
.ProductDetail .TopTable .TopPart .ProductSubMenu ul li a::before {
  display: inline-block;
  margin-right: 0.75rem;
}
.ProductDetail .TopTable .TopPart .ProductSubMenu ul li.Print a::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='25' viewBox='127.54 -783.69 704.92 619.69'%3E%3Cpath fill='%23575757' d='M648-611.691v-120H312v120h-51.999V-783.69h439.998v171.999H648Zm-468.461 51.998h601.922-601.922Zm520.558 96q15.21 0 25.71-10.289 10.5-10.29 10.5-25.5 0-15.211-10.289-25.711-10.29-10.5-25.5-10.5-15.211 0-25.711 10.29-10.5 10.289-10.5 25.5 0 15.21 10.29 25.71 10.289 10.5 25.5 10.5ZM648-216v-154.77H312V-216h336Zm51.999 51.999H260.001v-144h-132.46v-227.692q0-31.499 22.038-53.749 22.038-22.249 53.96-22.249h552.922q31.499 0 53.749 22.249 22.249 22.25 22.249 53.749v227.692h-132.46v144ZM781.461-360v-161.365q0-16.328-12-27.328t-28-11H217.539q-16.15 0-27.075 11.04t-10.925 27.36V-360h80.462v-62.769h439.998V-360h81.462Z'%3E%3C/path%3E%3C/svg%3E");
}
.ProductDetail .TopTable .TopPart .ProductSubMenu ul li.sellerQuestion a::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='25' viewBox='116 -844 728 709.54'%3E%3Cpath fill='%23575757' d='M116.001-134.464v-645.227q0-27.008 18.65-45.658 18.65-18.65 45.658-18.65h599.382q27.008 0 45.658 18.65 18.65 18.65 18.65 45.658v455.382q0 27.008-18.65 45.658-18.65 18.65-45.658 18.65H241.539L116.001-134.464Zm104-177.536h559.69q4.616 0 8.463-3.846 3.846-3.847 3.846-8.463v-455.382q0-4.616-3.846-8.463-3.847-3.846-8.463-3.846H180.309q-4.616 0-8.463 3.846-3.846 3.847-3.846 8.463v520.076L220.001-312ZM168-312v-480V-312Z'%3E%3C/path%3E%3C/svg%3E");
}
.ProductDetail .TopTable .TopPart .ProductSubMenu ul li.socialBookmarks a::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='25' viewBox='154 -854 652 748'%3E%3Cpath fill='%23575757' d='M696.045-106.001q-45.814 0-77.929-32.083T586.001-216q0-8.49 1.192-15.514 1.192-7.025 3.577-15.794L338.923-401.539q-13.846 16.769-33.431 24.154-19.584 7.384-41.492 7.384-45.833 0-77.916-32.07t-32.083-77.884q0-45.814 32.083-77.929T264-589.999q21.615 0 41.346 7.884 19.731 7.885 33.577 23.654L590.77-712.692q-2.385-8.769-3.577-15.794-1.192-7.024-1.192-15.514 0-45.833 32.07-77.916t77.884-32.083q45.814 0 77.929 32.07t32.115 77.884q0 45.814-32.083 77.929T696-634.001q-21.908 0-41.492-7.384-19.585-7.385-33.431-24.154L369.23-511.308q2.385 8.769 3.577 15.767 1.192 6.997 1.192 15.461 0 8.465-1.192 15.542t-3.577 15.846l251.847 154.231q13.846-17.769 33.431-24.654 19.584-6.884 41.492-6.884 45.833 0 77.916 32.07t32.083 77.884q0 45.814-32.07 77.929t-77.884 32.115ZM696-685.999q24.246 0 41.124-16.877 16.877-16.878 16.877-41.124 0-24.246-16.877-41.124-16.878-16.877-41.124-16.877-24.246 0-41.124 16.877-16.877 16.878-16.877 41.124 0 24.246 16.877 41.124 16.878 16.877 41.124 16.877Zm-432 264q24.246 0 41.124-16.877 16.877-16.878 16.877-41.124 0-24.246-16.877-41.124-16.878-16.877-41.124-16.877-24.246 0-41.124 16.877-16.877 16.878-16.877 41.124 0 24.246 16.877 41.124 16.878 16.877 41.124 16.877Zm432 264q24.246 0 41.124-16.877 16.877-16.878 16.877-41.124 0-24.246-16.877-41.124-16.878-16.877-41.124-16.877-24.246 0-41.124 16.877-16.877 16.878-16.877 41.124 0 24.246 16.877 41.124 16.878 16.877 41.124 16.877ZM696-744ZM264-480Zm432 264Z'%3E%3C/path%3E%3C/svg%3E");
}
.ProductDetail #DownPart {
  margin-top: 1.25rem;
}
.ProductDetail #DownPart .closed .SubBody {
  display: none;
}
.ProductDetail #DownPart .SubHeader {
  font-family: "Titillum Web", sans-serif;
  font-weight: 700;
  background-color: #f2f1ec;
  padding: 0.5rem 1.25rem;
  margin-bottom: 1rem;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
.ProductDetail #DownPart .SubHeader::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20enable-background%3D%22new%200%200%2048%2048%22%20height%3D%2248px%22%20id%3D%22Layer_3%22%20version%3D%221.1%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cpath%20d%3D%22M24%2C0C10.745%2C0%2C0%2C10.745%2C0%2C24s10.745%2C24%2C24%2C24s24-10.745%2C24-24S37.255%2C0%2C24%2C0z%20M24%2C44%20%20%20C12.954%2C44%2C4%2C35.046%2C4%2C24S12.954%2C4%2C24%2C4s20%2C8.954%2C20%2C20S35.046%2C44%2C24%2C44z%22%20fill%3D%22%23ee7610%22%2F%3E%3Cpolygon%20fill%3D%22%23ee7610%22%20points%3D%2226%2C22%2022%2C22%2018.042%2C22%2013%2C22%2013%2C26%2018.833%2C26%2022%2C26%2026%2C26%2029.625%2C26%2035%2C26%2035%2C22%2029.709%2C22%20%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 51%;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(0deg);
}
.ProductDetail #DownPart .SubHeader.closed::before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20enable-background%3D%22new%200%200%2048%2048%22%20height%3D%2248px%22%20id%3D%22Layer_1%22%20version%3D%221.1%22%20viewBox%3D%220%200%2048%2048%22%20width%3D%2248px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22Layer_3%22%3E%3Cpath%20d%3D%22M24%2C0C10.745%2C0%2C0%2C10.745%2C0%2C24s10.745%2C24%2C24%2C24s24-10.745%2C24-24S37.255%2C0%2C24%2C0z%20M24%2C44%20%20%20C12.954%2C44%2C4%2C35.046%2C4%2C24S12.954%2C4%2C24%2C4s20%2C8.954%2C20%2C20S35.046%2C44%2C24%2C44z%22%20fill%3D%22%23ee7610%22%2F%3E%3Cpolygon%20fill%3D%22%23ee7610%22%20points%3D%2235%2C22%2026%2C22%2026%2C13.002%2022%2C13.002%2022%2C22%2013%2C22%2013%2C26%2022%2C26%2022%2C34.998%2026%2C34.998%2026%2C26%2035%2C26%20%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ProductDetail #DownPart .ParamsTable {
  width: 100%;
  max-width: 400px;
}
.ProductDetail #DownPart .ParamsTable .Param {
  display: flex;
  justify-content: space-between;
}
.ProductDetail #DownPart .ParamsTable .Param:nth-of-type(odd) {
  background-color: #f2f1ec;
}
.ProductDetail #DownPart .ParamsTable .Param > div {
  font-size: 14px;
  color: #202330;
  padding: 0.625rem;
}
.ProductDetail #DownPart .ParamsTable .Param > div.ParamName {
  font-weight: 400;
}
.ProductDetail #DownPart .ParamsTable .Param > div.ParamValue {
  font-weight: 700;
}
.ProductDetail #DownPart .ui-tabs {
  border: none;
}
.ProductDetail #DownPart .ui-tabs .ui-widget-header {
  border: none;
  background-color: #f2f1ec;
  padding: 0 1.25rem;
}
.ProductDetail #DownPart .ui-tabs .ui-widget-header li {
  font-size: 14px;
  margin: 0;
  padding: 0 0.625rem;
  border: none;
  border-radius: unset;
  background: #ffffff;
}
.ProductDetail #DownPart .ui-tabs .ui-widget-header li a {
  display: block;
  position: relative;
  padding: 0.625rem 0;
}
.ProductDetail #DownPart .ui-tabs .ui-widget-header li.ui-state-active a {
  color: #202330;
}
.ProductDetail #DownPart .ui-tabs .ui-widget-header li.ui-state-active a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: #ee7610;
}
.ProductDetail #DownPart .ui-tabs .ui-tabs-panel h3 {
  font-family: "Russo one", sans-serif;
  font-size: 20px;
  line-height: 1.25rem;
  color: #202330;
  margin-bottom: 30px;
}
.ProductDetail #DownPart .ui-tabs .ui-tabs-panel p {
  color: #575757;
  font-size: 14px;
}
.ProductDetail #DownPart .ProductList .ProductListArea {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.ProductDetail #DownPart .ProductList .ProductListArea .Product {
  flex-direction: row;
  box-shadow: none;
  border-bottom: 3px solid #f2f1ec;
  border-radius: 0;
  width: 100% !important;
}
.ProductDetail #DownPart .ProductList .ProductListArea .Product .ProductImage {
  height: unset;
  min-height: auto;
  margin-right: 20px;
  width: 60px;
}
.ProductDetail #DownPart .ProductList .ProductListArea .Product .TopPartProduct {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .ProductDetail #DownPart .ProductList .ProductListArea .Product .TopPartProduct {
    flex-direction: column;
  }
}
.ProductDetail #DownPart .ProductList .ProductListArea .Product .TopPartProduct h3.ProductName {
  width: 100%;
}
.ProductDetail #DownPart .ProductList .ProductListArea .Product .TopPartProduct h3.ProductName a {
  height: 30px;
  text-align: left;
  margin-bottom: 0;
}
.ProductDetail #DownPart .ProductList .ProductListArea .Product .TopPartProduct .expPr {
  justify-content: space-between;
  width: calc(100% - 180px);
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .ProductDetail #DownPart .ProductList .ProductListArea .Product .TopPartProduct .expPr {
    width: 100%;
  }
}
.ProductDetail #DownPart .ProductList .ProductListArea .Product .TopPartProduct .expPr .Prices {
  order: -1;
  display: flex;
  flex-direction: row;
}
.ProductDetail #DownPart .ProductList .ProductListArea .Product .TopPartProduct .expPr .Prices .ProductPrice {
  order: 2;
  margin-left: 15px;
}
.ProductDetail #DownPart .ProductList .ProductListArea .Product .TopPartProduct .BottomProduct {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .ProductDetail #DownPart .ProductList .ProductListArea .Product .TopPartProduct .BottomProduct .Buttons {
    justify-content: flex-end;
  }
}
.ProductDetail #DownPart .ProductList .ProductListArea .Product .TopPartProduct .BottomProduct .Buttons .Basket {
  width: 50px;
}
.ProductDetail #DownPart .ProductList .ProductListArea .Product .TopPartProduct .BottomProduct .Buttons .Basket span {
  display: none;
}
.ProductDetail #DownPart .ProductList .ProductListArea .Product .TopPartProduct .BottomProduct .Buttons .Basket::before {
  content: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20122.88%20104.43%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill-rule%3Aevenodd%3Bstroke%3A%23FFFFFF%3B%20fill%3A%20%23FFFFFF%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eadd-to-cart%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M97%2C0A25.9%2C25.9%2C0%2C1%2C1%2C78.67%2C7.59%2C25.79%2C25.79%2C0%2C0%2C1%2C97%2C0ZM3.66%2C10.89a3.71%2C3.71%2C0%2C0%2C1%2C0-7.42H9.11A17.3%2C17.3%2C0%2C0%2C1%2C18%2C5.81c4.92%2C3.12%2C5.79%2C7.57%2C7%2C12.59H66.7a31%2C31%2C0%2C0%2C0-.9%2C7.33H27.14L35.5%2C57.19H94.77l0-.18c.72.05%2C1.44.08%2C2.17.08a31.59%2C31.59%2C0%2C0%2C0%2C5.46-.48l-1.29%2C5.18a3.62%2C3.62%2C0%2C0%2C1-3.57%2C2.82H37.47c1.32%2C4.88%2C2.63%2C7.51%2C4.42%2C8.74%2C2.16%2C1.4%2C5.92%2C1.5%2C12.21%2C1.4H96.64a3.67%2C3.67%2C0%2C1%2C1%2C0%2C7.33H54.19c-7.79.09-12.58-.09-16.44-2.63s-6-7.14-8.07-15.31h0L17.09%2C16.52c0-.09%2C0-.09-.09-.19a6.51%2C6.51%2C0%2C0%2C0-2.82-4.22A9.51%2C9.51%2C0%2C0%2C0%2C9%2C10.89H3.66ZM60.87%2C33.47a2.6%2C2.6%2C0%2C0%2C1%2C5.11%2C0V47.63a2.6%2C2.6%2C0%2C0%2C1-5.11%2C0V33.47Zm-15.3%2C0a2.6%2C2.6%2C0%2C0%2C1%2C5.11%2C0V47.63a2.6%2C2.6%2C0%2C0%2C1-5.11%2C0V33.47ZM85.66%2C86.4a9%2C9%2C0%2C1%2C1-9%2C9%2C9%2C9%2C0%2C0%2C1%2C9-9Zm-39.55%2C0a9%2C9%2C0%2C1%2C1-9%2C9%2C9%2C9%2C0%2C0%2C1%2C9-9Zm64.08-62.91V28.3a2.09%2C2.09%2C0%2C0%2C1-2.07%2C2.07h-6.66V37a2.08%2C2.08%2C0%2C0%2C1-2.07%2C2.07H94.58A2.07%2C2.07%2C0%2C0%2C1%2C92.51%2C37V30.37H85.85a2.08%2C2.08%2C0%2C0%2C1-2.07-2.07V23.49a2.07%2C2.07%2C0%2C0%2C1%2C2.07-2.07h6.66V14.76a2.07%2C2.07%2C0%2C0%2C1%2C2.07-2.07h4.81a2.08%2C2.08%2C0%2C0%2C1%2C2.07%2C2.07v6.66h6.66a2.08%2C2.08%2C0%2C0%2C1%2C2.07%2C2.07Z%22%2F%3E%3C%2Fsvg%3E");
  display: inline-block;
  top: 2px;
  position: absolute;
  width: 30px;
  height: 30px;
}
.ProductDetail #DownPart .ProductList .ProductListArea .Product .TopPartProduct .ProductNumber {
  display: none;
}
.ProductDetail #DownPart #AlternativeProducts #loadMore {
  cursor: pointer;
  width: max-content;
  margin: 0 auto 15px;
  padding: 5px 10px;
  color: #ee7610;
  font-weight: 600;
}
.ProductDetail #DownPart #AlternativeProducts #loadMore::after {
  width: max-content;
  display: block;
  position: relative;
  margin: 0 auto;
  content: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3C!DOCTYPE%20svg%20%20PUBLIC%20'-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN'%20%20'http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd'%3E%3Csvg%20enable-background%3D%22new%200%200%2026%2026%22%20height%3D%2226px%22%20id%3D%22Layer_1%22%20version%3D%221.1%22%20viewBox%3D%220%200%2026%2026%22%20width%3D%2226px%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cpolygon%20fill%3D%22%23231F20%22%20points%3D%220.046%2C2.582%202.13%2C0.498%2012.967%2C11.334%2023.803%2C0.498%2025.887%2C2.582%2012.967%2C15.502%20%20%22%2F%3E%3Cpolygon%20fill%3D%22%23231F20%22%20points%3D%220.046%2C13.582%202.13%2C11.498%2012.967%2C22.334%2023.803%2C11.498%2025.887%2C13.582%2012.967%2C26.502%20%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.ProductDetail #DownPart #AlternativeProducts #loadMore:hover {
  background: #f2f1ec;
}

#seller_question .FacyBoxHeader {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
#seller_question input {
  width: 100%;
}
#seller_question textarea {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .kosik header, .nova-objednavka header {
    position: fixed;
    top: 0;
    background: #ffffff;
    width: 100%;
    padding-right: 0.25rem;
  }
  .kosik header .BottomHeader .BottomHeaderWrapper, .nova-objednavka header .BottomHeader .BottomHeaderWrapper {
    justify-content: flex-end;
  }
  .kosik header .BottomHeader .BottomHeaderWrapper .Logo, .nova-objednavka header .BottomHeader .BottomHeaderWrapper .Logo {
    display: none;
  }
  .kosik header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent, .nova-objednavka header .BottomHeader .BottomHeaderWrapper .Hamburger #BurgerContent {
    top: 58px;
    height: calc(100% - 58px);
  }
}

#Cart {
  padding-top: 20px;
}

.CartContentWrapper .CartContent {
  display: flex;
  gap: 1.25rem;
  font-size: 14px;
  color: #202330;
}
@media only screen and (max-width: 1024px) {
  .CartContentWrapper .CartContent {
    flex-direction: column;
    gap: 0;
  }
}
.CartContentWrapper .CartContent .CartTable {
  display: flex;
  flex-direction: column;
  background: #ffffff;
}
@media (min-width: 1025px) {
  .CartContentWrapper .CartContent .CartTable {
    width: 68%;
  }
}
@media (min-width: 768px) {
  .CartContentWrapper .CartContent .CartTable .CartTableItems {
    padding: 1rem 1.5rem;
  }
}
@media (min-width: 1025px) {
  .CartContentWrapper .CartContent .CartTable .CartTableItems {
    padding: 1rem 2.5rem;
  }
}
.CartContentWrapper .CartContent .heading {
  text-align: center;
  grid-template-rows: 47px;
}
.CartContentWrapper .CartContent .heading .TotPriceWithVAT, .CartContentWrapper .CartContent .heading .TotPrice {
  white-space: nowrap;
}
.CartContentWrapper .CartContent .heading > div, .CartContentWrapper .CartContent .normal > div {
  padding: 0.188rem 0.313rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (min-width: 768px) {
  .CartContentWrapper .CartContent .heading > div, .CartContentWrapper .CartContent .normal > div {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .CartContentWrapper .CartContent .heading > div:not(:last-of-type), .CartContentWrapper .CartContent .normal > div:not(:last-of-type) {
    border-right: 1px solid #dadada;
  }
}
.CartContentWrapper .CartContent .row {
  display: grid;
  grid-template-columns: minmax(80px, 15%) 35% 25% auto;
}
@media (min-width: 768px) {
  .CartContentWrapper .CartContent .row {
    grid-template-columns: 10.5% 32.5% 12.5% 9% 12% 12.5% 11% auto;
  }
}
@media only screen and (max-width: 767px) {
  .CartContentWrapper .CartContent .row.heading {
    display: none;
  }
}
.CartContentWrapper .CartContent .row a, .CartContentWrapper .CartContent .row .WithoutVat {
  color: #666;
}
@media only screen and (max-width: 767px) {
  .CartContentWrapper .CartContent .row.normal {
    padding: 0.625rem;
    border-bottom: 1px solid #dadada;
  }
}
@media (min-width: 768px) {
  .CartContentWrapper .CartContent .row.normal {
    border-top: 1px solid #dadada;
    grid-template-rows: 80px;
    grid-auto-rows: 80px;
  }
}
.CartContentWrapper .CartContent .row.normal .LabelMobile {
  display: block;
  color: #202330;
}
@media (min-width: 768px) {
  .CartContentWrapper .CartContent .row.normal .LabelMobile {
    display: none;
  }
}
.CartContentWrapper .CartContent .row.normal .image a {
  display: inline-block;
}
.CartContentWrapper .CartContent .row.normal .image a img {
  width: 76px;
}
.CartContentWrapper .CartContent .row.normal .name {
  text-transform: uppercase;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.313rem;
  flex-direction: column;
}
.CartContentWrapper .CartContent .row.normal .name small {
  text-transform: initial;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  .CartContentWrapper .CartContent .row.normal .name {
    justify-content: center;
    grid-column-start: 2;
    grid-column-end: 5;
  }
}
@media only screen and (max-width: 767px) {
  .CartContentWrapper .CartContent .row.normal .PriceCell {
    gap: 0;
  }
  .CartContentWrapper .CartContent .row.normal .PriceCell[data-label="Cena/ks"], .CartContentWrapper .CartContent .row.normal .PriceCell[data-label="Celkem s DPH"] {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .CartContentWrapper .CartContent .row.normal .PriceCell[data-label=Celkem] {
    text-align: right;
    grid-column-start: 3;
    grid-column-end: 5;
    justify-self: flex-end;
  }
}
.CartContentWrapper .CartContent .row.normal .PriceCell .delete {
  width: 0.625rem;
  height: 0.625rem;
  margin-left: 0.25rem;
}
@media only screen and (max-width: 767px) {
  .CartContentWrapper .CartContent .row.normal .PriceCell .delete::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='253.85 -706.15 452.31 452.31'%3E%3Cpath d='M291-253.847 253.847-291l189-189-189-189L291-706.153l189 189 189-189L706.153-669l-189 189 189 189L669-253.847l-189-189-189 189Z'%3E%3C/path%3E%3C/svg%3E");
    display: inline-block;
  }
  .CartContentWrapper .CartContent .row.normal .PriceCell .delete:hover::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23d63500' viewBox='253.85 -706.15 452.31 452.31'%3E%3Cpath d='M291-253.847 253.847-291l189-189-189-189L291-706.153l189 189 189-189L706.153-669l-189 189 189 189L669-253.847l-189-189-189 189Z'%3E%3C/path%3E%3C/svg%3E");
  }
}
.CartContentWrapper .CartContent .row.normal .delete::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='253.85 -706.15 452.31 452.31'%3E%3Cpath d='M291-253.847 253.847-291l189-189-189-189L291-706.153l189 189 189-189L706.153-669l-189 189 189 189L669-253.847l-189-189-189 189Z'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
}
.CartContentWrapper .CartContent .row.normal .delete:hover::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23d63500' viewBox='253.85 -706.15 452.31 452.31'%3E%3Cpath d='M291-253.847 253.847-291l189-189-189-189L291-706.153l189 189 189-189L706.153-669l-189 189 189 189L669-253.847l-189-189-189 189Z'%3E%3C/path%3E%3C/svg%3E");
}
@media only screen and (max-width: 767px) {
  .CartContentWrapper .CartContent .row .ExpeditionInfo {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.CartContentWrapper .CartContent .row .ExpeditionInfo .Amount {
  color: #009933;
}
@media only screen and (max-width: 767px) {
  .CartContentWrapper .CartContent .row .CountCell {
    grid-column-start: 3;
    grid-column-end: 5;
    justify-self: flex-end;
  }
}
.CartContentWrapper .CartContent .row .CountCell .Amount {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  padding-left: 0;
  padding-right: 1.5rem;
  border: 1px solid #dadada;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 300;
  line-height: 1;
}
@media only screen and (max-width: 480px) {
  .CartContentWrapper .CartContent .row .CountCell .Amount {
    padding: 0 2.25rem;
  }
}
.CartContentWrapper .CartContent .row .CountCell .Amount .AmountInput {
  width: 2rem;
  height: 2.25rem;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: right;
  font-family: Arial, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media only screen and (max-width: 480px) {
  .CartContentWrapper .CartContent .row .CountCell .Amount .AmountInput {
    text-align: center;
  }
}
.CartContentWrapper .CartContent .row .CountCell .Amount .IncreaseAmount, .CartContentWrapper .CartContent .row .CountCell .Amount .DecreaseAmount {
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  right: 0;
  left: auto;
  cursor: pointer;
  border-left: 1px solid #dadada;
  background: #f3f1f2;
}
.CartContentWrapper .CartContent .row .CountCell .Amount .IncreaseAmount::before, .CartContentWrapper .CartContent .row .CountCell .Amount .DecreaseAmount::before {
  display: inline-block;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .CartContentWrapper .CartContent .row .CountCell .Amount .IncreaseAmount, .CartContentWrapper .CartContent .row .CountCell .Amount .DecreaseAmount {
    width: 36px;
    height: 36px;
    top: 0;
  }
}
.CartContentWrapper .CartContent .row .CountCell .Amount .IncreaseAmount {
  border-bottom: 1px solid #dadada;
  top: 0;
}
.CartContentWrapper .CartContent .row .CountCell .Amount .IncreaseAmount::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='253.85 -612.77 452.31 263.3'%3E%3Cpath d='m291-349.463-37.153-37.152L480-612.768l226.153 226.153L669-349.463l-189-189-189 189Z'%3E%3C/path%3E%3C/svg%3E");
}
@media only screen and (max-width: 480px) {
  .CartContentWrapper .CartContent .row .CountCell .Amount .IncreaseAmount {
    border: none;
  }
}
.CartContentWrapper .CartContent .row .CountCell .Amount .DecreaseAmount {
  bottom: 0;
}
.CartContentWrapper .CartContent .row .CountCell .Amount .DecreaseAmount::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='253.85 -609.77 452.31 263.3'%3E%3Cpath d='M480-346.463 253.847-572.615 291-609.768l189 189 189-189 37.153 37.153L480-346.463Z'%3E%3C/path%3E%3C/svg%3E");
}
@media only screen and (max-width: 480px) {
  .CartContentWrapper .CartContent .row .CountCell .Amount .DecreaseAmount {
    right: auto;
    left: 0;
    border: none;
  }
}

@media only screen and (max-width: 767px) {
  .StepOne {
    margin-top: 59px;
  }
  .StepOne .Step2, .StepOne .Step1:not(.Mobile), .StepOne .Step4 {
    display: none;
  }
  .StepOne .Step1.Mobile {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .StepOne .Step1.Mobile {
    display: none;
  }
}

.orderStep {
  display: inline-block;
}
@media (min-width: 768px) {
  .orderStep {
    display: flex;
  }
}
@media only screen and (max-width: 767px) {
  .orderStep {
    z-index: 2;
    position: fixed;
    max-width: 300px;
    left: 0;
    right: 0;
    top: 0;
  }
}
.orderStep .Step {
  color: #b2b2b2;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .orderStep .Step {
    width: 33.3333333333%;
    padding: 0.625rem 0.625rem 0.625rem 2.5rem;
    border-bottom: 1px solid #dadada;
  }
}
.orderStep .Step .Number {
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.438rem;
  border: 2px solid #b2b2b2;
  border-radius: 50%;
  text-align: center;
  line-height: 1.625rem;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .orderStep .Step {
    font-size: 20px;
    padding: 0.875rem 0.625rem 0.875rem 0.625rem;
  }
  .orderStep .Step::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='320 -720 296 480'%3E%3Cpath fill='%23009933' d='M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z'%3E%3C/path%3E%3C/svg%3E");
    margin-right: 0.5rem;
    position: relative;
    top: 2px;
  }
  .orderStep .Step .Number {
    display: none;
  }
}
.orderStep .Step.currentStep {
  color: #ee7610;
  border-color: #ee7610;
}
.orderStep .Step.currentStep .Number {
  border-color: #ee7610;
}

.FreeShip {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  max-width: 350px;
  width: 100%;
  margin: auto 0 0 auto;
  padding: 1.25rem 2.5rem 2.5rem 0;
}
@media only screen and (max-width: 767px) {
  .FreeShip {
    max-width: unset;
    padding: 1.25rem 0.625rem 1.5rem 0.625rem;
    margin: 0;
  }
}
.FreeShip .Notice span {
  font-size: 14px;
  color: #202330;
}
.FreeShip .Notice span strong {
  color: #ee7610;
}

@media only screen and (min-width: 1025px) {
  .RightPart {
    width: 32%;
  }
}

.HelpWrapper {
  padding: 1.25rem;
  background: #ffffff;
}
@media only screen and (max-width: 991px) {
  .HelpWrapper {
    display: none;
  }
}
.HelpWrapper h4 {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}
.HelpWrapper .HelpBox {
  display: flex;
  gap: 1rem;
}
.HelpWrapper .Content strong {
  display: block;
  margin-bottom: 0.313rem;
  line-height: 1.1;
}
.HelpWrapper .Content ul {
  margin: 0;
  padding: 0;
}
.HelpWrapper .Content ul li {
  list-style: none;
  word-break: break-all;
  padding: 0.25rem 0;
}
.HelpWrapper .Content ul li a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.HelpWrapper .Content ul li a span.social {
  color: #009933;
}

.SummaryWrapper {
  background: #ffffff;
}
@media (min-width: 1025px) {
  .SummaryWrapper {
    margin-top: 1.25rem;
  }
}
@media (min-width: 768px) {
  .SummaryWrapper {
    padding: 1.25rem;
  }
}
.SummaryWrapper .PriceWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-bottom: 1.25rem;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .SummaryWrapper .PriceWrapper {
    padding: 0.625rem;
  }
}
.SummaryWrapper .PriceWrapper h4 {
  margin: 0;
}
.SummaryWrapper .PriceWrapper .PriceLabel {
  font-size: 14px;
  flex: 1 1 55%;
}
.SummaryWrapper .PriceWrapper .PriceLabel.WithoutVat {
  font-weight: 700;
}
.SummaryWrapper .PriceWrapper .PriceValue {
  flex: 1 1 45%;
  text-align: right;
  padding-left: 0.625rem;
}
.SummaryWrapper .PriceWrapper .PriceValue.WithoutVat {
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.SummaryWrapper .PriceWrapper .WithVat {
  color: #b2b2b2;
  padding-top: 0.625rem;
  font-weight: 400;
}

.StepButtons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.StepButtons .Back {
  font-size: 13px;
  color: #009933;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.StepButtons .Back.Uppercase {
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .StepButtons .Back {
    display: none;
  }
}
.StepButtons button {
  background: linear-gradient(to bottom, #009933 0%, #009933 50%, #006b24 50%) center top;
  background-size: 101% 200%;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.625rem;
  line-height: 1.313rem;
  position: relative;
  border: 1px solid #009933;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  cursor: pointer;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.StepButtons button:hover {
  background-position: center bottom;
}
@media only screen and (max-width: 767px) {
  .StepButtons button {
    justify-content: center;
    width: 100%;
  }
}

.CartBottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 768px) {
  .CartBottom {
    flex-direction: row;
    align-items: center;
  }
}

.CartCsvImport {
  display: flex;
  align-items: center;
  margin: 0.625rem;
  border: 1px solid #dadada;
  background-color: #ffffff;
  width: 100%;
  padding: 1rem;
  flex-direction: column;
  align-items: flex-start;
}
.CartCsvImport .messageInfo {
  width: 100%;
}
.CartCsvImport .SubBody {
  width: 100%;
  padding: 10px 20px;
}
.CartCsvImport .helpArea {
  font-style: italic;
  font-size: 0.7rem;
  margin-left: 10px;
}
@media (min-width: 768px) {
  .CartCsvImport {
    display: flex;
    margin: 1.25rem 0 2.5rem 0;
  }
}
.CartCsvImport form {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.CartCsvImport .customFileUpload {
  position: relative;
}
.CartCsvImport .customFileUpload.contenFile {
  display: flex;
}
.CartCsvImport .customFileUpload label {
  display: inline-block;
  position: relative;
  padding-left: 0.75rem;
  color: #202330;
  font-size: 14px;
  white-space: nowrap;
}
.CartCsvImport .customFileUpload input[type=file] {
  position: relative;
  margin-left: 10px;
}
.CartCsvImport .customFileUpload textarea {
  position: relative;
  margin-left: 10px;
  width: 100%;
  height: 100px;
  flex: 2 1 auto;
}
.CartCsvImport input[type=submit] {
  display: block;
  height: 100%;
  color: #ffffff;
  background: linear-gradient(to bottom, #ee7610 0%, #ee7610 50%, #c56103 50%) center top;
  background-size: 101% 200%;
  border: 1px solid #ee7610;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.313rem;
  padding: 0.313rem 0.938rem;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  margin: 20px 0 0 10px;
}
.CartCsvImport input[type=submit]:hover {
  background-position: center bottom;
}

.payship_wrapper .PayshipHeading {
  font-size: 16px;
  font-weight: 400;
  line-height: 2.5rem;
  text-transform: uppercase;
  position: relative;
  padding-left: 2.875rem;
}
.payship_wrapper .PayshipHeading::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1.125rem;
}
@media only screen and (min-width: 992px) {
  .payship_wrapper .PayshipHeading::before {
    left: 20px;
  }
}
@media (min-width: 1200px) {
  .payship_wrapper .PayshipHeading {
    margin-left: -7.5rem;
    padding-left: 7.5rem;
  }
}
@media only screen and (min-width: 992px) {
  .payship_wrapper .PayshipHeading {
    margin-left: -5rem;
    padding-left: 5rem;
  }
}
.payship_wrapper .PayshipHeading.Ship::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='36' fill='%23009933' viewBox='48 -792 864 600'%3E%3Cpath d='M240-192q-50 0-85-35t-35-85H48v-408q0-29.7 21.15-50.85Q90.3-792 120-792h552v144h120l120 168v168h-72q0 50-35 85t-85 35q-50 0-85-35t-35-85H360q0 50-35 85t-85 35Zm0-72q20.4 0 34.2-13.8Q288-291.6 288-312q0-20.4-13.8-34.2Q260.4-360 240-360q-20.4 0-34.2 13.8Q192-332.4 192-312q0 20.4 13.8 34.2Q219.6-264 240-264ZM120-384h24q17-23 42-35.5t54-12.5q29 0 54 12.5t41.529 35.5H600v-336H120v336Zm600 120q20.4 0 34.2-13.8Q768-291.6 768-312q0-20.4-13.8-34.2Q740.4-360 720-360q-20.4 0-34.2 13.8Q672-332.4 672-312q0 20.4 13.8 34.2Q699.6-264 720-264Zm-48-192 168-1-85-119h-83v120Zm-310-93Z'%3E%3C/path%3E%3C/svg%3E");
}
.payship_wrapper .PayshipHeading.Pay::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='144 -816 720 672'%3E%3Cpath fill='%23009933' d='M216-223v7-528 521Zm0 79q-29.7 0-50.85-21.15Q144-186.3 144-216v-528q0-29.7 21.15-50.85Q186.3-816 216-816h528q29.7 0 50.85 21.15Q816-773.7 816-744v98h-72v-98H216v528h528v-99h72v99q0 29.7-21.15 50.85Q773.7-144 744-144H216Zm288-144q-29.7 0-50.85-21.15Q432-330.3 432-360v-240q0-29.7 21.15-50.85Q474.3-672 504-672h288q29.7 0 50.85 21.15Q864-629.7 864-600v240q0 29.7-21.15 50.85Q821.7-288 792-288H504Zm288-72v-240H504v240h288Zm-144-60q25 0 42.5-17.5T708-480q0-25-17.5-42.5T648-540q-25 0-42.5 17.5T588-480q0 25 17.5 42.5T648-420Z'%3E%3C/path%3E%3C/svg%3E");
}
.payship_wrapper .checkbox_wrapper {
  padding: 0 0.625rem;
}
.payship_wrapper .checkbox_wrapper:not(:last-of-type) {
  border-bottom: 1px solid #dadada;
}
.payship_wrapper .payment.checked label .payship_name, .payship_wrapper .payment.checked label .Free, .payship_wrapper .shipment.checked label .payship_name, .payship_wrapper .shipment.checked label .Free {
  color: #009933;
}
.payship_wrapper .payment.disabled label, .payship_wrapper .shipment.disabled label {
  cursor: not-allowed;
}
.payship_wrapper .payment.disabled label .payship_name, .payship_wrapper .shipment.disabled label .payship_name {
  color: #b2b2b2;
}
.payship_wrapper .payment.disabled label::before, .payship_wrapper .shipment.disabled label::before {
  border-color: #dadada;
}
.payship_wrapper label {
  position: relative;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0.625rem 0 0.625rem 1.25rem;
}
.payship_wrapper label::before {
  left: 0;
  width: 0.875rem;
  height: 0.875rem;
  border: 1px solid #c1c1c1;
  background-color: #ffffff;
}
.payship_wrapper label::after, .payship_wrapper label::before, .payship_wrapper input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  transform: translateY(-50%);
  border-radius: 100%;
}
.payship_wrapper input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.payship_wrapper input[type=checkbox]:checked + label::after {
  width: 0.625rem;
  height: 0.625rem;
  left: 2px;
  border: 1px solid #ffffff;
  background-color: #009933;
}
.payship_wrapper input[type=checkbox]:checked + label::before {
  border-color: #009933;
}
.payship_wrapper .Payments, .payship_wrapper .Shipments {
  padding: 0.625rem 1.25rem;
}
.payship_wrapper .payship_name {
  flex-grow: 1;
  flex-shrink: 1;
  width: auto;
  padding-right: 0.625rem;
  text-transform: uppercase;
  position: relative;
}
.payship_wrapper .payship_image_wrap, .payship_wrapper .payship_price {
  flex-grow: 0;
  flex-shrink: 0;
  text-align: right;
  flex-basis: 80px;
}
.payship_wrapper .payship_price strong.Free {
  color: #7dc001;
}

@media only screen and (max-width: 767px) {
  .StepTwo {
    margin-top: 59px;
  }
  .StepTwo .Step1, .StepTwo .Step2:not(.Mobile), .StepTwo .Step4 {
    display: none;
  }
  .StepTwo .Step2.Mobile {
    display: inline-block;
  }
}
@media (min-width: 768px) {
  .StepTwo .Step2.Mobile {
    display: none;
  }
}
.StepTwo .ShipmentHelperArea fieldset {
  padding: 0;
}
.StepTwo .ShipmentHelperArea fieldset label {
  width: auto;
}
.StepTwo .ShipmentHelperArea fieldset label:before {
  display: none;
}
.StepTwo .addressMethod {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .StepTwo .addressMethod {
    flex-direction: column;
    gap: 0;
  }
}
.StepTwo .addressMethod .SplitBody {
  order: 1;
  width: calc(50% - 40px);
  margin-left: 40px;
}
@media only screen and (max-width: 768px) {
  .StepTwo .addressMethod .SplitBody {
    width: 100%;
    margin-left: 0;
  }
}
.StepTwo .addressMethod .customerInfo {
  order: 0;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .StepTwo .addressMethod .customerInfo {
    width: 100%;
  }
}
.StepTwo .RightPart .OrderSummary {
  background: #ffffff;
}
@media (min-width: 768px) {
  .StepTwo .RightPart .OrderSummary {
    padding: 1.25rem;
  }
}
.StepTwo .RightPart .OrderSummary .HelpBox {
  display: block;
  color: #ffffff;
  background: linear-gradient(to bottom, #ee7610 0%, #ee7610 50%, #c56103 50%) center top;
  background-size: 101% 200%;
  border: 1px solid #ee7610;
  padding: 0.313rem 0.938rem;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.StepTwo .RightPart .OrderSummary .HelpBox:hover {
  background-position: center bottom;
}
.StepTwo .RightPart .OrderSummary .HelpBox a {
  color: #ffffff;
}
.StepTwo .RightPart .OrderSummary .OrderSummaryInner h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 2rem;
  text-transform: uppercase;
  margin: 0.625rem 0 1.25rem 0;
  padding: 0 0.625rem;
}
.StepTwo .RightPart .OrderSummary .OrderSummaryInner .CartItems .CartItem {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-size: 14px;
}
.StepTwo .RightPart .OrderSummary .OrderSummaryInner .CartItems .CartItem:not(:first-of-type) {
  border-top: 1px solid #dadada;
}
.StepTwo .RightPart .OrderSummary .OrderSummaryInner .CartItems .CartItem > div {
  display: table-cell;
  vertical-align: middle;
  padding: 0.5rem;
}
.StepTwo .RightPart .OrderSummary .OrderSummaryInner .CartItems .CartItem > div:not(:last-of-type) {
  border-right: 1px solid #dadada;
}
.StepTwo .RightPart .OrderSummary .OrderSummaryInner .CartItems .CartItem > div.CartItemName a {
  color: #009933;
}
.StepTwo .RightPart .OrderSummary .OrderSummaryInner .CartItems .CartItem > div.CartItemAmount {
  width: 60px;
  text-align: center;
}
.StepTwo .RightPart .OrderSummary .OrderSummaryInner .CartItems .CartItem > div.CartItemAmount span {
  color: #b2b2b2;
}
.StepTwo .RightPart .OrderSummary .OrderSummaryInner .CartItems .CartItem > div.CartItemPrice {
  width: 80px;
  text-align: right;
}
.StepTwo .RightPart .OrderSummary .OrderSummaryPrices {
  font-size: 14px;
  margin-top: 1.25rem;
}
.StepTwo .RightPart .OrderSummary .OrderSummaryPrices .Row {
  display: flex;
  justify-content: space-between;
  padding: 0 0.5rem;
}
.StepTwo .RightPart .OrderSummary .OrderSummaryPrices .Row:not(:last-of-type) {
  margin-bottom: 0.625rem;
}
.StepTwo .RightPart .OrderSummary .OrderSummaryPrices .Row .Free {
  color: #009933;
}
.StepTwo .RightPart .SummaryWrapper {
  margin-top: 0;
  border-top: 2px solid #468c98;
}
.StepTwo .Back.Uppercase {
  padding: 1.25rem 0;
}

@media only screen and (max-width: 767px) {
  .StepTwo .CartWrapper {
    flex-direction: column;
  }
}
.StepTwo .fieldsetHeading {
  font-size: 16px;
  line-height: 2.25rem;
  font-weight: 400;
  padding-left: 3rem;
  text-transform: uppercase;
  position: relative;
}
.StepTwo .fieldsetHeading:before {
  content: "\e922";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1.125rem;
  font-weight: 400;
  line-height: 2.25rem;
}
@media only screen and (min-width: 992px) {
  .StepTwo .fieldsetHeading:before {
    left: 20px;
  }
}
@media (min-width: 1200px) {
  .StepTwo .fieldsetHeading {
    margin-left: -120px;
    padding-left: 120px;
  }
}
@media only screen and (min-width: 992px) {
  .StepTwo .fieldsetHeading {
    margin-left: -80px;
    padding-left: 80px;
  }
}
.StepTwo .personalInfo .fieldsetHeading::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='180 -772.31 600 584.61'%3E%3Cpath fill='%23009933' d='M480-492.309q-57.749 0-98.874-41.124-41.125-41.125-41.125-98.874 0-57.75 41.125-98.874 41.125-41.125 98.874-41.125 57.749 0 98.874 41.125 41.125 41.124 41.125 98.874 0 57.749-41.125 98.874-41.125 41.124-98.874 41.124ZM180.001-187.694v-88.922q0-29.384 15.962-54.422 15.961-25.038 42.653-38.5 59.308-29.077 119.654-43.615T480-427.691q61.384 0 121.73 14.538 60.346 14.538 119.654 43.615 26.692 13.462 42.653 38.5 15.962 25.038 15.962 54.422v88.922H180.001ZM240-247.693h480v-28.923q0-12.154-7.039-22.5-7.038-10.346-19.115-16.885-51.692-25.461-105.418-38.577Q534.702-367.693 480-367.693t-108.428 13.115q-53.726 13.116-105.418 38.577-12.077 6.539-19.115 16.885Q240-288.77 240-276.616v28.923Zm240-304.614q33 0 56.5-23.5t23.5-56.5q0-33-23.5-56.5t-56.5-23.5q-33 0-56.5 23.5t-23.5 56.5q0 33 23.5 56.5t56.5 23.5Zm0-80Zm0 384.614Z'%3E%3C/path%3E%3C/svg%3E");
}
.StepTwo .BillingInfo .fieldsetHeading:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='178.08 -860 603.84 760.38'%3E%3Cpath fill='%23009933' d='M480.068-485.385q29.855 0 51.047-21.26 21.192-21.26 21.192-51.115t-21.26-51.047q-21.26-21.192-51.115-21.192t-51.047 21.26q-21.192 21.26-21.192 51.115t21.26 51.047q21.26 21.192 51.115 21.192ZM480-179.461q117.384-105.076 179.654-201.577 62.269-96.5 62.269-169.039 0-109.384-69.5-179.846T480-800.385q-102.923 0-172.423 70.462t-69.5 179.846q0 72.539 62.269 169.039Q362.616-284.537 480-179.461Zm0 79.844Q329.001-230.463 253.539-343.154q-75.461-112.692-75.461-206.923 0-138.46 89.577-224.191Q357.231-859.999 480-859.999t212.345 85.731q89.577 85.731 89.577 224.191 0 94.231-75.461 206.923Q630.999-230.463 480-99.617Zm0-458.075Z'%3E%3C/path%3E%3C/svg%3E");
}
.StepTwo label[for=ShowCompanyInfo] {
  margin-bottom: 1.25rem;
}
.StepTwo fieldset {
  margin: 0;
}
@media only screen and (min-width: 992px) {
  .StepTwo fieldset {
    padding: 0 5rem 0 7.5rem;
  }
}
.StepTwo fieldset.bordered {
  padding: 0.625rem 1.25rem;
}
@media only screen and (min-width: 992px) {
  .StepTwo fieldset.bordered {
    padding: 0.625rem 0rem 0.625rem 5.5rem;
  }
}
.StepTwo fieldset .orderRow {
  margin-bottom: 1.25rem;
}
.StepTwo fieldset .orderRow.DIC {
  position: relative;
}
.StepTwo fieldset .orderRow .login a {
  display: inline-block;
  color: #ffffff;
  background: linear-gradient(to bottom, #ee7610 0%, #ee7610 50%, #c56103 50%) center top;
  background-size: 101% 200%;
  border: 1px solid #ee7610;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.313rem;
  padding: 0.313rem 0.938rem;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.StepTwo fieldset .orderRow .login a:hover {
  background-position: center bottom;
}
.StepTwo fieldset label {
  display: block;
  float: none;
  width: 175px;
  margin-bottom: 0;
  padding-right: 1.25rem;
  line-height: 0.25rem;
  min-height: 0.875rem;
}
.StepTwo fieldset label span {
  display: inline-block;
  padding-left: 0.5ch;
  color: #d63500;
}
.StepTwo fieldset .form_input {
  position: relative;
}
.StepTwo fieldset input[type=text], .StepTwo fieldset input[type=password] {
  display: block;
  width: 100%;
  height: 2.25rem;
  padding: 0.625rem 0.75rem;
  border: 1px solid #dadada;
  border-radius: 3px;
  box-shadow: none;
  color: #202330;
  background: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media only screen and (min-width: 480px) {
  .StepTwo fieldset input[type=text], .StepTwo fieldset input[type=password] {
    width: 217px;
  }
}
.StepTwo fieldset input[type=text]::placeholder, .StepTwo fieldset input[type=password]::placeholder {
  color: #b2b2b2;
}
@media only screen and (min-width: 480px) {
  .StepTwo fieldset .form_input {
    width: 217px;
  }
}
.StepTwo fieldset input.checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.StepTwo fieldset input[type=checkbox] + label {
  position: relative;
  width: 100%;
  display: inline-block;
  margin-right: 0.938rem;
  padding-left: 1.313rem;
  line-height: 1.25rem;
  float: none;
}
.StepTwo fieldset input[type=checkbox] + label::before {
  border: 1px solid #dadada;
  left: 0;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  transform: translateY(-50%);
}
.StepTwo fieldset input[type=checkbox]:checked + label::before {
  background-color: #239ceb;
}
.StepTwo fieldset input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  transform: translateY(-50%);
  border: 1px solid #ffffff;
  background-color: #239ceb;
  width: 10px;
  height: 10px;
  left: 2px;
}
.StepTwo fieldset select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.375rem 2.813rem 0.375rem 0.75rem !important;
  line-height: 1.375rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA6CAIAAABNgoyqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHNJREFUeNrs2LsNwDAIRVE7CzAp07AlU4QqRZQUeSgfRfeVIPlINqLwzEwzG49nGS8FGBgYGBgYGBgYGBj4t7C7y90WHBFnp1e9ujde9aF9VRXfeGcLqj5cm62pldn5EZDVLswCAQYGBgYGBgYG/ha8CjAAkdEmwUnCSO4AAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-position: right center;
  color: #202330;
  background-color: #ffffff;
  border: 1px solid #dadada;
  border-radius: 3px;
  box-shadow: none;
  height: 36px;
  width: 100%;
}
@media only screen and (min-width: 480px) {
  .StepTwo fieldset select {
    width: 217px;
  }
}
.StepTwo fieldset textarea {
  display: block;
  width: 100%;
  padding: 0.625rem 0.75rem;
  border: 1px solid #dadada;
  border-radius: 3px;
  height: 140px;
  color: #202330;
  outline: 0;
}
.StepTwo fieldset textarea::placeholder {
  color: #b2b2b2;
}
.StepTwo .CheckBoxes {
  margin-bottom: 40px;
  /*@include g.md {
    padding-top: 2.375rem;
  }*/
}
@media only screen and (max-width: 767px) {
  .StepTwo .CheckBoxes {
    padding: 0.625rem;
  }
}
.StepTwo .CheckBoxes fieldset {
  margin-bottom: 0.5rem;
  padding: 0;
}

.cat-obchod.scat-nova-objednavka-dokonceno .E-shop {
  display: none;
}
.cat-obchod.scat-nova-objednavka-dokonceno .LevaStranaElements {
  display: none;
}

.OrderCompleted {
  font-size: 14px;
}
.OrderCompleted h1 {
  font-weight: 400;
  color: #239ceb;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-top: 2rem;
}
@media only screen and (max-width: 480px) {
  .OrderCompleted h1 {
    font-size: 24px;
  }
}
.OrderCompleted .orderNumber {
  text-align: center;
  padding-bottom: 1.25rem;
}
.OrderCompleted h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 2.5rem;
  text-transform: uppercase;
  margin: 0.625rem 0 1.25rem 0;
  position: relative;
  padding-left: 2.875rem;
}
@media only screen and (min-width: 992px) {
  .OrderCompleted h4 {
    margin-left: -5rem;
    padding-left: 5rem;
  }
}
.OrderCompleted h4::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1.125rem;
}
@media only screen and (min-width: 992px) {
  .OrderCompleted h4::before {
    left: 20px;
  }
}
.OrderCompleted h4.Wallet::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='144 -816 720 672'%3E%3Cpath fill='%23009933' d='M216-223v7-528 521Zm0 79q-29.7 0-50.85-21.15Q144-186.3 144-216v-528q0-29.7 21.15-50.85Q186.3-816 216-816h528q29.7 0 50.85 21.15Q816-773.7 816-744v98h-72v-98H216v528h528v-99h72v99q0 29.7-21.15 50.85Q773.7-144 744-144H216Zm288-144q-29.7 0-50.85-21.15Q432-330.3 432-360v-240q0-29.7 21.15-50.85Q474.3-672 504-672h288q29.7 0 50.85 21.15Q864-629.7 864-600v240q0 29.7-21.15 50.85Q821.7-288 792-288H504Zm288-72v-240H504v240h288Zm-144-60q25 0 42.5-17.5T708-480q0-25-17.5-42.5T648-540q-25 0-42.5 17.5T588-480q0 25 17.5 42.5T648-420Z'%3E%3C/path%3E%3C/svg%3E");
}
.OrderCompleted h4.PersonalHeader::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='180 -772.31 600 584.61'%3E%3Cpath fill='%23009933' d='M480-492.309q-57.749 0-98.874-41.124-41.125-41.125-41.125-98.874 0-57.75 41.125-98.874 41.125-41.125 98.874-41.125 57.749 0 98.874 41.125 41.125 41.124 41.125 98.874 0 57.749-41.125 98.874-41.125 41.124-98.874 41.124ZM180.001-187.694v-88.922q0-29.384 15.962-54.422 15.961-25.038 42.653-38.5 59.308-29.077 119.654-43.615T480-427.691q61.384 0 121.73 14.538 60.346 14.538 119.654 43.615 26.692 13.462 42.653 38.5 15.962 25.038 15.962 54.422v88.922H180.001ZM240-247.693h480v-28.923q0-12.154-7.039-22.5-7.038-10.346-19.115-16.885-51.692-25.461-105.418-38.577Q534.702-367.693 480-367.693t-108.428 13.115q-53.726 13.116-105.418 38.577-12.077 6.539-19.115 16.885Q240-288.77 240-276.616v28.923Zm240-304.614q33 0 56.5-23.5t23.5-56.5q0-33-23.5-56.5t-56.5-23.5q-33 0-56.5 23.5t-23.5 56.5q0 33 23.5 56.5t56.5 23.5Zm0-80Zm0 384.614Z'%3E%3C/path%3E%3C/svg%3E");
}
.OrderCompleted h4.BillingHeader::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='178.08 -860 603.84 760.38'%3E%3Cpath fill='%23009933' d='M480.068-485.385q29.855 0 51.047-21.26 21.192-21.26 21.192-51.115t-21.26-51.047q-21.26-21.192-51.115-21.192t-51.047 21.26q-21.192 21.26-21.192 51.115t21.26 51.047q21.26 21.192 51.115 21.192ZM480-179.461q117.384-105.076 179.654-201.577 62.269-96.5 62.269-169.039 0-109.384-69.5-179.846T480-800.385q-102.923 0-172.423 70.462t-69.5 179.846q0 72.539 62.269 169.039Q362.616-284.537 480-179.461Zm0 79.844Q329.001-230.463 253.539-343.154q-75.461-112.692-75.461-206.923 0-138.46 89.577-224.191Q357.231-859.999 480-859.999t212.345 85.731q89.577 85.731 89.577 224.191 0 94.231-75.461 206.923Q630.999-230.463 480-99.617Zm0-458.075Z'%3E%3C/path%3E%3C/svg%3E");
}
.OrderCompleted h4.Box::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='120 -880 720 800'%3E%3Cpath fill='%23009933' d='M440-183v-274L200-596v274l240 139Zm80 0 240-139v-274L520-457v274Zm-80 92L160-252q-19-11-29.5-29T120-321v-318q0-22 10.5-40t29.5-29l280-161q19-11 40-11t40 11l280 161q19 11 29.5 29t10.5 40v318q0 22-10.5 40T800-252L520-91q-19 11-40 11t-40-11Zm200-528 77-44-237-137-78 45 238 136Zm-160 93 78-45-237-137-78 45 237 137Z'%3E%3C/path%3E%3C/svg%3E");
}
.OrderCompleted .PayShip {
  width: 100%;
}
@media (min-width: 768px) {
  .OrderCompleted .PayShip {
    width: 50%;
  }
}
.OrderCompleted .PayShip .PayShipContent .PayShipItem {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.OrderCompleted .PayShip .PayShipContent .PayShipItem > div:first-child {
  width: 130px;
  min-width: 130px;
}
.OrderCompleted .PayShip .QrPlatba {
  margin-top: 1.25rem;
}
.OrderCompleted .rightColumn {
  width: 100%;
}
@media (min-width: 768px) {
  .OrderCompleted .rightColumn {
    width: 50%;
  }
}
.OrderCompleted .rightColumn .PayShipContent {
  width: 100%;
  max-width: none;
}
.OrderCompleted .rightColumn .PayShipContent .PayShipItem {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.OrderCompleted .rightColumn .PayShipContent .PayShipItem > div:first-child {
  width: 100px;
  min-width: 130px;
}
.OrderCompleted .OrderSummary {
  display: flex;
  flex-wrap: wrap;
}
.OrderCompleted .OrderSummary > div {
  border-top: 1px solid #dadada;
  padding: 0.625rem;
}
@media only screen and (min-width: 992px) {
  .OrderCompleted .OrderSummary > div {
    padding: 2.5rem 5rem 2.375rem 4.5rem;
  }
}
.OrderCompleted .OrderSummary > div.OrderContent {
  width: 100%;
  /*.OrderProducts {
    .OrderProduct {
      display: grid;
      grid-template-columns: 33% 67%;
      padding-bottom: .625rem;

      @include g.md {
        padding-bottom: 0;
        grid-template-columns: 10% 50% 20% 20%;
      }

      &:not(:last-of-type) {
        border-bottom: 1px solid g.$color-light;
      }

      > div {
        display: flex;
        align-items: center;

        &.Image {
          img {
            width: 100px;
          }
        }

        &:not(.Name, .Image) {
          justify-content: center;
        }

        &.Count {
          strong {
            margin-left: .5ch;
          }

          @media only screen and (max-width: 767px) {
            grid-column-start: 1;
            grid-column-end: 1;
            justify-self: flex-start;
          }
          @media only screen and (max-width: 400px) {
            grid-column-start: 1;
            grid-column-end: 3;
            justify-self: flex-start;
          }
        }

        @media only screen and (max-width: 767px) {
          &.TotPrice {
            grid-column-start: 2;
            grid-column-end: 2;
            justify-self: flex-end;
          }
        }

        @media only screen and (max-width: 400px) {
          &.TotPrice {
            grid-column-start: 1;
            grid-column-end: 3;
            justify-self: flex-start;
          }
        }

        @include g.md {
          padding: 0 .625rem;
          &:not(.TotPrice) {
            border-right: 1px solid g.$color-light;
          }
        }
      }
    }
  }*/
}
.OrderCompleted .OrderBottom {
  text-align: center;
}
.OrderCompleted .OrderBottom .OrderInfo > div {
  margin: 1rem 0;
}
.OrderCompleted .OrderBottom .OrderInfo > div:last-of-type {
  color: #009933;
}
.OrderCompleted .OrderBottom .btn-green {
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 1.25rem;
}
.OrderCompleted .OrderBottom .Links {
  margin-top: 1rem;
}
.OrderCompleted .OrderBottom .Links a {
  color: #009933;
  padding: 0 0.313rem;
}
.OrderCompleted .OrderBottom .Links a:not(:first-of-type) {
  border-left: 1px solid #202330;
}
.OrderCompleted .heading {
  text-align: center;
  grid-template-rows: 47px;
}
.OrderCompleted .heading .TotPriceWithVAT, .OrderCompleted .heading .TotPrice {
  white-space: nowrap;
}
.OrderCompleted .heading > div, .OrderCompleted .normal > div {
  padding: 0.188rem 0.313rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (min-width: 768px) {
  .OrderCompleted .heading > div, .OrderCompleted .normal > div {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .OrderCompleted .heading > div:not(:last-of-type), .OrderCompleted .normal > div:not(:last-of-type) {
    border-right: 1px solid #dadada;
  }
}
.OrderCompleted .row {
  display: grid;
  grid-template-columns: minmax(80px, 15%) 35% 25% auto;
}
@media (min-width: 768px) {
  .OrderCompleted .row {
    grid-template-columns: 100px auto 100px 130px 130px 130px;
  }
}
@media only screen and (max-width: 767px) {
  .OrderCompleted .row.heading {
    display: none;
  }
}
.OrderCompleted .row a, .OrderCompleted .row .WithoutVat {
  color: #666;
}
@media only screen and (max-width: 767px) {
  .OrderCompleted .row.normal {
    padding: 0.625rem;
    border-bottom: 1px solid #dadada;
  }
}
@media (min-width: 768px) {
  .OrderCompleted .row.normal {
    border-top: 1px solid #dadada;
    grid-template-rows: 80px;
    grid-auto-rows: 80px;
  }
}
.OrderCompleted .row.normal .LabelMobile {
  display: block;
  color: #202330;
}
@media (min-width: 768px) {
  .OrderCompleted .row.normal .LabelMobile {
    display: none;
  }
}
.OrderCompleted .row.normal .image a {
  display: inline-block;
}
.OrderCompleted .row.normal .image a img {
  width: 76px;
}
.OrderCompleted .row.normal .name {
  text-transform: uppercase;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0.313rem;
  flex-direction: column;
}
.OrderCompleted .row.normal .name small {
  text-transform: initial;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  .OrderCompleted .row.normal .name {
    justify-content: center;
    grid-column-start: 2;
    grid-column-end: 5;
  }
}
@media only screen and (max-width: 767px) {
  .OrderCompleted .row.normal .PriceCell {
    gap: 0;
  }
  .OrderCompleted .row.normal .PriceCell[data-label="Cena/ks"], .OrderCompleted .row.normal .PriceCell[data-label="Celkem s DPH"] {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .OrderCompleted .row.normal .PriceCell[data-label=Celkem] {
    text-align: right;
    grid-column-start: 3;
    grid-column-end: 5;
    justify-self: flex-end;
  }
}

.cat-obchod .ShippingAddresses .addNewAddress {
  font-size: 14px;
  color: #009933;
}
.cat-obchod .ShippingAddresses .delete {
  text-align: right;
}
.cat-obchod.zmena-udaju-newsletter .LevaStranaElements, .cat-obchod.zmena-udaju-newsletter .E-shop, .cat-obchod.zmena-udaju-heslo .LevaStranaElements, .cat-obchod.zmena-udaju-heslo .E-shop, .cat-obchod.objednavky .LevaStranaElements, .cat-obchod.objednavky .E-shop, .cat-obchod.objednavka-detail .LevaStranaElements, .cat-obchod.objednavka-detail .E-shop, .cat-obchod.zmena-udaju .LevaStranaElements, .cat-obchod.zmena-udaju .E-shop {
  display: none;
}
.cat-obchod.zmena-udaju-newsletter .container, .cat-obchod.zmena-udaju-heslo .container, .cat-obchod.objednavky .container, .cat-obchod.objednavka-detail .container, .cat-obchod.zmena-udaju .container {
  margin-top: 0;
}
.cat-obchod.zmena-udaju .CategoryBackground {
  display: none;
}
.cat-obchod.zmena-udaju .LoginInfo label {
  width: 175px;
  line-height: 2.5rem;
}
.cat-obchod.zmena-udaju-heslo .Box {
  border: none;
  margin-top: 1.25rem;
}
.cat-obchod.zmena-udaju-heslo .Box h4 {
  margin: 0;
}
.cat-obchod.zmena-udaju-heslo .Box .OrderNote {
  color: #d63500;
  margin: 0.938rem 0;
}
.cat-obchod.zmena-udaju-heslo .Box label {
  width: 217px;
}

.Registration .Path, .UserAccountEl .Path, .Orders.Shop .Path, .OrderDetail .Path {
  margin: 0 auto;
  padding: 1.5rem 0 2.25rem 1.25rem;
}
.Registration .ContentWrapper, .UserAccountEl .ContentWrapper, .Orders.Shop .ContentWrapper, .OrderDetail .ContentWrapper {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .Registration .ContentWrapper, .UserAccountEl .ContentWrapper, .Orders.Shop .ContentWrapper, .OrderDetail .ContentWrapper {
    flex-direction: column;
    gap: 3rem;
  }
}
.Registration .ContentWrapper aside, .UserAccountEl .ContentWrapper aside, .Orders.Shop .ContentWrapper aside, .OrderDetail .ContentWrapper aside {
  font-size: 14px;
}
.Registration .ContentWrapper aside .User, .UserAccountEl .ContentWrapper aside .User, .Orders.Shop .ContentWrapper aside .User, .OrderDetail .ContentWrapper aside .User {
  display: flex;
  align-items: center;
  gap: 1ex;
  font-size: 16px;
}
.Registration .ContentWrapper aside .Logout, .UserAccountEl .ContentWrapper aside .Logout, .Orders.Shop .ContentWrapper aside .Logout, .OrderDetail .ContentWrapper aside .Logout {
  margin-top: 1.25rem;
  text-align: center;
}
.Registration .ContentWrapper aside .Logout a, .UserAccountEl .ContentWrapper aside .Logout a, .Orders.Shop .ContentWrapper aside .Logout a, .OrderDetail .ContentWrapper aside .Logout a {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .Registration .ContentWrapper aside, .UserAccountEl .ContentWrapper aside, .Orders.Shop .ContentWrapper aside, .OrderDetail .ContentWrapper aside {
    width: 270px;
    margin-right: 0.938rem;
  }
}
.Registration .ContentWrapper aside ul li, .UserAccountEl .ContentWrapper aside ul li, .Orders.Shop .ContentWrapper aside ul li, .OrderDetail .ContentWrapper aside ul li {
  list-style-type: none;
}
.Registration .ContentWrapper aside ul li:not(:last-of-type), .UserAccountEl .ContentWrapper aside ul li:not(:last-of-type), .Orders.Shop .ContentWrapper aside ul li:not(:last-of-type), .OrderDetail .ContentWrapper aside ul li:not(:last-of-type) {
  border-bottom: 1px solid #ee7610;
}
.Registration .ContentWrapper aside ul li a, .UserAccountEl .ContentWrapper aside ul li a, .Orders.Shop .ContentWrapper aside ul li a, .OrderDetail .ContentWrapper aside ul li a {
  font-size: 14px;
  padding: 0.625rem;
  color: #202330;
  font-weight: 600;
  line-height: 1.313rem;
  height: auto;
  width: 100%;
  display: block;
}
@media (min-width: 768px) {
  .Registration .ContentWrapper aside ul li a, .UserAccountEl .ContentWrapper aside ul li a, .Orders.Shop .ContentWrapper aside ul li a, .OrderDetail .ContentWrapper aside ul li a {
    padding: 0.313rem;
  }
}
.Registration .ContentWrapper aside ul li a:hover, .UserAccountEl .ContentWrapper aside ul li a:hover, .Orders.Shop .ContentWrapper aside ul li a:hover, .OrderDetail .ContentWrapper aside ul li a:hover {
  color: #ee7610;
}
@media (min-width: 768px) {
  .Registration .ContentWrapper main, .UserAccountEl .ContentWrapper main, .Orders.Shop .ContentWrapper main, .OrderDetail .ContentWrapper main {
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    padding: 0 1.25rem;
    min-width: 0;
  }
}
.Registration .ContentWrapper main h1, .UserAccountEl .ContentWrapper main h1, .Orders.Shop .ContentWrapper main h1, .OrderDetail .ContentWrapper main h1 {
  font-size: 26px;
  font-weight: 400;
  word-wrap: break-word;
  line-height: 1.1;
  color: #202330;
  margin: 0;
}
.Registration .ContentWrapper main h2, .UserAccountEl .ContentWrapper main h2, .Orders.Shop .ContentWrapper main h2, .OrderDetail .ContentWrapper main h2 {
  font-size: 20px;
  color: #202330;
  font-weight: 400;
  word-wrap: break-word;
  margin: 3rem 0 0.75rem 0;
}
.Registration .ContentWrapper form#login, .UserAccountEl .ContentWrapper form#login, .Orders.Shop .ContentWrapper form#login, .OrderDetail .ContentWrapper form#login {
  margin-top: 1.25rem;
}

.UserAccountEl .Orders .Order, .UserAccountEl .Orders .OrderList, .objednavky .Orders .Order, .objednavky .Orders .OrderList {
  font-size: 14px;
}
.UserAccountEl .Orders .Order .Row, .UserAccountEl .Orders .OrderList .Row, .objednavky .Orders .Order .Row, .objednavky .Orders .OrderList .Row {
  display: grid;
  grid-template-columns: repeat(2, minmax(50%, 200px));
}
@media (min-width: 768px) {
  .UserAccountEl .Orders .Order .Row, .UserAccountEl .Orders .OrderList .Row, .objednavky .Orders .Order .Row, .objednavky .Orders .OrderList .Row {
    grid-template-columns: repeat(5, minmax(20%, 200px));
  }
}
.UserAccountEl .Orders .Order .Row:not(:last-of-type), .UserAccountEl .Orders .OrderList .Row:not(:last-of-type), .objednavky .Orders .Order .Row:not(:last-of-type), .objednavky .Orders .OrderList .Row:not(:last-of-type) {
  border-bottom: 1px solid #dadada;
}
.UserAccountEl .Orders .Order .Row.Heading, .UserAccountEl .Orders .OrderList .Row.Heading, .objednavky .Orders .Order .Row.Heading, .objednavky .Orders .OrderList .Row.Heading {
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .UserAccountEl .Orders .Order .Row.Heading > div:not(:nth-of-type(-n+2)), .UserAccountEl .Orders .OrderList .Row.Heading > div:not(:nth-of-type(-n+2)), .objednavky .Orders .Order .Row.Heading > div:not(:nth-of-type(-n+2)), .objednavky .Orders .OrderList .Row.Heading > div:not(:nth-of-type(-n+2)) {
    display: none;
  }
}
.UserAccountEl .Orders .Order .Row > div, .UserAccountEl .Orders .OrderList .Row > div, .objednavky .Orders .Order .Row > div, .objednavky .Orders .OrderList .Row > div {
  padding: 0.25rem 0;
}
@media (min-width: 768px) {
  .UserAccountEl .Orders .Order .Row > div, .UserAccountEl .Orders .OrderList .Row > div, .objednavky .Orders .Order .Row > div, .objednavky .Orders .OrderList .Row > div {
    padding: 0.5rem 0;
  }
  .UserAccountEl .Orders .Order .Row > div .MobileLabel, .UserAccountEl .Orders .OrderList .Row > div .MobileLabel, .objednavky .Orders .Order .Row > div .MobileLabel, .objednavky .Orders .OrderList .Row > div .MobileLabel {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .UserAccountEl .Orders .Order .Row > div.PriceWithVat, .UserAccountEl .Orders .OrderList .Row > div.PriceWithVat, .objednavky .Orders .Order .Row > div.PriceWithVat, .objednavky .Orders .OrderList .Row > div.PriceWithVat {
    grid-row-start: 3;
  }
  .UserAccountEl .Orders .Order .Row > div.State, .UserAccountEl .Orders .OrderList .Row > div.State, .objednavky .Orders .Order .Row > div.State, .objednavky .Orders .OrderList .Row > div.State {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 2;
  }
  .UserAccountEl .Orders .Order .Row > div .MobileLabel, .UserAccountEl .Orders .OrderList .Row > div .MobileLabel, .objednavky .Orders .Order .Row > div .MobileLabel, .objednavky .Orders .OrderList .Row > div .MobileLabel {
    font-weight: 700;
    display: block;
  }
}
.UserAccountEl .Orders .Order .Row .Number, .UserAccountEl .Orders .OrderList .Row .Number, .objednavky .Orders .Order .Row .Number, .objednavky .Orders .OrderList .Row .Number {
  font-weight: 700;
}
.UserAccountEl .Orders .OrderList, .objednavky .Orders .OrderList {
  margin-top: 1.5rem;
}

.OrderDetail {
  font-size: 14px;
}
.OrderDetail .LeftRightContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.OrderDetail .LeftRightContainer .Row {
  margin-bottom: 0.313rem;
}
.OrderDetail .ProductsData .LastRow {
  padding: 0.625rem;
  display: flex;
  flex-direction: column;
  justify-self: right;
}
.OrderDetail .ProductsData .LastRow h3 {
  display: inline-block;
  margin: 0 1ch 0 0;
  width: 100%;
  text-align: right;
}
.OrderDetail .ProductsData .LastRow h3 span {
  margin-left: 20px;
  width: 100px;
  display: inline-block;
  text-align: right;
}
.OrderDetail .ProductsData .LastRow h4 {
  display: inline-block;
  margin: 0 1ch 0 0;
  width: 100%;
  text-align: right;
}
.OrderDetail .ProductsData .LastRow h4 span {
  margin-left: 20px;
  width: 100px;
  display: inline-block;
  text-align: right;
}
.OrderDetail .CartTable .Row {
  display: grid;
  grid-template-columns: auto 7.5% 12.5% 12.5% 12.5% 12.5%;
  border-bottom: 1px solid #dadada;
}
@media only screen and (max-width: 767px) {
  .OrderDetail .CartTable .Row .name {
    grid-column-start: 1;
    grid-column-end: 5;
  }
  .OrderDetail .CartTable .Row .ItmPrice {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 2;
  }
  .OrderDetail .CartTable .Row .TotPrice {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 3;
  }
  .OrderDetail .CartTable .Row .TotCnt {
    grid-column-start: 4;
    grid-column-end: 5;
  }
}
.OrderDetail .CartTable .Row.Heading {
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .OrderDetail .CartTable .Row.Heading {
    display: none;
  }
}
.OrderDetail .CartTable .Row > div {
  padding: 0.313rem;
  text-align: center;
}
@media (min-width: 768px) {
  .OrderDetail .CartTable .Row > div {
    padding: 0.625rem;
  }
  .OrderDetail .CartTable .Row > div:not(:last-of-type) {
    border-right: 1px solid #dadada;
  }
  .OrderDetail .CartTable .Row > div span:not(.ProductName) {
    display: none;
  }
}
.OrderDetail .CartTable .Row > div:not(:first-of-type) {
  display: flex;
  align-items: flex-start;
  height: 100%;
  flex-direction: column;
}
@media (min-width: 768px) {
  .OrderDetail .CartTable .Row > div:not(:first-of-type) {
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
.OrderDetail .CartTable .Row > div.name {
  text-align: left;
}
.OrderDetail .CartTable .Row > div.TotCnt {
  align-items: center;
}
.OrderDetail .CartTable .Row > div span:not(.ProductName) {
  font-weight: 700;
}
.OrderDetail .CartTable .Row.LastGridRow .TotPrice {
  grid-column-start: 6;
}
.OrderDetail .CartTable .Row.LastGridRow .TotPriceWithout {
  grid-column-start: 5;
  border-left: 1px solid #dadada;
}
.OrderDetail #toCartForm {
  margin-top: 1.25rem;
}

footer .FooterTop {
  padding: 1.375rem 0 3rem 0;
  min-height: 320px;
  background: #202330;
  color: #ffffff;
}
footer .FooterTop .FooterElements {
  display: grid;
  grid-template-columns: 100%;
  justify-content: space-between;
}
footer .FooterTop .FooterElements span {
  font-size: 14px;
}
@media (min-width: 1200px) {
  footer .FooterTop .FooterElements {
    grid-template-columns: 350px auto auto auto auto;
    grid-template-rows: 120px auto;
  }
  footer .FooterTop .FooterElements > div:not(#FooterElements_1, #FooterElements_6) {
    grid-row-start: 1;
    grid-row-end: 2;
  }
  footer .FooterTop .FooterElements > div#FooterElements_1 {
    grid-row-start: 1;
    grid-row-end: 2;
  }
  footer .FooterTop .FooterElements > div#FooterElements_1 {
    grid-column-start: 1;
  }
  footer .FooterTop .FooterElements > div#FooterElements_5 {
    grid-row-start: 2;
    grid-column-start: 1;
  }
  footer .FooterTop .FooterElements > div#FooterElements_6 {
    grid-row-start: 2;
    grid-column-start: 2;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  footer .FooterTop .FooterElements {
    grid-template-columns: 350px auto auto;
    grid-template-rows: 120px auto auto;
    grid-row-gap: 1.25rem;
  }
  footer .FooterTop .FooterElements > div#FooterElements_5, footer .FooterTop .FooterElements > div#FooterElements_7 {
    grid-row-start: 3;
  }
  footer .FooterTop .FooterElements > div#FooterElements_1, footer .FooterTop .FooterElements > div#FooterElements_3, footer .FooterTop .FooterElements > div#FooterElements_4 {
    grid-row-start: 1;
  }
  footer .FooterTop .FooterElements > div#FooterElements_1, footer .FooterTop .FooterElements > div#FooterElements_2 {
    grid-column-start: 1;
  }
}
footer .FooterTop .FooterElements .NewsletterElement .ElementHeader {
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
footer .FooterTop .FooterElements .NewsletterElement .ElementHeader span {
  font-size: 14px;
}
footer .FooterTop .FooterElements .NewsletterElement .NewsletterFields {
  display: flex;
  width: 100%;
  margin-bottom: 0.5rem;
}
footer .FooterTop .FooterElements .NewsletterElement .NewsletterFields input {
  border: none;
  height: 41px;
  background: #ffffff;
  padding: 0.625rem 0.75rem;
  width: 100%;
  font-size: 14px;
  color: #202330;
}
footer .FooterTop .FooterElements .NewsletterElement .NewsletterFields input::placeholder {
  color: #b2b2b2;
}
footer .FooterTop .FooterElements .NewsletterElement .NewsletterFields input:focus {
  box-shadow: 0 0 0 0.1em rgba(205, 205, 205, 0.5);
  outline: none;
}
footer .FooterTop .FooterElements .NewsletterElement .NewsletterFields button {
  font-size: 14px;
  background: #ee7610;
  color: #ffffff;
  border: none;
  height: 41px;
  display: flex;
  align-items: center;
  padding: 0.625rem;
  cursor: pointer;
}
footer .FooterTop .FooterElements .NewsletterElement input[type=checkbox] {
  display: none;
}
footer .FooterTop .FooterElements .NewsletterElement label {
  font-size: 14px;
  color: #575757;
}
footer .FooterTop .FooterElements .NewsletterElement label a {
  color: #575757;
  text-decoration: underline;
}
@media (min-width: 768px) {
  footer .FooterTop .FooterElements .ElementHeader {
    margin-bottom: 0.5rem;
  }
}
footer .FooterTop .FooterElements .ElementHeader span {
  font-family: "Russo One", sans-serif;
  font-size: 16px;
}
footer .FooterTop .FooterElements > div {
  padding: 0.625rem;
}
footer .FooterTop .FooterElements > div .Sitename {
  margin-bottom: 0.5rem;
}
footer .FooterTop .FooterElements ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
footer .FooterTop .FooterElements ul li {
  font-size: 14px;
  margin-bottom: 0.5rem;
}
footer .FooterTop .FooterElements ul li a {
  color: #ffffff;
}
footer .FooterTop .FooterElements ul li a:hover {
  color: #ee7610;
}
footer .FooterTop .FooterElements ul li a span {
  font-size: 14px;
}
footer .FooterTop .FooterElements .stores .store {
  display: flex;
  justify-content: space-between;
}
footer .FooterTop .FooterElements .stores .store:nth-of-type(2) {
  margin-top: 1.25rem;
}
footer .FooterTop .FooterElements .stores .store ul {
  margin: 0 1.25rem 1.25rem 0;
}
footer .FooterTop .FooterElements .stores .store ul li {
  margin-bottom: 0;
}
footer .FooterTop .FooterElements .socials h6 {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.313rem;
  margin: 1rem 0 0 0;
}
@media (min-width: 768px) {
  footer .FooterTop .FooterElements .socials h6 {
    margin-top: 2.5rem;
  }
}
footer .FooterTop .FooterElements .socials ul {
  display: flex;
  gap: 0.625rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 767px) {
  footer .FooterTop .FooterElements > div:not(#FooterElements_1, #FooterElements_2, #FooterElements_7) .ElementHeader {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #4b4b4b;
  }
  footer .FooterTop .FooterElements > div:not(#FooterElements_1, #FooterElements_2, #FooterElements_7) .ElementHeader span {
    font-family: "Titillum Web", sans-serif;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    display: block;
  }
  footer .FooterTop .FooterElements > div:not(#FooterElements_1, #FooterElements_2, #FooterElements_7) .ElementHeader span::after {
    content: "";
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #ee7610;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    transition-duration: 0.2s;
  }
  footer .FooterTop .FooterElements > div:not(#FooterElements_1, #FooterElements_2, #FooterElements_7) .ElementHeader.Opened span::after {
    transform: rotate(180deg);
  }
  footer .FooterTop .FooterElements > div:not(#FooterElements_1, #FooterElements_2, #FooterElements_7) .ElementContent {
    display: none;
  }
  footer .FooterTop .FooterElements > div:not(#FooterElements_1, #FooterElements_2, #FooterElements_7) .ElementContent ul, footer .FooterTop .FooterElements > div:not(#FooterElements_1, #FooterElements_2, #FooterElements_7) .ElementContent .stores {
    margin-top: 1.25rem;
  }
}
footer .WhiteBg {
  background: #ffffff;
}
footer .WhiteBg .FooterBottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  row-gap: 0.5rem;
  padding: 1.25rem;
  background: #ffffff;
}
footer .WhiteBg .FooterBottom > div, footer .WhiteBg .FooterBottom a {
  font-size: 14px;
}
@media (min-width: 768px) {
  footer .WhiteBg .FooterBottom {
    text-align: left;
    justify-content: space-between;
  }
}
footer .WhiteBg .FooterBottom strong {
  color: #ee7610;
}