@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
@CHARSET 'UTF-8' {}.translate-button {
  display: inline-block;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-transition: background-color .25s ease-out,color .25s ease-out;
  transition: background-color .25s ease-out,color .25s ease-out;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: .85em 1em;
  margin: 1rem 0 1rem;
  font-size: .9rem;
  background-color: #ed6c08;
  color: #fefefe;
  text-transform: uppercase;
}

.translate-button:hover {
  background-color: #c95c07;
  color: #fefefe;
}

/* BASIC */
html, body, h1, h2, h3, h4, h5, h6, a, p, span, input, textarea, select, option, div, ol, ul, li {
  font-family: "Poppins", sans-serif;
  color: #3c3c3d;
}

a, button {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  outline: none;
}

a:hover, a:active, a:focus, button:hover, button:active, button:focus {
  text-decoration: none;
  outline: none;
}

.border {
  border: 1px solid #ebebeb;
}

.nopad {
  padding: 0;
  margin: 0;
}

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

.simpleflex-item {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.img-center {
  margin: 0 auto;
  display: block;
}

.text-r {
  width: 100%;
  text-align: right;
}

input.form-control:focus, textarea.form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #b82826;
}

form .error {
  display: block;
  font-weight: 700;
  color: red;
  font-size: 15px;
}

.nice_checkbox {
  position: relative;
  margin-left: 22px;
}

.nice_checkbox label:not(.error) {
  position: relative;
  cursor: pointer;
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 0 30px;
  font-size: 13px;
}

.nice_checkbox label:not(.error) a {
  color: #b82826;
  display: inline-block;
  border-bottom: 1px solid #b82826;
}

.nice_checkbox label:not(.error) a:hover {
  color: #d6b469;
  border-bottom: 1px solid #d6b469;
}

.nice_checkbox label:not(.error):before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 2px solid #b82826;
  left: -30px;
  top: 2px;
  border-radius: 99px;
}

.nice_checkbox input {
  position: absolute;
  z-index: -1;
  left: 3px;
  top: 4px;
  width: 14px;
}

.nice_checkbox input:checked ~ label:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #b82826;
  left: -26px;
  top: 6px;
  border-radius: 99px;
}

.std_btn {
  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;
  min-width: 60px;
  padding: 0 20px;
  text-align: center;
  height: 50px;
  cursor: pointer;
  background-color: orange;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.std_btn:hover {
  background-color: #e69500;
  color: #ffffff;
}

.rotate180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.cf {
  *zoom: 1;
}

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

.cf:after {
  clear: both;
}

.br:after {
  content: '\A';
  white-space: pre;
}

body > header,
body > main,
body > footer {
  overflow: inherit;
}

.myButton {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background-color: #b82826;
  height: 77px;
  width: 220px;
  border-radius: 99px;
  cursor: pointer;
  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;
  padding: 0 15px;
  text-align: center;
  -webkit-transition: .2s all;
  transition: .2s all;
}

.myButton:hover {
  background-color: #d6b469;
  color: #fff;
}

header {
  position: fixed;
  width: 100%;
  background-color: #fff;
  top: 0px;
  z-index: 999;
  -webkit-transition: .3s all;
  transition: .3s all;
}

@media only screen and (max-width: 574px) {
  header {
    top: 0;
    left: 0;
  }
}

header nav {
  height: 113px;
  position: relative;
  -webkit-transition: .3s all;
  transition: .3s all;
}

@media only screen and (max-width: 1199px) {
  header nav {
    height: unset;
    min-height: 70px;
  }
}

header nav a.navbar-brand {
  padding: 0;
  margin-left: 104px;
  -webkit-transition: .2s all;
  transition: .2s all;
}

@media only screen and (max-width: 1875px) {
  header nav a.navbar-brand {
    margin-left: 15px;
  }
}

@media only screen and (max-width: 1300px) {
  header nav a.navbar-brand {
    width: 140px;
  }
}

@media only screen and (max-width: 1199px) {
  header nav a.navbar-brand {
    position: absolute;
    top: 15px;
    left: 15px;
    margin: 0;
  }
}

@media only screen and (max-width: 574px) {
  header nav a.navbar-brand {
    top: 10px;
  }
}

header nav a.navbar-brand img {
  width: 220px;
  height: 90px;
  -webkit-transition: .2s all;
  transition: .2s all;
}

@media only screen and (max-width: 1199px) {
  header nav a.navbar-brand img {
    width: 70px;
    height: 50px;
  }
}

header nav div.headerPhone {
  position: relative;
  padding-left: 46px;
  margin-left: 55px;
}

@media only screen and (max-width: 1875px) {
  header nav div.headerPhone {
    margin-left: 50px;
  }
}

@media only screen and (max-width: 1700px) {
  header nav div.headerPhone {
    display: none;
  }
}

header nav div.headerPhone p, header nav div.headerPhone a {
  color: #3c3c3d;
}

header nav div.headerPhone p {
  font-size: 13px;
  margin-bottom: -5px;
  -webkit-transition: .3s all;
  transition: .3s all;
}

header nav div.headerPhone a {
  display: block;
  font-size: 20px;
}

header nav div.headerPhone:hover p, header nav div.headerPhone:hover a {
  color: #b82826;
}

header nav div.headerPhone::before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0px;
  width: 31px;
  height: 31px;
  background-size: cover;
  background-image: url("../web/phone_icon.svg");
}

@media only screen and (max-width: 1700px) {
  header nav #navbar {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media only screen and (max-width: 1199px) {
  header nav #navbar {
    width: 100%;
  }
}

header nav ul.nav {
  list-style: none;
  margin-left: 60px;
}

@media only screen and (max-width: 1875px) {
  header nav ul.nav {
    margin-left: 50px;
  }
}

@media only screen and (max-width: 1340px) {
  header nav ul.nav {
    margin-left: 0;
  }
}

@media only screen and (max-width: 1199px) {
  header nav ul.nav {
    margin-top: 20px;
    margin-left: 0;
    padding-bottom: 0;
  }
}

header nav ul.nav li {
  position: relative;
  white-space: nowrap;
  padding: 0 20px;
}

@media only screen and (max-width: 1450px) {
  header nav ul.nav li {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 1199px) {
  header nav ul.nav li {
    padding: 0 20px;
  }
}

header nav ul.nav li .arrow_down_wrap {
  position: absolute;
  right: 28px;
  top: 0;
}

header nav ul.nav li .arrow_down_wrap i {
  font-size: 28px;
}

header nav ul.nav li.active a {
  color: #b82826;
}

header nav ul.nav li a {
  color: #3c3c3d;
  font-size: 13px;
}

@media only screen and (max-width: 1199px) {
  header nav ul.nav li a {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    margin-bottom: 16px;
  }
}

header nav ul.nav li a:hover {
  color: #b82826;
}

header nav ul.nav li > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  -webkit-transition: .3s all;
  transition: .3s all;
}

@media only screen and (max-width: 1199px) {
  header nav ul.nav li > ul li {
    background-color: #fff !important;
  }
}

header nav ul.nav li > ul li ul.menu_level_2 {
  display: none;
}

header nav ul.nav li > ul li .arrow_down_wrap {
  display: none;
}

header nav ul.nav li:hover > ul {
  display: block;
  position: absolute;
  left: 0;
  border-top: 44px solid transparent;
  padding-bottom: 10px;
  z-index: 5;
  -webkit-transition: .3s all;
  transition: .3s all;
}

@media only screen and (max-width: 1199px) {
  header nav ul.nav li:hover > ul {
    position: relative;
    border-top: none;
  }
}

header nav ul.nav li:hover > ul::before {
  content: "";
  background-color: #b82826;
  display: block;
  position: absolute;
  width: 100px;
  height: 4px;
  top: -4px;
  left: 0;
}

@media only screen and (max-width: 1199px) {
  header nav ul.nav li:hover > ul::before {
    display: none;
  }
}

header nav ul.nav li:hover > ul > li {
  white-space: nowrap;
  padding-left: 23px;
  min-width: 168px;
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
  -webkit-transition: .3s all;
  transition: .3s all;
}

header nav ul.nav li:hover > ul > li:first-child::before {
  display: none;
}

header nav ul.nav li:hover > ul > li::before {
  content: "";
  height: 1px;
  width: 84%;
  position: absolute;
  display: block;
  top: 0px;
  left: 8%;
  background-color: rgba(255, 255, 255, 0.25);
}

@media only screen and (max-width: 1199px) {
  header nav ul.nav li:hover > ul > li::before {
    display: none;
  }
}

