@font-face {
  font-family: 'Mulish';
  src: url('../file/font/Mulish/Mulish-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mulish';
  src: url('../file/font/Mulish/Mulish-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mulish';
  src: url('../file/font/Mulish/Mulish-SemiBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mulish';
  src: url('../file/font/Mulish/Mulish-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poiret One';
  src: url('../file/font/PoiretOne/PoiretOne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@keyframes marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
.SumoSelect > .CaptionCont > span {
  white-space: normal !important;
}
form fieldset {
  margin-bottom: 35px;
  padding: 50px 25px 25px 25px;
  background: #f5f5f5;
  position: relative;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
form fieldset:last-of-type {
  margin-bottom: 0;
}
form fieldset legend {
  display: block;
  padding: 10px 15px;
  background: #f8c55b;
  color: #333;
  margin-bottom: 10px;
  position: absolute;
  top: 0;
  left: 25px;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
form fieldset div.input {
  position: relative;
}
form fieldset div.input span.loading,
form fieldset div.input span.password {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 35px;
  z-index: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
form fieldset label {
  position: relative;
}
form fieldset label.required:after {
  content: ' *';
  color: #f51241;
  font-size: 20px;
  line-height: 14px;
}
form fieldset label.checkbox {
  float: left;
  width: calc(100% - 25px);
  cursor: pointer;
}
form fieldset label.placeholder {
  position: absolute;
  top: 13px;
  left: 15px;
  pointer-events: none;
  color: #949494;
  transition: all 100ms ease 0s;
  -webkit-transition: all 100ms ease 0s;
  -moz-transition: all 100ms ease 0s;
}
form fieldset button,
form fieldset input,
form fieldset select,
form fieldset select option,
form fieldset textarea {
  display: block;
  width: 100%;
  background: #f5f5f5;
  margin-bottom: 5px;
  padding: 17px 0 8px 15px;
  font-size: 14px;
  font-family: 'Mulish', sans-serif;
  border: 1px solid #e5e5e5;
  position: relative;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
form fieldset button,
form fieldset input,
form fieldset textarea {
  -webkit-appearance: none;
}
form fieldset input.shorter,
form fieldset select.shorter,
form fieldset textarea.shorter {
  width: 50%;
}
form fieldset input.short,
form fieldset select.short,
form fieldset textarea.short {
  width: 150px;
}
form fieldset input.password {
  padding-right: 40px;
}
form fieldset input.submit {
  background: #f8c55b;
  color: #333;
}
form fieldset input.radio,
form fieldset input.checkbox {
  float: left;
  width: 15px;
  height: 15px;
  margin: 3px 10px 0 0;
  padding: 0;
  cursor: pointer;
  background: #fff;
  border-color: #474747;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
form fieldset input.radio:after,
form fieldset input.checkbox:after {
  content: '';
  line-height: 15px;
  font-size: 20px;
  color: #fff;
  position: relative;
  top: -3px;
  left: 1px;
}
form fieldset input.radio:checked,
form fieldset input.checkbox:checked {
  background: #88d38e !important;
  border-color: #348e3b !important;
}
form fieldset input.radio:checked:after,
form fieldset input.checkbox:checked:after {
  content: '✔';
  color: #348e3b;
}
form fieldset input.radio:after {
  content: '';
  font-size: 20px;
  left: 1px;
}
form fieldset input.radio:checked:after {
  content: 'x';
}
form fieldset textarea {
  height: 65px;
}
form fieldset input.text:focus,
form fieldset input.radio:focus,
form fieldset input.checkbox:focus,
form fieldset select:focus,
form fieldset textarea:focus {
  border-color: #848b5b;
  box-shadow: 0 0 4px 0 #848b5b;
}
form fieldset input.text:focus ~ label.placeholder,
form fieldset input.text:not(:placeholder-shown) ~ label.placeholder,
form fieldset input.text:-webkit-autofill ~ label.placeholder,
form fieldset textarea:focus ~ label.placeholder,
form fieldset textarea:not(:placeholder-shown) ~ label.placeholder,
form fieldset textarea:-webkit-autofill ~ label.placeholder {
  top: 3px;
  font-size: 10px;
  text-transform: uppercase;
}
form fieldset input.text:focus ~ label.placeholder:after,
form fieldset input.text:not(:placeholder-shown) ~ label.placeholder:after,
form fieldset input.text:-webkit-autofill ~ label.placeholder:after,
form fieldset textarea:focus ~ label.placeholder:after,
form fieldset textarea:not(:placeholder-shown) ~ label.placeholder:after,
form fieldset textarea:-webkit-autofill ~ label.placeholder:after {
  content: '';
}
form fieldset input.number ~ label.placeholder.active,
form fieldset select ~ label.placeholder.active {
  top: 3px;
  font-size: 10px;
  font-weight: 600;
  color: #474747;
  text-transform: uppercase;
}
form fieldset input.number ~ label.placeholder.active:after,
form fieldset select ~ label.placeholder.active:after {
  content: '';
}
form fieldset input[readonly],
form fieldset input[disabled] {
  cursor: not-allowed;
  color: #878787;
}
form fieldset input.validation-error,
form fieldset select.validation-error,
form fieldset textarea.validation-error {
  background: #fcbdca !important;
  border-color: #f51241;
}
form fieldset input.validation-ok,
form fieldset select.validation-ok,
form fieldset textarea.validation-ok {
  background: #9ada9f !important;
  border-color: #348e3b;
}
form fieldset div.g-recaptcha {
  margin: 5px 0;
}
form fieldset.half {
  width: 50%;
}
form fieldset.nopadding {
  padding-top: 25px;
}
.button {
  display: block;
  width: auto;
  height: 45px;
  line-height: 45px;
  border: 0;
  padding: 0 25px;
  margin: 0;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
  background: #f8c55b;
  border-bottom: 3px solid #f6b42a;
  color: #333;
  font-size: 14px;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
.button:hover {
  background: #f6b42a;
}
.button i.fa {
  font-size: 14px;
  margin: 0 0 0 5px;
}
.button.prev {
  background: #999;
  border-color: #808080;
}
.button.prev:hover {
  background: #808080;
}
.button.prev i.fa {
  margin: 0 5px 0 0;
}
.button.waiting {
  display: none;
  background: #e0e2ec;
  border-color: #c0c4d9;
  color: #474747;
  cursor: not-allowed;
}
.dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  padding: 250px 5% 0 5%;
  background: rgba(0,0,0,0.75);
}
.dialog .dialog_content {
  position: relative;
  margin: 0 auto;
  background: #fff;
  padding: 50px;
}
.dialog .dialog_content i.fa.close {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #f51241;
  font-size: 25px;
  cursor: pointer;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
.dialog .dialog_content i.fa.close:hover {
  transform: scale(1.25);
}
.dialog .dialog_content .button {
  display: inline-block;
  line-height: 33px;
  height: 35px;
  padding: 0 15px;
  margin-bottom: 5px;
}
#dialog_add .dialog_content {
  max-width: 550px;
}
body {
  font-family: 'Mulish', sans-serif;
  color: #474747;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  background: #fff url('../img/main/bg_footer.jpg') 50% 100% no-repeat;
}
a {
  color: #f8c55b;
}
a:hover {
  text-decoration: none;
}
.inside {
  max-width: 1600px;
  width: 95%;
  margin: 0 auto;
  position: relative;
}
.mobile {
  display: none;
}
.cc_consent {
  display: none;
}
.cc_consent.cc_granted {
  display: block;
}
#cookies {
  display: none;
  position: fixed;
  bottom: 35%;
  left: 0;
  z-index: 999;
  width: 100%;
  background: #fff;
  border-top: 2px solid #F0F1F6;
  border-bottom: 2px solid #F0F1F6;
  color: #474747;
  padding: 15px 0;
}
#cookies a {
  color: #474747;
  border-color: #474747;
}
#cookies a:hover {
  border-color: #fff;
}
#cookies button.button {
  display: inline-block;
  height: auto;
  line-height: 1;
  padding: 10px;
  margin-top: 10px;
  font-size: 12px;
}
#cookies button.button.prev {
  background: #e0e2ec;
  border-color: #c0c4d9;
  color: #474747;
}
#cookies button.button.prev:hover {
  background: #c0c4d9;
}
#cookies #cookies_info {
  text-align: center;
  font-size: 12px;
}
#cookies #cookies_settings {
  display: none;
  margin-top: 10px;
}
#cookies #cookies_settings div.box {
  padding: 10px 0;
  border-top: 1px solid #F0F1F6;
}
#cookies #cookies_settings div.box:nth-of-type(4) {
  border-bottom: 1px solid #F0F1F6;
}
#cookies #cookies_settings div.box label {
  display: inline-block;
  margin-left: 3px;
  font-weight: bold;
  cursor: pointer;
}
#cookies #cookies_settings div.box p {
  font-size: 10px;
}
#cookies.active {
  display: block;
}
#cookies_closed {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  border-top: 1px solid #F0F1F6;
  border-right: 1px solid #F0F1F6;
  background: #fff;
  padding: 5px 10px;
  font-size: 10px;
  cursor: pointer;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#cookies_closed:hover {
  background: #F0F1F6;
}
#cookies_closed.active {
  display: block;
}
#notification {
  width: 100%;
  text-align: center;
  background: #f51241;
  color: #fff;
  padding: 10px 0;
}
#notification_rolling {
  width: 100%;
  text-align: center;
  background: #f51241;
  color: #fff;
  padding: 10px 0;
  position: relative;
  overflow: hidden;
}
#notification_rolling:before {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 25px;
  content: '';
  background-image: linear-gradient(to left,rgba(245,18,65,0),#f51241);
}
#notification_rolling:after {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  right: 0;
  width: 25px;
  content: '';
  background-image: linear-gradient(to left,#f51241,rgba(245,18,65,0));
}
#notification_rolling span {
  display: block;
  white-space: nowrap;
  animation: marquee 30s linear infinite;
  text-align: left;
}
#header_top {
  max-width: 1600px;
  width: 95%;
  margin: 0 auto;
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid #F0F1F6;
}
#header_top #jazyk,
#header_top #mena {
  display: inline-block;
  float: right;
  border: 0;
  height: 21px;
  text-align: center;
  background: #999;
  color: #fff;
  cursor: pointer;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#header_top #jazyk:hover,
