.nodisplay {
  display: none; }

.click {
  cursor: pointer; }

.alert i {
  font-size: 1.5em;
  margin-right: .5em;
  display: inline-block;
  vertical-align: middle; }
.alert span {
  display: inline-block;
  vertical-align: middle; }

.margin-bottom {
  margin-bottom: 20px; }

.vmiddle {
  vertical-align: middle; }

.inline {
  display: inline-block; }

.label-black {
  background-color: black; }
  .label-black[href]:hover, .label-black[href]:focus {
    background-color: black; }

.mb-0 {
  margin-bottom: 0; }

header .top-header {
  background-color: #222222;
  font-size: 13px;
  padding: 8px 0; }
  header .top-header > .row {
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      header .top-header > .row {
        display: block; } }
    header .top-header > .row > div {
      color: white; }
      @media (max-width: 767px) {
        header .top-header > .row > div {
          text-align: center; }
          header .top-header > .row > div.col-sm-3 {
            display: flex;
            justify-content: center; } }
      header .top-header > .row > div.col-sm-4 {
        padding-left: 0px; }
        @media (max-width: 767px) {
          header .top-header > .row > div.col-sm-4 {
            padding-left: 15px; } }
      header .top-header > .row > div a {
        color: white;
        text-decoration: underline; }
        header .top-header > .row > div a.velkoobchod {
          padding-left: 15px; }
          @media (max-width: 767px) {
            header .top-header > .row > div a.velkoobchod {
              padding: 0; } }
      header .top-header > .row > div.top-menu ul {
        padding: 0 0 0 1em;
        margin: 0; }
        header .top-header > .row > div.top-menu ul li {
          display: inline-block; }
          @media (max-width: 767px) {
            header .top-header > .row > div.top-menu ul li {
              display: block; } }
          header .top-header > .row > div.top-menu ul li.divider {
            height: 10px; }
            @media (max-width: 767px) {
              header .top-header > .row > div.top-menu ul li.divider {
                display: none; } }
            header .top-header > .row > div.top-menu ul li.divider div {
              background-color: white;
              height: 12px;
              width: 1px;
              margin: 0 7px; }
      @media (max-width: 767px) {
        header .top-header > .row > div .kontakt_menu {
          margin-right: 0;
          margin-left: 0; } }
      @media (max-width: 767px) {
        header .top-header > .row > div .kontakt_menu li {
          display: inline-block; } }
      header .top-header > .row > div .kontakt_menu li a {
        padding: 0 0 0 10px; }
        header .top-header > .row > div .kontakt_menu li a:hover, header .top-header > .row > div .kontakt_menu li a:focus {
          background-color: transparent; }
      header .top-header > .row > div .kontakt_menu li.prihlasenie a {
        color: #DA3833;
        display: flex;
        align-items: center; }
      header .top-header > .row > div .kontakt_menu li.prihlasenie a::before {
        content: "\f007";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        margin-right: 5px; }
      header .top-header > .row > div .kontakt_menu li.registracia a::before {
        content: "";
        display: block;
        width: 1px;
        height: 12px;
        background-color: white;
        float: left;
        margin: 0px 5px;
        margin-top: 4px; }
      header .top-header > .row > div .kontakt_menu li.odhlasit a::before {
        content: "\f08b";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        margin-right: 5px; }
      header .top-header > .row > div .kontakt_menu li.odhlasit div {
        display: inline-block; }
      header .top-header > .row > div .kontakt_menu li.user {
        padding-left: 5px;
        color: #DA3833;
        font-weight: bold; }
      header .top-header > .row > div .facebook {
        color: #848484;
        margin-top: 2px;
        margin-left: 5px;
        display: block;
        width: 18px;
        float: right; }
        @media (max-width: 767px) {
          header .top-header > .row > div .facebook {
            margin-top: 10px;
            width: 60px; } }
        header .top-header > .row > div .facebook:hover {
          color: #eaeaea; }
header .top {
  background-color: white; }
  header .top .logo .img-responsive {
    max-width: inherit; }
    @media (max-width: 767px) {
      header .top .logo .img-responsive {
        max-width: 100%; } }
  header .top .logo img {
    padding-top: 20px; }
    @media (max-width: 767px) {
      header .top .logo img {
        margin: 0 auto; } }
  header .top .logo_cz .img-responsive {
    max-width: inherit; }
    @media (max-width: 767px) {
      header .top .logo_cz .img-responsive {
        max-width: 100%; } }
  header .top .logo_cz img {
    padding: 20px 2px 0 2px; }
    @media (max-width: 767px) {
      header .top .logo_cz img {
        margin: 0 auto; } }
  header .top .top-vyhladavanie {
    float: left; }
    @media (max-width: 767px) {
      header .top .top-vyhladavanie {
        width: 100%;
        display: flex;
        justify-content: center; } }
    header .top .top-vyhladavanie form {
      margin-top: 30px; }
      @media (max-width: 767px) {
        header .top .top-vyhladavanie form {
          margin-top: 15px; } }
      header .top .top-vyhladavanie form input {
        height: 46px;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
        margin-top: -1px;
        width: 380px; }
        @media (max-width: 767px) {
          header .top .top-vyhladavanie form input {
            width: 240px;
            margin-top: 0px;
            float: left; } }
      header .top .top-vyhladavanie form .btn {
        padding: 12px 20px;
        margin-left: -4px;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px; }
        header .top .top-vyhladavanie form .btn i {
          color: white; }
  @media (max-width: 767px) {
    header .top #top-kosik {
      width: 100%;
      display: flex;
      justify-content: center; } }
  header .top #top_vase_vozidlo {
    margin-top: 30px;
    text-align: center; }
    header .top #top_vase_vozidlo h3 {
      margin-bottom: 0; }
  header .top .kosik {
    position: relative;
    float: right;
    margin-right: 20px;
    margin-top: 30px; }
    @media (max-width: 767px) {
      header .top .kosik {
        margin-right: 0;
        margin-top: 15px;
        margin-bottom: 15px; } }
    header .top .kosik a {
      padding: 12px 20px; }
      header .top .kosik a.btn-kosik {
        border-radius: 4px; }
      header .top .kosik a .fa {
        color: #222222; }
  header .top .badge {
    position: absolute;
    left: -10px;
    top: 14px;
    z-index: 50;
    background-color: #222222; }
header .top_lang {
  list-style: none;
  padding: 0;
  margin: 0;
  float: right; }
  @media (max-width: 767px) {
    header .top_lang {
      margin-left: 25px; } }
  header .top_lang li {
    padding: 0;
    margin: 0;
    display: inline-block; }
    header .top_lang li img {
      width: 20px; }
header .top_right {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  @media (max-width: 767px) {
    header .top_right {
      justify-content: center; } }
  header .top_right .social a {
    text-decoration: none; }
    header .top_right .social a img {
      width: 27px;
      margin-left: 10px; }

.navbar-collapse {
  padding: 0; }

.navbar-default {
  border: 0;
  margin: 0;
  background-color: #222222;
  border-radius: 0px;
  position: relative;
  box-shadow: 0px 1px 2px #1B1B1B;
  z-index: 30; }
  @media (max-width: 767px) {
    .navbar-default {
      min-height: 0; } }
  .navbar-default .navbar-collapse {
    border: none; }
  .navbar-default ul.nav {
    margin: 0 auto; }
    .navbar-default ul.nav.navbar-nav {
      float: none; }
    @media (max-width: 767px) {
      .navbar-default ul.nav > li {
        width: 100%; } }
    @media (min-width: 768px) {
      .navbar-default ul.nav > li.open > .dropdown-menu, .navbar-default ul.nav > li:hover > .dropdown-menu {
        display: block; } }
    .navbar-default ul.nav > li > a {
      text-transform: uppercase;
      color: white;
      height: 65px;
      font-weight: bold;
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: center;
      font-size: 15px; }
      @media (max-width: 767px) {
        .navbar-default ul.nav > li > a {
          justify-content: start; } }
      .navbar-default ul.nav > li > a div {
        display: flex;
        flex-direction: column; }
        @media (max-width: 767px) {
          .navbar-default ul.nav > li > a div {
            flex-direction: row; } }
      .navbar-default ul.nav > li > a span {
        display: block; }
        @media (max-width: 767px) {
          .navbar-default ul.nav > li > a span {
            margin-right: 5px; } }
      .navbar-default ul.nav > li > a img {
        margin-right: 10px; }
      .navbar-default ul.nav > li > a .underline {
        width: 100%;
        height: 4px;
        position: absolute;
        left: 0;
        bottom: 0; }
      .navbar-default ul.nav > li > a:hover, .navbar-default ul.nav > li > a:focus {
        background-color: #090909; }
        .navbar-default ul.nav > li > a:hover .underline, .navbar-default ul.nav > li > a:focus .underline {
          background-color: #DA3833; }
    .navbar-default ul.nav > li.active > a {
      background-color: #090909; }
      .navbar-default ul.nav > li.active > a .underline {
        background-color: #DA3833; }
      .navbar-default ul.nav > li.active > a:hover, .navbar-default ul.nav > li.active > a:focus {
        background-color: #090909; }
        .navbar-default ul.nav > li.active > a:hover .underline, .navbar-default ul.nav > li.active > a:focus .underline {
          background-color: #DA3833; }
    .navbar-default ul.nav > li .dropdown-menu {
      border: 0;
      padding: 0;
      background: #222222; }
      @media (max-width: 767px) {
        .navbar-default ul.nav > li .dropdown-menu {
          margin-top: 0; } }
      .navbar-default ul.nav > li .dropdown-menu li > a {
        text-shadow: none;
        padding: 5px 15px;
        color: white; }
        .navbar-default ul.nav > li .dropdown-menu li > a:hover, .navbar-default ul.nav > li .dropdown-menu li > a:focus {
          background: #DA3833; }

.navbar-toggle {
  background-color: #DA3833;
  margin-top: 30px;
  margin-right: -44px;
  border-color: #DA3833 !important; }
  @media (max-width: 767px) {
    .navbar-toggle {
      margin-right: 8px;
      margin-top: 8px;
      display: inline-block; } }
  .navbar-toggle .icon-bar {
    background-color: white; }

.btn {
  font-size: 14px;
  font-weight: bold;
  padding: 8px 16px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); }
  .btn.btn-xs {
    padding: 2px 4px;
    box-shadow: none;
    font-size: 11px; }

.btn-dark {
  color: white;
  background-color: #DA3833;
  border-color: #DA3833; }
  .btn-dark:focus, .btn-dark.focus {
    color: white;
    background-color: #b92621;
    border-color: #781916; }
  .btn-dark:hover {
    color: white;
    background-color: #b92621;
    border-color: #b02420; }
  .btn-dark:active, .btn-dark.active, .open > .btn-dark.dropdown-toggle {
    color: white;
    background-color: #b92621;
    border-color: #b02420; }
    .btn-dark:active:hover, .btn-dark:active:focus, .btn-dark:active.focus, .btn-dark.active:hover, .btn-dark.active:focus, .btn-dark.active.focus, .open > .btn-dark.dropdown-toggle:hover, .open > .btn-dark.dropdown-toggle:focus, .open > .btn-dark.dropdown-toggle.focus {
      color: white;
      background-color: #9a201c;
      border-color: #781916; }
  .btn-dark:active, .btn-dark.active, .open > .btn-dark.dropdown-toggle {
    background-image: none; }
  .btn-dark.disabled:hover, .btn-dark.disabled:focus, .btn-dark.disabled.focus, .btn-dark[disabled]:hover, .btn-dark[disabled]:focus, .btn-dark[disabled].focus, fieldset[disabled] .btn-dark:hover, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark.focus {
    background-color: #DA3833;
    border-color: #DA3833; }
  .btn-dark .badge {
    color: #DA3833;
    background-color: white; }

.btn-secondary {
  color: white;
  background-color: #222222;
  border-color: #222222; }
  .btn-secondary:focus, .btn-secondary.focus {
    color: white;
    background-color: #090909;
    border-color: black; }
  .btn-secondary:hover {
    color: white;
    background-color: #090909;
    border-color: #030303; }
  .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
    color: white;
    background-color: #090909;
    border-color: #030303; }
    .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus {
      color: white;
      background-color: black;
      border-color: black; }
  .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
    background-image: none; }
  .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled].focus, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus {
    background-color: #222222;
    border-color: #222222; }
  .btn-secondary .badge {
    color: #222222;
    background-color: white; }

@media (max-width: 767px) {
  .carousel .carousel-indicators {
    bottom: -8px !important; } }
.carousel .carousel-indicators li {
  width: 14px;
  height: 14px;
  margin: 0;
  margin-right: 4px;
  margin-left: 4px;
  border: 2px solid #fff; }
  .carousel .carousel-indicators li.active {
    border-color: #DA3833;
    background-color: #DA3833; }
.carousel .carousel-control {
  background: none;
  width: 60px; }
  .carousel .carousel-control i {
    position: relative;
    top: 40%;
    font-size: 60px; }
    @media (max-width: 767px) {
      .carousel .carousel-control i {
        top: 35%;
        font-size: 30px; } }
    .carousel .carousel-control i.fa-angle-left {
      left: 0px; }
    .carousel .carousel-control i.fa-angle-right {
      right: 0px; }
.carousel .carousel-caption {
  left: 60px;
  right: 60px;
  bottom: 80px;
  text-align: left; }
  @media (max-width: 767px) {
    .carousel .carousel-caption {
      bottom: 10px; } }
  .carousel .carousel-caption .nazov {
    font-weight: bold;
    font-size: 64px; }
    @media (max-width: 767px) {
      .carousel .carousel-caption .nazov {
        font-size: 16px; } }
  .carousel .carousel-caption .kratky-text {
    font-weight: 400;
    font-size: 36px;
    line-height: 36px; }
    @media (max-width: 767px) {
      .carousel .carousel-caption .kratky-text {
        font-size: 12px;
        line-height: 12px; } }
  .carousel .carousel-caption .btn {
    margin-top: 20px;
    padding: 12px 20px; }
    @media (max-width: 767px) {
      .carousel .carousel-caption .btn {
        margin-top: 5px;
        padding: 4px 8px; } }
    .carousel .carousel-caption .btn i {
      padding-left: 5px; }

.banner {
  padding-top: 20px;
  background: black; }
  .banner .lSSlideOuter .lSPager.lSpg > li.active a,
  .banner .lSSlideOuter .lSPager.lSpg > li:hover a {
    background: #DA3833; }

h1, .h1 {
  padding: .25em .5em;
  font-size: 40px;
  font-weight: 300;
  background-color: transparent;
  color: #DA3833;
  text-align: center;
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 10px;
  margin: 0; }
  @media (max-width: 767px) {
    h1, .h1 {
      font-size: 30px; } }
  h1 span, .h1 span {
    color: black; }

h2, .h2 {
  margin-top: 1em;
  color: #DA3833; }
  h2 a, .h2 a {
    color: #222222; }
    h2 a:hover, .h2 a:hover {
      color: #090909; }

h3 {
  margin-top: 0;
  color: #DA3833; }
  h3 a {
    color: #DA3833; }
    h3 a:hover {
      color: #b92621; }

.lightgallery img {
  cursor: pointer; }

.aktuality .nadpis {
  color: #DA3833;
  text-align: center;
  text-transform: uppercase;
  font-size: 60px;
  margin: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  font-weight: 300; }
  @media (max-width: 767px) {
    .aktuality .nadpis {
      font-size: 30px; } }
  .aktuality .nadpis span {
    color: black; }

.clanok-view {
  margin: 0 15px;
  padding-bottom: 30px; }

.produkt_clanky {
  margin-top: 30px; }

.clanok_vypis {
  display: flex;
  flex-wrap: wrap; }
  .clanok_vypis .col-sm-3 {
    padding-bottom: 15px; }
    .clanok_vypis .col-sm-3 .clanok {
      border: solid 1px #CCCCCC;
      background-color: white;
      height: 100%;
      position: relative; }
      .clanok_vypis .col-sm-3 .clanok h2 {
        text-align: center;
        margin-top: 15px;
        margin-bottom: 10px;
        padding: 0 15px; }
        .clanok_vypis .col-sm-3 .clanok h2 a {
          font-size: 18px;
          font-weight: bold;
          color: #DA3833;
          font-weight: bold; }
      .clanok_vypis .col-sm-3 .clanok .text {
        padding: 15px;
        color: #B2B2B2;
        font-size: 13px;
        margin-bottom: 60px; }
      .clanok_vypis .col-sm-3 .clanok .clanok-bottom {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 60px; }
        .clanok_vypis .col-sm-3 .clanok .clanok-bottom hr {
          margin: 0 15px; }
        .clanok_vypis .col-sm-3 .clanok .clanok-bottom .datum {
          float: left;
          width: 60px;
          margin-left: 15px;
          color: #B2B2B2;
          margin-top: 10px;
          font-size: 13px; }
        .clanok_vypis .col-sm-3 .clanok .clanok-bottom .btn {
          margin-top: 10px;
          float: right;
          margin-right: 15px; }
          .clanok_vypis .col-sm-3 .clanok .clanok-bottom .btn i {
            margin-left: 10px; }

ul.subory_vypis {
  list-style: none;
  padding: 0; }
  ul.subory_vypis li a {
    display: inline-block;
    padding: 0 0 0 25px;
    line-height: 25px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 20px 20px; }
    ul.subory_vypis li a.doc {
      background-image: url("../images/icon/doc.png"); }
    ul.subory_vypis li a.eml {
      background-image: url("../images/icon/eml.png"); }
    ul.subory_vypis li a.eps {
      background-image: url("../images/icon/eps.png"); }
    ul.subory_vypis li a.htm {
      background-image: url("../images/icon/htm.png"); }
    ul.subory_vypis li a.jpeg {
      background-image: url("../images/icon/jpeg.png"); }
    ul.subory_vypis li a.jpg {
      background-image: url("../images/icon/jpg.png"); }
    ul.subory_vypis li a.msg {
      background-image: url("../images/icon/msg.png"); }
    ul.subory_vypis li a.pdf {
      background-image: url("../images/icon/pdf.png"); }
    ul.subory_vypis li a.png {
      background-image: url("../images/icon/png.png"); }
    ul.subory_vypis li a.pst {
      background-image: url("../images/icon/pst.png"); }
    ul.subory_vypis li a.rar {
      background-image: url("../images/icon/rar.png"); }
    ul.subory_vypis li a.tif {
      background-image: url("../images/icon/tif.png"); }
    ul.subory_vypis li a.xls {
      background-image: url("../images/icon/xls.png"); }
    ul.subory_vypis li a.zip {
      background-image: url("../images/icon/zip.png"); }

footer {
  background-color: white;
  background-image: url("../images/footer-background.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center 0px;
  display: flow-root; }
  @media (max-width: 767px) {
    footer {
      background-image: none;
      padding-bottom: 15px; } }
  footer hr {
    margin: 0 15px;
    margin-top: 20px; }
  footer .created {
    padding-top: 15px;
    padding-bottom: 30px;
    color: #B2B2B2;
    padding-left: 15px;
    float: left; }
    @media (max-width: 767px) {
      footer .created {
        text-align: center;
        padding: 15px;
        float: none; } }
    footer .created a {
      color: #B2B2B2; }
      footer .created a.developer {
        color: #DA3833;
        text-decoration: underline; }
  footer .row {
    margin: 0; }
    @media (min-width: 767px) {
      footer .row .col-sm-3:first-child {
        padding-left: 50px; } }
    footer .row h2 {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 20px;
      margin-top: 30px; }
      @media (max-width: 767px) {
        footer .row h2 {
          text-align: center; } }
    footer .row .o-nas {
      color: #666666;
      font-size: 15px;
      font-weight: 400; }
    footer .row .footer-menu {
      margin: 0;
      padding-left: 18px; }
      @media (max-width: 767px) {
        footer .row .footer-menu {
          padding: 0;
          list-style: none; } }
      footer .row .footer-menu li a {
        color: black;
        text-decoration: underline;
        font-size: 15px;
        color: #1B1B1B; }
        @media (max-width: 767px) {
          footer .row .footer-menu li a {
            text-align: center;
            display: block; } }
    footer .row .kontakt {
      color: #666666;
      font-size: 15px;
      font-weight: 400; }
      @media (max-width: 767px) {
        footer .row .kontakt {
          text-align: center; } }
      footer .row .kontakt h3 {
        font-size: 15px;
        color: black;
        margin-top: 20px;
        margin-bottom: 10px;
        font-weight: 500; }
  footer .social {
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
    margin-right: 15px; }
    footer .social img {
      width: 55px;
      margin-left: 5px; }
    @media (max-width: 767px) {
      footer .social {
        float: none;
        margin: auto; } }

div.cs_shop div.kroky {
  margin: 0; }
  div.cs_shop div.kroky div.krok {
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: black;
    display: inline-block;
    padding: .5em; }
    @media (max-width: 767px) {
      div.cs_shop div.kroky div.krok {
        display: block;
        border-top: 0; } }
    div.cs_shop div.kroky div.krok.selected {
      background-color: #DA3833;
      color: white; }
    div.cs_shop div.kroky div.krok.ok {
      background: #ccc;
      color: #777; }
    div.cs_shop div.kroky div.krok span.nazov {
      font-weight: bold;
      display: inline-block; }
div.cs_shop div.produkty {
  display: flex;
  flex-flow: row wrap; }
  div.cs_shop div.produkty article:last-child .produkt-item {
    margin-bottom: 0; }
  div.cs_shop div.produkty article .produkt-item {
    background-color: white;
    border: solid 1px #c6c6c6;
    padding: 15px;
    margin-bottom: 1em;
    display: flex;
    justify-items: center; }
    div.cs_shop div.produkty article .produkt-item.vypredaj {
      border-width: 3px;
      border-style: inset;
      border-color: #DA3833; }
    @media (max-width: 767px) {
      div.cs_shop div.produkty article .produkt-item {
        display: block; } }
    div.cs_shop div.produkty article .produkt-item .fotky_s_poctom {
      position: relative; }
      div.cs_shop div.produkty article .produkt-item .fotky_s_poctom .pocet_fotiek {
        background: #DA3833;
        position: absolute;
        line-height: 18px;
        border-radius: 50%;
        bottom: -7px;
        right: -7px; }
    div.cs_shop div.produkty article .produkt-item > div {
      display: inline-block;
      vertical-align: top;
      flex: 1 1 auto; }
      @media (max-width: 767px) {
        div.cs_shop div.produkty article .produkt-item > div {
          display: block; } }
    div.cs_shop div.produkty article .produkt-item div.foto {
      position: relative;
      flex: 0 0 200px;
      padding-right: 15px; }
    div.cs_shop div.produkty article .produkt-item div.cena_holder {
      text-align: right;
      flex: 0 0 250px; }
      @media (max-width: 767px) {
        div.cs_shop div.produkty article .produkt-item div.cena_holder {
          text-align: center;
          margin-top: 1em; } }
      div.cs_shop div.produkty article .produkt-item div.cena_holder .stav_produktu {
        font-size: .9em; }
        div.cs_shop div.produkty article .produkt-item div.cena_holder .stav_produktu strong {
          font-size: 1.1em; }
      div.cs_shop div.produkty article .produkt-item div.cena_holder .cena i {
        font-size: .8em;
        color: #777777; }
      div.cs_shop div.produkty article .produkt-item div.cena_holder .cena strong {
        font-size: 1.5em;
        color: #DA3833; }
        div.cs_shop div.produkty article .produkt-item div.cena_holder .cena strong .voc {
          color: #1565C0; }
    div.cs_shop div.produkty article .produkt-item h2 {
      font-size: 24px;
      line-height: 21px;
      padding: 0;
      margin: 0 0 .2em 0;
      font-weight: 600;
      color: black; }
      div.cs_shop div.produkty article .produkt-item h2 a {
        color: black;
        text-decoration: none; }
    div.cs_shop div.produkty article .produkt-item h3 {
      font-size: 1em; }
    div.cs_shop div.produkty article .produkt-item ul.small_info {
      color: #777777;
      padding: 0;
      list-style: none; }
      div.cs_shop div.produkty article .produkt-item ul.small_info li {
        display: inline-block;
        margin-right: 1em; }
        div.cs_shop div.produkty article .produkt-item ul.small_info li:before {
          font-family: "FontAwesome";
          content: "\f105";
          color: #ccc;
          padding-right: 3px; }
    @media (max-width: 767px) {
      div.cs_shop div.produkty article .produkt-item table.vlastnosti {
        width: 100%; } }
    div.cs_shop div.produkty article .produkt-item table.vlastnosti th {
      background: #eeeeee;
      font-weight: normal;
      font-size: 11px; }
      @media (max-width: 767px) {
        div.cs_shop div.produkty article .produkt-item table.vlastnosti th {
          width: 50%; } }
    div.cs_shop div.produkty article .produkt-item table.vlastnosti th, div.cs_shop div.produkty article .produkt-item table.vlastnosti td {
      padding: 1px 5px;
      border: 1px solid white; }
    div.cs_shop div.produkty article .produkt-item table.auto {
      width: 100%; }
      div.cs_shop div.produkty article .produkt-item table.auto tr {
        display: flex; }
      div.cs_shop div.produkty article .produkt-item table.auto thead tr:after {
        content: '';
        overflow-y: scroll;
        visibility: hidden;
        height: 0; }
      div.cs_shop div.produkty article .produkt-item table.auto thead th {
        flex: 1 auto;
        padding: 3px 5px;
        display: block;
        background: #eeeeee;
        font-weight: normal;
        font-size: 11px;
        border-width: 0 1px 0 0;
        border-style: solid;
        border-color: white; }
      div.cs_shop div.produkty article .produkt-item table.auto tbody {
        display: block;
        width: 100%;
        overflow-y: auto;
        height: 75px; }
        div.cs_shop div.produkty article .produkt-item table.auto tbody td:nth-child(n+2) {
          padding-left: 20px; }
      div.cs_shop div.produkty article .produkt-item table.auto td {
        padding: 1px 5px;
        flex: 1 auto;
        width: 1px;
        font-size: 12px; }
div.cs_shop div.produkt_view {
  padding: 30px 0; }
  div.cs_shop div.produkt_view h1 {
    font-size: 30px;
    text-transform: none; }
  div.cs_shop div.produkt_view div.produkt_info {
    margin-bottom: 30px; }
    div.cs_shop div.produkt_view div.produkt_info a.popis {
      color: #222222;
      text-decoration: underline; }
    div.cs_shop div.produkt_view div.produkt_info section {
      margin-bottom: .5em;
      display: inline-block; }
      div.cs_shop div.produkt_view div.produkt_info section span.cena {
        color: black;
        font-size: 2em;
        font-weight: bold;
        line-height: 1em;
        margin-right: .5em; }
    div.cs_shop div.produkt_view div.produkt_info label {
      color: #333333;
      text-align: left;
      font-size: 12px;
      margin-right: .5em;
      padding-left: 0; }
    div.cs_shop div.produkt_view div.produkt_info form.add_item section {
      margin: 0; }
    div.cs_shop div.produkt_view div.produkt_info form.add_item #mnozstvo {
      text-align: center;
      font-weight: normal; }
  div.cs_shop div.produkt_view div.tag {
    position: absolute;
    left: 0; }
    div.cs_shop div.produkt_view div.tag span {
      text-align: left; }
  div.cs_shop div.produkt_view div.produkt_gallery {
    position: relative; }
    div.cs_shop div.produkt_view div.produkt_gallery img {
      border: 1px solid #eeeeee; }
    div.cs_shop div.produkt_view div.produkt_gallery div.thumbnails {
      margin-top: 10px;
      margin-left: -5px;
      margin-right: -5px;
      overflow: hidden; }
      div.cs_shop div.produkt_view div.produkt_gallery div.thumbnails a {
        padding: 0 5px 10px 5px;
        display: block;
        float: left;
        width: 33.33%; }
      div.cs_shop div.produkt_view div.produkt_gallery div.thumbnails img {
        display: block;
        width: 100%; }
  div.cs_shop div.produkt_view div.popis {
    line-height: 24px;
    font-size: 15px; }
    div.cs_shop div.produkt_view div.popis ul {
      list-style: none;
      padding-left: 0; }
      div.cs_shop div.produkt_view div.popis ul li {
        padding-left: 15px;
        line-height: 27px; }
        div.cs_shop div.produkt_view div.popis ul li:before {
          padding-right: 16px;
          font-size: .6em;
          font-family: "FontAwesome";
          content: "\f111";
          color: #222222; }
  div.cs_shop div.produkt_view table.tabulka tr td, div.cs_shop div.produkt_view table.tabulka tr th {
    padding: .25em .5em; }
  div.cs_shop div.produkt_view #vlastnosti {
    margin-bottom: 1em; }
    div.cs_shop div.produkt_view #vlastnosti table th {
      background: #DA3833;
      color: white;
      font-weight: 400; }
    div.cs_shop div.produkt_view #vlastnosti table td {
      font-weight: bold; }
    div.cs_shop div.produkt_view #vlastnosti table th, div.cs_shop div.produkt_view #vlastnosti table td {
      border: 1px solid white; }
  div.cs_shop div.produkt_view .input-group-addon {
    background: none; }
  div.cs_shop div.produkt_view button {
    text-transform: none; }
div.cs_shop .tag {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto; }
  div.cs_shop .tag span {
    color: white;
    border-width: 1px;
    border-style: solid;
    border-color: #b92621;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    background: rgba(218, 56, 51, 0.9);
    margin-bottom: 1px;
    margin-right: 1px;
    border-radius: 4px;
    padding: 2px 7px;
    display: inline-block;
    font-size: 11px; }
    div.cs_shop .tag span.black-friday-5, div.cs_shop .tag span.black-friday-10, div.cs_shop .tag span.black-friday-15, div.cs_shop .tag span.black-friday-20 {
      font-weight: bold;
      border-color: black;
      background: rgba(0, 0, 0, 0.9); }
div.cs_shop .kosik {
  padding: 15px 0; }
  div.cs_shop .kosik .table tbody {
    border-bottom: solid 2px #DA3833; }
    div.cs_shop .kosik .table tbody tr td {
      vertical-align: middle;
      border-top: solid 1px #c6c6c6; }
      div.cs_shop .kosik .table tbody tr td div.pocet {
        width: 140px; }
        div.cs_shop .kosik .table tbody tr td div.pocet .produkt_pocet {
          position: relative;
          float: left;
          width: 34px;
          height: 34px;
          border-top: 1px solid #ccc;
          border-bottom: 1px solid #ccc;
          background-color: white;
          font-weight: bold;
          color: #333;
          display: flex;
          justify-content: center;
          align-items: center; }
        div.cs_shop .kosik .table tbody tr td div.pocet .btn {
          box-shadow: none !important; }
      div.cs_shop .kosik .table tbody tr td.image-cell img {
        height: 40px; }
      div.cs_shop .kosik .table tbody tr td .btn {
        padding: 6px 12px; }
  div.cs_shop .kosik .table #kosik_ceny .table tr td {
    border: none; }
  div.cs_shop .kosik .table #kosik_ceny .table tr.cena_s_dph td {
    font-weight: bold;
    border-top: solid 1px #c6c6c6;
    border-bottom: solid 2px #c6c6c6; }
  @media (max-width: 767px) {
    div.cs_shop .kosik .buttons .btn {
      display: block;
      margin-bottom: 15px; } }
  div.cs_shop .kosik table {
    border-width: 0 0 2px 0;
    border-color: #DA3833;
    border-style: solid; }
    div.cs_shop .kosik table > thead > tr > th,
    div.cs_shop .kosik table > thead > tr > td,
    div.cs_shop .kosik table > tbody > tr > th,
    div.cs_shop .kosik table > tbody > tr > td,
    div.cs_shop .kosik table > tfoot > tr > th,
    div.cs_shop .kosik table > tfoot > tr > td {
      vertical-align: middle; }
    div.cs_shop .kosik table > thead > tr > th,
    div.cs_shop .kosik table > tbody > tr > th,
    div.cs_shop .kosik table > tfoot > tr > th {
      font-size: 13px;
      border-color: rgba(0, 0, 0, 0.2); }
    div.cs_shop .kosik table > thead > tr > td,
    div.cs_shop .kosik table > tbody > tr > td,
    div.cs_shop .kosik table > tfoot > tr > td {
      font-size: 15px; }
    div.cs_shop .kosik table thead th {
      background: #DA3833;
      color: white; }
    div.cs_shop .kosik table tr.doprava {
      border-width: 2px 0 0 0;
      border-color: #DA3833;
      border-style: solid; }
    div.cs_shop .kosik table input.pocet {
      width: 50px;
      display: inline-block; }
    div.cs_shop .kosik table span.varianta {
      font-size: 0.8em;
      display: block;
      margin-left: 1em; }
    div.cs_shop .kosik table a.produkt_nazov {
      font-weight: bold;
      color: #222222;
      text-decoration: underline; }
    div.cs_shop .kosik table.ceny {
      border-color: rgba(0, 0, 0, 0.2);
      border-width: 0 0 1px 0;
      border-style: solid; }
      div.cs_shop .kosik table.ceny tr.cena_bez_dph td {
        border: 0;
        padding-top: 0;
        padding-bottom: 0; }
      div.cs_shop .kosik table.ceny tr.dph {
        border-width: 0 0 2px 0;
        border-color: rgba(0, 0, 0, 0.2);
        border-style: solid; }
        div.cs_shop .kosik table.ceny tr.dph td {
          border: 0;
          padding-top: 0;
          padding-bottom: 1em; }
      div.cs_shop .kosik table.ceny tr.cena_s_dph td {
        padding-top: 1em;
        padding-bottom: 1em; }
        div.cs_shop .kosik table.ceny tr.cena_s_dph td:first-child {
          font-weight: bold;
          color: black; }
        div.cs_shop .kosik table.ceny tr.cena_s_dph td:last-child {
          font-size: 1.75em;
          font-weight: bold; }
  div.cs_shop .kosik .cena_s_dph {
    color: #222222;
    font-weight: bold; }
div.cs_shop .buttons .prev {
  text-align: left; }
  @media (max-width: 767px) {
    div.cs_shop .buttons .prev .btn {
      margin-bottom: 1em;
      width: 100%; } }
div.cs_shop .buttons .next {
  text-align: right; }
  @media (max-width: 767px) {
    div.cs_shop .buttons .next .btn {
      width: 100%; } }
div.cs_shop .filter {
  background: #222222;
  padding: 1em; }
  div.cs_shop .filter .item {
    display: inline-block;
    vertical-align: top;
    margin-right: 1em; }
    div.cs_shop .filter .item h2 {
      font-size: 1em;
      margin-top: 0; }
    div.cs_shop .filter .item label {
      color: white; }
    div.cs_shop .filter .item .btn {
      margin-top: 5px; }
div.cs_shop.pokladna .btn.back {
  font-weight: bold;
  color: #222222; }
div.cs_shop.pokladna .btn.submit {
  font-weight: bold; }
div.cs_shop.pokladna .title {
  color: #222222;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 30px; }
  @media (max-width: 767px) {
    div.cs_shop.pokladna .title {
      padding: 10px 0 0 0; } }
div.cs_shop.pokladna h1 {
  padding: 30px 0 25px 0; }
  @media (max-width: 767px) {
    div.cs_shop.pokladna h1 {
      padding: 0; } }
div.cs_shop.pokladna .prihlasenie {
  width: 100%;
  display: table;
  margin: 0 0 50px 0; }
  div.cs_shop.pokladna .prihlasenie h3 {
    font-weight: bold;
    font-size: 21px; }
  div.cs_shop.pokladna .prihlasenie .doprava input,
  div.cs_shop.pokladna .prihlasenie .platba input {
    margin-right: 10px; }
  div.cs_shop.pokladna .prihlasenie .doprava .fa,
  div.cs_shop.pokladna .prihlasenie .platba .fa {
    color: #222222; }
div.cs_shop.pokladna #checkbox_label_suhlas_s_podmienkami a,
div.cs_shop.pokladna #checkbox_label_suhlas_so_spracovanim_osobych_udajov a {
  text-decoration: underline; }
div.cs_shop .stav_produktu {
  cursor: help; }
  div.cs_shop .stav_produktu div.na_objednavku {
    color: #d9534f; }
  div.cs_shop .stav_produktu div.na_sklade {
    color: #1e9023; }
div.cs_shop div.skupiny_produktu_vypis div {
  margin-bottom: 1em; }
  @media (max-width: 767px) {
    div.cs_shop div.skupiny_produktu_vypis div {
      margin-bottom: .5em; } }
div.cs_shop div.skupiny_produktu_vypis a {
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: flex;
  font-size: 16px;
  text-decoration: none;
  color: #222222;
  font-weight: 700;
  align-items: center;
  justify-content: space-between; }
  div.cs_shop div.skupiny_produktu_vypis a:hover {
    color: #DA3833;
    text-decoration: underline; }
  div.cs_shop div.skupiny_produktu_vypis a div.foto {
    margin: 0;
    min-height: 59px; }
    div.cs_shop div.skupiny_produktu_vypis a div.foto img {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-width: 0 1px 0 0;
      border-color: #ccc;
      border-style: solid;
      background: #eeeeee;
      display: inline-block;
      vertical-align: middle; }
  div.cs_shop div.skupiny_produktu_vypis a span {
    padding: .5em;
    line-height: 1.1em; }

.lSAction > a {
  color: white;
  background-image: none !important; }
.lSAction .fa-angle-right, .lSAction .fa-angle-left {
  font-size: 30px !important; }

.partneri {
  background-color: #222222;
  position: relative; }
  .partneri h2 {
    font-size: 16px;
    color: white;
    margin: 0;
    text-align: center;
    padding-top: 20px;
    font-weight: 300; }
  .partneri img {
    padding-right: 20px;
    opacity: 0.5; }
  .partneri .partneri-slider {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px; }
  .partneri #light-slider > div {
    display: inline-block; }
  .partneri .lSAction .lSPrev {
    left: 120px; }
    @media (max-width: 767px) {
      .partneri .lSAction .lSPrev {
        left: 20px; } }
  .partneri .lSAction .lSNext {
    right: 120px;
    text-align: right; }
    @media (max-width: 767px) {
      .partneri .lSAction .lSNext {
        right: 20px; } }
  @media (max-width: 767px) {
    .partneri .col-sm-8 {
      width: 70%;
      margin: auto; } }

.pokladna .skupina {
  font-size: .8em;
  color: #777;
  line-height: 1em; }
.pokladna .prihlasenie {
  padding: 15px 0px; }
  @media (max-width: 767px) {
    .pokladna .prihlasenie h3 {
      text-align: center; }
    .pokladna .prihlasenie .btn {
      display: block;
      margin: auto;
      margin-bottom: 15px; }
    .pokladna .prihlasenie .pull-right {
      float: none !important;
      display: block;
      text-align: center; } }
.pokladna .h1 {
  font-size: 30px;
  text-transform: none;
  font-weight: normal; }
.pokladna hr {
  margin: 0px 15px; }
.pokladna .objednavka {
  padding: 15px 0 0; }
  .pokladna .objednavka .next {
    text-align: right; }
  @media (max-width: 767px) {
    .pokladna .objednavka .buttons .btn {
      display: block;
      width: 100%; } }

#pokladna_3 {
  padding: 15px 0px; }
  #pokladna_3 .doprava tbody span, #pokladna_3 .platba tbody span {
    padding: 0px 5px; }
  #pokladna_3 .buttons .next {
    text-align: right; }
  @media (max-width: 767px) {
    #pokladna_3 .buttons .btn {
      display: block;
      width: 100%; } }
  #pokladna_3 .title {
    font-weight: bold;
    font-size: 18px; }
  #pokladna_3 .form-horizontal .title {
    font-size: 14px; }
  #pokladna_3 .form-horizontal input {
    margin-left: 8px;
    margin-right: 5px; }
  #pokladna_3 .form-horizontal #dodacia_adresa_holder input {
    margin: 0; }

.pokladna .ceny tbody {
  border: none !important; }
  .pokladna .ceny tbody tr td {
    border: none !important; }
  .pokladna .ceny tbody tr.cena_s_dph td {
    font-weight: bold;
    border-top: solid 1px #c6c6c6 !important;
    border-bottom: solid 2px #c6c6c6 !important; }
.pokladna .sumar {
  padding: 30px 0px; }
  .pokladna .sumar .title {
    font-weight: bold;
    font-size: 18px; }
.pokladna .suhlas {
  margin: 0px 15px;
  padding-bottom: 15px; }
  @media (max-width: 767px) {
    .pokladna .suhlas .btn {
      display: block;
      width: 100%;
      margin-bottom: 15px;
      white-space: inherit;
      padding-left: 50px;
      padding-right: 50px; } }

.konfigurator #konfigurator_filter .d-flex {
  display: flex; }
  .konfigurator #konfigurator_filter .d-flex .form-group {
    flex: 1 1 auto;
    margin-right: 1rem; }
    .konfigurator #konfigurator_filter .d-flex .form-group:last-child {
      margin-right: 0; }
.konfigurator #konfigurator_filter .tlacitka {
  justify-content: flex-end; }
  .konfigurator #konfigurator_filter .tlacitka .btn {
    margin-left: 1rem; }
.konfigurator #konfigurator_filter #rozsirene_vyhladavanie .form-group {
  margin-bottom: 0; }

#konfigurator_auto {
  overflow: hidden;
  padding: 15px 0;
  background: rgba(229, 229, 229, 0.9);
  display: flex; }

#konfigurator_produkt_view {
  width: 100%; }
  @media (max-width: 767px) {
    #konfigurator_produkt_view {
      padding-bottom: 15px; } }
  #konfigurator_produkt_view .no-product {
    text-align: center;
    font-size: 33px;
    font-weight: 100;
    display: block;
    padding: 30px;
    color: #aaa;
    line-height: 40px; }
  #konfigurator_produkt_view .produkt_view {
    padding: 0; }
    #konfigurator_produkt_view .produkt_view .tag {
      left: 15px; }
    #konfigurator_produkt_view .produkt_view .foto {
      padding-right: 0; }
    @media (max-width: 767px) {
      #konfigurator_produkt_view .produkt_view .produkt_info {
        margin-bottom: 0; } }
    #konfigurator_produkt_view .produkt_view .produkt_info h2 {
      font-size: 18px;
      color: #DA3833;
      font-weight: bold;
      margin-top: 0; }
    #konfigurator_produkt_view .produkt_view div.pneumatiky span {
      margin-right: 5px; }
    #konfigurator_produkt_view .produkt_view table.varianty {
      margin-bottom: 1rem;
      margin-top: 1rem; }
      #konfigurator_produkt_view .produkt_view table.varianty label {
        font-weight: normal; }
      #konfigurator_produkt_view .produkt_view table.varianty thead tr th {
        padding: 3px 10px;
        background: #555555;
        text-align: center;
        color: white; }
      #konfigurator_produkt_view .produkt_view table.varianty tbody tr.selected td {
        color: black; }
        #konfigurator_produkt_view .produkt_view table.varianty tbody tr.selected td.cena {
          color: #DA3833; }
          #konfigurator_produkt_view .produkt_view table.varianty tbody tr.selected td.cena .voc {
            color: #1565C0; }
      #konfigurator_produkt_view .produkt_view table.varianty tbody tr td {
        color: #555555; }
        #konfigurator_produkt_view .produkt_view table.varianty tbody tr td.cena {
          text-align: right;
          font-weight: bold;
          font-size: 1.1em; }
        #konfigurator_produkt_view .produkt_view table.varianty tbody tr td .vo_vyrobe {
          display: inline-block;
          vertical-align: middle;
          line-height: 1em; }
          #konfigurator_produkt_view .produkt_view table.varianty tbody tr td .vo_vyrobe .planovany_datum_naskladnenia {
            font-size: 11px; }
    #konfigurator_produkt_view .produkt_view .vlastnosti {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 15px; }
      #konfigurator_produkt_view .produkt_view .vlastnosti .vlastnost {
        text-align: center;
        font-size: 12px;
        flex: 1 1 auto; }
        #konfigurator_produkt_view .produkt_view .vlastnosti .vlastnost span {
          background: #DA3833;
          color: white;
          display: block;
          padding: 2px 4px; }
    #konfigurator_produkt_view .produkt_view section.cena span.cena {
      color: #DA3833;
      font-weight: bold;
      font-size: 18px;
      display: block;
      line-height: 16px; }
    #konfigurator_produkt_view .produkt_view section.cena .text-muted {
      font-size: 11px; }
    #konfigurator_produkt_view .produkt_view .light-slider {
      margin-left: 28px; }
    #konfigurator_produkt_view .produkt_view .lSAction > a {
      color: black; }
      #konfigurator_produkt_view .produkt_view .lSAction > a i.fa-angle-left,
      #konfigurator_produkt_view .produkt_view .lSAction > a i.fa-angle-right {
        font-size: 40px !important; }
      #konfigurator_produkt_view .produkt_view .lSAction > a i.fa-angle-right {
        right: 0; }

