@charset "UTF-8";
:root {
  --red: #b61f21;
  --black: #222223;
}
html {
  background: #fff;
}

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

a {
  color: #3e3e3e;
}

a:hover,
a:active {
  color: #e41515;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.19);
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
  font-family: "Prompt";
  src: url("../fonts/Prompt-Regular.woff");
  font-display: swap;
}

@font-face {
  font-family: "Prompt";
  src: url("../fonts/Prompt-SemiBold.woff");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Prompt";
  src: url("../fonts/Prompt-Bold.woff");
  font-weight: bold;
  font-display: swap;
}

@font-face {
  font-family: "Courgette";
  src: url("../fonts/Courgette-Regular.woff");
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Regular.woff");
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Semi.woff");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/OpenSans-Bold.woff");
  font-weight: bold;
  font-display: swap;
}

@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome.woff");
  font-display: swap;
}

@font-face {
  font-family: "Font Awesome 5 Pro";
  src: url("../fonts/fa-regular-400.woff");
  font-weight: 400;
  font-display: swap;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

body {
  font-family: "Open Sans", sans-serif;
  color: #3e3e3e;
  line-height: 1.5;
  overflow-x: hidden;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}

h1,
h2,
h3,
h4 {
  font-family: "Prompt";
  line-height: normal;
}

h1 {
  font-size: 2rem;
  text-transform: uppercase;
  font-weight: bold;
}

h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.125rem;
  text-align: center;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 1200px) {
  h2 {
    font-size: 1.5rem;
  }
}

h3 {
  text-transform: uppercase;
  font-weight: bold;
  margin: 1rem 0 0.5rem;
  font-size: 1.125rem;
}

.submenu h4 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.125rem;
  text-align: center;
  margin-bottom: 1rem;
}

button {
  cursor: pointer;
  outline: none;
}

input[type="text"] {
  outline: none;
  border-radius: 0;
}

input[type="submit"],
input[type="button"] {
  cursor: pointer;
  border: 0;
  border-radius: 0;
}

a:hover {
  text-decoration: none;
}

p {
  font-family: "Open Sans";
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

.container {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 10px;
}
.container::before,
.container::after {
  content: " ";
  display: table;
}
.container::after {
  clear: both;
}

.row::before,
.row::after {
  content: " ";
  display: table;
}

.row::after {
  clear: both;
}

.btn {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  font-family: "Prompt";
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1px;
  color: #ffffff;
  height: 50px;
  line-height: 50px;
  padding: 0rem 2rem;
  border: 0;
  font-size: 0.85rem;
}
.btn.black {
  background: linear-gradient(
    to bottom,
    rgba(211, 46, 62, 1) 0%,
    rgba(174, 26, 24, 1) 100%
  );
  color: #fff;
  text-shadow: 0 1px 0 #000000;
}
.btn.black:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#383838),
    to(#000000)
  );
  background: -webkit-linear-gradient(top, #383838, #000000);
  background: -o-linear-gradient(top, #383838, #000000);
  background: linear-gradient(to bottom, #383838, #000000);
}
.btn.green {
  background: linear-gradient(
    to bottom,
    rgba(50, 178, 84, 1) 0%,
    rgba(0, 134, 40, 1) 100%
  );
  box-shadow: 0 2px 0 #00671f;
}
.btn.green:hover {
  background: linear-gradient(
    to bottom,
    rgba(50, 178, 84, 0.8) 0%,
    rgba(0, 134, 40, 0.8) 100%
  );
  color: #fff;
}
@media only screen and (max-width: 599px) {
  .btn {
    width: 100%;
  }
}

.titulek {
  font-family: "Courgette";
}

main.seda {
  background: #f5f5f5;
}

main p {
  margin-bottom: 1rem;
}

@media (min-width: 1460px) {
  .container {
    padding: 0;
  }
}

.overlay {
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 2;
  overflow: auto;
}

@media (max-width: 1199px) {
  .overlay {
    display: none !important;
  }
}

.show {
  display: block !important;
}

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

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

.img-full {
  width: 100%;
}

.overlayDrz {
  display: block !important;
}

.filtr-radek label:hover,
.filtr-radek input[type="checkbox"]:checked + label {
  color: #e41515;
}

.pozitivni_hlaska {
  color: rgba(0, 134, 40, 0.8);
  margin-bottom: 2rem;
}

.podtrzeny-nadpis {
  text-align: center;
  position: relative;
  padding-bottom: 1rem;
  border-bottom: 2px solid #e4e4e4;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.podtrzeny-nadpis::after {
  content: "";
  display: block;
  height: 2px;
  width: 200px;
  background: #e41515;
  bottom: -2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
}
@media only screen and (min-width: 760px) {
  .podtrzeny-nadpis {
    margin-bottom: 3rem;
    margin-top: 3rem;
  }
}

.lowercase {
  text-transform: lowercase;
}

.far {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.fas {
  font-family: "Font Awesome 5 Pro";
}

.lazy_zbozi {
  display: none;
}

main:after,
main:before {
  content: "";
  display: table;
  clear: both;
}

.horni-lista {
  text-transform: uppercase;
  font-size: 0.75rem;
  height: 2.375rem;
  line-height: 2.375rem;
  -webkit-box-shadow: 0 2px 0 0 #ebebeb;
  box-shadow: 0 2px 0 0 #ebebeb;
  display: none;
}
@media only screen and (min-width: 1200px) {
  .horni-lista {
    display: block;
  }
}
.horni-lista .container {
  max-width: 1440px;
  background: #000;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.horni-lista .container a {
  color: #fff;
}
.horni-lista .container::before {
  content: "";
  position: absolute;
  display: block;
  background: #000;
  width: 300%;
  height: 38px;
  left: -100%;
  top: 0;
  z-index: -1;
}

.lista-odkazy {
  text-transform: none;
  font-size: 0.85rem;
  font-weight: 600;
}
.lista-odkazy li {
  display: inline-block;
  margin-right: 10px;
}

.lista-rada {
  position: relative;
}
.lista-rada picture {
  position: absolute;
  top: 2px;
}
.lista-rada img {
  width: 50px;
}

.nevite {
  padding-right: 5px;
  font-weight: 600;
}

.oteviracka {
  padding-left: 3.625rem;
}
.oteviracka a {
  font-weight: 600;
  text-decoration: none;
}

.lista-vernost {
  font-weight: 600;
}

header {
  font-family: "Prompt";
}
header .container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 250px;
  grid-template-columns: auto 250px;
  grid-template-areas: "logo header-btns" "hledani hledani";
  padding: 0;
  width: 100%;
  max-width: 1440px;
}
@media only screen and (max-width: 599px) {
  header .container {
    -ms-grid-columns: auto 190px;
    grid-template-columns: auto 190px;
  }
}
@media only screen and (min-width: 600px) {
  header .container {
    -ms-grid-columns: 170px auto 250px;
    grid-template-columns: 170px auto 250px;
    grid-template-areas: "logo hledani header-btns";
  }
}
@media only screen and (min-width: 1200px) {
  header .container {
    position: relative;
  }
}

.logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  display: flex;
  align-items: center;
}
.logo a,
.logo span {
  display: inline-block;
  width: 140px;
  height: 100%;
  background: url(../img/logo.svg) no-repeat center;
  background-size: 100%;
}
@media only screen and (max-width: 380px) {
  .logo a,
  .logo span {
    width: 120px;
    height: 50px;
  }
}
.logo img {
  display: none;
}
@media only screen and (min-width: 600px) {
  .logo img {
    max-width: 200px;
  }
}

.header-btns {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: header-btns;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background: F0F0F0;
}
.header-btns .navBtn {
  text-align: center;
  border-left: 1px solid #3e3e3e;
}
.header-btns .navBtn > a {
  padding: 0 10px;
  position: relative;
  display: block;
  width: 60px;
  height: 70px;
  padding-top: 15px;
  text-decoration: none;
  color: #fff;
}
.header-btns .navBtn > a > i {
  font-size: 26px;
}
.header-btns .navBtn.aktivni,
.header-btns .navBtn.drziHover {
  background: #f5f5f5;
  z-index: 3;
}
@media only screen and (min-width: 1200px) {
  .header-btns .navBtn.aktivni,
  .header-btns .navBtn.drziHover {
    position: relative;
  }
}
.header-btns .navBtn.aktivni a,
.header-btns .navBtn.drziHover a {
  position: relative;
  z-index: 4;
}
.header-btns span {
}
@media only screen and (min-width: 1200px) {
  .header-btns span {
    display: block;
    color: #3e3e3e;
    margin-top: 0.5rem;
  }
}
.header-btns .down {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .header-btns .down {
    display: inline-block;
    width: auto;
    height: auto;
  }
}

.aktivni .down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media only screen and (min-width: 1200px) {
  .header-btns i.desktop {
    display: inline-block;
  }
}

.header-btns .icon-phone-full:before {
  position: relative;
  left: -5px;
}

.header-btns .porovnani-btn {
  display: none;
}

.kosik-btn {
  color: rgba(0, 134, 40, 0.8);
}

.header-btns .pocet-kusu {
  background: #008628;
  background: linear-gradient(
    to bottom,
    rgba(50, 178, 84, 1) 0%,
    rgba(0, 134, 40, 1) 100%
  );
  display: inline-block;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 21px;
  font-size: 0.75rem;
  position: absolute;
  right: 3px;
  bottom: 13px;
}
@media only screen and (max-width: 380px) {
  .header-btns .pocet-kusu {
    right: 3px;
    bottom: 3px;
  }
}

.header-btns .porovnani-btn .pocet-kusu {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#4d4d4d),
    to(#2d2d2d)
  );
  background: -webkit-linear-gradient(top, #4d4d4d, #2d2d2d);
  background: -o-linear-gradient(top, #4d4d4d, #2d2d2d);
  background: linear-gradient(to bottom, #4d4d4d, #2d2d2d);
  right: 25px;
}

.header-btns .menu-btn {
  font-size: 0.8rem;
}
.header-btns .menu-btn img {
  vertical-align: middle;
  margin-right: 5px;
}
.header-btns .menu-btn span {
  display: block;
  text-transform: uppercase;
  margin-top: -5px;
}
@media only screen and (max-width: 380px) {
  .header-btns .menu-btn span {
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 380px) {
  .header-btns .menu-btn i {
    height: 36px;
    line-height: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-btns .menu-btn {
    display: none;
  }
}

.hledani {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: hledani;
  margin: 0.5rem 0;
  padding: 0 10px;
}

@media only screen and (min-width: 600px) {
  .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .header-btns {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .hledani {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
}
.hledani form {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.hledani input {
  display: inline-block;
}
.hledani input[type="text"] {
  background: #fff url(../img/search.svg) no-repeat 10px center;
  padding-left: 40px;
  width: 100%;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
  font-family: "Prompt";
}
@media only screen and (min-width: 1200px) {
  .hledani input[type="text"] {
    width: calc(100% - 90px);
  }
}
.hledani input[type="submit"] {
  display: none;
  font-size: 0.875rem;
  width: 90px;
  height: 50px;
  color: #fff;
  border: 0;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 600;
  background: #e41515;
  background: linear-gradient(
    to bottom,
    rgba(211, 46, 62, 1) 0%,
    rgba(174, 26, 24, 1) 100%
  );
  cursor: pointer;
}
.hledani input[type="submit"]:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#383838),
    to(#000000)
  );
  background: -webkit-linear-gradient(top, #383838, #000000);
  background: -o-linear-gradient(top, #383838, #000000);
  background: linear-gradient(to bottom, #383838, #000000);
}
@media only screen and (min-width: 1200px) {
  .hledani input[type="submit"] {
    display: inline-block;
  }
}
@media only screen and (min-width: 600px) {
  .hledani {
    background: F0F0F0;
    margin: 0;
    padding-top: 0.6rem;
  }
}
@media only screen and (min-width: 1200px) {
  .hledani {
    background: none;
    padding: 0;
    max-width: 600px;
  }
}

.input-hledani {
  border: solid 1px #bababa;
  height: 50px;
  line-height: 50px;
  width: calc(100% - 90px);
  font-size: 0.875rem;
  padding: 0 10px;
}

.zindex {
  z-index: 3;
}

@media only screen and (min-width: 1200px) {
  header {
    height: 100px;
  }
  header .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .lista-odkazy,
  .lista-rada {
    margin-right: auto;
  }
  .logo {
    width: 290px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    background: none;
    margin-right: auto;
    margin-left: 2rem;
  }
  .logo a,
  .logo span {
    display: inline-block;
    width: auto;
    height: 100%;
    background: none;
  }
  .logo img {
    position: relative;
    top: 5px;
    max-width: 250px;
    display: inline;
  }
  .header-btns {
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 600;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .header-btns .navBtn > a {
    height: 100px;
    width: 120px;
    margin: 0;
    padding-top: 6px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-bottom: 0;
    margin-left: -3px;
    color: #bfc1c3;
  }
  .header-btns .navBtn.aktivni > a {
    background: #f5f5f5;
  }
  .header-btns .navBtn > a > i {
    font-size: 36px;
  }
  .header-btns .navBtn > a > i.mobile {
    display: none;
  }
  .header-btns .navBtn > a img {
    margin-bottom: 20px;
  }
  .header-btns .navBtn > a img.down {
    margin: 0;
  }
  .header-btns .kosik-btn a {
    border-right: 0;
  }
  .header-btns .porovnani-btn {
    display: block;
  }
  .header-btns .pocet-kusu {
    bottom: 50px;
    right: 35px;
  }
  .hledani {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: calc(100% - 340px - 400px);
    margin-right: auto;
    font-family: "Prompt";
    text-transform: uppercase;
  }
  .hledani form {
    width: 100%;
  }
  .hledani input[type="submit"] {
    width: 105px;
  }
  .hledani .absolutni {
    position: absolute;
    width: 100%;
    max-width: 1040px;
    top: 95px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.kosik-drop {
  background: #fff;
  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 2;
  top: 70px;
  width: calc(100% - 20px);
  right: 10px;
  display: none;
  text-align: left;
  color: #3e3e3e;
  font-size: 0;
}

@media only screen and (min-width: 600px) {
  .kosik-drop:not(.plny-kosik)::before {
    content: "";
    display: block;
    position: absolute;
    width: 240px;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../img/pattern-black.png);
  }
}

@media only screen and (min-width: 600px) {
  .kosik-drop {
    top: 71px;
    width: 585px;
  }
}
@media only screen and (min-width: 1200px) {
  .kosik-drop {
    top: 100px;
    right: 0;
  }
}

.expert {
  background: url(../img/pattern-black.png);
  width: 100%;
  position: relative;
  text-align: center;
  padding: .5rem;
}

.expert img {
  width: 100px;
}

@media only screen and (min-width: 600px) {
  .expert {
    position: relative;
    padding-top: 20px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 240px;
  }
}

@media only screen and (max-width: 380px) {
  .expert {
    display: none;
  }
}

.expert img {
  margin-bottom: -5px;
}
.expert .inner {
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 0 10px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-family: "Prompt";
  margin-top: .5rem;
}
.expert .inner h5 {
  font-weight: 600;
}
.expert .inner h6 {
  font-weight: normal;
}

.kosik-povidani-prazdny {
  vertical-align: top;
  text-transform: uppercase;
  font-family: "Prompt";
  font-size: 0.75rem;
  padding: 1rem;
  margin-bottom: -2px;
}
@media only screen and (max-width: 380px) {
  .kosik-povidani-prazdny {
    width: 100%;
  }
}
@media only screen and (min-width: 600px) {
  .kosik-povidani-prazdny {
    display: inline-block;
    width: calc(100% - 240px);
  }
}

@media only screen and (min-width: 1200px) {
  .kosik-povidani-prazdny {
    position: relative;
  }
}

.kosik-povidani-prazdny h3 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0.5rem 0;
}
@media only screen and (min-width: 600px) {
  .kosik-povidani-prazdny h3 {
    font-size: 1.125rem;
  }
}
.kosik-povidani-prazdny p {
  line-height: 1.5;
  margin: 0.5rem 0;
  font-weight: 300;
}
.kosik-povidani-prazdny a {
  font-weight: bold;
}

.kosik-btn strong {
  display: none;
  text-transform: none;
}

@media only screen and (min-width: 1200px) {
  .kosik-btn span.kosik-obal-ceny {
    display: block;
    margin-top: 0.45rem;
  }
  .kosik-btn span.kosik-obal-ceny span {
    display: inline;
  }
  .kosik-btn span.kosik-obal-ceny span#kosik-napis-cena {
    color: #008628;
  }
  .kosik-btn.empty-basket span.kosik-obal-ceny span#kosik-napis-cena {
    color: #3e3e3e;
  }
}

.prihlaseni {
  width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  font-size: 0.9rem;
  position: absolute;
  background: #fff;
  right: -100px;
  display: none;
}
.prihlaseni .nadpisy {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.prihlaseni .title,
.prihlaseni .nadpis {
  text-align: center;
  width: 100%;
}
.prihlaseni .title {
  color: #989898;
  margin: 0 0 0.5rem;
  font-family: "Courgette";
  text-transform: none;
  font-weight: normal;
  font-size: 1.125rem;
}
.prihlaseni .nadpis {
  text-transform: uppercase;
  font-weight: bold;
  margin: 0.5rem 0;
  font-family: "Prompt";
  font-size: 1.125rem;
}
.prihlaseni .btn,
.prihlaseni input[type="submit"] {
  display: block;
  text-align: center;
  width: 100%;
  font-family: "Prompt";
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#4d4d4d),
    to(#2d2d2d)
  );
  background: -webkit-linear-gradient(top, #4d4d4d, #2d2d2d);
  background: -o-linear-gradient(top, #4d4d4d, #2d2d2d);
  background: linear-gradient(to bottom, #4d4d4d, #2d2d2d);
  border: 0;
  color: #fff;
  padding: 0 1rem;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
  text-shadow: 0 1px 0 #000000;
  font-size: 0.85rem;
  letter-spacing: 0.1px;
}
.prihlaseni .btn:hover,
.prihlaseni input[type="submit"]:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#383838),
    to(#000000)
  );
  background: -webkit-linear-gradient(top, #383838, #000000);
  background: -o-linear-gradient(top, #383838, #000000);
  background: linear-gradient(to bottom, #383838, #000000);
}
.prihlaseni input[type="button"] {
  background: linear-gradient(
    to bottom,
    rgba(50, 178, 84, 1) 0%,
    rgba(0, 134, 40, 1) 100%
  );
  box-shadow: 0 2px 0 #00671f;
  text-shadow: 0 1px 0 #2a4d03;
  line-height: 50px;
  height: 50px;
}
.prihlaseni input[type="button"]:hover {
  background: linear-gradient(
    to bottom,
    rgba(50, 178, 84, 0.8) 0%,
    rgba(0, 134, 40, 0.8) 100%
  );
}

.prihlasit {
  padding: 1rem;
  width: 359px;
}

.registrovat {
  padding: 1rem;
  width: 241px;
  background: url(../img/pattern-black.png);
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.registrovat > div {
  width: 100%;
}

.registrovat a {
  color: #fff;
}

.registrovat a::before {
  display: none !important;
  font-size: 0.85rem;
}

.telefon span {
  color: #fff !important;
}

.registrovat .btn {
  background: linear-gradient(
    to bottom,
    rgba(214, 30, 64, 1) 0%,
    rgba(185, 8, 26, 1) 100%
  );
}

.prihlasit {
  background: #f5f5f5;
}
.prihlasit .row {
  margin-top: -2px;
}
.prihlasit .nadpisy {
  padding-top: 1.8rem;
  margin-bottom: 2rem;
}
.prihlasit p {
  font-size: 0.875rem;
  font-family: "Open Sans";
  text-transform: none;
  padding: 0 0.5rem;
  margin-bottom: 1rem;
  line-height: 1.5;
  font-weight: normal;
}

@media (max-width: 560px) {
  .prihlasit .nadpisy {
    padding-top: 0rem;
    margin-bottom: 1rem;
  }
  .registrovat .nadpis {
    margin-bottom: 1rem;
  }
}

.zapomenute-heslo {
  margin: 11px 0;
  text-transform: uppercase;
  color: #000;
  font-size: 0.75rem;
}

.registrovat {
  padding-top: 2rem;
  text-transform: none;
}
.registrovat .nadpis {
  margin-bottom: 2rem;
}
.registrovat ul {
  padding: 0;
  list-style: none;
  margin: 0;
  text-align: left;
  text-transform: none;
  font-family: "Open Sans";
  font-weight: normal;
}
.registrovat li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 1.5rem;
}
.registrovat li::before {
  content: "";
  display: block;
  width: 19px;
  height: 15px;
  background: url(../img/check.svg) no-repeat;
  position: absolute;
  left: 0;
  top: 2px;
}

.header-btns .telefon span {
  color: #fff;
}

form {
  font-family: "Prompt";
}

.form-text .row {
  position: relative;
}

.form-text input {
  padding: 0.5rem;
  width: 100%;
  border: 2px #e3e3e3 solid;
  height: 50px;
  line-height: 50px;
  padding-top: 1.1rem;
}
.form-text input:required {
  border: 2px #d0021b solid;
}
.form-text input[type="password"] {
  margin-top: -1px;
}

.form-text label {
  position: absolute;
  top: 18px;
  left: 10px;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: bold;
  z-index: 2;
}

.form-text .error-hlaska {
  text-align: left;
  color: #d0021b;
  font-size: 0.875rem;
  text-transform: none;
  margin: 0.25rem 0;
  font-weight: normal;
}

@media only screen and (min-width: 1200px) {
  .drziHover .prihlaseni,
  .aktivni #hover_prihlaseni {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.porovnani-produktu {
  background: #fff;
  width: 545px;
  position: absolute;
  top: 138px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.porovnavac li {
  border: 2px solid #e3e3e3;
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem 0;
}
.porovnavac li .obrazek {
  width: 130px;
  text-align: center;
  padding: 0.5rem 1rem;
}
.porovnavac li .nazev {
  width: calc(100% - 270px);
  text-align: left;
  padding-right: 2rem;
  line-height: 1.5;
}
.porovnavac li .cena {
  width: 80px;
  text-transform: none;
}
.porovnavac li .odebrat {
  width: 60px;
  width: 16px;
  height: 16px;
  border: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: none;
  margin-left: auto;
  margin-right: 1.5rem;
}
.porovnavac li .odebrat:hover .odebrat-krizek {
  fill: #e41515 !important;
}

.porovnavani-ovladace {
  border: 2px solid #e3e3e3;
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sdilet-btn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #f5f5f5;
  position: relative;
  z-index: 1;
  border-right: 2px solid #e3e3e3;
}
.sdilet-btn i {
  font-size: 8px;
  position: relative;
  top: 0px;
}
.sdilet-btn a {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  margin: 1rem 0;
  font-size: 0.75rem;
}
.sdilet-btn a.ukaz img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sdilet-btns {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sdilet-btns button {
  height: 50px;
  text-transform: uppercase;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  font-size: 0.875rem;
}
.sdilet-btns .vymazat {
  border: 2px solid #e3e3e3;
  background: #fff;
  margin: 1rem 0.5rem 1rem 1rem;
  color: #777;
  font-weight: 600;
}
.sdilet-btns .vymazat:hover {
  border: solid 2px #bfbfbf;
  color: #3e3e3e;
}
.sdilet-btns .porovnat-produkty {
  border: 0;
  font-weight: 600;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#4d4d4d),
    to(#2d2d2d)
  );
  background: -webkit-linear-gradient(top, #4d4d4d, #2d2d2d);
  background: -o-linear-gradient(top, #4d4d4d, #2d2d2d);
  background: linear-gradient(to bottom, #4d4d4d, #2d2d2d);
  color: #fff;
  margin: 1rem 1rem 1rem 0.5rem;
  text-shadow: 0 1px 0 #000;
}
.sdilet-btns .porovnat-produkty:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#383838),
    to(#000000)
  );
  background: -webkit-linear-gradient(top, #383838, #000000);
  background: -o-linear-gradient(top, #383838, #000000);
  background: linear-gradient(to bottom, #383838, #000000);
}

.porovnavac-sdileni {
  width: 100%;
  border-top: 2px solid #e3e3e3;
  padding: 1rem;
  display: none;
  margin-top: -2px;
}
.porovnavac-sdileni form {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 1rem;
}
.porovnavac-sdileni .sdileni-social {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.porovnavac-sdileni .sdileni-social a {
  display: inline-block;
  margin: 0 0.2rem;
}
.porovnavac-sdileni input[type="text"],
.porovnavac-sdileni button {
  height: 50px;
  background: #fff;
  line-height: 50px;
  border: 2px solid #e3e3e3;
}
.porovnavac-sdileni input[type="text"] {
  padding: 0 0.8rem;
  font-size: 0.75rem;
  width: calc(100% - 105px);
}
.porovnavac-sdileni button {
  padding: 0 1rem;
  border-left: 0;
  text-transform: uppercase;
  color: #777;
  line-height: 48px;
  width: 105px;
}
.porovnavac-sdileni button:hover {
  border: solid 2px #bfbfbf;
  color: #3e3e3e;
}
.porovnavac-sdileni.ukaz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (min-width: 1200px) {
  .porovnani-btn:hover .porovnani-produktu {
    display: block;
  }
}

.kosik-drop.plny-kosik {
  text-align: center;
}

.tabulka-produktu {
  text-align: left;
  font-family: "Prompt";
  font-size: 0.85rem;
  font-weight: 600;
}
.tabulka-produktu td {
  border-bottom: 2px solid #ebebeb;
  padding: 1rem 0.5rem;
  vertical-align: middle;
}
.tabulka-produktu td:last-child {
  padding-left: 0;
}
.tabulka-produktu .kosik-drop-obr {
  width: 70px;
}
.tabulka-produktu .kosik-drop-cena {
  white-space: nowrap;
  font-size: 0.85rem;
  text-transform: none;
  text-align: right;
  font-weight: bold;
}
.tabulka-produktu .odebrat {
  background: none;
  border: 0;
}
.tabulka-produktu .odebrat:hover {
  color: #e41515;
}

.kosik-hover-doprava {
  padding: 1rem 1rem 0;
  font-weight: bold;
  font-size: .75rem;
}
.kosik-hover-doprava i {
  color: rgba(0, 134, 40, 0.8);
  font-size: 1rem;
}

.kusy {
  width: 86px;
  position: relative;
}

.tlacitka-koupit button[type="submit"] {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  margin: 0;
}

.kusy input[type="text"] {
  width: 50px;
  height: 50px;
  border: 2px solid #e3e3e3;
  text-align: center;
  line-height: 50px;
  font-weight: 600;
  font-family: "Prompt";
  font-size: 0.94rem;
}

.kusy button {
  width: 40px;
  position: absolute;
  left: 48px;
  height: 26px;
  line-height: 21px;
  border: 2px solid #e3e3e3;
  text-align: center;
  background: none;
  font-family: "Prompt";
  font-size: 1.4rem;
}
.kusy button:hover {
  border-color: #9b9b9b;
  z-index: 2;
}
.kusy button.minus {
  top: 24px;
}

.kosik-tip {
  padding: 1rem;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.75rem;
}

.spodek-kosik-hover {
  background: #f5f5f5;
  text-align: center;
  padding: 1rem;
  width: 100%;
}
.spodek-kosik-hover button {
  padding: 0rem 4rem;
}
.spodek-kosik-hover button i {
  position: relative;
  left: 2rem;
}

.kosik-drop .range-doprava {
  padding: 1.5rem 2rem 0;
  margin: 0 1rem;
  margin-top: 1rem;
  width: 100%;
}

.kosik-drop .nakupte-jeste span {
  font-size: 0.75rem;
  font-weight: normal;
}

.header-btns .range-doprava span {
  margin: 0;
  display: block;
}

.header-btns .nakupte-jeste strong {
  display: inline;
  margin: 0;
  color: #3e3e3e;
  text-transform: uppercase;
}

.doplnek .nahled {
  max-width: 240px;
  margin: auto;
  padding: 0.5rem 1.5rem;
}
.doplnek .nahled:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.doplnek .nahled .nahled-img {
  height: 100px;
}
.doplnek .nahled .nahled-img img:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.doplnek .nahled .nahled-img a {
  display: block;
  height: 100%;
}
.doplnek .nahled .nahled-img img {
  max-height: 100%;
}
.doplnek .nahled .nahled-doprava span {
  display: block;
}

.doplnek .nahled-cena {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.doplnek .btn {
  padding: 0rem 1.5rem;
  font-size: 0.85rem;
}

.doplnek .titulek {
  opacity: 0.65;
}

@media (max-width: 1200px) {
  .prihlaseni {
    right: 0;
    z-index: 2;
    left: 0;
    width: 100%;
  }
}

@media (max-width: 560px) {
  .prihlaseni {
    right: 0;
    z-index: 2;
    left: 0;
    width: 100%;
  }
  .prihlasit,
  .registrovat {
    width: 100%;
  }
  .registrovat ul {
    max-width: 300px;
    margin: auto;
  }
}

.fixni-kontakt {
  display: none;
}

@media (min-width: 1200px) {
  .horni-lista {
    margin-bottom: 152px;
  }
  .fixni-pruh {
    position: absolute;
    width: 100%;
    top: 38px;
  }
  .fixni-pruh.fixed {
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 3;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    height: 122px;
    -webkit-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .fixni-pruh.fixed .logo a {
    width: 160px;
    height: 90%;
    display: inline-flex;
    align-items: center;
    background: url(../img/logo-mini.png) no-repeat center;
    background-size: contain;
  }
  .fixni-pruh.fixed .logo img {
    max-width: 140px;
    top: 0;
    display: none;
  }
  .fixni-pruh.fixed .logo .fixni-kontakt {
    font-size: 0.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .fixni-pruh.fixed .logo .fixni-kontakt a {
    margin: 0;
    text-decoration: none;
  }
  .fixni-pruh.fixed .logo .fixni-kontakt picture {
    display: inline;
  }
  .fixni-pruh.fixed .logo .fixni-kontakt picture img {
    display: inline;
    width: 50px;
  }
  .fixni-pruh.fixed .logo .fixni-kontakt b {
    display: block;
    font-weight: 600;
  }
  .fixni-pruh.fixed header {
    height: 70px;
  }
  .fixni-pruh.fixed .header-btns span {
    margin-top: 0;
  }
  .fixni-pruh.fixed .header-btns .navBtn > a {
    width: 50px;
    height: 70px;
    padding-top: 0px;
    border-top: 0;
  }
  .fixni-pruh.fixed .header-btns .pocet-kusu {
    bottom: 25px;
  }
  .fixni-pruh.fixed .hledani .absolutni {
    top: 70px;
  }
  .fixni-pruh.fixed .porovnani-produktu,
  .fixni-pruh.fixed .kosik-drop {
    top: 70px;
  }
  .fixni-pruh.fixed .navigace {
    border-bottom: 1px solid #fff;
  }
}

.header-btns .sdileni-social span {
  margin: 0;
}

.fixed .header-btns .navBtn > a > i {
  font-size: 28px;
}

.fixni-pruh.fixed .header-btns span:not(.pocet-kusu) {
  margin-top: 5px;
}

.fixni-pruh.fixed span.graf,
.fixni-pruh.fixed span.graf-bar,
.fixni-pruh.fixed span.graf-bar-cara {
  margin-top: 0 !important;
}

@media (max-width: 1200px) {
  .action-class-uvodni-strana .hledani {
    padding-bottom: 0;
  }
  .hledani {
    padding-bottom: 8px;
  }
  .hledani input[type="text"] {
    background: #ffffff;
    padding-left: 0.5rem;
  }
  .hledani input[type="submit"] {
    display: block;
    width: 40px;
    background: #fff url(../img/search.svg) no-repeat center;
    border: 2px solid #bababa;
    border-left: 0;
    font-size: 0;
  }
  .header-btns {
    z-index: 10;
  }
  .header-btns .navBtn.aktivni,
  .header-btns .navBtn.drziHover {
    background: #4d4d4d;
  }
  .prihlaseniMobilShow,
  .kosikMobilShow {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .kosikMobilShow {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 1200px) {
  .header-btns .navBtn.full-basket > a {
    color: rgba(0, 134, 40, 0.8);
  }
}

@media (max-width: 599px) {
  .hledani,
  .action-class-uvodni-strana .hledani {
    background: #e3e3e3;
    margin: 0;
    padding: 0.5rem 10px;
  }
}

.otevrenyNavBtnMobil .navBtn:not(.aktivniBtnMobil) {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#272727),
    to(#181818)
  );
  background: -webkit-linear-gradient(top, #272727 0%, #181818 100%);
  background: -o-linear-gradient(top, #272727 0%, #181818 100%);
  background: linear-gradient(to bottom, #272727 0%, #181818 100%);
}
.otevrenyNavBtnMobil .navBtn:not(.aktivniBtnMobil) > a {
  color: #7f7f7f;
}
.otevrenyNavBtnMobil .navBtn:not(.aktivniBtnMobil) .pocet-kusu {
  opacity: 0.5;
}

.naposledy-hledane li {
  position: relative;
}
.naposledy-hledane li::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 2px;
  background: #3e3e3e;
  margin: 0 5px 5px 0;
  position: absolute;
  left: 1rem;
  top: 50%;
}

.hledani input[type="submit"].buttonJakoOdkaz {
  background: none;
  color: #3e3e3e;
  border: solid 2px rgba(45, 45, 45, 0.1);
  border-bottom-width: 0;
  width: 100%;
  text-transform: none;
  font-family: "Open Sans";
  font-weight: normal;
  text-align: left;
  text-shadow: none;
  padding-left: 1.8rem;
  text-decoration: underline;
  font-size: 0.875rem;
}
.hledani input[type="submit"].buttonJakoOdkaz:hover {
  text-decoration: none;
}

.naseptavac-obsah .naposledy-hledane {
  border-bottom: solid 2px rgba(45, 45, 45, 0.1);
}

.header-btns .porovnani-btn {
  display: none !important;
}

.navigace {
  position: absolute;
  width: 100%;
  top: 70px;
  display: none;
  z-index: 4;
  font-family: "Prompt";
}
@media only screen and (max-width: 380px) {
  .navigace {
    top: 60px;
  }
}
.navigace .container {
  padding: 0;
  max-width: 1440px;
}

nav {
  font-family: "Prompt";
}
nav img {
  display: none;
}
nav .prvni-uroven > li {
  position: relative;
}
nav .prvni-uroven > li > a {
  background: #fff;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  padding: 1rem;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  border-bottom: 1px solid #e4e4e4;
}
nav .odvetvi,
nav .doplnek {
  display: none;
}
nav .doplnujici-menu {
  background: #e4e4e4;
  font-size: 0.8rem;
}
nav .doplnujici-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
nav .doplnujici-menu ul li {
  width: calc(50% + 1px);
  border: 1px solid #d1d1d1;
  margin: -1px 0 0 -1px;
}
nav .doplnujici-menu ul a {
  display: block;
  padding: 1rem;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
}

.menu-klik {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}
.menu-klik .fa {
  line-height: 50px;
}

nav .prvni-uroven > li.rozbaleneTopMenu .menu-klik.sipka-selected {
  right: auto;
  left: 0;
}

nav .prvni-uroven > li.rozbaleneTopMenu > a {
  padding-left: 50px;
}

@media only screen and (min-width: 1200px) {
  .submenu {
    display: none;
  }
}

.kategorie {
  background: #fff;
}
.kategorie li {
  border-bottom: 1px solid #e4e4e4;
}
.kategorie a {
  display: block;
  padding: 1rem 0.4rem;
  text-decoration: none;
  position: relative;
}
.kategorie a::after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f054";
  display: inline-block;
  position: absolute;
  right: 1rem;
  top: 1.2rem;
}

@media (max-width: 1200px) {
  .submenu {
    -webkit-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all;
    visibility: hidden;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    height: 0;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
  }
  .odkryteSubmenu {
    display: block !important;
  }
  .odkryteSubmenu .submenu {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    visibility: visible;
    height: auto;
    text-transform: uppercase;
    font-size: 0.8rem;
  }
}

@media only screen and (min-width: 1200px) {
  .kategorie {
    background: #f5f5f5;
  }
  .kategorie a::after {
    display: none;
  }
  .navigace {
    position: relative;
    display: block !important;
    background: #2b2b2b;
    background: linear-gradient(to bottom, #2b2b2b, #000);
    top: 0;
    z-index: 2;
    border-top: 2px solid #2d2d2d;
    border-bottom: 1px solid #fff;
  }
  .navigace .container {
    padding: 0;
  }
  nav img {
    display: inline;
  }
  nav .prvni-uroven {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
  }
  nav .prvni-uroven > li {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid #515151;
    border-right: 1px solid #515151;
    margin-left: -1px;
  }
  nav .prvni-uroven > li:first-child {
    border-left: 0;
    margin-left: 0;
  }
  nav .prvni-uroven > li:last-child {
    border-right: 0;
  }
  nav .prvni-uroven > li > a {
    background: #2b2b2b;
    background: linear-gradient(to bottom, #2b2b2b, #000);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.4px;
    height: 50px;
    width: 100%;
    text-align: center;
    padding: 1rem 1.5rem 1rem 1rem;
    border: 0;
    position: relative;
  }
  nav .prvni-uroven > li > a::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #f5f5f5;
    z-index: 100000000;
    bottom: 0;
    left: 0;
    opacity: 0;
  }
  nav .prvni-uroven > li > a.preziti {
    padding-top: 0.6rem;
    line-height: 1.3;
  }
  nav .prvni-uroven > li > a span {
    display: block;
  }
  nav .prvni-uroven > li > a b {
    display: block;
    position: relative;
  }
  nav .prvni-uroven > li > a b::after {
    content: "";
    display: inline-block;
    background: url(../img/down.png) no-repeat;
    background-size: cover;
    width: 10px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: -15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  nav .prvni-uroven > li > a:hover {
    background: #f5f5f5;
    color: #3e3e3e;
  }
  nav .prvni-uroven > li > a:hover b::after {
    -webkit-transform: rotate(180deg) translateY(3px);
    -ms-transform: rotate(180deg) translateY(3px);
    transform: rotate(180deg) translateY(3px);
  }
  nav .prvni-uroven > li:hover > a::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #f5f5f5;
    z-index: 100000000;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
  nav .prvni-uroven > li.aktivni > a {
    background: #f5f5f5;
    color: #3e3e3e;
  }

   nav .odvetvi {
    display: block;
    width: 32%;
      padding-top: 20px;
      padding-right: 5px;
}


   nav .odvetvi h4 {
text-align:left;
margin-left:5px;
  }

     nav .odvetvi br {
display:none;
  }

  nav .doplnek {
    display: block;
    width: 16%;
      padding-top: 20px;
      padding-right: 5px;
}


     nav .doplnek h4 {
text-align:left;
margin-left:5px;
  }

  .menu-klik,
  .doplnujici-menu {
    display: none;
  }
  .navigace .container {
    position: relative;
  }
  .obalSubmenu {
    display: none;
  }
  .submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    background: #dcdcdc;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
  }
  .kategorie {
    width: 104%;
    padding: 15px;
  }
  .kategorie > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .kategorie li {
    -ms-flex-preferred-size: 20%;
    flex-basis: 16%;
    width: 100%;
    height: 160px;
    text-align: center;
    line-height: 1.3;
    background: #fff;
    border: 1px solid #e4e4e4;
    margin: -1px 0 0 -1px;
  }
  .kategorie span {
    display: block;
  }
  .kategorie .kat-img {
    display: -ms-grid;
    display: grid;
    height: 100px;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .kategorie .kat-img img {
    max-width: 90%;
    margin-top: -16px;
  }
  .kategorie a {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    height: 100%;
    display: -ms-grid;
    display: grid;
  }
  .kategorie a:hover {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.21);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.21);
    z-index: 2;
    position: relative;
  }
  .kategorie-akce {
    margin-top: 1rem;
    font-size: 0.75rem;
    margin-bottom: -1rem;
  }
  .kategorie-akce li {
    width: auto;
    height: auto;
    text-align: left;
    display: inline-block;
    background: none;
    margin-right: 45px;
  }
  .kategorie-akce a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
  }
  .kategorie-akce a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
  }
  .kategorie-akce img {
    margin-right: 1rem;
  }
  .odvetvi {
    padding: 30px;
  }
  .odvetvi li, .doplnek li {
    position: relative;
    margin-bottom: 0.4rem;
    text-align: left;
    line-height: 1.3;
  }
  .odvetvi li:last-of-type, .doplnek li:last-of-type {
    margin-bottom: 0;
  }
  .odvetvi li img, .doplnek li img {
    display: block;
  }
  .odvetvi li a, .doplnek li a {
    display: block;
    position: relative;
  }
  .odvetvi li a:hover, .doplnek li:hover {
    background: none !important;
  }
  .odvetvi li span, .doplnek li span {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-family: "Prompt";
    font-weight: 600;
    padding: 0 0.3rem;
  }
  .doplnek {
    width: calc(100% - 63% - 200px);
    padding: 30px;
    padding-left: 0;
  }
  .doplnek img:hover {
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  }
  nav .prvni-uroven > li:hover .nojsHover {
    display: block;
  }
  nav .prvni-uroven > li:hover > a {
    background: #f5f5f5;
    color: #3e3e3e;
  }
  nav .prvni-uroven > li:hover > a b::after {
    -webkit-transform: rotate(180deg) translateY(3px);
    -ms-transform: rotate(180deg) translateY(3px);
    transform: rotate(180deg) translateY(3px);
  }
}

.bx-wrapper {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

.bx-wrapper .bx-controls-direction a {
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  text-indent: 0;
  font-size: 0;
}

.bx-wrapper .bx-controls-direction a.bx-prev::after {
  content: "\f104";
  font-family: "FontAwesome";
  color: #3e3e3e;
  position: absolute;
  text-align: center;
  line-height: 32px;
  font-size: 1.4rem;
  width: 32px;
  left: 0;
}

.bx-wrapper .bx-controls-direction a.bx-next::after {
  content: "\f105";
  font-family: "FontAwesome";
  color: #3e3e3e;
  position: absolute;
  text-align: center;
  line-height: 32px;
  font-size: 1.4rem;
  width: 32px;
  left: 0;
}

.topFullA,
.blokFullA {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

@media only screen and (min-width: 600px) {
  .bx-controls {
    display: none;
  }
}

.cd-hero-slider h2.sliderBarvaBila {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

span.sliderBarvaBila {
  color: #fff;
}

.tosepakzrusi {
  display: none;
}

#podobne-produkty .vypis.slickDetailPP {
  display: block;
}

.slick-track {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  margin: 0 !important;
}

.slick-slide {
  height: auto !important;
}

.slickSpodniLista {
  background: #f5f5f5;
  padding: 10px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1rem;
}

.slick-list {
  width: 100%;
}

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -5px);
  -ms-transform: translate(-50%, -5px);
  transform: translate(-50%, -5px);
}
.slick-dots li {
  text-indent: -9999rem;
  width: 8px;
  height: 8px;
  border: 1px solid #777;
  border-radius: 50%;
  margin: 0 3px;
  overflow: hidden;
  cursor: pointer;
}
.slick-dots li:hover {
  border-color: #e3e3e3;
  background: #e3e3e3;
}
.slick-dots li.slick-active {
  background: #777;
}

.slickSipky button {
  border: solid 2px #e3e3e3;
  width: 55px;
  height: 40px;
  text-align: center;
  background: #fff;
  cursor: pointer;
  position: relative;
  padding-top: 3px;
}
.slickSipky button svg {
  fill: #abacaf;
}
.slickSipky button:hover {
  border-color: #9b9b9b;
  z-index: 1;
}
.slickSipky button:hover svg {
  fill: #777;
}
.slickSipky button.slick-next {
  margin-left: -5px;
}

.slickPuntiky {
  margin-left: auto;
  margin-right: auto;
}

.podobneTrida {
  position: absolute;
  right: 0;
  background: #fff;
}
.podobneTrida .nahled .nahled-popis {
  display: none;
}

#doporucujeme-prikoupit .nahled h3 {
  font-size: 1rem;
  overflow: hidden;
}

@media (min-width: 760px) {
  .podobneTrida {
    width: 67%;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin-left: 3%;
  }
  .vypis-kotev #doporucujeme-prikoupit .podobneTrida .vypis {
    width: 100%;
    margin: 0;
  }
  #doporucujeme-prikoupit .nahled h3 {
    height: 44px;
    overflow: hidden;
  }
}

@media (max-width: 759px) {
  .podobneTrida {
    width: 100%;
  }
}

@media (min-width: 1000px) {
  .podobneTrida {
    width: calc(100% - 270px - 5%);
  }
}

.swiper-button-next,
.swiper-button-prev {
  color: #b61f21;
}

.slider {
  height: 440px;
  margin-bottom: 1.5rem;
  background: url(../img/pattern-black.png);
}

.swiper-slide {
  height: 440px;
  background-size: cover;
  background-position: center;
}

.cd-half-width {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 90%;
  position: absolute;
  left: 5%;
  text-align: center;
  color: #fff;
}

@media (min-width: 960px) {
  .cd-half-width {
    width: calc(100% - 350px);
    text-align: left;
    max-width: 450px;
    text-align: center;
  }
}

.cd-half-width h2 {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-family: "Prompt", sans-serif;
  line-height: 1.2;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  font-weight: 600;
}
@media (min-width: 960px) {
  .cd-half-width h2 {
    font-size: 2.5rem;
  }
}

.cd-half-width span {
  margin: 0;
  font-size: 1.5rem;
  font-weight: normal;
  display: block;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  font-family: "Courgette";
}

.cd-btn {
  display: inline-block;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#59a106),
    to(#417505)
  );
  background: -webkit-linear-gradient(top, #59a106, #417505);
  background: -o-linear-gradient(top, #59a106, #417505);
  background: linear-gradient(to bottom, #59a106, #417505);
  color: #fff;
  text-align: center;
  font-weight: bold;
  border: 0;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #2a4d03;
  padding: 0.8rem 3rem;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
  position: relative;
  z-index: 2;
  text-decoration: none;
  font-size: 1.2rem;
  font-size: 0.85rem;
}

.cd-btn:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#4f8f06),
    to(#2c4f03)
  );
  background: -webkit-linear-gradient(top, #4f8f06, #2c4f03);
  background: -o-linear-gradient(top, #4f8f06, #2c4f03);
  background: linear-gradient(to bottom, #4f8f06, #2c4f03);
  color: #fff;
}

.swiper-pagination {
  margin: 0;
  padding: 0;
  display: none;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  font-size: 0.85rem;
}

.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0;
}

.swiper-pagination-bullet {
  height: 80px;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  color: #a8b4be;
  padding: 0 1rem;
  opacity: 1;
  position: relative;
  border-radius: 0;
  text-align: left;
  text-transform: uppercase;
  list-style: none;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0;
}

.swiper-pagination-bullet:hover {
  background: rgba(0, 0, 0, 0.4);
}

.swiper-pagination-bullet-active {
  background: #fff;
  color: #000;
}

.swiper-pagination-bullet-active:hover {
  background: #fff;
}

@media (max-width: 960px) {
  .slider {
    height: 440px;
  }
  .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100% !important;
    position: relative;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: -8px;
    top: auto;
    right: auto;
  }
  .swiper-pagination-bullet {
    margin: 0 !important;
    border: 0;
    text-align: center;
    border-right: 1px solid #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.8rem;
  }
  .swiper-pagination-bullet:last-of-type {
    border: none;
  }
  .swiper-pagination-bullet-active::before {
    display: block;
    width: 25px;
    height: 25px;
    background: #4d4d4d;
    position: absolute;
    left: 50%;
    top: -12px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    z-index: -1;
  }
}

@media (max-width: 600px) {
  .cd-btn {
    font-size: 0.85rem;
  }
}

@media (max-width: 520px) {
  .slider,
  .swiper-slide {
    height: 360px;
  }
  .swiper-pagination {
    display: none;
  }
}

@media (min-width: 520px) and (max-width: 960px) {
  .slider {
    height: 440px;
  }
  .swiper-wrapper {
    height: 368px;
  }
  .swiper-slide {
    height: 360px;
  }
}

.proggress_prouzek_obal {
  width: 100%;
}

.proggress_prouzek_span {
  display: block;
  width: 0;
  height: 5px;
  background: #e41515;
}

.jedes_brachu {
  width: 100%;
  -webkit-transition: width 5s linear;
  -o-transition: width 5s linear;
  transition: width 5s linear;
}

/* =========================== footer =========================== */
.newsletter {
  background: #000;
  text-align: center;
  padding: 2rem 0;
}
.newsletter h4 {
  font-family: "Courgette";
  color: #fff;
  opacity: 0.7;
  font-weight: normal;
}
.newsletter h3 {
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  font-size: 1.125rem;
  margin: 0.25rem 0 1.2rem 0;
}
.newsletter form {
  max-width: 640px;
  margin: 0 auto;
  font-size: 0;
  font-family: "Prompt";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.newsletter form input[type="text"] {
  width: calc(100% - 140px);
  height: 50px;
  line-height: 50px;
  border-radius: 0;
  border: solid 2px #e3e3e3;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 0.5rem 0 40px;
  font-size: 0.75rem;
  background: #fff url(../img/e-mail-tucny.svg) no-repeat 10px center;
  background-size: 25px;
  font-family: "Prompt";
}
.newsletter form input[type="submit"] {
  height: 50px;
  line-height: 50px;
  border-radius: 0;
  width: 140px;
  background: linear-gradient(
    to bottom,
    rgba(211, 46, 62, 1) 0%,
    rgba(174, 26, 24, 1) 100%
  );
  text-transform: uppercase;
  color: #fff;
  font-size: 0.875rem;
  text-shadow: 0 1px 0 #000000;
  border: 0;
  font-weight: 600;
  position: relative;
}
.newsletter form input[type="submit"]:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#383838),
    to(#000000)
  );
  background: -webkit-linear-gradient(top, #383838, #000000);
  background: -o-linear-gradient(top, #383838, #000000);
  background: linear-gradient(to bottom, #383838, #000000);
}
.newsletter form + p {
  margin-top: 1rem;
  font-size: 0.875rem;
  color: #fff;
}
.newsletter form + p a {
  color: #fff;
}

.prefooter {
  background: url(../img/pattern-black.png);
  color: #c5c4ca;
  line-height: 1.5;
}
.prefooter .container {
  padding: 0;
}
.prefooter h3 {
  text-transform: uppercase;
  color: #fff;
  font-family: "Prompt";
  font-weight: 600;
  padding: 1rem;
  padding-right: 2rem;
  position: relative;
  cursor: pointer;
  border-top: 2px solid #383838;
  margin: 0;
}
.prefooter h3::after {
  content: "";
  background: url(../img/arrow-down.svg) no-repeat;
  background-size: 100%;
  width: 15px;
  height: 10px;
  display: block;
  position: absolute;
  right: 1rem;
  top: 1.2rem;
}
.prefooter h3.otevreny::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.prefooter h3.otevreny + .inner {
  border: 0;
}
.prefooter .inner {
  border-top: 2px solid #383838;
  padding: 1rem;
  font-family: "Open Sans";
}
.prefooter ul {
  opacity: 0.7;
}
.prefooter li {
  margin-bottom: 0.8rem;
}
.prefooter li::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 2px;
  background: #fff;
  opacity: 0.7;
  margin: 0 0.5rem 0 0;
  position: relative;
  top: -4px;
}
.prefooter a {
  color: #fff;
}
.prefooter .rady p {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
}
.prefooter .rady .img-rada {
  display: none;
}
.prefooter .rady .demo-icon {
  margin-right: 0.4rem;
  font-weight: bold;
}
.prefooter .rady .icon-e-mail {
  font-size: 0.9rem;
}
.prefooter .rady .oteviracka {
  font-size: 0.75rem;
  padding-left: 35px;
}
.prefooter .telefon {
  font-family: "Open Sans";
  margin-bottom: 0.5rem;
}
.prefooter .telefon a {
  text-decoration: none;
}
.prefooter .mail {
  font-family: "Open Sans";
}
.prefooter .social {
  margin-top: 1rem;
}
.prefooter .social ul {
  opacity: 1;
}
.prefooter .social li {
  display: inline-block;
}
.prefooter .social li::before {
  display: none;
}
.prefooter .prodejna p {
  margin-bottom: 1rem;
}
.prefooter .prodejna img {
  width: 100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  -o-transition: filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}
.prefooter .prodejna img:hover {
  -webkit-filter: none;
  filter: none;
}
.prefooter .prodejna .inner {
  background: #2d2d2d;
}
.prefooter .facebook .inner {
  background: none;
}

.ikona {
  margin: 0.5rem;
}

.copy {
  text-align: center;
  padding: 1rem;
}

.ikony {
  padding: 1.5rem 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 600px) {
  .prefooter {
    padding: 2rem 0;
  }
  .prefooter .sloupce {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .prefooter h3 {
    background: none;
    padding: 0;
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    border: 0;
  }
  .prefooter h3::after {
    display: none;
  }
  .prefooter .inner {
    display: block !important;
    border: 0;
  }
  .prefooter .col {
    text-align: center;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-bottom: 2rem;
  }
  .prefooter .rady .img-rada {
    display: inline;
  }
  .prefooter .rady h3 {
    margin-bottom: 0;
  }
  .prefooter .rady p {
    margin-bottom: 0.5rem;
  }
  .prefooter .prefooter-spodek {
    max-width: 640px;
    margin: auto;
  }
  .prefooter .prodejna {
    position: relative;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    line-height: 1.8;
  }
  .prefooter .prodejna img {
    display: block;
  }
  .prefooter .prodejna h3 {
    padding: 2rem;
    padding-bottom: 0;
    position: absolute;
  }
  .prefooter .prodejna .inner {
    padding: 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .prefooter .prodejna .inner div {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .prefooter .prodejna .inner .texty {
    padding: 2rem 2rem 1rem;
    padding-top: 4.5rem;
  }
  .prefooter .facebook {
    padding: 2rem;
    text-align: center;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    background: #2d2d2d;
  }
  .prefooter .facebook .inner {
    padding: 0;
  }
  .ikony {
    padding: 1rem 0 0;
  }
}

@media only screen and (min-width: 1200px) {
  .rady {
    position: relative;
  }
  .rady h3 {
    padding-left: 70px;
  }
  .rady .inner p {
    margin-bottom: 1rem;
  }
  .rady .inner p,
  .rady .telefon,
  .rady .mail {
    padding-left: 70px;
  }
  .img-rada {
    position: absolute;
    top: 0;
    left: 0;
  }
  .img-rada img {
    width: 50px;
  }
  .prefooter {
    padding: 4rem 0;
  }
  .prefooter .inner {
    padding: 0;
  }
  .prefooter .rady .inner {
    padding-top: 0;
    opacity: 0.9;
  }
  .prefooter .col {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    text-align: left;
  }
  .prefooter .prefooter-spodek {
    max-width: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2rem;
  }
  .prefooter .prefooter-spodek div {
    width: 100%;
    max-width: 610px;
  }
  .ikona {
    margin: 0.5rem 1.5rem;
  }
}

@media (min-width: 600px) {
  .prefooter h3 {
    cursor: auto;
  }
}

@media (max-width: 500px) {
  .prodejna .texty {
    padding-right: 1rem;
  }
}

@media (max-width: 500px) {
  .prodejna .obrazek {
    width: 100%;
  }
}

@media (max-width: 460px) {
  .newsletter form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .newsletter form input[type="text"],
  .newsletter form input[type="submit"] {
    width: 100%;
  }
}

.modal {
  position: relative;
}

.close-modal {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  border: 0;
  z-index: 1;
  background: none;
  font-size: 24px;
  width: 50px;
  padding: 0;
}
.close-modal:hover i {
  color: #e41515;
}

.blocker {
  z-index: 10 !important;
}

/* =========================== forms =========================== */
.form .row {
  position: relative;
}

.form input[type="text"],
.form input[type="password"],
.form input[type="date"] {
  height: 60px;
  width: 100%;
  border: 2px solid #e3e3e3;
  line-height: 60px;
  padding-top: 1.2rem;
  padding-left: 0.9rem;
  margin-top: -2px;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form textarea {
  width: 100%;
  border: 2px solid #e3e3e3;
  margin-top: -2px;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form label {
  position: absolute;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75rem;
  left: 1rem;
  top: 1.13rem;
  z-index: 2;
  font-family: "Prompt";
}

.checkbox input[type="checkbox"] {
  display: none;
}
.checkbox input[type="checkbox"]:checked ~ label:before {
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  text-indent: 0.1rem;
  color: #e41515;
  font-size: 1.2rem;
  line-height: 0.8;
}

.checkbox label {
  display: block;
  position: relative;
  cursor: pointer;
  padding-top: 4px;
  padding-left: 25px;
  text-decoration: underline;
}
.checkbox label:hover {
  text-decoration: none;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #979797;
  margin-right: 5px;
  position: absolute;
  font-size: 10px;
  top: 4px;
  left: 0;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 16px;
}

label {
  cursor: pointer;
}

.radio input[type="radio"] {
  display: none;
}
.radio input[type="radio"]:checked ~ label:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e41515;
  position: absolute;
  left: 6px;
  top: 10px;
  z-index: 1;
}

.radio label {
  display: block;
  position: relative;
  cursor: pointer;
  padding-top: 4px;
  padding-left: 25px;
}
.radio label:hover {
  text-decoration: none;
}
.radio label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #979797;
  margin-right: 5px;
  position: absolute;
  font-size: 10px;
  top: 4px;
  left: 0;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 16px;
  border-radius: 50%;
}

input:focus,
select:focus,
textarea {
  outline: none;
}

.radio-button {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.radio-button::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  border: solid 1px #979797;
  border-radius: 50%;
}

input[type="radio"] {
  width: 0;
  height: 0;
  border: 0;
  position: relative;
  display: none;
}

input[type="radio"]:checked + span::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background: #e41515;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 6px;
}

input[type="text"].foxentry-input-warning,
input[type="email"].foxentry-input-warning,
input[type="phone"].foxentry-input-warning {
  position: relative;
  z-index: 1;
  border: 2px solid #ffa60b !important;
}

.ukaz-heslo.vidimHeslo i {
  position: relative;
}
.ukaz-heslo.vidimHeslo i::after {
  content: "";
  display: block;
  width: 25px;
  height: 1px;
  background: #3e3e3e;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  left: 0;
  top: 8px;
}

.form select {
  text-transform: uppercase;
  width: 100%;
  border-radius: 0;
  border: solid 2px #e3e3e3;
  height: 3.75rem;
  font-weight: bold;
  font-family: "Prompt";
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url(../img/select.png) no-repeat 98% center;
  padding-left: 1rem;
  position: relative;
  font-size: 0.75rem;
  color: #3e3e3e;
}

.form textarea {
  width: 100%;
  height: 150px;
  border: solid 2px #e3e3e3;
  padding: 3rem 1rem 1rem;
}

.selekt.tel-num {
  width: 140px;
  float: left;
  background: #fff url(../img/select.png) no-repeat 95% center;
}

.selekt.tel-num .predvolba {
  position: absolute;
  text-transform: uppercase;
  left: 1rem;
  top: 0.7rem;
  font-size: 0.75rem;
}

.selekt.tel-num select {
  width: 140px;
  border: solid 2px #e3e3e3;
  border-radius: 0;
  border-right: 0;
  -webkit-box-shadow: inset 0 5px 1px 0 rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 5px 1px 0 rgba(0, 0, 0, 0.04);
  background: transparent url(../img/select.png) no-repeat 95% center;
  height: 60px;
  font-weight: 600;
  font-family: "Prompt";
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-top: 1.5rem;
  padding-left: 1rem;
  z-index: 2;
  position: relative;
  font-size: 0.85rem;
}

.tel-cislo {
  float: right;
  width: calc(100% - 140px);
  position: relative;
}
.tel-cislo input {
  -webkit-box-shadow: inset 0 5px 1px 0 rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 5px 1px 0 rgba(0, 0, 0, 0.04);
}

.fakturacni-formular .tel-cislo input[type="text"] {
  border-left: 0;
}

input[type="text"].foxentry-input-warning,
input[type="email"].foxentry-input-warning,
input[type="phone"].foxentry-input-warning {
  border: 2px solid #d4182f !important;
}

.foxentry-input-icon {
  display: none !important;
}

.nice-select {
  border-radius: 0;
  border: 2px solid #ebebeb;
  float: none;
  text-transform: uppercase;
  font-family: "Prompt";
  font-weight: bold;
}

.nice-select .list {
  width: 100%;
}

.predvolba-select .nice-select {
  height: 60px;
  padding-top: 18px;
}

.chyba .nice-select {
  border: 2px solid #d0021b;
}

.predvolba-select {
  width: 140px;
  float: left;
}
.predvolba-select select {
  width: 140px;
  border: solid 2px #e3e3e3;
  border-radius: 0;
  border-right: 0;
  -webkit-box-shadow: inset 0 5px 1px 0 rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 5px 1px 0 rgba(0, 0, 0, 0.04);
  height: 3.75rem;
  font-weight: 600;
  font-family: "Prompt";
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-top: 1.5rem;
  padding-left: 1rem;
  z-index: 2;
  position: relative;
}
.predvolba-select .predvolba {
  position: absolute;
  text-transform: uppercase;
  left: 1rem;
  top: 0.7rem;
  z-index: 2;
  font-size: 0.75rem;
}

.tel-cislo {
  float: right;
  width: calc(100% - 140px);
  position: relative;
}
.tel-cislo input[type="text"] {
  border-left: 0 !important;
  margin-top: 0 !important;
}

.obal-tabulky {
  overflow-x: auto;
}

.social-ikona {
  position: relative;
  width: 53px;
  height: 55px;
  display: inline-block;
}
.social-ikona::before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.social-ikona.fb {
  background: url(../img/social-sprites.png) no-repeat -5px -72px;
}
.social-ikona.fb::before {
  background: url(../img/facebook.svg) no-repeat center;
}
.social-ikona.fb:hover {
  background: url(../img/social-sprites.png) no-repeat -67px -72px;
}
.social-ikona.tw {
  background: url(../img/social-sprites.png) no-repeat -191px -72px;
}
.social-ikona.tw::before {
  background: url(../img/twitter.svg) no-repeat center;
}
.social-ikona.tw:hover {
  background: url(../img/social-sprites.png) no-repeat -5px -5px;
}
.social-ikona.in {
  background: url(../img/social-sprites.png) no-repeat -129px -72px;
}
.social-ikona.in::before {
  background: url(../img/instagram-copy-2.svg) no-repeat center;
}
.social-ikona.in:hover {
  background: url(../img/social-sprites.png) no-repeat -191px -5px;
}
.social-ikona.yt {
  background: url(../img/social-sprites.png) no-repeat -67px -5px;
}
.social-ikona.yt::before {
  background: url(../img/youtube.svg) no-repeat center;
}
.social-ikona.yt:hover {
  background: url(../img/social-sprites.png) no-repeat -129px -5px;
}

/* =========================== galerie modal =========================== */
.galerie-modal {
  width: 1000px;
  background: #fff;
  margin: auto;
  position: relative;
  padding: 4rem 6rem 3rem 6rem;
  max-height: 90vh;
}
.galerie-modal .slick-dots {
  display: none !important;
}
.galerie-modal .slick-arrow {
  border: 2px solid #3e3e3e;
  width: 54px;
  height: 38px;
  font-size: 0;
  position: absolute;
  top: calc(50% - 19px);
  z-index: 2;
  background: #fff;
}
.galerie-modal .slick-arrow.slick-prev {
  left: -5rem;
}
.galerie-modal .slick-arrow.slick-prev::before {
  content: "";
  display: block;
  width: 12px;
  height: 20px;
  margin: auto;
  background: url(../img/arrow-left-black.svg) no-repeat center;
}
.galerie-modal .slick-arrow.slick-next {
  right: -5rem;
}
.galerie-modal .slick-arrow.slick-next::before {
  content: "";
  display: block;
  width: 12px;
  height: 20px;
  margin: auto;
  background: url(../img/arrow-right-black.svg) no-repeat center;
}
.galerie-modal .slick-arrow:hover {
  border-color: #ccc;
}
.galerie-modal .slick-arrow:hover::before {
  opacity: 0.5;
}

@media (max-width: 1060px) {
  .galerie-modal {
    width: 800px;
  }
}

@media (max-width: 860px) {
  .galerie-modal {
    width: 600px;
  }
}

@media (max-width: 660px) {
  .galerie-modal {
    width: 400px;
    padding: 4rem 2rem 2rem 2rem;
  }
}

@media (max-width: 450px) {
  .galerie-modal {
    width: 320px;
    padding: 4rem 1rem 1rem 1rem;
  }
}

@media (max-width: 360px) {
  .galerie-modal {
    width: 280px;
  }
}

@media (max-width: 330px) {
  .galerie-modal {
    width: 260px;
  }
  .slick-arrow {
    display: none !important;
  }
}

@media (min-width: 1500px) {
  .galerie-modal {
    width: 1440px;
  }
}

.slickGalerie .slick-slide {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.slickGalerie img {
  display: inline-block !important;
  max-height: 80vh;
}

.resp-container {
  width: 100%;
  max-width: 960px;
  margin: auto;
  position: relative;
  overflow: hidden;
  padding-top: 50%;
}

.resp-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.dekujeme-za-objednavku {
  max-width: 1060px;
  margin: 2rem auto;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
}
.dekujeme-za-objednavku .hlavni {
  padding: 1rem;
}
.dekujeme-za-objednavku .hlavni p {
  margin: 1rem 0;
}
.dekujeme-za-objednavku .sloupec {
  padding: 1rem;
}
.dekujeme-za-objednavku .podekovani {
  text-transform: uppercase;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dekujeme-za-objednavku .podekovani .ikona {
  font-size: 36px;
  color: rgba(0, 134, 40, 0.8);
  margin: 0;
}
.dekujeme-za-objednavku .podekovani .text {
  font-size: 20px;
  padding-left: 1rem;
  font-family: "Prompt";
  font-weight: bold;
}

.dekujeme-za-objednavku .hlavni p.titulek {
  margin-bottom: 0.3rem;
  color: #7e7e7e;
  opacity: 0.65;
}

.dekujeme-za-objednavku .hlavni p.nenechte-si-ujit {
  margin-top: 0;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Prompt";
}

.poradime-vam {
  text-align: center;
}
.poradime-vam .titulek {
  font-size: 1.125rem;
  color: #7e7e7e;
  opacity: 0.65;
  margin-bottom: 0;
}
.poradime-vam h3 {
  text-transform: uppercase;
  font-family: "Prompt";
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

.persona-img {
  position: relative;
}
.persona-img img {
  position: relative;
  z-index: 1;
  padding: 0 1rem;
  background: #fff;
}
.persona-img::after {
  content: "";
  position: absolute;
  display: block;
  background: #e4e4e4;
  width: 100%;
  height: 2px;
  top: 48%;
}

.persona {
  font-family: "Prompt";
  font-size: 0.75rem;
}
.persona p {
  margin: 0;
}
.persona .jmeno {
  text-transform: uppercase;
  color: #e41515;
  font-size: 0.75rem;
  font-weight: bold;
}
.persona .pozice {
  text-transform: uppercase;
  font-size: 0.65rem;
  font-weight: bold;
  color: #878787;
  margin-bottom: 0.5rem;
}
.persona .cas {
  text-align: center;
}

.shrnuti-objednavky {
  font-family: "Prompt";
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75rem;
  margin-top: 4rem;
}
.shrnuti-objednavky h3 {
  text-align: center;
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
}

.tProdukty {
  border-bottom: 2px solid #e8e8e8;
}
.tProdukty img {
  max-width: 60px;
}
.tProdukty td {
  border-top: 2px solid #e8e8e8;
  padding: 0.5rem;
  vertical-align: top;
}

.tCena {
  white-space: nowrap;
}

.tDoprava,
.tCena {
  margin-top: 0.5rem;
}

.tDoprava td,
.tCena td {
  padding: 0.2rem 0.5rem;
}

.tDoprava td:last-child,
.tCena td:last-child {
  text-align: right;
}

.tCena {
  border-top: 2px solid #e8e8e8;
  margin-bottom: 1rem;
  white-space: nowrap;
}

.tCena tr:last-child td {
  text-transform: none;
  color: #9b9b9b;
}

.tCena tr:first-child td {
  font-size: 0.85rem;
  padding-top: 1rem;
}

.fakturacni-adresa {
  border-top: 2px solid #e8e8e8;
}

.fakturacni-adresa td {
  padding: 0.2rem 0.5rem;
}

.fakturacni-adresa td:first-child {
  color: #9b9b9b;
}

.fakturacni-adresa tr:first-child td:first-child {
  color: #000;
}

.fakturacni-adresa tr:first-child td {
  padding: 1rem 0.5rem;
}

@media (max-width: 480px) {
  .dekujeme-za-objednavku .podekovani {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
  }
  .dekujeme-za-objednavku .podekovani .ikona,
  .dekujeme-za-objednavku .podekovani .text {
    display: block;
    width: 100%;
  }
  .dekujeme-za-objednavku .titulek,
  .dekujeme-za-objednavku .nenechte-si-ujit {
    text-align: center;
  }
}

@media (min-width: 760px) {
  .dekujeme-za-objednavku {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2rem;
  }
  .hlavni,
  .sloupec {
    width: 50%;
  }
}

@media (min-width: 960px) {
  .dekujeme-za-objednavku {
    margin: 4rem auto;
  }
  .hlavni {
    width: 60%;
  }
  .sloupec {
    width: 40%;
  }
  .dekujeme-za-objednavku .podekovani .ikona {
    font-size: 48px;
  }
  .dekujeme-za-objednavku .podekovani .text {
    font-size: 1.5rem;
  }
  .dekujeme-za-objednavku .hlavni p {
    margin: 2rem 0;
  }
}

.cesta-objednavky {
  margin: 2rem 0;
}

.cesta-ikony .krok {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4rem;
  position: relative;
}
.cesta-ikony .krok::after {
  content: "";
  display: block;
  width: 12px;
  height: 14px;
  background: url(../img/krok-sipka.svg) no-repeat;
  position: absolute;
  bottom: -1rem;
  left: 20px;
}
.cesta-ikony .krok strong {
  text-transform: uppercase;
  font-size: 1.125rem;
  font-family: "Prompt";
}
.cesta-ikony .krok p {
  margin: 0;
  font-size: 0.85rem;
}
.cesta-ikony .krok:last-of-type::after {
  display: none;
}

.cesta-ikony .krok-img {
  margin-right: 1.5rem;
  min-width: 48px;
}

.cesta-texty {
  line-height: 1.8;
}
.cesta-texty p {
  margin-top: 0 !important;
}

@media (min-width: 960px) {
  .cesta-objednavky {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .cesta-ikony {
    min-width: 240px;
    padding-right: 2rem;
  }
}

.opusteny-kosik {
  max-width: 585px;
  margin: 5rem auto;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  border: solid 2px #ebebeb;
  padding-top: 2rem;
  font-family: "Prompt";
}
.opusteny-kosik .titulek {
  text-align: center;
  opacity: 0.65;
  margin-bottom: 0.5rem;
}
.opusteny-kosik h2 {
  font-size: 1.125rem;
  border-bottom: 2px solid #ebebeb;
  padding-bottom: 1rem;
  margin-bottom: 0;
  position: relative;
}
.opusteny-kosik h2::after {
  content: "";
  display: block;
  width: 200px;
  height: 2px;
  background: #e41515;
  left: 50%;
  bottom: -2px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
}
.opusteny-kosik .nakupte-jeste::after {
  display: none;
}
.opusteny-kosik .nakupte-jeste span {
  background: none;
  display: block;
  padding: 1rem 0;
  font-size: 0.75rem;
}
.opusteny-kosik .spodek-kosik-hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.opusteny-kosik .vyprazdnit-kosik {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
}

.vip {
  background: #fff;
  max-width: 1035px;
  margin: auto;
  position: relative;
}
.vip .close-modal {
  color: #fff;
}

.vip-header {
  text-align: center;
  background: url(../img/vip.jpg) no-repeat;
  background-size: cover;
  padding: 3rem 0 2rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.vip-logo {
  width: 230px;
}
.vip-logo .titulek {
  margin-bottom: 0.5rem;
}
.vip-logo .titulek span {
  position: relative;
}
.vip-logo .titulek span::before,
.vip-logo .titulek span::after {
  content: "";
  display: block;
  height: 2px;
  background: #fff;
  width: 50px;
  position: absolute;
  top: 50%;
  left: -60px;
}
.vip-logo .titulek span::after {
  left: auto;
  right: -60px;
}
.vip-logo h2 {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.72);
  font-size: 1.5rem;
}
@media only screen and (min-width: 1200px) {
  .vip-logo h2 {
    font-size: 2rem;
  }
}
.vip-logo .zalozeno {
  width: 100%;
  border-top: 2px solid #fff;
  font-family: "Courgette";
  padding: 10px 0;
}
.vip-logo .zalozeno span {
  position: relative;
}
.vip-logo .zalozeno span::before,
.vip-logo .zalozeno span::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f005 \f005 \f005 \f005 \f005 \f005 \f005";
  position: absolute;
  font-size: 0.4rem;
  letter-spacing: 3px;
  left: -80px;
  top: 32%;
  width: 80px;
}
.vip-logo .zalozeno span::after {
  left: auto;
  right: -85px;
}

.vip-text {
  padding: 1rem;
  background: #f5f5f5;
  text-align: left;
}
.vip-text .titulek {
  color: #9b9b9b;
}
.vip-text h2 {
  text-align: left;
  border-bottom: 2px solid #e4e4e4;
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}
.vip-text h2::after {
  content: "";
  display: block;
  height: 2px;
  width: 200px;
  background: #e41515;
  bottom: -2px;
  left: 0;
  position: absolute;
}
.vip-text h3 {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.vip-text form {
  font-size: 0.85rem;
}
.vip-text ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
@media (max-width: 420px) {
  .vip-text ul {
    display: block;
  }
}
.vip-text ul li {
  width: 50%;
  padding-right: 0.5rem;
}
@media (max-width: 420px) {
  .vip-text ul li {
    width: 100%;
  }
}
.vip-text .filtr-radek label {
  text-decoration: none;
  min-height: 40px;
}
.vip-text .podminky p {
  margin: 1rem 0;
}
.vip-text button.ukaz-heslo {
  padding: 0;
  width: 60px;
  height: 56px;
  position: absolute;
  top: 0;
  right: 2px;
  border: 0;
  border-left: 2px solid #e3e3e3;
  background: #fff;
}
.vip-text button.ukaz-heslo i {
  position: relative;
  left: -4px;
  font-size: 1rem;
}
.vip-text button.ukaz-heslo:hover i {
  color: #e41515;
}

button.ukaz-heslo {
  padding: 0;
  width: 60px;
  height: 56px;
  position: absolute;
  top: 0;
  right: 2px;
  border: 0;
  border-left: 2px solid #e3e3e3;
  background: #fff;
}
button.ukaz-heslo i {
  position: relative;
  left: -3px;
}
button.ukaz-heslo:hover i {
  color: #e41515;
}

.vip-registrace {
  margin-bottom: 2rem;
}

.vip-jmeno {
  padding-left: 150px;
}

.vip-mail {
  padding-left: 80px;
}

.vip-heslo {
  padding-left: 80px;
}

.vip-heslo-znovu {
  padding-left: 120px;
}

.shvezdickou {
  font-size: 0.75rem;
  color: #3e3e3e;
  opacity: 0.7;
  font-family: "Open Sans";
}

@media only screen and (min-width: 760px) {
  .vip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .vip .close-modal {
    color: #3e3e3e;
  }
  .vip-header {
    width: 360px;
  }
  .vip-text {
    width: calc(100% - 300px);
  }
  .zapojit-se {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .zapojit-se button {
    white-space: nowrap;
  }
  .shvezdickou {
    padding-left: 1.5rem;
    max-width: 210px;
  }
}

@media only screen and (min-width: 960px) {
  .vip-text {
    padding: 3rem 4rem;
  }
  .vip-text h2 {
    font-size: 1.5rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
  }
  .vip-text h3 {
    font-size: 1.125rem;
  }
  .vip-text ul li {
    width: 33.3%;
  }
  .vip-text .podminky p {
    margin: 1.5rem 0;
  }
  .vip-text button {
    padding: 0rem 5rem;
  }
  .zapojit-se {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .zapojit-se button {
    padding: 0rem 3rem;
  }
}

@media (max-width: 760px) {
  .vip-header {
    height: 200px;
    background: url(../img/vip-mobil.jpg) no-repeat center;
    background-size: cover;
  }
  .vip-logo {
    display: none;
  }
}

.mezikrok {
  max-width: 1000px;
  margin: 5rem auto 0;
  position: relative;
  font-family: "Prompt";
}
.mezikrok .range-doprava {
  margin: 0 2rem;
}

.check {
  width: 80px;
  height: 80px;
  display: block;
  border-radius: 50px;
  background: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -40px;
  color: rgba(0, 134, 40, 0.8);
  text-align: center;
  line-height: 80px;
  font-size: 48px;
  padding-top: 16px;
}

.mezikrok-vypis {
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.mezikrok-produkt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 600px;
  margin: auto;
  padding: 0 1rem;
  padding-top: 3rem;
  margin-bottom: 2rem;
  text-transform: uppercase;
}
.mezikrok-produkt p {
  font-family: "Prompt";
}

.mezikrok-obrazek {
  max-width: 80px;
  margin-right: 1rem;
}

.produkt {
  font-weight: bold;
  font-size: 1.125rem;
}
.produkt span {
  color: #9b9b9b;
  font-size: 1rem;
  padding: 0;
  float: none;
  text-transform: none;
}

.mezikrok-text {
  margin: auto;
}
.mezikrok-text .hlaska {
  font-weight: 600;
  font-size: 0.85rem;
}

.nakupte-jeste {
  text-align: center;
  position: relative;
}
.nakupte-jeste span {
  background: #fff;
  padding: 0.5rem;
  text-transform: uppercase;
  font-size: 0.85rem;
  position: relative;
  z-index: 1;
  line-height: 1.5rem;
}
.nakupte-jeste::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #e8e8e8;
  left: 0;
  bottom: 10px;
}
@media only screen and (max-width: 599px) {
  .nakupte-jeste::after {
    bottom: auto;
    top: -20px;
  }
}

.tlacitka {
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.zpet-na-produkt {
  margin-right: auto;
}

.prejit-do-kosiku {
  margin-left: auto;
}

.mezikrok-produkty {
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  padding-top: 2rem;
  margin-top: 1rem;
}

.mezikrok-produkty h2 {
  padding-bottom: 1rem;
  border-bottom: 2px solid #e4e4e4;
  position: relative;
  margin-bottom: 0;
}
.mezikrok-produkty h2::after {
  content: "";
  display: block;
  height: 2px;
  width: 50px;
  background: #e41515;
  bottom: -2px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (min-width: 960px) {
  .mezikrok-produkty h2::after {
    width: 200px;
  }
}

.mezikrok-produkty .vypis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 2rem 1rem;
}

.mezikrok-produkty .nahled {
  width: 33.333%;
}

.mezikrok-produkty .nahled-popis {
  display: none;
}

.range-doprava {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  padding: 0 1rem;
  text-align: center;
  padding-top: 1.5rem;
}

.graf {
  width: 100%;
  height: 4px;
  display: block;
  background: #979797;
  border-radius: 4px;
  position: relative;
}

.graf-bar {
  background: rgba(0, 134, 40, 0.8);
  height: 4px;
  border-radius: 4px;
  display: inline-block;
  position: absolute;
  left: 0;
}

.graf-bar-cara {
  display: block;
  width: 4px;
  height: 12px;
  background: rgba(0, 134, 40, 0.8);
  border-radius: 4px;
  top: -4px;
  position: absolute;
  right: 0;
}
.graf-bar-cara::after {
  content: "";
  display: block;
  width: 30px;
  height: 25px;
  background: url(../img/truck.svg) no-repeat;
  position: absolute;
  left: -15px;
  top: -30px;
}

.graf-castka {
  font-size: 0.75rem;
  font-weight: bold;
  padding-top: 10px;
  text-transform: none;
  font-family: "Prompt";
}

.mezikrok .obsah-kosiku-doprava-zdarma {
  margin-bottom: 0;
}

.mezikrok {
  width: 300px;
}

@media (max-width: 1060px) {
  .mezikrok {
    width: 900px;
  }
}

@media (max-width: 960px) {
  .mezikrok {
    width: 800px;
  }
}

@media (max-width: 860px) {
  .mezikrok {
    width: 700px;
  }
  .mezikrok .vypis {
    padding: 0 1rem 1rem;
  }
  .mezikrok .tlacitka-koupit .kupovaciTlacitko .skryt {
    display: none;
  }
}

@media (max-width: 760px) {
  .mezikrok {
    width: 600px;
  }
  .mezikrok-tlacitka .tlacitka {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
    padding-top: 0;
  }
  .mezikrok-tlacitka .range-doprava {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-top: 3rem;
  }
  .mezikrok-tlacitka .zpet-na-produkt {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .mezikrok-tlacitka .prejit-do-kosiku {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

@media (max-width: 660px) {
  .mezikrok {
    width: 500px;
  }
}

@media (max-width: 600px) {
  .mezikrok-produkt {
    display: block;
    max-width: 300px;
  }
  .mezikrok-produkt .produkt {
    margin-bottom: 1rem;
  }
  .mezikrok-obrazek {
    text-align: center;
    margin: 0 auto;
    max-width: 150px;
  }
  .mezikrok-obrazek img {
    max-width: 150px;
  }
  .mezikrok-tlacitka .zpet-na-produkt {
    margin-bottom: 1rem;
  }
}

@media (max-width: 560px) {
  .mezikrok {
    width: 400px;
  }
}

@media (max-width: 460px) {
  .mezikrok {
    width: 320px;
  }
}

@media (max-width: 340px) {
  .mezikrok {
    width: 270px;
  }
}

@media (min-width: 960px) {
  .mezikrok .nahled {
    padding: 1rem;
  }
}

@media (min-width: 1060px) {
  .mezikrok {
    width: 1000px;
  }
}

.mezikrok .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mezikrok .inner > div {
  width: 100%;
}
.mezikrok .inner .slickSpodniLista {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin: 0;
}
.mezikrok .inner .vypis {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

@media only screen and (min-width: 960px) {
  .uzky-naseptavac {
    position: relative;
  }
}

.naseptavac {
  background: #fff;
  padding-top: 2rem;
  width: 100%;
  display: none;
  text-transform: none;
  font-family: "Open Sans";
}
.naseptavac .nadpis {
  text-align: center;
  font-family: Prompt;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 1rem;
  position: relative;
}
.naseptavac .nadpis::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 200px;
  height: 2px;
  background: #e41515;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.naseptavac ul {
  margin-top: -2px;
}
.naseptavac li a {
  display: block;
  padding: 1rem;
  border: solid 2px rgba(45, 45, 45, 0.1);
  border-bottom-width: 0;
}
.naseptavac li a::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 2px;
  background: #3e3e3e;
  margin: 0 5px 5px 0;
}
.naseptavac li:last-child a {
  border-bottom-width: 2px;
}

.naseptavac.nenasel {
  max-width: 1035px;
  padding: 0;
}
.naseptavac.nenasel #mate-dotaz-sloupec {
  display: block;
  margin-top: 0;
}
.naseptavac.nenasel #mate-dotaz-sloupec .lista .btn {
  white-space: nowrap;
  padding: 0.15rem 3rem;
  top: 385px;
}

.naseptavac-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.naseptavac-text {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  padding: 2rem;
}
.naseptavac-text h2 {
  text-align: left;
  font-size: 1.5rem;
  margin-bottom: 0.3rem;
  margin-top: 1rem;
}
.naseptavac-text h3 {
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.naseptavac-zeptejse {
  background: #f5f5f5;
  padding: 1rem 2rem;
}

.hledani .absolutni {
  position: absolute;
  left: 0.5rem;
  right: 0.5rem;
}

@media (max-width: 680px) {
  .naseptavac.nenasel .naseptavac-zeptejse {
    display: block;
    width: 100%;
  }
  .naseptavac-zeptejse {
    display: none;
  }
  .naseptavac-text img {
    display: block;
    margin: auto;
  }
  .naseptavac-text h2 {
    font-size: 1rem;
  }
  .naseptavac-text h3 {
    font-size: 0.8rem;
  }
}

@media (min-width: 681px) {
  .naseptavac-text {
    padding: 4rem 2rem;
    width: calc(100% - 370px);
  }
  .naseptavac-zeptejse {
    width: 370px;
  }
}

@media (min-width: 1050px) {
  .hledani .absolutni {
    left: 50%;
    width: 100%;
    max-width: 1040px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .naseptavac-text {
    padding: 4rem;
  }
}

@media (min-width: 1200px) {
  .naseptavac-text {
    padding: 4rem;
  }
}

.naseptavac-obsah {
  padding: 0 0.5rem 1rem;
}
.naseptavac-obsah .naposledy-hledane {
  margin-bottom: 2rem;
}

.naseptavac .seznam {
  border-top: 2px solid #e4e4e4;
  margin-bottom: 1rem;
}
.naseptavac .seznam a {
  border: 0;
  padding: 0.5rem 0;
  padding-left: 1rem;
  position: relative;
}
.naseptavac .seznam a::before {
  position: absolute;
  left: 0;
  top: 18px;
}

.naseptavac-footer {
  background: #f5f5f5;
  padding: 1rem 1rem 0;
}

.naseptavac-produkty {
  border-top: 2px solid #e4e4e4;
  padding-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 2rem;
}
.naseptavac-produkty li {
  text-align: center;
  margin-bottom: 1rem;
  padding: 0 0.5rem;
  width: 50%;
}
.naseptavac-produkty li a {
  padding: 0;
  border: 0;
  text-decoration: none;
}
.naseptavac-produkty li a::before {
  display: none;
}
.naseptavac-produkty h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Prompt";
  font-size: 0.85rem;
  height: 60px;
  overflow: hidden;
}
.naseptavac-produkty .nahled-img {
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.naseptavac-produkty .nahled-img img {
  max-height: 100%;
}
.naseptavac-produkty .nahled-doprava {
  font-family: "Prompt";
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75rem;
  color: rgba(0, 134, 40, 0.8);

  margin-bottom: 0.5rem;
  height: 36px;
  overflow: hidden;
}
.naseptavac-produkty .nahled-doprava span {
  display: block;
}
.naseptavac-produkty .nase-cena {
  font-weight: bold;
  font-family: "Prompt";
}

@media (min-width: 420px) {
  .naseptavac-produkty,
  .seznam {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .naseptavac-produkty li,
  .seznam li {
    width: 50%;
  }
  .naseptavac-produkty .seznam li,
  .seznam .seznam li {
    padding-right: 0.5rem;
  }
}

@media only screen and (min-width: 600px) {
  .naseptavac-produkty li,
  .seznam li {
    width: 33.3%;
  }
}

@media only screen and (min-width: 960px) {
  .seznam li {
    width: 25%;
    padding-right: 1rem;
  }
  .naseptavac-produkty li {
    width: 20%;
  }
  .seznam,
  .naseptavac-produkty {
    padding-top: 1.5rem;
  }
  .naseptavac-obsah {
    padding: 1rem 3rem 2rem;
  }
  .naseptavac-footer {
    padding: 2rem 3rem 1rem;
  }
  .naseptavac .nadpis {
    font-size: 1.125rem;
  }
}

@media (max-width: 500px) {
  .naseptavac-obsah .text-center .btn {
    height: auto;
    line-height: normal;
    padding: 0.8rem;
  }
}

.polozit-dotaz-modal {
  margin: auto;
  position: relative;
}

.polozit-dotaz-header {
  background: url(../img/polozit-dotaz.jpg) no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-family: "Prompt";
  font-weight: 600;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.67);
  padding-top: 3rem;
}

.polozit-dotaz-obr {
  font-size: 0;
}

.polozit-dotaz-texty {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0)),
    to(rgba(0, 0, 0, 0.5))
  );
  background: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.5)
  );
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  padding: 1rem 2rem;
}
.polozit-dotaz-texty > p {
  margin-bottom: 1rem;
  line-height: 1.4;
}
.polozit-dotaz-texty .polozit-dotaz-jmeno {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: normal;
  text-shadow: none;
  margin-bottom: 1rem;
}
.polozit-dotaz-texty .polozit-dotaz-telefon i {
  font-size: 1.3rem;
  text-shadow: none;
}

.polozi-dotaz-text {
  background: #f5f5f5;
  padding: 1.5rem;
  text-align: left;
}
.polozi-dotaz-text .titulek {
  color: #9b9b9b;
  margin-bottom: 0.5rem;
}
.polozi-dotaz-text h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.125rem;
  text-align: left;
  border-bottom: 2px solid #e4e4e4;
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}
.polozi-dotaz-text h2::after {
  content: "";
  display: block;
  height: 2px;
  width: 200px;
  background: #e41515;
  bottom: -2px;
  left: 0;
  position: absolute;
}
.polozi-dotaz-text textarea {
  padding: 3rem 1rem 1rem;
  height: 110px;
}
.polozi-dotaz-text .shvezdickou {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  display: block;
}

@media only screen and (min-width: 760px) {
  .polozit-dotaz-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1050px;
  }
  .polozit-dotaz-header {
    width: 345px;
  }
  .polozi-dotaz-text {
    width: calc(100% - 345px);
    padding-top: 3rem;
  }
}

@media (min-width: 760px) and (max-width: 960px) {
  .polozi-dotaz-text button {
    width: 100%;
  }
}

@media only screen and (min-width: 960px) {
  .polozi-dotaz-text {
    padding: 3rem;
  }
  .polozi-dotaz-text h2 {
    font-size: 1.5rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
  }
  .polozi-dotaz-text .shvezdickou {
    padding: 0;
  }
  .polozi-dotaz-text .btn {
    padding: 0rem 4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .polozit-dotaz-modal {
    min-width: 1050px;
  }
}

.error-hlaska {
  color: #d0021b;
  padding: 5px 0;
}

form .errorFormItem {
  border-color: #d0021b !important;
  position: relative;
}

.pop-vyprodano {
  background: #f5f5f5;
  max-width: 760px;
  margin: auto;
  padding: 4rem 2rem 2rem;
  margin-top: 4rem;
}
.pop-vyprodano p {
  margin: 1rem 0;
}
.pop-vyprodano h2 {
  text-align: left;
  border-bottom: 2px solid #e4e4e4;
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.45rem;
}
.pop-vyprodano h2::after {
  content: "";
  display: block;
  height: 2px;
  width: 200px;
  background: #e41515;
  bottom: -2px;
  left: 0;
  position: absolute;
}
.pop-vyprodano .zapojit-se button {
  padding: 1rem 4rem;
}

.pop-zadejte-email {
  padding-left: 130px;
}

.pop-moznosti-dopravy {
  max-width: 650px;
  background: #fff;
  padding: 3rem 2rem;
  margin: auto;
}
.pop-moznosti-dopravy h2 {
  text-align: left;
  border-bottom: 2px solid #e4e4e4;
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}
.pop-moznosti-dopravy h2::after {
  content: "";
  display: block;
  height: 2px;
  width: 200px;
  background: #e41515;
  bottom: -2px;
  left: 0;
  position: absolute;
}
.pop-moznosti-dopravy .range-doprava {
  margin: 1rem 0 0;
}
.pop-moznosti-dopravy .nakupte-jeste {
  font-family: "Prompt";
}
.pop-moznosti-dopravy .nakupte-jeste::after {
  display: none;
}
.pop-moznosti-dopravy .nakupte-jeste span {
  background: none;
}
.pop-moznosti-dopravy .nakupte-jeste br {
  display: none;
}
.pop-moznosti-dopravy .table-doprava {
  margin-bottom: 2rem;
}
.pop-moznosti-dopravy .table-doprava .dorucovatel {
  padding: 1rem 0.5rem;
  text-align: left;
}
.pop-moznosti-dopravy .obsah-kosiku-doprava-zdarma {
  margin-bottom: 0;
}

@media (max-width: 620px) {
  .pop-moznosti-dopravy .table-doprava tr {
    display: -ms-grid;
    display: grid;
    grid-template-areas: "doprava-radio dorucovatel ." "doprava-radio doruceni-doprava doprava-cena";
    -ms-grid-columns: 0 auto auto;
    grid-template-columns: 0 auto auto;
  }
  .pop-moznosti-dopravy .table-doprava tr:not(:last-child) {
    border-bottom: 0;
  }
  .pop-moznosti-dopravy .table-doprava tr .doruceni-doprava {
    padding: 0 0 1rem 0.5rem;
  }
  .pop-moznosti-dopravy .table-doprava tr .doprava-cena {
    padding: 0 0.5rem 1rem 0;
  }
}

.action-class-vypis-detail .pop-moznosti-dopravy .nakupte-jeste span {
  background: #fff;
}

.action-class-vypis-detail .pop-moznosti-dopravy .range-doprava {
  margin: 2rem 0;
}

.action-class-vypis-detail .pop-moznosti-dopravy .nakupte-jeste::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: #e8e8e8;
  left: 0;
  bottom: 10px;
  display: block;
}

@media (max-width: 620px) {
  .pop-moznosti-dopravy {
    padding: 3rem 1rem;
  }
}

.dopravce-modal {
  max-width: 500px;
  background: #fff;
  padding: 3rem;
  margin: auto;
}
.dopravce-modal h3 {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.125rem;
  margin: 2rem 0 1rem;
}
.dopravce-modal p {
  font-family: "Open Sans";
  font-size: 0.85rem;
  line-height: 2;
}
.dopravce-modal .text-center {
  margin-top: 2rem;
}
.dopravce-modal .text-center button {
  padding: 0.8rem 4rem;
}

.modal-doprace-logo {
  text-align: center;
}

.naposledy-navstivene {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  border-top: 5px solid #4c4c4c;
  background: #fff;
}
.naposledy-navstivene .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1440px;
  height: 0;
  position: relative;
}

.tlacitko-naposldy-navstivene {
  position: absolute;
  bottom: 0;
}
.tlacitko-naposldy-navstivene button {
  height: 55px;
  white-space: nowrap;
}
.tlacitko-naposldy-navstivene button span {
  position: relative;
}
.tlacitko-naposldy-navstivene button span::before {
  content: "";
  display: inline-block;
  background: url(../img/arrow-up.svg) no-repeat;
  width: 9px;
  height: 6px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-right: 0.5rem;
  margin-left: -0.5rem;
}

.naposledy-navstivene.naposledy-navstivene-otevrene .container {
  height: 55px;
}

.naposledy-navstivene.naposledy-navstivene-otevrene
  .tlacitko-naposldy-navstivene {
  position: static;
}
.naposledy-navstivene.naposledy-navstivene-otevrene
  .tlacitko-naposldy-navstivene
  button {
  white-space: nowrap;
}
.naposledy-navstivene.naposledy-navstivene-otevrene
  .tlacitko-naposldy-navstivene
  button
  span {
  position: relative;
}
.naposledy-navstivene.naposledy-navstivene-otevrene
  .tlacitko-naposldy-navstivene
  button
  span::before {
  content: "";
  display: inline-block;
  background: url(../img/arrow-up.svg) no-repeat;
  width: 9px;
  height: 6px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  margin-right: 0.5rem;
  margin-left: -0.5rem;
}

.naposledy-navstivene-seznam {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: calc(100% - 264px - 120px);
}
.naposledy-navstivene-seznam li {
  position: relative;
  width: 100px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 0.5rem 1rem;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.naposledy-navstivene-seznam li::before {
  content: "";
  width: 100px;
  height: 7px;
  background: #fff;
  position: absolute;
  top: 0px;
  left: 0;
  display: none;
  z-index: 2;
}
.naposledy-navstivene-seznam li:hover {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.21);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.21);
}
.naposledy-navstivene-seznam li:hover::before {
  display: block;
}
.naposledy-navstivene-seznam li:hover .nahled {
  display: block;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.21);
}
.naposledy-navstivene-seznam .nahled {
  position: absolute;
  bottom: 55px;
  left: -130px;
  width: 360px;
  display: none;
  overflow: hidden;
}
.naposledy-navstivene-seznam .nahled .hover-info {
  display: none !important;
}
.naposledy-navstivene-seznam .nahled .nahled-cena .nase-cena {
  font-size: 1.125rem;
}

.zobrazit-vsechny-naposldy-navstivene {
  line-height: 55px;
  margin-left: auto;
  font-family: "Prompt";
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.zobrazit-vsechny-naposldy-navstivene a {
  height: 100%;
  display: block;
  white-space: nowrap;
}

.naposledy-navstivene-otevrene .zobrazit-vsechny-naposldy-navstivene {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 760px) {
  .naposledy-navstivene {
    display: none;
  }
}

@media (max-width: 1200px) {
  .zobrazit-vsechny-naposldy-navstivene {
    width: 70px;
    line-height: normal;
  }
  .zobrazit-vsechny-naposldy-navstivene a {
    white-space: normal;
    height: auto;
  }
  .tlacitko-naposldy-navstivene button {
    height: 55px;
  }
  .naposledy-navstivene.naposledy-navstivene-otevrene .container {
    height: 55px;
  }
  .naposledy-navstivene-seznam {
    max-width: calc(100% - 264px - 80px);
  }
  .naposledy-navstivene-seznam li {
    height: 55px;
  }
  .naposledy-navstivene-seznam .nahled {
    bottom: 55px;
  }
}

.naposledy-navstivene-nahled {
  height: 100%;
}

.naposledy-navstivene-nahled a {
  height: 100%;
  display: block;
}

.naposledy-navstivene-nahled a img {
  height: 100%;
}

.registrace {
  margin: 0 auto;
  max-width: 1280px;
}
.registrace h1 {
  font-family: "Prompt";
  text-align: left;
  font-weight: bold;
  font-size: 2.125rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.registracni-box {
  background: #f5f5f5;
  margin-bottom: 2rem;
}

.registrace-header {
  background: url(../img/registrace.jpg) no-repeat center center;
  background-size: cover;
  color: #fff;
  padding: 1rem;
}
.registrace-header a {
  color: #fff;
}
.registrace-header ul {
  font-family: "Prompt";
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 600;
  max-width: 290px;
  margin: auto;
}
.registrace-header ul li {
  position: relative;
  padding-left: 1.8rem;
  margin-bottom: 1rem;
}
.registrace-header ul li::before {
  content: "";
  display: block;
  width: 19px;
  height: 15px;
  background: url(../img/check-w.svg) no-repeat;
  position: absolute;
  left: 0;
  top: 2px;
}

.registrace-logo {
  text-align: center;
  width: 250px;
  margin: auto;
  margin-bottom: 1rem;
  position: relative;
}
.registrace-logo::after {
  content: "";
  display: block;
  width: 250px;
  height: 2px;
  background: #fff;
  margin: auto;
}
.registrace-logo h2 {
  margin-bottom: 0.7rem;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.72);
}
.registrace-logo .titulek {
  font-weight: normal;
  font-size: 1rem;
  margin-bottom: 0.3rem;
}
.registrace-logo .titulek span {
  position: relative;
}
.registrace-logo .titulek span::before,
.registrace-logo .titulek span::after {
  content: "";
  display: block;
  height: 2px;
  background: #fff;
  width: 65px;
  position: absolute;
  top: 50%;
  left: -75px;
}
.registrace-logo .titulek span::after {
  left: auto;
  right: -75px;
}

.registrace-obsah {
  padding: 1rem;
}
.registrace-obsah h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.125rem;
  border-bottom: 2px solid #e4e4e4;
  position: relative;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
  text-align: left;
}
.registrace-obsah h2::after {
  content: "";
  display: block;
  height: 2px;
  width: 200px;
  background: #e41515;
  bottom: -2px;
  left: 0;
  position: absolute;
}

.tlacitko-registrovat {
  margin: 1rem 0 0;
}
.tlacitko-registrovat span {
  font-family: "Open Sans";
  font-size: 0.75rem;
}

@media (min-width: 760px) {
  .registracni-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .registrace-header {
    width: 300px;
    position: relative;
  }
  .registrace-header ul {
    display: block;
    max-width: none;
  }
  .registrace-header-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .registrace-obsah {
    width: calc(100% - 300px);
  }
  .tlacitko-registrovat {
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .tlacitko-registrovat span {
    padding-left: 1rem;
  }
  .tlacitko-registrovat .btn {
    padding: 0rem 4rem;
  }
}

@media (min-width: 960px) {
  .registrace-header {
    width: 520px;
  }
}

@media (min-width: 1200px) {
  .registrace-obsah {
    padding: 6rem;
  }
  .registrace-logo {
    width: 320px;
    margin-bottom: 2.5rem;
  }
  .registrace-logo .titulek {
    margin-bottom: 0.6rem;
  }
  .registrace-logo h2 {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .registrace-header ul {
    display: block;
    width: 300px;
    margin: auto;
  }
  .registrace-header ul li {
    margin-bottom: 1.5rem;
  }
  .registrace-obsah h2 {
    font-size: 1.5rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
  }
}

.kosik-prihlaseni {
  max-width: 1000px;
  margin: auto;
  background: #f5f5f5;
  position: relative;
}
.kosik-prihlaseni .close-modal {
  z-index: 2;
}
.kosik-prihlaseni h2 {
  font-size: 1.2rem;
}

.kosik-prihlaseni-hlavicka {
  border-bottom: 2px solid #e8e8e8;
  padding: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Prompt";
  font-size: 0.85rem;
  text-align: left;
}
.kosik-prihlaseni-hlavicka .checkbox label {
  text-decoration: none;
}

.kosik-prihlaseni-prihlasit,
.kosik-prihlaseni-registrace {
  padding: 1rem;
}

.kosik-prihlaseni-registrace {
  background: #fff;
  font-size: 0.85rem;
  text-align: left;
}
.kosik-prihlaseni-registrace .check-list {
  font-size: 0.85rem;
}

.kosik-prihlaseni-tlacitka {
  margin-top: 1.3rem;
  text-align: center;
  text-transform: uppercase;
  font-family: "Prompt";
}
.kosik-prihlaseni-tlacitka a {
  font-weight: bold;
  font-size: 0.75rem;
}
.kosik-prihlaseni-tlacitka .btn {
  width: 100%;
  margin-bottom: 0.75rem;
}

.check-list li {
  position: relative;
  padding-left: 1.8rem;
  margin-bottom: 1.1rem;
}
.check-list li::before {
  content: "";
  display: block;
  width: 19px;
  height: 15px;
  background: url(../img/check.svg) no-repeat;
  position: absolute;
  left: 0;
  top: 2px;
}

@media (min-width: 600px) {
  .kosik-prihlaseni-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .kosik-prihlaseni-inner .row {
    margin-bottom: 0.7rem;
  }
  .kosik-prihlaseni-prihlasit,
  .kosik-prihlaseni-registrace {
    width: 50%;
  }
  .kosik-prihlaseni-prihlasit h2,
  .kosik-prihlaseni-registrace h2 {
    text-align: left;
  }
  .kosik-prihlaseni-tlacitka {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .kosik-prihlaseni-tlacitka .btn {
    width: auto;
    margin: 0;
  }
  .kosik-prihlaseni-tlacitka a {
    margin-left: auto;
  }
}

@media (min-width: 960px) {
  .kosik-prihlaseni-prihlasit,
  .kosik-prihlaseni-registrace {
    padding: 2rem 3rem 3rem;
  }
  .kosik-prihlaseni-prihlasit .btn,
  .kosik-prihlaseni-registrace .btn {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (min-width: 1100px) {
  .kosik-prihlaseni {
    width: 1000px;
  }
}

.obecna-hlaska {
  margin: 3rem auto 5rem;
  max-width: 1280px;
}
.obecna-hlaska h1 {
  font-family: "Prompt";
  text-align: left;
  font-weight: bold;
  font-size: 2.125rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.zapomenute-heslo-panel .error-hlaska {
  margin: -1rem 0 1rem;
}

.vypis-produktu-vyhledavani .drobek {
  margin-bottom: 1rem;
}

.vypis-produktu-vyhledavani .vypis-hlavicka {
  height: auto;
  background: #fff;
  color: #3e3e3e;
}
.vypis-produktu-vyhledavani .vypis-hlavicka a {
  color: #3e3e3e;
}
.vypis-produktu-vyhledavani .vypis-hlavicka .vypis-vyhledavani h1 {
  text-shadow: none;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
}
.vypis-produktu-vyhledavani .vypis-hlavicka .vypis-vyhledavani h1 span {
  display: block;
}
.vypis-produktu-vyhledavani .vypis-hlavicka .vypis-vyhledavani .container {
  padding: 0;
}

.vypis-produktu-vyhledavani .vypis-kategorie {
  background: #fff;
}
.vypis-produktu-vyhledavani .vypis-kategorie .container {
  padding: 0;
}

.vypis-vyhledavani-drobek {
  font-family: "Prompt";
  font-size: 0.85rem;
  text-transform: uppercase;
  padding: 1rem;
  background: #f5f5f5;
  font-weight: 600;
  border-bottom: 2px solid #e3e3e3;
}
.vypis-vyhledavani-drobek li {
  border: 2px solid #e3e3e3;
  border-bottom: 0;
}
.vypis-vyhledavani-drobek li a,
.vypis-vyhledavani-drobek li strong {
  display: block;
  padding: 0.7rem;
}
.vypis-vyhledavani-drobek li a {
  background: #fff;
}
.vypis-vyhledavani-drobek li a em {
  text-decoration: none;
}
.vypis-vyhledavani-drobek li:first-child {
  background: #e41515;
  color: #fff;
  padding: 1.2rem;
  margin: -1rem -1rem 1rem -1rem;
  border: 0;
}
.vypis-vyhledavani-drobek li:last-child {
  border-bottom: 2px solid #e3e3e3;
}

.spodni-vypis {
  display: none;
}

@media (min-width: 960px) {
  .vypis-produktu-vyhledavani .vypis-hlavicka .container {
    height: auto;
  }
  .vypis-produktu-vyhledavani .vypis-kategorie {
    margin: 0;
  }
  .vypis-vyhledavani {
    margin-top: 1rem;
  }
  .vypis-vyhledavani h1 {
    text-align: left;
  }
  .vypis-vyhledavani h1 span {
    font-size: 1.9rem;
  }
  .vypis-vyhledavani-drobek {
    padding: 0;
    margin-bottom: 2rem;
    border: 0;
    -webkit-box-shadow: 0 3px 6px 0 rgba(45, 45, 45, 0.1);
    box-shadow: 0 3px 6px 0 rgba(45, 45, 45, 0.1);
  }
  .vypis-vyhledavani-drobek ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #e3e3e3;
  }
  .vypis-vyhledavani-drobek li {
    position: relative;
    border: 0;
  }
  .vypis-vyhledavani-drobek li:first-child {
    margin: 0;
    margin-right: 1rem;
    position: relative;
    padding: 1.2rem 1rem;
  }
  .vypis-vyhledavani-drobek li:first-child span {
    position: relative;
    z-index: 2;
  }
  .vypis-vyhledavani-drobek li:first-child::after {
    content: "";
    display: block;
    border-width: 30px 15px 30px 15px;
    border-style: solid;
    border-color: transparent transparent transparent #e41515;
    position: absolute;
    z-index: 1;
    top: 0;
    right: -30px;
  }
  .vypis-vyhledavani-drobek li.aktivni-vypis-polozka::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: #f5f5f5;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    bottom: -10px;
    left: calc(50% - 8px);
    border-right: 2px solid #e3e3e3;
    border-bottom: 2px solid #e3e3e3;
  }
  .vypis-vyhledavani-drobek li:last-child {
    border: 0;
  }
  .vypis-vyhledavani-drobek li a,
  .vypis-vyhledavani-drobek li strong {
    padding: 1.2rem 1rem;
    height: 60px;
  }
  .vypis-vyhledavani-drobek li a {
    background: none;
  }
  .spodni-vypis {
    background: #fff;
    display: block;
  }
  .spodni-vypis .vypis-vyhledavani-drobek {
    margin: 4rem 0 2rem;
  }
  .spodni-vypis .vypis-vyhledavani-drobek li.aktivni-vypis-polozka::after {
    bottom: auto;
    top: -10px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
}

@media (min-width: 1200px) {
  .vypis-vyhledavani-drobek li:first-child {
    margin-right: 2rem;
  }
}

.vypis-vyhledavani-vysledek {
  background: #fff;
}
.vypis-vyhledavani-vysledek .sloupce {
  padding-top: 0;
}

.vyhledana-znacka-img {
  text-align: center;
  padding: 1rem;
}

.vyhledana-znacka-text p {
  font-size: 0.85rem;
  line-height: 1.67;
}

@media (min-width: 600px) {
  .vyhledana-znacka {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .vyhledana-znacka-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    margin-right: 1rem;
  }
}

@media (min-width: 960px) {
  .vyhledana-znacka-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 170px;
    flex: 0 0 170px;
    margin-right: 2rem;
  }
}

.vyhledana-rada {
  margin-bottom: 3rem;
}
.vyhledana-rada h3 {
  font-size: 1rem;
  margin-bottom: 0;
}

.dotaz-hlavicka {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-family: "Prompt";
  font-weight: bold;
  color: #949494;
  border-bottom: 2px solid #e4e4e4;
  padding-bottom: 0.2rem;
  margin-bottom: 0.5rem;
}
.dotaz-hlavicka a {
  color: #949494;
}
.dotaz-hlavicka div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1.8rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dotaz-hlavicka div img {
  margin-right: 10px;
}

.dotaz-odpovedel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dotaz-odpovedel img {
  width: 30px;
  margin-right: 5px !important;
  margin-left: 5px;
}

.dotaz-text p {
  font-size: 1rem;
  line-height: 1.8;
}

@media (min-width: 760px) {
  .vyhledavani-zeptejse #mate-dotaz-sloupec {
    margin-top: 2rem;
  }
}

@media (min-width: 960px) {
  .vyhledavani-poradna {
    width: calc(100% - 300px);
    padding-right: 4rem;
  }
  .vyhledavani-zeptejse {
    width: 298px;
  }
}

.vyhledavani-nic-nenalezeno {
  text-align: center;
  margin: 2rem 0 4rem;
}
.vyhledavani-nic-nenalezeno h2 {
  margin-bottom: 0;
}
.vyhledavani-nic-nenalezeno .vyrazny-odstavec {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Prompt";
  font-size: 1.1rem;
}

.vyhledavani-magazin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 620px) {
  .inpirace-nahled {
    width: calc(50% - 1rem);
    margin: 0.5rem;
  }
}

@media (min-width: 960px) {
  .vyhledavani-magazin {
    margin: 0 -1rem;
  }
  .inpirace-nahled {
    width: calc(33.3% - 2rem);
    margin: 2rem 1rem;
  }
}

.popis-znacek {
  margin-top: 1rem;
  font-family: "Open Sans";
  font-weight: 600;
  line-height: 1.56;
}
.popis-znacek p:last-of-type {
  margin-bottom: 0;
}

.popis-znacek-text {
  margin-bottom: 1rem;
}

.znacka-vyhoda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}

.vyhoda-img {
  min-width: 100px;
  max-width: 100px;
}
.vyhoda-img svg {
  fill: #e41515;
}

.vyhoda-text {
  margin-bottom: 2rem;
}
.vyhoda-text h4 {
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.39;
}
.vyhoda-text p {
  font-size: 0.85rem;
  margin-bottom: 0;
}

@media (min-width: 760px) {
  .popis-znacek {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .znacka-vyhoda {
    margin-left: 3rem;
    min-width: 320px;
  }
  .vyhoda-text {
    margin-bottom: 0;
  }
}

.znacky-abeceda {
  font-family: "Prompt";
  -webkit-box-shadow: 0 3px 6px 0 rgba(45, 45, 45, 0.1);
  box-shadow: 0 3px 6px 0 rgba(45, 45, 45, 0.1);
  background: #f5f5f5;
  border: solid 2px rgba(45, 45, 45, 0.1);
}
.znacky-abeceda ul {
  padding: 0.5rem 0.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.znacky-abeceda li {
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
}
.znacky-abeceda li:last-child {
  margin-right: 0;
}
.znacky-abeceda li.aktivni a {
  background: #e41515;
  color: #fff;
  text-decoration: none;
}
.znacky-abeceda a {
  display: inline-block;
  background: #fff;
  border: solid 2px #e3e3e3;
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
  font-weight: 600;
  width: 48px;
}
.znacky-abeceda .prvni_li a {
  width: auto;
}

.nejprodavanejsi-vyrobci {
  background: #e41515;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: bold;
  display: block;
  padding: 1rem;
}

@media (min-width: 960px) {
  .znacky-abeceda {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .nejprodavanejsi-vyrobci {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 1rem;
    position: relative;
  }
  .nejprodavanejsi-vyrobci::after {
    content: "";
    display: block;
    position: absolute;
    border: solid 30px transparent;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5);
    border-left-color: #e41515;
    top: 0;
    right: -45px;
  }
}

.znacka-nahled {
  border: solid 1px #e4e4e4;
  text-align: center;
  padding: 1.2rem;
  margin: -1px 0 0;
}
.znacka-nahled h3 {
  font-size: 1.125rem;
  font-weight: bold;
  text-decoration: underline;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.znacka-nahled p {
  text-align: left;
  line-height: 1.79;
  font-size: 0.85rem;
}
.znacka-nahled a {
  display: block;
  text-decoration: none;
}

.znacka-nahled-img {
  height: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 420px) {
  .vypis-znacek {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 1px;
  }
  .znacka-nahled {
    width: 50%;
    margin-left: -1px;
  }
}

@media (min-width: 760px) {
  .znacka-nahled {
    width: calc(25% + 1px);
  }
}

@media (min-width: 960px) {
  .znacky-abeceda {
    margin-top: 2rem;
  }
  .vypis-znacek {
    margin-bottom: 2rem;
  }
}

@media (min-width: 1200px) {
  .znacka-nahled {
    width: calc(20% + 1px);
  }
}

/* detail značek */
.detail-znacky {
  background: #ffffff;
}
.detail-znacky .titulek,
.detail-znacky h1 {
  text-align: center;
}
.detail-znacky .titulek {
  margin-bottom: 0;
  font-size: 1.125rem;
  opacity: 0.64;
}

.detail-znacky-inner {
  max-width: 900px;
  margin: 1rem auto 2rem;
}
.detail-znacky-inner p {
  line-height: 1.81;
}

.detail-znacky-img {
  text-align: center;
  margin: 1rem 0;
}

@media (min-width: 600px) {
  .detail-znacky-img {
    float: left;
    width: 168px;
    height: 168px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 2rem 0 0;
  }
}

.action-class-znacky-detail .vypis-kategorie {
  margin: 0;
}

.konicky {
  font-family: "Prompt";
  margin-bottom: 1rem;
}

.konicky-kategorie ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.konicky-kategorie li {
  width: 49%;
  margin-top: 10px;
}
.konicky-kategorie li img {
  width: 100%;
  display: block;
}

.konicky-kategorie a {
  position: relative;
  display: block;
  position: relative;
}
.konicky-kategorie a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.konicky-kategorie a .text {
  display: block;
  position: absolute;
  top: 60%;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.85);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.875rem;
}
.konicky-kategorie a:hover::before {
  background: rgba(0, 0, 0, 0);
}

.konicky-kategorie li:hover span {
  text-decoration: underline;
}

.trhaky {
  margin-bottom: 1rem;
}
.trhaky h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.125rem;
  border-bottom: 2px solid #e4e4e4;
  padding: 0.5rem;
  position: relative;
  margin: 0;
}
.trhaky h2::after {
  content: "";
  display: block;
  width: 100px;
  height: 2px;
  background: #e41515;
  position: absolute;
  left: 50%;
  bottom: -2px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.trhaky .vypis {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.trhaky .nahled {
  width: 50%;
  padding: 1rem;
}
@media only screen and (max-width: 380px) {
  .trhaky .nahled {
    width: 100%;
  }
}
.trhaky .nahled .nahled-popis {
  display: block;
}
.trhaky .nahled .nahled-doprava {
  margin: 1rem 0;
}
.trhaky .nahled .nahled-doprava span {
  display: inline;
}
.trhaky .nahled .nahled-cena {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.trhaky .nahled .nahled-cena span {
  width: 50%;
}

.odpovedi {
  text-align: center;
  font-family: "Prompt";
  margin-top: 2rem;
}
.odpovedi .container {
  padding: 0;
}
.odpovedi h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.125rem;
  border-bottom: 2px solid #e4e4e4;
  padding: 0.5rem;
  position: relative;
  margin: 0;
}
.odpovedi h2::after {
  content: "";
  display: block;
  width: 100px;
  height: 2px;
  background: #e41515;
  position: absolute;
  left: 50%;
  bottom: -2px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.odpovedi-info {
  background: #f5f5f5;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 1rem;
}

.zapojtese {
  margin-bottom: 1rem;
}

.odpovedi-kategorie li {
  height: 170px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.odpovedi-kategorie a {
  display: block;
  position: relative;
  height: 100%;
  color: #fff;
}
.odpovedi-kategorie a::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.odpovedi-kategorie a:hover::before {
  background: rgba(0, 0, 0, 0.5);
}
.odpovedi-kategorie a .texty {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.odpovedi-kategorie a .texty .titulek {
  display: block;
  font-size: 1.5rem;
}
.odpovedi-kategorie a .texty .pocet-prispevku {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 600;
}

.odpovedi-kategorie .odpovedi-zbrane {
  background-image: url(../img/odpovedi/poradna-zbrane.jpg);
}

.odpovedi-kategorie .odpovedi-airsoft {
  background-image: url(../img/odpovedi/poradna-airsoft.jpg);
}

.odpovedi-kategorie .odpovedi-sebeobrana {
  background-image: url(../img/odpovedi/poradna-sebeobrana.jpg);
}

.odpovedi-kategorie .odpovedi-rybareni {
  background-image: url(../img/odpovedi/poradna-rybareni.jpg);
}

.odpovedi-kategorie .odpovedi-pyrotechnika {
  background-image: url(../img/odpovedi/poradna-pyrotechnika.jpg);
}

.odpovedi-kategorie .odpovedi-pobyt {
  background-image: url(../img/odpovedi/poradna-pobyt.jpg);
}

#mate-dotaz.uvodka {
  background: #f5f5f5;
  display: block;
  padding: 2rem 0;
  margin: 0;
}
#mate-dotaz.uvodka .titulek,
#mate-dotaz.uvodka .nadpis_zeptejte_se {
  display: block;
  text-align: center;
}
#mate-dotaz.uvodka .titulek {
  color: #7e7e7e;
  font-size: 1.125rem;
  font-family: "Courgette";
}
#mate-dotaz.uvodka .inner .titulek {
  color: #fff;
}
#mate-dotaz.uvodka .nadpis_zeptejte_se {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.125rem;
}
#mate-dotaz.uvodka .lista .btn .desktop {
  display: none;
}

.inspirace {
  text-align: center;
}
.inspirace h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.125rem;
  border-bottom: 2px solid #e4e4e4;
  padding: 0.5rem;
  position: relative;
  margin: 0;
}
.inspirace h2::after {
  content: "";
  display: block;
  width: 100px;
  height: 2px;
  background: #e41515;
  position: absolute;
  left: 50%;
  bottom: -2px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.inpirace-nahled {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 1rem;
  text-align: center;
}
.inpirace-nahled .titulek {
  margin-top: 0.5rem;
}
.inpirace-nahled .titulek a {
  color: #9b9b9b;
  margin: 0.5rem 0 0.2rem;
  text-decoration: none;
}
.inpirace-nahled .titulek a:hover {
  color: #707070;
}
.inpirace-nahled h4 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.inpirace-nahled .text {
  display: none;
  text-align: left;
  font-family: "Open Sans";
  color: #3e3e3e;
}
.inpirace-nahled:hover .inspirace-nahled-img img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.inspirace-nahled-img a {
  display: block;
  overflow: hidden;
}

.inspirace-nahled-img img {
  width: 100%;
  max-width: none;
  display: block;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.inspirace-texty {
  padding: 0 1rem;
}

.inpirace-paticka {
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  padding: 0.5rem;
  font-size: 0.75rem;
  font-family: "Prompt";
  font-weight: bold;
  text-transform: uppercase;
}
.inpirace-paticka .jmeno {
  padding-left: 0.5rem;
}
.inpirace-paticka .jmeno a {
  text-decoration: none;
}
.inpirace-paticka .jmeno span {
  display: block;
}
.inpirace-paticka .datum {
  font-size: 0.65rem;
  color: #878787;
}
.inpirace-paticka .cas {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  text-align: right;
}
.inpirace-paticka .cas img {
  position: relative;
  top: 2px;
}

.tym {
  font-size: 0.85rem;
}
.tym .container {
  padding: 0;
}
.tym .texty {
  text-align: center;
  background: #f5f5f5;
  padding: 1rem 1rem 0.5rem;
}
.tym .texty .titulek {
  font-size: 1.125rem;
  color: #9b9b9b;
  font-family: "Courgette";
  margin-bottom: 0.2rem;
}
.tym .texty h3 {
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 0.6rem;
}
.tym .texty p {
  margin-bottom: 0.6rem;
  font-size: 0.85rem;
  font-family: "Open Sans";
  line-height: 1.8;
}
.tym .texty p b {
  font-weight: 600;
}

.instagram .container {
  padding: 0;
}

.insta-texty {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  font-size: 0;
}
.insta-texty img {
  max-width: none;
  width: 100%;
}
.insta-texty .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 1rem;
  font-family: "Prompt";
  font-weight: 600;
}
.insta-texty .inner img {
  margin-bottom: 1rem;
  max-width: 100%;
  width: auto;
}
.insta-texty .inner p:not(.hash) {
  font-size: 1.125rem;
}
.insta-texty .inner .hash {
  margin: 1rem 0 2rem;
  font-size: 0.85rem;
}
.insta-texty .inner .btn {
  max-width: 200px;
  font-size: 0.85rem;
}

.insta-fotky {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0;
}

.insta-foto {
  width: 33.3%;
}
.insta-foto a {
  display: block;
  overflow: hidden;
}
.insta-foto a img {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.insta-foto:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.insta-foto.tablet,
.insta-foto.desktop {
  display: none;
}

@media only screen and (min-width: 600px) {
  .odpovedi {
    background: #f5f5f5;
    padding: 1rem 0 2rem;
  }
  .odpovedi .container {
    padding: 0 10px;
  }
  .odpovedi-mnozstvi li {
    display: inline-block;
    margin: 0 0.5rem;
  }
  .odpovedi-kategorie ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .odpovedi-kategorie li {
    width: 50%;
  }
  .odpovedi-kategorie a .texty {
    width: 90%;
  }
  #mate-dotaz.uvodka .container > .titulek,
  #mate-dotaz.uvodka .container h2,
  #mate-dotaz.uvodka .container .nadpis_zeptejte_se {
    display: none;
  }
  .inspirace .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .inspirace .inpirace-nahled {
    width: 32%;
  }
  .instagram .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .insta-texty,
  .insta-fotky {
    width: 50%;
  }
  .insta-texty {
    max-width: 480px;
  }
  .insta-foto {
    width: 50%;
  }
  .insta-foto.tablet {
    display: block;
  }
  .insta-foto img {
    max-width: none;
    width: 100%;
  }
}

@media only screen and (min-width: 760px) {
  .konicky-kategorie li {
    width: 32.5%;
  }
  .trhaky {
    margin-bottom: 1rem;
  }
  .trhaky .vypis {
    padding: 0;
    margin-bottom: 2rem;
  }
  .trhaky .nahled.hlavni-trhak {
    min-height: 250px;
    width: 100%;
    max-width: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    grid-template-areas: "obrazek header" "obrazek doprava" "obrazek cena";
  }
  .trhaky .nahled.hlavni-trhak .nahled-img {
    grid-area: obrazek;
    -ms-grid-row-align: center;
    align-self: center;
    height: auto;
    max-height: 250px;
  }
  .trhaky .nahled.hlavni-trhak .nahled-img img {
    max-height: 230px;
  }
  .trhaky .nahled.hlavni-trhak .nahled-header {
    grid-area: header;
    -ms-grid-row-align: end;
    align-self: end;
  }
  .trhaky .nahled.hlavni-trhak .nahled-doprava {
    grid-area: doprava;
    -ms-grid-row-align: center;
    align-self: center;
  }
  .trhaky .nahled.hlavni-trhak .nahled-cena {
    grid-area: cena;
    -ms-grid-row-align: start;
    align-self: start;
  }
  .trhaky .nahled.hlavni-trhak .nahled-popis,
  .trhaky .nahled.hlavni-trhak .tlacitka-koupit {
    display: none;
  }
  .trhaky .nahled.hlavni-trhak h3 {
    font-size: 1.5rem;
    height: 70px;
  }
  .trhaky .nahled.hlavni-trhak .kategory {
    font-size: 1rem;
  }
  .trhaky .nahled.hlavni-trhak .nahled-doprava {
    font-size: 0.85rem;
  }
  .trhaky .nahled.hlavni-trhak .nahled-cena {
    font-size: 1.5rem;
  }
  .trhaky .nahled.hlavni-trhak .nahled-cena .nase-cena {
    font-size: 1.5rem;
  }
  .trhaky .nahled {
    width: 33.333%;
    padding: 1rem;
    margin: 0;
    border: 2px solid #e4e4e4;
    border-top: 0;
    border-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
  }
  .trhaky .nahled div {
    width: 100%;
  }
  .trhaky .nahled div.nahled-stitky {
    width: auto;
  }
  .trhaky .nahled .nahled-stitky {
    top: 1rem;
  }
  .trhaky .nahled .nahled-img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .trhaky .nahled .nahled-header {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .trhaky .nahled .nahled-doprava {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .trhaky .nahled .nahled-cena {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .trhaky .nahled:nth-of-type(1),
  .trhaky .nahled:nth-of-type(4),
  .trhaky .nahled:nth-of-type(7) {
    border-right: 2px solid #e4e4e4;
  }
  .trhaky .nahled .nahled-popis,
  .trhaky .nahled .tlacitka-koupit {
    display: none;
  }
  .odpovedi-kategorie li {
    height: 230px;
  }
  .tym .fotka {
    font-size: 0;
    height: 405px;
  }
  .tym .fotka img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
    width: 100%;
  }
}

@media only screen and (min-width: 760px) {
  .trhaky .nahled.hlavni-trhak .nahled-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .trhaky .nahled.hlavni-trhak .nahled-header {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .trhaky .nahled.hlavni-trhak .nahled-doprava {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .trhaky .nahled.hlavni-trhak .nahled-cena {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
}

@media only screen and (min-width: 960px) {
  .konicky-kategorie li {
    width: 16%;
  }
  .odpovedi-kategorie ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.3rem;
  }
  .odpovedi-kategorie li {
    width: 100%;
  }
  .inpirace-nahled h4 {
    font-size: 1.125rem;
    padding: 0 1rem;
  }
  .inpirace-nahled .text {
    display: block;
    font-size: 0.85rem;
    margin-bottom: 1rem;
    line-height: 1.8;
  }
  .inpirace-nahled .titulek {
    font-size: 1.125rem;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
  }
  .inpirace-paticka {
    padding: 1rem;
    margin-top: 1.8rem;
  }
  .tym {
    background: #f5f5f5;
    padding: 1rem 10px;
  }
  .tym .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  }
  .tym .texty {
    width: 60%;
    max-width: 460px;
    font-size: 0.8rem;
    background: #fff;
  }
  .tym .fotka {
    max-width: none;
    width: 100%;
  }
  .instagram {
    padding: 1rem 10px;
    background: #f5f5f5;
  }
  .insta-texty {
    width: 33.333%;
  }
  .insta-fotky {
    width: 66.666%;
  }
  .insta-foto {
    width: 25%;
  }
  .insta-foto.desktop {
    display: block;
  }
}

.trhaky .vypis.layout102 {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.trhaky .vypis.layout102 .nahled {
  border-left: 0;
  border-right: 0;
}
.trhaky .vypis.layout102 .nahled .tlacitka-koupit {
  display: block;
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 1200px) {
  .konicky-kategorie a .text {
    font-size: 1rem;
  }
  .trhaky h2::after,
  .odpovedi h2::after,
  .inspirace h2::after {
    width: 200px;
  }
  .trhaky {
    margin-bottom: 3rem;
  }
  .trhaky h2 {
    font-size: 1.5rem;
    padding: 1rem;
  }
  .trhaky .vypis {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr 1fr 1fr;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .trhaky .vypis.layout102 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .trhaky .vypis.layout102 .nahled {
    width: 25%;
    border: 0;
    border-bottom: 2px solid #e4e4e4;
    padding: 1rem 2rem;
  }
  .trhaky .nahled {
    width: 100%;
  }
  .trhaky .nahled.hlavni-trhak {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    grid-row: 1/-1;
    border-right: 0;
  }
  .trhaky .nahled.hlavni-trhak div {
    width: 100%;
  }
  .trhaky .nahled.hlavni-trhak div.nahled-stitky {
    width: auto;
  }
  .trhaky .nahled.hlavni-trhak .nahled-img {
    height: 76.5%;
    height: 660px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    max-height: none;
    margin-bottom: 0;
  }
  .trhaky .nahled.hlavni-trhak .nahled-img img {
    max-height: none;
  }
  .trhaky .nahled.hlavni-trhak .nahled-header {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .trhaky .nahled.hlavni-trhak .nahled-doprava {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .trhaky .nahled.hlavni-trhak .nahled-cena {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .trhaky .nahled.hlavni-trhak .nahled-cena span {
    width: auto;
    padding: 0 1rem;
  }
  .trhaky .nahled.hlavni-trhak h3 {
    font-size: 1.1rem;
  }
  .trhaky .nahled.hlavni-trhak .kategory {
    font-size: 1rem;
  }
  .trhaky .nahled.hlavni-trhak .nahled-doprava {
    font-size: 0.75rem;
    margin-top: 0;
  }
  .trhaky .nahled.hlavni-trhak .nahled-cena {
    font-size: 0.85rem;
  }
  .trhaky .nahled.hlavni-trhak .nahled-cena .nase-cena {
    font-size: 1.125rem;
  }
  .odpovedi {
    padding: 3rem 0;
  }
  .odpovedi h2 {
    font-size: 1.5rem;
    padding: 1rem;
  }
  .odpovedi-info {
    padding: 2rem 0 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .odpovedi-mnozstvi {
    margin-left: auto;
  }
  .odpovedi .container {
    padding: 0;
  }
  .odpovedi-kategorie a .texty .titulek {
    font-size: 2.1rem;
  }
  .lista {
    padding: 0 7%;
  }
  #mate-dotaz.uvodka .lista .btn {
    font-size: 0;
    max-width: none;
  }
  #mate-dotaz.uvodka .lista .btn .desktop {
    display: inline;
    font-size: 1rem;
  }
  .inspirace {
    margin-bottom: 3rem;
  }
  .inspirace h2 {
    font-size: 1.5rem;
    padding: 1rem;
    margin-bottom: 2rem;
  }
  .tym {
    padding: 3rem 0;
  }
  .tym .texty {
    padding: 1rem 2rem;
  }
  .tym .texty *:not(img) {
    width: 100%;
  }
  .tym .texty h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
  .tym .texty p {
    margin-bottom: 1.5rem;
  }
  .tym .fotka {
    background: none;
  }
  .tym .fotka img {
    display: inline;
  }
  .instagram {
    padding: 1rem 0 4rem;
  }
  .insta-texty .inner p:not(.hash) {
    font-size: 1.5rem;
  }
}

.trhaky .nahled div.nahled-vysacka {
  width: 43px;
}

.trhaky .nahled div.nahled-vysacka.vysacka-velka {
  width: 60px;
}

.nahled-stitky {
  position: absolute;
  top: 7rem;
  left: 0.8rem;
}

.nahled-vysacka {
  width: 43px;
  height: 53px;
  text-align: center;
  background: url(../img/maly.svg) no-repeat;
  margin-bottom: 0.5rem;
}
.nahled-vysacka.vysacka-velka {
  width: 60px;
  height: 100px;
  background: url(../img/velky.svg) no-repeat;
}
.nahled-vysacka.vysacka-velka .vysacka-sleva {
  font-size: 1rem;
}
.nahled-vysacka.vysacka-velka .vysacka-procenta {
  font-size: 1.9rem;
  line-height: 0.9;
}
.nahled-vysacka span {
  display: block;
}

.vysacka-sleva {
  font-family: "Courgette";
  font-size: 0.75rem;
  color: #fff;
  position: relative;
  top: px;
}

.vysacka-procenta {
  font-family: "Prompt";
  font-size: 0.85rem;
  font-weight: bold;
  color: #e41515;
  position: relative;
  top: 5px;
}

.detail-stitky .nahled-vysacka {
  width: 60px;
  height: 100px;
  background: url(../img/velky.svg) no-repeat;
}
.detail-stitky .nahled-vysacka .vysacka-sleva {
  font-size: 1rem;
}
.detail-stitky .nahled-vysacka .vysacka-procenta {
  font-size: 1.9rem;
  line-height: 0.9;
}

.tlacitka-koupit {
  position: relative;
  z-index: 1;
}

.layout101 .tlacitka-koupit .kupovaciTlacitko .skryt {
  display: inline;
}

.layout101 .nahled .nahled-cena {
  max-width: 210px;
  margin: auto;
}
.layout101 .nahled .nahled-cena .normal-cena,
.layout101 .nahled .nahled-cena .nase-cena {
  font-size: 1.125rem;
  padding: 0 0.25rem;
}

.trhaky .nahled.hlavni-trhak .nahled-cena {
  max-width: 260px;
}

@media (max-width: 760px) {
  .layout101 .nahled .nahled-img {
    height: 180px;
  }
  .layout101 .nahled .nahled-img img {
    max-height: 90%;
  }
  .layout101 .nahled .nahled-cena .normal-cena,
  .layout101 .nahled .nahled-cena .nase-cena {
    font-size: 1rem;
  }
  .layout101 .nahled h3 {
    height: 50px;
  }
  .layout101 .nahled .tlacitka-koupit button[type="submit"] {
    margin-top: 0;
  }
}

@media all and (-ms-high-contrast: none) {
  .trhaky .vypis {
    display: block !important;
  }
  *::-ms-backdrop,
  .trhaky .vypis {
    display: block !important;
  }
  .jedni-z-vas h2 {
    display: block !important;
    text-align: center !important;
  }
  *::-ms-backdrop,
  .jedni-z-vas h2 {
    display: block !important;
    text-align: center !important;
  }
  .jedni-z-vas h2::before,
  .jedni-z-vas h2::after {
    display: none;
  }
  *::-ms-backdrop,
  .jedni-z-vas h2::before,
  .jedni-z-vas h2::after {
    display: none !important;
  }
  .trhaky .nahled {
    width: 33.3%;
    float: left;
  }
}

.hlavni-trhak .kategory {
  display: none;
}

@media (max-width: 760px) {
  .hlavni-trhak .kategory {
    display: block;
  }
  .hlavni-trhak .nahled-img img {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    max-height: 110% !important;
  }
}

#vypis-produktu .klik {
  background-color: #f5f5f5;
  border-bottom: solid 2px #e4e4e4;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.85rem;
  font-family: "Prompt";
  padding: 1rem;
  position: relative;
}
#vypis-produktu .klik i {
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.5rem;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#vypis-produktu .klik.otevreny i {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

#vypis-produktu #mate-dotaz .nadpis_zeptejte_se {
  font-size: 0.85rem;
  margin: 0;
}

#vypis-produktu #mate-dotaz .inner {
  display: none;
}

@media (max-width: 960px) {
  #mate-dotaz-sloupec {
    display: none;
  }
}

.vypis-kategorie .container {
  padding: 10px;
}

.vypis-kategorie li {
  border: solid 1px #e4e4e4;
  margin: -1px 0 0 -1px;
}

.vypis-kategorie a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.7rem 0.5rem;
  height: 70px;
}
.vypis-kategorie a:hover {
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.21);
  z-index: 2;
  position: relative;
}

.vypis-kategorie .kat-img {
  width: 100px;
  text-align: center;
}
.vypis-kategorie .kat-img img {
  max-height: 62px;
  margin-top:2px;
}

.vypis-kategorie .kat-text {
  width: calc(100% - 100px);
  font-size: 0.75rem;
  font-family: "Prompt";
  font-weight: bold;
  padding-left: 1rem;
}
.vypis-kategorie .kat-text strong {
  text-transform: uppercase;
  display: block;
  text-decoration: underline;
}
.vypis-kategorie .kat-text em {
  color: #9b9b9b;
}

.vypis-kategorie #mate-dotaz .titulek {
  font-family: "Prompt";
}

.vypis-kategorie #mate-dotaz .nadpis_zeptejte_se {
  font-size: 0.85rem;
  margin: 0;
}

.vypis-kategorie #mate-dotaz .inner {
  display: none;
}

.vypis-hlavicka {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #3d4952;
  text-align: center;
  padding-bottom: 10px;
  color: #fff;
}
.vypis-hlavicka a {
  color: #fff;
}
.vypis-hlavicka .titulek {
  opacity: 0.65;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  margin-bottom: 0rem;
  font-size: 1.125rem;
}
.vypis-hlavicka h1 {
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: 0 1px 2px #2d2f10;
}

.vypis-hlavicka-text,
.vypis-hlavicka-poradna {
  display: none;
}

.nizkaHlavicka .vypis-hlavicka {
  height: 170px;
}

.popis-kategorie {
  font-size: 0.85rem;
}
.popis-kategorie .inner {
  padding: 0.5rem;
  display: none;
}

.mame-odpovedi .inner {
  padding: 0.5rem;
  text-align: center;
  display: none;
}

.mame-odpovedi .titulek {
  margin-bottom: 0.3rem;
}

.mame-odpovedi h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.125rem;
}

.mame-odpovedi ul {
  margin: 1rem 0;
}

.mame-odpovedi .btn {
  width: auto;
}

.filtrovani-produktu {
  font-size: 0.85rem;
  background: #f5f5f5;
  margin: 0 -10px 0 -10px;
  margin-bottom: 2rem;
}
.filtrovani-produktu .klik img {
  position: relative;
  margin: 0 5px 0 0;
  top: 2px;
}
.filtrovani-produktu .inner {
  padding: 0 1rem;
}
.filtrovani-produktu .btn {
  height: 50px;
  padding: 0 2rem;
  margin-bottom: 1rem;
}
.filtrovani-produktu .btn.zrusit-filtry {
  padding: 0 1rem;
}

.box-filtr {
  margin-bottom: 1rem;
}
.box-filtr .box-filtr-obsah .jak-spravne {
  font-family: "Open Sans";
  font-size: 1rem;
}
.box-filtr .box-filtr-obsah .jak-spravne i {
  color: #e41515;
  font-size: 1.3rem;
  position: relative;
  top: 2px;
}
.box-filtr .box-filtr-obsah .jak-spravne a {
  text-decoration: none;
}
.box-filtr .box-filtr-obsah .jak-spravne a span {
  text-decoration: underline;
}
.box-filtr .box-filtr-obsah .jak-spravne a:hover span {
  text-decoration: none;
}

.filtr-nadpis {
  display: block;
  padding: 0.7rem 0;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  cursor: pointer;
  border-bottom: solid 2px #e4e4e4;
  font-size: 0.85rem;
}
.filtr-nadpis::after {
  content: "\f107";
  position: absolute;
  font-family: "FontAwesome";
  font-size: 1.5rem;
  right: 0rem;
  top: 2px;
  font-weight: normal;
}
.filtr-nadpis.filtr-nadpis-rozbaleno::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 5px;
}
.filtr-nadpis:hover::after {
  color: #777;
}

.box-filtr-obsah {
  padding: 0.7rem 0;
}
.box-filtr-obsah a {
  text-decoration: none;
}
.box-filtr-obsah a span {
  text-decoration: underline;
}
.box-filtr-obsah a span.filtr-pocet {
  text-decoration: none;
}

.filtr-radek {
  margin-bottom: 10px;
}
.filtr-radek a {
  text-decoration: none;
}
.filtr-radek input[type="checkbox"] {
  display: none;
}
.filtr-radek label {
  display: block;
  position: relative;
  cursor: pointer;
  padding-top: 4px;
  padding-left: 25px;
  text-decoration: underline;
}
.filtr-radek label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #979797;
  margin-right: 5px;
  position: absolute;
  font-size: 10px;
  top: 4px;
  left: 0;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 16px;
}
.filtr-radek input[type="checkbox"]:checked + label::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
}
.filtr-radek + div:not(.filtr-radek) {
  margin-top: 1.5rem;
}

.filtr-pocet {
  opacity: 0.5;
  float: right;
}

.cenove-inputy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 2rem;
}
.cenove-inputy div {
  position: relative;
}
.cenove-inputy div span {
  font-size: 0.85rem;
  font-weight: bold;
  width: 95px;
  height: 40px;
  line-height: 40px;
  border-radius: 1px;
  border: solid 2px #e3e3e3;
  display: block;
  padding: 0 8px;
  background: #fff;
  text-align: right;
}
.cenove-inputy .middle {
  line-height: 40px;
  padding: 0 1rem;
  margin: 0 1rem;
  font-family: "Courgette";
  color: #9b9b9b;
  font-size: 1rem;
  position: relative;
}
.cenove-inputy .middle::before,
.cenove-inputy .middle::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 1px;
  background: #d8d8d8;
  position: absolute;
  top: 50%;
  left: 0;
}
.cenove-inputy .middle::after {
  left: auto;
  right: 0;
}

.zrusit-filtry {
  background: #fff;
  border: solid 2px #e3e3e3;
  color: #777;
  margin-bottom: 1rem;
  line-height: 45px;
}
.zrusit-filtry i {
  font-size: 1.3rem;
  margin: 0 1rem 0 0;
  position: relative;
  top: 3px;
}

.strankovani {
  margin: 1rem 0;
}

.razeni,
.zobrazuji {
  display: none;
}

.strankovani ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.strankovani li {
  display: none;
  text-align: center;
  font-family: "Prompt";
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.75rem;
  margin: 0 0.3rem;
}
.strankovani li.predchozi,
.strankovani li.aktivni-stranka,
.strankovani li.dalsi {
  display: inline;
}
.strankovani li.predchozi,
.strankovani li.dalsi {
  width: 115px;
}
.strankovani li.predchozi a,
.strankovani li.dalsi a {
  width: 100%;
  padding: 0 0.5rem;
  height: 40px;
  text-decoration: underline;
}
.strankovani li.predchozi i,
.strankovani li.dalsi i {
  color: #979797;
}
.strankovani li.predchozi {
  margin-right: auto;
}
.strankovani li.predchozi i {
  margin-right: 0.5rem;
}
.strankovani li.dalsi {
  margin-left: auto;
}
.strankovani li.dalsi i {
  margin-left: 0.5rem;
}
.strankovani li a,
.strankovani li span {
  display: block;
  height: 40px;
  width: 45px;
  line-height: 38px;
  padding: 0 0.7rem;
  text-decoration: none;
  background: #fff;
  border: solid 2px #e3e3e3;
}
.strankovani li span {
  background: none;
  border: 0;
}
.strankovani li.tecky3 span {
  width: auto;
  padding: 0 0.2rem;
}

.strankovani .aktivni-stranka span {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#4d4d4d),
    to(#2d2d2d)
  );
  background: -webkit-linear-gradient(top, #4d4d4d, #2d2d2d);
  background: -o-linear-gradient(top, #4d4d4d, #2d2d2d);
  background: linear-gradient(to bottom, #4d4d4d, #2d2d2d);
  color: #fff;
  border: 0;
}

.spodni-strankovani {
  background: #f5f5f5;
  padding: 0.5rem;
  margin-bottom: 0;
}

.vypis-produktu .vypis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 0.5px solid #e4e4e4;
  padding: 0 10px;
}

.vypis-produktu .nahled {
  width: 50%;
  border: 0.5px solid #e4e4e4;
  padding: 1rem;
}
@media only screen and (max-width: 380px) {
  .vypis-produktu .nahled {
    width: 100%;
  }
}

.vypis-produktu .zobrazit-dalsi {
  padding: 0 10px;
}

.vypis-spodni-radek {
  padding: 1rem 0;
}
.vypis-spodni-radek .nahoru {
  display: none;
}

.podkategorie {
  background: #fff;
}
.podkategorie .container {
  padding: 0;
}
.podkategorie h2 {
  display: none;
}
.podkategorie .vypis-kategorie {
  width: 100%;
  margin: 0;
  padding: 1rem 0;
}

@media only screen and (min-width: 600px) {
  .vypis-kategorie ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .vypis-kategorie li {
    width: 50%;
  }
  .vypis-kategorie li:nth-of-type(odd) {
    border-right: 1px solid #e4e4e4;
  }
  .zobrazit-vysledky {
    position: relative;
    top: -2px;
  }
  .vypis-produktu .vypis {
    padding: 0;
  }
  .vypis-produktu .vypis .nahled {
    width: 33.3%;
    padding: 1rem 0.5rem;
  }
  .zobrazit-dalsi {
    text-align: center;
  }
  #vypis-produktu #mate-dotaz .lista {
    margin-top: 3rem;
    background: url(../img/pattern-black.png);
  }
}

@media only screen and (min-width: 760px) {
  .strankovani .stranky li,
  .spodni-strankovani li {
    display: inline-block;
  }
  .strankovani .stranky li:nth-of-type(2).aktivni-stranka {
    margin-left: auto;
  }
  .strankovani .stranky li.prazdne {
    display: none;
  }
}

@media only screen and (min-width: 960px) {
  .popis-kategorie,
  .mame-odpovedi {
    display: none;
  }
  .vypis-hlavicka {
    position: relative;
  }
  .vypis-hlavicka h1 {
    font-size: 2.1rem;
    margin-bottom: -1rem;
  }
  .vypis-hlavicka .drobek {
    text-align: left;
    margin-bottom: 0;
  }
  .vypis-hlavicka-text {
    display: block;
    max-width: 960px;
    padding: 0 30% 0 2rem;
    text-align: left;
    line-height: 1.8;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    font-family: "Open Sans";
  }

  .vypis-hlavicka-poradna {
    display: block;
    width: 28%;
    max-width: 315px;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    right: 10px;
    bottom: 40px;
    padding: 1rem;
  }
  .vypis-hlavicka-poradna .titulek {
    font-size: 1.125rem;
    opacity: 0.65;
    color: #fff;
  }
  .vypis-hlavicka-poradna h3 {
    font-size: 1.125rem;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 0.7rem;
    margin-top: 0;
  }
  .vypis-hlavicka-poradna .pomlcky {
    font-size: 0.85rem;
    text-align: left;
    margin-bottom: 1rem;
  }
  .vypis-hlavicka-poradna .pomlcky li {
    position: relative;
    padding-left: 1rem;
  }
  .vypis-hlavicka-poradna .pomlcky li::before {
    position: absolute;
    left: 0;
    top: 10px;
    background: #9fa1a3;
  }
  .vypis-hlavicka-poradna a {
    color: #9fa1a3;
  }
  .vypis-kategorie {
    margin: 1rem 0;
  }
  .vypis-kategorie ul {
    border-top: 1px solid #e4e4e4;
    background: #fff;
  }
  .vypis-kategorie li {
    width: calc(25% + 1px);
    border: 1px solid #e4e4e4;
    margin: -1px 0 0 -1px;
  }
  .sloupce {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 1.5rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .filtrovani-produktu {
    width: 298px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
  }
  .filtrovani-produktu .klik {
    display: none;
  }
  .filtrovani-produktu .btn {
    width: 100%;
  }
  .zrusit-filtry {
    padding: 1rem;
  }
  #vypis-produktu {
    background: #f5f5f5;
  }
  #vypis-produktu .klik {
    display: none;
  }
  .filtr-nadpis {
    font-size: 1.125rem;
  }
  .vypis-produktu {
    width: calc(100% - 300px);
    position: relative;
    margin: 0;
    background: #fff;
  }
  .vypis-produktu::after {
    content: "";
    display: block;
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 100%;
    background: #fff;
  }
  .vypis-produktu .klik {
    display: none;
  }
  .vypis-produktu .inner {
    background: #fff;
    padding: 0 0 0 2.9rem;
  }
  .vypis-produktu .vypis .nahled {
    width: 50%;
    padding: 1rem;
    border-bottom: 2px solid #e4e4e4;
  }
  .vypis-spodni-radek {
    background: #fff;
  }
  .strankovani {
    margin: 0;
  }
  .strankovani li.predchozi,
  .strankovani li.dalsi {
    width: 135px;
    position: relative;
  }
  .strankovani li.predchozi i,
  .strankovani li.dalsi i {
    position: absolute;
  }
  .strankovani li.predchozi i {
    left: 16px;
  }
  .strankovani li.dalsi i {
    right: 16px;
  }
  .horni-strankovani {
    background: #f5f5f5;
    margin: 0 0 1rem -2.9rem;
    padding-bottom: 1rem;
    position: relative;
  }
  .horni-strankovani::after {
    content: "";
    display: block;
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 100%;
    background: #f5f5f5;
    z-index: 1;
  }
  .vypis-spodni-radek {
    padding: 1rem 0;
  }
  .vypis-spodni-radek .zobrazit-dalsi {
    text-align: center;
    position: relative;
    padding-left: calc(298px + 2.9rem);
  }
  .vypis-spodni-radek .nahoru {
    display: inline-block;
    position: absolute;
    right: 2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .vypis-spodni-radek .nahoru a {
    text-decoration: none;
  }
  .vypis-spodni-radek .nahoru a span {
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.75rem;
    font-family: "Prompt";
  }
  .vypis-spodni-radek .nahoru i {
    position: relative;
    top: 2px;
    opacity: 0.6;
  }
  .podkategorie {
    padding: 4rem 0 0rem;
  }
  .podkategorie h2 {
    display: block;
    padding-bottom: 1rem;
    position: relative;
    margin-bottom: 0;
    font-size: 1.5rem;
  }
  .podkategorie h2::after {
    content: "";
    display: block;
    height: 2px;
    width: 200px;
    background: #e41515;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
  }
  .podkategorie .container {
    padding: 0 10px;
  }
  .podkategorie .vypis-kategorie {
    padding-top: 0;
  }
}

#mate-dotaz-sloupec {
  margin-top: 4rem;
}
#mate-dotaz-sloupec .inner {
  padding: 0;
}
#mate-dotaz-sloupec .desktop {
  display: none;
}
#mate-dotaz-sloupec .nadpis_zeptejte_se {
  margin-bottom: 0.3rem;
  font-family: "Prompt";
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.5rem;
}
#mate-dotaz-sloupec .titulek {
  padding-right: 1px;
  margin: 0;
  text-align: center;
  font-size: 1.125rem;
  opacity: 0.65;
}
#mate-dotaz-sloupec .lista {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  font-family: "Prompt";
  background: linear-gradient(to bottom, #2b2b2b, #000);
  position: relative;
  margin-bottom: 3rem;
}
#mate-dotaz-sloupec .lista .titulek {
  margin-bottom: 0.3rem;
  font-family: "Courgette";
  opacity: 1;
  font-weight: normal;
  display: block;
}
#mate-dotaz-sloupec .lista .vyrazny {
  font-family: "Prompt";
  margin: 0;
}
#mate-dotaz-sloupec .lista div {
  width: 100%;
}
#mate-dotaz-sloupec .lista .profil {
  background-size: contain;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 3rem;
}
#mate-dotaz-sloupec .lista .jmeno {
  padding-top: 135px;
  font-family: "Prompt";
  font-size: 0.75rem;
  text-transform: uppercase;
}
#mate-dotaz-sloupec .lista .jmeno * {
  display: block;
}
#mate-dotaz-sloupec .lista .volejte {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: -2rem;
  font-size: 0.85rem;
}
#mate-dotaz-sloupec .lista .piste {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  font-size: 0.85rem;
}
#mate-dotaz-sloupec .lista .btn {
  max-width: 215px;
  position: absolute;
  top: 170px;
  left: 50%;
  background: linear-gradient(
    to bottom,
    rgba(211, 46, 62, 1) 0%,
    rgba(174, 26, 24, 1) 100%
  );
  margin-bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  line-height: 50px;
  white-space: nowrap;
}

#mate-dotaz-sloupec .lista .btn:hover {
  background: linear-gradient(to bottom, #4d4d4d, #2d2d2d);
}

@media only screen and (min-width: 1200px) {
  .vypis-hlavicka .drobek .container {
    height: auto;
  }
  .vypis-hlavicka .container {
    position: relative;
  }
  .vypis-hlavicka {
    background-image: linear-gradient(#d90009, black) !important;
  }

  .vypis-hlavicka-text {
    padding: 0;
    padding-left: 8rem;
  }
  .vypis-hlavicka-poradna {
    padding: 1rem 2rem;
    right: 0;
  }
  .vypis-kategorie {
    margin-top: -70px;
    position: relative;
    z-index: 1;
    margin-bottom: 2rem;
  }
  .vypis-kategorie li {
    width: calc(20% + 1px);
    border: 1px solid #e4e4e4;
    margin: -1px 0 0 -1px;
  }
  .filtrovani-produktu {
    width: 298px;
  }
  .vypis-produktu {
    width: calc(100% - 300px);
  }
  .vypis-produktu .vypis .nahled {
    width: 33.333%;
  }
  .strankovani li {
    display: inline-block;
  }
  .strankovani .razeni {
    margin-right: auto;
    padding-left: 0.5rem;
  }
  .strankovani .razeni a,
  .strankovani .razeni span {
    background: none;
    border: 0;
    padding: 0;
    height: auto;
    line-height: normal;
    width: auto;
  }
  .strankovani .razeni a {
    font-weight: normal;
    text-decoration: underline;
  }
  .zobrazuji {
    display: inline-block;
    font-size: 0.85rem;
    color: #9b9b9b;
    margin-right: 1rem;
  }
  .stranky {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .horni-strankovani {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.vypis-produktu .nahled-vysacka {
  top: 6rem;
}

@media (min-width: 960px) {
  #vypis-produktu #mate-dotaz {
    display: none;
  }
}

.text-sloupce {
  background: #fff;
  text-align: left;
  padding: 2rem 0;
}
.text-sloupce h2 {
  text-align: left;
  font-size: 1.2rem;
  margin-bottom: 0.3rem;
}
.text-sloupce h3:first-child {
  margin-top: 0;
}
.text-sloupce p {
  margin-bottom: 2rem;
}

@media (min-width: 960px) {
  .text-sloupce .container {
    padding: 0 10px;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 5rem;
    column-gap: 5rem;
  }
}

.filterValue {
  display: block;
  position: relative;
  cursor: pointer;
  padding-top: 4px;
  padding-left: 25px;
  text-decoration: underline;
}
.filterValue::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #979797;
  margin-right: 5px;
  position: absolute;
  font-size: 10px;
  top: 4px;
  left: 0;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 16px;
}

.filterValue.valueChecked::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
}

.vybrane-filtry {
  font-size: 0.85rem;
  background: #f5f5f5;
  padding: 1rem;
  font-family: "Prompt";
}

.kategorie-filtru {
  font-weight: 600;
  font-size: 0.75rem;
  display: inline-block;
  width: 90px;
  text-transform: uppercase;
}

.vybrany-filtr {
  display: inline-block;
  padding: 5px;
  border: 1px solid #e4e4e4;
  background: #ffffff;
  border-radius: 2px;
  margin: 0 5px 5px 0;
}
.vybrany-filtr i {
  font-size: 0.65rem;
  margin-left: 10px;
}

.zrusit-vybrane-filtry a {
  background: #fff;
  border: solid 2px #e3e3e3;
  color: #777;
  padding: 0 1rem;
}
.zrusit-vybrane-filtry a:hover {
  border-color: #bfbfbf;
  color: #3e3e3e;
}
.zrusit-vybrane-filtry a i {
  margin-right: 5px;
}

@media (min-width: 760px) {
  .vybrane-filtry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .vypis-vybranych-filtru {
    width: calc(100% - 230px - 1rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .vybrane-dostupnosti {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .zrusit-vybrane-filtry {
    margin-left: 1rem;
    width: 230px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 230px;
    flex: 0 0 230px;
  }
}

@media (min-width: 960px) {
  .vybrane-filtry {
    margin: 0 -2.9rem;
    padding-right: 2.9rem;
  }
  .vybrane-filtry::after {
    content: "";
    display: block;
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 100%;
    background: #f5f5f5;
    z-index: 1;
  }
  .filtrovani-produktu .inner {
    padding: 0 2rem 0 0;
  }
}

.otaznik[napoveda]:hover:after {
  content: attr(napoveda);
  background: #ffe2cb;
  padding: 0.5rem;
  border-radius: 3px;
  position: absolute;
  display: block;
  color: #3e3e3e;
  text-transform: none;
  font-weight: normal;
  width: 150px;
  text-align: left;
  top: -30px;
}

@media (max-width: 960px) {
  .vypis-hlavicka .drobek {
    margin-bottom: 1rem;
  }
}

.otaznikHover {
  width: 300px;
  -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.23);
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.23);
  background-color: #ffffff;
  padding: 1rem;
  position: absolute;
  display: block;
  color: #3e3e3e;
  text-align: left;
  text-transform: none;
  font-family: "Open Sans";
  z-index: 1;
  top: 30px;
  left: -30px;
  font-size: 0.85rem;
  font-weight: normal;
  display: none;
}
.otaznikHover::before {
  position: absolute;
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -9px;
  -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.23);
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.23);
  background: #fff;
  left: 28px;
}
.otaznikHover::after {
  position: absolute;
  content: "";
  display: block;
  width: 30px;
  height: 20px;
  top: 0;
  background: #ffffff;
  left: 22px;
}

.otaznik:hover .otaznikHover {
  display: block;
}

@media (max-width: 370px) {
  .otaznikHover {
    left: -70px;
    width: 280px;
  }
  .otaznikHover::before {
    left: 68px;
  }
  .otaznikHover::after {
    left: 62px;
  }
}

.vypis-produktu .nahled h3 {
  height: 50px;
  overflow: hidden;
}

.vypis-produktu .nahled-popis {
  height: 96px;
  overflow: hidden;
}

.filtrovani-nic-nenalezeno #nejcastejsi-dotazy {
  float: none;
  width: auto;
  margin: 3rem auto;
}

.filtrovani-nic-nenalezeno .podkategorie .inner {
  padding: 0;
}

.filtrovani-nic-nenalezeno .vypis-kategorie .kat-img {
  width: 80px;
}

.filtrovani-nic-nenalezeno .vypis-kategorie li {
  width: calc(25% + 1px);
  border: 1px solid #e4e4e4;
  margin: -1px 0px 0 -1px;
}

.filtrovani-nic-nenalezeno__vysledek {
  text-align: center;
  margin: 2rem 0;
}

@media (max-width: 1200px) {
  .filtrovani-nic-nenalezeno .vypis-kategorie li {
    width: calc(33.3% + 1px);
  }
}

@media (max-width: 600px) {
  .filtrovani-nic-nenalezeno .vypis-kategorie ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .filtrovani-nic-nenalezeno .vypis-kategorie li {
    width: calc(50% + 1px);
  }
}

@media (min-width: 960px) and (max-width: 1200px) {
  .stranky {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .zobrazuji {
    display: block;
  }
  .strankovani .razeni {
    position: relative;
    margin-bottom: 1rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .strankovani .razeni::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #e4e4e4;
    left: 0;
    bottom: 0;
    position: absolute;
  }
  .strankovani .razeni li {
    display: block;
    margin: 0;
  }
  .strankovani .razeni li:not(first-child) {
    margin-left: -2px;
  }
  .strankovani .razeni li a,
  .strankovani .razeni li span {
    width: auto;
  }
  .strankovani .razeni li span {
    border: solid 2px #e3e3e3;
    border-bottom: #f5f5f5;
    position: relative;
  }
  .strankovani .razeni li span::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #f5f5f5;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
  }
}

@media (max-width: 960px) {
  .filtrovani-produktu .inner {
    -webkit-box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.5);
  }
  #vypis-produktu #mate-dotaz-mobil {
    margin: 0 -10px;
    text-align: center;
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }
  #vypis-produktu #mate-dotaz-mobil .inner {
    margin-top: 1rem;
  }
  #vypis-produktu #mate-dotaz-mobil .klik {
    text-align: left;
  }
  #vypis-produktu #mate-dotaz-mobil .titulek,
  #vypis-produktu #mate-dotaz-mobil h2 {
    display: inline-block;
  }
  #vypis-produktu #mate-dotaz-mobil .titulek {
    padding-right: 1px;
    margin: 0;
    font-family: "Prompt";
  }
  #vypis-produktu #mate-dotaz-mobil .lista {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    font-family: "Prompt";
    background: url(../img/zeptejse-mobile.png) no-repeat center;
    color: #fff;
    height: 420px;
    position: relative;
    margin-bottom: 3rem;
  }
  #vypis-produktu #mate-dotaz-mobil .lista a {
    color: #fff;
  }
  #vypis-produktu #mate-dotaz-mobil .lista .titulek {
    font-family: "Courgette";
    opacity: 1;
    font-weight: normal;
    color: #fff;
  }
  #vypis-produktu #mate-dotaz-mobil .lista .vyrazny {
    font-family: "Prompt";
    margin: 0;
    margin-bottom: 0;
  }
  #vypis-produktu #mate-dotaz-mobil .lista div {
    width: 100%;
  }
  #vypis-produktu #mate-dotaz-mobil .lista .profil {
    min-width: 182px;
    height: 177px;
    background-size: auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 3rem;
  }
  #vypis-produktu #mate-dotaz-mobil .lista .jmeno {
    padding-top: 135px;
    font-family: "Prompt";
    font-size: 0.75rem;
    color: #fff;
    text-transform: uppercase;
  }
  #vypis-produktu #mate-dotaz-mobil .lista .jmeno * {
    display: block;
  }
  #vypis-produktu #mate-dotaz-mobil .lista .volejte {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: -2rem;
  }
  #vypis-produktu #mate-dotaz-mobil .lista .piste {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: -2rem;
  }
  #vypis-produktu #mate-dotaz-mobil .lista .btn {
    max-width: 215px;
    padding: 0 3rem;
    position: absolute;
    top: 385px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
  }
  #vypis-produktu #mate-dotaz-mobil .lista .btn .desktop {
    display: none;
  }
}

#vypis-produktu .razeni-mobil .klik {
  border: solid 2px #e3e3e3;
  background: none;
}
#vypis-produktu .razeni-mobil .klik i {
  color: #aaacaf;
}

.razeni-mobil-ul {
  border-top: solid 2px #fff;
  margin-top: -2px;
}
.razeni-mobil-ul span {
  display: none;
}
.razeni-mobil-ul a {
  display: block;
  border: solid 2px #e3e3e3;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.85rem;
  font-family: "Prompt";
  padding: 1rem;
  border-top: solid 2px #f5f5f5;
  background: #f5f5f5;
}

@media (max-width: 960px) {
  .popis-kategorie-spodni .inner {
    display: none;
  }
}

@media (min-width: 961px) {
  .popis-kategorie-spodni .inner {
    display: block !important;
  }
}

#mate-dotaz-sloupec .lista.radkaFoto {
  background: url(../img/radka.png) no-repeat top center;
}


#mate-dotaz-sloupec .lista.lukasFoto {
  background: url(../img/zeptejse-mobile-lukas.png) no-repeat center;
}

#vypis-produktu #mate-dotaz-mobil .lista.lukasFoto {
  background: url(../img/zeptejse-mobile-lukas.png) no-repeat center;
}

#mate-dotaz-sloupec .lista.janFoto {
  background: url(../img/zeptejse-mobile-honza.png) no-repeat center;
}

#vypis-produktu #mate-dotaz-mobil .lista.janFoto {
  background: url(../img/zeptejse-mobile-honza.png) no-repeat center;
}

#mate-dotaz-sloupec .lista.pavelFoto {
  background: url(../img/zeptejse-mobile-pavel.png) no-repeat center;
}

#vypis-produktu #mate-dotaz-mobil .lista.pavelFoto {
  background: url(../img/zeptejse-mobile-pavel.png) no-repeat center;
}

.filtrovani-nic-nenalezeno {
  width: 100%;
}

#mate-dotaz-sloupec {
  padding-right: 2rem;
}

@media (max-width: 960px) {
  #vice_informaci {
    display: none;
  }
}

@media (max-width: 430px) {
  .vypis-hlavicka .drobek {
    margin-bottom: 0;
  }
}

/* =========================== detail page =========================== */
.drobek {
  font-size: 0.75rem;
  padding: 1rem 0;
  margin-bottom: 2rem;
  line-height: 1.5;
}
@media only screen and (max-width: 599px) {
  .drobek {
    margin-bottom: 1rem;
  }
}
.drobek li {
  display: inline-block;
}
.drobek li::after {
  content: "\f105";
  display: inline-block;
  font-family: FontAwesome;
  margin: 0 3px;
}
.drobek li:last-child::after {
  display: none;
}

@media only screen and (max-width: 599px) {
  .action-class-vypis-detail .drobek span {
    display: none;
  }
}

@media only screen and (max-width: 599px) {
  .action-class-vypis-detail .drobek li:nth-last-child(-n + 2)::after {
    display: none;
  }
}

.nahled {
  text-align: center;
  padding-top: 1rem;
  background: #fff;
  position: relative;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0.5rem;
  position: relative;
}
.nahled > a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.nahled .kategory {
  font-family: "Courgette";
  color: #9b9b9b;
  font-size: 0.8125rem;
  margin-bottom: 0.2rem;
}
.nahled h3 {
  font-family: "Prompt";
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1rem;
  margin-top: 0;
  height: 50px;
  overflow: hidden;
}
.nahled .nahled-img {
  min-height: 100px;
  height: 190px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
}
.nahled .nahled-popis {
  font-size: 0.85rem;
  line-height: 1.8;
  font-family: "Open Sans";
  height: 96px;
  overflow: hidden;
  opacity: 0.6;
}
.nahled .nahled-doprava {
  font-family: "Prompt";
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75rem;
  color: rgba(0, 134, 40, 0.8);
  margin: 1.5rem 0;
  margin-bottom: 0.5rem;
  height: 2.25rem;
  line-height: 1.1;
}

@media (max-width: 480px) {
  .nahled .nahled-doprava {
    height: 3.5rem;
  }
}
.nahled .nahled-doprava span {
  display: block;
}
.nahled .nahled-doprava .modrySklad {
  color: #305ca8;
}
.nahled .nahled-doprava .cervenySklad {
  color: #b02b08;
}
.nahled .nahled-cena {
  font-family: "Prompt";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .nahled .nahled-cena {
    display: block;
    text-align: center;
  }
}
.nahled .nahled-cena span {
  display: block;
  padding: 0 1rem;
}
.nahled .nahled-cena .normal-cena {
  text-decoration: line-through;
  font-size: 1.125rem;
  color: #4c4c4c;
  opacity: 0.75;
}
.nahled .nahled-cena .nase-cena {
  font-weight: bold;
  font-size: 1.125rem;
}
.nahled .nahled-tlacitko {
  position: relative;
  z-index: 2;
}
.nahled .tlacitka-koupit .kusy {
  width: 88px;
  background: #fff;
}
.nahled .tlacitka-koupit .kusy input[type="text"] {
  width: 52px;
  font-size: 0.94rem;
}
.nahled .tlacitka-koupit button[type="submit"] {
  width: auto;
}
.nahled .hover-info {
  position: absolute;
  background: #fff;
  left: 0;
  bottom: -2rem;
  width: 100%;
  text-align: center;
  padding: 0 0 1rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.21);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.21);
}
.nahled .hover-info a {
  display: inline-block;
  padding: 0.5rem;
  text-decoration: none;
}
.nahled .hover-info a span {
  text-decoration: underline;
  font-weight: "Prompt";
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75rem;
}
.nahled .hover-info a i {
  opacity: 0.6;
}

.detail-galerie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.detail-titulek {
  width: 100%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  line-height: 1.5;
}
.detail-titulek h2 {
  font-family: "Courgette";
  font-weight: normal;
  color: #7e7e7e;
  font-size: 1rem;
  text-align: left;
  text-transform: none;
  margin-bottom: 0;
}
@media only screen and (max-width: 599px) {
  .detail-titulek h2 {
    text-align: center;
  }
}
.detail-titulek h1 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.3rem;
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 599px) {
  .detail-titulek h1 {
    text-align: center;
  }
}

.detail-fotky {
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.detail-texty {
  width: 100%;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.hlavni-foto {
  position: relative;
  text-align: center;
  padding: 2rem 0;
}

.detail-stitky {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.detail-stitky .stitek {
  padding: 0.2rem 0.8rem 0.2rem;
  font-size: 1rem;
  border-radius: 8px;
  position: relative;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 0.5rem;
}


.stitek {
  padding: 0.2rem 0.4rem;
  font-size: 1.2rem;
  border-radius: 3px;
}

.stitek-novinka {
  background: #e41515;
  color: #fff;
}

.stitek-akce2 {
  background: red;
  color: #fff;
  display: block;
}
.stitek-akce3 {
  background: grey;
  color: #fff;
  display: block;
}
.stitek-akce4 {
  background: #031b8a;
  color: #fff;
  display: block;
}
.stitek-akce5 {
  background: cyan;
  color: #000;
  display: block;
  text-decoration: none;
}
.stitek-akce6 {
  background: yellow;
  color: #000;
  display: block;
}

.detail-sklad {
  border: 2px solid #e8e8e8;
  border-left: 0;
  border-right: 0;
  padding: 0.8rem 0;
  margin: 2rem 0 0rem;
  text-align: center;
}
.detail-sklad .skladem {
  color: rgba(0, 134, 40, 0.8);
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Prompt";
  font-size: 0.8rem;
}
.detail-sklad .sklad-doprava {
  font-family: "Prompt";
  margin-left: auto;
}
.detail-sklad .sklad-doprava a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 599px) {
  .detail-sklad .sklad-doprava a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.detail-sklad .sklad-doprava a i {
  font-size: 1.5rem;
  color: #a8aaad;
  margin-right: 5px;
}
.detail-sklad .sklad-doprava a span {
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75rem;
}

.detail-odpocet {
  background: #2d2d2d;
  font-family: "Prompt";
  color: #fff;
  text-transform: uppercase;
  padding: 1rem;
  font-weight: 600;
  font-size: 0.8rem;
  margin-bottom: 1.5rem;
  font-size: 1rem;
}

.detail-kup {
  margin-top: 1rem;
  font-family: "Prompt";
  border-bottom: 2px solid #e8e8e8;
  padding-bottom: 1rem;
}
.detail-kup .cena {
  font-weight: bold;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.25rem;
  padding: 0.5rem 0;
  white-space: nowrap;
}
.detail-kup .normal-cena {
  text-align: right;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
}
.detail-kup .skrtnuta_cena {
  color: #4c4c4c;
  opacity: 0.3;
  text-decoration: line-through;
}
.detail-kup .mergado-sleva {
    background-color: yellow !important;
    color: red !important;
}
.detail-kup .nase-cena {
  text-align: left;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0.5rem;
}
.detail-kup .tlacitka-koupit .kusy {
  width: 116px;
}
.detail-kup .tlacitka-koupit .kusy button {
  left: 76px;
}
.detail-kup .tlacitka-koupit input[type="submit"] {
  width: auto;
  margin: 0;
}
@media only screen and (max-width: 599px) {
  .detail-kup .tlacitka-koupit input[type="submit"] {
    padding: 0 2rem;
  }
}

.tlacitka-koupit {
  margin: 1rem 0;
}
.tlacitka-koupit form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.tlacitka-koupit .kusy {
  width: 100%;
  position: relative;
  font-family: "Prompt";
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tlacitka-koupit .kusy input[type="text"] {
  height: 50px;
  width: 80px;
  border: 2px solid #e3e3e3;
  text-align: center;
  line-height: 50px;
  margin: 0 -2px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  font-family: "Prompt";
  font-weight: 600;
}
.tlacitka-koupit .kusy button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 2px solid #e3e3e3;
  background: #fff;
  text-align: center;
  font-weight: normal;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  font-family: "Prompt";
  min-width: 40px;
  font-size: 1.2rem;
}
.tlacitka-koupit .kusy button:hover {
  border-color: #9b9b9b;
  z-index: 2;
}
.tlacitka-koupit .kusy button.plus {
  font-size: 1.4rem;
}
.tlacitka-koupit .kusy button.minus {
  top: 24px;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  font-size: 1.4rem;
}
.tlacitka-koupit input[type="submit"],
.tlacitka-koupit button[type="submit"],
.tlacitka-koupit .kupovaciTlacitko {
  width: 100%;
  height: 50px;
  font-size: 0.85rem;
  padding: 0 1rem;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#59a106),
    to(#417505)
  );
  background: -webkit-linear-gradient(top, #59a106, #417505);
  background: -o-linear-gradient(top, #59a106, #417505);
  background: linear-gradient(to bottom, #59a106, #417505);
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-family: "Prompt";
  border: 0;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #2a4d03;
}
.tlacitka-koupit input[type="submit"]:hover,
.tlacitka-koupit button[type="submit"]:hover,
.tlacitka-koupit .kupovaciTlacitko:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#4f8f06),
    to(#2c4f03)
  );
  background: -webkit-linear-gradient(top, #4f8f06, #2c4f03);
  background: -o-linear-gradient(top, #4f8f06, #2c4f03);
  background: linear-gradient(to bottom, #4f8f06, #2c4f03);
}

.detail-parametry {
  font-size: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.detail-parametry .radek {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  border-bottom: 2px solid #e8e8e8;
  padding-bottom: 1rem;
}
.detail-parametry table {
  width: 100%;
}
.detail-parametry td {
  padding: 0.3rem 0;
  border-bottom: 1px solid #e8e8e8;
}
.detail-parametry td:last-child {
  text-align: right;
}
.detail-parametry tr:last-child td {
  border: 0;
}
.detail-parametry .nevyrazna {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: 0.8rem;
  opacity: 0.7;
  margin-bottom: 1rem;
}
.detail-parametry .nevyrazna td {
  border: 0;
}
.detail-parametry .pridat-porovnani {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 100%;
  text-align: center;
  margin-bottom: 2rem;
}
.detail-parametry .pridat-porovnani i {
  font-size: 1.2rem;
  opacity: 0.6;
  margin-right: 0.5rem;
}
.detail-parametry .pridat-porovnani a {
  text-decoration: none;
  text-transform: uppercase;
}
.detail-parametry .pridat-porovnani a span {
  text-decoration: underline;
  font-family: "Prompt";
  font-size: 0.75rem;
  font-weight: bold;
}
.detail-parametry .logo-vyrobce {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  width: 100%;
  text-align: center;
}
.detail-parametry .dalsi-produkt-vyrobce {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  width: 100%;
  text-align: center;
  font-family: "Prompt";
  font-size: 0.75rem;
  margin: 1rem 0 2rem;
}
.detail-parametry .dalsi-produkt-vyrobce a {
  text-transform: uppercase;
  font-weight: bold;
}

.jedni-z-vas {
  padding-top: 1rem;
  text-align: center;
  background: #fff;
  margin-bottom: 1rem;
}
.jedni-z-vas .titulek {
  font-family: "Courgette";
  color: #9b9b9b;
  font-size: 1.125rem;
  margin-bottom: 0.2rem;
}
.jedni-z-vas h2 {
  font-family: "Prompt";
  font-size: 1.125rem;
  font-weight: bold;
  text-transform: uppercase;
}

.vyhoda p {
  margin: 0;
}

.vyhoda a {
  max-width: 260px;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 1rem auto 1.5rem;
  text-decoration: none;
}
.vyhoda a svg {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  height: 65px;
  flex: 0 0 90px;
}
.vyhoda a img {
  width: 100px;
}

@media (max-width: 599px) {
  .vyhoda svg {
    min-width: 80px;
    max-width: 80px;
  }
}

@media (min-width: 380px) {
  .nahled .tlacitka-koupit .kusy {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .nahled .tlacitka-koupit .kusy input[type="text"] {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .nahled .tlacitka-koupit .kusy button {
    height: 50px;
    position: static;
  }
  .nahled .tlacitka-koupit .kusy button.minus {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .nahled .tlacitka-koupit .kusy button.plus {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

@media only screen and (min-width: 600px) {
  .detail-dalsi-obrazky {
    display: block;
    font-family: "Prompt";
    margin-bottom: 1rem;
  }
  .detail-dalsi-obrazky a {
    text-decoration: none;
  }
  .detail-dalsi-obrazky a img {
    width: 100%;
  }
  .detail-dalsi-obrazky a i {
    font-size: 1.8rem;
    opacity: 0.5;
  }
  .detail-dalsi-obrazky a span {
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    padding-left: 0.5rem;
    text-decoration: underline;
  }
  .detail-dalsi-obrazky a div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .detail-dalsi-obrazky .singleVideo {
    margin: 0;
    width: 100%;
  }
  .detail-dalsi-obrazky .spousteciVideoSipka {
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
  }
  .detail-dalsi-obrazky .spousteciVideoSipka::before {
    border-width: 10px;
    top: calc(50% - 10px);
    left: calc(50% - 5px);
  }
  .detail-sklad {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .detail-odpocet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .detail-odpocet div {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
  .sklad-doprava {
    text-align: right;
  }
  .cas {
    text-align: right;
  }
  .detail-kup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .detail-kup .cena {
    display: block;
    padding: 0;
    margin-right: 1rem;
  }
  .detail-kup .tlacitka-koupit .kusy {
    width: 126px;
  }
  .tlacitka-koupit {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }
  .tlacitka-koupit .kusy {
    width: auto;
  }
  .tlacitka-koupit input[type="submit"],
  .tlacitka-koupit button[type="submit"],
  .tlacitka-koupit .kupovaciTlacitko {
    width: auto;
    margin: 0;
    margin-left: 1rem;
    padding: 0 2rem;
  }
  .tlacitka-koupit button {
    width: 50px;
  }
  .detail-parametry {
    margin-top: 1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .detail-parametry .radek {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .detail-parametry .radek .col {
    width: 48%;
  }
  .detail-parametry .nevyrazna {
    width: 48%;
  }
  .detail-parametry .logo-vyrobce {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 48%;
    text-align: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .detail-parametry .pridat-porovnani {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    width: 48%;
    text-align: left;
    margin: 0;
  }
  .detail-parametry .dalsi-produkt-vyrobce {
    width: 100%;
    display: block;
    text-align: right;
    margin: 0.5rem 0 0;
  }
  .jedni-z-vas h2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto 1fr;
    grid-template-columns: 1fr auto 1fr;
    grid-gap: 20px;
  }
  .jedni-z-vas h2::before,
  .jedni-z-vas h2::after {
    display: block;
    content: "";
    height: 2px;
    background: #e4e4e4;
    position: relative;
    top: 10px;
  }
  .vyhody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
  }
  .vyhody a {
    text-decoration: none;
  }
  .vyhody p {
    margin: 0;
    font-weight: 600;
  }
  .vyhody .vyhoda {
    width: 48%;
    max-width: none;
    padding: 0 1rem;
  }
}

.vyhoda {
  text-align: center;
}

.vyhody .vyhoda a {
  display: block;
  text-align: center;
}

.vyhody .vyhoda a:hover {
  text-decoration: none;
  color: #000;
}

@media only screen and (min-width: 960px) {
  .vyhody {
    max-width: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .vyhody .vyhoda {
    width: 25%;
  }
}

@media only screen and (min-width: 1200px) {
  .detail-galerie {
    display: block;
  }
  .detail-titulek {
    width: 43%;
    padding-left: 2rem;
    float: left;
  }
  .detail-titulek h1 {
    font-size: 1.6rem;
  }
  .detail-texty {
    width: 43%;
    display: inline-block;
    padding-left: 2rem;
  }
  .detail-texty p {
    font-family: "Open Sans";
    color: #3e3e3e;
    line-height: 1.8;
    font-size: 1rem;
  }
  .detail-odpocet {
    font-size: 1rem;
  }
  .detail-kup .cena {
    width: 40%;
  }
  .detail-kup .normal-cena {
    text-align: left;
    padding: 0;
  }
  .detail-kup .nase-cena {
    font-size: 1.8rem;
    padding: 0;
  }
  .detail-kup .tlacitka-koupit .kusy {
    width: 90px;
  }
  .detail-kup .tlacitka-koupit .kusy input[type="text"] {
    width: 50px;
  }
  .detail-kup .tlacitka-koupit .kusy button {
    left: 46px;
  }
  .tlacitka-koupit {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
  }
  .tlacitka-koupit form {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .tlacitka-koupit .kusy {
    width: 90px;
    position: relative;
  }
  .tlacitka-koupit .kusy input[type="text"] {
    width: 50px;
  }
  .tlacitka-koupit .kusy button {
    width: 40px;
    height: 26px;
    position: absolute;
    left: 46px;
    line-height: 21px;
  }
  .tlacitka-koupit .kusy button.minus {
    top: 24px;
  }
  .tlacitka-koupit input[type="submit"],
  .tlacitka-koupit .kupovaciTlacitko {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    margin-left: 0.5rem;
    padding: 0 2rem;
  }
  .jedni-z-vas {
    margin: 0;
    padding: 4rem 0;
  }
  .jedni-z-vas h2 {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }
  .jedni-z-vas h2::before,
  .jedni-z-vas h2::after {
    top: 15px;
  }
  .vyhody {
    max-width: none;
  }
  .vyhody .vyhoda a {
    width: auto;
    max-width: 310px;
    margin: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.pod-detailem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.pod-detailem > div {
  width: 100%;
}

.lista-kotvy {
  display: none;
}

.jedni-z-vas {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.vypis-kotev {
  font-size: 0.875rem;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.vypis-kotev .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.vypis-kotev .container > div {
  width: 100%;
}
.vypis-kotev .klik {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Prompt";
  border-top: 2px solid #e4e4e4;
  background: #f5f5f5;
  padding: 1rem 0.8rem;
  font-size: 0.85rem;
  position: relative;
}
.vypis-kotev .klik h2,
.vypis-kotev .klik h3 {
  margin: 0;
  margin-bottom: 0;
  text-align: left;
  font-size: 0.85rem;
}
.vypis-kotev .klik.otevreny {
  background: #fff;
}
.vypis-kotev .klik.otevreny i {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.vypis-kotev .klik i {
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.5rem;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.vypis-kotev .inner {
  margin: 0;
  padding: 0 0.8rem;
  display: none;
  position: relative;
}

#zarazene-kategorie,
#vyzkousejte,
.videa {
  display: none;
}

#popis-produktu {
  font-size: 1rem;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
#popis-produktu p {
  font-family: "Open Sans";
  line-height: 1.8;
}
#popis-produktu ul {
  padding-left: 1.5rem;
}
#popis-produktu ul li {
  margin-bottom: 0.5rem;
}

#videa {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#parametry {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  font-family: "Open Sans";
  font-size: 1rem;
}
#parametry table {
  width: 100%;
}
#parametry td {
  border-bottom: 1px solid #e8e8e8;
  padding: 0.7rem 0;
}
#parametry td:last-child {
  text-align: right;
}
#parametry tr:last-child td {
  border: 0;
}
#parametry .napoveda {
  display: none;
}

.otaznik {
  background: #e41515;
  color: #ffffff;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  border-radius: 50%;
  font-size: 0.625rem;
  position: relative;
  top: -5px;
}
.otaznik:hover {
  background: #3e3e3e;
  cursor: pointer;
}

.pomlcky {
  font-family: "Open Sans";
  font-size: 1rem;
}
.pomlcky li {
  margin-bottom: 0.5rem;
}
.pomlcky li::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 2px;
  background: #3e3e3e;
  margin: 0 0.5rem 0 0;
  position: relative;
  top: -5px;
}

#obsah-baleni {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

#ke-stazeni ul {
  margin-bottom: 1rem;
}

#ke-stazeni li {
  display: inline-block;
  margin-right: 1rem;
}

#nejcastejsi-dotazy {
  margin-top: 1rem;
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}
#nejcastejsi-dotazy h3 {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
}
#nejcastejsi-dotazy li {
  border-top: 2px solid #e4e4e4;
  margin: 0;
  position: relative;
}
#nejcastejsi-dotazy li::before {
  position: absolute;
  top: 50%;
}
#nejcastejsi-dotazy a {
  display: block;
  padding: 1rem;
}
#nejcastejsi-dotazy .btn {
  padding: 0 1rem;
}
#nejcastejsi-dotazy .nevite-jak-vybrat {
  position: relative;
}
#nejcastejsi-dotazy .nevite-jak-vybrat img {
  width: 100%;
}
#nejcastejsi-dotazy .nevite-jak-vybrat .texty {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90%;
  text-align: center;
  color: #fff;
}
#nejcastejsi-dotazy .nevite-jak-vybrat .titulek {
  margin-bottom: 0.2rem;
  font-family: "Courgette";
  opacity: 0.65;
}
#nejcastejsi-dotazy .nevite-jak-vybrat .radek {
  margin: auto;
  margin-top: -3rem;
  margin-bottom: 2rem;
  position: relative;
  z-index: 1;
  max-width: 250px;
}

#mate-dotaz {
  text-align: center;
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}
@media only screen and (max-width: 599px) {
  #mate-dotaz {
    margin: 1rem 0;
  }
}
#mate-dotaz .titulek,
#mate-dotaz h2 {
  display: inline-block;
}
#mate-dotaz .nadpis_zeptejte_se {
  font-family: "Prompt";
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.5rem;
}
#mate-dotaz .titulek {
  padding-right: 1px;
  margin: 0;
  font-family: "Prompt";
}
#mate-dotaz .lista {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  font-family: "Prompt";
  background: url(../img/pattern-black.png);
  color: #fff;
  height: 420px;
  position: relative;
  margin-bottom: 3rem;
}
#mate-dotaz .lista a {
  color: #fff;
}
#mate-dotaz .lista .titulek {
  font-family: "Courgette";
  opacity: 1;
  font-weight: normal;
  color: #fff;
}
#mate-dotaz .lista .vyrazny {
  font-family: "Prompt";
  margin: 0;
  margin-bottom: 0;
}
#mate-dotaz .lista div {
  width: 100%;
}
#mate-dotaz .lista .profil {
  min-width: 182px;
  height: 177px;
  background-size: auto;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 3rem;
}

#mate-dotaz .lista .jmeno {
  padding-top: 135px;
  font-family: "Prompt";
  font-size: 0.75rem;
  color: #fff;
  text-transform: uppercase;
}
#mate-dotaz .lista .jmeno * {
  display: block;
}
#mate-dotaz .lista .volejte {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-top: -2rem;
}
#mate-dotaz .lista .piste {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  margin-top: -2rem;
}
#mate-dotaz .lista .btn {
  max-width: 215px;
  padding: 0 3rem;
  position: absolute;
  top: 385px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

#diskuze {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}
#diskuze .skryt {
  display: none;
}

@media (max-width: 600px) {
  #mate-dotaz .lista {
    height: auto;
    padding-bottom: 1.5rem;
    margin-top: 2rem;
  }

  #mate-dotaz .lista .profil {
    margin-top: -3.5rem;
    height: auto;
  }

  #mate-dotaz .lista .jmeno {
    padding-top: 165px;
  }

  #mate-dotaz .lista .piste {
    margin-block: 1rem;
  }
    #mate-dotaz .lista .btn {
      top: 315px;
    }
}

.prispevek {
  margin-bottom: 1rem;
}
.prispevek p {
  font-family: "Open Sans";
  font-size: 1rem;
  line-height: 1.8;
  font-size: 0.85rem;
}

.prispevek-header {
  border-bottom: 2px solid #e4e4e4;
  font-size: 0.785rem;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Prompt";
  margin-bottom: 0.8rem;
}
.prispevek-header h3 {
  margin-bottom: 0.3rem;
  font-size: 1rem;
}

.vypis-kotev .inner p.autor {
  margin-bottom: 0.3rem;
  font-weight: bold;
  opacity: 0.6;
  font-size: 0.75rem;
  font-family: "Prompt";
  line-height: normal;
}

.prispevek.admin {
  background: #f5f5f5;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  padding: 0.8rem 0.7rem;
  position: relative;
}
.prispevek.admin::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #f5f5f5;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: -10px;
  left: 30px;
}
.prispevek.admin .prispevek-foto {
  position: absolute;
}
.prispevek.admin .prispevek-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 100px;
  grid-template-columns: 1fr 100px;
  -ms-grid-rows: 20px auto;
  grid-template-rows: 20px auto;
  padding-left: 60px;
  padding-bottom: 0.5rem;
  font-size: 0.785rem;
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  border: 0;
}
.prispevek.admin .prispevek-header img {
  width: 100px;
}
.prispevek.admin .prispevek-header::before {
  content: "";
  width: calc(100% - 60px);
  height: 2px;
  display: block;
  background: #e4e4e4;
  position: absolute;
  left: 60px;
  bottom: -2px;
}
.prispevek.admin .prispevek-header::after {
  content: "";
  width: 50px;
  height: 2px;
  display: block;
  background: #e41515;
  position: absolute;
  left: 60px;
  bottom: -2px;
}
.prispevek.admin .autor {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  color: #e41515;
}
.prispevek.admin .pozice {
  grid-column: 1/-1;
  opacity: 0.7;
  font-size: 0.625rem;
}

.vlozit-prispevek {
  margin: 1rem 0;
}
.vlozit-prispevek .titulek,
.vlozit-prispevek h3 {
  text-align: center;
}
.vlozit-prispevek .titulek {
  margin: 0;
  font-family: "Courgette";
  opacity: 0.65;
  font-size: 1rem;
}
.vlozit-prispevek h3 {
  text-transform: uppercase;
  font-family: "Prompt";
  font-weight: bold;
  font-size: 1.125rem;
  margin-top: 0;
}
.vlozit-prispevek form {
  margin-top: 1.2rem;
}
.vlozit-prispevek form .row {
  position: relative;
}
.vlozit-prispevek form .row label {
  position: absolute;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75rem;
  left: 1rem;
  top: 19px;
  z-index: 2;
}
.vlozit-prispevek form input[type="text"] {
  height: 60px;
  width: 100%;
  border: 2px solid #e3e3e3;
  line-height: 60px;
  margin-top: -2px;
  padding: 1rem;
  padding-top: 1.9rem;
  font-size: 1rem;
  font-family: "Open Sans";
}
.vlozit-prispevek form textarea {
  border: 2px solid #e3e3e3;
  margin-top: -2px;
  width: 100%;
  height: 230px;
  padding: 40px 15px 20px;
  font-size: 1rem;
  font-family: "Open Sans";
}
.vlozit-prispevek form input[type="submit"] {
  margin-top: -10px;
  letter-spacing: 0.1px;
}
@media only screen and (max-width: 599px) {
  .vlozit-prispevek form input[type="submit"] {
    margin-top: 0.5rem;
  }
}

#doporucujeme-prikoupit {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}
#doporucujeme-prikoupit .vypis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#doporucujeme-prikoupit .vypis .nahled {
  width: 50%;
  padding: 1rem;
}
@media only screen and (max-width: 380px) {
  #doporucujeme-prikoupit .vypis .nahled {
    width: 100%;
  }
}

.nabidka {
  font-family: "Prompt";
}
.nabidka li {
  border-top: 2px solid #e3e3e3;
}
.nabidka a {
  display: block;
  padding: 0.8rem 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
  color: #777;
  font-size: 0.75rem;
  font-weight: bold;
}
.nabidka a .pocet {
  float: right;
  font-weight: normal;
}
.nabidka li:last-child {
  border-bottom: 2px solid #e3e3e3;
}
.nabidka .aktivni a {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#4d4d4d),
    to(#2d2d2d)
  );
  background: -webkit-linear-gradient(top, #4d4d4d, #2d2d2d);
  background: -o-linear-gradient(top, #4d4d4d, #2d2d2d);
  background: linear-gradient(to bottom, #4d4d4d, #2d2d2d);
  color: #fff;
  text-shadow: 0 1px 0 #000000;
}

#podobne-produkty,
#nahradni-dily,
#urceno-pro {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}
#podobne-produkty .vypis,
#nahradni-dily .vypis,
#urceno-pro .vypis {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#podobne-produkty .vypis .nahled,
#nahradni-dily .vypis .nahled,
#urceno-pro .vypis .nahled {
  width: 50%;
  padding: 1rem;
}
@media only screen and (max-width: 380px) {
  #podobne-produkty .vypis .nahled,
  #nahradni-dily .vypis .nahled,
  #urceno-pro .vypis .nahled {
    width: 100%;
  }
}

 #mate-dotaz .profil {
   height: 150px;
   background: url(../img/radka.png) no-repeat center;
   background-size: contain;
 }

@media only screen and (min-width: 600px) {
  .jedni-z-vas {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .pomocny-infodiv {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .lista-kotvy {
    display: block;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    font-family: "Prompt";
    font-size: 0.75rem;
    text-transform: uppercase;
    font-weight: 600;
    -webkit-box-shadow: 0 3px 6px 0 rgba(45, 45, 45, 0.1);
    box-shadow: 0 3px 6px 0 rgba(45, 45, 45, 0.1);
    background-color: #f5f5f5;
    border: solid 2px rgba(45, 45, 45, 0.1);
    border-left: 0;
    border-right: 0;
    margin-bottom: 2rem;
  }
  .lista-kotvy ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 760px;
  }
  .lista-kotvy li {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    margin: 0 0.5rem;
  }
  .lista-kotvy a {
    position: relative;
    display: inline-block;
    padding: 1rem 0;
    padding-right: 20px;
  }
  .lista-kotvy i {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .vypis-kotev {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .vypis-kotev .container {
    display: block;
  }
  .vypis-kotev .inner {
    display: block !important;
    padding: 0;
  }
  .vypis-kotev .klik {
    background: none;
    padding: 0;
    border-top: 0;
  }
  .vypis-kotev .klik.otevreny {
    background: none;
  }
  .vypis-kotev .klik h2 {
    padding-bottom: 1rem;
    border-bottom: 2px solid #e4e4e4;
    position: relative;
    margin-bottom: 1.3rem;
    font-size: 1.5rem;
  }
  .vypis-kotev .klik h2::after {
    content: "";
    display: block;
    height: 2px;
    width: 50px;
    background: #e41515;
    bottom: -2px;
    left: 0;
    position: absolute;
  }
  .vypis-kotev .klik i {
    display: none;
  }
  .vypis-kotev .klik h3 {
    margin: 1rem 0 0.5rem;
    font-size: 1.125rem;
  }
  #popis-produktu {
    width: 62%;
    display: inline-block;
    float: left;
  }
  #parametry {
    width: 38%;
    max-width: 420px;
    float: right;
    margin-bottom: 2rem;
  }
  #parametry .napoveda {
    display: table-row;
  }
  #parametry .napoveda td {
    text-align: left;
    padding: 0.8rem 0;
  }
  #parametry .napoveda a {
    display: inline-block;
    text-decoration: none;
  }
  #parametry .napoveda a span {
    text-decoration: underline;
  }
  #parametry .napoveda a:hover span {
    text-decoration: none;
  }
  #parametry .napoveda i {
    font-size: 1.3rem;
    vertical-align: middle;
    color: #e41515;
  }
  #zarazene-kategorie {
    width: 57%;
    display: inline-block;
    margin-bottom: 2rem;
  }
  #zarazene-kategorie li {
    display: inline-block;
    margin-right: 1rem;
  }
  #obsah-baleni {
    clear: both;
    width: 57%;
    display: inline-block;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
  }
  #ke-stazeni {
    width: 57%;
    display: inline-block;
    margin-bottom: 1rem;
  }
  #nejcastejsi-dotazy {
    width: 38%;
    max-width: 420px;
    float: right;
    clear: right;
    margin: 0;
  }
  #nejcastejsi-dotazy.nema-parametry {
    clear: none;
  }
  #nejcastejsi-dotazy h3 {
    text-align: left;
  }
  #nejcastejsi-dotazy ul {
    border: 2px solid #e4e4e4;
    border-top: 0;
  }
  #nejcastejsi-dotazy li {
    padding: 0 1rem;
  }
  #nejcastejsi-dotazy .nevite-jak-vybrat {
    text-align: center;
  }
  #nejcastejsi-dotazy .nevite-jak-vybrat h3 {
    text-align: center;
  }
  #videa,
  .videa {
    display: inline-block;
    width: 57%;
  }
  .singleVideo {
    margin-bottom: 2rem;
    width: 48%;
  }
  .singleVideo h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.125rem;
    margin: 1rem 0 0.5rem;
  }
  #mate-dotaz {
    clear: both;
    padding-bottom: 4rem;
  }
  #mate-dotaz .nadpis_zeptejte_se,
  #mate-dotaz h2 {
    margin-bottom: 2rem;
    text-align: center;
  }
  #mate-dotaz .profil {
    height: 150px;
    background: url(../img/radka.png) no-repeat center;
    background-size: contain;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-bottom: 3rem;
  }
  #mate-dotaz .titulek {
    display: block;
    font-family: "Courgette";
    text-transform: none;
    font-weight: normal;
    opacity: 0.7;
    font-size: 1.125rem;
    color: #7e7e7e;
  }
  #mate-dotaz .klik {
    text-align: center;
  }
  #mate-dotaz .klik h2 {
    border: 0;
  }
  #mate-dotaz .klik h2::after {
    display: none;
  }
  #mate-dotaz .lista {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background: url(../img/pattern-black.png);
    height: 134px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.67);
  }
  #mate-dotaz .lista a {
    color: #fff;
  }
  #mate-dotaz .lista .vyrazny {
    font-weight: 600;
  }
  #mate-dotaz .lista .vyrazny br {
    display: none;
  }
  #mate-dotaz .lista .profil {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  #mate-dotaz .lista .jmeno {
    padding-top: 100px;
  }
  #mate-dotaz .lista .volejte,
  #mate-dotaz .lista .piste {
    margin: 0;
  }
  #mate-dotaz .lista .btn {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  #vyzkousejte {
    display: none;
  }
  .nabidka-vyzkousejte .vypis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .nabidka-vyzkousejte .nahled {
    width: 25%;
    padding: 1rem;
  }
  .nabidka-vyzkousejte .radek {
    margin: 2rem 0;
    text-align: center;
  }
  #diskuze {
    background: #f5f5f5;
    padding: 3rem 1rem;
    margin-bottom: 3rem;
  }
  #diskuze .skryt {
    display: inline;
  }
  .vypis-kotev #diskuze .klik h2,
  .vypis-kotev #doporucujeme-prikoupit .klik h2,
  .vypis-kotev #podobne-produkty .klik h2,
  .vypis-kotev #nahradni-dily .klik h2,
  .vypis-kotev #urceno-pro .klik h2,
  #podobne-produkty .klik h2 {
    text-align: center;
    margin-bottom: 3rem;
  }
  .vypis-kotev #diskuze .klik h2::after,
  .vypis-kotev #doporucujeme-prikoupit .klik h2::after,
  .vypis-kotev #podobne-produkty .klik h2::after,
  .vypis-kotev #nahradni-dily .klik h2::after,
  .vypis-kotev #urceno-pro .klik h2::after,
  #podobne-produkty .klik h2::after {
    width: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .prispevek.admin {
    background: #fff;
  }
  .prispevek.admin::before {
    background: #fff;
    -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);
  }
  .prispevek.admin::after {
    content: "";
    display: block;
    width: 40px;
    height: 13px;
    background: #fff;
    top: 0px;
    left: 20px;
    position: absolute;
  }
  .zobrazit-dalsi-diskuze {
    text-align: center;
  }
  .polozit-dotaz {
    text-align: center;
    margin-top: -20px;
    position: relative;
    z-index: 1;
  }
  #doporucujeme-prikoupit {
    margin-bottom: 2rem;
  }
  #doporucujeme-prikoupit .vypis .nahled {
    width: 25%;
    padding: 1rem;
  }
  #podobne-produkty,
  #nahradni-dily,
  #urceno-pro {
    margin-bottom: 2rem;
  }
  #podobne-produkty .vypis .nahled,
  #nahradni-dily .vypis .nahled,
  #urceno-pro .vypis .nahled {
    width: 25%;
    padding: 1rem;
  }
}

@media only screen and (min-width: 760px) {
  .volejte,
  .piste {
    font-size: 1.125rem;
  }
  .vypis-kotev #diskuze {
    clear: both;
  }
  .vypis-kotev #diskuze .inner {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .vypis-diskuze {
    width: 60%;
    max-width: 670px;
    margin-right: 1.5rem;
  }
  .vlozit-prispevek {
    width: 35%;
    margin-top: -1.5rem;
  }
  .vlozit-prispevek input[type="submit"] {
    padding: 0rem 4.5rem;
  }
  .prispevek {
    margin-bottom: 2rem;
  }
  .zobrazit-dalsi-diskuze {
    text-align: left;
    margin: 2rem 0 0;
  }
  .vypis-kotev #doporucujeme-prikoupit .inner {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .vypis-kotev #doporucujeme-prikoupit .vypis {
    width: 65%;
    margin-left: 5%;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
  }
  .vypis-kotev #doporucujeme-prikoupit .vypis .nahled {
    width: 48%;
  }
  .nabidka {
    width: 30%;
    max-width: 280px;
  }
  .nabidka a {
    font-size: 0.75rem;
    padding-left: 0.8rem;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 1rem;
    position: relative;
  }
  .nabidka a:hover {
    color: #e41515;
    text-decoration: underline;
  }
  .nabidka a span {
    position: absolute;
    right: 0;
  }
  .nabidka .aktivni {
    position: relative;
  }
  .nabidka .aktivni::after {
    content: "";
    display: block;
    width: 31px;
    height: 31px;
    background: -webkit-linear-gradient(315deg, #4d4d4d, #2d2d2d);
    background: -o-linear-gradient(315deg, #4d4d4d, #2d2d2d);
    background: linear-gradient(135deg, #4d4d4d, #2d2d2d);
    position: absolute;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    top: 17px;
    right: -5px;
    z-index: -1;
  }
  #podobne-produkty .vypis .nahled,
  #nahradni-dily .vypis .nahled,
  #urceno-pro .vypis .nahled {
    width: 33.333%;
    padding: 1rem;
  }
  .nahled .nahled-doprava {
    margin: 1.5rem 0;
  }
  .nahled .nahled-doprava span {
    display: inline;
  }
  .nahled .nahled-cena {
    margin-bottom: 1rem;
  }
}

@media only screen and (min-width: 760px) {
  .nahled .nahled-img {
    height: 190px;
    margin: 1.3rem 0;
  }
  .nahled .nahled-popis {
    display: block;
    opacity: 0.6;
  }
  .nahled .tlacitka-koupit button[type="submit"],
  .nahled .tlacitka-koupit .kupovaciTlacitko {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    width: calc(100% - 86px);
  }
  .nahled .tlacitka-koupit .kusy {
    width: 86px;
  }
  .nahled .tlacitka-koupit .kusy input[type="text"] {
    width: 50px;
  }
  .nahled .tlacitka-koupit .kusy button {
    width: 40px;
    position: absolute;
    left: 46px;
    height: 26px;
    line-height: 23px;
  }
  .videa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media only screen and (min-width: 960px) {
  .nahled {
    padding: 2rem;
  }
  #parametry {
    width: 40%;
  }
  #diskuze {
    padding: 3rem;
  }
  #diskuze .inner {
    padding: 0 1rem;
  }
  .vypis-kotev #doporucujeme-prikoupit {
    margin-bottom: 4rem;
  }
  .vypis-kotev #doporucujeme-prikoupit .vypis .nahled {
    width: 33.333%;
  }
  #podobne-produkty,
  #nahradni-dily,
  #urceno-pro {
    margin-bottom: 4rem;
  }
  #podobne-produkty .vypis .nahled,
  #nahradni-dily .vypis .nahled,
  #urceno-pro .vypis .nahled {
    width: 25%;
  }
  .nahled:hover {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.21);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.21);
    z-index: 1;
  }
  .nahled:hover .hover-info {
    opacity: 1;
    visibility: visible;
  }
}

@media only screen and (min-width: 1200px) {
  .tlacitka-koupit input[type="submit"] .skryt,
  .tlacitka-koupit button[type="submit"] .skryt {
    display: inline;
  }
  .hlavni-foto {
    height: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #vyzkousejte {
    display: block;
  }
  #vyzkousejte .titulek {
    font-family: "Courgette";
    color: #2d3f45;
    opacity: 0.65;
    font-size: 1.125rem;
    margin: 0;
  }
  #vyzkousejte h2 {
    font-family: "Prompt";
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.5rem;
    color: #2d3f45;
  }
  .zamerovac-bg {
    background: url(../img/zamerovac.jpg) no-repeat;
    background-size: cover;
    height: 700px;
    padding-top: 3rem;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: relative;
    left: 50%;
    width: 100vw;
  }
  .nabidka-vyzkousejte {
    background: #ffffff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    padding: 2rem;
    position: relative;
    margin-top: -100px;
    margin-bottom: 0px;
  }
}

.detail-vyrazen {
  background: #fbf389;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Prompt";
  margin-bottom: 1rem;
  position: relative;
}
.detail-vyrazen::after {
  content: "";
  display: block;
  width: 53px;
  height: 103px;
  background: url(../img/arrow.png) no-repeat;
  position: absolute;
  right: 0.5rem;
  top: 1.5rem;
}
.detail-vyrazen p {
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.85rem;
}
.detail-vyrazen i {
  font-size: 1.5rem;
  margin-right: 1rem;
}

.puvodni-cena {
  text-transform: uppercase;
  margin-bottom: 0.3rem;
  font-size: 1rem;
}

.nase-puvodni-cena {
  font-size: 2.2rem;
}

.detail-kup.vyrazeno .cena {
  display: block;
}

@media (max-width: 480px) {
  .detail-vyrazen::after {
    display: none;
  }
}

.detail-set {
  margin: 2rem 0 0;
}
.detail-set h2 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.125rem;
  border-bottom: 2px solid #e4e4e4;
  padding: 0.5rem;
  position: relative;
  margin: 0;
}
.detail-set h2::after {
  content: "";
  display: block;
  width: 100px;
  height: 2px;
  background: #e41515;
  position: absolute;
  left: 50%;
  bottom: -2px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (min-width: 1200px) {
  .detail-set h2::after {
    width: 200px;
  }
}
@media only screen and (min-width: 1200px) {
  .detail-set h2 {
    font-size: 1.5rem;
    padding: 1rem;
  }
}
.detail-set .nahled {
  position: relative;
}
.detail-set .nahled:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.detail-set .koupit-set {
  text-align: center;
  font-family: "Prompt";
}
.detail-set .koupit-set .usetrite {
  display: block;
  font-family: "Courgette";
}
.detail-set .koupit-set .usetrite-cena {
  font-weight: bold;
  font-size: 2rem;
  color: #e41515;
}
.detail-set .koupit-set .set-cena {
  font-weight: bold;
  padding: 0.5rem 0;
}

@media only screen and (min-width: 960px) {
  .detail-set .vypis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .detail-set .nahled.plus::after {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    background: url(../img/plus.svg) no-repeat;
    position: absolute;
    right: -17px;
    z-index: 2;
    top: 30%;
  }
  .detail-set .nahled-cena {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .detail-set .nahled-cena span {
    width: 50%;
  }
  .koupit-set {
    padding-left: 50px;
    min-width: 250px;
    padding-top: 100px;
    position: relative;
  }
  .koupit-set::before {
    content: "";
    display: block;
    width: 34px;
    height: 34px;
    background: url(../img/equals.svg) no-repeat;
    position: absolute;
    left: -17px;
    z-index: 2;
    top: 33%;
  }
}

.momentalne-vyprodano {
  color: #e41515;
  display: block;
}

.darek-zdarma {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Prompt";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.darek-img {
  width: 100px;
  margin-right: 1rem;
}

.darek-text {
  font-weight: 600;
  font-size: 0.85rem;
}
.darek-text a {
  font-weight: normal;
}

.zbyva-doprava-zdarma {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.85rem;
  margin-top: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.zbyva-doprava-zdarma i {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.zbyva-doprava-zdarma strong {
  font-family: "Prompt";
}

.rwd-media {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 75.25%;
}

.rwd-media iframe,
.rwd-media video {
  position: absolute;
  width: 100%;
  height: 100%;
}

.videa p {
  font-family: "Open Sans";
  font-size: 0.85rem;
  line-height: 1.64rem;
}

.videa .video {
  position: relative;
}

.videa .video,
.videa img {
  width: 100%;
}

.video-image {
  position: relative;
  cursor: pointer;
}

.spousteciVideoSipka {
  width: 70px;
  height: 70px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  position: absolute;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.spousteciVideoSipka::before {
  content: "";
  display: block;
  border-width: 15px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: calc(50% - 14px);
  left: calc(50% - 7px);
  position: absolute;
}

.video-image:hover .spousteciVideoSipka {
  background: #ff0000;
}

@media (min-width: 1200px) {
  .videa {
    margin-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .videa .video {
    width: 48%;
  }
}

.hlavni-foto .bx-wrapper {
  width: 100%;
}

.hlavni-foto li::before,
.hlavni-foto li::after {
  content: " ";
  display: table;
}

.hlavni-foto li::after {
  clear: both;
}

.detail-vyrazeno #podobne-produkty .klik,
.detail-vyrazeno #nahradni-dily .klik,
.detail-vyrazeno #urceno-pro .klik {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Prompt";
  border-top: 2px solid #e4e4e4;
  background: #f5f5f5;
  padding: 1rem 0.8rem;
  font-size: 0.85rem;
  position: relative;
}
.detail-vyrazeno #podobne-produkty .klik i,
.detail-vyrazeno #nahradni-dily .klik i,
.detail-vyrazeno #urceno-pro .klik i {
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.5rem;
}
.detail-vyrazeno #podobne-produkty .klik h2,
.detail-vyrazeno #nahradni-dily .klik h2,
.detail-vyrazeno #urceno-pro .klik h2 {
  text-align: left;
  margin-bottom: 0;
  font-size: 0.85rem;
}
.detail-vyrazeno #podobne-produkty .klik h2::after,
.detail-vyrazeno #nahradni-dily .klik h2::after,
.detail-vyrazeno #urceno-pro .klik h2::after {
  content: "";
  display: block;
  height: 2px;
  width: 50px;
  background: #e41515;
  bottom: -2px;
  left: 0;
  position: absolute;
}

@media (min-width: 600px) {
  .detail-vyrazeno .jedni-z-vas {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .detail-vyrazeno #podobne-produkty .klik,
  .detail-vyrazeno #nahradni-dily .klik,
  .detail-vyrazeno #urceno-pro .klik {
    background: none;
    padding: 0;
    border-top: 0;
  }
  .detail-vyrazeno #podobne-produkty .klik i,
  .detail-vyrazeno #nahradni-dily .klik i,
  .detail-vyrazeno #urceno-pro .klik i {
    display: none;
  }
  .detail-vyrazeno #podobne-produkty .klik h2,
  .detail-vyrazeno #nahradni-dily .klik h2,
  .detail-vyrazeno #urceno-pro .klik h2 {
    padding-bottom: 1rem;
    border-bottom: 2px solid #e4e4e4;
    position: relative;
    margin-bottom: 1.3rem;
    font-size: 1.5rem;
    text-align: center;
  }
  .detail-vyrazeno #podobne-produkty .klik h2::after,
  .detail-vyrazeno #nahradni-dily .klik h2::after,
  .detail-vyrazeno #urceno-pro .klik h2::after {
    width: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  #mate-dotaz .lista {
    margin-top: 2rem;
  }
  #mate-dotaz .lista .profil {
    margin-top: -2rem;
  }
  #mate-dotaz .lista .jmeno {
    padding-top: 135px;
    margin-bottom: 5px;
  }
}

@media (min-width: 1200px) {
  #mate-dotaz .lista .jmeno {
    padding-top: 125px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .detail-vyrazeno .jedni-z-vas {
    padding-top: 0;
  }
  .detail-vyrazeno #podobne-produkty {
    margin-top: 4rem;
  }
}

.vernostni-prihlaseni {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #e8e8e8;
  padding: 1rem 0;
}
.vernostni-prihlaseni p {
  font-size: 0.8125rem;
  margin: 0;
  line-height: 1.5;
}
.vernostni-prihlaseni img {
  width: 30px;
  opacity: 0.5;
  margin-right: 1rem;
}

.nahled .kupovaciTlacitko {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
}

@media (min-width: 560px) {
  .nahled .tlacitka-koupit .kusy {
    width: 88px;
  }
  .nahled .tlacitka-koupit .kusy input[type="text"] {
    width: 52px;
  }
  .nahled .tlacitka-koupit .kusy button {
    width: 40px;
    position: absolute;
    left: 48px;
    height: 26px;
    line-height: 21px;
  }
}

@media (min-width: 600px) {
  .tlacitka-koupit .kupovaciTlacitko {
    padding: 0;
  }
}

@media (min-width: 600px) {
  .nahled .tlacitka-koupit .kupovaciTlacitko {
    width: auto;
  }
}

@media (min-width: 760px) {
  .tlacitka-koupit .kupovaciTlacitko .skryt {
    display: inline;
  }
}

@media (min-width: 960px) {
  .vypis-kotev #mate-dotaz {
    display: block;
  }
}

.lista-kotvy-fixni__radek {
  display: none;
}

@media (min-width: 960px) {
  .lista-kotvy-fixni {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
  }
  .lista-kotvy-fixni a {
    padding: 0 20px 0.5rem 0;
  }
  .lista-kotvy-fixni i {
    top: 40%;
  }
  .lista-kotvy-fixni ul {
    max-width: none;
  }
  .lista-kotvy-fixni li {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }
  .lista-kotvy-fixni li:first-child {
    margin-left: 0;
  }
  .lista-kotvy-fixni br {
    display: none;
  }
  .lista-kotvy-fixni .lista-kotvy-fixni__radek {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0.5rem;
  }
  .lista-kotvy-fixni__radek--nadpis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .lista-kotvy-fixni__radek--nadpis h2 {
    text-align: left;
    font-size: 1rem;
    margin-bottom: 0;
  }
  .lista-kotvy-fixni__radek--kup {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.85rem;
  }
  .lista-kotvy-fixni__radek--kup-cena {
    padding: 0 0.5rem;
  }
  .lista-kotvy-fixni__radek--kup-tlacitka form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .lista-kotvy-fixni__radek--kup-tlacitka .kusy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .lista-kotvy-fixni__radek--kup-tlacitka .kusy input[type="text"] {
    height: 40px;
    width: 40px;
    line-height: 40px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0 -2px;
  }
  .lista-kotvy-fixni__radek--kup-tlacitka .kusy {
    width: 95px;
  }
  .lista-kotvy-fixni__radek--kup-tlacitka .kusy button {
    height: 40px;
    position: relative;
    top: 0;
    background: #fff;
    padding: 0;
  }
  .lista-kotvy-fixni__radek--kup-tlacitka .kusy button.plus {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    left: auto;
  }
  .lista-kotvy-fixni__radek--kup-tlacitka .kusy button.minus {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    left: 0;
  }
  .lista-kotvy-fixni__radek--kup-tlacitka .btn {
    line-height: 40px;
    height: 40px;
    padding: 0 1rem;
    margin-left: 0.5rem;
  }
}

@media (max-width: 599px) {
  .mame-odpovedi .inner {
    padding: 1.5rem 0.5rem;
  }
  .obal-doporucenych-slidu {
    min-height: 500px;
  }
}

@media (min-width: 380px) and (max-width: 560px) {
  .nahled .kupovaciTlacitko {
    margin-top: 5px;
  }
}

@media (min-width: 600px) and (max-width: 800px) {
  .nahled .tlacitka-koupit .kusy {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
  }
  .nahled .tlacitka-koupit .kusy input[type="text"] {
    width: 52px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .nahled .tlacitka-koupit .kusy button {
    height: 50px;
    position: static;
    font-size: 1.4rem;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .nahled .tlacitka-koupit .kusy button.minus {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media (min-width: 960px) and (max-width: 1160px) {
  #doporucujeme-prikoupit .nahled .tlacitka-koupit .kusy,
  #podobne-produkty .nahled .tlacitka-koupit .kusy,
  #nahradni-dily .nahled .tlacitka-koupit .kusy,
  #urceno-pro .nahled .tlacitka-koupit .kusy {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
  }
  #doporucujeme-prikoupit .nahled .tlacitka-koupit .kusy input[type="text"],
  #podobne-produkty .nahled .tlacitka-koupit .kusy input[type="text"],
  #nahradni-dily .nahled .tlacitka-koupit .kusy input[type="text"],
  #urceno-pro .nahled .tlacitka-koupit .kusy input[type="text"] {
    width: 52px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  #doporucujeme-prikoupit .nahled .tlacitka-koupit .kusy button,
  #podobne-produkty .nahled .tlacitka-koupit .kusy button,
  #nahradni-dily .nahled .tlacitka-koupit .kusy button,
  #urceno-pro .nahled .tlacitka-koupit .kusy button {
    height: 50px;
    position: static;
    font-size: 1.4rem;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  #doporucujeme-prikoupit .nahled .tlacitka-koupit .kusy button.minus,
  #podobne-produkty .nahled .tlacitka-koupit .kusy button.minus,
  #nahradni-dily .nahled .tlacitka-koupit .kusy button.minus,
  #urceno-pro .nahled .tlacitka-koupit .kusy button.minus {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media (min-width: 960px) {
  .lista-je-fixovana {
    height: 98px;
  }
}

@media (max-width: 600px) {
  .detail-kup .tlacitka-koupit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .detail-kup .tlacitka-koupit form {
    width: auto;
    margin: auto;
  }
  .detail-parametry .radek .col:nth-of-type(1) tr:last-child td {
    border-bottom: 1px solid #e8e8e8;
  }
}

@media (max-width: 340px) {
  .detail-kup .tlacitka-koupit .kusy {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
  }
  .detail-kup .tlacitka-koupit .kusy input[type="text"] {
    width: 52px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .detail-kup .tlacitka-koupit .kusy button {
    height: 50px;
    position: static;
    font-size: 1.4rem;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .detail-kup .tlacitka-koupit .kusy button.minus {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .detail-kup .tlacitka-koupit input[type="submit"] {
    width: 100%;
  }
}

.cervenySklad {
  color: #b02b08 !important;
}

.modrySklad {
  color: #305ca8 !important;
}

.sedySklad {
  color: #656565 !important;
}

.detail-nedostupne #podobne-produkty {
  width: calc(100% - 20px);
  max-width: 1340px;
  margin: 0 10px;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.detail-nedostupne #podobne-produkty .container {
  display: block;
}
.detail-nedostupne #podobne-produkty .inner {
  display: none;
  padding: 0;
}
.detail-nedostupne #podobne-produkty .klik {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Prompt";
  border-top: 2px solid #e4e4e4;
  background: #f5f5f5;
  padding: 1rem 0.8rem;
  font-size: 0.85rem;
  position: relative;
}
.detail-nedostupne #podobne-produkty .klik h2,
.detail-nedostupne #podobne-produkty .klik h3 {
  margin: 0;
  margin-bottom: 0;
  text-align: left;
  font-size: 0.85rem;
}
.detail-nedostupne #podobne-produkty .klik.otevreny {
  background: #fff;
}
.detail-nedostupne #podobne-produkty .klik.otevreny i {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.detail-nedostupne #podobne-produkty .klik i {
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1.5rem;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 600px) {
  .detail-nedostupne #podobne-produkty .inner {
    display: block;
    position: relative;
  }
  .detail-nedostupne #podobne-produkty .klik {
    background: none;
    padding: 0;
    border-top: 0;
  }
  .detail-nedostupne #podobne-produkty .klik h2 {
    text-align: center;
    margin-bottom: 3rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e4e4e4;
    position: relative;
    margin-bottom: 1.3rem;
    font-size: 1.5rem;
  }
  .detail-nedostupne #podobne-produkty .klik h2::after {
    content: "";
    display: block;
    height: 2px;
    width: 200px;
    background: #e41515;
    bottom: -2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
  }
  .detail-nedostupne #podobne-produkty .klik i {
    display: none;
  }
}

@media (min-width: 760px) {
  .detail-nedostupne #podobne-produkty {
    margin: auto;
    margin-top: 3rem;
  }
  .detail-nedostupne #podobne-produkty .inner {
    display: block !important;
  }
  .diskuze-bez-prispevku .vlozit-prispevek {
    width: 600px;
    max-width: 600px;
    margin: auto;
  }
}

.modal-zeleny-nadpis {
  color: rgba(0, 134, 40, 0.8) !important;
}

#mate-dotaz .lista.lukasFoto {
  background: url(../img/zeptejse-mobile-lukas.png) no-repeat center;
}

@media (min-width: 600px) {
  #mate-dotaz .lista.lukasFoto {
    background: url(../img/lista.jpg) no-repeat center;
  }
  #mate-dotaz .lukasFoto .profil {
    background: url(../img/expert-lukas.png) no-repeat center;
  }
}

#mate-dotaz .lista.janFoto {
  background: url(../img/zeptejse-mobile-honza.png) no-repeat center;
}

@media (min-width: 600px) {
  #mate-dotaz .lista.janFoto {
    background: url(../img/lista.jpg) no-repeat center;
  }
  #mate-dotaz .janFoto .profil {
    background: url(../img/expert-honza.png) no-repeat center;
  }
}

#mate-dotaz .lista.pavelFoto {
  background: url(../img/zeptejse-mobile-pavel.png) no-repeat center;
}

@media (min-width: 600px) {
  #mate-dotaz .lista.pavelFoto {
    background: url(../img/lista.jpg) no-repeat center;
  }
  #mate-dotaz .pavelFoto .profil {
    background: url(../img/expert-pavel.png) no-repeat center;
  }
}

#popis-produktu .inner,
#parametry .inner {
  display: block;
}

article h1 {
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: #e41515;
}

article header {
  height: auto;
  margin-bottom: 2rem;
}
article header strong {
  font-weight: 600;
}

article p {
  margin: 1.5rem 0;
}

.img-left {
  float: left;
  margin: 1rem 0;
}

.img-right {
  float: right;
  margin: 1rem 0;
}

.img-w50 {
  width: 48%;
}

.postranni-menu {
  font-size: 0.85rem;
}
.postranni-menu .pomlcky li {
  border-top: 2px solid #e4e4e4;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0;
}
.postranni-menu .pomlcky li.aktivniClanek a {
  color: #e41515;
}
.postranni-menu .pomlcky li::before {
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.postranni-menu .pomlcky li:hover::before {
  background: #e41515;
}
.postranni-menu a {
  display: block;
  padding: 1rem 1.7rem;
  font-family: "Prompt";
  font-size: 0.85rem;
  text-decoration: none;
}

@media only screen and (max-width: 599px) {
  .hlavni-obsah {
    padding: 0 1rem;
  }
}

.hlavni-obsah img {
  height: auto !important;
  max-width: 100%;
}

.hlavni-obsah h1,
.hlavni-obsah h2,
.hlavni-obsah h3 {
  text-align: left;
}

.hlavni-obsah ol,
.hlavni-obsah ul {
  padding-left: 1rem;
}

.hlavni-obsah ul {
  list-style: square;
}

.hlavni-obsah ol {
  list-style: decimal;
}

@media only screen and (min-width: 960px) {
  article header {
    max-width: calc(100% - 470px);
  }
  .hlavni-obsah {
    width: calc(100% - 470px);
    float: left;
  }
  .postranni-menu {
    margin-bottom: 3rem;
  }
  .vedlejsi-obsah {
    width: 410px;
    float: right;
  }
  .vedlejsi-obsah #mate-dotaz {
    display: block;
    text-align: center;
    margin-bottom: 1rem;
  }
  .vedlejsi-obsah #mate-dotaz h2 {
    margin-bottom: 0;
  }
  .vedlejsi-obsah #mate-dotaz .inner {
    font-weight: normal;
  }
  .vedlejsi-obsah #mate-dotaz .lista {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    background: url(../img/zeptejse-desktop.jpg) no-repeat center;
    height: 390px;
    position: relative;
    margin-top: 0;
    margin-bottom: 3rem;
  }
  .vedlejsi-obsah #mate-dotaz .lista a {
    color: #fff;
  }
  .vedlejsi-obsah #mate-dotaz .lista .titulek {
    margin-bottom: 0.3rem;
    font-family: "Courgette";
    opacity: 1;
    font-weight: normal;
    color: #fff;
  }
  .vedlejsi-obsah #mate-dotaz .lista .vyrazny {
    font-family: "Prompt";
    margin: 0;
    font-weight: normal;
    font-size: 0.85rem;
  }
  .vedlejsi-obsah #mate-dotaz .lista .vyrazny br {
    display: none;
  }
  .vedlejsi-obsah #mate-dotaz .lista div {
    width: 100%;
  }
  .vedlejsi-obsah #mate-dotaz .lista .profil {
    height: 150px;
    background-size: contain;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 3rem;
    background: none;
  }
  .vedlejsi-obsah #mate-dotaz .lista .jmeno {
    padding-top: 130px;
    font-family: "Prompt";
    font-size: 0.75rem;
    color: #fff;
    text-transform: uppercase;
  }
  .vedlejsi-obsah #mate-dotaz .lista .jmeno * {
    display: block;
  }
  .vedlejsi-obsah #mate-dotaz .lista .volejte {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: -7rem;
  }
  .vedlejsi-obsah #mate-dotaz .lista .piste {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: -6rem;
  }
  .vedlejsi-obsah #mate-dotaz .lista .btn {
    max-width: 215px;
    position: absolute;
    top: 355px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.action-class-vypis-clanek .hlavni-obsah p:first-of-type {
  margin-top: 0;
}

.vedlejsi-obsah #mate-dotaz .desktop {
  display: none;
}

article .hlavni-obsah li {
  margin-bottom: 0.5rem;
}
article .hlavni-obsah li p {
  margin: 0;
}

.iframeDivP {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.iframeDivP iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.obal-hlavni-clanek-detail:after,
.obal-hlavni-clanek-detail:before {
  content: "";
  display: table;
  clear: both;
}

.chybova-hlaska {
  text-align: center;
  margin: 3rem 0;
}
.chybova-hlaska p {
  margin: 2rem 0;
}
.chybova-hlaska .container {
  max-width: 580px;
}
.chybova-hlaska h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1rem;
  margin-top: -1rem;
}

#mate-dotaz.full-width {
  display: block;
  margin-bottom: 2rem;
  text-align: center;
}
#mate-dotaz.full-width h2 {
  margin-bottom: 2.5rem;
}
#mate-dotaz.full-width .lista .profil {
  height: 170px;
}

.zapomenute-heslo-panel {
  text-align: center;
  margin-bottom: 3rem;
  margin-top: 3rem;
}
.zapomenute-heslo-panel h1 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 2.2rem;
  margin-bottom: 2rem;
}
.zapomenute-heslo-panel fieldset {
  background: #f5f5f5;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  padding: 2rem;
  font-size: 0.85rem;
}
.zapomenute-heslo-panel fieldset form {
  max-width: 550px;
  margin: 2rem auto;
}
.zapomenute-heslo-panel fieldset input[type="text"] {
  width: 100%;
  height: 60px;
  border: solid 2px #e3e3e3;
  line-height: 60px;
  margin-bottom: 1rem;
}

/* obsah košíku */
.obsah-kosiku {
  margin: 2rem auto;
  max-width: 1060px;
}
.obsah-kosiku h1 {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.125rem;
}

.obsah-kosiku-inner {
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
  margin-top: 1rem;
  font-size: 0.75rem;
  font-family: "Prompt", sans-serif;
}
.obsah-kosiku-inner form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.obsah-kosiku-inner form > div {
  width: 100%;
}
.obsah-kosiku-inner .tabulka-produktu {
  font-size: 0.75rem;
  font-weight: bold;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  table-layout: auto;
}
.obsah-kosiku-inner .tabulka-produktu th {
  display: none;
}
.obsah-kosiku-inner .tabulka-produktu td {
  display: block;
  border: 0;
}
.obsah-kosiku-inner .tabulka-produktu tr {
  display: -ms-grid;
  display: grid;
  grid-template-areas: "kosik-obr kosik-nazev kosiku-odebrat" "kosik-obr kosik-dostupnost kosiku-odebrat" "kosik-cena kosik-mnozstvi kosiku-odebrat" "kosik-cena-celkem kosik-mnozstvi kosiku-odebrat";
  position: relative;
  grid-auto-columns: 30% 60% 10%;
  padding-bottom: 1rem;
  border-bottom: 2px solid #ebebeb;
}
.obsah-kosiku-inner .tabulka-produktu .hlavicka-tabulky {
  display: none;
}
.obsah-kosiku-inner .tabulka-produktu .kusy {
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.obsah-kosiku-inner .tabulka-produktu .kusy input[type="text"] {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin: 0 -2px;
  font-family: "Prompt";
  font-weight: 600;
}
.obsah-kosiku-inner .tabulka-produktu .kusy button {
  width: 50px;
  height: 50px;
  position: static;
}
.obsah-kosiku-inner .tabulka-produktu .kusy button.minus {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.obsah-kosiku-inner .tabulka-produktu .kusy button.plus {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.obsah-kosiku-inner .obsah-kosiku-obr {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: kosik-obr;
}
.obsah-kosiku-inner .obsah-kosiku-nazev {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: kosik-nazev;
  padding: 1rem 0.5rem 0.5rem;
}
.obsah-kosiku-inner .obsah-kosiku-dostupnost {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: kosik-dostupnost;
  padding: 0 0.5rem 0.5rem;
  text-transform: uppercase;
  color: rgba(0, 134, 40, 0.8);
}
.obsah-kosiku-inner .obsah-kosiku-dostupnost span {
  display: block;
}
.obsah-kosiku-inner .obsah-kosiku-mnozstvi {
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: kosik-mnozstvi;
  padding: 0 0.5rem;
}
.obsah-kosiku-inner .obsah-kosiku-mnozstvi .kusy button {
  font-size: 1.8rem;
  line-height: 20px;
}
.obsah-kosiku-inner .obsah-kosiku-cena {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: kosik-cena;
  padding: 0 0.5rem;
  text-align: right;
  font-size: 0.85rem;
}
.obsah-kosiku-inner .obsah-kosiku-cena-celkem {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
  grid-area: kosik-cena-celkem;
  padding: 0 0.5rem;
  text-align: right;
  font-size: 0.85rem;
}
.obsah-kosiku-inner .obsah-kosiku-odebrat {
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  -ms-grid-column: 3;
  grid-area: kosiku-odebrat;
}
.obsah-kosiku-inner .mam-slevovy-kupon {
  font-family: "Open Sans";
  background-color: #f5f5f5;
  border-bottom: solid 2px #e4e4e4;
  padding: 1rem 0.5rem;
  font-size: 0.85rem;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-bottom: 1rem;
}
.obsah-kosiku-inner .nakupte-jeste {
  text-align: center;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}
.obsah-kosiku-inner .nakupte-jeste span {
  background: none;
  font-size: 0.75rem;
  display: inline-block;
}
.obsah-kosiku-inner .nakupte-jeste::after {
  display: none;
}
.obsah-kosiku-inner .range-doprava {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}
.obsah-kosiku-inner .obsah-kosiku-tip {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  text-transform: uppercase;
  font-weight: 600;
}
.obsah-kosiku-inner .obsah-kosiku-ceny {
  font-weight: bold;
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
  border-top: solid 2px #ebebeb;
  padding: 1rem 0;
  margin: 1rem 0;
}
.obsah-kosiku-inner .obsah-kosiku-ceny table {
  table-layout: auto;
}
.obsah-kosiku-inner .obsah-kosiku-ceny tr:first-child {
  font-size: 1.125rem;
}
.obsah-kosiku-inner .obsah-kosiku-ceny tr:last-child {
  color: #9b9b9b;
  font-size: 0.85rem;
}
.obsah-kosiku-inner .obsah-kosiku-ceny tr td:last-child {
  text-align: right;
}
.obsah-kosiku-inner .obsah-kosiku-ceny td {
  padding: 0rem 0.5rem;
}
.obsah-kosiku-inner .obsah-kosiku-ceny .cena-celkem {
  text-transform: uppercase;
}
.obsah-kosiku-inner .obsah-kosiku-tlacitka {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1rem;
}
.obsah-kosiku-inner .obsah-kosiku-tlacitka div {
  width: 100%;
}
.obsah-kosiku-inner .obsah-kosiku-odeslat {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.obsah-kosiku-inner .zpet-do-obchodu {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1rem 0;
}

.obsah-kosiku-tip,
.obsah-kosiku-tlacitka {
  text-align: center;
}

.obsah-kosiku-tip {
  color: #3e3e3e;
  opacity: 0.7;
}

@media only screen and (min-width: 760px) {
  .obsah-kosiku-inner form {
    display: block;
  }
  .obsah-kosiku-inner .kupon-input form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .obsah-kosiku-inner .tabulka-produktu tr {
    display: table-row;
  }
  .obsah-kosiku-inner .tabulka-produktu td {
    display: table-cell;
  }
  .obsah-kosiku-inner .tabulka-produktu .obsah-kosiku-obr {
    width: 130px;
  }
  .obsah-kosiku-inner .tabulka-produktu .obsah-kosiku-cena {
    text-align: center;
  }
  .obsah-kosiku-inner .tabulka-produktu .kusy {
    width: 88px;
    display: block;
    margin: auto;
    overflow: hidden;
  }
  .obsah-kosiku-inner .tabulka-produktu .kusy button {
    position: absolute;
    width: 40px;
    height: 26px;
    right: 0;
    padding: 0;
  }
  .obsah-kosiku-inner .tabulka-produktu .kusy input[type="text"] {
    margin: 0;
  }
  .obsah-kosiku-inner .tabulka-produktu .hlavicka-tabulky {
    display: table-row;
  }
  .obsah-kosiku-inner .tabulka-produktu th {
    display: table-cell;
    padding: 1rem 0.5rem;
    color: #9b9b9b;
    text-transform: uppercase;
    text-align: center;
  }
  .obsah-kosiku-inner .tabulka-produktu th.obsah-kosiku-nazev {
    text-align: left;
  }
  .obsah-kosiku-inner .tabulka-produktu th.obsah-kosiku-cena-celkem {
    text-align: right;
    font-size: 0.75rem;
  }
  .obsah-kosiku-inner .obsah-kosiku-dostupnost span {
    white-space: nowrap;
    text-align: center;
  }
  .obsah-kosiku-inner .obsah-kosiku-cena {
    white-space: nowrap;
  }
  .obsah-kosiku-inner .obsah-kosiku-cena span {
    display: none;
  }
  .obsah-kosiku-inner .obsah-kosiku-cena-celkem {
    white-space: nowrap;
  }
  .obsah-kosiku-inner .mam-slevovy-kupon {
    background: none;
    border: 0;
    float: left;
    width: 50%;
    padding: 2.5rem 1rem;
  }
  .obsah-kosiku-inner .obsah-kosiku-ceny {
    float: right;
    width: 350px;
    margin: 0;
    border: 0;
    padding: 2rem 1rem;
  }
  .obsah-kosiku-inner .range-doprava {
    clear: both;
    position: relative;
  }
  .obsah-kosiku-inner .range-doprava::after {
    content: "";
    display: block;
    width: calc(100% - 4rem);
    height: 2px;
    background: #e8e8e8;
    position: absolute;
    left: 2rem;
    right: 2rem;
    top: 46%;
  }
}
@media only screen and (min-width: 760px) and (min-width: 1200px) {
  .obsah-kosiku-inner .range-doprava::after {
    top: 20%;
  }
}

@media only screen and (min-width: 760px) {
  .obsah-kosiku-inner .range-doprava .graf {
    max-width: 340px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    border-top: 0;
    border-bottom: 0;
    border-radius: 5px;
  }
  .obsah-kosiku-inner .range-doprava .graf::before,
  .obsah-kosiku-inner .range-doprava .graf::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: -5px;
    left: -20px;
  }
  .obsah-kosiku-inner .range-doprava .graf::after {
    left: auto;
    right: -20px;
  }
  .obsah-kosiku-inner .nakupte-jeste span {
    background: #fff;
  }
  .obsah-kosiku-inner .nakupte-jeste br {
    display: none;
  }
  .obsah-kosiku-inner .obsah-kosiku-tlacitka {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .obsah-kosiku-inner .obsah-kosiku-tlacitka div {
    width: auto;
    position: relative;
    z-index: 1;
  }
  .obsah-kosiku-inner .obsah-kosiku-odeslat {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .obsah-kosiku-inner .zpet-do-obchodu {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

@media only screen and (min-width: 960px) {
  .obsah-kosiku-tlacitka {
    margin-top: -3.5rem;
  }
  .obsah-kosiku-doprava-zdarma {
    margin-bottom: 4rem;
  }
}

@media only screen and (min-width: 1200px) {
  .obsah-kosiku {
    padding: 3rem 0;
  }
  .obsah-kosiku h1 {
    font-size: 1.5rem;
  }
  .obsah-kosiku-inner .tabulka-produktu td,
  .obsah-kosiku-inner .tabulka-produktu th {
    padding: 1rem;
  }
  .obsah-kosiku-inner .tabulka-produktu th {
    white-space: nowrap;
  }
  .obsah-kosiku-inner .tabulka-produktu .obsah-kosiku-odebrat {
    padding: 1rem;
    padding-right: 2rem;
  }
  .obsah-kosiku-inner .mam-slevovy-kupon {
    padding-left: 2rem;
  }
  .obsah-kosiku-inner .obsah-kosiku-ceny {
    padding-right: 2rem;
  }
  .obsah-kosiku-inner .range-doprava,
  .obsah-kosiku-inner .obsah-kosiku-tlacitka {
    padding: 1rem 2rem;
  }
  .obsah-kosiku-inner .obsah-kosiku-tlacitka {
    padding-bottom: 3rem;
  }
}

.select-box {
  width: 100%;
  max-width: 310px;
}
.select-box select {
  width: 100%;
  padding: 0.8rem 1rem;
  border: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.volba-dopravy-platby {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
  background: url(../img/stromek.png) repeat-x center top;
  padding: 1rem;
  padding-top: 2rem;
}
.volba-dopravy-platby h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.85rem;
  margin: 2rem 0 0.75rem 0;
}

.volby-dopravy form {
  display: block;
}

.radek-tabulky {
  margin-top: -2px;
  border: 2px solid #ebebeb;
}
.radek-tabulky label {
  cursor: pointer;
}
.radek-tabulky:hover {
  position: relative;
  z-index: 2;
  border-color: #b5b5b5;
}
.radek-tabulky.aktivniDoprava,
.radek-tabulky.aktivniPlatba {
  border-color: rgba(155, 155, 155, 0.54);
  background: #f5f5f5;
  z-index: 2;
  position: relative;
}

.fake-table {
  display: table;
  width: 100%;
}

.fake-tr {
  display: table-row;
}

.fake-td {
  display: table-cell;
}

.table-doprava {
  font-size: 0.8rem;
  font-family: "Prompt", sans-serif;
  table-layout: fixed;
}
.table-doprava tr {
  border: 2px solid #ebebeb;
}
.table-doprava .fake-td {
  padding: 1rem 0rem 1rem 1rem;
  vertical-align: middle;
}
.table-doprava p {
  margin: 0;
  font-weight: normal;
  text-transform: none;
}
.table-doprava .doprava-radio {
  width: 40px;
}
.table-doprava .dorucovatel {
  padding: 1rem 0;
}
.table-doprava .dorucovatel span {
  font-weight: bold;
  text-transform: uppercase;
}
.table-doprava label {
  font-weight: bold;
  text-transform: uppercase;
}
.table-doprava .doruceni-doprava {
  font-weight: 600;
  color: rgba(0, 134, 40, 0.8);
  text-transform: uppercase;
  white-space: nowrap;
  text-align: right;
  padding-right: 1rem;
}
.table-doprava .img-dorucovatel {
  width: 20px;
  display: inline-block;
  text-align: center;
}
.table-doprava img {
  vertical-align: middle;
  max-height: 34px;
}
.table-doprava p {
  padding-left: 63px;
}
.table-doprava .doprava-cena {
  width: 80px;
  text-align: right;
  font-weight: bold;
  text-transform: uppercase;
  padding-right: 1rem;
}

@media (max-width: 620px) {
  .table-doprava .fake-tr {
    display: -ms-grid;
    display: grid;
    grid-template-areas: "doprava-radio dorucovatel ." "doprava-radio doruceni-doprava doprava-cena";
    -ms-grid-columns: 30px auto auto;
    grid-template-columns: 30px auto auto;
    margin-bottom: -2px;
  }
  .table-doprava .fake-td {
    display: block;
    padding: 0.5rem;
  }
  .table-doprava p {
    padding: 0;
    margin: 0;
  }
  .table-doprava .doprava-radio {
    grid-area: doprava-radio;
  }
  .table-doprava .dorucovatel {
    grid-area: dorucovatel;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 2;
    grid-column-end: 4;
    padding: 0.5rem;
  }
  .table-doprava .dorucovatel label {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 60px auto auto;
    grid-template-columns: 60px auto auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .table-doprava .doruceni-doprava {
    grid-area: doruceni-doprava;
    text-align: left;
  }
  .table-doprava .doprava-cena {
    grid-area: doprava-cena;
    text-align: right;
    width: 100%;
  }
  .table-platba tr {
    grid-template-areas: "doprava-radio dorucovatel" "doprava-radio doprava-cena";
    -ms-grid-columns: 30px auto;
    grid-template-columns: 30px auto;
  }
  .table-platba .dorucovatel {
    padding: 0.5rem 0.5rem 0;
  }
  .table-platba .doprava-cena {
    padding-left: 68px;
    padding-top: 0;
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-column-span: 2;
    grid-column-end: 4;
  }
}

@media (max-width: 620px) {
  .table-doprava .doprava-radio {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .table-doprava .fake-tr > .doprava-radio {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .table-platba tr > .doprava-radio {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .table-doprava .dorucovatel {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .table-doprava .fake-tr > .dorucovatel {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .table-platba tr > .dorucovatel {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .table-doprava .doruceni-doprava {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .table-doprava .fake-tr > .doruceni-doprava {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .table-doprava .doprava-cena {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .table-doprava .fake-tr > .doprava-cena {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .table-platba tr > .doprava-cena {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}

.volby-shrnuti .poradime {
  text-align: center;
}
.volby-shrnuti .poradime h3 {
  font-size: 1.125rem;
}
.volby-shrnuti .poradime h3 span {
  font-family: "Courgette";
  font-weight: normal;
  text-transform: none;
  color: #7e7e7e;
  font-size: 1.125rem;
  display: block;
  opacity: 0.65;
}
.volby-shrnuti .poradime h4 {
  margin: 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #e41515;
  font-weight: bold;
}
.volby-shrnuti .poradime h5 {
  margin: 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  color: #878787;
  font-weight: bold;
}
.volby-shrnuti .poradime p {
  margin: 0.5rem 0;
}
.volby-shrnuti .poradime p strong {
  font-weight: 600;
}
.volby-shrnuti .poradime .poradce {
  position: relative;
}
.volby-shrnuti .poradime .poradce img {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 0 1rem;
}
.volby-shrnuti .poradime .poradce::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #e4e4e4;
  position: absolute;
  top: 50%;
  z-index: 0;
}

.volby-shrnuti .shrnuti-objednavky h3 {
  font-size: 1.125rem;
  font-weight: bold;
}

.volby-shrnuti .shrnuti-objednavky table {
  font-size: 0.75rem;
}

.volby-shrnuti .shrnuti-objednavky tr {
  border-top: 2px solid #ebebeb;
}

.volby-shrnuti .shrnuti-objednavky td {
  padding: 0.6rem 0.3rem;
  vertical-align: top;
}
.volby-shrnuti .shrnuti-objednavky td:first-child {
  width: 80px;
  text-align: center;
}
.volby-shrnuti .shrnuti-objednavky td:nth-of-type(2) {
  width: 30px;
}
.volby-shrnuti .shrnuti-objednavky td:last-child {
  white-space: nowrap;
  text-align: right;
  width: 70px;
  text-transform: none;
}

.volby-shrnuti .shrnuti-objednavky img {
  max-width: 70px;
}

.volby-shrnuti .shrnuti-doprava,
.volby-shrnuti .shrnuti-cena {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  border-top: 2px solid #ebebeb;
  margin-top: 0.8rem;
  padding-top: 0.8rem;
}
.volby-shrnuti .shrnuti-doprava .sloupec,
.volby-shrnuti .shrnuti-cena .sloupec {
  width: 70%;
}
.volby-shrnuti .shrnuti-doprava .sloupec:last-of-type,
.volby-shrnuti .shrnuti-cena .sloupec:last-of-type {
  width: 30%;
}
.volby-shrnuti .shrnuti-doprava .sloupec p,
.volby-shrnuti .shrnuti-cena .sloupec p {
  margin: 0;
}
.volby-shrnuti .shrnuti-doprava .sloupec:last-child,
.volby-shrnuti .shrnuti-cena .sloupec:last-child {
  text-align: right;
  color: #878787;
}

.volby-shrnuti .shrnuti-doprava .radek {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.volby-shrnuti .shrnuti-doprava .jeste-nevybrano .sloupec {
  width: 50%;
}

.volby-shrnuti .shrnuti-cena .tucne {
  font-size: 1rem;
  color: #3e3e3e;
}

.volby-shrnuti .shrnuti-cena .sloupec:last-child {
  text-transform: none;
}

.volby-shrnuti .shrnuti-cena .svetle {
  color: #9b9b9b;
  text-transform: none;
  font-size: 0.8rem;
}

.osobni-odber-radek .fake-td {
  vertical-align: top;
}

.osobni-odber-radek img {
  width: 31px;
}

@media only screen and (min-width: 760px) {
  .table-doprava p {
    position: absolute;
  }
  .table-doprava p br {
    display: none;
  }
  .osobni-odber-radek td {
    padding-bottom: 3rem;
  }
}

@media only screen and (min-width: 960px) {
  .volba-dopravy-platby {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .volba-dopravy-platby h2 {
    width: 100%;
  }
  .volby-dopravy {
    width: 100%;
    max-width: 620px;
  }
  .volby-shrnuti {
    width: calc(100% - 650px);
    max-width: 320px;
    padding-top: 2.5rem;
  }
}

@media only screen and (min-width: 1200px) {
  .volba-dopravy-platby {
    padding: 4rem 2rem;
  }
  .volba-dopravy-platby h3 {
    font-size: 1.125rem;
  }
}

.kupon-input {
  max-width: 360px;
  font-family: "Prompt";
  font-size: 0;
  padding-left: 1.5rem;
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.kupon-input h5 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
}
.kupon-input input[type="text"] {
  width: calc(100% - 105px);
  height: 50px;
  padding: 0 0.7rem;
  border: 2px solid #e3e3e3;
  border-right: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05);
}
.kupon-input input[type="submit"] {
  text-align: center;
  height: 50px;
  border: 2px solid #e3e3e3;
  background: #fff;
  text-transform: uppercase;
  width: 105px;
  font-family: "Prompt";
  font-weight: bold;
  color: #777;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.kupon-input input[type="submit"]:hover {
  border: solid 2px #bfbfbf;
  color: #3e3e3e;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.check-table {
  background: #f5f5f5;
  border: solid 2px rgba(155, 155, 155, 0.54);
  position: relative;
}
.check-table tr {
  border: solid 2px rgba(155, 155, 155, 0.54);
  background: #f5f5f5;
}

.tlacitko-zmenit {
  text-align: right;
  margin-top: 0.5rem;
}
.tlacitko-zmenit a {
  width: 180px;
  padding: 0 1rem;
}

.uz-jste-nakupovali {
  background: #f5f5f5;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  padding: 1rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 1rem;
}
.uz-jste-nakupovali .checkbox label {
  text-decoration: none;
}

.fakturacni-formular .row {
  position: relative;
  margin-bottom: 0.5rem;
}
.fakturacni-formular .row label {
  position: absolute;
  text-transform: uppercase;
  color: #2d2d2d;
  font-family: "Prompt";
  font-weight: 600;
  top: 1.3rem;
  left: 1rem;
  z-index: 2;
}

.fakturacni-formular input[type="text"] {
  width: 100%;
  border: solid 2px #e3e3e3;
  -webkit-box-shadow: inset 0 5px 1px 0 rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 5px 1px 0 rgba(0, 0, 0, 0.04);
  height: 3.75rem;
  padding: 0 1rem;
  padding-top: 1.4rem;
  font-size: 1rem;
}

.fakturacni-formular textarea {
  width: 100%;
  height: 150px;
  border: solid 2px #e3e3e3;
  -webkit-box-shadow: inset 0 5px 1px 0 rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 5px 1px 0 rgba(0, 0, 0, 0.04);
  padding: 3rem 1rem 1rem;
  font-size: 1rem;
  font-family: sans-serif;
}

.fakturacni-formular .selekt {
  width: 140px;
  float: left;
}
.fakturacni-formular .selekt select {
  width: 140px;
  border: solid 2px #e3e3e3;
  border-radius: 0;
  border-right: 0;
  -webkit-box-shadow: inset 0 5px 1px 0 rgba(0, 0, 0, 0.04);
  box-shadow: inset 0 5px 1px 0 rgba(0, 0, 0, 0.04);
  height: 3.75rem;
  font-weight: 600;
  font-family: "Prompt";
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-top: 1.5rem;
  padding-left: 1rem;
  z-index: 2;
  position: relative;
}

.fakturacni-formular .predvolba {
  position: absolute;
  text-transform: uppercase;
  left: 1rem;
  top: 0.7rem;
  z-index: 2;
}

.fakturacni-formular .tel-cislo {
  float: right;
  width: calc(100% - 140px);
  position: relative;
}

.fakturacni-formular .checkbox {
  font-weight: 600;
  text-transform: uppercase;
  margin: 0.5rem 0;
}
.fakturacni-formular .checkbox label {
  text-decoration: none;
}

.odeslat-objednavku {
  margin-top: 2.5rem;
  padding: 0rem 4rem;
}

.potvrzeno {
  position: absolute;
  color: rgba(0, 134, 40, 0.8);
  font-size: 1.3rem;
  right: 1rem;
  z-index: 2;
  top: 1rem;
  display: none;
}

.spravne .potvrzeno {
  display: inline;
}

.spatne-udaje {
  color: #d0021b;
  font-size: 0.85rem;
  margin-bottom: 1rem;
}

.chyba input[type="text"] {
  border: 2px solid #d0021b !important;
}

.chyba select {
  border: 2px solid #d0021b !important;
  border-right: 0 !important;
}

.firmeni-udaje,
.jina-adresa {
  margin: 1rem 0;
}

.shrnuti-vybrano {
  color: #3e3e3e;
  text-transform: none;
}

.vymezovac {
  display: inline-block;
  width: 70px;
}

.kosik-registrace {
  margin: 1rem 0 2rem;
}
.kosik-registrace .form {
  max-width: 460px;
}
.kosik-registrace .row {
  margin: 0;
}
.kosik-registrace p {
  max-width: 460px;
  font-weight: 600;
  font-family: "Prompt";
  text-transform: uppercase;
}

.obsah-kosiku-doprava-zdarma {
  clear: both;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8rem;
  margin-bottom: 2rem;
}
.obsah-kosiku-doprava-zdarma i {
  color: rgba(0, 134, 40, 0.8);
}
.obsah-kosiku-doprava-zdarma p {
  margin: 0;
}

.kosik-profily {
  font-family: "Prompt";
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.kosik-profily tr {
  border: 2px solid #ebebeb;
}
.kosik-profily tr:hover {
  background: #f5f5f5;
}
.kosik-profily td {
  padding: 1rem 0.5rem;
  vertical-align: middle;
}
.kosik-profily td:first-child {
  width: 40px;
  text-align: center;
}
.kosik-profily .fake-td {
  padding: 1rem 0.5rem;
  vertical-align: middle;
}
.kosik-profily .fake-td.doprava-radio {
  width: 40px;
  padding-left: 1rem;
}
.kosik-profily .fake-td strong,
.kosik-profily .fake-td span {
  display: block;
}
.kosik-profily .fake-td strong.kosik-profil-ic-dic,
.kosik-profily .fake-td span.kosik-profil-ic-dic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kosik-profily .fake-td strong.kosik-profil-ic-dic span,
.kosik-profily .fake-td span.kosik-profil-ic-dic span {
  margin-right: 1rem;
}
.kosik-profily i {
  color: #e41515;
  display: inline-block;
  width: 23px;
}

.kosik-profil-mail,
.kosik-profil-tel {
  display: inline-block;
}

.kosik-profil-tel i {
  font-size: 1rem;
}

@media (max-width: 580px) {
  .kosik-profily
    .radek-tabulky:last-child
    .fake-tr:last-child
    .fake-td:last-child {
    width: auto;
    padding-left: 0.5rem;
  }
  .kosik-profily .fake-tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -2px;
    padding-bottom: 0.5rem;
  }
  .kosik-profily .fake-td {
    display: block;
    padding: 0.5rem 0.5rem 0;
  }
  .kosik-profily .fake-td:last-child {
    width: 100%;
    padding-left: calc(40px + 0.5rem);
  }
}

@media (min-width: 620px) {
  .table-doprava .fake-td {
    height: 80px;
  }
  .table-doprava label {
    min-width: 290px;
    display: inline-block;
  }
  .dorucovatel-nazev {
    display: inline-block;
    min-width: 290px;
  }
}

.nasobek {
  position: relative;
  top: 2px;
}

.modal-dp {
  background: #fff;
  padding: 4rem 2.5rem 2.5rem;
  min-width: 260px;
  max-width: 450px;
}
.modal-dp .close-modal {
  font-size: 18px;
}

.modal-dp-popis {
  margin-bottom: 2rem;
  font-size: 0.85rem;
}

.modal-dp-ikona img {
  min-width: 80px;
  max-width: 200px;
  max-height: 70px;
}

.mam-vernostni-body {
  border-bottom: 2px solid #ebebeb;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.mam-vernostni-body__texty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.mam-vernostni-body__texty p {
  margin: 0;
  line-height: normal;
  font-size: 0.8rem;
}
.mam-vernostni-body__texty img {
  margin-right: 0.5rem;
  width: 32px;
  opacity: 0.5;
}
.mam-vernostni-body__texty strong {
  display: block;
}

.mam-vernostni-body__inputy {
  margin-left: auto;
}
.mam-vernostni-body__inputy .kupon-input {
  max-width: 240px;
  padding: 0;
}

@media (max-width: 760px) {
  .mam-vernostni-body {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .mam-vernostni-body__inputy {
    margin: 0;
  }
}

.mam-vernostni-body__pouzite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}
.mam-vernostni-body__pouzite div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.obsah-kosiku-odebrat {
  padding-right: 0;
}
.obsah-kosiku-odebrat button {
  margin-left: auto;
}
@media only screen and (min-width: 1200px) {
  .obsah-kosiku-odebrat {
    padding-right: 1.4rem;
  }
}

.odebrat {
  background: none;
  border: 0;
}

@media (max-width: 760px) {
  .obsah-kosiku-inner #obal-dopravy-zdarma-kosik {
    margin-top: 1rem;
  }
  .obsah-kosiku-cena {
    color: #9b9b9b;
  }
  .obsah-kosiku-doprava-zdarma {
    margin-bottom: 0;
  }
  .obsah-kosiku-doprava-zdarma p {
    margin: 0;
  }
}

@media only screen and (min-width: 960px) {
  .obsah-kosiku-doprava-zdarma {
    margin: 0;
    position: relative;
    top: 2rem;
  }
}

.informace_o_poste {
  padding: 0 1rem 0;
}

#adresa_vybrana_posta,
#oteviraci_doba_posty {
  margin-bottom: 1rem;
}

#adresa_vybrana_posta span {
  text-decoration: underline;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 1rem;
  font-weight: bold;
  cursor: pointer;
  font-size: 12px;
}
#adresa_vybrana_posta span:hover {
  text-decoration: none;
}

@media (min-width: 560px) {
  .informace_o_poste {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .informace_o_poste > div {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .informace_o_poste {
    padding-left: 6.5rem;
  }
  #adresa_vybrana_posta {
    padding-right: 1rem;
  }
}

#hlaska_nevybrana_posta {
  margin-bottom: 1rem;
  width: 100%;
  background: #e415152e;
  padding: 1rem;
  color: #e41515;
  border: 1px solid #e41515;
  border-radius: 3px;
}
#hlaska_nevybrana_posta span {
  display: inline-block;
  padding: 0.3rem 0.5rem;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#59a106),
    to(#417505)
  );
  background: -webkit-linear-gradient(top, #59a106, #417505);
  background: -o-linear-gradient(top, #59a106, #417505);
  background: linear-gradient(to bottom, #59a106, #417505);
  color: #fff;
  text-transform: uppercase;
  margin-top: 0.2rem;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
#hlaska_nevybrana_posta span:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#4f8f06),
    to(#2c4f03)
  );
  background: -webkit-linear-gradient(top, #4f8f06, #2c4f03);
  background: -o-linear-gradient(top, #4f8f06, #2c4f03);
  background: linear-gradient(to bottom, #4f8f06, #2c4f03);
}

.predpokladane-doruceni div {
  display: block;
  text-align: right;
  color: rgba(0, 134, 40, 0.8);
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 0.5rem;
}

.pruh-predpokladane-doruceni {
  background: #fbf389;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
  padding: 1rem;
}
.pruh-predpokladane-doruceni p {
  margin: 0;
  font-size: 0.85rem;
}

.predpokladane-doruceni-pod-tlacitkem {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  font-size: 0.85rem;
}

@media (min-width: 760px) {
  .pruh-predpokladane-doruceni {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .pruh-predpokladane-doruceni .sloupec {
    width: 50%;
  }
  .pruh-predpokladane-doruceni .sloupec:nth-of-type(2) {
    text-align: right;
  }
  .obsah-kosiku-inner .obsah-kosiku-tlacitka {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .predpokladane-doruceni-pod-tlacitkem {
    text-align: right;
    width: 100% !important;
    padding-top: 1rem;
  }
}

.pop-chyby-objednavky {
  background: #ffffff;
  min-width: 300px;
  padding: 4rem 2rem 2rem;
}

.pop-chyby-objednavky-radky {
  margin-bottom: 2rem;
  text-align: left;
}
.pop-chyby-objednavky-radky p {
  margin-bottom: 1rem;
}
.pop-chyby-objednavky-radky i {
  color: #e41515;
}

.action-class-kosik .btn .desktop {
  display: none;
}

/* =========================== kontakt page =========================== */
.obsahova-cast-kontakty {
  font-size: 0.85rem;
  line-height: 1.8;
}
.obsahova-cast-kontakty > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1280px;
}
.obsahova-cast-kontakty #mate-dotaz .desktop {
  display: none;
}

.kontakt-informacni {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 1rem;
}

.kontakt-rychly-kontakt {
  margin-bottom: 2rem;
}
.kontakt-rychly-kontakt td {
  padding-bottom: 0.5rem;
}
.kontakt-rychly-kontakt td:first-child {
  width: 180px;
}

.kontakt-provozovatel {
  margin-bottom: 2rem;
}

.kontakt-spojeni tr {
  line-height: normal;
  display: block;
  margin-bottom: 1rem;
}

.kontakt-spojeni td {
  display: block;
}

.kontakt-formular {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: 100%;
  margin-bottom: 1rem;
}
.kontakt-formular .titulek {
  margin-bottom: 0;
  color: #2d2d2d;
  opacity: 0.64;
}
.kontakt-formular .titulek + h3 {
  margin-top: 0;
}
.kontakt-formular .titulek,
.kontakt-formular h3 {
  text-align: center;
}
.kontakt-formular fieldset {
  margin: 0 5px;
  background: #f5f5f5;
  padding: 1rem;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
}
.kontakt-formular fieldset .souhlas {
  display: block;
  text-align: center;
  font-size: 0.75rem;
  padding-left: 1rem;
}

.obsahova-cast-kontakty #mate-dotaz {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 100%;
  display: block;
}

.kontakt-prodejna {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  margin-bottom: 2rem;
}
.kontakt-prodejna h3 {
  text-decoration: underline;
}
.kontakt-prodejna .prodejna-texty h5 {
  font-weight: bold;
}
.kontakt-prodejna .prodejna-texty address {
  margin-bottom: 0.6rem;
}
.kontakt-prodejna .prodejna-texty table {
  margin-bottom: 1rem;
}

.prodejna-img img,
.prodejna-mapa img {
  width: 100%;
}

.kontakt-profily {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.kontakt-profil {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.kontakt-profil-img {
  width: 100px;
  margin-right: 1rem;
}

.kontakt-profil-texty p {
  margin-bottom: 0;
}

.kontakt-profil-texty td {
  padding-right: 0.5rem;
}
.kontakt-profil-texty td:first-child {
  white-space: nowrap;
}

.profil-jmeno {
  font-weight: 600;
}

@media (min-width: 600px) {
  .kontakt-formular .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .kontakt-formular .flex .row {
    width: 32.5%;
  }
  .kontakt-formular fieldset .souhlas {
    text-align: left;
  }
  .kontakt-formular textarea {
    margin-bottom: 1rem;
  }
  .spolecny-radek {
    margin-bottom: 0.8rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .spolecny-radek .form input[type="text"] {
    margin: 0;
  }
}

@media (min-width: 660px) {
  .kontakt-informacni {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .kontakt-rychly-kontakt {
    width: 70%;
    padding-right: 2rem;
    margin-bottom: 0;
  }
  .kontakt-rychly-kontakt td br {
    display: none;
  }
  .kontakt-provozovatel {
    width: 30%;
    margin-bottom: 0;
  }
  .kontakt-prodejna .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .prodejna-texty {
    width: 60%;
    padding-right: 2rem;
  }
  .prodejna-mapy {
    width: 40%;
  }
}

@media (min-width: 860px) {
  .kontakt-profily .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .kontakt-profily .kontakt-profil {
    width: 48%;
  }
  .kontakt-profil-img {
    width: 200px;
  }
  .kontakt-formular {
    margin: 3rem 0;
  }
  .kontakt-formular textarea {
    margin-bottom: 1rem;
  }
  .kontakt-formular .btn {
    padding: 0 3rem;
  }
}

.kontakt-vlastnosti {
  margin: 3rem 0;
}
.kontakt-vlastnost {
  text-align: center;
}
.kontakt-vlastnost h3 {
  text-align: center;
}
.kontakt-vlastnost p {
  margin-bottom: 0.5rem;
}
.vlastnost-ikona {
  height: 45px;
}

@media (min-width: 760px) {
  .kontakt-vlastnosti {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .kontakt-vlastnost {
    width: 33.3%;
  }
}

@media (min-width: 960px) {
  .obsah-kontakty h1 {
    text-align: center;
  }
  .obsahova-cast-kontakty > .container {
    display: block;
  }
  .kontakt-rychly-kontakt {
    display: none;
  }
  .kontakt-informacni {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .kontakt-spojeni {
    width: 70%;
  }
  .kontakt-spojeni table {
    margin-bottom: 1rem;
  }
  .kontakt-spojeni td {
    display: table-cell;
    padding: 0.25rem 0;
  }
  .kontakt-spojeni td:first-child {
    width: 170px;
  }
  .kontakt-spojeni tr {
    display: table-row;
  }
  .kontakt-spojeni p {
    max-width: 700px;
  }
  .kontakt-formular fieldset {
    padding: 2.8rem;
  }
  .kontakt-formular fieldset form {
    margin-top: 1.5rem;
  }
  .kontakt-formular textarea {
    height: 260px;
  }
  .kontakt-prodejna {
    margin-bottom: 3rem;
  }
  .prodejna-texty {
    width: 35%;
    padding-right: 4rem;
  }
  .prodejna-mapy {
    width: 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .prodejna-mapy div {
    width: 50%;
  }
}

.kontakt-spojeni .fake-table {
  margin-bottom: 1rem;
}

.fake-td {
  padding: 0.5rem 0.5rem 0.5rem 0;
}

.prodejna-mapa iframe {
  width: 100%;
}

@media (min-width: 960px) {
  .kontakt-spojeni .fake-table {
    display: table;
  }
  .kontakt-spojeni .fake-tr {
    display: table-row;
  }
  .kontakt-spojeni .fake-td {
    display: table-cell;
  }
  .kontakt-spojeni .fake-td:first-child {
    width: 170px;
  }
  .prodejna-mapa {
    position: relative;
    overflow: hidden;
    padding-top: 47.5%;
  }
  .prodejna-mapa iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}

/* =========================== prodejna page =========================== */
.kontakt-vlastnost table {
  text-align: left;
  width: auto;
  margin: auto;
}

.kontakt-vlastnost td {
  padding: 0.2rem 0.4rem;
}

.virtualni-prohlidka {
  display: none;
}

.prodejna-cesta {
  width: 100%;
}

@media (min-width: 620px) {
  .prodejna-informacni {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .prodejna-informacni .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .prodejna-rychly-kontakt {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 40%;
  }
  .prodejna-reklamace {
    width: 40%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .virtualni-prohlidka {
    display: block;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 60%;
  }
  .prodejna-informace {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .nase-recence {
    width: 40%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .vytizenost-prodejny {
    width: 60%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .pristupnost-prodejny {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

.prodejna-rychly-kontakt h5 {
  font-weight: 600;
}

.prodejna-rychly-kontakt table {
  margin-bottom: 1rem;
}

.prodejna-popis-cesty {
  text-align: center;
}

.cesta-prodejna {
  margin-top: 2rem;
}

@media (min-width: 620px) {
  .prodejna-popis-cesty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .prodejna-popis-cesty h2 {
    width: 100%;
  }
  .cesta-prodejna {
    width: 45%;
    margin-top: 0;
  }
  .cesta-ikona {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.prodejna-profily .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.prodejna-profily .kontakt-profil {
  display: block;
  text-align: center;
  width: 49%;
}
@media only screen and (min-width: 600px) {
  .prodejna-profily .kontakt-profil {
    width: 32%;
  }
}
@media only screen and (min-width: 960px) {
  .prodejna-profily .kontakt-profil {
    width: 19%;
  }
}

.prodejna-profily .kontakt-profil-img {
  width: auto;
  margin: 0 0 0.8rem 0;
}
@media only screen and (min-width: 960px) {
  .prodejna-profily .kontakt-profil-img {
    height: 170px;
  }
  .prodejna-profily .kontakt-profil-img img {
    height: 100%;
    max-width: 100%;
  }
}

.prodejna-fotogalerie .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.prodejna-fotogalerie .flex a {
  width: 49%;
  margin-bottom: 0.5rem;
}
.prodejna-fotogalerie .flex a img {
  width: 100%;
}
@media only screen and (min-width: 600px) {
  .prodejna-fotogalerie .flex a {
    width: 24%;
  }
}

@media (min-width: 960px) {
  .prodejna-informacni {
    display: block;
  }
  .prodejna-rychly-kontakt {
    display: none;
  }
  .prodejna-reklamace {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
  }
  .prodejna-reklamace p {
    max-width: 700px;
    margin: 0.7rem auto;
  }
  .prodejna-informace .flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1050px;
    margin: auto;
  }
  .nase-recence {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 25%;
    text-align: center;
  }
  .vytizenost-prodejny {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 40%;
    text-align: center;
  }
  .pristupnost-prodejny {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 25%;
  }
  .virtualni-prohlidka {
    width: 100%;
    margin: 3rem 0;
  }
  .prodejna-cesta {
    display: block;
    width: 100%;
  }
  .prodejna-mapa {
    width: 100%;
  }
  .prodejna-popis-cesty {
    width: 50%;
    display: block;
    padding-left: 6rem;
    text-align: left;
  }
  .prodejna-popis-cesty h2 {
    display: none;
  }
  .cesta-prodejna {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .cesta-ikona {
    width: 38px;
  }
  .cesta-text {
    width: calc(100% - 78px);
    padding-left: 40px;
  }
  .cesta-text h3 {
    margin-top: 0.5rem;
  }
}

.reklamace h1 {
  text-align: center;
}
.reklamace h1 + p {
  text-align: center;
  max-width: 1100px;
  margin: 2rem auto;
  font-size: 1rem;
}

.reklamace .form {
  max-width: 625px;
  margin: 2rem auto;
}

.reklamace .row {
  margin: 1rem 0;
}

.reklamace .form input[type="text"] {
  margin: 0;
}

.form .datum {
  background: #fff url(../img/calendar-input.svg) no-repeat calc(100% - 20px)
    center;
}

.nahrani-fotek {
  border: 2px dashed #cfcfcf;
  text-align: center;
  margin: 2rem 0;
}

.nahrat-foto {
  padding: 2rem;
  border-bottom: 2px dashed #cfcfcf;
}

.nahrat-fotografie {
  padding: 0 3rem;
  height: 50px;
  border-radius: 1px;
  border: solid 2px #e3e3e3;
  background-color: #ffffff;
  text-transform: uppercase;
  font-family: "Prompt";
  font-weight: bold;
  font-size: 0.85rem;
}
.nahrat-fotografie:hover {
  border-color: #bfbfbf;
  color: #3e3e3e;
}

.nahrat-foto-info {
  padding: 2rem;
}
.nahrat-foto-info img + p {
  margin-top: 1rem;
}
.nahrat-foto-info strong {
  text-transform: uppercase;
  font-family: "Prompt";
}
.nahrat-foto-info p {
  font-size: 0.85rem;
}
.nahrat-foto-info p:last-child {
  margin-bottom: 0;
}

.reklamace-mahrane-fotky {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}

.reklamace-nahrana-fotka {
  background: #fff;
  border: solid 1px #cfcfcf;
  padding: 10px;
  width: 32%;
  margin: 5px auto;
}
@media only screen and (max-width: 599px) {
  .reklamace-nahrana-fotka {
    width: 48%;
  }
}

.reklamace-nahrana-fotka-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.reklamace-nahrana-fotka-btn button {
  background: none;
  border: 0;
}

.nahrana-fotka-reklamace {
  height: 120px;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.reklamace-nazev {
  text-align: center;
  font-size: 0.75rem;
}

.reload:hover svg {
  fill: #e41515;
}

.odebrat-fotku {
  font-size: 16px;
}
.odebrat-fotku:hover {
  color: #e41515;
}

.dash h1 {
  margin-bottom: 1rem;
}

.dash .postranni-menu .dash-aktivni-menu > span {
  display: block;
  padding: 1rem 1.7rem;
  font-family: "Prompt";
  font-size: 0.85rem;
}

.dash .pomlcky li.odhlasit-se::before {
  background: url(../img/lock.svg) no-repeat;
  width: 10px;
  height: 14px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dash .podtrzeny-nadpis {
  text-align: left;
  position: relative;
  margin-bottom: 0;
  margin-top: 1rem;
}
.dash .podtrzeny-nadpis::after {
  left: 0;
  width: 50px;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.dash table {
  font-size: 0.85rem;
  margin-bottom: 1rem;
}
.dash table img {
  max-width: 100px;
}

.dash th {
  font-weight: bold;
  border-bottom: 2px solid #e8e8e8;
}
.dash th:first-child {
  text-align: left;
}

.dash th,
.dash td {
  padding: 0.5rem;
}

.dash td {
  white-space: nowrap;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  vertical-align: middle;
  position: relative;
}
.dash td:first-child {
  text-align: left;
}

.dash .bez-paddingu {
  padding: 0;
  border: 0;
}

.dash-sloupec {
  position: relative;
  max-width: 420px;
}
.dash-sloupec.dashVyjete {
  z-index: 3;
}
@media only screen and (min-width: 960px) {
  .dash-sloupec {
    z-index: 1;
  }
}

.postranni-menu {
  display: none;
  width: 100%;
  max-width: 420px;
  position: absolute;
  top: 50px;
  left: 0;
  background: #fff;
}
@media only screen and (min-width: 960px) {
  .postranni-menu {
    display: block !important;
    max-width: none;
    position: static;
  }
}

.dash-aktivni-menu {
  color: #e41515;
  background: #f5f5f5;
}
@media only screen and (min-width: 960px) {
  .dash-aktivni-menu {
    background: none;
  }
}

.pomlcky li.dash-aktivni-menu::before {
  background: #e41515;
}

.dash-pocet-body {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  background-color: #f5f5f5;
  padding: 0.8rem;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8rem;
  margin: 0.5rem 0 1.2rem;
}
.dash-pocet-body p {
  margin: 0;
  font-family: "Prompt";
}
.dash-pocet-body p img {
  margin-right: 5px;
  position: relative;
  top: 5px;
}

.dash-pocet-prispevku {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e41515;
  color: #fff;
  text-align: center;
  line-height: 30px;
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0;
}

.dash-ucet-info {
  background: #f5f5f5;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 3rem;
}

.dash-profil {
  padding: 1rem;
  font-family: "Prompt";
  text-transform: uppercase;
  font-size: 0.8rem;
}
.dash-profil .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dash-profil h6 {
  font-weight: bold;
  width: 100%;
  margin-bottom: 5px;
}
.dash-profil ul {
  width: 50%;
}
.dash-profil li {
  margin-bottom: 5px;
}

.dash-profil-kontakty li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dash-profil-kontakty li span {
  display: block;
  width: calc(100% - 18px);
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.dash-profil-kontakty img {
  margin-right: 8px;
}

.dash-profil-tlacitka {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.dash-profil-tlacitka .btn {
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  margin: 0 5px;
}

.slickSpodniLista {
  margin-bottom: 1rem;
}

@media (max-width: 420px) {
  .dash-profil ul {
    width: 100%;
  }
  .dash-profil-tlacitka .btn {
    padding: 0 1rem;
    width: 100%;
    margin: 5px 0;
  }
}

.dash-newsletter {
  font-size: 0.85rem;
  padding: 1rem;
  border-top: 2px solid #e4e4e4;
}
.dash-newsletter strong {
  font-family: "Prompt";
}
.dash-newsletter .checkbox label {
  text-decoration: none;
  font-weight: 600;
}

.reklamovane-zbozi {
  table-layout: fixed;
  margin-bottom: 0 !important;
}
.reklamovane-zbozi td {
  text-align: left;
}
.reklamovane-zbozi td:first-child {
  width: 120px;
}

.dash-stav {
  width: 5%;
  min-width: 85px;
}

.dash-tisk {
  width: 36px;
  min-width: 36px;
}

.dash-cislo-reklamace,
.dash-pocet-produktu,
.dash-datum-podani,
.dash-datum-vyrizeni,
.dash-cena {
  width: 18%;
  min-width: 100px;
}

table svg {
  fill: #3e3e3e;
}

table a:hover svg {
  fill: #e41515;
}

.naposledy-koupene-produkty .vypis {
  margin-bottom: 1rem;
}

.naposledy-koupene-produkty .nahled {
  border: solid 2px #e4e4e4;
  border-top: 0;
}
.naposledy-koupene-produkty .nahled .hover-info,
.naposledy-koupene-produkty .nahled .nahled-popis {
  display: none;
}

@media (max-width: 519px) {
  .naposledy-koupene-produkty .btn {
    display: none;
  }
}

@media (min-width: 520px) {
  .naposledy-koupene-produkty {
    margin-bottom: 2rem;
  }
  .naposledy-koupene-produkty .vypis {
    padding: 0 2px;
  }
  .naposledy-koupene-produkty .nahled {
    margin: 0 -2px;
  }
}

@media (min-width: 600px) {
  .dash #mate-dotaz .inner {
    display: block !important;
  }
}

@media (min-width: 760px) {
  .dash-ucet-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dash-profil {
    width: 55%;
  }
  .dash-newsletter {
    width: 45%;
    border: 0;
    border-left: 2px solid #e4e4e4;
    padding: 2.5rem 2rem;
  }
}

@media (min-width: 960px) {
  .dash > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #mate-dotaz {
    display: none;
  }
  .dash-sloupec {
    width: 25%;
    max-width: 350px;
  }
  .dash-hlavni {
    width: 72%;
    margin-left: auto;
  }
}

.tabulka-vypis-naposledy-koupene {
  font-family: Prompt;
  font-size: 0.75rem;
  margin: 2rem 0 0 0;
  margin-bottom: 0 !important;
}
.tabulka-vypis-naposledy-koupene th {
  text-transform: uppercase;
  color: #9b9b9b;
  font-size: 0.75rem;
  padding: 0.5rem 0;
}
.tabulka-vypis-naposledy-koupene td {
  padding: 1rem 0.5rem 0.7rem;
  border-bottom: 2px solid #ebebeb;
}
.tabulka-vypis-naposledy-koupene td:last-child {
  padding-right: 0;
}
.tabulka-vypis-naposledy-koupene td:nth-of-type(2) {
  text-align: left;
  white-space: normal;
}
.tabulka-vypis-naposledy-koupene h3 {
  font-size: 0.75rem;
  margin: 0.2rem 0;
}
.tabulka-vypis-naposledy-koupene p {
  font-family: Prompt;
  margin: 0.2rem 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: bold;
}
.tabulka-vypis-naposledy-koupene .tlacitka-koupit form {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.tabulka-vypis-naposledy-koupene .tlacitka-koupit .kusy {
  width: 86px;
}
.tabulka-vypis-naposledy-koupene .reklamovat {
  width: calc(100% - 86px - 0.5rem);
  float: right;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 0.5rem 0 0rem;
}

.dash-cislo-objednavky {
  color: #9b9b9b;
}
.dash-cislo-objednavky a {
  color: #9b9b9b;
}

.sklad {
  color: rgba(0, 134, 40, 0.8);
}

@media (max-width: 1200px) {
  .tabulka-vypis-naposledy-koupene .tlacitka-koupit button {
    width: 40px;
  }
  .tabulka-vypis-naposledy-koupene .tlacitka-koupit .kupovaciTlacitko {
    padding: 0 1rem;
    margin: 0;
    margin-left: 0.5rem;
    width: auto;
  }
  .tabulka-vypis-naposledy-koupene .tlacitka-koupit .kusy input[type="text"] {
    width: 52px;
  }
}

@media (max-width: 660px) {
  .tabulka-vypis-naposledy-koupene tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 2px solid #ebebeb;
  }
  .tabulka-vypis-naposledy-koupene th,
  .tabulka-vypis-naposledy-koupene td {
    border: 0;
  }
  .tabulka-vypis-naposledy-koupene th:nth-of-type(2) {
    font-size: 0;
  }
  .tabulka-vypis-naposledy-koupene td:nth-of-type(3) {
    width: 100%;
    padding: 0.3rem 0;
  }
  .tabulka-vypis-naposledy-koupene td:last-child {
    padding: 0.3rem 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .tabulka-vypis-naposledy-koupene .reklamace {
    padding-bottom: 0.2rem;
  }
}

@media (min-width: 1200px) {
  .dash-hlavni {
    width: 70%;
  }
}

.dash-vypis-clanky {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dash-vypis-clanky .inpirace-nahled {
  margin-top: 0;
}

@media (min-width: 960px) {
  .dash-vypis-clanky {
    margin: 0 -1rem;
  }
  .dash-vypis-clanky .inpirace-nahled {
    width: calc(50% - 2rem);
  }
}

.dash-mobilni-menu {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#4d4d4d),
    to(#2d2d2d)
  );
  background: -webkit-linear-gradient(top, #4d4d4d, #2d2d2d);
  background: -o-linear-gradient(top, #4d4d4d, #2d2d2d);
  background: linear-gradient(to bottom, #4d4d4d, #2d2d2d);
  padding: 0rem 1.7rem;
  text-transform: uppercase;
  color: #fff;
  font-family: "Prompt";
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  max-width: 420px;
  margin-bottom: 2rem;
  position: relative;
  height: 50px;
  line-height: 50px;
}
.dash-mobilni-menu .dash-pocet-prispevku {
  position: static;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  margin-left: 0.5rem;
}
@media only screen and (min-width: 960px) {
  .dash-mobilni-menu {
    display: none;
  }
}
.dash-mobilni-menu i {
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ke-stazeni-table td {
  text-align: left;
  border: 0;
  vertical-align: top;
  padding-bottom: 2rem;
}
.ke-stazeni-table td:first-child {
  width: 120px;
}

.ke-stazeni-table h3 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 0.85rem;
}

.ke-stazeni-table li {
  margin-bottom: 0.8rem;
}
.ke-stazeni-table li a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ke-stazeni-table li a img {
  margin-right: 0.5rem;
}
.ke-stazeni-table li a span {
  text-decoration: underline;
}
.ke-stazeni-table li a span:hover {
  text-decoration: none;
}

.dash-nastaveni-newsletteru {
  font-size: 0.85rem;
}
.dash-nastaveni-newsletteru ul {
  margin: 2rem 0;
}
.dash-nastaveni-newsletteru li {
  margin-bottom: 1rem;
}
.dash-nastaveni-newsletteru label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dash-nastaveni-newsletteru .radio-button {
  margin-right: 0.5rem;
}
.dash-nastaveni-newsletteru .btn {
  width: auto;
}
@media only screen and (min-width: 600px) {
  .dash-nastaveni-newsletteru .btn {
    padding: 0 3rem;
  }
}

.dash-filtrace {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  background-color: #f5f5f5;
  font-size: 0.85rem;
  padding: 1.2rem;
  margin-bottom: 4rem;
}
.dash-filtrace h3 {
  margin-top: 0;
}
.dash-filtrace input[type="text"] {
  height: 40px;
  line-height: 40px;
  border: 2px solid #e4e4e4;
  padding: 0 0.5rem;
  width: calc(100% - 90px);
}
.dash-filtrace .datum {
  background: #fff url(../img/calendar-input.svg) no-repeat calc(100% - 10px)
    center;
  background-size: 24px;
}
.dash-filtrace .col-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dash-filtrace .row label {
  width: 80px;
  display: inline-block;
  margin-right: 10px;
}
.dash-filtrace .btn-desktop {
  display: none;
}
.dash-filtrace .btn {
  width: auto;
  float: right;
}

.stav-faktury {
  margin: 1rem 0;
}
.stav-faktury strong {
  display: block;
}
.stav-faktury .checkbox {
  display: inline-block;
  width: 48%;
}
.stav-faktury .checkbox label {
  text-decoration: none;
}

.posledni-faktury td a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.posledni-faktury td a svg {
  margin-right: 10px;
}
.posledni-faktury td a span {
  text-decoration: underline;
}

.posledni-faktury td:nth-of-type(6),
.posledni-faktury th:nth-of-type(6) {
  text-align: right;
}

@media (min-width: 760px) {
  .dash-filtrace .col-4 {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.5rem;
  }
  .dash-filtrace .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dash-filtrace .row label {
    width: 150px;
    text-align: right;
  }
  .dash-filtrace input[type="text"] {
    width: calc(100% - 150px);
    margin-bottom: 0;
  }
  .dash-filtrace .btn-desktop {
    display: block;
    margin-top: -5px;
    margin-left: auto;
    padding: 0 3rem;
  }
  .dash-filtrace .btn-mobile {
    display: none;
  }
  .dash-filtrace .stav-faktury {
    border-top: 2px solid #e4e4e4;
    margin: 0 -1.2rem;
    padding: 1.2rem 1.2rem 0;
  }
  .dash-filtrace .stav-faktury strong {
    display: inline;
  }
  .dash-filtrace .stav-faktury .checkbox {
    width: auto;
    margin-left: 1rem;
  }
}

@media (min-width: 1200px) {
  .dash-filtrace .col-4 {
    width: 33.3%;
  }
}

.reklamace-info {
  font-size: 0.85rem;
}
.reklamace-info img {
  margin-right: 10px;
}
.reklamace-info p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.reklamace-detail-info {
  font-size: 0.85rem;
}
.reklamace-detail-info td {
  font-size: 1rem;
  padding: 0.5rem 0;
  border: 0;
  text-align: left;
  font-size: 0.85rem;
}

.reklamovane-zbozi td {
  padding: 1rem 0;
}

.dash-reklamace-detail h6 {
  margin-bottom: 0.5rem;
}

.dash-reklamace-detail .prispevek {
  margin-top: 4rem;
}

.vytisknout a,
.dokument a {
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.vytisknout a svg,
.dokument a svg {
  margin-right: 10px;
}
.vytisknout a span,
.dokument a span {
  text-decoration: underline;
}
.vytisknout a span:hover,
.dokument a span:hover {
  text-decoration: none;
}

@media (min-width: 760px) {
  .reklamace-detail-info {
    font-size: 1rem;
  }
  .reklamace-detail-info td {
    font-size: 1rem;
  }
  .reklamace-detail-info .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .reklamace-detail-info .col {
    width: 50%;
    padding-right: 2rem;
  }
}

.reklamace-form {
  text-align: center;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  background-color: #f5f5f5;
  padding: 2rem;
  margin: 1rem 0;
}
.reklamace-form .titulek {
  margin: 0;
  opacity: 0.64;
}
.reklamace-form h3 {
  margin: 0 0 1.5rem;
}
.reklamace-form form {
  max-width: 630px;
  margin: 0 auto;
}
.reklamace-form textarea {
  margin-bottom: 2rem;
}

.dash-osobni-udaje .reklamace-info {
  margin: 1rem 0;
}

.dash-fakturacni-udaje {
  margin: 3rem 0;
}

.dash-fakturacni-udaj {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  background-color: #f5f5f5;
  position: relative;
  padding: 2rem 1rem;
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-family: "Prompt";
  margin-bottom: 1rem;
}
.dash-fakturacni-udaj strong {
  display: inline-block;
}
.dash-fakturacni-udaj li,
.dash-fakturacni-udaj strong {
  margin-bottom: 5px;
}

.automaticke-udaje {
  background: rgba(0, 134, 40, 0.8);
  color: #fff;
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Prompt";
  display: inline-block;
  padding: 0.5rem 1rem;
  position: absolute;
  left: 10px;
  top: -15px;
}
.automaticke-udaje p {
  margin: 0;
}

@media (max-width: 420px) {
  .dash-fakturacni-udaj {
    padding-top: 3rem;
  }
}

.dash-fakturacni-udaje-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 0rem -1rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.dash-fakturacni-udaje-btns form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dash-fakturacni-udaje-btns .dash-premistit svg {
  margin-top: 10px;
}
.dash-fakturacni-udaje-btns button,
.dash-fakturacni-udaje-btns .dash-premistit {
  background: none;
  border: 2px solid #e4e4e4;
  width: 50px;
  height: 50px;
  font-size: 20px;
  color: #2d2d2d;
  text-align: center;
  line-height: 50px;
}
.dash-fakturacni-udaje-btns button svg,
.dash-fakturacni-udaje-btns .dash-premistit svg {
  fill: #2d2d2d;
}
.dash-fakturacni-udaje-btns button:hover,
.dash-fakturacni-udaje-btns .dash-premistit:hover {
  color: #e41515;
}
.dash-fakturacni-udaje-btns button:hover svg,
.dash-fakturacni-udaje-btns .dash-premistit:hover svg {
  fill: #e41515;
}
.dash-fakturacni-udaje-btns .edit-adress {
  background: none;
  border: 2px solid #e4e4e4;
  width: 50px;
  height: 50px;
  font-size: 20px;
  color: #2d2d2d;
  text-align: center;
  line-height: 50px;
  display: block;
  right: 70px;
  width: 80px;
  font-size: 0.85rem;
  top: 0;
  border-left: 0;
  text-decoration: none;
}

@media (min-width: 1200px) {
  .dash-fakturacni-udaje-btns a.edit-adress {
    width: 90px;
    height: 72px;
    line-height: 72px;
    display: block;
    border-right: 0;
    position: absolute;
    top: 0;
    right: 70px;
    border-top: 0;
    border-left: 2px solid #e4e4e4;
  }
}

.dash-premistit {
  margin-left: -2px;
}

@media (min-width: 620px) {
  .dash-fakturacni-adresa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
  }
  .dash-fakturacni-adresa div {
    width: 50%;
  }
  .dash-fakturacni-udaj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dash-fakturacni-udaje-btns {
    margin: 0;
    margin-left: auto;
  }
}

@media (min-width: 1200px) {
  .dash-fakturacni-udaj {
    height: 140px;
  }
  .dash-fakturacni-adresa {
    width: 70%;
  }
  .dash-fakturacni-adresa .dash-fakturacni-info {
    width: 60%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .dash-fakturacni-adresa .dash-fakturacni-info strong {
    width: 50%;
  }
  .dash-fakturacni-adresa .dash-fakturacni-kontakty {
    width: 40%;
  }
  .dash-fakturacni-udaje-btns {
    position: absolute;
    width: 70px;
    display: block;
    right: 0;
    top: 0;
  }
  .dash-fakturacni-udaje-btns button,
  .dash-fakturacni-udaje-btns .dash-premistit {
    width: 70px;
    height: 72px;
    line-height: 72px;
    display: block;
    border-right: 0;
  }
  .dash-fakturacni-udaje-btns .dash-smazat {
    border-top: 0;
  }
  .dash-fakturacni-udaje-btns .dash-premistit {
    margin: -2px 0 0 0;
    border-bottom: 0;
  }
  .dash-fakturacni-udaje-btns .dash-premistit svg {
    margin-top: 20px;
  }
}

.dash-zmena-hesla {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  background-color: #f5f5f5;
  padding: 4rem 2rem;
}
.dash-zmena-hesla .ulozit-heslo {
  margin-top: 2rem;
}
.dash-zmena-hesla .form {
  max-width: 550px;
  margin: 0 auto;
  clear: both;
}

@media (min-width: 1200px) {
  .dash-zmena-hesla .btn {
    padding: 0 3rem;
  }
}

.dash-zpetna-vazba {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.17);
  background-color: #f5f5f5;
  padding: 2rem;
  text-align: center;
}
.dash-zpetna-vazba .form {
  max-width: 620px;
  margin: 0 auto;
}
.dash-zpetna-vazba .titulek {
  margin: 0;
  color: #2d2d2d;
  opacity: 0.63;
}
.dash-zpetna-vazba h3 {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.odeslat-zpetnou-vazbu {
  margin: 1rem 0;
}

@media (min-width: 1200px) {
  .dash-zpetna-vazba {
    padding: 2rem 2rem 4rem;
  }
}

.dash-objednavky td:first-child {
  padding-left: 0.8rem;
}

.stav {
  display: inline-block;
  width: 4px;
  height: 26px;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.stav.stav-vyrizujese {
  background: #b8e986;
}
.stav.stav-odeslano {
  background: #417505;
}
.stav.stav-cekajici {
  background: #4a90e2;
}
.stav.stav-objednano {
  background: #f8e71c;
}
.stav.stav-poptano {
  background: #f8e71c;
}
.stav.stav-storno {
  background: #b42e1e;
}

.dash-ucet-info-objednavka {
  margin-top: 3rem;
}
.dash-ucet-info-objednavka h3 {
  margin-top: 0;
}

.dash-profil-dodaci-adresa {
  border-top: 2px solid #e4e4e4;
}
@media only screen and (min-width: 600px) {
  .dash-profil-dodaci-adresa {
    border-top: 0;
    border-left: 2px solid #e4e4e4;
  }
}

.dash-shrnuti-objednavky td {
  padding: 1.5rem 0.5rem;
}

.dash-shrnuti-objednavky td:nth-of-type(2) {
  text-align: left;
}

.dash-shrnuti-objednavky td:last-child,
.dash-shrnuti-objednavky th:last-child {
  text-align: right;
}

.dash-kategorie {
  display: block;
}

.dash-cena-celkem,
.dash-cena-bez-dph {
  display: block;
}

.dash-cena-celkem {
  font-size: 1.125rem;
  font-weight: bold;
  font-family: "Prompt";
}

.dash-cena-bez-dph {
  font-family: "Prompt";
  font-size: 0.8125rem;
  font-weight: bold;
  color: #9b9b9b;
}

.dash-radek-doprava td {
  padding: 2rem 0.5rem;
}

.dash-radek-shrnuti td {
  border-top: 2px solid #e8e8e8;
  border-bottom: 0;
  padding-top: 1rem;
}

.fake-th {
  font-weight: bold;
  text-align: left;
  display: none;
}

@media (max-width: 660px) {
  .dash-shrnuti-objednavky tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.5rem 0;
  }
  .dash-shrnuti-objednavky tr:not(:first-child) {
    border-bottom: 1px solid #e8e8e8;
  }
  .dash-shrnuti-objednavky th:first-child {
    width: 100%;
  }
  .dash-shrnuti-objednavky th:not(:first-child) {
    display: none;
  }
  .dash-shrnuti-objednavky td {
    border: 0;
    padding: 0;
  }
  .dash-shrnuti-objednavky td:first-child {
    width: 120px;
  }
  .dash-shrnuti-objednavky td:nth-of-type(3),
  .dash-shrnuti-objednavky td:nth-of-type(4),
  .dash-shrnuti-objednavky td:nth-of-type(5),
  .dash-shrnuti-objednavky td:nth-of-type(6) {
    width: 100%;
    text-align: left;
    padding-left: 120px;
  }
  .dash-radek-doprava {
    border-top: 2px solid #e8e8e8;
    border-bottom: 2px solid #e8e8e8;
  }
  .dash-radek-doprava td {
    padding: 2rem 0;
  }
  .dash-radek-doprava td:first-child {
    display: none;
  }
  .dash-radek-doprava td:nth-of-type(2) {
    width: 60%;
  }
  .dash-radek-doprava td:last-child {
    width: 40%;
    text-align: right;
  }
  .dash-radek-shrnuti td {
    padding: 2rem 0;
  }
  .dash-radek-shrnuti td:first-child {
    display: none;
  }
  .dash-radek-shrnuti td:nth-of-type(2) {
    width: 50%;
  }
  .dash-radek-shrnuti td:last-child {
    width: 50%;
    text-align: right;
  }
  .fake-th {
    display: inline;
  }
  .float-right {
    float: right;
  }
}

.odhlasit-se input {
  display: block;
  padding: 1rem 1.7rem;
  font-family: "Prompt";
  font-size: 0.85rem;
  text-transform: uppercase;
  width: 100%;
  background: none;
  text-align: left;
  font-weight: bold;
  color: #3e3e3e;
}
.odhlasit-se input:hover {
  color: #e41515;
}

.negativni_hlaska {
  color: #d63031;
  margin: 1rem 0;
}

.dash-hlavni {
  position: relative;
}

.dash-pocet-bodu-absolut {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
}
.dash-pocet-bodu-absolut p {
  position: relative;
}

@media (min-width: 761px) {
  .dash-pocet-bodu-absolut p {
    padding-left: 2rem;
  }
  .dash-pocet-bodu-absolut p img {
    position: absolute;
    left: 0;
    top: 0;
  }
}

@media (max-width: 760px) {
  .dash-pocet-bodu-absolut {
    position: static;
    margin-bottom: 2rem;
  }
  .dash-pocet-bodu-absolut br {
    display: none;
  }
}

.stav-vernostniho-uctu {
  padding: 1rem;
  background: #f5f5f5;
  font-size: 0.85rem;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 3rem;
}
.stav-vernostniho-uctu p {
  margin: 0.5rem 0;
}

.dash .vernostni-ucet-historie th,
.dash .vernostni-ucet-historie td {
  text-align: left;
}
.dash .vernostni-ucet-historie th:last-child,
.dash .vernostni-ucet-historie td:last-child {
  text-align: right;
}

.dash-neprihlaseny {
  background: #f5f5f5;
}
.dash-neprihlaseny.prihlaseni {
  display: block;
  width: 100%;
  position: static;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dash-neprihlaseny .prihlasit,
.dash-neprihlaseny .registrovat {
  width: 100%;
}
.dash-neprihlaseny .prihlasit .nadpisy {
  margin: 0;
  padding-top: 0.5rem;
}
.dash-neprihlaseny .zapomenute-heslo {
  text-align: center;
}
.dash-neprihlaseny .zapomenute-heslo a {
  font-weight: 600;
}
.dash-neprihlaseny .zapomenute-heslo + p {
  text-align: center;
}

.nepodarena-platba {
  text-align: center;
  text-transform: uppercase;
  text-transform: uppercase;
  margin-bottom: 2rem;
}
.nepodarena-platba img {
  margin-bottom: 1rem;
}
.nepodarena-platba .fake-nadpis {
  font-size: 1.5rem;
}
.nepodarena-platba p {
  font-family: "Prompt";
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.nepodarena-platba form {
  max-width: 400px;
  margin: 1rem auto;
}
.nepodarena-platba form button {
  width: 100%;
  padding: 0 1rem;
  font-size: 0.85rem;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.8rem;
}
.nepodarena-platba form button img {
  margin: 0;
  margin-right: 1rem;
}
.nepodarena-platba form button.stornovat-objednavku-dash {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #777;
  background: none;
  border: solid 2px #e3e3e3;
  margin-top: 3rem;
}
.nepodarena-platba form button.stornovat-objednavku-dash:hover {
  border: solid 2px #bfbfbf;
  color: #3e3e3e;
}

.nepodarena-platba-dash {
  background: #fff;
  padding: 2rem;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.verejne-poznamky-dash th,
.verejne-poznamky-dash td {
  text-align: left;
}

.nepodarena-platba-nevite {
  max-width: 330px;
  margin: 2rem auto;
  text-transform: none;
}
.nepodarena-platba-nevite .titulek {
  font-family: "Courgette";
  color: #9b9b9b;
  font-weight: normal;
  margin: 0;
  font-size: 1rem;
}
.nepodarena-platba-nevite h3 {
  margin: 0 0 1rem;
}
.nepodarena-platba-nevite picture {
  display: block;
  position: relative;
}
.nepodarena-platba-nevite picture::after,
.nepodarena-platba-nevite picture::before {
  content: "";
  display: block;
  position: absolute;
  width: 40%;
  height: 2px;
  background: #e4e4e4;
  top: 40%;
  z-index: 1;
  left: 0;
}
.nepodarena-platba-nevite picture::after {
  left: auto;
  right: 0;
}
.nepodarena-platba-nevite p {
  font-size: 0.75rem;
  font-weight: normal;
}
.nepodarena-platba-nevite p a {
  text-transform: uppercase;
  font-weight: bold;
}

@media (max-width: 480px) {
  .nepodarena-platba form button {
    height: auto;
    line-height: normal;
    padding: 1rem;
  }
}

.bez-layoutu {
  max-width: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
}

.hlavicka-neprihlasen {
  height: 100px;
  background: #fff;
  text-align: center;
}
.hlavicka-neprihlasen img {
  margin-top: 0.5rem;
  max-height: 80%;
}

.sede-pozadi {
  background: #f5f5f5;
  padding: 4rem 1rem;
}

.nepodarena-platba-neprihlasen {
  max-width: 1060px;
  margin: 0 auto;
  padding: 2.2rem;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
}
.nepodarena-platba-neprihlasen .shrnuti-objednavky h3 {
  border-bottom: 2px solid #e8e8e8;
  margin: 0 -2.3rem 2rem;
  padding-bottom: 1rem;
}
.nepodarena-platba-neprihlasen .fakturacni-adresa {
  border-top: 0;
}
.nepodarena-platba-neprihlasen .fakturacni-adresa .tNadpis td {
  padding-top: 0.5rem;
}
.nepodarena-platba-neprihlasen .tProdukty tr:first-child td {
  border: 0;
}

.shrnuti-objednavky__obal {
  max-width: 750px;
  margin: 0 auto;
}
.shrnuti-objednavky__obal .tDoprava,
.shrnuti-objednavky__obal .tCena,
.shrnuti-objednavky__obal .tProdukty {
  text-align: left;
}
.shrnuti-objednavky__obal .fakturacni-adresa {
  text-align: left;
}
.shrnuti-objednavky__obal .tProdukty .tCena {
  text-align: right;
}

@media (min-width: 760px) {
  .shrnuti-objednavky__obal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .shrnuti-objednavky__obal > div {
    width: 45%;
  }
}

.tlacitko-zpet-ucet {
  border: 2px solid #e4e4e4;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  display: inline-block;
  float: right;
  margin-bottom: 1rem;
}
.tlacitko-zpet-ucet:hover {
  border-color: #bfbfbf;
  color: #3e3e3e;
}

.dash-zmena-hesla .form .row {
  position: relative;
}

.dash-zmena-hesla .checkbox {
  margin: 0.5rem 0;
}
.dash-zmena-hesla .checkbox label {
  top: 0 !important;
  left: 0 !important;
  text-decoration: none;
}

.dash-shrnuti-objednavky td:nth-of-type(2) {
  max-width: 300px;
  white-space: normal;
}

.dash-neprihlasen {
  max-width: 600px;
  margin: auto;
  text-align: center;
}
.dash-neprihlasen .prihlasit {
  width: 100%;
  position: relative;
  z-index: 10;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.dash-neprihlasen .title {
  color: #989898;
  margin: 0 0 0.5rem;
  font-family: "Courgette";
  font-weight: normal;
  font-size: 1.125rem;
}
.dash-neprihlasen .nadpis {
  text-transform: uppercase;
  font-weight: bold;
  margin: 0.5rem 0;
  font-family: "Prompt";
  font-size: 1.125rem;
}
.dash-neprihlasen input[type="button"] {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#59a106),
    to(#417505)
  );
  background: -webkit-linear-gradient(top, #59a106, #417505);
  background: -o-linear-gradient(top, #59a106, #417505);
  background: linear-gradient(to bottom, #59a106, #417505);
  text-shadow: 0 1px 0 #2a4d03;
  line-height: 50px;
  height: 50px;
  color: #fff;
  padding: 0 1rem;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}
.dash-neprihlasen input[type="button"]:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#4f8f06),
    to(#2c4f03)
  );
  background: -webkit-linear-gradient(top, #4f8f06, #2c4f03);
  background: -o-linear-gradient(top, #4f8f06, #2c4f03);
  background: linear-gradient(to bottom, #4f8f06, #2c4f03);
}

/* Magazín */
.magazin .drobek {
  background: #f5f5f5;
  margin-bottom: 0;
  padding-bottom: 3rem;
}

.header-magazin {
  background: #f5f5f5;
  text-align: center;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 760px) {
  .header-magazin {
    margin-bottom: 4rem;
    padding-bottom: 1rem;
  }
}
.header-magazin h1 {
  position: relative;
}
@media only screen and (min-width: 760px) {
  .header-magazin h1 {
    font-size: 2.75rem;
    letter-spacing: 20px;
  }
}
.header-magazin h1 span {
  background: #f5f5f5;
  padding: 0 1rem;
  position: relative;
  z-index: 1;
}
.header-magazin h1::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #e4e4e4;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}
.header-magazin h2 {
  font-size: 1.125rem;
}
.header-magazin p {
  max-width: 800px;
  margin: auto;
  font-size: 0.85rem;
  line-height: 1.8;
}
.header-magazin .titulek {
  color: #9b9b9b;
  margin-bottom: 0;
  font-size: 1.125rem;
}

.magazin-kategorie {
  text-align: left;
  text-transform: uppercase;
  font-family: "Prompt";
  font-weight: bold;
  font-size: 0.75rem;
  margin: 1rem;
}
@media only screen and (min-width: 760px) {
  .magazin-kategorie {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 2rem 0 1.5rem;
  }
  .magazin-kategorie li {
    margin: 0 1rem;
  }
}

.oblibene-clanky {
  margin-bottom: 2rem;
}
.oblibene-clanky h3 {
  margin-top: 0;
  margin-bottom: 1rem;
}

.oblibeny-clanek {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.oblibeny-clanek:after,
.oblibeny-clanek:before {
  content: "";
  display: table;
  clear: both;
}
.oblibeny-clanek .inpirace-paticka {
  padding: 0;
  background: none;
  width: 100%;
  margin: 0;
}
.oblibeny-clanek .inpirace-paticka .avatar {
  width: 34px;
}

.oblibeny-clanek-img {
  width: 120px;
}

.oblibeny-clanek-info {
  width: calc(100% - 120px);
  padding-left: 1rem;
}
.oblibeny-clanek-info h4 {
  text-transform: uppercase;
  font-family: "Prompt";
  font-weight: bold;
  font-size: 0.85rem;
}

@media (min-width: 960px) {
  .oblibene-clanky {
    margin-bottom: 4rem;
  }
  .oblibeny-clanek {
    display: block;
  }
  .oblibeny-clanek .inpirace-paticka {
    width: auto;
    float: left;
    padding-left: 1rem;
    margin-top: 0.5rem;
  }
  .oblibeny-clanek-info {
    width: calc(100% - 160px);
    float: right;
  }
  .oblibeny-clanek-img {
    width: 160px;
    float: left;
  }
}

@media (min-width: 760px) and (max-width: 960px) {
  .oblibene-clanky .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .oblibeny-clanek {
    width: 49%;
  }
  .oblibeny-clanek:nth-of-type(odd) {
    margin-right: 2%;
  }
}

.vedlejsi-banner {
  margin-bottom: 2rem;
}

.stitky ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.stitky ul li {
  margin: 0.3rem 1rem 0.3rem 0;
}

.f24 {
  font-size: 24px;
}

.f16 {
  font-size: 1rem;
}

.f20 {
  font-size: 20px;
}

.f14 {
  font-size: 14px;
}

.f36 {
  font-size: 36px;
}

.f13 {
  font-size: 13px;
}

.inpirace-nahled p {
  max-height: 96px;
  overflow: hidden;
}

.magazin-vypis {
  margin-bottom: 2rem;
}
.magazin-vypis .inpirace-nahled {
  margin-top: 0;
  margin-bottom: 2rem;
}

@media (min-width: 620px) {
  .magazin-vypis .flex {
    margin: 0 -0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (min-width: 620px) {
  .magazin-vypis .inpirace-nahled {
    width: calc(50% - 1rem);
  }
}

@media (min-width: 960px) {
  .magazin-vypis .inpirace-nahled {
    width: calc(50% - 2rem);
  }
}

.magazin-hlavni-clanek {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  margin-bottom: 2rem;
  position: relative;
}
.magazin-hlavni-clanek .inpirace-paticka {
  margin: 0;
}

.magazin-hlavni-clanek-bg img {
  width: 100%;
  display: block;
}

.magazin-hlavni-clanek-text {
  text-align: center;
  padding: 1.5rem 2rem;
}
.magazin-hlavni-clanek-text h1,
.magazin-hlavni-clanek-text h2 {
  text-align: center;
  font-size: 1.5rem;
}
.magazin-hlavni-clanek-text .titulek {
  font-size: 1.125rem;
  margin-bottom: 0;
}
.magazin-hlavni-clanek-text p {
  max-height: 76px;
  overflow: hidden;
  margin-bottom: 0;
  line-height: 1.56;
}

@media (min-width: 960px) {
  .magazin-vypis .flex {
    margin: 0 -1rem;
  }
}

.magazin-hlavni-clanek-detail .inpirace-paticka {
  margin-bottom: 2rem;
}
.magazin-hlavni-clanek-detail .inpirace-paticka .cas {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.clanek-datum,
.clanek-kategorie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1rem;
}

.clanek-datum img,
.clanek-kategorie img {
  margin-right: 5px;
  opacity: 0.5;
}

.clanek-autor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}
.clanek-autor img {
  width: 29px;
}

.detail-autor {
  margin: 3rem 0;
}

.detail-autor-info {
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem 2rem 0;
}

.detail-autor-info-img {
  min-width: 220px;
}
.detail-autor-info-img img {
  display: block;
}

.detail-autor-info-text h5 {
  font-family: "Prompt";
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.85rem;
}

.detail-autor-info-text .autor-titul {
  font-family: "Prompt";
  font-size: 0.625rem;
  text-transform: uppercase;
}

.detail-autor-info-text p {
  font-size: 0.85rem;
}

.detail-autor-footer {
  border: 2px solid #e3e3e3;
  padding: 1rem;
}

.detail-autor-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.detail-autor-stitky,
.detail-autor-sdileni {
  font-size: 0.75rem;
  font-family: "Prompt";
  text-transform: uppercase;
}
.detail-autor-stitky strong,
.detail-autor-sdileni strong {
  display: block;
  margin-bottom: 0.5rem;
}
.detail-autor-stitky ul,
.detail-autor-sdileni ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.detail-autor-stitky ul li,
.detail-autor-sdileni ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detail-autor-stitky a,
.detail-autor-sdileni a {
  font-weight: bold;
}

.detail-autor-stitky ul {
  margin-top: 0.75rem;
}

.detail-autor-stitky li {
  margin-right: 1rem;
}
.detail-autor-stitky li img {
  margin-right: 5px;
}

.detail-autor-sdileni {
  margin-left: auto;
}
.detail-autor-sdileni li {
  margin-right: 1px;
}
.detail-autor-sdileni a {
  text-decoration: none;
  background: #4267b2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.3rem 0.7rem 0.3rem;
  color: #fff;
}
.detail-autor-sdileni a img {
  width: 6px;
  margin-right: 0.5rem;
}
.detail-autor-sdileni a:hover {
  background: #2b4475;
}
.detail-autor-sdileni a.tweet {
  background: #1ea0f2;
}
.detail-autor-sdileni a.tweet:hover {
  background: #198cd4;
}
.detail-autor-sdileni a.tweet img {
  width: 10px;
}

@media (max-width: 520px) {
  .detail-autor-info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media (max-width: 1200px) {
  .magazin-hlavni-clanek-detail h2 {
    padding: 0;
    margin-bottom: 0;
  }
  .magazin-hlavni-clanek-detail h2 a {
    color: #3e3e3e;
  }
  .magazin-hlavni-clanek-detail .magazin-hlavni-clanek-bg,
  .magazin-hlavni-clanek-detail .magazin-hlavni-clanek-text,
  .magazin-hlavni-clanek-detail .inpirace-paticka {
    width: 100%;
  }
  .magazin-hlavni-clanek-detail .magazin-hlavni-clanek-text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .magazin-hlavni-clanek-detail .magazin-hlavni-clanek-bg {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
  .magazin-hlavni-clanek-detail .inpirace-paticka {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0;
  }
  .magazin-hlavni-clanek-detail .magazin-hlavni-clanek-text {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-width: none;
    width: auto;
    color: #3e3e3e;
  }
  .detail-autor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .detail-autor-info {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .detail-autor-footer {
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .detail-autor-stitky,
  .detail-autor-sdileni {
    width: 100%;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .detail-autor-stitky strong,
  .detail-autor-sdileni strong {
    display: inline-block;
    margin: 0;
    margin-right: 0.5rem;
  }
  .detail-autor-stitky ul,
  .detail-autor-sdileni ul {
    margin: 0;
  }
  .detail-autor-stitky {
    margin-bottom: 1rem;
  }
}

@media (max-width: 600px) {
  .detail-autor-sdileni {
    display: block;
    text-align: center;
  }
  .detail-autor-sdileni strong {
    display: block;
  }
  .detail-autor-sdileni ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .magazin-hlavni-clanek-detail .inpirace-paticka {
    padding-bottom: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .magazin-hlavni-clanek-detail .inpirace-paticka > div {
    width: 50%;
    margin: 0 0 0.5rem 0;
    text-align: left;
  }
  .detail-autor-info {
    padding: 1rem;
  }
  .detail-autor-info-img {
    min-width: 100px;
    margin-right: 1rem;
  }
  .detail-autor-info-img img {
    width: 100px;
  }
}

@media (max-width: 760px) {
  .magazin-kategorie li {
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
  }
  .magazin-kategorie li a {
    display: block;
  }
}

.poradna-text {
  font-size: 0.85rem;
}

@media (max-width: 460px) {
  .dotaz-hlavicka.poradna-odpoved .dotaz-odpovedel {
    width: 100%;
    margin: 0;
  }
}

.magazin-kategorie .aktivniKategorie a,
.magazin-kategorie .aktivniKategorie span {
  color: #e41515;
  text-decoration: none;
}

.obtekanyTextemZprava {
  float: left;
  margin: 1.5rem 2rem 1rem 0;
}

.obtekanyTextemZleva {
  float: right;
  margin: 1.5rem 0 1rem 2rem;
}

.dotaz-odpovedi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1rem;
}
.dotaz-odpovedi img {
  opacity: 0.5;
  margin-right: 5px;
}

.obsahova-cast {
  margin-bottom: 3rem;
}

.poradna .podtrzeny-nadpis {
  text-align: left;
  margin-bottom: 2rem;
}
.poradna .podtrzeny-nadpis::after {
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.poradna .header-magazin {
  margin-bottom: 0;
}

.poradna .odpovedi {
  margin: 0;
  padding-top: 0;
  background: #fff;
}

.poradna .odpovedi-info {
  background: #fff;
}

.poradna .poradna-prispevek {
  margin-bottom: 3rem;
}
.poradna .poradna-prispevek h3 {
  font-size: 1rem;
  margin-bottom: 0;
}
.poradna .poradna-prispevek p {
  margin-bottom: 0;
  line-height: 1.8;
}

.poradna-prispevek {
  margin-bottom: 3rem;
}

@media (max-width: 620px) {
  .dotaz-hlavicka {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.poradna-kategorie-page .header-magazin {
  margin-bottom: 2.5rem;
}

.poradna-kategorie-page .podtrzeny-nadpis {
  margin-bottom: 2rem;
  text-align: left;
}
.poradna-kategorie-page .podtrzeny-nadpis h2 {
  text-align: left;
}
.poradna-kategorie-page .podtrzeny-nadpis::after {
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.poradna-kategorie-page .odpovedi-mnozstvi {
  font-family: "Prompt";
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85rem;
}
.poradna-kategorie-page .odpovedi-mnozstvi li:first-child {
  margin-left: 0;
}

.kategorie-ceka {
  margin-bottom: 4rem;
}
.kategorie-ceka .podtrzeny-nadpis {
  margin: 0;
  margin-bottom: 1rem;
}

.poradna-blok {
  margin-bottom: 3rem;
}

.poradna-kategorie-detail .header-magazin h2 {
  text-align: center;
  position: relative;
}
@media only screen and (min-width: 760px) {
  .poradna-kategorie-detail .header-magazin h2 {
    font-size: 2.75rem;
    letter-spacing: 20px;
  }
}
.poradna-kategorie-detail .header-magazin h2 span {
  background: #f5f5f5;
  padding: 0 1rem;
  position: relative;
  z-index: 1;
}
.poradna-kategorie-detail .header-magazin h2::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #e4e4e4;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

.poradna-kategorie-detail h1 {
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: #e41515;
}

.poradna-kategorie-detail h2 {
  text-align: left;
}

.poradna-kategorie-detail .podtrzeny-nadpis::after {
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.dotaz-hlavicka.poradna-odpoved {
  background: #f5f5f5;
  border: 0;
  color: #3e3e3e;
  padding: 0.8rem 1rem;
  margin-bottom: 2rem;
}
.dotaz-hlavicka.poradna-odpoved a {
  color: #3e3e3e;
}
.dotaz-hlavicka.poradna-odpoved .dotaz-odpovedel {
  margin-left: auto;
  margin-right: 0;
}
.dotaz-hlavicka.poradna-odpoved div:not(.cas) > img {
  opacity: 0.5;
}

@media (min-width: 960px) and (max-width: 1200px) {
  .dotaz-hlavicka.poradna-odpoved {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.poradna-diskuze {
  background: #f5f5f5;
  padding: 2rem;
}
.poradna-diskuze .podtrzeny-nadpis {
  margin-top: 0;
  margin-bottom: 2rem;
}
.poradna-diskuze .autor {
  font-family: Prompt;
  font-size: 0.75rem;
  font-weight: bold;
  color: #878796;
  margin-bottom: 0.3rem;
}
.poradna-diskuze .prispevek.admin {
  background: #fff;
}
.poradna-diskuze .prispevek.admin::before {
  background: #fff;
}

.poradna-vypis-prispevku {
  margin: 2rem 0 3rem;
}

@media (max-width: 480px) {
  .prispevek.admin .prispevek-header {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .prispevek.admin .prispevek-header .prispevek-logo {
    display: none;
  }
}

.odeslat-prispevek {
  margin: 1rem 0;
}
.odeslat-prispevek span {
  font-family: Prompt;
  font-size: 0.75rem;
  font-weight: 600;
  color: #3e3e3e;
  text-transform: uppercase;
  margin-left: 1rem;
}
@media only screen and (max-width: 599px) {
  .odeslat-prispevek span {
    margin: 1rem 0;
    display: block;
    text-align: center;
  }
}

@media (min-width: 760px) {
  .poradna-diskuze .form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .poradna-diskuze .form .col {
    width: 50%;
  }
  .poradna-diskuze .form .col:nth-of-type(2) input[type="text"] {
    border-left: 0;
  }
  .poradna-diskuze .form .row,
  .poradna-diskuze .form .odeslat-prispevek {
    width: 100%;
  }
  .poradna-diskuze .form textarea {
    height: 260px;
  }
  .poradna-diskuze .form .btn {
    padding: 0 3rem;
  }
}

.header-magazin .poradnaNahradaH1 {
  font-size: 2rem;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: #3e3e3e;
  position: relative;
  max-width: none;
  font-family: "Prompt";
  margin-bottom: 0;
}
.header-magazin .poradnaNahradaH1 span {
  background: #f5f5f5;
  padding: 0 1rem;
  position: relative;
  z-index: 1;
}
.header-magazin .poradnaNahradaH1::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #e4e4e4;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

.header-magazin .poradnaNahradaH2 {
  font-size: 1.125rem;
  text-transform: uppercase;
  font-family: "Prompt";
  font-weight: 800;
}

@media (min-width: 760px) {
  .header-magazin .poradnaNahradaH1 {
    font-size: 2.75rem;
    letter-spacing: 20px;
  }
}

@media (max-width: 380px) {
  .alt .nahled {
    width: 50% !important;
  }
}

.icon-user:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 26px;
  background: url(../img/user.png) no-repeat;
}

.icon-basket:before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url(../img/basket.svg) no-repeat;
  background-size: cover;
}

.icon-menu:before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url(../img/mobil-menu.png) no-repeat;
  background-size: contain;
}

.header-btns .navBtn.kontakt-btn > a {
  padding-top: 25px;
}

.header-btns .navBtn.prihlaseni-btn > a {
  padding-top: 18px;
}

.header-btns .navBtn.menu-btn > a {
  padding-top: 15px;
}

@media (min-width: 1200px) {
  .header-btns .navBtn.prihlaseni-btn > a {
    padding-top: 6px;
  }
  .header-btns .navBtn.kontakt-btn > a {
    padding-top: 25px;
  }
  .header-btns .navBtn.kontakt-btn > a img {
    margin-bottom: 10px;
  }
  .prihlaseni-btn span {
    padding-top: 6px;
  }
}

@media (max-width: 380px) {
  .alt .nahled {
    width: 50% !important;
  }
}

.blok-cikcak {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  clear: both;
}

.blok-cikcak figcaption {
  font-size: 0.85rem;
  color: #999;
}

.blok-cikcak img {
  max-width: 250px;
}

.blok-cikcak figure {
  text-align: center;
}

.potah figure {
  text-align: left;
}

.blok-cikcak > div.potah {
  width: 30%;
}

.blok-cikcak > div.potah1 {
  width: 60%;
}

.blok-cikcak.blok-col-3 {
  display: block;
}

.blok-cikcak.blok-col-3 .blok-cikcak--text,
.blok-cikcak.blok-col-3 .blok-cikcak--text h2 {
  text-align: center;
}

.blok-cikcak.blok-col-3 .blok-cikcak--obrazek {
  text-align: left;
}

@media (min-width: 760px) {
  .blok-cikcak {
    display: flex;
    justify-content: space-between;
  }
  .blok-cikcak > div {
    width: 48%;
  }
  .blok-cikcak.lichy-blok {
    flex-direction: row-reverse;
  }
  .blok-cikcak.blok-col-3 .blok-cikcak--text,
  .blok-cikcak.blok-col-3 .blok-cikcak--obrazek {
    width: 100%;
  }
  .blok-cikcak.blok-col-3 .blok-cikcak--obrazek {
    display: flex;
    justify-content: space-between;
  }
  .blok-cikcak.blok-col-3 .blok-cikcak--obrazek > div {
    width: 31%;
  }
  .blok-cikcak.blok-col-6 > div {
    width: 48%;
  }
}

.blok-cikcak--obrazek {
  text-align: center;
}

.detail-texty li {
  position: relative;
  padding-left: 1.2rem;
}

.detail-texty li::before {
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  color: #33b145;
  position: absolute;
  left: 0;
  top: 6px;
}

.prihlaseni-btn svg {
  width: 50px;
  height: 48px;
  fill: #fff;
}

.prihlaseni-btn span {
  margin: 0;
}

.svg-zamek {
  fill: #000;
}

.navBtn.aktivni svg {
  fill: #000;
}

.navBtn.aktivni .svg-zamek {
  fill: #fff;
}

.tlacitka-koupit button[type="submit"] {
  font-size: 1rem;
  line-height: 52px;
  padding-left: 0;
  padding-top: 1px;
}

.tlacitka-koupit button[type="submit"] svg {
  fill: white;
  width: 28px;
  position: relative;
  top: 3px;
  filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.2));
}

.ikonka-btn {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1);
  margin-right: 0.5rem;
}

#parametry .inner {
  margin-bottom: 3rem;
}

.sudy-blok,
.lichy-blok {
  border-top: 1px solid #e8e8e8;
  padding-top: 3rem;
}

.blok-cikcak:first-child {
  border: 0;
}

#popis-produktu .barevne-varianty ul {
  display: flex;
  justify-content: center;
  text-align: center;
}

#popis-produktu .barevne-varianty ul li {
  padding: 0.5rem;
  font-size: 0.8rem;
  width: calc(20% - 6px);
  border: 1px solid #e8e8e8;
  margin: 3px;
}

#popis-produktu .barevne-varianty ul li:hover {
  border-color: #777;
}

#popis-produktu .barevne-varianty ul li::before {
  display: none;
}

#popis-produktu .barevne-varianty ul li img {
  max-width: 100%;
}

.barevna-varianta--obrazek {
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.barevna-varianta--stav {
  color: #33b145;
}

.barevna-varianta--neni_skladem {
  color: #cc1122;
}

#popis-produktu ul.anoma {
  background: #daffdf;
  padding: 10px 10px 1px 15px;
}

#popis-produktu ul.anoma a {
  color: black;
}

#popis-produktu ul.anoma li::before {
  content: "\f118";
  font: normal normal normal 35px/1 FontAwesome;
  color: #33b145;
  position: absolute;
  left: 0;
  top: 6px;
  width: auto;
  height: auto;
  background: none;
}

#popis-produktu ul.anoma {
  background: #daffdf;
  padding: 10px 10px 1px 15px;
}

#popis-produktu ul.anoma a {
  color: black;
}

#popis-produktu ul.anoma li::before {
  content: "\f118";
  font: normal normal normal 35px/1 FontAwesome;
  color: #33b145;
  position: absolute;
  left: 0;
  top: 6px;
}

#popis-produktu ul li {
  position: relative;
  margin-bottom: 0.5rem;
  list-style: square;
}

#popis-produktu ul.nenic {
  background: #f5f5f5;
  padding: 10px 10px 1px 15px;
}

#popis-produktu ul.nenic a {
  color: black;
}

#kontakt_aside.ukaz,
#user_aside.ukaz,
#kosik_aside.ukaz {
  left: auto;
  right: 0;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

#rozklik_kontakt {
  display: none;
  left: -100%;
  transition: all 0.3s;
  font-size: 0.85rem;
  font-weight: normal;
}

#rozklik_kontakt.kontaktMobilShow {
  display: block !important;
  position: absolute;
  top: 4.5rem;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.aktivni #rozklik_kontakt {
  display: flex;
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  width: 600px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.registrovat .nadpisy {
  width: 100%;
}

@media (min-width: 560px) {
  #rozklik_kontakt.kontaktMobilShow {
    display: flex !important;
  }
}

.header-btns.otevrenyNavBtnMobil .navBtn.aktivniBtnMobil > a {
  background: #fff;
}

.otevrenyNavBtnMobil .navBtn:not(.aktivniBtnMobil) {
  background: #f0f0f0;
}

.header-btns .navBtn.kontakt-btn > a img.down {
  margin-bottom: 0;
}

@media (min-width: 1200px) {
  .fixni-pruh.fixed .header-btns .navBtn > a {
    width: 100px;
    padding: 0 5px;
  }
  .fixni-pruh.fixed .prihlaseni-btn span {
    padding: 0;
  }
  .fixni-pruh.fixed .header-btns .navBtn.kontakt-btn > a {
    padding-top: 8px;
  }
  .fixni-pruh.fixed .aktivni #rozklik_kontakt {
    top: 70px;
  }
}

.detail-texty li {
  list-style: none;
}

.blok-col-4 {
  flex-wrap: wrap;
}
.blok-col-4 > div {
  width: 100%;
  margin: 0.5rem 0;
}

@media (min-width: 960px) {
  .blok-col-4 > div {
    width: calc(33.3% - 1rem);
    margin: 0 0.5rem;
  }
}

.aktivniBtnMobil .demo-icon::before {
  content: "\e80f" !important;
  background: none !important;
  color: #000;
  font-size: 20px;
  position: relative;
  top: -4px;
}

.kontakt-btn.aktivniBtnMobil img {
  opacity: 0;
}

.header-btns.otevrenyNavBtnMobil .navBtn.aktivniBtnMobil > a {
  background: #e41515;
}

.aktivniBtnMobil .demo-icon::before {
  color: #fff;
}

.kontakt-btn.aktivniBtnMobil a::before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  content: "\e80f" !important;
  background: none !important;
  color: #fff;
  font-size: 20px;
  position: relative;
  top: -4px;
}

.blok-cikcak figure {
  position: relative;
  padding-top: 170px;
  overflow: hidden;
}

.blok-cikcak figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.aktivniBtnMobil > a::after {
  display: block;
  content: "";
  position: absolute;
  width: 100%;
  height: 9px;
  background: #e41515;
  bottom: 0;
  left: 0;
  z-index: 10;
}
@media (max-width: 1200px) {
  .header-btns span:not(#lista_pocet_kosik) {
    font-size: 0.65rem;
    color: #000;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5px;
  }
  .header-btns #rozklik_kontakt span {
    position: static;
    transform: none;
  }
  #kosik-napis-cena {
    bottom: 0 !important;
  }
  .logo a,
  .logo span {
    background: url(../img/logo-mini.png) no-repeat center;
    background-size: contain;
    margin-left: 10px;
  }
  .header-btns .navBtn.kontakt-btn > a {
    padding-top: 22px;
  }
  .header-btns .navBtn.prihlaseni-btn > a {
    padding-top: 16px;
  }
  .header-btns .navBtn.menu-btn > a {
    padding-top: 20px;
  }
  .header-btns .navBtn.menu-btn.aktivniBtnMobil > a {
    padding-top: 15px;
  }
  .aktivniBtnMobil .btn-text,
  .aktivniBtnMobil #kosik-napis-cena {
    color: #fff !important;
  }
}

@media (max-width: 420px) {
  .logo a,
  .logo span {
    background: url(../img/logo-symbol.svg) no-repeat center;
    width: 70px;
    background-size: contain;
  }
}

.blok-cikcak.textovy-blok > div {
  width: 100%;
}

.obrazek-vlastnost {
  position: relative;
}

.detail-klicove-vlastnosti .vyhoda {
  border: 1px solid #ccc;
  margin: 0 0.5rem;
  padding: 1rem;
}

@media (min-width: 660px) {
  .detail-klicove-vlastnosti .vyhody {
    justify-content: center;
  }
  .detail-klicove-vlastnosti .vyhoda {
    width: 100%;
    max-width: calc(33.3% - 1rem);
  }
  .obrazek-vlastnost {
    padding-top: 115px;
    overflow: hidden;
  }

  .obrazek-vlastnost img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media (min-width: 960px) {
  .obrazek-vlastnost {
    padding-top: 135px;
    overflow: hidden;
  }
}

.detail-kup .tlacitka-koupit .kusy {
  display: flex;
  width: auto;
  position: relative;
}

.tlacitka-koupit .kusy input[type="text"] {
  height: 50px;
  width: 50px;
  border: 2px solid #e3e3e3;
  box-shadow: 0 2px 0 #cacaca;
  text-align: center;
  line-height: 50px;
  margin: 0 -2px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  font-weight: 600;
}

.detail-kup .tlacitka-koupit .kusy button {
  position: static;
  width: 40px;
  height: 50px;
  background: linear-gradient(
    to bottom,
    rgba(198, 198, 198, 1) 0%,
    rgba(184, 184, 184, 1) 100%
  );
  margin: 0 4px;
  border-radius: 2px;
  border-color: rgba(184, 184, 184, 1);
  box-shadow: 0 2px 0 #989494;
}

.detail-kup .tlacitka-koupit .kusy button:hover {
  background: linear-gradient(
    to bottom,
    rgba(184, 184, 184, 1) 0%,
    rgba(164, 164, 164, 1) 100%
  );
}

.tlacitka-koupit .kusy button.minus {
  order: 1;
}

.tlacitka-koupit .kusy button.plus {
  order: 3;
}

.tlacitka-koupit input[type="submit"],
.tlacitka-koupit button[type="submit"],
.tlacitka-koupit .kupovaciTlacitko {
  width: 100%;
  height: 50px;
  padding: 0 1rem;
  font-size: 0.85rem;
  background: linear-gradient(
    to bottom,
    rgba(50, 178, 84, 1) 0%,
    rgba(0, 134, 40, 1) 100%
  );
  box-shadow: 0 2px 0 #00671f;
  color: #fff;
  text-align: center;
  border: 0;
  border-radius: 3px;
  text-transform: uppercase;
}

.tlacitka-koupit input[type="submit"]:hover,
.tlacitka-koupit button[type="submit"]:hover,
.tlacitka-koupit .kupovaciTlacitko:hover {
  background: linear-gradient(
    to bottom,
    rgba(50, 178, 84, 0.8) 0%,
    rgba(0, 134, 40, 0.8) 100%
  );
}

/* nový konfig */

.konfig-casti {
  max-width: 1200px;
  margin: 0 auto;
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem 0;
}
.konfig-casti li {
  margin: 0 0.5rem;
}

.konfig-vyplneni {
  font-size: 0.75rem;
  text-align: right;
}
.konfig-vyplneni span {
  display: inline-block;
  border-radius: 3px;
  background: #cf0514;
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px 5px;
  color: #fff;
  margin-bottom: 3px;
}

.jiz-vybrano .konfig-vyplneni span {
  z-index: 1;
  position: relative;
  bottom: -1px;
  background: #008628;
}

.konfig-policko {
  border: 1px solid #ccc;
  padding: 0.5rem;
  padding-top: 5px;
}

.konfig-nazev {
  width: 100%;
}

.konfig-cislice {
  position: relative;
  top: -18px;
  margin-left: -9px;
  display: inline-block;
}

.pop-konfigurator .konfig-cislice {
  top: -18px;
}

.konfig-cislice-kruh {
  width: 45px;
  height: 45px;
  background: #ccc;
  color: #000;
  text-align: center;
  border-radius: 50%;
  line-height: 45px;
  font-size: 0.75rem;
  position: relative;
}
.konfig-cislice-kruh span {
  font-size: 1rem;
}

.prekryvac-cislo {
  display: block;
  width: 20px;
  height: 20px;
  background: #f5f5f5;
  position: absolute;
  top: 0;
  left: 0;
}

.pop-konfigurator .prekryvac-cislo {
  background: #ececf7;
}

.konfig-obrazek {
  width: 40px;
  margin: 0 0.5rem;
  display: inline-block;
}
.konfig-obrazek img {
  width: 40px;
}

.konfig-nazev {
  font-size: 1.2rem;
  line-height: 1;
  margin: -0.8rem 0 0;
}

/* a:link {
    color:#CC1122;
  }

  a:visited {
    color: #CC1122;
  }

  a:hover {
    color: #CC1122;
  }

  a:active {
    color: #CC1122;
  }   */

.konfig-nakonec {
  background: linear-gradient(to bottom, #5f71c6 0%, #29379c 100%);
  color: #fff !important;
  display: inline-block;
  padding: 1rem;
}

.konfig-nakonec:hover {
  background: linear-gradient(to bottom, #323232 0%, #060606 100%);
}

@media (max-width: 820px) {
  .konfig-casti {
    border: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .konfig-casti li {
    display: none;
  }
  .konfig-casti li.aktivni-parametr,
  .konfig-casti li.sipka-zpet,
  .konfig-casti li.sipka-dale {
    display: block;
    margin: 0;
  }
  .konfig-casti li.aktivni-parametr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
  }
  .konfig-casti li.aktivni-parametr .konfig-vyplneni {
    width: 100%;
    text-align: right;
  }
  .konfig-casti li.sipka-zpet,
  .konfig-casti li.sipka-dale {
    width: 50px;
  }
  .konfig-casti li.sipka-zpet a,
  .konfig-casti li.sipka-dale a {
    display: block;
    text-decoration: none;
    position: relative;
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#5f71c6),
      to(#29379c)
    );
    background: -webkit-linear-gradient(top, #5f71c6 0%, #29379c 100%);
    background: -o-linear-gradient(top, #5f71c6 0%, #29379c 100%);
    background: linear-gradient(to bottom, #5f71c6 0%, #29379c 100%);
    color: #fff;
    font-size: 0.85rem;
    padding: 5px 12px;
  }
  .konfig-casti li.sipka-zpet a:hover,
  .konfig-casti li.sipka-dale a:hover {
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      from(#323232),
      to(#060606)
    );
    background: -webkit-linear-gradient(top, #323232 0%, #060606 100%);
    background: -o-linear-gradient(top, #323232 0%, #060606 100%);
    background: linear-gradient(to bottom, #323232 0%, #060606 100%);
  }
  .konfig-casti li.sipka-zpet a i,
  .konfig-casti li.sipka-dale a i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .konfig-casti li.sipka-zpet {
    margin-left: -1rem;
  }
  .konfig-casti li.sipka-zpet a {
    text-align: right;
  }
  .konfig-casti li.sipka-zpet a i {
    left: 5px;
  }
  .konfig-casti li.sipka-dale {
    margin-right: -1rem;
  }
  .konfig-casti li.sipka-dale a i {
    right: 5px;
  }
  .konfig-policko {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    width: 100%;
  }
  .konfig-cislice {
    position: static;
    margin: 0;
  }
  .konfig-obrazek {
    min-width: 40px;
    margin-top: 3px;
  }
  .konfig-nazev {
    width: auto;
    margin: 2px 4px;
  }
}

.obal--novykonfig-zidle .novykonfig-zidle {
  background: #ececf7;
  width: calc(100% - 1rem - 330px);
  height: 90vh;
  max-height: 90vh;
  position: relative;
  padding: 1rem;
}
.novykonfig-zidle #neco20.konfig-shrnuti {
  padding: 0.3rem;
}
.novykonfig-zidle ul.vypis-vlastnosti {
  list-style: none;
  padding: 0;
}
.novykonfig-zidle ul.vypis-vlastnosti li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #ddd;
  padding: 0.2rem 0;
}
.novykonfig-zidle ul.vypis-vlastnosti li:last-child {
  border-bottom: 1px solid #ddd;
}
.novykonfig-zidle ul.vypis-vlastnosti li::before {
  display: none;
}
.vypis-vlastnosti a {
  color: #e41515;
}
.novykonfig-zidle #neco20 {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
.novykonfig-zidle .overflow-obal {
  position: static;
}
.novykonfig-zidle a.uzavirac {
  width: 100px;
  background-position: top right;
  top: 1rem;
  right: 1rem;
}

.obr-casti {
  min-width: 40px;
  width: 40px;
  margin-right: 0.5rem;
}
.obr-casti img {
  max-width: 100%;
}

.odkaz-nastaveni {
  margin-left: auto;
}

.odkaz-nastaveni a {
  font-weight: bold;
}

.poradove-cislo-konfigu {
  min-width: 35px;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 50%;
  background: #ccc;
  font-size: 0.75rem;
  margin-right: 0.5rem;
}
.poradove-cislo-konfigu span {
  font-size: 1rem;
}
.parametr-konfig {
  line-height: 1;
}
.parametr-konfig b {
  font-weight: bold;
  display: block;
}

.novy-konfig-zidli-cena {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.novy-konfig-zidli-cena p {
  margin: 0;
}
.novy-konfig-zidli-cena .puvodni-cena {
  text-decoration: line-through;
  opacity: 0.6;
}
.novy-konfig-zidli-cena .aktualni-cena {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0.3rem 0;
}
.novy-konfig-zidli-cena .aktualni-cena span {
  font-weight: normal;
  font-size: 1rem;
  opacity: 0.6;
}
.novy-konfig-zidli-cena .cena-bez-dph {
  opacity: 0.6;
}

.fixni-spodek {
  background: #f5f5f5;
  border-top: 1px solid #ccc;
  position: fixed;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
  left: 0;
  bottom: 0;
  z-index: 10000;
}
.fixni-spodek a {
  display: inline-block;
  padding: 1rem 2rem;
  background: linear-gradient(to bottom, #305ca8 0%, #1d4486 100%);
  color: #ffffff;
  text-decoration: none;
}
.fixni-spodek a:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#323232),
    to(#060606)
  );
  background: -webkit-linear-gradient(top, #323232 0%, #060606 100%);
  background: -o-linear-gradient(top, #323232 0%, #060606 100%);
  background: linear-gradient(to bottom, #323232 0%, #060606 100%);
}
.fixni-spodek .zavrit {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#d83942),
    to(#bf181e)
  );
  background: -webkit-linear-gradient(top, #d83942 0%, #bf181e 100%);
  background: -o-linear-gradient(top, #d83942 0%, #bf181e 100%);
  background: linear-gradient(to bottom, #d83942 0%, #bf181e 100%);
  color: #fff;
  padding: 1rem 2rem;
}
.fixni-spodek .zavrit:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#323232),
    to(#060606)
  );
  background: -webkit-linear-gradient(top, #323232 0%, #060606 100%);
  background: -o-linear-gradient(top, #323232 0%, #060606 100%);
  background: linear-gradient(to bottom, #323232 0%, #060606 100%);
}

.fixni-spodek-cena {
  width: 100%;
  text-align: center;
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 1.4rem;
}
.fixni-spodek-cena span {
  font-weight: normal;
  font-size: 1rem;
  opacity: 0.6;
}

.jiz-vybrano .konfig-policko {
  background: #bcfdcd;
  border-color: #008628;
  color: #008628;
}

@media (min-width: 821px) {
  .konfig-casti li.sipka-zpet,
  .konfig-casti li.sipka-dale {
    display: none;
  }
  .konfig-vyplneni span {
    margin-bottom: 0;
    border-radius: 3px 3px 0 0;
  }
}
.podKonfigem {
  margin: 1rem -1rem -1rem -1rem;
}

.podKonfigem--doprava {
  padding: 2rem;
  color: #e41515;
  border-top: 1px solid #ddd;
}

.podKonfigem--doprava a {
  color: #e41515;
}

.podKonfigem--doprava i {
  font-size: 2rem;
  margin-right: 1rem;
}

.podKonfigem--info {
  border-top: 1px solid #ddd;
}

.podKonfigem--item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  background: #f5f5f5;
  padding: 1rem 2rem;
}

.podKonfigem--item-img {
  width: 50px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-right: 1rem;
}

.podKonfigem--item-img i {
  font-size: 2rem;
}

.podKonfigem--item-text p {
  margin: 0;
}

.neni-skladem {
  color: #305ca8 !important;
}

.doprava,
.item-doprava .icon-delivery {
  color: rgba(0, 134, 40, 0.8) !important;
}

@media only screen and (min-width: 600px) {
  .vypis-kotev h2::after,
  .pop-moznosti-dopravy h2::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: #e8e8e8;
    top: 16px;
    left: 0px;
    z-index: -1;
    position: absolute;
  }
  .pop-moznosti-dopravy h2::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: #e8e8e8;
    top: 16px;
    left: 0px;
    position: absolute;
    z-index: 0;
  }
  .vypis-kotev .klik h2::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    background: #e8e8e8;
    top: 16px;
    left: 0px;
    z-index: -1;
    position: absolute;
  }
  .vypis-kotev h2 span {
    padding-bottom: 1rem;
    background: #fff;
    position: relative;
    padding: 0 0.5rem;
    font-size: 1.5rem;
  }
  .vypis-kotev h2,
  .vypis-kotev .klik h2,
  .pop-moznosti-dopravy h2 {
    text-align: center;
    margin-bottom: 1.3rem;
    position: relative;
    border: 0;
    padding-bottom: 0;
  }
}

.lista-kotvy a br {
  display: none !important;
}

.pop-konfigurator .fixni-spodek {
  position: absolute;
  bottom: 0;
}

.vyhody .vyhoda a {
  color: #e41515;
  text-decoration: underline;
}

.vyber--konfigu {
  padding: 1rem;
  border: 1px solid #ccc;
}

.pop-konfigurator .vyber--konfigu {
  margin-bottom: 80px;
  height: 100%;
  max-height: calc(90vh - 90px - 140px);
  overflow: auto;
  position: relative;
  background: #fff;
  top: -3px;
}

.pop-konfigurator .vyber--konfigu.jednoducha-polozka {
  max-height: calc(90vh - 180px);
}

.pop-konfigurator .vyber--konfigu.bez-prepinacu {
  max-height: calc(90vh - 180px);
}

.pop-konfigurator .fixni-spodek-cena {
  width: auto;
  order: 2;
}

.pop-konfigurator .fixni-spodek .zavrit {
  order: 1;
  cursor: pointer;
}

.pop-konfigurator .fixni-spodek .zmenit-paramatery {
  order: 3;
  cursor: pointer;
}

.polozka--konfig {
  border: 1px solid #ccc;
  padding: 1rem;
  margin-bottom: 1rem;
  background: #f5f5f5;
  cursor: pointer;
  position: relative;
}

.polozka--konfig p {
  font-size: 0.85rem;
}

.polozka--konfig-img {
  background: #fff;
  padding: 1rem;
  border: 1px solid #ccc;
}

.polozka--konfig-info {
  margin-top: 1rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  font-weight: bold;
}

.polozka--konfig-text {
  margin-bottom: 1rem;
  text-align: left;
}

.pop-konfigurator {
  text-align: left;
  width: 100%;
  max-width: 1200px;
  margin: auto;
}

.vybrana--polozka {
  background: #bcfdcd;
}

.volicKonfigu {
  display: -webkit-box;
  display: flex;
  font-size: 0.85rem;
  align-items: center;
}

.volicKonfigu a {
  color: #000;
  width: 95px;
  height: 30px;
  line-height: 24px;
  display: inline-block;
  text-decoration: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: -webkit-box;
  display: flex;
  margin-left: auto;
  cursor: pointer;
  padding: 3px;
  background: linear-gradient(to bottom, #eef0f2 0%, #e2e5e7 100%);
}

.vybranej_konfig .fajfka {
  display: inline-block;
  width: 20px;
  height: 22px;
  text-align: center;
  background: url(../img/fajfka.png) no-repeat;
  background-size: cover;
}

.volicKonfigu a:hover {
  color: #e41515;
}

.volicKonfigu a:hover .fajfka {
  background: url(../img/tlacitko4.png) no-repeat;
  background-size: cover;
}

.volicKonfigu a.vybranej_konfig:hover .fajfka {
  background: url(../img/fajfka.png) no-repeat;
  background-size: cover;
  color: #000;
}

.volicKonfigu a.vybranej_konfig.nejde-hover:hover {
  color: #000;
}

.volicKonfigu a span.vyberKonfig {
  padding: 0 4px 0 8px;
  height: 22px;
  display: inline-block;
}

.fajfka {
  display: inline-block;
  width: 20px;
  height: 22px;
  text-align: center;
  background: url(https://kancelarska-zidle.cz/img/tlacitko3.png) no-repeat;
  background-size: cover;
}

@media (min-width: 520px) {
  .vyber--konfigu {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .vyber--konfigu.full--polozka {
    display: block;
  }
  .vyber--konfigu h2 {
    width: 100%;
  }

  .polozka--konfig {
    margin: 0.5rem;
    width: calc(50% - 1rem);
  }

  .full--polozka .polozka--konfig {
    width: 100%;
  }
}

@media (min-width: 760px) {
  .polozka--konfig {
    margin: 0.5rem;
    width: calc(50% - 1rem);
    display: flex;
  }
  .polozka--konfig-img {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .polozka--konfig-sloupec {
    width: calc(60% - 1rem);
    padding-left: 1rem;
  }

  .full--polozka .polozka--konfig-img {
    width: 20%;
  }

  .full--polozka .polozka--konfig-sloupec {
    width: calc(80% - 1rem);
    padding-left: 1rem;
  }

  .full--polozka .polozka--konfig {
    width: 100%;
  }
}

@media (min-width: 820px) and (max-width: 1100px) {
  .pop-konfigurator .fixni-spodek-cena {
    width: 100%;
    order: 1;
  }
  .pop-konfigurator .fixni-spodek .zavrit {
    order: 2;
  }
}

@media (min-width: 820px) and (max-width: 870px) {
  .prvni-radek-filtr select {
    font-size: 0.7rem !important;
  }
}

@media (max-width: 760px) {
  .pop-konfigurator .fixni-spodek-cena {
    width: 100%;
    order: 1;
  }
  .pop-konfigurator .fixni-spodek .zavrit {
    order: 2;
  }
  .blocker {
    padding: 0 !important;
  }
  .pop-konfigurator .fixni-spodek {
    position: fixed;
    padding: 0.5rem;
  }
  .fixni-spodek-cena {
    margin-bottom: 0.5rem;
  }
}

.vyber--latek {
  clear: both;
  width: 100%;
}

.vyber--latek ul {
  display: flex;
  flex-wrap: wrap;
}

.vyber--latek li {
  width: calc(20% - 10px);
  text-align: center;
  border-radius: 3px;
  padding: 2px 2px 5px 2px;
  background: #e2e5e7;
  margin: 5px;
  cursor: pointer;
}

@media (max-width: 760px) {
  .vyber--latek li {
    width: calc(20% - 10px);
  }
}

@media (max-width: 620px) {
  .vyber--latek li {
    width: calc(25% - 10px);
  }
}

@media (max-width: 520px) {
  .vyber--latek li {
    width: calc(33.3% - 10px);
  }
}

@media (min-width: 821px) and (max-width: 960px) {
  .vyber--latek li {
    width: calc(33.3% - 10px);
  }
}

@media (min-width: 961px) and (max-width: 1200px) {
  .vyber--latek li {
    width: calc(25% - 10px);
  }
}

.vyber--latek .volicKonfigu a {
  margin: 0;
  background: linear-gradient(to bottom, #eef0f2 0%, #e2e5e7 100%);
}

.obr-latky {
  width: calc(100% + 4.5px);
  height: 100px;
  position: relative;
  overflow: hidden;
  margin: 0 -2px;
  margin-bottom: 5px;
  font-size: 1rem;
}

.obr-latky img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100px;
  transform: translate(-50%, -50%);
}

.obr-latky span {
  position: absolute;
  background: #e2e5e7;
  padding: 2px;
  white-space: nowrap;
  display: none;
}

.vyber--latek li:hover .obr-latky span {
  display: inline-block;
}

.vyber--latek li.vybrana-latka .obr-latky span {
  display: inline-block;
  background: #bcfdcd;
}

.pocet-oteru {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.voda {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.skvrna {
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.gramaz {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.latka-cena {
  font-size: 0.85rem;
}

.btn-latky {
  width: 100%;
  display: flex;
  justify-content: center;
}

.filtrovani--barev {
  position: relative;
  z-index: 1;
}

.filtrovani--barev ul {
  display: flex;
  flex-wrap: wrap;
}

.filtrovani--barev li {
  margin: 5px 5px 5px 0;
}

.filtrovani--barev .prvni-radek-filtr li {
  margin-bottom: 0;
}

.prvni-radek-filtr li {
  display: block;
  padding: 10px;
  background: linear-gradient(to bottom, #eef0f2 0%, #e2e5e7 100%);
  border: 1px solid #ccc;
  text-decoration: none;
}

.druhy-radek-filtr {
  border: 1px solid #ccc;
  padding-left: 5px;
  position: relative;
  background: #fcfcfc;
  top: -1px;
  border-bottom: 0;
}

.druhy-radek-filtr a:not(.vyber_konfig) {
  display: block;
  padding: 2px 10px;
  background: linear-gradient(to bottom, #eef0f2 0%, #e2e5e7 100%);
  border: 1px solid #ccc;
  text-decoration: none;
  font-size: 0.85rem;
}

.filtrovani--barev a.vybrany-filtr-barev {
  background: linear-gradient(
    to bottom,
    rgba(50, 178, 84, 1) 0%,
    rgba(0, 134, 40, 1) 100%
  );
  color: #fff;
  border-color: #00671f;
}

.filtrovani--barev .prvni-radek-filtr li.vybrany-filtr-barev {
  background: #fcfcfc;
  border-color: #ccc;
  color: #00671f;
  position: relative;
}

.filtrovani--barev .prvni-radek-filtr li.vybrany-filtr-barev::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #fcfcfc;
  bottom: -1px;
  left: 0;
  z-index: 1;
}

.filtrovani--barev .vyber_konfig {
  width: auto;
  margin: 0;
}

.vyber--latek li.vybrana-latka {
  background: #bcfdcd;
  border: 1px solid #008628;
}

.vyber--latek li {
  position: relative;
}

.vybrana-latka-popup {
  width: 350px;
  max-width: 100vw;
  position: absolute;
  z-index: 2;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
}

.vybrana-latka-popup {
  font-size: 0.85rem;
}

.vybrana-latka-popup .obr-latky {
  height: 150px;
  width: 100%;
  margin: 0;
}

.vybrana-latka-popup .obr-latky span {
  display: block;
}

.vybrana-latka-popup .detail--latky-hodnoceni,
.vybrana-latka-popup .detail--latky-vlastnosti {
  padding: 0 1rem 1rem;
  text-align: left;
}

.vybrana-latka-popup .detail--latky-vlastnosti {
  padding-top: 0;
}

.vybrana-latka-popup .obr-latky img {
  height: auto;
  width: 100%;
}

.filtrovani--barev li.odsad-li {
  margin-left: auto;
}

.vyber_konfig.vybranej_konfig,
.volicKonfigu a.vybranej_konfig span.vyberKonfig {
  background: #fff !important;
}

.radek--latky-detail {
  margin-bottom: 2rem;
  width: 100%;
}

.detail--latky {
  border-top: 2px dashed #ccc;
  border-left: 0;
  border-right: 0;
  padding: 2rem 0;
}

.detail--latky h2 {
  text-align: left;
}

.overflow {
  overflow-y: auto;
  background: #fff;
}

.detail--latky-udaje {
  margin-bottom: 2rem;
}

.stars {
  width: 113px;
  height: 21px;
  background: url(../img/stars.png) no-repeat;
  position: relative;
}

.full--stars {
  position: absolute;
  left: 0;
  top: 0;
  height: 21px;
  background: url(../img/full-stars.png) no-repeat;
}

.detail--latky .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.detail--latky .flex > div {
  width: 48%;
}

.hodnoceni--radek {
  display: flex;
  padding: 0.5rem 0;
  border-top: 1px solid #ccc;
}

.hodnoceni--radek > div:first-child {
  width: 65%;
  white-space: nowrap;
}

.hodnoceni--text {
  font-weight: bold;
}

.detail--latky-symboly ul {
  display: flex;
}

.detail--latky-symboly li {
  margin-right: 5px;
}

.vypis--latek ul {
  display: flex;
  flex-wrap: wrap;
}

.vypis--latek li {
  width: calc(20% - 1rem);
  margin: 0.5rem;
  text-align: center;
}

.vypis--latek-nazev {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2px;
}

.vypis--latek-nazev a,
.spoust_info_popupu {
  display: inline-block;
  padding: 2px 5px;
  text-decoration: none;
  background: linear-gradient(to bottom, #305ca8 0%, #1d4486 100%);
  color: #fff;
  font-size: 0.85rem;
}

.vypis--latek-nazev a:hover,
.spoust_info_popupu:hover {
  background: linear-gradient(to bottom, #323232 0%, #060606 100%);
}

.vypis--latek-text {
  padding: 0.5rem;
  background: #f1f2f6;
  margin-top: -0.5rem;
}

.vypis--latek-text .volicKonfigu {
  justify-content: center;
}

.vypis--latek-text .volicKonfigu a {
  margin: 0;
}

@media (max-width: 760px) {
  .detail--latky .flex > div {
    width: 100%;
  }
}

.odsazene-li {
  margin-left: auto !important;
}

.obal--novykonfig-zidle {
  display: flex;
}

@media (max-width: 1200px) {
  .obal--novykonfig-zidle {
    flex-wrap: wrap;
  }
}

.kroky--konfigu {
  margin-left: 0rem;
  max-width: 330px;
  background: #fff;
  padding: 7px;
}

.kroky--konfigu h3 {
  margin-left: 1rem;
}

.kroky--konfigu ul.vypis-vlastnosti {
  list-style: none;
  padding: 0;
}

.kroky--konfigu ul.vypis-vlastnosti li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #ddd;
  padding: 0.2rem 0.4rem;
  height: 55px;
  cursor: pointer;
}

.kroky--konfigu ul.vypis-vlastnosti li.hotovy-krok {
  background: #c9f6cf;
}

.kroky--konfigu ul.vypis-vlastnosti li:hover,
.kroky--konfigu ul.vypis-vlastnosti li.konfig-popup-aktivni-zalozka {
  background: #ececf7;
  position: relative;
}

.kroky--konfigu ul.vypis-vlastnosti li.konfig-popup-aktivni-zalozka::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(1rem + 2px);
  height: 54px;
  top: -1px;
  left: -17px;
  background: #ececf7;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.odkaz-nastaveni .volicKonfigu a {
  width: 85px;
  font-weight: normal;
  font-size: 0.75rem;
}

.kroky--konfigu .parametr-konfig {
  font-size: 0.85rem;
  text-align: left;
}

.hotovy-krok .poradove-cislo-konfigu {
  color: #fff;
  background: linear-gradient(
    to bottom,
    rgba(50, 178, 84, 0.8) 0%,
    rgba(0, 134, 40, 0.8) 100%
  );
}

.kroky--konfigu-souhrn {
  display: flex;
  align-items: center;
  padding: 1rem 0.5rem;
}

.kroky--konfigu-souhrn .normal-cena {
  color: #4c4c4c;
  opacity: 0.3;
  text-align: right;
  text-decoration: line-through;
  font-size: 1rem;
  line-height: 1.5;
  text-align: left;
}

.kroky--konfigu-souhrn .nase-cena {
  font-size: 1.5rem;
  padding: 0;
  line-height: 1;
  font-weight: bold;
}

.kroky--konfigu-souhrn .kupovaciTlacitko {
  width: 100%;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  padding: 0 1rem;
  font-size: 0.85rem;
  background: linear-gradient(
    to bottom,
    rgba(50, 178, 84, 1) 0%,
    rgba(0, 134, 40, 1) 100%
  );
  box-shadow: 0 2px 0 #00671f;
  color: #fff;
  text-align: center;
  border: 0;
  border-radius: 3px;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #2a4d03;
  font-weight: bold;
  margin-left: 0.5rem;
  cursor: pointer;
  white-space: nowrap;
}

.tip--konfigurace {
  display: flex;
  background: #f1f2f6;
  padding: 3px;
  font-size: 0.75rem;
  margin-top: 5px;
}

.tip--konfigurace.vybrana--konfigurace {
  background: #c9f6cf;
}

.tip--konfigurace .volicKonfigu a {
  margin-left: 0;
}

.tip--konfigurace-text {
  padding-left: 5px;
}

.mobilni-kroky-konfig {
  display: none;
  width: 100%;
  justify-content: center;
  align-items: center;
}

@media (max-width: 820px) {
  .mobilni-kroky-konfig {
    justify-content: space-between;
  }
  .pop-konfigurator .prekryvac-cislo {
    display: none;
  }
}

@media (max-width: 820px) {
  .mobilni-kroky-konfig {
    display: flex;
  }
  .kroky--konfigu {
    display: none;
  }
  .obal--novykonfig-zidle .novykonfig-zidle {
    width: 100%;
    max-width: none;
  }
  .konfig-vyplneni {
    display: none;
  }
}

.pop-konfigurator .close-modal {
  display: none;
}

.pop-konfigurator .detail--latky-symboly {
  text-align: left;
  padding: 0 1rem 1rem;
}

.close-modal {
  background: linear-gradient(to bottom, #d83942 0%, #bf181e 100%);
  color: #fff;
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
  width: auto;
}

.aktivni-parametr {
  background: #bcfdcd;
  border: 1px solid #008628;
}

.zavri-popup {
  width: 100px;
  height: 32px;
  position: absolute;
  right: 0;
  top: -32px;
  font-size: 0;
  border: 0;
  background: url("https://www.kancelarska-zidle.cz/img/closePop.png") top
    no-repeat;
}

.zavri-popup:hover {
  background: url("https://www.kancelarska-zidle.cz/img/closePop.png") bottom
    no-repeat;
}

.popup--cena {
  display: flex;
  align-items: center;
  padding: 0 1rem 1rem;
}

.popup--priplatek {
  font-size: 1rem;
  padding: 2px 5px;
  border: 1px dashed #ccc;
}

.popup--cena .volicKonfigu {
  margin-left: auto;
}

.prvni-radek-filtr .volicKonfigu a {
  background: #fff;
}

@media (max-width: 1200px) {
  .druhy-radek-filtr a span {
    display: none;
  }
}

.druhy-radek-filtr a {
  position: relative;
}
.druhy-radek-filtr a::after {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #e2e5e7;
  transform: rotate(45deg);
  left: calc(50% - 5px);
  bottom: -5px;
  z-index: -1;
  border: 1px solid #ccc;
}
.druhy-radek-filtr a::before {
  position: absolute;
  content: "";
  display: block;
  width: 10px;
  height: 2px;
  background: #e2e5e7;
  left: calc(50% - 4px);
  bottom: -1px;
}
.druhy-radek-filtr a.vybrany-filtr-barev::after {
  background: rgba(0, 134, 40, 1);
  border: 1px solid #00671f;
}
.druhy-radek-filtr a.vybrany-filtr-barev::before {
  background: rgba(0, 134, 40, 1);
}
.druhy-radek-filtr li {
  position: relative;
  z-index: 2;
}

@media (max-width: 820px) {
  .mobilni-kroky-konfig {
    margin-top: -1.5rem;
  }
  .mobilni-kroky-konfig + h2 {
    display: none;
  }
}

.obal--select {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
  display: flex;
  background: #fff;
}

.obal--select select {
  border: 0;
}

@media (max-width: 760px) {
  .druhy-radek-filtr a {
    font-size: 0.8rem;
  }
  .obal--novykonfig-zidle .novykonfig-zidle {
    max-height: none;
    height: 100vh;
  }
}

@media (max-width: 500px) {
  .prvni-radek-filtr li {
    padding: 3px;
  }
  .prvni-radek-filtr select {
    font-size: 0.7rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  nav .prvni-uroven > li > a {
    letter-spacing: 0;
    font-size: 0.75rem;
  }
}

@media (max-width: 420px) {
  .fixni-spodek a,
  .fixni-spodek .zavrit {
    padding: 0.5rem 1rem;
  }
}

@media (max-width: 560px) {
  .detail-kup {
    flex-wrap: wrap;
    flex-direction: column;
  }
}

@media (min-width: 820px) {
  .kroky--konfigu {
    height: 90vh;
    max-height: 90vh;
    overflow-y: auto;
  }
}

.konfig-hlavni-obrazek {
  position: relative;
  margin-top: 1rem;
}

.zakryt-hlavniho-obrazku {
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.zakryt-hlavniho-obrazku::before {
  content: "Hlavní obrázek neodpovídá této vaší konfiguraci";
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.kroky--konfigu ul.vypis-vlastnosti li:hover .fajfka {
  background: url(../img/tlacitko4.png) no-repeat;
  background-size: cover;
}

.kroky--konfigu ul.vypis-vlastnosti li.hotovy-krok:hover .fajfka {
  background: url(../img/fajfka.png) no-repeat;
  background-size: cover;
}

.kroky--konfigu ul.vypis-vlastnosti li:hover .volicKonfigu a {
  color: #e41515;
}

.polozka--konfig:hover .fajfka,
.tip--konfigurace:hover .fajfka {
  background: url(../img/tlacitko4.png) no-repeat;
  background-size: cover;
}

.polozka--konfig:hover .vybranej_konfig .fajfka,
.tip--konfigurace:hover .vybranej_konfig .fajfka {
  background: url(../img/fajfka.png);
  background-size: cover;
}

#podobne-produkty {
  clear: both;
}

.lista-odkazy {
  color: #aaa;
  font-weight: normal;
}

.lista-odkazy span {
  color: #fff;
  font-weight: bold;
}

#pata_bg_rozsirena h5 {
  text-transform: uppercase;
  font-weight: bold;
}

#pata_bg_rozsirena h5,
#pata_bg_rozsirena h4 {
  margin-bottom: 1.5rem;
  color: #fff;
}

#pata_bg_rozsirena label {
  display: block;
}

#pata_bg_rozsirena input[type="text"],
#pata_bg_rozsirena textarea {
  width: 100%;
  border: 0;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
}

#pata_bg_rozsirena textarea {
  height: 100px;
}

#pata_bg_rozsirena input[type="submit"] {
  font-size: 0.85rem;
  background: #e41515;
  color: #fff;
  text-align: center;
  border: 0;
  border-radius: 0px;
  text-transform: uppercase;
  padding: 0.7rem 2rem;
}

#pata_bg_rozsirena input[type="submit"]:hover {
  background: linear-gradient(to bottom, #383838, #000000);
}

.info_gdpr_kontakt {
  margin-top: 1rem;
  font-size: 0.8rem;
}

#pata_bg_rozsirena .bocni-bloky {
  margin: 1rem;
}

@media (min-width: 760px) {
  #pata_bg_rozsirena {
    display: flex;
  }
  #pata_bg_rozsirena .bocni-bloky {
    width: calc(50% - 2rem);
    margin: 0 1rem;
  }
}

.prefooter .ikony {
  padding: 0;
}

.detail-texty .novykonfig-zidle {
  border: 1px solid #ddd;
  padding: 1rem;
}

.detail-texty .novykonfig-zidle h3 {
  margin-top: 0;
}

.jednotliva_novinka {
  margin-bottom: 2rem;
}

footer {
  background: #fff;
  color: #787878;
  font-size: 0.85rem;
}

footer a {
  color: #787878;
}

footer .flex {
  padding: 0 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 960px) {
  footer .flex {
    flex-direction: column;
  }
}
.vypis-hlavicka h1 {
  margin-top: 0;
}

.vypis-hlavicka-inner {
  display: -webkit-box;
  display: flex;
}

@media (max-width: 1200px) {
  .vypis-hlavicka-inner {
    display: block;
  }
  .vypis-hlavicka-text {
    text-align: center;
  }
  .vypis-hlavicka-text,
  .vypis-kategorie {
    width: 100%;
  }
  .vypis-hlavicka h1 {
    display: none;
  }
}

.vypis-hlavicka-text {
  width: 400px;
  max-width: 100%;
  padding: 0 2rem 0 0;
}

.vypis-kategorie {
  margin-top: 0;
  width: calc(100% - 400px);
  text-align: left;
}

@media (max-width: 1200px) {
  .vypis-kategorie {
    width: 100%;
    background: #fff;
  }
}

.vypis-kategorie a {
  color: #333;
}

@media only screen and (min-width: 1200px) {
  .vypis-kategorie li {
    width: calc(25% + 1px);
    border: 1px solid #e4e4e4;
    margin: -1px 0 0 -1px;
  }

  .podkategorie .vypis-kategorie li {
    width: calc(20% + 1px);
  }

  .vypis-kategorie .kat-img {
    width: 72px;
    text-align: center;
  }
  .vypis-kategorie .kat-text {
    width: calc(100% - 61px);
    font-size: 0.75rem;
    font-family: "Prompt";
    font-weight: bold;
    padding-left: 1rem;
  }

  em {
    font-style: italic;
    font-weight: normal;
  }
}

.submenu .kategorie h4 {
  margin-bottom: 0.5rem;
}

.submenu h4 {
  font-weight: bold;
}

.volicKonfigu a.nemenny_konfig {
  background: none;
  border: none;
  text-decoration: underline;
  color: red;
  font-size: 13px;
}

#vernostni-prihlaseni {
  margin: 0 -1rem -1rem;
}

.b-transport__link {
  display: flex;
  align-items: center;
  padding: 2rem;
  color: #e41515;
}

.essox_calc_obr1 {
  display: flex;
  width: 48px;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
}

.essox_calc_obr1 img {
  width: 35px;
}

.essox_calc_obr2 {
  margin-left: auto;
}

.vypis-produktu-vyhledavani .vypis-kategorie {
  width: 100%;
}

.vypis-vyhledavani,
.vypis-produktu-vyhledavani .vypis-hlavicka,
.vypis-produktu-vyhledavani .vypis-hlavicka a {
  color: #fff;
}

.vypis-vyhledavani-drobek li:not(:first-child),
.vypis-produktu-vyhledavani .vypis-vyhledavani-drobek a {
  color: #333;
}

#konfig-warning-div {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  background: #f58c3c;
  padding: 1rem 2rem;
  color: #fff;
  font-weight: bold;
  z-index: 2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#konfig-warning-div::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #fac69e;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: left;
  animation: zmizni 5s;
}

@keyframes zmizni {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}

.modal h2::after {
  display: none !important;
}

.kontakt-vlastnosti .vlastnost-ikona img {
  width: 45px;
}

.topmodal {
  width: 100%;
  max-width: 1200px;
}

@media (min-width: 960px) {
  .latka-obrazek-popup {
    position: absolute;
    transform: scale(2.5);
    z-index: 1;
    top: 30%;
    pointer-events: none;
  }
  .latka-obrazek-popup img {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  .vyber--latek .latka-obrazek-popup {
    width: 100%;
  }
}

.polozka--konfig-text .latka-obrazek-popup {
  max-width: 400px;
}

.polozka--konfig-text .obr-latky {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.polozka--konfig-text .obr-latky img {
  transform: none;
  position: static;
}

.vypis-hlavicka.hlavickaBezNiceho {
  height: auto;
}

.hlavickaBezNiceho .vypis-hlavicka-text,
.hlavickaBezPodsekci .vypis-hlavicka-text {
  width: 100%;
  display: block;
}

.hlavickaBezNiceho .vypis-hlavicka-text h1,
.hlavickaBezPodsekci .vypis-hlavicka-text h1 {
  display: block;
}

@media (max-width: 580px) {
  .hlavickaBezNiceho .vypis-hlavicka-text,
  .hlavickaBezPodsekci .vypis-hlavicka-text {
    font-size: 0.85rem;
  }
}

.dotaz {
  text-transform: none;
}

.dotaz label,
.dotaz input[type="text"],
.dotaz textarea {
  width: 100%;
}

.dotaz input[type="text"],
.dotaz textarea {
  padding: 0.5rem;
  border: 1px solid #e4e4e4;
}

.dotaz input[type="text"] {
  margin-bottom: 0.5rem;
}

.dotaz label span {
  display: inline;
}

.info_gdpr_kontakt {
  font-weight: normal;
  margin-bottom: 1rem;
}

.dotaz input[type="submit"] {
  padding: 1rem;
  background: linear-gradient(
    to bottom,
    rgba(214, 30, 64, 1) 0%,
    rgba(185, 8, 26, 1) 100%
  );
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #000000;
  font-size: 0.85rem;
  font-weight: bold;
  font-family: "Prompt", sans-serif;
}

.dotaz input[type="submit"]:hover {
  background: linear-gradient(to bottom, #383838, #000000);
}

.prihlasit .title,
.registrovat .title {
  color: #989898;
  margin: 0 0 0.5rem;
  font-family: "Courgette";
  text-transform: none;
  font-weight: normal;
  font-size: 1.125rem;
}

.dotaz a::before {
  display: none !important;
}

#hover_prihlaseni {
  flex-direction: row-reverse;
}

.vyhoda span {
  display: inline-block;
}
.vyhoda:hover span img {
  opacity: 0;
}
.vyhoda:hover .sedm {
  background: url(../img/sedm-h.svg) no-repeat;
  background-size: contain;
}
.vyhoda:hover .sazka {
  background: url(../img/sazka-h.svg) no-repeat;
  background-size: contain;
}

.vyhoda:hover .lepsi-cena {
  background: url(../img/cena-h.svg) no-repeat;
  background-size: contain;
}

.vyhoda:hover .ikona-doprava {
  background: url(../img/doprava-zdarma-h.svg) no-repeat;
  background-size: contain;
}

.vyhoda:hover .skladovost {
  background: url(../img/skladovost-h.svg) no-repeat;
  background-size: contain;
}

.vyhoda:hover .tradice {
  background: url(../img/tradice-h.svg) no-repeat;
  background-size: contain;
}

.rozcestnik {
  max-width: 1340px;
  margin: auto;
  font-family: "Open Sans";
}
@media (min-width: 960px) {
  .rozcestnik {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}

.rozcestnik-blok {
  background: lightgray;
  padding: 1.5rem 2rem;
  padding-bottom: 8rem;
  position: relative;
  overflow: hidden;
  font-size: 0.9rem;
  line-height: 1.5;
  color: #2c3e50;
}
.rozcestnik-blok h2 {
  text-align: left;
  text-transform: none;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  color: #000;
  font-weight: 600;
}
.rozcestnik-blok a {
  color: #2c3e50;
}
.rozcestnik-blok:nth-child(1) {
  background: #ffd8ce;
  background: linear-gradient(to bottom, #2b2b2b, #000);
  color: #fff;
}
.rozcestnik-blok:nth-child(1) a {
  color: #fff;
}
.rozcestnik-blok:nth-child(1)::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(https://www.czechairs.com/img/kancelarske-kreslo.png)
    no-repeat;
  position: absolute;
  bottom: -55%;
}
.rozcestnik-blok:nth-child(2) {
  background: #ffc8d1;
  background: linear-gradient(
    to bottom,
    rgba(211, 46, 62, 1) 0%,
    rgba(174, 26, 24, 1) 100%
  );
  color: #fff;
}
.rozcestnik-blok:nth-child(2) a {
  color: #fff;
}
.rozcestnik-blok:nth-child(3) {
  background: #ffd6ce;
  background: url(../img/pattern-black.png);
  color: #fff;
}
.rozcestnik-blok:nth-child(3) a {
  color: #fff;
}
.rozcestnik-blok:nth-child(4) {
  background: #f5e6e7;
  background: #f5e6e7;
}
.rozcestnik-blok:nth-child(5) {
  background: #ffc8d1;
  background: #ffd8ce;
}
.rozcestnik-blok:nth-child(6) {
  background: #f4e2c5;
}
.rozcestnik-blok:nth-child(7) {
  background: #ffd8ce;
}
.rozcestnik-blok:nth-child(8) {
  background: #eed4d7;
  background: linear-gradient(to bottom, #2b2b2b, #000);
  color: #fff;
}
.rozcestnik-blok:nth-child(3) a {
  color: #fff;
}
@media (min-width: 960px) {
  .rozcestnik-blok {
    width: 20%;
  }
  .rozcestnik-blok.dva-bloky {
    width: 40%;
  }
}

@media (min-width: 960px) {
  .latka-obrazek-popup {
    position: absolute;
    transform: scale(2.5);
    z-index: 1;
    top: 30%;
    pointer-events: none;
  }
  .latka-obrazek-popup img {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  }
  .vyber--latek .latka-obrazek-popup {
    width: 100%;
  }
}

.polozka--konfig-text .latka-obrazek-popup {
  max-width: 400px;
}

.polozka--konfig-text .obr-latky {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.polozka--konfig-text .obr-latky img {
  transform: none;
  position: static;
}

.vypis-hlavicka.hlavickaBezNiceho {
  height: auto;
}

.hlavickaBezNiceho .vypis-hlavicka-text,
.hlavickaBezPodsekci .vypis-hlavicka-text {
  width: 100%;
  display: block;
}

.hlavickaBezNiceho .vypis-hlavicka-text h1,
.hlavickaBezPodsekci .vypis-hlavicka-text h1 {
  display: block;
}

@media (max-width: 580px) {
  .hlavickaBezNiceho .vypis-hlavicka-text,
  .hlavickaBezPodsekci .vypis-hlavicka-text {
    font-size: 0.85rem;
  }
}

.dotaz {
  text-transform: none;
}

.dotaz label,
.dotaz input[type="text"],
.dotaz textarea {
  width: 100%;
}

.dotaz input[type="text"],
.dotaz textarea {
  padding: 0.5rem;
  border: 1px solid #e4e4e4;
}

.dotaz label span {
  display: inline;
  position: static !important;
}

.info_gdpr_kontakt {
  font-weight: normal;
  margin-bottom: 1rem;
}

.dotaz input[type="submit"] {
  padding: 1rem;
  background: #e41515;
  color: #fff;
}

.dotaz input[type="submit"]:hover {
  background: linear-gradient(to bottom, #383838, #000000);
}

.vybrana-latka-popup .obr-latky span.voda,
.vybrana-latka-popup .obr-latky span.skvrna {
  font-size: 0.75rem;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
  width: auto;
  padding-left: 40px;
  background-position: 5px center;
  line-height: 30px;
}

.vybrana-latka-popup .obr-latky span.skvrna {
  padding-left: 0;
  padding-right: 40px;
  background-position: calc(100% - 5px) center;
}

.obr-latky span.voda {
  width: 35px;
  height: 35px;
  background: url(../img/vodeodolnost.svg) no-repeat center / contain;
  font-size: 0;
}

.vyber--latek li.vybrana-latka .obr-latky span.voda {
  background: url(../img/vodeodolnost.svg) no-repeat center / contain;
}

.obr-latky span.skvrna {
  width: 35px;
  height: 35px;
  background: url(../img/skvrneodolnost.svg) no-repeat center / contain;
  font-size: 0;
}

.vyber--latek li.vybrana-latka .obr-latky span.skvrna {
  background: url(../img/skvrneodolnost.svg) no-repeat center / contain;
}



.slider {
  max-width: 1440px;
  margin: auto;
}

.slide {
  background: #EBEBEB;
  height: 320px;
  display: grid;
  grid-template-columns: 60% 1px 39%;
  grid-template-areas: "text action image";
  overflow: hidden;
  position: relative;
}


@media (min-width: 760px) {
  .slide {
      grid-template-columns: 1fr 1px 1fr;
  }
}

@media (min-width: 1199px) {
  .slide {
      height: 440px;
  }
}

.shape-1 {
  object-fit: cover;
  color: white;
  padding: 1.5rem 2.5rem 1.5rem 1.5rem;
  grid-area: text;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  & > div {
    position: relative;
  }
  img {
      position: absolute;
      right: 0;
      bottom: 0;
      width: 100%;
  }
  h2 {
      font-size: clamp(16px, 4.3vw, 60px);
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      margin: 0;
      margin-bottom: .5rem;
      text-transform: none;
      text-align: left;
      line-height: 1.2;
  }
}

.slide-btn {
  display: inline-flex;
  padding: .5rem 1.5rem;
  border-radius: .5rem;
  background: #b61f21;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
}


@media (min-width: 420px) {
  .shape-1 {
      padding: 3rem 5rem 3rem 2rem;
  }
  .slide-btn {
      padding: .75rem 1.5rem;
  }
}

@media (min-width: 760px) {
  .shape-1 {
      padding: 4rem 12vw 3rem 2rem;
      align-items: center;
      img {
          top: 1rem;
          bottom: auto;
          position: absolute;
          right: 0;
          width: 100%;
      }
  }
}

@media (min-width: 960px) {
  .shape-1 {
      padding: 4rem 15vw 3rem 3rem;

      h2 {
          margin-bottom: 1rem;
      }
  }
}

@media (min-width: 1199px) {
  .shape-1 {
      padding: 4rem 13vw 3rem 5rem;
  }
}

.action {
  grid-area: action;
  position: relative;
  img {
      position: absolute;
      width: 150px;
      left: -150px;
      top: 1rem;
  }
}

@media (min-width: 960px) {
  .action {
      img {
          position: absolute;
          width: 200px;
          left: -150px;
          top: 2rem;
          max-width: none;
      }
  }
}

@media (min-width: 1400px) {
  .action {
      img {
          position: absolute;
          width: 300px;
          left: -150px;
          top: 2rem;
      }
  }
}

.slide-main-img {
  grid-area: image;
  justify-self: flex-end;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  img {
      max-width: 150px;
      max-height: 300px;
      object-fit: contain;
  }
}

@media (min-width: 760px) {
  .slide-main-img {
      justify-content: flex-end;
      margin-right: 5vw;
      img {
          max-width: 480px;
          max-height: 300px;
          object-fit: contain;
      }
  }
}

@media (min-width: 1199px) {
  .slide-main-img {
      justify-content: flex-end;
      img {
          max-height: 400px;
      }
  }
}

@media (min-width: 1199px) {
  .slide-main-img {
      img {
          max-height: 400px;
      }
  }
}

.slide-logo {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 80px;
}

@media (min-width: 1199px) {
  .slide-logo {
      right: 2rem;
      top: 2rem;
      width: 120px;
  }
}

nav .prvni-uroven > li:last-child .kategorie {
    width: 100%;
}

@media (min-width: 1200px) {
  nav .prvni-uroven > li:last-child .kategorie > ul {
      display: grid;
      grid-template-columns: repeat(8, 1fr);
  }
}

.detail-fotky {
  grid-area: photo;
  order: inherit;
  margin-bottom: 1rem;
}
.detail-dalsi-obrazky ul {
  display: flex;
  gap: .5rem;
}
.detail-dalsi-obrazky li {
  width: 20%;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
}
.detail-dalsi-obrazky li:hover {
  border-color: #c3c3c3;
}
@media (min-width: 600px) {
  .detail-fotky {
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    gap: 1rem;
  }
  .hlavni-foto {
    flex: 1;
  }
  .detail-dalsi-obrazky {
    width: 100px;
  }
  .detail-dalsi-obrazky ul {
    display: grid;
  }
  .detail-dalsi-obrazky li {
    width: 100%;
  }
}

.detail-titulek {
  grid-area: title;
  order: inherit;
}

.info-buy {
  grid-area: buy;
}

.detail-texty {
  grid-area: text;
  order: inherit;
}

.detail-varianty {
  grid-area: variants;
  width: 100%;
}

@media (min-width: 1200px) {
  .detail-galerie {
    display: grid;
    grid-template-columns: 55% 45%;
    grid-template-rows: auto;
    grid-template-areas:
      "photo title"
      "photo buy"
      "photo text"
      "variants text";
    column-gap: 2rem;
  }
  .detail-fotky {
    order: inherit;
  }
  .detail-texty, .detail-titulek {
    width: 100%;
    padding: 0;
  }
}

.detail-short-code {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.2rem 0.8rem 0.2rem;
  font-size: 1.2rem;
  border-radius: 8px;
  display: inline-block;
  background: #031b8a;
  color: white;
}


.slider-new .swiper-wrapper {
  height: auto;
  padding-bottom: 0.5rem;
}

.slider-new .slide {
  display: flex;
  flex-direction: column;
  background: #fff;
  background: #f5f5f5;
  height: auto;
  box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.19);
}

.slider-new .slide:nth-child(even) {
  background: #fff;
}

.slider-new .slide__header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: var(--black);
  color: white;
  text-transform: uppercase;
  padding: .5rem 1rem;
  gap: 1rem;
  height: auto;
}

.slider-new .slide__header h2 {
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1;
  text-align: left;
}

.slider-new .slide__header p {
  font-weight: bold;
}

.slider-new .slide__order {
  position: relative;
  font-size: 1.5rem;
  font-weight: bold;
}

.slider-new .slide__order svg {
  width: 3rem;
  height: 3rem;
  position: relative;
  top: 0.2rem;
}

.slider-new .slide__number {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
}

.slider-new .slide__content {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.slider-new .slide__promo {
  background-color: var(--red);
  color: #fff;
  flex: 1;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.slider-new .slide__discount-label {
  text-transform: uppercase;
  font-size: 1.2rem;
  margin-bottom: .5rem;
}

.slider-new .slide__discount-circle {
  color: var(--black);
  width: 6rem;
  height: 6rem;
  font-size: 1.2rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 2rem;
}

.slider-new .slide__discount-circle span {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-new .slide__countdown-label {
  font-size: 1.5rem;
}

.slider-new .slide__countdown-time {
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

@media (min-width: 760px) {
  .slider-new .slide__header h2 {
    font-size: 1.5rem;
  }
  .slider-new .slide__header p {
    font-size: 1.2rem;
  }
  .slider-new .slide__discount-label {
    font-size: 1.5rem;
  }
  .slider-new .slide__countdown-label {
    font-size: 2rem;
  }
  .slider-new .slide__countdown-time {
    font-size: 2.5rem;
  }
}

.slider-new .slide__button {
  background: linear-gradient(to bottom, var(--black), #000);
  color: #fff;
  border: none;
  padding: 0.8rem 1rem;
  font-size: 0.9rem;
  border-radius: 3px;
  cursor: pointer;
  margin-top: 1rem;
  text-transform: uppercase;
  text-decoration: none;
}

.slider-new .slide__button:hover {
  background: #1a5893;
}

.slider-new .slide__product {
  flex: 1;
  padding: 1rem;
  text-align: center;
}

.slider-new .slide__product img {
  width: 250px;
}

.slider-new .slide__image {
  max-width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
}

.slider-new .slide__product-name {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.slider-new .slide__old-price {
  text-decoration: line-through;
  color: #888;
  font-size: 0.9rem;
}

.slider-new .slide__new-price {
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 0.3rem;
}

.slider-new .slide__price-note {
  font-size: 0.75rem;
  color: #555;
}

.slider-new .swiper__button {
  width: 3rem;
  height: 5rem;
  color: var(--black);
}

@media (min-width: 760px) {
  .slider-new .swiper__button {
    width: 4rem;
    height: 6rem;
  }
}

.slider-new .swiper__button svg {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.slider-new .swiper__button:hover svg {
  color: #1a5893;
}

.slider-new .swiper__button::after {
  color: white;
  font-size: 2rem;
}

.slider-new .swiper-button-prev {
  left: 0;
}

.slider-new .swiper-button-next {
  right: 0;
}

.slider-new .swiper-button-next svg {
  transform: rotate(180deg);
}

.detail .pomlcky {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.detail .pomlcky li {
  display: inline-flex;
  align-items: center;
}

.detail .pomlcky li::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 2px;
  background: url(../img/logo-symbol-obrys.svg) no-repeat center;
  background-size: cover;
  top: 0;
}

@media (max-width: 960px) {
  .horni-razeni-kategorie {
    order: 9999;
  }
}

.lista-kotvy-fixni__radek--kup-sklad br {
  display: inline;
}