#header_top #mena:hover {
  background: #b3b3b3;
}
#header_top #mena {
  margin-left: 5px;
}
#header_top #menu,
#header_top #menu_user {
  float: left;
}
#header_top #menu ul,
#header_top #menu_user ul {
  list-style: none;
}
#header_top #menu ul li,
#header_top #menu_user ul li {
  display: inline-block;
}
#header_top #menu ul li a,
#header_top #menu_user ul li a {
  display: block;
  margin-right: 25px;
  color: #999;
  text-decoration: none;
}
#header_top #menu ul li a:hover,
#header_top #menu_user ul li a:hover {
  text-decoration: underline;
}
#header_top #menu ul li a i.fa,
#header_top #menu_user ul li a i.fa {
  margin-right: 3px;
}
#header_top #menu ul li a.active,
#header_top #menu_user ul li a.active {
  color: #474747;
}
#header_top #menu ul li a.user,
#header_top #menu_user ul li a.user {
  color: #f8c55b;
}
#header_top #menu ul li a.logout,
#header_top #menu_user ul li a.logout {
  color: #f8c55b;
}
#header_top #menu_user {
  float: right;
}
#header {
  padding: 25px 0;
}
#header #logo {
  display: block;
  float: left;
  margin-right: 50px;
  position: relative;
  z-index: 2;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#header #logo img {
  display: block;
  max-height: 50px;
}
#header #favorite {
  display: none;
  height: 45px;
  line-height: 45px;
  margin: 0 0 0 20px;
  padding: 0 20px;
  float: right;
  clear: right;
  border: 0;
  background: #848b5b;
  border-bottom: 3px solid #676c47;
  position: relative;
  z-index: 2;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#header #favorite:hover {
  background: #676c47;
}
#header #favorite.active {
  display: block;
}
#header #kosik {
  display: block;
  float: right;
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
  background: #f8c55b;
  border-bottom: 3px solid #f6b42a;
  color: #333;
  text-decoration: none;
  position: relative;
  z-index: 2;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#header #kosik:hover {
  background: #f6b42a;
}
#header #kosik i.fa {
  display: inline-block;
  color: #333;
  margin-right: 5px;
  font-size: 20px;
  position: relative;
  top: 2px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#header #kontakty {
  float: right;
  margin: 0 50px;
  position: relative;
  z-index: 2;
}
#header #kontakty i.fa {
  display: block;
  float: left;
  font-size: 35px;
  color: #999;
  margin-top: 5px;
}
#header #kontakty div.info {
  float: left;
  margin-left: 10px;
}
#header #kontakty div.info strong {
  display: block;
  font-weight: 300;
}
#header #kontakty div.info a {
  display: block;
  text-decoration: none;
  color: #348e3b;
  font-size: 17px;
  font-weight: 600;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#header #kontakty div.info a:hover {
  text-decoration: underline;
}
#header #search {
  position: relative;
  margin: 0 auto;
}
#header #search fieldset {
  padding: 0;
  margin: 0;
  background: none;
}
#header #search fieldset input.text {
  background: #fff;
  border: 1px solid #f8c55b;
  margin-bottom: 0;
  height: 45px;
  padding: 0 20px;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#header #search fieldset button.submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 65px;
  height: 45px;
  line-height: 45px;
  padding: 0;
  margin: 0;
  border: 0;
  background: #f8c55b;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 0 3px 3px 0;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#header #search fieldset button.submit:hover {
  background: #fad68c;
}
#kategorie_h {
  height: 100px;
  background: #848b5b url('../img/main/bg.png') 0 50%;
}
#kategorie_h ul {
  list-style: none;
}
#kategorie_h ul li.main {
  display: flex;
}
#kategorie_h ul li.main:nth-of-type(1) a {
  border-left: 0;
}
#kategorie_h ul li.main:last-of-type a {
  border-right: 0;
}
#kategorie_h ul li.main:hover > a span.text {
  color: #474747;
}
#kategorie_h ul li.main:hover > div.overlay {
  display: block;
}
#kategorie_h ul li.main > a {
  color: #fff;
  font-weight: bold;
  padding: 25px 15px 0 15px;
  line-height: 20px;
  border-right: 1px solid #9da475;
  border-left: 1px solid #676c47;
  position: relative;
  text-decoration: none;
  text-align: center;
  font-family: 'Poiret One', cursive;
  font-size: 17px;
}
#kategorie_h ul li.main > a i.fa {
  display: block;
  margin-bottom: 5px;
  font-size: 20px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#kategorie_h ul li.main > a span.text {
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#kategorie_h ul li.main > a.active span.text {
  color: #474747;
}
#kategorie_h ul li.main > div.overlay {
  display: none;
  width: 100%;
  padding: 25px;
  box-shadow: 0 0 20px -5px #a0a7c6;
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 5;
  background: #F0F1F6;
  border-radius: 0 0 5px 5px;
}
#kategorie_h ul li.main > div.overlay ul {
  width: 100%;
  text-align: center;
}
#kategorie_h ul li.main > div.overlay ul li {
  display: block;
  width: 250px;
  text-align: center;
}
#kategorie_h ul li.main > div.overlay ul li a {
  display: block;
  line-height: 30px;
  color: #474747;
  font-size: 17px;
  border: 0;
  padding: 0;
  text-decoration: none;
}
#kategorie_h ul li.main > div.overlay ul li a:hover {
  background: transparent;
  text-decoration: underline;
}
#kategorie_h ul li.main > div.overlay ul li a span.img {
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  overflow: hidden;
}
#kategorie_h ul li.main > div.overlay ul li a span.img img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100px;
}
#kategorie_h ul li.main > div.overlay ul li a span.text {
  display: block;
  margin: 5px 0;
}
#kategorie_h ul li.main > div.overlay ul li a.active span.text {
  color: #f8c55b;
}
#kategorie_h ul li.main > div.overlay ul li div.overlay {
  display: block;
  padding: 0 15px;
}
#kategorie_h ul li.main > div.overlay ul li div.overlay ul li {
  display: inline-block;
  float: none;
  width: auto;
}
#kategorie_h ul li.main > div.overlay ul li div.overlay ul li a {
  display: block;
  margin: 0 2px 2px 0;
  padding: 0 5px;
  background: #e0e2ec;
  font-size: 14px;
  color: #474747;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#kategorie_h ul li.main > div.overlay ul li div.overlay ul li a span.img {
  display: none;
}
#kategorie_h ul li.main > div.overlay ul li div.overlay ul li a span.text {
  margin: 0;
}
#kategorie_h ul li.main > div.overlay > ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#kategorie_h ul li.main > div.overlay > ul > li {
  margin-bottom: 15px;
}
#kategorie_h ul.main {
  height: 100px;
  display: flex;
  justify-content: center;
}
#slider {
  width: 1100px;
  margin: 35px auto 0 auto;
  height: 500px;
  background: #F0F1F6;
  cursor: e-resize;
  overflow: hidden;
}
#slider ul.slick-dots {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  z-index: 1;
  text-align: center;
}
#slider ul.slick-dots li {
  display: inline;
}
#slider ul.slick-dots li button {
  border: 0;
  font-size: 0;
  width: 15px;
  height: 15px;
  background: #f8c55b;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#slider ul.slick-dots li.slick-active button {
  width: 45px;
}
#content {
  padding: 35px 0 50px 0;
}
#content #nav {
  margin-bottom: 10px;
  color: #999;
  font-size: 12px;
}
#content #nav a {
  text-decoration: none;
}
#content #nav a:hover {
  text-decoration: underline;
}
#content #nav a i.fa,
#content #nav a span.img {
  display: none;
}
#content #nav span.sep {
  display: inline-block;
  margin: 0 10px;
}
#content h1 {
  font-size: 50px;
  color: #848b5b;
  font-family: 'Poiret One', cursive;
  margin-bottom: 25px;
  font-weight: 700;
  line-height: 1.25;
}
#content h2 {
  font-size: 30px;
  color: #f8c55b;
  font-family: 'Poiret One', cursive;
  margin-bottom: 5px;
  font-weight: 300;
  line-height: 1.25;
}
#content h3 {
  font-size: 17px;
  color: #f8c55b;
  font-family: 'Poiret One', cursive;
  margin-bottom: 3px;
  font-weight: 300;
  line-height: 1.25;
}
#content p,
#content ul,
#content ol {
  margin-bottom: 25px;
}
#content ul,
#content ol {
  margin-left: 25px;
}
#content figure,
#content figure img {
  max-width: 100% !important;
  height: auto !important;
}
#content p:last-of-type,
#content ul:last-of-type,
#content ol:last-of-type {
  margin-bottom: 0;
}
#content div.description {
  padding: 15px;
  margin-bottom: 25px;
  background: linear-gradient(-60deg,#fff 0,#F0F1F6 100%);
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content div.description.bottom {
  margin-top: 25px;
  margin-bottom: 0;
}
#content div.paging a {
  display: inline-block;
  background: #e0e2ec;
  padding: 5px 10px;
  text-decoration: none;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content div.paging a:hover {
  background: #d0d3e3;
}
#content div.paging strong {
  display: inline-block;
  background: #f8c55b;
  color: #333;
  padding: 5px 10px;
  text-decoration: none;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content div.paging #limit {
  float: right;
  border: 0;
  background: #f8c55b;
  color: #fff;
  padding: 5px 10px;
  cursor: pointer;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #contact_form {
  width: 300px;
  float: right;
  margin-left: 50px;
}
#content #contact_form form fieldset {
  padding: 0;
  background: #fff;
}
#content #contact_form form fieldset input.text,
#content #contact_form form fieldset textarea {
  margin-bottom: 3px;
}
#content #search-list div.item {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #F0F1F6;
}
#content #search-list div.item:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
#content #sidebar {
  float: left;
  width: 200px;
  position: sticky;
  top: 10px;
}
#content #sidebar #filter fieldset {
  margin-bottom: 0;
  padding: 15px;
  background: #F0F1F6;
}
#content #sidebar #filter fieldset div.tags {
  margin-bottom: 35px;
}
#content #sidebar #filter fieldset div.tags div.tag input.checkbox {
  margin: 0 5px 7.5px 0;
}
#content #sidebar #filter fieldset div.tags div.tag label.checkbox {
  width: auto;
  line-height: 0.65;
  margin: 2px 0 0 0;
  text-transform: lowercase;
}
#content #sidebar #filter fieldset div.price {
  margin-bottom: 35px;
}
#content #sidebar #filter fieldset div.price .irs--flat .irs-from,
#content #sidebar #filter fieldset div.price .irs--flat .irs-to,
#content #sidebar #filter fieldset div.price .irs--flat .irs-single,
#content #sidebar #filter fieldset div.price .irs--flat .irs-bar {
  background: #f8c55b;
}
#content #sidebar #filter fieldset div.price .irs--flat .irs-from:before,
#content #sidebar #filter fieldset div.price .irs--flat .irs-to:before,
#content #sidebar #filter fieldset div.price .irs--flat .irs-single:before,
#content #sidebar #filter fieldset div.price .irs--flat .irs-bar:before {
  border-top-color: #f8c55b;
}
#content #sidebar #filter fieldset div.price .irs--flat .irs-handle i {
  background: #f8c55b;
}
#content #sidebar #filter fieldset div.variants {
  margin-bottom: 35px;
}
#content #sidebar #filter fieldset div.variants .SumoSelect {
  width: 100%;
}
#content #sidebar #filter fieldset div.variants .SumoSelect .optWrapper .options {
  margin-left: 0;
}
#content #sidebar #filter fieldset div.variants .SumoSelect .CaptionCont {
  margin-bottom: 5px;
  background: #fff;
}
#content #sidebar #filter fieldset div.variants input {
  width: auto;
  float: left;
  cursor: pointer;
}
#content #sidebar #filter fieldset div.variants label span {
  cursor: pointer;
}
#content #sidebar #filter fieldset input.button {
  margin-right: 5px;
}
#content #sidebar #filter fieldset input.button,
#content #sidebar #filter fieldset a.button {
  display: block;
  float: left;
  width: 48.5%;
  padding: 0;
  height: 30px;
  line-height: 30px;
  font-size: 10px;
}
#content div.subcategories {
  margin-bottom: 25px;
}
#content div.subcategories a.cat {
  display: block;
  float: left;
  text-decoration: none;
  margin: 0 35px 10px 0;
  color: #474747;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content div.subcategories a.cat:hover span.label {
  text-decoration: underline;
}
#content div.subcategories a.cat span.img {
  display: block;
  float: left;
  width: 75px;
  height: 75px;
  background: #F0F1F6;
}
#content div.subcategories a.cat span.img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 2;
  font-size: 0;
}
#content div.subcategories a.cat span.img i.fa {
  display: block;
  line-height: 75px;
  text-align: center;
  font-size: 20px;
  color: #c0c4d9;
}
#content div.subcategories a.cat span.label {
  display: block;
  float: left;
  line-height: 75px;
  padding: 0 15px;
  background: linear-gradient(60deg,#F0F1F6 0,#fff 100%);
}
#content #produkty {
  float: right;
  width: calc(100% - 250px);
}
#content #produkty div.sort {
  border-bottom: 1px solid #e0e2ec;
  padding: 0 15px;
  margin-bottom: 25px;
}
#content #produkty div.sort a {
  display: inline-block;
  padding: 10px;
  margin-right: 3px;
  background: #F0F1F6;
  border: 1px solid #e0e2ec;
  border-radius: 3px 3px 0 0;
  position: relative;
  top: 1px;
  color: #474747;
  text-decoration: none;
  transition: all 250ms ease 0s;
  -webkit-transition: all 250ms ease 0s;
  -moz-transition: all 250ms ease 0s;
}
#content #produkty div.sort a:hover {
  background: #fff;
}
#content #produkty div.sort a.active {
  background: #fff;
  border-bottom: 1px solid #fff;
  color: #f8c55b;
  border-top: 3px solid #f8c55b;
}
#content #produkty div.sort div.view {
  float: right;
}
#content #produkty div.produkty div.produkt {
  width: 32.33%;
  float: left;
  margin: 0 1% 25px 0;
  background: #F0F1F6;
  position: relative;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #produkty div.produkty div.produkt:hover {
  box-shadow: 0 0 15px 0 #a0a7c6;
}
#content #produkty div.produkty div.produkt:hover a span.img img.first {
  opacity: 0;
}
#content #produkty div.produkty div.produkt:hover a span.img img.second {
  opacity: 1;
}
#content #produkty div.produkty div.produkt span.stitky {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 4;
}
#content #produkty div.produkty div.produkt span.stitky span.stitek {
  display: block;
  margin-bottom: 1px;
  font-size: 10px;
  padding: 2px 10px;
  text-align: center;
  color: #fff;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #produkty div.produkty div.produkt span.stitky span.stitek.flag {
  font-size: 17px;
  padding: 0;
}
#content #produkty div.produkty div.produkt span.stitky span.stitek.flag i.flag-icon {
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #produkty div.produkty div.produkt span.stitky span.sleva {
  background: #f51241;
}
#content #produkty div.produkty div.produkt span.stitky span.novinka {
  background: #848b5b;
}
#content #produkty div.produkty div.produkt span.stitky span.darek {
  background: #348e3b;
}
#content #produkty div.produkty div.produkt span.stitky span.dopravazdarma {
  background: #348e3b;
}
#content #produkty div.produkty div.produkt a {
  display: block;
  padding: 15px;
  text-decoration: none;
}
#content #produkty div.produkty div.produkt a span.img {
  display: block;
  height: 225px;
  overflow: hidden;
  position: relative;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #produkty div.produkty div.produkt a span.img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 2;
  font-size: 0;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 225px;
}
#content #produkty div.produkty div.produkt a span.img img.second {
  opacity: 0;
  z-index: 3;
  transition: opacity 500ms ease 0s;
}
#content #produkty div.produkty div.produkt a span.nazev {
  display: block;
  margin: 10px 0;
  height: 45px;
  color: #474747;
  font-weight: 600;
  position: relative;
  overflow: hidden;
}
#content #produkty div.produkty div.produkt a span.cena {
  display: block;
  color: #848b5b;
  position: relative;
}
#content #produkty div.produkty div.produkt a span.cena:after {
  position: absolute;
  bottom: 26px;
  left: 0;
  content: '';
  width: 50px;
  border-top: 3px solid #848b5b;
  border-right: 3px solid transparent;
  border-left: none;
}
#content #produkty.full {
  width: 100%;
  float: none;
}
#content #produkty.list div.produkty div.produkt {
  width: 100%;
  float: none;
  margin: 0 0 10px 0 !important;
}
#content #produkty.list div.produkty div.produkt a span.img {
  float: left;
  width: 150px;
  height: 150px;
  margin-right: 15px;
}
#content #produkty.list div.produkty div.produkt a span.img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 2;
  font-size: 0;
  position: absolute;
}
#content #produkty.list div.produkty div.produkt a span.nazev {
  margin: 0 0 5px 0;
  height: auto;
}
#content #produkty.list div.produkty div.produkt a span.cena {
  font-size: 17px;
}
#content #produkty.list div.produkty div.produkt a span.cena:after {
  display: none;
}
#content #produkt #rating {
  position: relative;
  top: -25px;
}
#content #produkt div.prev_next {
  margin-bottom: 25px;
}
#content #produkt div.prev_next a {
  display: block;
  text-decoration: none;
}
#content #produkt div.prev_next a:hover {
  text-decoration: underline;
}
#content #produkt div.prev_next a.prev {
  float: left;
}
#content #produkt div.prev_next a.prev i.fa {
  margin-right: 3px;
}
#content #produkt div.prev_next a.next {
  float: right;
}
#content #produkt div.prev_next a.next i.fa {
  margin-left: 3px;
}
#content #produkt div.details {
  width: 47.5%;
  float: right;
  margin-bottom: 50px;
}
#content #produkt div.details form fieldset {
  margin: 0 0 10px 0;
  padding: 0;
  background: transparent;
}
#content #produkt div.details form fieldset legend {
  width: 100%;
  margin: 0;
  left: 0;
  top: 0;
  color: #474747;
  font-weight: bold;
  background: linear-gradient(-60deg,#fff 0,#d0d3e3 100%);
}
#content #produkt div.details form fieldset table {
  width: 100%;
}
#content #produkt div.details form fieldset table tr th,
#content #produkt div.details form fieldset table tr td {
  padding: 5px 15px;
  border-bottom: 1px solid #fff;
  vertical-align: middle;
}
#content #produkt div.details form fieldset table tr th {
  text-align: right;
  font-weight: 600;
}
#content #produkt div.details form fieldset table tr.dostupnost {
  display: none;
  background: #f51241;
  color: #fff;
}
#content #produkt div.details form fieldset table tr.dostupnost span.ks {
  text-transform: lowercase;
}
#content #produkt div.details form fieldset table tr.dostupnost.skladem {
  background: #348e3b;
  color: #fff;
}
#content #produkt div.details form fieldset table tr.dostupnost.active {
  display: table-row;
}
#content #produkt div.details form fieldset table tr.cena {
  background: #F0F1F6;
}
#content #produkt div.details form fieldset table tr.cena.sale {
  background: #F0F1F6;
}
#content #produkt div.details form fieldset table tr.cena.nosale {
  background: #F0F1F6;
}
#content #produkt div.details form fieldset:last-of-type {
  margin-bottom: 0;
}
#content #produkt div.details form fieldset input.submit {
  width: 250px;
  float: right;
  height: 50px;
  font-size: 20px;
  text-transform: uppercase;
  background: #f8c55b;
  color: #333;
  padding: 0;
  margin-bottom: 0;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #produkt div.details form fieldset input.submit.tester {
  width: auto;
  padding: 0 15px;
  font-size: 14px;
}
#content #produkt div.details form fieldset p.dostupnost {
  float: right;
  font-weight: bold;
  padding: 3px 10px;
  background: #fb4370;
  color: #fff;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #produkt div.details form fieldset label.varianta {
  display: block;
  float: left;
  width: 30%;
  height: 30px;
  line-height: 30px;
  margin-bottom: 3px;
  font-weight: bold;
}
#content #produkt div.details form fieldset select.varianta {
  display: block;
  float: right;
  width: 70%;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  border: 0;
}
#content #produkt div.details form fieldset label.ks {
  display: block;
  float: right;
  margin: 0 15px 0 5px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  text-transform: lowercase;
}
#content #produkt div.details form fieldset input.number {
  float: right;
  width: 75px;
  height: 50px;
  font-size: 20px;
  margin-bottom: 0;
  border: 0;
  padding: 0;
  text-align: center;
  background: #f8c55b;
  color: #333;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #produkt div.details form fieldset a.button {
  display: inline-block;
  padding: 0 10px;
}
#content #produkt div.details form fieldset button.favorite {
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
}
#content #produkt div.details form fieldset button.favorite:hover {
  background: #848b5b;
  border-color: #676c47;
}
#content #produkt div.details form fieldset button.favorite i.fa {
  margin: 0;
}
#content #produkt div.details form fieldset button.favorite.active {
  background: #676c47;
  border-color: #676c47;
}
#content #produkt div.details form fieldset.add {
  margin-bottom: 50px;
}
#content #produkt div.details form fieldset.legend {
  padding-top: 40px;
  height: 40px;
  overflow: hidden;
  background: linear-gradient(-60deg,#fff 0,#F0F1F6 100%);
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #produkt div.details form fieldset.legend legend {
  cursor: pointer;
}
#content #produkt div.details form fieldset.legend legend:hover {
  background: linear-gradient(-60deg,#d0d3e3 0,#d0d3e3 100%);
}
#content #produkt div.details form fieldset.legend legend i.fa {
  display: block;
  float: right;
  font-size: 17px;
  padding-top: 2.5px;
}
#content #produkt div.details form fieldset.legend.open {
  height: auto;
  padding: 55px 15px 15px 15px;
}
#content #produkt div.details form fieldset.cupon {
  text-align: right;
  position: relative;
  top: -40px;
}
#content #produkt div.details form fieldset.cupon span.label {
  display: block;
  padding: 10px;
  background: linear-gradient(60deg,#fff 0,#F0F1F6 100%);
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #produkt div.details form fieldset.cupon span.label b {
  display: inline-block;
  padding: 2.5px 5px;
  background: #d0d3e3;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #produkt div.details form fieldset.popis a.more {
  display: block;
  margin-top: 5px;
}
#content #produkt div.details form fieldset.popis a.more i.fa {
  margin-left: 5px;
}
#content #produkt div.details form fieldset.vlastnosti div.line {
  position: relative;
  display: block;
}
#content #produkt div.details form fieldset.vlastnosti div.line:before {
  content: ' ';
  position: absolute;
  z-index: 1;
  bottom: 5px;
  left: 0;
  right: 0;
  border-bottom: 1px dotted #576090;
}
#content #produkt div.details form fieldset.vlastnosti div.line span,
#content #produkt div.details form fieldset.vlastnosti div.line strong {
  display: block;
  float: left;
  padding: 0 10px 0 0;
  background: #F0F1F6;
  position: relative;
  z-index: 2;
}
#content #produkt div.details form fieldset.vlastnosti div.line span {
  float: right;
  text-align: right;
  padding: 0 0 0 10px;
  background: #fff;
}
#content #produkt div.details div.social a {
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #produkt div.details div.social a:hover {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
}
#content #produkt div.images {
  width: 47.5%;
  float: left;
  margin-bottom: 50px;
}
#content #produkt div.images div.image {
  display: block;
  overflow: hidden;
  position: relative;
  border: 1px solid #F0F1F6;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #produkt div.images div.image div.image360 {
  margin: 0 auto;
  cursor: ew-resize;
}
#content #produkt div.images div.image a.main {
  display: block;
}
#content #produkt div.images div.image a.main:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
#content #produkt div.images div.image a.main img {
  display: block;
  margin: 0 auto;
  width: 100%;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #produkt div.images div.image span.stitky {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 3;
}
#content #produkt div.images div.image span.stitky span.stitek {
  display: block;
  margin-bottom: 1px;
  font-size: 12px;
  padding: 5px 10px;
  text-align: center;
  color: #fff;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #produkt div.images div.image span.stitky span.stitek.flag {
  font-size: 20px;
  padding: 0;
}
#content #produkt div.images div.image span.stitky span.stitek.flag i.flag-icon {
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #produkt div.images div.image span.stitky span.sleva {
  background: #f51241;
}
#content #produkt div.images div.image span.stitky span.novinka {
  background: #848b5b;
}
#content #produkt div.images div.image span.stitky span.darek {
  background: #348e3b;
}
#content #produkt div.images div.image span.stitky span.dopravazdarma {
  background: #348e3b;
}
#content #produkt div.images div.gallery {
  height: 127px;
  overflow: hidden;
}
#content #produkt div.images div.gallery a.sub {
  display: block;
  width: 129px;
  height: 125px;
  float: left;
  margin: 1px 1px 0 0;
  border: 1px solid #F0F1F6;
  overflow: hidden;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #produkt div.images div.gallery a.sub:nth-of-type(4n) {
  margin-right: 0;
  width: 132px;
}
#content #produkt div.images div.gallery a.sub:hover img {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
}
#content #produkt div.images div.gallery a.sub img {
  display: block;
  height: 125px;
  margin: 0 auto;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #produkt div.box {
  margin-bottom: 50px;
}
#content #produkt div.box iframe {
  margin-bottom: 10px;
}
#content #produkt div.box h2 {
  font-size: 20px;
  color: #f8c55b;
  margin-bottom: 25px;
  position: relative;
  font-size: 'Poiret One', cursive;
  font-weight: 600;
}
#content #produkt div.box h2:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  content: '';
  width: 50px;
  border-top: 3px solid #f8c55b;
  border-right: 3px solid transparent;
  border-left: none;
}
#content #produkt div.box table.metraze tr th {
  background: #F0F1F6;
  padding: 15px;
}
#content #produkt div.box table.metraze tr input.number {
  display: inline-block;
  width: 75px;
  color: #fff;
  text-align: center;
  background: #f8c55b;
  padding: 5px;
  margin: 0 5px 0 0;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #produkt div.box table.metraze tr input.zkratit {
  margin-left: 5px;
}
#content #produkt div.box table.metraze tr input.submit {
  padding: 0 10px;
}
#content #produkt div.box table.metraze tr.metraz td {
  padding: 15px;
  border-top: 1px solid #F0F1F6;
  min-width: 135px;
}
#content #produkt div.box table.metraze tr.metraz td span.placeholder {
  font-weight: 600;
}
#content #produkt div.box table.metraze tr.sluzby {
  display: none;
  background: #F0F1F6;
}
#content #produkt div.box table.metraze tr.sluzby table.sluzby tr th.small,
#content #produkt div.box table.metraze tr.sluzby table.sluzby tr td.small {
  width: 35px;
  padding-right: 0;
  text-align: right;
}
#content #produkt div.box table.metraze tr.sluzby table.sluzby tr td.smaller {
  width: 240px;
}
#content #produkt div.box table.metraze tr.sluzby table.sluzby tr th {
  padding: 10px;
  background: #d0d3e3;
}
#content #produkt div.box table.metraze tr.sluzby table.sluzby tr td {
  padding: 10px;
  border-top: 1px solid #d0d3e3;
}
#content #produkt div.box table.metraze tr.sluzby table.sluzby tr td span.placeholder {
  font-weight: 600;
}
#content #produkt div.box div.popis {
  padding: 15px;
  background: linear-gradient(-60deg,#fff 0,#F0F1F6 100%);
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #produkt div.box div.reviews {
  column-count: 3;
  column-gap: 25px;
}
#content #produkt div.box div.reviews div.review {
  display: inline-block;
  width: 100%;
  padding: 25px;
  margin-bottom: 25px;
  background: #F0F1F6;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #produkt div.box div.reviews div.review span.date {
  display: block;
}
#content #produkt div.box div.reviews div.review span.name {
  display: block;
  font-weight: 600;
}
#content #produkt div.box div.reviews div.review ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#content #produkt div.box div.reviews div.review ul i.fa {
  display: inline-block;
  margin-right: 5px;
}
#content #produkt div.box div.reviews div.review ul.zelene {
  color: #348e3b;
}
#content #produkt div.box div.reviews div.review ul.cervene {
  color: #f51241;
}
#content #produkt div.box div.reviews div.review ul,
#content #produkt div.box div.reviews div.review span.popis {
  display: block;
  margin-top: 15px;
}
#content #produkt div.box div.produkt {
  width: 23.5%;
  float: left;
  margin: 0 2% 10px 0;
  background: #F0F1F6;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  position: relative;
}
#content #produkt div.box div.produkt:nth-of-type(4n) {
  margin-right: 0;
}
#content #produkt div.box div.produkt a {
  display: block;
  padding: 15px;
  text-decoration: none;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #produkt div.box div.produkt a:hover {
  box-shadow: 0 0 15px 0 #a0a7c6;
}
#content #produkt div.box div.produkt a span.img {
  display: block;
  height: 225px;
  overflow: hidden;
  position: relative;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #produkt div.box div.produkt a span.img:after {
  content: '\e209';
  font-family: 'FontAwesome';
  font-size: 25px;
  position: absolute;
  top: calc(50% - 19px);
  left: calc(50% - 13px);
  z-index: 1;
  color: #a0a7c6;
}
#content #produkt div.box div.produkt a span.img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  margin: auto;
  max-width: 100%;
  max-height: 225px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #produkt div.box div.produkt a span.nazev {
  display: block;
  margin: 10px 0;
  height: 25px;
  color: #474747;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#content #produkt div.box div.produkt a span.cena {
  display: block;
  color: #848b5b;
  position: relative;
}
#content #produkt div.box div.produkt a span.cena:after {
  position: absolute;
  bottom: 26px;
  left: 0;
  content: '';
  width: 50px;
  border-top: 3px solid #848b5b;
  border-right: 3px solid transparent;
  border-left: none;
}
#content #cart div.nav {
  margin-bottom: 5px;
}
#content #cart div.nav a {
  display: block;
  float: left;
  height: 75px;
  line-height: 75px;
  width: calc(33.33% - 3.5px);
  background: #999;
  padding: 0 25px;
  text-decoration: none;
  color: #fff;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #cart div.nav a:nth-of-type(2) {
  margin: 0 5px;
}
#content #cart div.nav a:hover {
  background: #f8c55b;
}
#content #cart div.nav a b {
  margin-right: 5px;
}
#content #cart div.nav a i.fa {
  display: block;
  float: right;
  line-height: 75px;
  font-size: 20px;
}
#content #cart div.nav a.active {
  background: #f8c55b;
}
#content #cart span.info.important {
  background: #f51241;
  color: #fff;
}
#content #cart span.free_shipping {
  margin: 0 0 3px 0 !important;
}
#content #cart .prev {
  float: left;
}
#content #cart .next {
  float: right;
}
#content #cart .step {
  display: none;
}
#content #cart .step.active {
  display: block;
}
#content #cart #step1 form fieldset {
  padding: 0;
  margin: 0;
  background: transparent;
}
#content #cart #step1 form fieldset table {
  margin-bottom: 5px;
  overflow: hidden;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #cart #step1 form fieldset table tr th {
  padding: 10px 5px;
  background: #999;
  color: #fff;
  font-weight: normal;
  vertical-align: middle;
}
#content #cart #step1 form fieldset table tr th input.submit {
  height: 23px;
  line-height: 20px;
  width: 150px;
  font-size: 12px;
  padding: 0;
}
#content #cart #step1 form fieldset table tr td {
  padding: 10px 5px;
  vertical-align: middle;
  border-top: 1px dotted #999;
}
#content #cart #step1 form fieldset table tr td a {
  text-decoration: none;
}
#content #cart #step1 form fieldset table tr td span.img {
  display: block;
  height: 100px !important;
  overflow: hidden;
  position: relative;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #cart #step1 form fieldset table tr td span.img:after {
  content: '\e209';
  font-family: 'FontAwesome';
  font-size: 25px;
  position: absolute;
  top: calc(50% - 19px);
  left: calc(50% - 13px);
  z-index: 1;
  color: #a0a7c6;
}
#content #cart #step1 form fieldset table tr td span.img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 2;
  font-size: 0;
}
#content #cart #step1 form fieldset table tr td span.details {
  display: block;
  font-size: 10px;
  line-height: 1.25;
  margin-top: 3px;
}
#content #cart #step1 form fieldset table tr td span.dostupnost {
  color: #f51241;
}
#content #cart #step1 form fieldset table tr td span.skladem.skladem {
  color: #848b5b;
}
#content #cart #step1 form fieldset table tr td input.number {
  width: 75px;
  border: 0;
  color: #333;
  background: #f8c55b;
  padding: 10px;
  text-align: center;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #cart #step1 form fieldset table tr td a.delete {
  color: #f51241;
  font-size: 20px;
}
#content #cart #step1 form fieldset table tr td a.delete i.fa {
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #cart #step1 form fieldset table tr td a.delete:hover i.fa {
  transform: scale(1.25);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
}
#content #cart #step1 form fieldset table tr td.r {
  white-space: nowrap;
}
#content #cart #step1 form fieldset .next {
  float: right;
}
#content #cart #step2 form fieldset:last-of-type {
  padding-top: 25px;
}
#content #cart #step2 form fieldset input.text,
#content #cart #step2 form fieldset select,
#content #cart #step2 form fieldset textarea {
  background: #fff;
}
#content #cart #step2 form fieldset select {
  padding: 0 15px;
  width: 250px;
  height: 46px;
}
#content #cart #step2 form fieldset input.checkbox {
  background: #fff;
}
#content #cart #step2 form fieldset input.inline {
  display: inline-block;
  width: 100px;
  background: #fff;
  padding: 2.5px;
  margin-bottom: 0;
  text-align: center;
}
#content #cart #step2 form fieldset div.method {
  padding: 10px 20px;
  margin-bottom: 1px;
  background: #fff;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #cart #step2 form fieldset div.method input.radio {
  margin: 15px 25px 0 0;
}
#content #cart #step2 form fieldset div.method label.radio {
  float: left;
  width: calc(100% - 40px);
  cursor: pointer;
}
#content #cart #step2 form fieldset div.method label.radio span.item {
  display: block;
}
#content #cart #step2 form fieldset div.method label.radio span.item.nazev {
  float: left;
  width: 500px;
}
#content #cart #step2 form fieldset div.method label.radio span.item.cena {
  float: left;
  width: 100px;
  font-weight: bold;
}
#content #cart #step2 form fieldset div.method label.radio span.item.img {
  float: right;
  height: 25px;
  margin-top: 10px;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #cart #step2 form fieldset div.method label.radio span.item.img img {
  display: block;
  height: 100%;
}
#content #cart #step2 form fieldset div.method label.radio span.item.popis {
  clear: left;
  color: #a0a7c6;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #cart #step2 form fieldset div.method div.pobocky-box {
  display: none;
  margin: 10px 0 0 40px;
}
#content #cart #step2 form fieldset div.method div.pobocky-box select {
  background: #f5f5f5;
}
#content #cart #step2 form fieldset div.method div.pobocky-box.active {
  display: block;
}
#content #cart #step2 form fieldset div.method:last-of-type {
  margin-bottom: 0;
}
#content #cart #step2 form fieldset div.method:hover label.radio span.item.popis {
  color: #474747;
}
#content #cart #step2 form fieldset div.method.disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
#content #cart #step2 form fieldset div.method.disabled * {
  cursor: not-allowed !important;
  color: #a0a7c6 !important;
}
#content #cart #step2 form fieldset #box_faktura,
#content #cart #step2 form fieldset #box_firma {
  clear: both;
}
#content #cart #step2 form fieldset #box_faktura span.loading.none,
#content #cart #step2 form fieldset #box_firma span.loading.none {
  display: none;
}
#content #cart #step2 form fieldset span.info {
  margin-bottom: 5px;
}
#content #cart #step3 form fieldset {
  padding: 0;
  background: transparent;
}
#content #cart #step3 table tr td,
#content #cart #step3 table tr th {
  width: 50%;
  padding: 5px 25px;
}
#content #cart #step3 table tr th.head {
  background: #999;
  color: #fff;
}
#content #cart #step3 table tr:nth-of-type(2n) {
  background: #F0F1F6;
}
#content #cart #step3 table tr td.r {
  white-space: nowrap;
}
#content #cart #crosssell {
  margin: 75px 0;
}
#content #cart #crosssell div.produkt {
  width: 23.5%;
  float: left;
  margin: 0 2% 0 0;
  background: #F0F1F6;
  position: relative;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #cart #crosssell div.produkt:hover {
  box-shadow: 0 0 15px 0 #a0a7c6;
}
#content #cart #crosssell div.produkt:nth-of-type(4n) {
  margin-right: 0;
}
#content #cart #crosssell div.produkt span.stitky {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 3;
}
#content #cart #crosssell div.produkt span.stitky span.stitek {
  display: block;
  margin-bottom: 1px;
  font-size: 10px;
  padding: 2px 10px;
  text-align: center;
  color: #fff;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #cart #crosssell div.produkt span.stitky span.stitek.flag {
  font-size: 17px;
  padding: 0;
}
#content #cart #crosssell div.produkt span.stitky span.stitek.flag i.flag-icon {
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #cart #crosssell div.produkt span.stitky span.sleva {
  background: #f51241;
}
#content #cart #crosssell div.produkt span.stitky span.novinka {
  background: #848b5b;
}
#content #cart #crosssell div.produkt span.stitky span.darek {
  background: #348e3b;
}
#content #cart #crosssell div.produkt span.stitky span.dopravazdarma {
  background: #348e3b;
}
#content #cart #crosssell div.produkt a {
  display: block;
  padding: 15px;
  text-decoration: none;
}
#content #cart #crosssell div.produkt a span.img {
  display: block;
  height: 225px;
  overflow: hidden;
  position: relative;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #cart #crosssell div.produkt a span.img:after {
  content: '\e209';
  font-family: 'FontAwesome';
  font-size: 25px;
  position: absolute;
  top: calc(50% - 19px);
  left: calc(50% - 13px);
  z-index: 1;
  color: #a0a7c6;
}
#content #cart #crosssell div.produkt a span.img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  margin: auto;
  max-width: 100%;
  max-height: 225px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #cart #crosssell div.produkt a span.nazev {
  display: block;
  margin: 10px 0;
  height: 25px;
  color: #474747;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#content #cart #crosssell div.produkt a span.cena {
  display: block;
  color: #848b5b;
  position: relative;
}
#content #cart #crosssell div.produkt a span.cena:after {
  position: absolute;
  bottom: 26px;
  left: 0;
  content: '';
  width: 50px;
  border-top: 3px solid #848b5b;
  border-right: 3px solid transparent;
  border-left: none;
}
#content #cart #crosssell div.produkt a.add {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 2;
  padding: 5px 15px;
  height: auto;
  line-height: 1;
}
#content #cart #crosssell div.produkt a.add i.fa {
  margin: 0;
}
#content #prihlaseni fieldset {
  width: 50%;
  float: left;
  padding: 0;
  margin: 0;
  background: transparent;
}
#content #prihlaseni fieldset input.submit,
#content #prihlaseni fieldset a.button {
  display: block;
  float: left;
  margin-right: 5px;
}
#content #prihlaseni fieldset.left {
  padding-right: 150px;
  border-right: 1px solid #e5e5e5;
}
#content #prihlaseni fieldset.right {
  padding-left: 150px;
}
#content #prihlaseni_reset {
  width: calc(50% - 150px);
  margin-top: 25px;
}
#content #prihlaseni_reset fieldset {
  padding: 0;
  margin: 0;
  background: transparent;
}
#content #registrace fieldset input.text {
  background: #fff;
}
#content #profil fieldset select,
#content #profil fieldset input.text {
  background: #fff;
}
#content #profil #box_firm {
  display: none;
}
#content #users_orders div.order {
  border: 1px solid #F0F1F6;
  padding: 25px;
  margin-bottom: 25px;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #users_orders div.order span.detail {
  display: block;
  float: left;
  margin-right: 5px;
  padding: 5px 15px;
  background: #f8c55b;
  color: #333;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #users_orders div.order span.detail a {
  color: #333;
}
#content #users_orders div.order table.products {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}
#content #users_orders div.order table.products tr th {
  font-weight: 600;
}
#content #users_orders div.order table.products tr th,
#content #users_orders div.order table.products tr td {
  padding: 5px;
  border-top: 1px solid #F0F1F6;
}
#content #users_orders div.order table.products tr th div.rating,
#content #users_orders div.order table.products tr th div.review,
#content #users_orders div.order table.products tr td div.rating,
#content #users_orders div.order table.products tr td div.review {
  display: none;
}
#content #users_orders div.order table.products tr th div.rating textarea.popis,
#content #users_orders div.order table.products tr th div.review textarea.popis,
#content #users_orders div.order table.products tr td div.rating textarea.popis,
#content #users_orders div.order table.products tr td div.review textarea.popis {
  background: #F0F1F6;
  width: 100%;
  height: 75px;
  padding: 10px;
  margin-bottom: 5px;
  font-size: 10px;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #users_orders div.order table.products tr th div.rating textarea.popis_zelene,