#konfigurator .cs_shop .produkty {
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0; }
  #konfigurator .cs_shop .produkty article {
    margin-bottom: 15px;
    padding-left: 0; }
    #konfigurator .cs_shop .produkty article .produkt-item {
      height: 100%;
      display: flex;
      justify-content: space-between;
      flex-direction: column; }
      #konfigurator .cs_shop .produkty article .produkt-item.vypredaj {
        border-width: 3px;
        border-style: inset;
        border-color: #DA3833; }
      #konfigurator .cs_shop .produkty article .produkt-item.zlava {
        border: 3px inset #222222;
        animation: bg-spin 3s linear infinite; }
@keyframes bg-spin {
  50% {
    border: 3px inset #DA3833; } }
      #konfigurator .cs_shop .produkty article .produkt-item .foto {
        padding: 0;
        flex: 0 0 auto; }
      #konfigurator .cs_shop .produkty article .produkt-item .change_rozmer {
        cursor: pointer; }
      #konfigurator .cs_shop .produkty article .produkt-item .popis {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: column; }
        #konfigurator .cs_shop .produkty article .produkt-item .popis h2 {
          margin: 0;
          color: #222222;
          font-size: 15px;
          font-weight: bold;
          text-transform: uppercase;
          padding-top: 15px; }
          #konfigurator .cs_shop .produkty article .produkt-item .popis h2 a {
            color: #DA3833; }
        #konfigurator .cs_shop .produkty article .produkt-item .popis .vyrobca {
          font-size: 9px; }
          #konfigurator .cs_shop .produkty article .produkt-item .popis .vyrobca img {
            width: 50px; }
        #konfigurator .cs_shop .produkty article .produkt-item .popis .stav_produktu {
          font-size: 0.8em; }
        #konfigurator .cs_shop .produkty article .produkt-item .popis .holder {
          font-size: 11px;
          margin-top: 10px;
          display: flex;
          justify-content: space-between; }
          #konfigurator .cs_shop .produkty article .produkt-item .popis .holder div {
            flex: 1 0 auto; }
          #konfigurator .cs_shop .produkty article .produkt-item .popis .holder .cena strong {
            color: #DA3833;
            display: block;
            font-size: 18px;
            line-height: 18px; }
          #konfigurator .cs_shop .produkty article .produkt-item .popis .holder .cena .voc strong {
            color: #1565C0; }
          #konfigurator .cs_shop .produkty article .produkt-item .popis .holder .button {
            text-align: right; }
            #konfigurator .cs_shop .produkty article .produkt-item .popis .holder .button button {
              padding: 4px 10px; }
        #konfigurator .cs_shop .produkty article .produkt-item .popis hr {
          margin: 10px 0; }