header nav ul.nav li:hover > ul > li a {
  font-size: 13px;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

@media only screen and (max-width: 1199px) {
  header nav ul.nav li:hover > ul > li a {
    color: #3c3c3d;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 7px;
  }
}

header nav ul.nav li:hover > ul > li:hover {
  background-color: #b82826;
}

header nav ul.nav li:hover > ul > li:hover a {
  color: #fff;
}

header nav .navbar-toggler {
  position: absolute;
  top: 16px;
  right: 3px;
  z-index: 9;
}

header nav .navbar-toggler .navbar-toggler-icon {
  font-size: 28px;
  color: #3c3c3d;
}

header nav form.headerSearch {
  margin-left: 50px;
  position: relative;
}

@media only screen and (max-width: 1700px) {
  header nav form.headerSearch {
    margin-right: 300px;
    margin-left: 20px;
  }
}

@media only screen and (max-width: 1199px) {
  header nav form.headerSearch {
    margin-bottom: 25px;
    margin-top: 80px;
  }
}

@media only screen and (max-width: 747px) {
  header nav form.headerSearch {
    display: block;
    margin-left: 15px;
    margin-bottom: 20px;
    position: relative;
    width: 280px;
  }
}

header nav form.headerSearch input {
  border: 1px solid #c2c2c2;
  border-radius: 99px;
  width: 250px;
  padding: 16px 20px;
  font-size: 13px;
  color: #b82826;
}

@media only screen and (max-width: 1530px) {
  header nav form.headerSearch input {
    width: 210px;
  }
}

@media only screen and (max-width: 1450px) {
  header nav form.headerSearch input {
    width: 200px;
  }
}

@media only screen and (max-width: 1199px) {
  header nav form.headerSearch input {
    width: 280px;
  }
}

header nav form.headerSearch input:focus {
  outline: none;
  border-color: #b82826;
}

header nav form.headerSearch ::-webkit-input-placeholder {
  color: #c2c2c2;
}

header nav form.headerSearch :-ms-input-placeholder {
  color: #c2c2c2;
}

header nav form.headerSearch ::-ms-input-placeholder {
  color: #c2c2c2;
}

header nav form.headerSearch ::placeholder {
  color: #c2c2c2;
}

header nav form.headerSearch .search_column {
  position: absolute;
  left: 0;
  top: calc(100% + 15px);
  width: 280px;
  height: auto;
  background-color: #fff;
  border-radius: 15px;
  z-index: 10;
  overflow-y: auto;
  max-height: 50vh;
}

@media only screen and (max-width: 747px) {
  header nav form.headerSearch .search_column {
    display: none;
  }
}

header nav form.headerSearch .search_column .searchprodukty, header nav form.headerSearch .search_column .searcharticle, header nav form.headerSearch .search_column .searchmenu {
  min-height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header nav form.headerSearch .search_column .searchprodukty:hover, header nav form.headerSearch .search_column .searcharticle:hover, header nav form.headerSearch .search_column .searchmenu:hover {
  background-color: #b82826;
}

header nav form.headerSearch .search_column .searchprodukty:hover p span em, header nav form.headerSearch .search_column .searcharticle:hover p span em, header nav form.headerSearch .search_column .searchmenu:hover p span em {
  color: #fff;
}

header nav form.headerSearch .search_column .searchprodukty p, header nav form.headerSearch .search_column .searcharticle p, header nav form.headerSearch .search_column .searchmenu p {
  font-size: 13px;
  -webkit-transition: .2s;
  transition: .2s;
  color: #5a484b;
  margin: 10px 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

header nav form.headerSearch .search_column .searchprodukty p span, header nav form.headerSearch .search_column .searcharticle p span, header nav form.headerSearch .search_column .searchmenu p span {
  font-weight: 700;
  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;
}

header nav form.headerSearch .search_column .searchprodukty p span em, header nav form.headerSearch .search_column .searcharticle p span em, header nav form.headerSearch .search_column .searchmenu p span em {
  font-style: normal;
  font-weight: 400;
  color: #cbc8c8;
}

header nav form.headerSearch button {
  position: relative;
  left: -40px;
}

@media only screen and (max-width: 747px) {
  header nav form.headerSearch button {
    position: absolute;
    top: 15px;
    right: 15px;
    left: unset;
  }
}

header nav form.headerSearch button img {
  width: 20px;
  height: 20px;
}

header a.basketHeader {
  background-color: #b82826;
  width: 288px;
  height: 100%;
  padding-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: .3s all;
  transition: .3s all;
  position: absolute;
  top: 0;
  right: 0;
}

header a.basketHeader:hover {
  background-color: #d6b469;
}

header a.basketHeader:hover div.cartIcon {
  background-image: url("../web/basket_icon_red.svg");
}

header a.basketHeader div.cartIcon {
  display: inline-block;
  margin-right: 28px;
  position: relative;
  width: 26px;
  height: 26px;
  background-image: url("../web/basket_icon.svg");
  -webkit-transition: .3s all;
  transition: .3s all;
}

header a.basketHeader div.cartIcon img {
  width: 26px;
  height: 26px;
}

header a.basketHeader div.cartIcon span.cartkusy {
  position: relative;
}

header a.basketHeader div.cartIcon span.cartkusy .basket-count-ref {
  position: absolute;
  top: -5px;
  right: -33px;
  background-color: #fff;
  width: 15px;
  height: 15px;
  text-align: center;
  border-radius: 99px;
  color: #b82826;
  font-size: 10px;
}

header a.basketHeader span.cartcena {
  font-size: 24px;
}

header a.basketHeader span.cartcena .basket-price-ref {
  color: #fff;
}

header a.basketHeader p {
  display: inline-block;
  margin: 0;
  color: #fff;
  font-size: 13px;
  line-height: 15px;
  text-align: right;
  margin-left: 30px;
  -webkit-transition: .3s all;
  transition: .3s all;
}

header .userButtons {
  position: absolute;
  right: 20px;
  top: 133px;
  padding: 0;
  margin: 0;
  width: 60px;
  height: 60px;
  background-color: #b82826;
  border-radius: 99px;
  text-align: center;
  -webkit-transition: .3s all;
  transition: .3s all;
}

@media only screen and (max-width: 1199px) {
  header .userButtons {
    display: none;
  }
}

header .userButtons.userButtonLogout {
  top: 213px;
}

header .userButtons.userButtonLogout i {
  font-size: 28px;
}

header .userButtons:hover {
  background-color: #d6b469;
}

header .userButtons ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
}

header .userButtons ul li {
  text-align: center;
  height: 100%;
}

header .userButtons ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

header .userButtons ul li a i {
  color: #fff;
  font-size: 30px;
  margin-bottom: 5px;
}

header .mobileUserButtons {
  display: none;
}

@media only screen and (max-width: 1199px) {
  header .mobileUserButtons {
    display: block;
  }
}

header .mobileUserButtons a {
  font-size: 16px;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 16px;
  margin-left: 20px;
  color: #d6b469;
}

@media only screen and (max-width: 1199px) {
  header .header_basket_box {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 70px;
    top: 10px;
  }
  header .header_basket_box a.basketHeader {
    width: 50px;
    height: 50px;
    padding: 0;
    margin: 0;
    border-radius: 99px;
  }
  header .header_basket_box a.basketHeader span.cartcena {
    display: none;
  }
  header .header_basket_box a.basketHeader p {
    display: none;
  }
  header .header_basket_box a.basketHeader div.cartIcon {
    width: 28px;
    height: 28px;
    margin: 0;
    margin-left: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}

div.partIntro {
  padding: 203px 15px 140px;
  background-image: url("../web/1920x677_banner_doprava_s.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  height: 660px;
}

@media only screen and (max-width: 1840px) {
  div.partIntro {
    background-position: center top;
    height: 550px;
  }
}

@media only screen and (max-width: 1515px) {
  div.partIntro {
    height: 450px;
  }
}

@media only screen and (max-width: 767px) {
  div.partIntro {
    display: none;
  }
}

div.partIntro h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 28px;
}

div.partIntro p {
  font-size: 18px;
  color: #fff;
  margin-bottom: 70px;
}

div.partIntro a.introButton {
  width: 186px;
  border: 2px solid #fff;
  border-radius: 99px;
  height: 73px;
  color: #fff;
  font-size: 14px;
  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;
  margin: 0px 8px;
  padding: 30px 10px;
  text-align: center;
  line-height: 17px;
}

@media only screen and (max-width: 1199px) {
  div.partIntro a.introButton {
    margin-bottom: 15px;
  }
}

div.partIntro a.introButton:hover {
  background-color: #d6b469;
  border-color: #d6b469;
}

@media only screen and (max-width: 767px) {
  div.partCategories {
    max-width: unset;
    margin-bottom: 0 !important;
    margin-top: 140px;
  }
  div.partCategories .row {
    margin-bottom: 0px !important;
  }
}

div.partAdvantages a.advantage {
  height: 254px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #d6b469;
}

@media only screen and (max-width: 767px) {
  div.partAdvantages a.advantage {
    height: 125px;
  }
}

div.partAdvantages a.advantage:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

@media only screen and (max-width: 767px) {
  div.partAdvantages a.advantage:hover {
    -webkit-transform: none;
            transform: none;
  }
}

div.partAdvantages a.advantage.delivery {
  background-color: #d6b469;
}

div.partAdvantages a.advantage.delivery::before {
  background-image: url("../web/vycap_icon.svg");
}

div.partAdvantages a.advantage.barrel {
  background-color: #b82826;
}

div.partAdvantages a.advantage.barrel::before {
  background-image: url("../web/beer_barrel_icon.svg");
}

div.partAdvantages a.advantage.registration {
  background-color: #3c3c3d;
}

div.partAdvantages a.advantage.registration::before {
  background-image: url("../web/registration_icon.svg");
}

div.partAdvantages a.advantage.gastro {
  background-color: #231f20;
}

div.partAdvantages a.advantage.gastro::before {
  background-image: url("../web/gastro_icon.svg");
}

div.partAdvantages a.advantage::before {
  content: "";
  position: absolute;
  display: block;
  left: calc( 50% - 28px);
  top: 35px;
  width: 70px;
  height: 70px;
  background-image: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
  div.partAdvantages a.advantage::before {
    width: 50px;
    height: 50px;
    top: 15px;
  }
}

div.partAdvantages a.advantage p {
  color: #fff;
  font-weight: 700;
  margin: 0;
  margin-top: 45px;
}

div.partAdvantages a.advantage p span {
  color: #fff;
  display: inline-block;
  border-bottom: 1px solid #fff;
  font-size: 17px;
  line-height: 25px;
}

div.partBlog {
  padding-top: 115px;
  padding-bottom: 100px;
}

div.partBlog h2 {
  font-size: 30px;
  font-weight: 700;
  color: #b82826;
  margin-bottom: 16px;
  position: relative;
}

div.partBlog h2::before {
  content: "";
  display: block;
  position: absolute;
  width: 82px;
  height: 10px;
  top: -40px;
  left: calc( 50% - 41px);
  background-color: #d6b469;
}

div.partBlog p {
  color: #a6a6a6;
  font-size: 15px;
  margin-bottom: 55px;
}

a.article {
  display: block;
  -webkit-box-shadow: -5px 0px 10px 0px #e6e6e6;
          box-shadow: -5px 0px 10px 0px #e6e6e6;
  padding: 15px;
  padding-bottom: 60px;
  position: relative;
  margin-bottom: 70px;
}

a.article img {
  height: 192px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 35px;
}

a.article h3 {
  color: #3c3c3d;
  margin-bottom: 26px;
  font-weight: 700;
  font-size: 20px;
  height: 48px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 22px;
}

a.article p {
  font-size: 13px;
  color: #767676;
  height: 95px;
  overflow: hidden;
  margin-bottom: 0;
}

a.article div.readMore {
  font-weight: 700;
  color: #fff;
  background-color: #b82826;
  width: 190px;
  height: 77px;
  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;
  font-size: 14px;
  position: absolute;
  bottom: -38px;
  left: calc( 50% - 95px);
  border-radius: 99px;
  -webkit-transition: .3s all;
  transition: .3s all;
}

a.article:hover div.readMore {
  background-color: #d6b469;
}

div.partProducts {
  padding-bottom: 110px;
  padding-top: 25px;
}

div.partProducts h2 {
  font-size: 30px;
  font-weight: 700;
  color: #b82826;
  margin-bottom: 16px;
  position: relative;
}

div.partProducts h2::before {
  content: "";
  display: block;
  position: absolute;
  width: 82px;
  height: 10px;
  top: -40px;
  left: calc( 50% - 41px);
  background-color: #3c3c3d;
}

div.partProducts p {
  color: #a6a6a6;
  font-size: 15px;
  margin-bottom: 55px;
}

div.partProducts a.product {
  margin-bottom: 30px;
}

div.partSubscribe {
  margin-bottom: 37px;
}

div.partSubscribe div.subscribe {
  padding: 45px 25px;
  background-image: url("../web/newsletter_prihlasenie_bg.jpg");
  background-size: cover;
  background-position: center;
}

div.partSubscribe div.subscribe h2 {
  color: #fff;
  font-size: 39px;
  font-weight: 700;
  padding-left: 180px;
}

@media only screen and (max-width: 767px) {
  div.partSubscribe div.subscribe h2 {
    padding: 0;
  }
}

div.partSubscribe div.subscribe p {
  color: #fff;
  font-size: 13px;
}

div.partSubscribe form {
  padding-left: 55px;
  padding-right: 65px;
}

@media only screen and (max-width: 767px) {
  div.partSubscribe form {
    padding: 0;
  }
}

div.partSubscribe form ::-webkit-input-placeholder {
  color: #d1d1d1;
}

div.partSubscribe form :-ms-input-placeholder {
  color: #d1d1d1;
}

div.partSubscribe form ::-ms-input-placeholder {
  color: #d1d1d1;
}

div.partSubscribe form ::placeholder {
  color: #d1d1d1;
}

div.partSubscribe form div.subscribeInput {
  position: relative;
  border-radius: 99px;
  margin-bottom: 23px;
}

@media only screen and (max-width: 767px) {
  div.partSubscribe form div.subscribeInput {
    text-align: center;
  }
}

div.partSubscribe form div.subscribeInput input {
  height: 62px;
  width: 315px;
  background-color: #fff;
  border: none;
  border-radius: 99px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 15px;
  padding-left: 32px;
  color: #3c3c3d;
}

div.partSubscribe form div.subscribeInput input:focus {
  outline: none;
}

@media only screen and (max-width: 767px) {
  div.partSubscribe form div.subscribeInput input {
    border-radius: 99px;
  }
}

div.partSubscribe form div.subscribeInput button {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background-color: #b82826;
  height: 64px;
  width: 122px;
  border-radius: 99px;
  position: absolute;
  top: 0;
  cursor: pointer;
  right: 0;
}

div.partSubscribe form div.subscribeInput button:hover {
  background-color: #d6b469;
}

@media only screen and (max-width: 767px) {
  div.partSubscribe form div.subscribeInput button {
    position: relative;
    margin: 15px auto;
  }
}

div.subHeading {
  background-image: url("../images/1613745895_pivo_header.jpg");
  background-size: cover;
  background-position: center;
  height: 270px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  padding-top: 113px;
  position: relative;
  z-index: -2;
}

@media only screen and (max-width: 767px) {
  div.subHeading {
    padding-top: 120px;
    height: unset;
    margin-bottom: 0;
    padding-bottom: 30px;
  }
}

div.subHeading::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  background-color: rgba(70, 70, 70, 0.4);
  z-index: -1;
}

div.subHeading h1 {
  font-size: 40px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin-bottom: 22px;
  margin-top: 22px;
}

div.subHeading p {
  color: #fff;
  text-align: center;
  font-size: 17px;
}

.static-content h2 {
  color: #b82826;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 32px;
}

.static-content h3 {
  text-transform: uppercase;
  font-size: 24px;
  color: #b82826;
  margin-bottom: 24px;
}

.static-content h4 {
  font-size: 22px;
  margin-bottom: 22px;
  font-weight: 700;
  color: #3c3c3d;
}

.static-content p {
  margin-bottom: 22px;
}

.static-content p a {
  color: #3c3c3d;
}

.static-content p a:hover {
  color: #b82826;
}

.static-content a {
  color: #3c3c3d;
}

.static-content a:hover {
  color: #d6b469;
}

.static-content ul {
  list-style: none;
  padding-left: 40px;
}

.static-content ul li {
  position: relative;
  margin-bottom: 12px;
}

.static-content ul li::before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: -30px;
  height: 8px;
  width: 8px;
  border-radius: 99px;
  background-color: #b82826;
}

div.contactPage {
  margin-top: 75px;
  margin-bottom: 75px;
  margin-bottom: 22px;
}

div.contactPage h2 {
  font-weight: 700;
  font-size: 36px;
  color: #b82826;
  margin-bottom: 20px;
}

div.contactPage form input:focus {
  border-color: #b82826;
}

div.contactPage form label {
  color: #3c3c3d !important;
}

div.contactPage a {
  color: #3c3c3d;
}

div.contactPage a:hover {
  color: #b82826;
}

@media only screen and (max-width: 767px) {
  .leftmenu {
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: .5s all;
    transition: .5s all;
  }
}

.leftmenu.leftMenuRolled {
  max-height: 750px;
}

h2.userDashHeading {
  font-weight: 700;
  font-size: 26px;
  color: #b82826;
}

.smallUserLink {
  color: #b82826;
  font-size: 14px;
  margin-bottom: 15px;
}

.smallUserLink:hover {
  color: #b82826;
  text-decoration: underline;
}

.fancybox-infobar span {
  color: #fff;
}

ul.catalogSmallNav {
  list-style: none;
  margin: 0;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
}

@media only screen and (max-width: 1199px) {
  ul.catalogSmallNav {
    display: block;
    text-align: center;
  }
}

ul.catalogSmallNav li a {
  width: 220px;
  margin: 0px 15px 15px;
  height: 77px;
  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;
  background-color: #b82826;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  border-radius: 99px;
}

ul.catalogSmallNav li a:hover {
  background-color: #3c3c3d;
}

ul.catalogSmallNav li.active a {
  background-color: #3c3c3d;
}

ul.catalogNavInList {
  list-style: none;
  margin: 0;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: inherit;
      flex-wrap: inherit;
  width: 100%;
}

@media only screen and (max-width: 1199px) {
  ul.catalogNavInList {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  ul.catalogNavInList {
    width: 100%;
    padding: 0;
  }
}

ul.catalogNavInList li {
  display: inline-block;
  width: 16.6%;
}

@media only screen and (max-width: 767px) {
  ul.catalogNavInList li {
    width: 16.6%;
    height: 70px;
  }
}

ul.catalogNavInList li.active a {
  color: #b82826;
  background-position: 100% 100%;
}

ul.catalogNavInList li a {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ededed), color-stop(50%, #d6b469));
  background-image: linear-gradient(#ededed 50%, #d6b469 50%);
  background-size: 100% 200%;
  padding: 20px 27px 20px 140px;
  height: 140px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0px;
  overflow: hidden;
}

@media only screen and (max-width: 991px) {
  ul.catalogNavInList li a {
    padding: 0;
  }
}

@media only screen and (max-width: 767px) {
  ul.catalogNavInList li a {
    font-size: 0px;
    overflow: hidden;
    padding: 0;
    height: 70px;
    width: 100%;
    margin: 0 !important;
  }
}

ul.catalogNavInList li a:hover {
  color: #b82826;
  background-position: 100% 100%;
}

ul.catalogNavInList li a::before {
  content: "";
  display: block;
  position: absolute;
  top: calc( 50% - 50px);
  left: calc( 50% - 50px);
  width: 100px;
  height: 100px;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 767px) {
  ul.catalogNavInList li a::before {
    width: 50px;
    height: 50px;
    top: calc( 50% - 25px);
    left: calc( 50% - 25px);
  }
}

ul.catalogNavInList li a::after {
  content: "";
  display: block;
  position: absolute;
  top: calc( 50% - 11px);
  right: 28px;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../web/arrow_icon.svg");
  display: none;
}

@media only screen and (max-width: 767px) {
  ul.catalogNavInList li a::after {
    display: none;
  }
}

ul.catalogNavInList li:nth-child(1) a {
  margin-bottom: 1px;
}

ul.catalogNavInList li:nth-child(1) a::before {
  background-image: url("../web/sluzba_1_icon.svg");
}

ul.catalogNavInList li:nth-child(2) a {
  margin: 0 1px;
  margin-bottom: 1px;
}

ul.catalogNavInList li:nth-child(2) a::before {
  background-image: url("../web/sluzba_2_icon.svg");
}

ul.catalogNavInList li:nth-child(3) a {
  margin-bottom: 1px;
}

ul.catalogNavInList li:nth-child(3) a::before {
  background-image: url("../web/sluzba_3_icon.svg");
}

ul.catalogNavInList li:nth-child(4) a {
  margin-bottom: 1px;
}

ul.catalogNavInList li:nth-child(4) a::before {
  background-image: url("../web/tea_coffee_icon.svg");
}

ul.catalogNavInList li:nth-child(5) a {
  margin: 0 1px;
  margin-bottom: 1px;
}

ul.catalogNavInList li:nth-child(5) a::before {
  background-image: url("../web/pivoplynco2_icon.svg");
}

ul.catalogNavInList li:nth-child(6) a {
  margin-bottom: 1px;
}

ul.catalogNavInList li:nth-child(6) a::before {
  background-image: url("../web/remeselnelimonady_icon.svg");
}

ul.catalogNav {
  list-style: none;
  margin: 0;
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: inherit;
      flex-wrap: inherit;
}

@media only screen and (max-width: 1199px) {
  ul.catalogNav {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  ul.catalogNav {
    width: 100%;
    padding: 0;
  }
}

ul.catalogNav li {
  display: inline-block;
  width: 370px;
}

@media only screen and (max-width: 1199px) {
  ul.catalogNav li {
    width: 310px;
  }
  ul.catalogNav li a {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  ul.catalogNav li {
    width: 100%;
    height: 90px;
  }
}

ul.catalogNav li.active a {
  color: #b82826;
  background-position: 100% 100%;
}

ul.catalogNav li a {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ededed), color-stop(50%, #d6b469));
  background-image: linear-gradient(#ededed 50%, #d6b469 50%);
  background-size: 100% 200%;
  padding: 20px 27px 20px 140px;
  height: 140px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  ul.catalogNav li a {
    overflow: hidden;
    padding: 0;
    padding-left: 100px;
    height: 90px;
    width: 100%;
    margin: 0 !important;
  }
}

ul.catalogNav li a:hover {
  color: #b82826;
  background-position: 100% 100%;
}

ul.catalogNav li a::before {
  content: "";
  display: block;
  position: absolute;
  top: calc( 50% - 50px);
  left: 24px;
  width: 100px;
  height: 100px;
  background-size: cover;
  background-position: center;
}

@media only screen and (max-width: 767px) {
  ul.catalogNav li a::before {
    width: 50px;
    height: 50px;
    top: calc( 50% - 30px);
    left: 20px;
  }
}

ul.catalogNav li a::after {
  content: "";
  display: block;
  position: absolute;
  top: calc( 50% - 11px);
  right: 28px;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../web/arrow_icon.svg");
}

@media only screen and (max-width: 767px) {
  ul.catalogNav li a::after {
    display: none;
  }
}

ul.catalogNav li:nth-child(1) a {
  margin-bottom: 1px;
}

ul.catalogNav li:nth-child(1) a::before {
  background-image: url("../web/sluzba_1_icon.svg");
}

ul.catalogNav li:nth-child(2) a {
  margin: 0 1px;
  margin-bottom: 1px;
}

ul.catalogNav li:nth-child(2) a::before {
  background-image: url("../web/sluzba_2_icon.svg");
}

ul.catalogNav li:nth-child(3) a {
  margin-bottom: 1px;
}

ul.catalogNav li:nth-child(3) a::before {
  background-image: url("../web/sluzba_3_icon.svg");
}

ul.catalogNav li:nth-child(4) a {
  margin-bottom: 1px;
}

ul.catalogNav li:nth-child(4) a::before {
  background-image: url("../web/tea_coffee_icon.svg");
}

ul.catalogNav li:nth-child(5) a {
  margin: 0 1px;
  margin-bottom: 1px;
}

ul.catalogNav li:nth-child(5) a::before {
  background-image: url("../web/pivoplynco2_icon.svg");
}

ul.catalogNav li:nth-child(6) a {
  margin-bottom: 1px;
}

ul.catalogNav li:nth-child(6) a::before {
  background-image: url("../web/remeselnelimonady_icon.svg");
}

.filter-heading {
  margin: 16px 0px 0px;
  border: 1px solid #ebebeb !important;
  background-color: #fff !important;
}

.filter-heading h3 {
  color: #b82826;
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 25px;
  display: inline-block;
}

.filter-heading #filtrovanie {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  color: #b82826;
}

.filter-heading #filtrovanie p {
  margin: 0;
  font-size: 14px;
  margin-bottom: 0;
}

.filter-heading #filtrovanie p span {
  font-size: 14px;
}

.filter-heading #filtrovanie p span::after {
  position: relative;
  content: ",";
  display: inline-block;
}

.filter-heading #filtrovanie p span:last-child::after {
  display: none;
}

#filter {
  padding: 15px !important;
}