#content #users_orders div.order table.products tr th div.review textarea.popis_zelene,
#content #users_orders div.order table.products tr td div.rating textarea.popis_zelene,
#content #users_orders div.order table.products tr td div.review textarea.popis_zelene {
  color: #348e3b;
}
#content #users_orders div.order table.products tr th div.rating textarea.popis_cervene,
#content #users_orders div.order table.products tr th div.review textarea.popis_cervene,
#content #users_orders div.order table.products tr td div.rating textarea.popis_cervene,
#content #users_orders div.order table.products tr td div.review textarea.popis_cervene {
  color: #f51241;
}
#content #users_orders div.order table.products tr .thumb {
  width: 150px;
}
#content #users_orders div.order table.products tr .thumb img {
  display: block;
  width: 100%;
}
#content #users_orders div.order table.products tr .name {
  width: 300px;
}
#content #users_orders div.order table.products tr .ks {
  width: 75px;
}
#content #users_orders div.order table.products tr .link {
  width: 200px;
}
#content #users_orders div.order table.products tr .link2 {
  width: 500px;
}
#content #text.blog.list div.sekce {
  width: 250px;
  float: right;
  margin-bottom: 25px;
}
#content #text.blog.list div.sekce a.item {
  display: block;
  padding: 10px 20px;
  background: #f8c55b;
  color: #fff;
  margin: 0 1px 1px 0;
  text-decoration: none;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #text.blog.list div.sekce a.item:hover {
  background: #848b5b;
}
#content #text.blog.list div.list {
  width: 800px;
}
#content #text.blog.list div.list a.item {
  display: block;
  margin-bottom: 25px;
  float: left;
  width: 32%;
  margin: 0 0 25px 0;
  text-decoration: none;
  color: #474747;
  overflow: hidden;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#content #text.blog.list div.list a.item:hover h2 {
  background: #f8c55b;
}
#content #text.blog.list div.list a.item span.img {
  display: block;
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
  background: #F0F1F6;
}
#content #text.blog.list div.list a.item span.img:after {
  content: '\e209';
  font-family: 'FontAwesome';
  font-size: 25px;
  position: absolute;
  top: calc(50% - 19px);
  left: calc(50% - 13px);
  z-index: 1;
  color: #a0a7c6;
}
#content #text.blog.list div.list a.item span.img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 2;
  font-size: 0;
}
#content #text.blog.list div.list a.item h2 {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  height: 130px;
  font-size: 20px;
  margin: 0;
  background: #848b5b;
  color: #fff;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #text.blog.list div.list a.item span.details {
  display: none;
}
#content #text.blog.list div.list a.item span.desc {
  display: block;
  padding: 10px 15px;
  background: #F0F1F6;
}
#content #text.blog.list div.list a.item.middle {
  margin-left: 2%;
  margin-right: 2%;
}
#content #text.blog.detail {
  float: left;
  width: 65%;
}
#content #text.blog.detail span.img {
  display: block;
  margin-bottom: 25px;
  border: 1px solid #F0F1F6;
  position: relative;
}
#content #text.blog.detail span.img:after {
  content: '\e209';
  font-family: 'FontAwesome';
  font-size: 25px;
  position: absolute;
  top: calc(50% - 19px);
  left: calc(50% - 13px);
  z-index: 1;
  color: #a0a7c6;
}
#content #text.blog.detail span.img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 2;
  font-size: 0;
}
#content #text.blog.detail .diskuse {
  margin-top: 50px;
}
#content #sidebar.blog.detail {
  float: right;
  width: 30%;
}
#content #sidebar.blog.detail h3 {
  font-weight: bold;
  margin-bottom: 5px;
}
#content #sidebar.blog.detail ul {
  list-style: none;
  margin: 0;
}
#content #sidebar.blog.detail ul li:nth-of-type(1) a {
  border-top: 0;
}
#content #sidebar.blog.detail ul li:last-of-type a {
  border-bottom: 0;
}
#content #sidebar.blog.detail ul li a {
  display: block;
  padding: 5px 10px;
  background: #F0F1F6;
  color: #999;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #d0d3e3;
  text-decoration: none;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #sidebar.blog.detail ul li a:hover {
  background: #848b5b;
  color: #fff;
}
#content #sidebar.blog.detail .tagy {
  margin-bottom: 50px;
}
#content #sidebar.blog.detail .tagy a {
  display: block;
  float: left;
  margin: 0 1px 1px 0;
  padding: 5px 10px;
  font-size: 10px;
  background: #F0F1F6;
  color: #999;
  text-decoration: none;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #sidebar.blog.detail .tagy a:hover {
  background: #848b5b;
  color: #fff;
}
#content #sidebar.blog.detail .social {
  margin-bottom: 50px;
}
#content #sidebar.blog.detail .social a {
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #sidebar.blog.detail .social a:hover {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
}
#content #sidebar.blog.detail .products div.produkt {
  width: 47.5%;
  float: left;
  margin: 0 5% 15px 0;
  background: #F0F1F6;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  position: relative;
}
#content #sidebar.blog.detail .products div.produkt:nth-of-type(2n) {
  margin-right: 0;
}
#content #sidebar.blog.detail .products div.produkt a {
  display: block;
  padding: 15px;
  text-decoration: none;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #sidebar.blog.detail .products div.produkt a:hover {
  box-shadow: 0 0 15px 0 #a0a7c6;
}
#content #sidebar.blog.detail .products div.produkt a span.img {
  display: block;
  height: 125px;
  overflow: hidden;
  position: relative;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #sidebar.blog.detail .products div.produkt a span.img:after {
  content: '\e209';
  font-family: 'FontAwesome';
  font-size: 25px;
  position: absolute;
  top: calc(50% - 19px);
  left: calc(50% - 13px);
  z-index: 1;
  color: #a0a7c6;
}
#content #sidebar.blog.detail .products div.produkt a span.img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  margin: auto;
  max-width: 100%;
  max-height: 225px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #sidebar.blog.detail .products div.produkt a span.nazev {
  display: block;
  margin: 10px 0;
  height: 25px;
  color: #474747;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#content #sidebar.blog.detail .products div.produkt a span.cena {
  display: block;
  color: #848b5b;
  position: relative;
}
#content #sidebar.blog.detail .products div.produkt a span.cena:after {
  position: absolute;
  bottom: 26px;
  left: 0;
  content: '';
  width: 50px;
  border-top: 3px solid #848b5b;
  border-right: 3px solid transparent;
  border-left: none;
}
#content #sidebar.blog.detail .products div.produkt a.add {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 2;
  padding: 7.5px 15px;
  height: auto;
  line-height: 1;
}
#content #sidebar.blog.detail .products div.produkt a.add i.fa {
  margin: 0;
}
#content #products_seen {
  margin-top: 50px;
}
#content #products_seen h4 {
  display: block;
  font-size: 20px;
  color: #f8c55b;
  font-family: 'Poiret One', cursive;
  margin-bottom: 25px;
  font-weight: 600;
  position: relative;
}
#content #products_seen h4:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  content: '';
  width: 50px;
  border-top: 3px solid #f8c55b;
  border-right: 3px solid transparent;
  border-left: none;
}
#content #products_seen div.produkt {
  width: 19.2%;
  float: left;
  margin: 0 1% 0 0;
  background: #F0F1F6;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  position: relative;
}
#content #products_seen div.produkt:nth-of-type(5) {
  margin-right: 0;
}
#content #products_seen div.produkt a {
  display: block;
  padding: 15px;
  text-decoration: none;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #products_seen div.produkt a:hover {
  box-shadow: 0 0 15px 0 #a0a7c6;
}
#content #products_seen div.produkt a span.img {
  display: block;
  height: 145px;
  overflow: hidden;
  position: relative;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #products_seen div.produkt a span.img:after {
  content: '\e209';
  font-family: 'FontAwesome';
  font-size: 25px;
  position: absolute;
  top: calc(50% - 19px);
  left: calc(50% - 13px);
  z-index: 1;
  color: #a0a7c6;
}
#content #products_seen div.produkt a span.img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  margin: auto;
  max-width: 100%;
  height: 145px;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#content #products_seen div.produkt a span.nazev {
  display: block;
  margin: 10px 0;
  height: 25px;
  color: #474747;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#content #products_seen div.produkt a span.cena {
  display: block;
  color: #848b5b;
  position: relative;
}
#content #products_seen div.produkt a span.cena:after {
  position: absolute;
  bottom: 26px;
  left: 0;
  content: '';
  width: 50px;
  border-top: 3px solid #848b5b;
  border-right: 3px solid transparent;
  border-left: none;
}
body.home #content #sidebar,
body.search #content #sidebar {
  display: none;
}
body.home #content #produkty,
body.search #content #produkty {
  width: 100%;
}
#pros {
  max-width: 1600px;
  width: 95%;
  margin: 0 auto;
  position: relative;
  padding: 50px 0;
  border-top: 1px solid #F0F1F6;
  border-bottom: 1px solid #F0F1F6;
}
#pros span.item {
  display: block;
  float: left;
  width: calc(100% / 4 - 20px);
  margin: 0 10px;
  padding: 25px;
  background: linear-gradient(-60deg,#fff 0,#F0F1F6 100%);
  text-align: center;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
  color: #999;
}
#pros span.item i,
#pros span.item b {
  display: block;
  text-align: center;
  font-size: 20px;
  color: #f8c55b;
}
#pros span.item i {
  font-size: 25px;
}
#pros span.item b {
  margin: 10px 0;
  font-family: 'Poiret One', cursive;
}
#blog {
  padding: 50px 0;
}
#blog h3 {
  display: block;
  font-size: 30px;
  margin-bottom: 25px;
  font-family: 'Poiret One', cursive;
  color: #f8c55b;
  position: relative;
}
#blog h3:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  content: '';
  width: 50px;
  border-top: 3px solid #f8c55b;
  border-right: 3px solid transparent;
  border-left: none;
}
#blog a {
  display: block;
  width: 32%;
  float: left;
  position: relative;
  text-decoration: none;
  color: #474747;
  background: #F0F1F6;
  overflow: hidden;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#blog a:hover span.img img {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
}
#blog a:nth-of-type(2) {
  margin: 0 2%;
}
#blog a span.img {
  display: block;
  height: 200px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#blog a span.img:after {
  content: '\e209';
  font-family: 'FontAwesome';
  font-size: 25px;
  position: absolute;
  top: calc(50% - 19px);
  left: calc(50% - 13px);
  z-index: 1;
  color: #a0a7c6;
}
#blog a span.img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 2;
  font-size: 0;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#blog a span.date {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 5px 15px;
  background: #f8c55b;
  color: #333;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#blog a span.nazev {
  display: flex;
  align-items: center;
  height: 75px;
  padding: 0 25px;
  background: #d0d3e3;
  font-weight: bold;
  line-height: 1.25;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#newsletter {
  padding: 50px 0;
  background: #848b5b url('../img/main/bg.png') 0 50%;
}
#newsletter div.content {
  float: left;
  color: #fff;
}
#newsletter div.content strong {
  display: block;
  font-weight: 700;
  font-size: 20px;
  font-family: 'Poiret One', cursive;
}
#newsletter form {
  float: right;
  width: 550px;
}
#newsletter form fieldset {
  padding: 0;
  margin: 0;
  background: none;
}
#newsletter form fieldset input.text {
  height: 50px;
  padding: 15px;
  margin: 0;
  background: #fff;
  border: 0;
  border: 1px solid #f8c55b;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#newsletter form fieldset input.text:focus ~ label.placeholder,