#konfigurator .cs_shop .produkt_view {
  padding-top: 40px; }
  @media (max-width: 767px) {
    #konfigurator .cs_shop .produkt_view {
      padding: 0; } }
  #konfigurator .cs_shop .produkt_view .col-lg-3 .produkt_gallery {
    margin-bottom: 15px; }
    #konfigurator .cs_shop .produkt_view .col-lg-3 .produkt_gallery .produkt-foto {
      display: block;
      position: relative; }
  #konfigurator .cs_shop .produkt_view .produkt_info h2 {
    margin-top: 0; }
  #konfigurator .cs_shop .produkt_view .produkt_info .vyrobca {
    margin: 10px 0; }
    #konfigurator .cs_shop .produkt_view .produkt_info .vyrobca table tr td:first-child {
      font-weight: bold;
      width: 130px; }
  #konfigurator .cs_shop .produkt_view .produkt_info #vlastnosti table tbody tr th {
    padding-right: 10px; }
  #konfigurator .cs_shop .produkt_view .produkt_info section.cena {
    margin-top: 15px; }
    #konfigurator .cs_shop .produkt_view .produkt_info section.cena .cena {
      font-weight: bold;
      font-size: 18px;
      margin-right: 10px; }

body #configuratorWidget .options {
  float: none;
  width: auto;
  height: auto; }
  body #configuratorWidget .options .panel {
    margin-bottom: 0; }