#filter input {
  font-size: 14px !important;
}

#filter select {
  font-size: 14px !important;
  height: 35px;
}

#filter .form-control.filter-select.checker {
  border: 1px solid #ced4da;
  border-radius: .25rem;
}

#filter .filterHeading {
  font-weight: 700;
  font-size: 14px;
  color: #b82826;
  margin-bottom: 8px;
}

#filter .filterCloseButton {
  border-radius: 0px;
  height: 45px;
  width: 125px;
  margin-top: 10px;
  float: right;
}

#filter .filterSlider {
  position: relative;
  margin-top: 40px;
}

#filter .filterSlider .filterHeading {
  position: absolute;
  width: 100px;
  top: -40px;
}

#filter .filterSlider #priceslider {
  width: 75%;
  margin: auto;
  height: 7px;
}

#filter .filterSlider .myCustomSliderFrom {
  background-color: #fff;
  border: none;
  position: absolute;
  padding: 0;
  width: 40px;
  left: 9px;
  pointer-events: none;
  top: -9px;
}

#filter .filterSlider .myCustomSliderTo {
  background-color: #fff;
  top: -9px;
  border: none;
  pointer-events: none;
  padding: 0;
  width: 40px;
  position: absolute;
  right: -2px;
}

#filter .filterSlider .noUi-handle {
  height: 20px !important;
  width: 20px !important;
  cursor: pointer;
}