#newsletter form fieldset input.text:not(:focus):valid ~ label.placeholder,
#newsletter form fieldset input.text:not(:placeholder-shown) ~ label.placeholder {
  top: 0px;
}
#newsletter form fieldset button.button {
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 3px 3px 0;
}
#footer {
  padding: 50px 0;
}
#footer div.box {
  float: left;
  width: 25%;
  padding-right: 50px;
  position: relative;
}
#footer div.box h4 {
  margin-bottom: 35px;
  color: #f8c55b;
  font-family: 'Poiret One', cursive;
  font-size: 20px;
  font-weight: 600;
  position: relative;
}
#footer div.box h4:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  content: '';
  width: 50px;
  border-top: 3px solid #f8c55b;
  border-right: 3px solid transparent;
  border-left: none;
}
#footer div.box span.content {
  color: #474747;
}
#footer div.box span.content a.social {
  display: block;
  text-decoration: none;
}
#footer div.box span.content a.social i.fa {
  display: inline-block;
  width: 15px;
  text-align: center;
}
#footer div.box span.content ul {
  line-height: 2;
  padding-left: 15px;
}
#footer div.box span.content ul li a {
  text-decoration: none;
  color: #474747;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#footer div.box span.content ul li a:hover {
  color: #f8c55b;
}
#footer div.box span.content ul li a i.fa {
  display: none;
}
#footer div.box.about span.content img.logo {
  display: block;
  height: 50px;
  margin-bottom: 10px;
}
#footer div.box.kontakt span.content {
  font-size: 17px;
}
#footer div.box.kontakt span.content i.fa {
  display: inline-block;
  width: 45px;
  height: 35px;
  line-height: 35px;
  margin: 0 10px 1px 0;
  background: #f8c55b;
  color: #333;
  text-align: center;
  border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  -moz-border-radius: 2.5px;
}
#footer div.box.kontakt span.content a {
  text-decoration: none;
  color: #474747;
  transition: all 350ms ease 0s;
  -webkit-transition: all 350ms ease 0s;
  -moz-transition: all 350ms ease 0s;
}
#footer div.box.kontakt span.content a:hover {
  color: #f8c55b;
}
#footer div.box.kontakt span.payments {
  position: absolute;
  right: 0;
  bottom: -50px;
}
#footer div.box.kontakt span.payments img {
  height: 25px;
}
#copyright {
  padding: 50px 0;
}
#copyright p {
  float: left;
}
#copyright p a {
  color: #474747;
}
#copyright p#becorp {
  float: right;
}
#copyright p#becorp a.becorp img {
  width: 170px;
  height: auto;
  position: relative;
  top: 5px;
  transform-origin: center left;
  transition: all 500ms ease 0s;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
}
#copyright p#becorp a.becorp:hover img {
  transform: scale(1.15);
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
}
@media screen and (max-width: 1150px) {
  .inside {
    width: 100% !important;
    padding-left: 2.5% !important;
    padding-right: 2.5% !important;
  }
  #header_top {
    width: 100% !important;
    padding-left: 2.5% !important;
    padding-right: 2.5% !important;
  }
  #kategorie {
    padding: 10px 0;
    height: auto;
  }
  #kategorie .inside ul {
    margin-top: 10px;
  }
  #kategorie .inside ul li > a {
    display: block;
    width: 100%;
    height: auto !important;
    line-height: 1 !important;
    float: none;
    padding: 5px;
    font-size: 15px;
    border-right: 0;
  }
  #kategorie .inside ul li > a i.fa {
    display: none;
  }
  #kategorie .inside ul li div.sub {
    display: block;
    padding: 10px;
    position: static;
    min-height: auto;
    box-shadow: none;
    border: 0;
  }
  #kategorie .inside ul li div.sub span.img {
    display: none;
  }
  #kategorie .inside ul li div.sub a.sub {
    width: 100%;
    float: none;
    margin: 0;
    line-height: 1.5;
  }
  #slider {
    width: 100% !important;
    height: auto !important;
  }
  #slider div.item {
    height: auto !important;
  }
  #slider div.item img {
    width: 100% !important;
  }
  #content #produkty div.produkty div.produkt {
    width: 49%;
    margin: 0 1% 25px 0 !important;
  }
}
@media screen and (max-width: 800px) {
  .mobile {
    display: block;
  }
  .pc {
    display: none;
  }
  body.cart #notification {
    display: none;
  }
  body.cart #header_top {
    display: none;
  }
  body.cart #header #search {
    display: none;
  }
  body.cart #kategorie_h {
    display: none;
  }
  body.cart #products_seen {
    display: none;
  }
  body.page7 #content {
    padding-top: 0;
  }
  #cookies #cookies_settings {
    max-height: 300px;
    overflow: auto;
  }
  form fieldset input.text,
  form fieldset select,
  form fieldset textarea {
    width: 100% !important;
  }
  form fieldset.half {
    width: 100%;
  }
  .button {
    height: auto !important;
    line-height: 1.25 !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  .dialog .dialog_content .button {
    width: 100%;
  }
  #header_top {
    padding: 5px 0;
  }
  #header_top #menu_user {
    float: left;
  }
  #header_top #menu_user ul li a i.fa {
    display: none;
  }
  #header {
    padding: 10px 0;
  }
  #header #logo {
    margin: 5px 0 0 0;
  }
  #header #logo img {
    height: 35px;
  }
  #header #favorite,
  #header #kosik {
    padding: 0 10px !important;
    margin-left: 3px;
    height: 45px !important;
    line-height: 45px !important;
  }
  #header #search {
    clear: both;
    width: 100%;
    margin: 5px 0 0 0 !important;
    float: left;
  }
  #kategorie_h {
    height: 50px;
    position: relative;
    z-index: 5;
  }
  #kategorie_h div.filter_mobile {
    float: left;
    font-size: 30px;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  #kategorie_h div.kategorie_mobile {
    float: right;
    font-size: 30px;
    color: #fff;
    position: relative;
    z-index: 1;
  }
  #kategorie_h ul.main {
    display: none;
    width: 100%;
    height: auto;
    background: #848b5b;
    padding-top: 50px;
  }
  #kategorie_h ul.main li.main {
    display: block;
  }
  #kategorie_h ul.main li.main a {
    display: block;
    width: 100%;
    text-align: left;
    line-height: 1;
    padding: 5px 10px;
    border: 0 !important;
  }
  #kategorie_h ul.main li.main a i.fa {
    display: none;
  }
  #kategorie_h ul.main li.main a.active span.text {
    color: #f8c55b !important;
  }
  #kategorie_h ul.main li.main div.overlay {
    display: block !important;
    background: transparent;
    box-shadow: none;
    position: static;
    padding: 0;
  }
  #kategorie_h ul.main li.main div.overlay ul.sub {
    display: block !important;
    margin-left: 25px;
  }
  #kategorie_h ul.main li.main div.overlay ul.sub li.sub {
    display: block;
    float: none;
    width: 100%;
  }
  #kategorie_h ul.main li.main div.overlay ul.sub li.sub a {
    display: block;
    line-height: 1.5;
    padding: 0;
    margin: 0;
    font-size: 12px;
    background: transparent;
  }
  #kategorie_h ul.main li.main div.overlay ul.sub li.sub a span.img {
    display: none;
  }
  #kategorie_h ul.main li.main div.overlay ul.sub li.sub a span.text {
    margin: 0;
  }
  #kategorie_h ul.main li.main div.overlay ul.sub li.sub div.overlay {
    padding: 0;
  }
  #kategorie_h ul li.main > div.overlay > ul > li {
    margin-bottom: 0;
  }
  #kategorie_h ul li.main > div.overlay ul {
    width: 90%;
  }
  #content h1 {
    font-size: 25px;
  }
  #content #sidebar {
    position: absolute;
    top: -35px;
    left: 2.5%;
    z-index: 99;
    float: none;
    width: 95%;
    background: #848b5b;
  }
  #content #sidebar #filter {
    width: 100%;
    margin: 0;
  }
  #content #sidebar #filter fieldset {
    background: transparent;
  }
  #content #sidebar #filter fieldset div.price,
  #content #sidebar #filter fieldset div.variants,
  #content #sidebar #filter fieldset div.variants .SumoSelect {
    width: 100%;
    float: none;
  }
  #content #produkty {
    float: none;
    width: 100%;
  }
  #content #produkty div.sort {
    padding-left: 0;
  }
  #content #produkty div.sort a {
    padding: 5px;
  }
  #content #produkty div.produkty div.produkt {
    width: 100%;
    float: none;
    margin: 0 0 10px 0 !important;
  }
  #content #filter {
    width: 100%;
    margin-bottom: 25px;
  }
  #content #filter div.price,
  #content #filter div.variants,
  #content #filter div.variants .SumoSelect {
    width: 100%;
    float: none;
  }
  #content #produkt div.images,
  #content #produkt div.details {
    width: 100%;
    float: none;
  }
  #content #produkt div.images form fieldset select.varianta,
  #content #produkt div.details form fieldset select.varianta {
    width: 100%;
    float: none;
  }
  #content #produkt div.images form fieldset input.submit,
  #content #produkt div.details form fieldset input.submit {
    width: 100%;
    float: none;
    margin-bottom: 5px;
  }
  #content #produkt div.images form fieldset label.ks,
  #content #produkt div.details form fieldset label.ks {
    margin-right: 0;
  }
  #content #produkt div.box div.produkt {
    width: 100%;
    float: none;
    margin: 0 0 10px 0 !important;
  }
  #content #produkt #metraze form {
    width: 100%;
    overflow-x: scroll;
    box-shadow: inset -14px 0 7px -7px #ccc;
  }
  #content #produkt #metraze table.metraze tr th {
    text-align: center;
    vertical-align: middle;
    padding: 15px 5px;
  }
  #content #produkt #metraze table.metraze tr td {
    text-align: center;
    vertical-align: middle;
    padding: 5px;
    min-width: auto;
  }
  #content #products_seen div.produkt {
    width: 100%;
    float: none;
    margin: 0 0 10px 0 !important;
  }
  #content #cart div.nav {
    height: auto;
    margin-bottom: 3.5px;
  }
  #content #cart div.nav a {
    line-height: 1;
    height: auto;
    margin: 0 5px 0 0 !important;
    font-size: 10px;
    padding: 10px 5px;
  }
  #content #cart div.nav a:nth-of-type(3) {
    margin-right: 0 !important;
  }
  #content #cart div.nav a i.fa {
    display: none;
  }
  #content #cart .button {
    width: 100%;
    float: none;
    margin-bottom: 3px;
  }
  #content #cart .button.prev {
    display: none;
  }
  #content #cart #step2 form fieldset {
    margin-bottom: 10px;
    padding: 50px 10px 10px 10px;
  }
  #content #cart #step2 form fieldset:last-of-type {
    padding-top: 10px;
  }
  #content #cart #step2 form fieldset legend {
    left: 10px;
    width: calc(100% - 20px);
  }
  #content #cart #step2 form fieldset div.method label.radio span.item {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
  }
  #content #cart #step2 form fieldset div.method label.radio span.item.nazev {
    font-size: 12px;
  }
  #content #cart #step2 form fieldset div.method label.radio span.item.popis {
    display: none !important;
  }
  #content #cart #step2 form fieldset #box_firma div.item i.fa-refresh {
    left: auto;
    right: 25px;
  }
  #content #cart #step2 form fieldset.nopadding {
    padding: 10px;
  }
  #content #users_orders div.order {
    padding: 5px;
  }
  #content #users_orders div.order span.detail {
    width: calc(50% - 2px);
    margin: 0 1px 1px 1px;
  }
  #content #users_orders div.order table.products tr th,
  #content #users_orders div.order table.products tr td {
    display: block;
    width: 100% !important;
  }
  #content #users_orders div.order table.products tr th img,
  #content #users_orders div.order table.products tr td img {
    width: auto !important;
    height: 100px;
    margin: 0 auto;
  }
  #content #users_orders div.order table.products tr .ks {
    text-align: center;
  }
  #content #prihlaseni fieldset {
    width: 100%;
    padding: 0 !important;
    border: 0 !important;
  }
  #content #prihlaseni fieldset.right {
    margin-top: 50px;
  }
  #content #text.blog.detail,
  #content #sidebar.blog.detail {
    display: block;
    width: 100% !important;
    float: none !important;
  }
  #content #sidebar.blog.detail {
    margin-top: 50px;
  }
  #content #text.blog.list div.list {
    width: 100%;
  }
  #content #text.blog.list div.list a.item {
    width: 100%;
    float: none;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  #content #text.blog.list div.list a.item h2 {
    display: block;
    height: auto;
    font-size: 14px;
  }
  #pros {
    width: 100%;
  }
  #pros span.item {
    width: 100%;
    float: none;
    margin: 5px 0;
  }
  #blog a.item {
    width: 100%;
    float: none;
    margin: 5px 0 !important;
  }
  #newsletter div.content,
  #newsletter form {
    float: none;
    width: 100%;
  }
  #newsletter form {
    margin-top: 15px;
  }
  #newsletter form .button {
    padding-left: 5px;
    padding-right: 5px;
  }
  #footer {
    overflow: hidden;
  }
  #footer div.box {
    width: 100%;
    float: none;
    margin: 0 0 25px 0 !important;
  }
  #footer div.box h4 {
    margin-bottom: 15px;
  }
  #footer div.box.kontakt {
    margin-bottom: 0 !important;
  }
  #footer div.box.kontakt span.payments img {
    display: block;
    width: 100%;
    height: auto;
  }
  #copyright p {
    width: 100%;
    text-align: center;
  }
  #copyright p#becorp {
    margin-top: 25px;
  }
}