body #configuratorWidget .iframeContainer {
  float: none;
  width: auto;
  margin: 0; }

.produkty-uvod-filter {
  display: flex;
  flex-wrap: wrap;
  background-color: #1B1B1B;
  color: white;
  text-align: center; }
  .produkty-uvod-filter .col-sm-3 {
    padding: 15px 0; }
    .produkty-uvod-filter .col-sm-3.active {
      background-color: #090909; }
    .produkty-uvod-filter .col-sm-3 .row {
      display: flex;
      flex-wrap: wrap; }
    .produkty-uvod-filter .col-sm-3 a.vyhladavanie {
      text-decoration: underline; }
      .produkty-uvod-filter .col-sm-3 a.vyhladavanie i {
        margin-right: 5px; }
    .produkty-uvod-filter .col-sm-3 form {
      padding: 5px 0; }
      .produkty-uvod-filter .col-sm-3 form .form-group:last-child {
        margin: 0; }
  .produkty-uvod-filter .col-sm-12 .btn {
    margin: 15px 0;
    padding: 12px 32px; }

.filter_holder {
  margin-top: 1em;
  display: flex; }
  @media (max-width: 767px) {
    .filter_holder {
      display: block; } }
  .filter_holder .col-sm-3:first-child {
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #ccc; }
  .filter_holder h3 {
    font-size: 16px; }

.filter {
  position: relative; }
  .filter.loading .fader {
    opacity: .4; }
  .filter.loading .loading {
    display: flex; }
  .filter .loading {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #555555;
    z-index: 2;
    font-weight: bold; }
    .filter .loading div p {
      margin-bottom: 0; }
  .filter.hlinikove_disky div.vlastnost, .filter.pneumatiky div.vlastnost {
    width: 45%;
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 15px; }
    @media (max-width: 767px) {
      .filter.hlinikove_disky div.vlastnost, .filter.pneumatiky div.vlastnost {
        width: 100%;
        display: block; } }

#ocelove_disky_filter .form-group {
  display: block; }

.filter_holder_tabs .nav-tabs {
  display: flex;
  justify-content: center; }
  .filter_holder_tabs .nav-tabs > li.active > a {
    color: #DA3833;
    background-color: #eeeeee; }
  .filter_holder_tabs .nav-tabs > li > a {
    color: #000000; }
.filter_holder_tabs .tab-content {
  background-color: #eeeeee;
  padding: 1em;
  border: 1px solid #ddd;
  border-top: 0; }
  .filter_holder_tabs .tab-content .tab-pane {
    width: 25%;
    margin: 0 auto; }
    @media (max-width: 767px) {
      .filter_holder_tabs .tab-content .tab-pane {
        width: 100%; } }
    .filter_holder_tabs .tab-content .tab-pane.cols2 {
      width: 60%; }
      .filter_holder_tabs .tab-content .tab-pane.cols2 .border-right {
        border: 1px solid #ccc;
        border-width: 0 1px 0 0; }

.filter_search {
  margin-bottom: 1em; }

.navrhovane_produkty div.cs_shop div.produkty article:last-child .produkt-item {
  margin-bottom: 1em; }
.navrhovane_produkty .pneumatiky ul {
  list-style: none;
  padding: 0;
  margin: 0 -15px 0; }
  .navrhovane_produkty .pneumatiky ul li {
    display: inline-block;
    background-color: white;
    border: solid 1px #c6c6c6;
    padding: 12px;
    margin: 0 0 15px 15px; }
.navrhovane_produkty .sluzby .table > tbody > tr > td {
  vertical-align: middle; }
.navrhovane_produkty .sluzby .cena i {
  font-size: 12px;
  color: #777; }
.navrhovane_produkty .sluzby .cena strong {
  color: #DA3833;
  font-size: 1.5em; }

.vyrobcovia {
  margin-bottom: 1em; }
  .vyrobcovia .nav-tabs {
    text-align: center; }
    .vyrobcovia .nav-tabs > li {
      float: none;
      display: inline-block; }

div.cs_shop div.produkty.podla_vyrobcu article .produkt-item > div.popis {
  flex: 0 0 400px; }
div.cs_shop div.produkty.podla_vyrobcu div.foto_holder {
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap; }
  div.cs_shop div.produkty.podla_vyrobcu div.foto_holder div {
    text-align: center;
    width: 200px;
    margin-right: 15px; }

.cs_shop.pneumatiky div.produkty article .produkt-item div.cena_holder {
  flex-basis: 350px;
  padding-left: 15px; }
  .cs_shop.pneumatiky div.produkty article .produkt-item div.cena_holder .cena strong {
    font-size: 1em; }
  .cs_shop.pneumatiky div.produkty article .produkt-item div.cena_holder table {
    width: 100%; }
    .cs_shop.pneumatiky div.produkty article .produkt-item div.cena_holder table thead tr th {
      background: #eeeeee;
      padding: .25em;
      text-align: center; }
    .cs_shop.pneumatiky div.produkty article .produkt-item div.cena_holder table tbody tr td {
      padding: .25em; }
      .cs_shop.pneumatiky div.produkty article .produkt-item div.cena_holder table tbody tr td input {
        width: 50px; }

.tabulka thead tr th {
  background: #DA3833;
  color: white; }
  .tabulka thead tr th a {
    color: white; }
.tabulka thead tr td {
  background: white;
  font-weight: bold; }
.tabulka tfoot tr td {
  background: white;
  font-weight: bold; }
.tabulka.dataTable thead .sorting_asc {
  background-image: url(../images/sort_asc.png); }
.tabulka.dataTable thead .sorting_desc {
  background-image: url(../images/sort_desc.png); }

form.kurier123 button {
  color: #DA3833;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer; }

.produkt_vypis_filter > form {
  display: flex; }
  .produkt_vypis_filter > form .form-group {
    flex: 1 1 auto;
    margin-right: 1rem; }
    .produkt_vypis_filter > form .form-group:last-child {
      margin-right: 0; }
    .produkt_vypis_filter > form .form-group .btn {
      padding-top: 6px;
      padding-bottom: 6px;
      width: 100%; }

.ponuka {
  padding: 3rem 0; }
  .ponuka ul li {
    list-style: none;
    text-align: justify;
    display: flex;
    justify-content: center;
    align-items: normal;
    margin-bottom: 1rem; }
    .ponuka ul li span:first-child {
      font-size: 5rem;
      font-weight: bold;
      background: rgba(255, 255, 255, 0.5);
      padding: .25rem 1rem;
      line-height: 5rem;
      margin-right: 1rem;
      border-radius: .5rem; }

div.cookies_wall {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 1rem 0;
  background: whitesmoke;
  border-top: 1px solid #e0dfdf;
  text-align: center;
  color: black;
  z-index: 1000; }
  div.cookies_wall h3 {
    margin: .5rem 0; }
    @media only screen and (min-width: 768px) {
      div.cookies_wall h3 {
        font-size: 22px;
        margin-bottom: 10px; } }
  div.cookies_wall .cookies_text {
    text-align: left; }
    div.cookies_wall .cookies_text h2 {
      margin-top: 0; }
  div.cookies_wall p {
    line-height: 1.6; }
    @media only screen and (min-width: 768px) {
      div.cookies_wall p {
        font-size: 12px;
        line-height: 1.4; } }
  div.cookies_wall .viac_info {
    margin-bottom: 0;
    margin-top: 1rem; }
    div.cookies_wall .viac_info a {
      font-weight: 400;
      line-height: 1rem;
      text-decoration: none; }
      div.cookies_wall .viac_info a i {
        font-size: 8px;
        vertical-align: middle; }
  div.cookies_wall .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .5rem;
    margin-top: 1.5rem; }
    @media only screen and (min-width: 992px) {
      div.cookies_wall .buttons {
        display: block;
        text-align: center;
        margin-bottom: 0; } }
    div.cookies_wall .buttons .btn {
      margin-right: 1rem;
      margin-top: 0; }
      @media only screen and (min-width: md) {
        div.cookies_wall .buttons .btn {
          font-size: 15px;
          margin: .15rem 0; } }

#cookiesModal {
  color: black;
  text-align: left; }
  #cookiesModal a {
    color: #DA3833;
    font-weight: 500; }
  #cookiesModal li {
    list-style-image: none; }
  #cookiesModal .modal-content {
    border-radius: 0; }
  #cookiesModal .modal-header {
    background-color: #DA3833;
    padding: 10px 15px;
    max-height: 50px;
    border-radius: 0; }
    #cookiesModal .modal-header h4 {
      color: white;
      font-weight: 500;
      font-size: 18px;
      margin-top: 0; }
  #cookiesModal .modal-footer {
    background-color: white; }
  #cookiesModal .nav-tabs > .nav-item, #cookiesModal .cookie_item > a {
    cursor: pointer; }
  #cookiesModal .tab-content label {
    font-weight: bold; }
  #cookiesModal .modal-dialog {
    max-width: 600px; }
  #cookiesModal .modal-body {
    background-color: white; }
    #cookiesModal .modal-body h2 {
      margin-top: 0; }
    #cookiesModal .modal-body h3 {
      font-size: 26px;
      margin-bottom: 1rem; }
    #cookiesModal .modal-body .cookie_item:first-child {
      margin-top: 1rem; }
  #cookiesModal .close {
    margin-top: 0; }
    #cookiesModal .close:hover, #cookiesModal .close:focus {
      color: whitesmoke; }
    #cookiesModal .close span {
      color: white;
      font-weight: 400; }
  #cookiesModal p {
    font-size: .85rem;
    line-height: 1.6; }
    @media only screen and (min-width: 768px) {
      #cookiesModal p {
        font-size: 12px;
        line-height: 1.4; } }