#filter .filterSlider .noUi-handle:hover {
  background-color: #ededed;
}

#filter .filterSlider .noUi-handle:focus {
  outline: none;
}

#filter .manufacturerFromFilter label {
  position: relative;
  cursor: pointer;
  padding: 5px;
  border: 2px solid transparent;
}

#filter .manufacturerFromFilter label img {
  width: 100%;
  height: 107px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 8px;
}

#filter .manufacturerFromFilter label p {
  margin-bottom: 0;
  height: 36px;
}

#filter .manufacturerFromFilter input {
  visibility: hidden;
}

#filter .manufacturerFromFilter input:checked + label {
  border-radius: 5px;
  border: 2px solid #b82826;
}

#filtrovaniVyrobcovia {
  display: none;
}

.filter-second-part span.zoradit {
  color: #a0a0a0;
  font-size: 15px;
  margin-right: 20px;
}

.filter-second-part select {
  border-color: #d1d1d1;
  color: #d1d1d1;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  min-width: 155px;
}

.filter-second-part select:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #b82826;
}

.filter-second-part .selectWrapper {
  position: relative;
}

.filter-second-part .selectWrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: calc( 50% - 5px);
  right: 15px;
  width: 10px;
  height: 10px;
  background-image: url("../web/arrow_select.svg");
  background-size: cover;
  background-position: center;
}

#wait i {
  color: #b82826 !important;
}

.catalogueContent {
  margin-top: 16px;
}

.catalogueContent p, .catalogueContent a, .catalogueContent ul, .catalogueContent ol, .catalogueContent li, .catalogueContent table {
  color: #3c3c3d;
  font-size: 14px;
  line-height: 24px;
}