.cookies-unset {
  padding-top: 1rem; }

.webmin .nav {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem; }
  .webmin .nav li a:before {
    content: "\f0da";
    font-family: "FontAwesome";
    margin-right: .5rem;
    color: black; }

/* ************************************************* HTML */
html, body {
  background-color: #090909;
  background-image: url("../images/background.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center 0; }
  @media print {
    html a[href]:after, body a[href]:after {
      content: none !important; } }
  html .alert, body .alert {
    text-align: center;
    font-size: 1.1em; }
  html a:hover, html a:focus, body a:hover, body a:focus {
    text-decoration: none; }
  html p:last-child, body p:last-child {
    margin: 0; }
  html .dev_bar, body .dev_bar {
    position: fixed;
    left: 0;
    padding: .5em;
    background-color: #DA3833;
    opacity: .7;
    z-index: 1070;
    color: white;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    top: 0; }
    html .dev_bar a, body .dev_bar a {
      color: white; }
  html .user_bar, body .user_bar {
    position: fixed;
    left: 0;
    padding: .5em;
    background-color: white;
    z-index: 1070;
    top: 35px;
    opacity: .8;
    font-size: 11px;
    color: #555555; }
    html .user_bar.active section, body .user_bar.active section {
      display: block; }
    html .user_bar section, body .user_bar section {
      margin-top: 1em;
      display: none; }
  html #ajax_loading, body #ajax_loading {
    position: fixed;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1060;
    color: white;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 52px;
    padding: 0;
    top: 0; }
  html hr, body hr {
    margin-top: 15px;
    margin-bottom: 15px; }
  html .popover, body .popover {
    max-width: 830px;
    border-radius: 0; }

.layout {
  background-color: #E5E5E5;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px; }
  .layout > .alert {
    margin: 0 15px; }

.page-kontakt {
  margin-bottom: 15px; }

.uvod-info {
  background-color: #222222;
  background-image: url("../images/statistika-background.png");
  background-repeat: no-repeat;
  background-position: center 0;
  min-height: 30px;
  color: white; }
  .uvod-info ul {
    padding: 40px 0px;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 767px) {
      .uvod-info ul {
        display: block; } }
    .uvod-info ul li {
      display: inline-block;
      padding: 0 50px;
      width: 292px;
      font-size: 15px;
      font-weight: 400; }
      @media (max-width: 767px) {
        .uvod-info ul li {
          width: 100%; } }
      .uvod-info ul li.divider {
        width: 1px;
        padding: 0; }
        @media (max-width: 767px) {
          .uvod-info ul li.divider {
            display: none; } }
        .uvod-info ul li.divider div {
          height: 60px;
          width: inherit;
          background-color: white; }
      .uvod-info ul li .number {
        font-size: 32px;
        float: left;
        padding-right: 22px;
        line-height: 40px;
        font-weight: 300; }
        @media (max-width: 767px) {
          .uvod-info ul li .number {
            padding-left: 30px; } }

#webmin_profil_tabs {
  border-bottom: 1px solid #DA3833; }
  #webmin_profil_tabs li a {
    font-weight: bold; }
    #webmin_profil_tabs li a:hover {
      background-color: transparent;
      border-color: transparent; }
  #webmin_profil_tabs li.active a {
    background-color: #DA3833;
    color: white; }

.faq-form {
  padding-top: 20px; }
  .faq-form h2 {
    margin-top: 0; }
  .faq-form form {
    margin-bottom: 15px; }
    .faq-form form input, .faq-form form textarea {
      margin-bottom: 15px; }
  .faq-form .panel-group .panel-title a i {
    margin-right: 8px; }

#produkt_table {
  /**THE SAME CSS IS USED IN ALL 3 DEMOS**/
  /**gallery margins**/ }
  #produkt_table th {
    vertical-align: top; }
  #produkt_table th, #produkt_table td {
    padding: 2px; }
  #produkt_table select {
    max-width: 50px; }
  #produkt_table .btn {
    padding: 1px 5px; }
  #produkt_table .zoom img {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    width: 50px;
    border: 1px solid white; }
    #produkt_table .zoom img:hover, #produkt_table .zoom img:active, #produkt_table .zoom img:focus {
      transform: scale(3);
      position: relative;
      z-index: 100; }

.fancybox-image-wrap {
  cursor: pointer !important; }
  .fancybox-image-wrap h3 {
    color: white;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 10px; }

.fancy-wrap {
  position: relative !important;
  margin: 0 !important; }

.cena_info {
  text-align: center;
  font-size: .8em;
  background: rgba(255, 255, 255, 0.75);
  margin-bottom: 1em;
  padding: .75em;
  border: solid 1px rgba(198, 198, 198, 0.75); }

/*# sourceMappingURL=screen.css.map */