.catalogueContent p a, .catalogueContent a a, .catalogueContent ul a, .catalogueContent ol a, .catalogueContent li a, .catalogueContent table a {
  color: #b82826;
}

.catalogueContent p a:hover, .catalogueContent a a:hover, .catalogueContent ul a:hover, .catalogueContent ol a:hover, .catalogueContent li a:hover, .catalogueContent table a:hover {
  color: #3c3c3d;
}

.product {
  padding: 30px 28px;
  border: 1px solid #f0f0f0;
}

@media only screen and (max-width: 574px) {
  .product {
    padding: 0;
    border: none;
    margin-bottom: 25px;
  }
}

.product:hover .myButton {
  background-color: #3c3c3d;
}

.product:hover span.nasacena {
  color: #3c3c3d;
}

.product .productTag {
  display: inline-block;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  padding: 8px 16px;
  margin: 5px;
}

.product img {
  width: 200px !important;
  height: 285px !important;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 15px !important;
}

@media only screen and (max-width: 574px) {
  .product img {
    height: 200px !important;
    margin-bottom: 20px !important;
    padding: 8px;
  }
}

.product p.productname {
  color: #3c3c3d;
  font-weight: 700;
  height: 107px;
  line-height: 22px;
  margin-bottom: 10px;
  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: 574px) {
  .product p.productname {
    height: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.product p.productshort {
  font-size: 13px;
  height: 40px;
  margin-bottom: 18px;
}

@media only screen and (max-width: 574px) {
  .product p.productshort {
    height: auto;
  }
}

.product span.nasacena {
  font-weight: 400;
  color: #b82826;
  font-size: 20px;
  margin-bottom: 46px;
  display: inline-block;
  -webkit-transition: .3s all;
  transition: .3s all;
}

@media only screen and (max-width: 574px) {
  .product span.nasacena {
    margin-bottom: 20px;
  }
}

.product .myButton {
  width: 190px;
  margin: auto;
}

.productDetail p, .productDetail a, .productDetail ul, .productDetail ol, .productDetail li, .productDetail table, .productDetail h4 {
  color: #767676;
  font-size: 13px;
}

.productDetail p a, .productDetail a a, .productDetail ul a, .productDetail ol a, .productDetail li a, .productDetail table a, .productDetail h4 a {
  color: #b82826;
}

.productDetail p a:hover, .productDetail a a:hover, .productDetail ul a:hover, .productDetail ol a:hover, .productDetail li a:hover, .productDetail table a:hover, .productDetail h4 a:hover {
  color: #3c3c3d;
}

.productDetail .product-detail {
  margin-top: 40px;
}

.productDetail .product-detail .productImage {
  border: 1px solid #f0f0f0;
  margin-bottom: 22px;
  text-align: center;
}

.productDetail .product-detail .productImage img {
  height: 338px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  padding: 30px;
}

.productDetail .product-detail .myProductGallery .productGalleryImage {
  border: 1px solid #f0f0f0;
  padding: 8px;
  height: 130px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
}

.productDetail .product-detail .productInfo h2 {
  color: #3c3c3d;
  margin-bottom: 22px;
  font-size: 35px;
  padding: 0;
}

.productDetail .product-detail .productInfo .productInWarehouse {
  color: #b82826;
  font-size: 16px;
}

.productDetail .product-detail .productInfo .productInWarehouse span {
  color: #b82826;
  font-weight: 700;
}

.productDetail .product-detail .productInfo .productDesc {
  margin-bottom: 24px;
}

.productDetail .product-detail .productInfo .productDesc p {
  font-size: 13px;
  margin-bottom: 18px;
}

.productDetail .product-detail .productInfo .productDesc p strong {
  color: #3c3c3d;
  font-weight: 400;
}

.productDetail .product-detail .productInfo .productDesc p a {
  color: #b82826;
}

.productDetail .product-detail .productInfo .productDesc p a:hover {
  color: #3c3c3d;
}

.productDetail .product-detail .productPrice .price {
  color: #b82826;
  font-size: 30px;
}

.productDetail .product-detail .productPrice .myButton {
  width: 190px;
  float: right;
}

@media only screen and (max-width: 767px) {
  .productDetail .product-detail .productPrice .myButton {
    float: none;
    margin-top: 25px;
    margin-bottom: 40px;
  }
}

.productDetail .productPrehlad, .productDetail .productSpecifikacia {
  padding-top: 22px;
  padding-bottom: 32px;
}

.productDetail .productPrehlad h3, .productDetail .productSpecifikacia h3 {
  font-size: 35px;
  font-weight: 700;
  color: #3c3c3d;
  margin-bottom: 28px;
}

.productDetail .productPrehlad h4, .productDetail .productSpecifikacia h4 {
  font-size: 20px;
  margin-bottom: 28px;
  font-weight: 700;
  color: #3c3c3d;
}

.productDetail .productPrehlad p, .productDetail .productSpecifikacia p {
  margin-bottom: 26px;
}

.productDetail .productPrehlad ol, .productDetail .productPrehlad ul, .productDetail .productSpecifikacia ol, .productDetail .productSpecifikacia ul {
  padding-left: 15px;
}

.productDetail .productPrehlad ol li, .productDetail .productPrehlad ul li, .productDetail .productSpecifikacia ol li, .productDetail .productSpecifikacia ul li {
  margin-bottom: 14px;
}

.productDetail .productSpecifikacia {
  background-color: #f6f6f6;
}

.productDetail .productSpecifikacia h3 {
  padding: 0 30px;
}

.productDetail .productSpecifikacia .specifikaciaContent {
  padding-left: 12px;
  padding-right: 22px;
}

.productDetail .productSpecifikacia .specifikaciaContent table tr {
  border-bottom: 1px solid #dcdcdc;
}

.productDetail .productSpecifikacia .specifikaciaContent table tr:last-child {
  border: none;
}

.productDetail .productSpecifikacia .specifikaciaContent table tr td {
  padding: 5px 18px;
  line-height: 20px;
}

.productDetail .productSpecifikacia .specifikaciaContent table tr td:first-child {
  width: 180px;
  font-weight: 700;
}

.productDetail .guideWrapper {
  margin-top: 36px;
  margin-bottom: 48px;
}

.productDetail .guideWrapper a {
  background-color: #3c3c3d;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .productDetail .guideWrapper a {
    display: block;
    padding: 30px 15px;
  }
}

.productDetail .guideWrapper a:hover {
  background-color: #b82826;
}

.productDetail .guideWrapper a:hover .myButton {
  background-color: #3c3c3d;
}

.productDetail .guideWrapper p {
  margin: 0;
  font-size: 25px;
  color: #fff;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .productDetail .guideWrapper p {
    margin-bottom: 25px;
  }
}

.productDetail .guideWrapper .myButton {
  color: #fff;
  float: right;
}

@media only screen and (max-width: 767px) {
  .productDetail .guideWrapper .myButton {
    float: left;
  }
}

.productDetail .productRelevants h3 {
  font-size: 35px;
  font-weight: 700;
  color: #3c3c3d;
  margin-bottom: 24px;
}

.productDetail .productRelevants .relProduct {
  border: 1px solid #f0f0f0;
  padding: 10px;
}

@media only screen and (max-width: 767px) {
  .productDetail .productRelevants .relProduct {
    padding: 25px 15px;
  }
}

.productDetail .productRelevants .relProduct a h4 {
  font-size: 17px;
  margin: 0;
  -webkit-transition: .3s all;
  transition: .3s all;
}

.productDetail .productRelevants .relProduct a:hover h4 {
  color: #b82826;
}

.productDetail .productRelevants .relProduct .price {
  font-size: 20px;
  color: #b82826;
  margin: 0;
}

.productDetail .productRelevants .relProduct .myButton {
  float: right;
}

@media only screen and (max-width: 767px) {
  .productDetail .productRelevants .relProduct .myButton {
    float: none;
    margin-top: 25px;
  }
}

.myCart p, .myCart a, .myCart ul, .myCart ol, .myCart li, .myCart table, .myCart h4 {
  color: #767676;
  font-size: 13px;
}

.myCart p a, .myCart a a, .myCart ul a, .myCart ol a, .myCart li a, .myCart table a, .myCart h4 a {
  color: #b82826;
}

.myCart p a:hover, .myCart a a:hover, .myCart ul a:hover, .myCart ol a:hover, .myCart li a:hover, .myCart table a:hover, .myCart h4 a:hover {
  color: #3c3c3d;
}

.myCart a.myCartProduct {
  color: #3c3c3d;
  font-size: 16px;
  font-weight: 700;
}

.myCart a.myCartProduct:hover {
  color: #b82826;
}

.myCart p.delivery-pad label {
  color: #3c3c3d;
}

.myCart .payment-method p label {
  color: #3c3c3d;
}

.myCart #prepravkaWrap {
  background-color: #d6b469;
  padding: 35px;
  margin: 16px 0;
  display: none;
}

.myCart #prepravkaWrap:first-of-type {
  display: block;
}

.myCart #prepravkaWrap p {
  color: #b82826;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0;
}

.myCart #prepravkaWrap p b {
  font-size: 20px;
}

.myCart #prepravkaWrap .myButton:hover {
  background-color: #3c3c3d;
}

.searchPage h2 {
  font-size: 35px;
  font-weight: 700;
  color: #3c3c3d;
  margin-bottom: 28px;
}

footer {
  margin-top: 100px;
}

footer .footerPart1 {
  background-image: url("../web/footer_bg.jpg");
  background-size: cover;
  background-position: center;
  padding-top: 90px;
  padding-bottom: 80px;
}

footer .footerPart1 a.footerLogo img {
  width: 220px;
}

footer .footerPart1 h3 {
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 20px;
  color: #fff;
}

footer .footerPart1 ul li {
  margin-bottom: 20px;
}

footer .footerPart1 ul li a {
  font-size: 13px;
  line-height: 17px;
  width: 140px;
  display: block;
  color: #fff;
}

footer .footerPart1 ul li a:hover {
  color: #d6b469;
}

footer .footerPart1 p {
  font-size: 13px;
  line-height: 17px;
  margin-bottom: 20px;
}

footer .footerPart1 div.footerAddress p {
  color: #fff;
}

footer .footerPart1 div.footerAddress p a {
  color: #d6b469;
}

footer .footerPart1 div.footerAddress p a:hover {
  color: #fff;
}

footer .footerPart1 div.footerAddress strong {
  font-weight: 400;
  color: #d6b469;
}

footer .footerPart1 div.footerContact p {
  color: #fff;
}

footer .footerPart1 div.footerContact a {
  color: #fff;
}

footer .footerPart1 div.footerContact a:hover {
  color: #d6b469;
}

footer .footerPart1 div.footerContact strong a {
  color: #d6b469;
  font-size: 13px;
  line-height: 17px;
}

footer .footerPart1 div.footerContact strong a:hover {
  color: #d6b469;
}

footer .footerPart2 {
  font-size: 13px;
  background-color: #fff;
  height: 90px;
}

footer .footerPart2 span {
  color: #b82826;
}

footer .footerPart2 a:hover {
  color: #b82826;
}

footer .footerPart2 a.sixnetLogo img {
  width: 64px;
}

#ageModal .modal-dialog {
  margin-top: 160px;
}

#ageModal .modal-content {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 20px;
}

#ageModal .modal-body {
  padding: 40px;
}

#ageModal h4.modalHeading {
  font-size: 26px;
  font-weight: 700;
  color: #b82826;
  margin-bottom: 40px;
}

#ageModal .myButton {
  width: 175px;
}

div.toast {
  z-index: 999 !important;
}

.cookieinfo {
  background-color: rgba(0, 0, 0, 0.8) !important;
  color: #ffffff !important;
}

.cookieinfo span {
  color: #ffffff !important;
}

.cookieinfo #cookie_more_info {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.cookieinfo .cookieinfo-close {
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  color: #ffffff !important;
}

.cookieinfo .cookieinfo-close:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
}

body > footer {
  background-color: #a8a8a8;
}

body > footer .copyright {
  background-color: #787878;
  text-align: center;
  margin-top: 15px;
}

[class^="fi-"]::before,
[class*=" fi-"]::before {
  margin-right: 0;
  margin-left: 0;
}

.content-web {
  padding: 0 15px 40px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  font-family: "Poppins", sans-serif;
}

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

.sm-simple {
  border: 0 none;
  background: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 768px) {
  #main-menu > ul > li {
    float: none;
    display: table-cell;
    width: 1%;
    text-align: center;
  }
}

.main-nav {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1000;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  background-color: #ffffff;
}

.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

.nav-brand {
  float: left;
  margin: 0;
}

.nav-brand a {
  display: block;
  padding: 11px 11px 11px 20px;
  color: #555;
  font-size: 20px;
  font-weight: normal;
  line-height: 17px;
  text-decoration: none;
  height: 60px;
}

.nav-brand a img {
  height: 100%;
  width: auto;
}

@media (min-width: 768px) {
  .nav-brand a {
    height: 100px;
  }
}

#main-menu > ul {
  clear: both;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: none;
}

#main-menu > ul li {
  background-color: rgba(255, 255, 255, 0.75);
}

#main-menu > ul > li > a {
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .main-nav {
    position: absolute;
    background-color: transparent;
  }
  #main-menu > ul {
    float: right;
    clear: none;
    display: block;
  }
  #main-menu > ul > li > a > .sub-arrow {
    display: none;
  }
}

/* Mobile menu toggle button */
.main-menu-btn {
  float: right;
  margin: 5px 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* hamburger icon */
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #555;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}

/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}

#main-menu-state:checked ~ #main-menu {
  display: block;
}

@media (min-width: 768px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}

ul#lang {
  list-style: none;
  margin: 0;
  *zoom: 1;
}

ul#lang li {
  float: left;
  visibility: collapse;
}

ul#lang li a {
  display: block;
  padding: 3px 10px;
  visibility: visible;
}

ul#lang:before, ul#lang:after {
  content: ' ';
  display: table;
}

ul#lang:after {
  clear: both;
}

ul#lang.flag a {
  width: 2rem;
  height: 1.5rem;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

ul#lang.code a:before {
  content: attr(data-code);
  text-transform: uppercase;
}

ul#lang.name a:before {
  content: attr(title);
}

.relative {
  position: relative;
}

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

.middle {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bold {
  font-weight: bold;
}

.uppercase {
  text-transform: uppercase;
}

/* line break after element */
.br:after {
  content: '\A';
  white-space: pre;
}

/* clear-fix */
.cf {
  *zoom: 1;
}

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

.cf:after {
  clear: both;
}

@media screen and (max-width: 1024px) {
  .cf-medium {
    *zoom: 1;
  }
  .cf-medium:before, .cf-medium:after {
    content: ' ';
    display: table;
  }
  .cf-medium:after {
    clear: both;
  }
}

@media screen and (min-width: 1025px) {
  .small-0 {
    width: 0;
  }
}

/* proportional height */
#testProportional {
  margin: 50px auto;
  width: 300px;
  background-color: green;
}

.crust {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.crust:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.crust .core {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
}

.crust .core img,
.crust .core .content {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.crust .core .content {
  width: 100%;
  height: 100%;
}

.crust.cover .core img {
  /*width: 100%*/
  /*height: auto*/
  /*max-height: none*/
  min-width: 100%;
  min-height: 100%;
  height: auto;
  max-width: none;
}

.crust.ratio-2_1:before {
  padding-top: 50%;
}

.crust.ratio-4_3:before {
  padding-top: 75%;
}

.crust.ratio-16_9:before {
  padding-top: 56.25%;
}

.crust.ratio-9_4:before {
  padding-top: 44.44%;
}

.crust.ratio-5_4:before {
  padding-top: 80%;
}

.crust.ratio-1_2:before {
  padding-top: 200%;
}

.crust.ratio-4_5:before {
  padding-top: 125%;
}

/* icon before content */
a.icon-prev:hover {
  color: #1992ff;
}

.icon-prev {
  position: relative;
  display: inline;
  margin-left: 2.25em;
  white-space: nowrap;
}

.icon-prev:before {
  position: absolute;
  margin-top: 0.15em;
  left: -1.20em;
  font-size: 1.10em;
  color: red;
}

.icon-prev:first-child {
  margin-left: 1.35em;
}

/* title after icon */
.tai {
  position: relative;
  white-space: nowrap;
  color: #005eb2;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-right: 1rem;
}

.tai:after {
  content: attr(data-title);
  position: relative;
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.5rem;
  margin-left: 0.33rem;
}

.tai:before {
  line-height: 1.5rem;
}

@media screen and (max-width: 991px) {
  .tai {
    cursor: help;
    font-size: 2.5rem;
  }
  .tai:after {
    display: none;
  }
  .tai:hover:after, .tai:focus:after, .tai:active:after {
    display: block;
    position: absolute;
    top: 0.75rem;
    left: 100%;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.85);
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1px 4px;
    border-radius: 2px;
  }
  .tai:before {
    line-height: 3.75rem;
  }
  a.tai {
    cursor: pointer;
  }
}

.req-sign, label .req::after {
  color: #cc0000;
  font-weight: bold;
}

label .req::after {
  content: '*';
  position: absolute;
  margin-left: 0.3rem;
  margin-left-margin-right: 1.2rem;
}

ul.evenly {
  text-align: justify;
  min-width: 500px;
}

ul.evenly:after {
  content: '';
  display: inline-block;
  width: 100%;
}

ul.evenly li {
  display: inline-block;
}

.clickable {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

/* ADMIN: edit text on the page */
.admin-edit, .menu-content-edit {
  position: relative;
  overflow: hidden;
}

.admin-edit:after, .menu-content-edit:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 1px solid rgba(102, 82, 0, 0.25);
  background-color: rgba(0, 0, 0, 0.05);
}

.admin-edit:after:hover, .menu-content-edit:after:hover {
  display: none;
}

.admin-edit:hover, .menu-content-edit:hover {
  border: 1px solid #990000;
  background-color: rgba(255, 255, 255, 0.67);
  color: #660000;
  cursor: url(../images/pencil-red-16.gif) 0 16, pointer;
}

.admin-edit[data-variant="static_content"], .menu-content-edit[data-variant="static_content"] {
  display: inherit;
}

.admin-edit[data-variant="static_content"]:hover, .menu-content-edit[data-variant="static_content"]:hover {
  cursor: url(../images/doc-edit-16.gif) 0 16, pointer;
}

.menu-content-edit {
  display: inherit;
}

.menu-content-edit:hover {
  cursor: url(../images/doc-edit-16.gif) 0 16, pointer;
}

/* COLORS */
/* MATO HOTFIX */
.navbar-brand, .navbar-nav > li > a {
  text-shadow: none;
}

/* PRVKY */
.btn-first {
  background-color: #b82826;
  color: white;
  border: 2px solid transparent;
  border-radius: 50px;
}

.btn-first:hover, .btn-first:active, .btn-first:focus {
  background-color: transparent;
  color: #b82826;
  border: 2px solid #b82826;
}

.btn-second {
  background-color: transparent;
  color: #b82826;
  border: 2px solid #b82826;
  border-radius: 50px;
}

.btn-second:hover, .btn-second:active, .btn-second:focus {
  background-color: #b82826;
  color: white;
  border: 2px solid transparent;
}

/* MENU - KOSIK - HEADER */
.cartcena, .cartkusy {
  color: white;
}

/* KATALOG PRODUKTOV */
#wait {
  background-color: rgba(255, 255, 255, 0.5);
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  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;
}

#wait i {
  color: #b82826;
  display: inline-block;
}

/* FILTER */
.fulllink {
  cursor: pointer;
}

.filter-second-part {
  margin-top: 25px;
  margin-bottom: 25px;
}

.filter-heading {
  background-color: #c0c0c0;
  padding: 14px;
  color: #fff;
  font-size: 18px;
}

.filter-wrapper {
  padding-top: 25px;
  padding-bottom: 15px;
  border: 1px solid #ebebeb;
}

.filter-wrapper label {
  font-size: 12px;
}

.filter-input, .filter-select {
  border-radius: 50px;
  border: 1px solid #ebebeb;
}

.fulllink button {
  margin: 4px;
  float: right;
  cursor: pointer;
}

.fulllink button:before {
  font-family: FontAwesome;
  content: "\f068";
  font-size: 24px;
  color: #b82826;
}

.fulllink.collapsed button {
  cursor: pointer;
}

.fulllink.collapsed button:before {
  font-family: FontAwesome;
  content: "\f067";
  font-size: 24px;
  color: #b82826;
}

#priceslider {
  margin-top: 11px;
}

.noUi-horizontal {
  height: 10px;
}

.noUi-handle {
  top: -10px !important;
  border-radius: 50px;
  width: 30px !important;
  height: 30px !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.noUi-handle:before, .noUi-handle:after {
  background: transparent;
}

.noUi-connect {
  background-color: #b82826;
}

.filter-manufacturers, .filter-tags {
  margin-top: 25px;
  margin-bottom: 0px;
  background-color: white;
  padding-top: 10px;
  padding-bottom: 10px;
}

.filter-manufacturers .checkbox, .filter-tags .checkbox {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.filter-tags {
  margin-top: 0px !important;
}

.filter-tagy {
  border-top: 1px #c0c0c0 solid;
  margin-bottom: 15px;
}

.filter-buttons button {
  margin-right: 10px;
}

input[type=checkbox] {
  -ms-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -o-transform: scale(0.7);
}

.tag-label {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius: 50px;
  font-weight: 700;
}

/* VYPIS PRODUKTOV */
.product-wrap, .products-wrapper {
  padding-bottom: 80px;
}

.product {
  text-align: center;
}

.product img {
  width: auto;
  height: auto;
  max-height: 300px;
  margin: 0 auto;
  display: block;
}

.productname {
  color: #404041;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 5px;
  height: 50px;
  overflow: hidden;
}

.category {
  background-color: #b82826;
  color: white;
  border-radius: 50px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  width: auto;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.productshort {
  font-weight: 300;
  font-size: 16px;
  color: #404041;
  margin-bottom: 5px;
  height: 50px;
  overflow: hidden;
}

.skladom, .neskladom {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 0px;
}

.skladom {
  color: #b82826;
}

.neskladom {
  color: red;
}

.beznacena {
  color: #404041;
  margin-bottom: 0px;
}

.nasacena {
  color: #404041;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0px;
}

.buy-btn {
  background-color: #b82826;
  min-width: 125px;
  width: auto;
  height: 55px;
  color: white;
  border: 2px solid transparent;
  font-size: 15px;
  border-radius: 50px;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
  font-weight: 700;
  text-transform: lowercase;
  padding: 5px 10px;
  cursor: pointer;
  display: block;
  margin: 0 auto;
}

.buy-btn:hover, .buy-btn:active, .buy-btn:focus {
  color: #b82826;
  background-color: transparent;
  border: 2px solid #b82826;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
  text-decoration: none;
}

/* PRODUCT DETAIL */
.product-detail-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
}

.product-detail-name {
  color: #b82826;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 20px;
}

.product-detail-image {
  border: 1px solid #ebebeb;
}

.product-detail-info {
  border: 1px solid #ebebeb;
  padding-top: 10px;
  padding-bottom: 10px;
}

.product-gallery > div > div {
  padding: 5px 5px 0px 0px;
}

.product-detail-info-row {
  margin-bottom: 5px;
  color: #747474;
  font-weight: 300;
}

.product-detail-price-row {
  margin-bottom: 5px;
  color: #c4c4c4;
  font-weight: 300;
}

.product-detail-price-main-row {
  color: black;
  font-weight: 700;
}

.main-price {
  color: #b82826;
}

/* Pridavanie do kosika - form cast */
.product-form {
  width: 100%;
  display: inline-block;
}

/* END */
.product-detail-input {
  border-radius: 50px !important;
}

.product-tag {
  display: inline-block;
  color: white;
  padding: 5px 10px;
  border-radius: 50px;
  margin-bottom: 10px;
}

/* DETAIL PRODUKTU - TABY */
.product-detail-tabs {
  margin: 60px 0 -1px;
  border-bottom: none;
}

.product-detail-tabs li {
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

.product-detail-tabs li a {
  color: #000;
  padding: 0 30px;
  border: 1px solid #ebebeb;
  font-weight: 700;
  font-size: 17px;
  background-color: #f8f8f8;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
  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;
  height: 67px;
  min-width: 100px;
}

.product-detail-tabs li a:hover {
  background-color: white;
}

.product-detail-tabs li .active {
  background-color: white;
}

.product-detail-tabs li:not(:last-child) a {
  border-right: none !important;
}

.tab-content {
  border: 1px solid #ebebeb;
  padding: 30px 40px;
  font-size: 15px;
  color: #000;
  font-weight: 400;
}

.tab-content .parametre p:first-child {
  width: 160px;
}

/* OKNO PO PRIDANI PRODUKTU DO KOSIKA */
/* CART UPDATE */
#add_to_cart_info {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 99999;
}

.add_to_cart_info_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80%;
  width: 100%;
  position: relative;
  overflow: auto;
  top: 15%;
}

.youMayNeed img {
  height: 160px;
  margin-bottom: 15px;
  -webkit-transition: .2s all;
  transition: .2s all;
}

.youMayNeed .atci_name {
  font-weight: 700;
  margin-bottom: 0px;
  -webkit-transition: .2s all;
  transition: .2s all;
  color: #3c3c3d;
}

.youMayNeed .atci_price {
  font-weight: 700;
  font-size: 20px;
  color: #3c3c3d;
  margin-bottom: 10px;
  display: inline-block;
  -webkit-transition: .2s all;
  transition: .2s all;
}

.youMayNeed .myButton {
  width: 180px;
  height: 60px;
  margin-bottom: 15px;
  margin: auto;
}

.youMayNeed .myButton:hover {
  background-color: #3c3c3d;
}

.youMayNeed:hover img {
  opacity: .8;
}

.youMayNeed:hover .atci_name,
.youMayNeed:hover .atci_price {
  color: #b82826;
}

@media only screen and (max-width: 991px) {
  .add_to_cart_info_wrapper {
    display: block;
    padding-top: 3rem;
  }
}

.add_to_cart_info {
  width: 100%;
  height: 100%;
}

.atci_shadow {
  -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
  background-color: white;
  position: relative;
  border-radius: 5px;
}

.atci_close {
  position: absolute;
  right: 15px;
  top: 35px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .atci_close {
    right: 10px;
  }
}

.atci_heading {
  font-size: 30px;
  padding: 2rem 1rem 1rem 1rem;
  font-weight: 700;
  color: #000;
  margin: 0;
  text-transform: uppercase;
}

.atci_product_image {
  max-height: 40px;
}

.atci_second {
  background-color: #f4f4f4;
  padding-bottom: 35px;
  background-color: #d6b469;
}

.atci_buttons_wrapper {
  margin-bottom: 10px;
  padding-bottom: 2rem;
}

.atci_buttons_wrapper .btn-1 {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.atci_buttons_wrapper .btn-1:hover {
  color: #ffffff !important;
}

.atci_buttons_wrapper .btn-2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.atci_product {
  background-color: #fff;
  padding: 15px 0;
  margin: 0 0 15px;
  height: 180px;
}

.atci_product .atci_img {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 150px;
  border: 1px solid #ebebeb;
}

.atci_product .atci_data {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  text-align: center;
}

.atci_product .atci_name {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 10px;
  color: #000;
}

.atci_product .atci_price {
  color: green;
  font-weight: 700;
  font-size: 25px;
  margin: 0;
  line-height: 1;
  display: block;
}

.atci_product .std_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 80px;
  min-height: 25px;
  padding: 5px 15px;
  margin: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  height: auto;
}

/* BREADCRUMB - OMRVINKOVE MENU */
.breadcrumb {
  background-color: #f8f8f8;
  color: #b82826;
}

.breadcrumb a, .breadcrumb span {
  color: #404041;
  padding-left: 10px;
  padding-right: 10px;
}

.breadcrumb .actual {
  font-weight: 700;
  color: #b82826;
}

/* LAVE MENU */
.left-menu-heading {
  background-color: #b82826;
  padding: 14px;
  color: white;
  font-size: 18px;
  margin-bottom: 0px;
  font-weight: 700;
  padding-left: 20px;
  display: none;
}

@media only screen and (max-width: 767px) {
  .left-menu-heading {
    display: block;
  }
}

.left-menu-heading:after {
  font-family: FontAwesome;
  content: "\f107";
  padding-right: 10px;
  right: 15px;
  top: 7px;
  font-size: 30px;
  position: absolute;
}

.leftmenu {
  background-color: #ededed;
}

.leftmenu ul {
  list-style: none;
}

.leftmenu li.active a {
  background-color: #b82826;
  color: #fff;
}

.leftmenu a {
  display: block;
  padding: 15px 20px;
}

.leftmenu a:hover {
  text-decoration: none;
  background-color: #b82826;
  color: #fff !important;
}

.leftmenu > ul {
  padding: 0;
}

.leftmenu > ul > li > a {
  font-weight: 700;
  color: #404041;
}

.leftmenu > ul > li ul {
  padding-left: 0px;
}

.leftmenu > ul > li ul li a {
  color: #404041;
  font-weight: 400;
  font-size: 13px;
  display: block;
  padding: 8px 20px;
}

/* NAKUPNY KOSIK */
/* HORNE MENU V KOSIKU */
.navigation-bar-basket a, .navigation-bar-basket div {
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

.navigation-bar-basket a:hover, .navigation-bar-basket a:active, .navigation-bar-basket a:focus, .navigation-bar-basket div:hover, .navigation-bar-basket div:active, .navigation-bar-basket div:focus {
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}

.navigation-bar-basket a {
  font-size: 20px;
  color: black;
  padding: 14px;
  display: block;
  font-weight: 300;
}

.navigation-bar-basket .step {
  background-color: #eaeaea;
}

.navigation-bar-basket .step:hover, .navigation-bar-basket .step:active, .navigation-bar-basket .step:focus {
  background-color: #b82826;
}

.navigation-bar-basket .step:hover a, .navigation-bar-basket .step:active a, .navigation-bar-basket .step:focus a {
  text-decoration: none;
  color: white;
}

@media (min-width: 768px) {
  .navigation-bar-basket .step:first-child {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
  }
  .navigation-bar-basket .step:last-child {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
  }
}

.navigation-bar-basket .active {
  background-color: #b82826;
  /*  "Zobacik"  */
}

.navigation-bar-basket .active a {
  font-weight: 700;
  color: white;
}

/* VYPIS PRODUKTOV V KOSIKU A WISHLISTE */
.main-basket {
  padding-bottom: 50px;
}

.main-basket input {
  border-radius: 0px;
}

.main-basket input:focus {
  border-color: #b82826;
}

.main-basket h2, .main-basket h3 {
  background-color: #b82826;
  padding: 0 15px;
  color: #fff;
  border-radius: 0;
  font-weight: 700;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 60px;
}

.main-basket .step-3-wrapper {
  margin: 0;
}

#company_wrapper {
  display: none;
}

#other_address_wrapper {
  display: none;
}

#company_header,
#other_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#company_header img,
#other_header img {
  width: 25px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.order_error,
.order_error_2 {
  color: red;
  font-weight: 700;
  font-style: normal;
  display: none;
}

.pointer {
  cursor: pointer;
}

.cart-product {
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: 1px solid #000;
}

.cart-product .cart-product-image {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 70px;
  border: 1px solid #ececec;
}

.cart-product .cart-product-image:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.cart-product .cart-product-name {
  color: black;
  font-weight: 700;
  display: block;
}

.cart-product .cart-product-name:hover {
  color: #b82826;
  text-decoration: none;
}

.cart-product form {
  width: 100%;
  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-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.cart-product input {
  display: inline-block;
  width: 80px;
  border-radius: 0;
  margin: 0 15px;
  font-size: 18px;
  font-weight: 400;
}

.cart-product input:focus {
  border-color: #b82826;
}

.cart-product button {
  margin: 0 5px;
}

.cart-product .basket_price_info {
  width: 250px;
  text-align: right;
  margin: 0 15px 0 0;
  color: #000;
}

.cart-product .cart-x img {
  width: 25px;
  cursor: pointer;
}

.cart_steps_btns .std_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.report_line {
  border-bottom: 1px solid #ebebeb;
  padding: 10px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.report_line p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.report_line .report_product_image {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 70px;
  border: 1px solid #ebebeb;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.report_line .report_product_image:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.report_line .report_name {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.report_line .report_name:hover {
  color: #b82826;
}

.report_total_line {
  padding: 15px 0;
}

.report_total_line p {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

.report_contacts_line {
  margin: 30px 0 0;
}

.report_contacts_line span {
  display: block;
}

.report_notice_line {
  margin: 30px 0 50px;
}

.report_state {
  color: #000;
  margin: 0 0 30px;
}

/* DASHBOARD */
.profil_form .form-group {
  margin: 0 0 10px;
}

.profil_form label {
  margin: 0;
  font-size: 14px;
}

/* VOUCHRE */
.voucher_form .std_btn {
  min-height: 40px;
  height: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 0 0 15px;
}

.voucher input {
  width: auto;
  display: inline-block;
}

/* STRANKOVANIE */
/* VYUZITE V AJAXE */
.strankovanie {
  list-style: none;
}

.strankovanie li {
  display: none;
  margin: 5px;
  padding: 5px 10px;
  background-color: transparent;
  border: 1px solid #b82826;
  border-radius: 50px;
  color: #b82826;
  cursor: pointer;
}

.strankovanie .active {
  font-weight: 700;
  display: inline-block;
  background-color: #b82826;
  border-radius: 50px;
  color: white;
}

.strankovanie .page {
  display: inline-block;
}

/* KLASICKE STRANKOVANIE */
.pagination li:first-child a {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.pagination li:last-child a {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.pagination li a {
  background-color: white;
  border: 2px solid #b82826;
  color: #b82826;
  border-radius: 50px;
  padding: 5px 10px;
}

.pagination li a:hover {
  background-color: #b82826;
  color: white;
  border: 2px solid #b82826;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.pagination .current {
  background-color: transparent;
}

.pagination .current:first-child span {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
}

.pagination .current:last-child span {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}

.pagination .current span {
  background-color: #b82826;
  border: 2px solid #b82826;
  color: white;
  border-radius: 50px;
  padding: 5px 10px;
  display: inline-block;
  margin-top: -3px;
}

.pagination .current span:hover {
  background-color: #b82826;
  border: 2px solid #b82826;
  color: white;
}

@media screen and (max-width: 991px) {
  .voucher_form .std_btn {
    margin: 5px 0 0 15px;
  }
  .atci_product {
    height: auto;
  }
  .atci_product .atci_data {
    height: 130px;
    padding: 10px 0;
  }
}

@media screen and (max-width: 767px) {
  .atci_product .atci_data {
    height: 150px;
    padding: 0;
  }
}

@media screen and (max-width: 575px) {
  .voucher_form .std_btn {
    margin: 10px 0 0 0;
  }
  .cart-product .basket_price_info {
    margin: 10px 15px 0 0;
  }
}

@CHARSET 'UTF-8' {}@CHARSET 'UTF-8' {}@CHARSET 'UTF-8' {}article .background {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 160px;
}

article .contain {
  background-size: contain;
}

.article-detail-image {
  width: 100%;
  margin-bottom: 30px;
}

.article-detail-gallery-image {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  margin-bottom: 30px;
  opacity: 1;
  -webkit-transition: .3s all;
  transition: .3s all;
}

.article-detail-gallery-image:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  opacity: .9;
}

@CHARSET 'UTF-8' {}.gallery_list .background {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 220px;
  position: relative;
  overflow: hidden;
}

.gallery_list .background .curtain {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  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;
}

.gallery_list .background .curtain h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  margin: 0;
  padding: 0 15px;
}

.gallery_list .background:hover .curtain {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.gallery_detail .background {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 220px;
  border: 1px solid #ebebeb;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.gallery_detail .background:hover {
  opacity: 0.9;
}

.gallery_detail .std_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media screen and (max-width: 1199px) {
  .gallery_list .background .curtain {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

.carrier_wrap {
  padding: 45px 0 90px;
}

.list_carrier .carrier_background {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 150px;
}

.list_carrier .carrier_content h3 {
  color: #000;
  font-weight: 700;
  line-height: 1.2;
  font-size: 25px;
  height: 65px;
}

.list_carrier .carrier_content div {
  color: #000;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 400;
}

form .asterisk {
  color: red;
}

.js_hidden {
  display: none;
}

ul.slickSlider {
  padding: 0;
}

ul.slickSlider li {
  position: relative;
  width: 100%;
  height: 33vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sixnetFooter {
  max-height: 32px;
}
/*# sourceMappingURL=app.css.map */