/* rajdhani-regular - latin-ext_latin */

@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  src: url('./../fonts/rajdhani-v7-latin-ext_latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Rajdhani Regular'), local('Rajdhani-Regular'), url('./../fonts/rajdhani-v7-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./../fonts/rajdhani-v7-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('./../fonts/rajdhani-v7-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
  url('./../fonts/rajdhani-v7-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./../fonts/rajdhani-v7-latin-ext_latin-regular.svg#Rajdhani') format('svg');
  /* Legacy iOS */
}

/* rajdhani-500 - latin-ext_latin */

@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  src: url('./../fonts/rajdhani-v7-latin-ext_latin-500.eot');
  /* IE9 Compat Modes */
  src: local('Rajdhani Medium'), local('Rajdhani-Medium'), url('./../fonts/rajdhani-v7-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./../fonts/rajdhani-v7-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
  url('./../fonts/rajdhani-v7-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
  url('./../fonts/rajdhani-v7-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./../fonts/rajdhani-v7-latin-ext_latin-500.svg#Rajdhani') format('svg');
  /* Legacy iOS */
}

/* rajdhani-600 - latin-ext_latin */

@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  src: url('./../fonts/rajdhani-v7-latin-ext_latin-600.eot');
  /* IE9 Compat Modes */
  src: local('Rajdhani SemiBold'), local('Rajdhani-SemiBold'), url('./../fonts/rajdhani-v7-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./../fonts/rajdhani-v7-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
  url('./../fonts/rajdhani-v7-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
  url('./../fonts/rajdhani-v7-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./../fonts/rajdhani-v7-latin-ext_latin-600.svg#Rajdhani') format('svg');
  /* Legacy iOS */
}

/* rajdhani-700 - latin-ext_latin */

@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 700;
  src: url('./../fonts/rajdhani-v7-latin-ext_latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Rajdhani Bold'), local('Rajdhani-Bold'), url('./../fonts/rajdhani-v7-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('./../fonts/rajdhani-v7-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  url('./../fonts/rajdhani-v7-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
  url('./../fonts/rajdhani-v7-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  url('./../fonts/rajdhani-v7-latin-ext_latin-700.svg#Rajdhani') format('svg');
  /* Legacy iOS */
}

body {
  font-family: 'Rajdhani';
  color: #5d6771;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}

@media(min-width: 1300px) {
  .container {
    width: 1270px;
  }
}

@media(min-width: 1500px) {
  .container {
    width: 1470px;
  }
}

@media(min-width: 1600px) {
  .container {
    width: 100%;
    max-width: 1780px;
  }
}

a {
  color: inherit;
}

a:hover {
  color: #1d2023;
}

h2 {
  color: #1d2023;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.PLBdoporucujeme_zakoupit_tyto_produkty .ElementHeader {
  color: #1d2023;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  padding: 0;
  position: relative;
  margin: 0 auto;
  display: inline-block;
}

.PLBdoporucujeme_zakoupit_tyto_produkty .ElementHeader::before {
  width: 100px;
  height: 6px;
  background-color: #d6001c;
  content: "";
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -20px;
}

/* remove */

h2.line {
  position: relative;
  margin: 0 auto;
  display: inline-block;
}

h2.line::before {
  width: 100px;
  height: 6px;
  background-color: #d6001c;
  content: "";
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -20px;
}

/* END remove */

h3 {
  color: #1d2023;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  margin-bottom: 60px;
}

h4 {
  color: #1d2023;
  font-size: 24px;
  font-weight: 600;
  line-height: 35px;
  margin: 0;
}

@media (max-width: 1200px) {
  h2 {
    font-size: 40px;
  }
  h3 {
    font-size: 24px;
  }
}

/* bootstrap colspan 5ths */

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}

/* END bootstrap colspan 5ths */

/*@media (min-width: 768px) { */

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

.row-flex>[class*='col-'] {
  display: flex;
  flex-direction: column;
}

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

.ProductListArea.row>[class*='col-'] {
  /* display: flex; */
  /* flex-direction: column; */
}

.row.row-flex:after, .row.row-flex:before {
  display: none;
}

.ProductListArea.row:after, .ProductListArea.row:before {
  display: none;
}

/*}*/

.row-flex.center {
  justify-content: center;
}

.flex-center {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/* top menu */

.top-menu {
  width: 100%;
  /*background-color: #f2f4f5;
  border-bottom: 1px solid #dadee0;*/
  line-height: 35px;
}

ul.top-menu-left, .top-menu-left ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

ul.top-menu-left li, .top-menu-left li {
  float: left;
  padding: 0px;
  margin: 0;
  padding: 0px 25px;
  border-left: 1px solid #dadee0;
}

ul.top-menu-left li:first-child, .top-menu-left li:first-child {
  border-left: none;
}

ul.top-menu-left li a, .top-menu-left li a {
  color: #5d6771;
  font-size: 18px;
  transition: 0.3s color;
  position: relative;
}

@media(min-width: 992px) and (max-width: 1199px) {
  ul.top-menu-left li a, .top-menu-left li a {
    font-size: 16px;
  }
}

ul.top-menu-left li a:hover, .top-menu-left li a:hover {
  text-decoration: none;
  color: #1d2023;
}

ul.top-menu-left li a:hover:before, .top-menu-left li a:hover:before {
  left: 0;
  right: 0;
  opacity: 1;
}

ul.top-menu-left li a:before, .top-menu-left li a:before {
  height: 5px;
  background-color: #d6001c;
  content: "";
  position: absolute;
  margin: 0 auto;
  transition: 0.3s all;
  left: 50%;
  right: 50%;
  bottom: -13px;
  opacity: 0;
}

.top-menu-left>.home {
  margin-left: 0;
  margin-right: 0;
}

.top-menu-left>.home a img {
  margin-top: 5px;
}

.top-menu-left>.home a:before {
  display: none;
}

.top-menu-right {
  float: right;
}

ul.top-menu-right {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 40px;
}

.top-menu-right li {
  float: left;
  padding: 0;
  margin: 0;
  padding: 0px 20px;
  border-left: 1px solid #dadee0;
}

.top-menu-right li:first-child {
  border-left: 0;
  padding-left: 0px;
}

.top-menu-right li:last-child {
  padding-right: 0;
}

.top-menu-right li a {
  color: #5d6771;
  font-size: 18px;
  transition: 0.3s color;
  position: relative;
}

.top-menu-right li a:hover:before {
  left: 0;
  right: 0;
  opacity: 1;
}

.top-menu-right li a:before {
  height: 5px;
  background-color: #d6001c;
  content: "";
  position: absolute;
  margin: 0 auto;
  transition: 0.3s all;
  left: 50%;
  right: 50%;
  bottom: -13px;
  opacity: 0;
}

.top-menu-right li a:hover {
  text-decoration: none;
  color: #1d2023;
}

.top-menu-collapse {
  padding: 0;
  width: 100%;
  float: left;
}

.navbar-toggle .icon-bar {
  background: #5d6771;
  height: 3px;
  border-radius: 0px;
  width: 100%;
}

.navbar-toggle {
  padding: 12px 10px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  border-radius: 0px;
  text-align: center;
  border: 3px solid #5d6771;
  width: 50px;
  height: 50px;
  border-radius: 5px;
}

.top-tel {
  float: left;
}

.top-tel .header-phone-wrap {
  display: inline-block;
  margin: 0 auto;
  margin-top: 10px;
  text-align: left;
  padding-left: 60px;
  height: 50px;
  background-position: left top;
  background-size: 50px auto;
}

.top-tel .header-phone-wrap span {
  font-size: 16px;
  display: inline;
}

.top-tel .header-phone-btn {
  font-size: 16px;
  padding: 0px 3px;
  float: left;
  margin-bottom: 0px;
  margin-top: 11px;
}

.top-tel .header-phone-text {
  float: left;
  margin-left: 10px;
  margin-top: 11px;
}

@media(min-width: 992px) {
  .top-menu-collapse {
    display: block;
  }
}

@media(max-width: 1300px) {
  .top-menu-left li {
    float: left;
    padding: 0px;
    padding: 0px 10px;
  }
  ul.top-menu-right {
    padding-left: 30px;
    background-size: 20px auto;
  }
  .top-menu-right li {
    padding: 0px 10px;
  }
  .top-menu-right li:first-child {
    margin-right: 0px;
  }
}

@media(max-width: 991px) {
  .top-menu {
    line-height: 1.5;
    position: relative;
    height: 60px;
    margin-bottom: 2px;
  }
  .top-menu .home {
    display: none;
  }
  #top-menu-nav {
    position: absolute;
    right: 15px;
    top: 46px;
    width: 200px;
    padding-right: 0px;
    background: #fff;
    z-index: 400;
    background-color: #fff;
    border: 1px solid #5d6771;
    padding-bottom: 10px;
  }
  .top-menu-left {
    width: 100%;
    padding-top: 10px;
    padding-right: 20px;
  }
  .top-menu-left li {
    width: 100%;
    margin: 0px 0px;
    text-align: right;
    border-left: 0;
  }
  .top-menu-left li a:before {
    bottom: -5px;
  }
  .top-menu-left>.home a img {
    margin-top: 0px;
    float: right;
    margin-bottom: 5px;
  }
  ul.top-menu-right {
    width: 100%;
    margin-top: 10px;
    padding-left: 40px;
    padding-top: 10px;
    border-top: 1px solid #dadee0;
    padding-right: 20px;
  }
  .top-menu-right li {
    width: 100%;
    text-align: right;
    border-left: 0;
    padding: 0 10px;
  }
  ul.top-menu-right li a:before {
    bottom: -5px;
  }
  .top-menu-right li:last-child {
    padding-right: 10px;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .collapse.in {
    display: block !important;
  }
}

@media(max-width: 767px) {
  .top-menu {
    margin-bottom: 7px;
  }
}

@media(max-width: 570px) {
  .top-tel {
    width: 85%;
  }
  .top-tel .header-phone-wrap {
    float: left;
    display: block;
    line-height: 1;
  }
  .top-tel .header-phone-wrap span {
    display: block;
    float: none;
  }
  .top-tel .header-phone-btn {
    font-size: 18px;
    padding: 5px 3px;
    float: left;
    margin-bottom: 0px;
    margin-top: 6px;
  }
  .top-tel .header-phone-text {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
  }
  .top-menu {
    height: 65px;
  }
  #top-menu-nav {
    top: 55px;
  }
}

@media(max-width: 480px) {
  .top-tel {
    width: 80%;
  }
  .top-tel .header-phone-wrap {
    height: 50px;
  }
  .top-tel .header-phone-btn {
    font-size: 16px;
    padding: 4px 6px;
    padding-top: 5px;
    float: left;
    margin-bottom: 0px;
    margin-top: 0px;
    letter-spacing: -0.6px;
  }
  .top-tel .header-phone-text {
    margin-left: 0;
    float: left;
    width: 100%;
    font-size: 20px;
    letter-spacing: -0.6px;
  }
  .top-tel .header-phone-text span {
    display: none;
  }
}

/* header */

/** logo **/

.header-logo {
  margin-top: 40px;
}

.header-logo a {
  display: block;
  height: 36px;
}

.header-logo a img {
  max-height: 100%;
}

.mobile-logo {
  display: none;
}

.mobile-logo-text {
  display: none;
}

@media (min-width: 1800px) {
  .header-logo {
    width: 375px;
    padding: 0;
  }
}

@media (max-width: 1300px) {
  .header-logo {
    margin-top: 37px;
  }
}

@media (max-width: 991px) {
  .header-logo {
    margin-top: 27px;
  }
}

@media (max-width: 768px) {
  .header-logo {
    padding: 0;
    margin-top: 0px;
    height: 50px;
    width: auto;
  }
  .header-logo a {
    height: 50px;
  }
  .header-logo a img {
    height: 50px;
  }
}

@media (max-width: 600px) {
  .header-logo {
    padding: 0;
    margin-top: 0px;
    height: 50px;
    background-position: none;
    width: auto;
  }
  .header-logo a {
    height: 50px;
    vertical-align: middle;
    line-height: 50px;
  }
  .desktop-logo {
    display: none !important;
  }
  .header-logo a img.mobile-logo {
    display: block;
    height: 50px;
    float: left;
  }
  .header-logo a img.mobile-logo-text {
    display: block;
    height: 30px;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
  }
}

@media (max-width: 460px) {
  .header-logo a img.mobile-logo-text {
    height: 20px;
    margin-top: 15px;
  }
}

@media (max-width: 390px) {
  .header-logo a img.mobile-logo-text {
    height: 20px;
    margin-top: 15px;
    margin-left: 5px;
  }
}

@media (max-width: 370px) {
  .header-logo a img.mobile-logo-text {
    height: 12px;
    margin-top: 19px;
  }
}

/** search **/

.header-search {
  margin-top: 35px;
}

.header-search input {
  height: 50px;
  border: 1px solid #dadee0;
  background: #fcfcfc;
  padding: 0px 20px;
  box-sizing: border-box;
  width: 70%;
  float: left;
}

.header-search button {
  width: 30%;
  height: 50px;
  background: #d6001c;
  border: none;
  float: left;
  border-bottom: 2px solid #b20017;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.search-button:hover {
  background-image: linear-gradient(to top, #b20017 0%, #d6001c 100%);
}

@media (min-width: 1800px) {
  .header-search {
    width: 500px;
    padding: 0;
  }
  .search-input {
    width: 400px;
  }
  .search-button {
    width: 100px;
  }
}

@media (max-width: 1300px) and (min-width: 992px) {
  .header-search {
    width: 30%;
    margin-top: 25px;
  }
}

@media (max-width: 991px) {
  .header-search {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .header-search {
    position: absolute;
    left: 0;
    right: 0;
    top: 60px;
    display: none;
    width: 100%;
    z-index: 900;
    background: #fff;
    padding: 10px 15px;
    margin-top: 0px;
  }
}

/** phone **/

.header-phone {
  font-size: 22px;
  line-height: 1;
  color: #1d2023;
  font-weight: 500;
  margin-top: 35px;
  text-align: center;
}

.header-phone-wrap {
  display: inline-block;
  margin: 0 auto;
  text-align: left;
  padding-left: 60px;
  background: url("./../images/phone.svg") no-repeat left center;
}

.header-phone span {
  font-weight: 400;
  font-size: 18px;
  color: #5d6771;
}

.header-phone-btn {
  background-color: #d6001c;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  padding: 6px 9px;
  margin-bottom: 4px;
}

@media (min-width: 1800px) {
  .header-phone {
    width: 675px;
    padding: 0;
  }
}

@media (max-width: 1500px) {
  .header-phone {
    margin-top: 25px;
  }
  .header-phone-wrap {
    padding-left: 50px;
    background-position: center left;
    background-size: 30px auto;
  }
  .header-phone-text span {
    display: block;
  }
  .header-phone-btn {
    padding: 3px 9px;
  }
}

@media (max-width: 1300px) and (min-width: 992px) {
  .header-phone {
    width: 28%;
  }
  .header-phone-wrap {
    padding-left: 0px;
    background: none;
  }
}

/** cart **/

.header-cart {
  float: left;
  margin-top: 19px;
}

.header-cart-wrap {
  float: left;
}

.header-cart-price {
  width: 128px;
  float: left;
  line-height: 1;
  padding-top: 20px;
}

.header-cart-price span {
  color: #1d2023;
  font-size: 25px;
  font-weight: 700;
  display: block;
}

.header-cart-price .prejit {
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  text-decoration: underline;
  color: #d6001c;
}

.header-cart-img {
  width: 72px;
  height: 62px;
  background: url("./../images/cart.svg") no-repeat left bottom;
  float: left;
}

.header-cart-img span {
  width: 33px;
  height: 33px;
  background-color: #d6001c;
  display: block;
  border-radius: 50%;
  text-align: center;
  line-height: 33px;
  color: #ffffff;
  font-size: 22px;
  float: right;
  font-weight: 600;
  box-sizing: border-box;
  position: relative;
}

.header-cart-img span::after {
  position: absolute;
  background-color: transparent;
  border: 3px solid #fff;
  z-index: 1;
  left: -3px;
  top: -3px;
  right: -3px;
  bottom: -3px;
  border-radius: 50%;
  content: "";
}

.search-mobile-icon {
  float: right;
  height: 50px;
  width: 50px;
  font-size: 36px;
  margin-right: 10px;
  cursor: pointer;
  vertical-align: middle;
  background: #d6001c;
  position: relative;
  border-radius: 5px;
  margin-top: 0px;
}

.search-mobile-icon::before {
  position: absolute;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  content: "";
  background: url("./../images/Lupa.svg") no-repeat center;
  background-size: 30px auto;
}

@media (min-width: 1800px) {
  .header-cart {
    width: 200px;
    padding: 0;
  }
}

@media (max-width: 1500px) {
  .header-cart {
    padding: 0;
  }
}

@media (max-width: 1300px) {
  .header-cart-price {
    width: 75%;
    padding-top: 20px;
  }
  .header-cart-img {
    width: 25%;
    height: 62px;
    background: url("./../images/cart.svg") no-repeat left bottom;
    background-size: 100% auto;
  }
  .header-cart-wrap {
    float: left;
    width: 100%;
  }
}

@media (max-width: 991px) {
  .header-cart-img {
    float: right;
    background-size: 40px auto;
    width: 50px;
  }
  .header-cart {
    margin-top: 5px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header-cart {
    width: auto;
    float: right;
  }
}

@media (max-width: 767px) {
  .header-cart-img {
    width: 50px;
    background-image: url("./../images/cart_small.svg");
    background-size: 35px auto;
    background-position: left 5px bottom 8px;
    height: 50px;
  }
  .header-cart {
    margin-top: 0px;
    float: right;
    width: auto;
  }
  .header-cart-wrap {
    float: right;
    width: 50px;
    height: 50px;
    background: #d6001c;
    position: relative;
    border-radius: 5px;
  }
  .header-cart-img span {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 21px;
    font-size: 18px;
    font-weight: 600;
    border: 0;
    background-color: #5d6771;
    margin-top: -11px;
    margin-right: -11px;
    border: 2px solid #fff;
    letter-spacing: -1.04px;
  }
}

@media (max-width: 390px) {
  .search-mobile-icon {
    margin-right: 5px;
  }
}

.mobile-menu {
  float: left;
  margin-right: 10px;
  margin-top: 0px;
  height: 50px;
  width: 50px;
}

.mobile-menu .navbar-toggle {
  padding: 10px 10px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  border: 1px solid #d6001c;
  background: #d6001c;
  border-radius: 5px;
  width: 50px;
  height: 50px;
}

.mobile-menu .navbar-toggle .icon-bar {
  background: #fff;
  width: 28px;
  height: 4px;
  border-radius: 0px;
}

.mobile-menu .navbar-toggle .icon-bar+.icon-bar {
  margin-top: 5px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .mobile-menu {
    display: block !important;
    margin-top: 10px;
  }
}

@media (max-width: 390px) {
  .mobile-menu {
    margin-right: 5px;
  }
}

/* END HEADER */

/* Main and left-menu */

.left-menu {
  float: left;
  padding: 0px 15px;
  width: 280px;
  position: relative;
}

.main {
  width: calc(100% - 280px);
  padding-left: 25px;
}

.page-content {
  margin-top: 35px;
}

nav.nav-left {
  width: 100%;
  position: relative;
  padding: 0px;
}

nav.nav-left ul.First {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #dadee0;
  box-shadow: 6px 6px 0px 1px #f2f4f5;
}

nav.nav-left ul.First>li {
  background-color: #ffffff;
  line-height: 1;
  min-height: 50px;
  position: relative;
}

nav.nav-left ul.First>li>a {
  padding-left: 24px;
  color: #1d2023;
  font-size: 20px;
  font-weight: 600 !important;
  line-height: 1;
  padding-top: 14px;
  display: block;
  min-height: 50px;
  padding-bottom: 10px;
  cursor: pointer;
  border: 1px solid #dadee0;
  border-bottom: none;
  position: relative;
  transition: all 0.3s;
}

nav.nav-left ul.First>li.active>a {
  border-bottom: 1px solid #dadee0;
}

nav.nav-left ul.First>li>a::before {
  left: 0;
  top: 0;
  background-color: #d6001c;
  position: absolute;
  content: "";
  display: block;
  opacity: 0;
  width: 1px;
  height: 1px;
  transition: all 0.3s;
}

nav.nav-left ul.First>li:hover>a {
  background-color: #f2f4f5;
  text-decoration: none;
}

@media(min-width: 992px) {
  nav.nav-left ul.First>li:hover>a {
    border: 1px solid #1d2023;
  }
}

nav.nav-left ul.First>li:hover>a::before, nav.nav-left ul.First>li.active a::before {
  width: 10px;
  height: 10px;
  opacity: 1;
}

nav.nav-left ul.First>li>ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 6px;
  background-color: #f2f4f5;
  padding-top: 20px;
}

nav.nav-left ul.First>li>ul>li a:hover {
  font-weight: 700;
}

nav.nav-left ul.First>li>ul>li.active a {
  font-weight: 700;
  color: #d6001c;
}

nav.nav-left ul.First>li>ul>li {
  padding-bottom: 15px;
  padding-left: 18px;
}

nav.nav-left ul.First>li>ul>li>a {
  color: #1d2023;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  border-bottom: none !important;
}

.HoverMenuOpened {
  position: relative;
}

.left-menu-hover, .HoverSubcategories {
  border: 1px solid #cacfd1;
  background-color: #f2f4f5;
  position: absolute;
  left: 250px;
  top: 0;
  width: 1500px;
  padding: 20px;
  z-index: 900;
  padding-bottom: 0px;
  display: none;
  transition: all 0.5s;
}

@media(min-width: 992px) {
  .left-menu-hover, .HoverSubcategories {
    border: 1px solid #1d2023;
  }
  .HoverSubcategories ::after {
    position: absolute;
    left: -2px;
    width: 2px;
    top: 0;
    height: 48px;
    background: #f2f4f5;
    content: "";
  }
  .HoverSubcategories::before {
    position: absolute;
    left: -2px;
    width: 2px;
    top: 46.5px;
    height: 2px;
    background: #f2f4f5;
    content: "";
    z-index: 990;
  }
}

.left-menu-hover-item-wrap {
  padding: 0px 10px;
  margin-bottom: 20px;
}

.HoverSubcategory {
  background: #fff;
  float: left;
  width: calc(25% - 30px);
  margin: 0px 15px;
  border: 1px solid transparent;
  margin-bottom: 20px;
}

/* smazat */

.left-menu-hover-item {
  background: #fff;
  float: left;
  width: 100%;
  border: 1px solid transparent;
}

/* END smazat */

.HoverSubcategory:hover {
  border: 1px solid #cacfd1;
}

/* smazat */

.left-menu-hover-item:hover {
  border: 1px solid #cacfd1;
}

/* END smazat */

.HoverSubcategoryLeft {
  width: 110px;
  height: 62px;
  float: left;
  margin-top: 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 62px;
}

.HoverSubcategoryLeft img {
  max-height: 100%;
  display: inline-block;
  line-height: 62px;
  vertical-align: middle;
}

/* smazat */

.left-menu-hover-item-img {
  width: 110px;
  height: 62px;
  float: left;
  margin-top: 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 62px;
}

.left-menu-hover-item img {
  max-height: 100%;
  display: inline-block;
  line-height: 62px;
  vertical-align: middle;
}

/* END smazat */

.HoverSubcategoryRight {
  float: left;
  width: calc(100% - 110px);
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 80px;
  color: #1d2023;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.HoverSubcategoryRight a {
  color: #1d2023;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.HoverSubcategoryRight a:hover {
  text-decoration: none;
}

/* smazat */

.left-menu-hover-item-text {
  float: left;
  width: calc(100% - 110px);
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 80px;
  color: #1d2023;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

/* END smazat */

.left-menu-hover::before {
  position: absolute;
  content: "";
  left: -1px;
  top: 0;
  background-color: #f2f4f5;
  width: 1px;
  height: 50px;
}

.left-menu-news {
  margin-top: 50px;
  margin-bottom: 30px;
  width: 100%;
}

.left-menu-news h3 {
  color: #1d2023;
  font-size: 35px;
  font-weight: 600;
  line-height: 1;
  position: relative;
  margin-bottom: 10px;
}

.left-menu-news h3::before {
  width: 60px;
  height: 4px;
  background-color: #d6001c;
  content: "";
  position: absolute;
  margin: 0 auto;
  left: 0;
  bottom: -10px;
}

.left-menu-news-content {
  background-color: #f2f4f5;
}

.left-menu-news-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 25px;
  padding-bottom: 5px;
  padding-right: 20px;
}

.left-menu-news-content ul li {
  margin: 0;
  padding: 0;
  line-height: 1;
  margin-bottom: 20px;
  padding-left: 20px;
  position: relative;
}

.left-menu-news-content ul li::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #d6001c;
}

.left-menu-news-content ul li a {
  color: #1d2023;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: underline;
}

.left-menu-news-content .show-all {
  color: #5d6771;
  font-size: 20px;
  font-weight: 500;
  line-height: 50px;
  display: block;
  text-align: center;
  border: 2px solid #dadee0;
  background-color: #ffffff;
}

.left-menu .reklama {
  border: 1px solid #dadee0;
  background-color: #ffffff;
  padding: 25px;
  box-sizing: border-box;
}

@media (max-width: 1800px) {
  .HoverSubcategories {
    width: 1200px;
    left: 250px;
  }
  .left-menu-hover-item-text {
    font-size: 18px;
  }
}

@media (max-width: 1500px) {
  .HoverSubcategories {
    width: 900px;
    left: 200px;
  }
  .left-menu-hover-item-text {
    font-size: 18px;
    margin-left: 0;
  }
  .HoverSubcategory {
    margin: 0px 5px;
    margin-bottom: 10px;
    width: calc(33.333% - 10px);
  }
}

@media (max-width: 1200px) {
  .HoverSubcategories {
    width: 700px;
    left: 200px;
  }
  .HoverSubcategory {
    width: calc(50% - 10px);
  }
}

@media (max-width: 1500px) {
  .main {
    width: calc(100% - 230px);
  }
  .left-menu {
    width: 230px;
  }
}

@media (max-width: 991px) {
  .main {
    width: 100%;
    float: left;
    padding: 0px 15px;
  }
  .left-menu {
    display: block;
    width: 100%;
  }
  .HoverSubcategories {
    left: auto;
    top: auto;
    position: relative;
    width: 100%;
    padding: 0;
    padding: 10px;
    float: left;
  }
  .HoverSubcategory {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }
  .left-menu-hover {
    display: none;
  }
  nav.nav-left>ul>li:hover>.left-menu-hover {
    display: none;
  }
  nav.nav-left {
    padding: 0px;
    margin-bottom: 20px;
    box-shadow: 6px 6px 0px 1px #f2f4f5;
  }
  .page-content {
    margin-top: 10px;
  }
}

/* Slider */

/* .SlideText {
  display: none;
}
.slider {
}
.carousel-inner {
  position: relative;
  height: 520px;
}
.carousel-inner > .item {
  position: relative;
  top: 0;
  position: absolute;
  width: 100%;
  height: 520px;
}
.carousel-inner > .item > a {
  display: block;
  position: relative;
  overflow: hidden;
  height: 520px;
}
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
  width: 1280px;
  max-width: unset;
  height: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0%,-50%);
      -ms-transform: translate(0%,-50%);
          transform: translate(0%,-50%);
}
.carousel-caption {
  position: absolute;
  right: 0;
  height: 100%;
  bottom: 0px;
  left: 0;
  z-index: 10;
  padding-top: 80px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  text-shadow: none;
  background: url("./../images/slider_caption.png") no-repeat right center;
}
.caption-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
}
.caption-text {
  float: right;
  color: #1d2023;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  margin-right: 65px;
  max-width: 500px;
}
.carousel-caption .caption-label {
  width: 226px;
  height: 226px;
  background: url("./../images/caption_label.svg") no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}
.carousel-caption .caption-price {
  width: 163px;
  height: 163px;
  position: absolute;
  left: 114px;
  bottom: 43px;
  background: url("./../images/header_price.svg") no-repeat center;
  font-size: 39px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: rotate(-15deg);
}
.caption-price .old {
  color: #ffffff;
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  position: relative;
}
.caption-price .old::before {
  position: absolute;
  left: 35px;
  top: -8px;
  width: 92px;
  content: "";
  background: url("./../images/old_price.svg") no-repeat left 0px top 0px;
  background-size: 90px auto;
  height: 43px;
  transform: rotate(15deg);
}
.caption-text .header-small {
  color: #5d6771;
  font-size: 33px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3.3px;
}
.caption-text h3 {
  color: #1d2023;
  font-size: 76px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -3.04px;
  position: relative;
}
.caption-text h3::before {
  width: 100px;
  height: 6px;
  background-color: #d6001c;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -10px;
}
.caption-text ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 70px;
}
.caption-text ul li {
  margin: 0;
  padding: 0;
  background: url('./../images/check.svg') no-repeat left center;
  padding-left: 50px;
  margin-bottom: 20px;
  min-height: 30px;
  line-height: 1;
}
.carousel-indicators {
  position: absolute;
  bottom: 0px;
  left: 0%;
  z-index: 15;
  width: 100%;
  padding-left: 0;
  margin-left: 0%;
  padding-right: 25px;
  list-style: none;
  text-align: right;
}
.carousel-indicators li {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: transparent;
  margin: 1px;
  border: 8px solid #aeb4ba;
  border-radius: 50%;
}
.carousel-indicators .active {
  width: 25px;
  height: 25px;
  margin: 0;
  border: 8px solid #d6001c;
  background-color: transparent;
}
@media (max-width: 1200px){
  .carousel-caption .caption-label {
    width: 226px;
    height: 226px;
    background: url("./../images/caption_label.svg") no-repeat center;
    position: absolute;
    left: 0;
    top: 0;
  }
  .carousel-caption .caption-price {
    width: 163px;
    height: 163px;
    left: 30px;
    bottom: 30px;
    font-size: 39px;
  }
  .caption-text {
    max-width: 500px;
    margin-right: 20px;
    z-index: 200;
    position: relative;
  }
}
@media (max-width: 767px){
  .carousel-inner {
    height: 400px;
  }
  .carousel-inner > .item {
    height: 400px;
  }
  .carousel-inner > .item > a{
    height: 400px;
  }
  .carousel-caption {
    background: rgba(242, 244, 245,0.6);
    padding-top: 20px;
  }
  .caption-text ul {
    margin-left: 0px;
  }
  .caption-text ul li {
    margin: 0;
    padding: 0;
    padding-left: 50px;
    margin-bottom: 10px;
    min-height: 30px;
    line-height: 1;
  }
  .caption-text .header-small {
    font-size: 28px;
  }
  .caption-text h3 {
    font-size: 40px;
    margin-bottom: 30px;
  }
  .caption-text {
    font-size: 20px;
    margin-right: 20px;
    margin-left: 20px;
    float: left;
  }
  .carousel-indicators {
    text-align: left;
  }
  .caption-text h3::before {
    right: unset;
  }
  .carousel-caption .caption-label {
    display: none;
  }
  .carousel-caption .caption-price {
    width: 100px;
    height: 100px;
    left: unset;
    right: 10px;
    bottom: 10px;
    font-size: 18px;
    background-size: 100px auto;
  }
  .caption-price .old::before {
    position: absolute;
    left: 10px;
    top: -5px;
    width: 60px;
    background-size: 60px auto;
    height: 43px;
  }
} */

/* END Slider */

/* Homepage vyhody */

.hp-advantages {
  background: #f2f4f5;
  width: 100%;
  max-width: 1920px;
  min-height: 428px;
  border-bottom: 1px solid #dadee0;
  margin: 0 auto;
  padding-top: 25px;
  padding-bottom: 50px;
}

@media (min-width: 992px) {
  .hp-advantages {
    background: #f2f4f5 url("./../images/bottom-items.jpg") no-repeat center top;
  }
}

.hp-advantages-wrap {
  max-width: 1600px;
  margin: 0 auto;
}

.hp-advantage-item {
  min-height: 290px;
  padding-bottom: 10px;
  border: 1px solid transparent;
  display: block;
  transition: all 0.3s;
}

.hp-advantage-item:hover {
  background: #fff;
  text-decoration: none;
  color: #d6001c;
  border: 1px solid #dadee0;
}

.hp-advantage-item img {
  display: inline-block;
}

.hp-advantage-item-img {
  margin-top: 55px;
}

.hp-advantage-item-text {
  color: #1d2023;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: -1.04px;
  margin-top: 40px;
}

.hp-advantage-item:hover .hp-advantage-item-text {
  color: #d6001c;
}

@media (max-width: 1500px) {
  .hp-advantage-item-text {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (max-width: 767px) {
  .hp-advantage-item {
    min-height: unset;
    padding-bottom: 10px;
    border: 1px solid transparent;
    margin: 10px 0px;
    padding: 10px 0px;
  }
  .hp-advantage-item:hover {
    background: #fff;
    text-decoration: none;
    color: #d6001c;
    border: 1px solid #dadee0;
  }
  .hp-advantage-item-img {
    margin-top: 0px;
  }
}

/* END Homepage vyhody */

/* Footer */

footer {
  line-height: 1;
}

footer h3 {
  text-transform: uppercase;
  position: relative;
  margin-top: -48px;
}

@media (max-width: 992px) {
  footer h3 {
    margin-top: 30px;
  }
}

footer h3::after {
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 60px;
  height: 4px;
  background-color: #d6001c;
  content: "";
}

footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

footer ul li {
  line-height: 1;
  padding-bottom: 20px;
}

footer ul li a {
  color: #5d6771;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  transition: all 0.3s;
}

footer ul li a:hover {
  color: #1d2023;
  text-decoration: none;
}

.footer-bottom-wrap {
  margin-top: 70px;
}

.footer-bottom {
  min-height: 80px;
  background-color: #f2f4f5;
  padding: 20px 15px;
}

.footer-bottom a {
  font-weight: 700;
  color: #1d2023;
}

.footer-phone {
  background: url("./../images/phone.svg") no-repeat left center;
  background-size: 40px auto;
  min-height: 40px;
  padding-left: 60px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  margin-top: 20px;
}

.footer-phone strong {
  color: #1d2023;
}

.footer-phone span {
  font-size: 18px;
  display: block;
}

.footer-mail {
  background: url("./../images/mail.svg") no-repeat left center;
  background-size: 38px auto;
  margin-top: 35px;
  padding-left: 60px;
}

.footer-mail a {
  display: block;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 5px;
}

.footer-mail a:hover {
  color: #b20017;
}

@media (max-width: 1500px) {
  .footer-phone {
    background-size: 20px auto;
    min-height: 40px;
    padding-left: 30px;
    font-size: 20px;
  }
}

@media (max-width: 1200px) {
  .footer-phone {
    background-position: center top;
    padding-top: 50px;
    background-size: 40px auto;
    min-height: 40px;
    padding-left: 0px;
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .footer-phone {
    background-position: left top;
  }
}

/* END Footer */

/* banners */

.banners {
  margin-top: 60px;
  margin-bottom: 60px;
}

.banners img {
  margin: 0 auto;
}

@media (max-width: 767px) {
  .banners img {
    margin-bottom: 30px;
  }
}

/* END banners */

/* news */

.news h2 {
  position: relative;
  margin-bottom: 50px;
}

.news h2::before {
  width: 100px;
  height: 6px;
  background-color: #d6001c;
  content: "";
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: -20px;
}

.news-wrap {
  border-top: 1px solid #dadee0;
  margin-top: 14px;
  padding-top: 40px;
  border-bottom: 1px solid #dadee0;
  margin-bottom: 0px;
}

.news-wrap>.row {
  margin-left: -20px;
  margin-right: -20px;
}

.ShowAllArticles {
  float: left;
  width: 100%;
}

.show-more {
  width: 290px;
  height: 50px;
  background: #d6001c;
  display: block;
  margin: 0 auto;
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
  text-align: center;
  border: 2px solid #b20017;
  margin-bottom: 120px;
  transition: all 0.3s;
}

.show-more:hover {
  text-decoration: none !important;
  color: #b20017;
  background: #fff;
}

.news-item {
  margin-bottom: 70px;
  padding: 0px 20px;
}

.news-item-img {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background: #f2f4f5;
  overflow: hidden;
  display: block;
}

.news-item-img a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0px;
  display: flex;
  align-items: center;
}

.news-item-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.news-item-date {
  width: 115px;
  height: 40px;
  background-color: #d6001c;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  line-height: 40px;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
}

.news-item-text h3 {
  color: #1d2023;
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  margin-bottom: 3px;
}

.news-item-text h3 a {
  color: #1d2023;
}

.news-item-text a {
  color: #1d2023;
}

.news-item-text {
  line-height: 1.8;
  font-weight: 500;
  margin-top: 30px;
}

.news-item-text p {
  margin-bottom: 0;
}

@media (max-width: 1500px) {
  .news-wrap>.row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .news-item {
    padding: 0px 15px;
  }
}

@media (max-width: 1300px) {
  .news-item-text h3 {
    font-size: 22px;
  }
  .news-item-text {
    line-height: 1.4;
  }
}

@media (max-width: 767px) {
  .news-item {
    display: inline-block;
    max-width: 320px;
    float: none;
    text-align: left;
  }
  .news-item-text {
    line-height: 1.2;
  }
  .news-wrap>.row {
    text-align: center;
  }
}

/* end news */

/* Doporucujeme */

.PLBdoporucujeme_zakoupit_tyto_produkty {
  border-bottom: 1px solid#dadee0;
  padding-bottom: 14px;
  margin-top: 60px;
  position: relative;
  margin-bottom: 10px;
  text-align: center;
}

/* remove */

.doporucujeme-top {
  border-bottom: 1px solid#dadee0;
  padding-bottom: 14px;
  margin-top: 60px;
  position: relative;
}

/* END remove */

.doporucujeme-top .arrow {
  width: 65px;
  height: 65px;
  border: 1px solid #dadee0;
  background-color: #ffffff;
  cursor: pointer;
  background: url("./../images/arrow.svg") no-repeat center;
  position: absolute;
  left: 0;
  bottom: -1px;
}

.doporucujeme-top .arrow.right {
  left: auto;
  right: 0;
  transform: rotate(180deg);
}

.doporucujeme-top .arrow:hover {
  background: #d6001c url("./../images/arrow_white.svg") no-repeat center;
}

@media (max-width: 1500px) {
  .doporucene-box-item {
    display: none;
  }
}

/* END doporucujeme */

/* product */

.product-wrap {
  width: calc(100% - 265px);
  margin-top: 20px;
}

.product-wrap>.row {
  margin-left: -20px;
  margin-right: 5px;
}

.product-item {
  padding: 0px 19px;
  margin-bottom: 20px;
}

.product-item-hover {
  border: 1px solid #dadee0;
  background: #fff;
  z-index: 500;
  height: 100%;
  padding: 0px 10px;
}

.product-item-content {
  padding: 15px 0px;
  padding-bottom: 10px;
  text-align: center;
  padding-top: 0px;
  font-size: 15px;
  position: relative;
  color: #5d6771;
  padding-bottom: 120px;
  height: 100%;
}

.product-item-content:hover {}

.product-item-content .product-img {
  display: block;
  height: 195px;
  width: 100%;
}

.product-item-content .product-img a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.product-item-content .product-img a img {
  height: auto !important;
  width: 100% !important;
  max-width: unset;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media(max-width: 1599px) {
  .product-item-content .product-img {
    height: 140px;
  }
}

@media(max-width: 1199px) {
  .product-item-content .product-img {
    height: 120px;
  }
}

@media(max-width: 767px) {
  .product-item-content .product-img {
    height: 180px;
  }
}

@media(max-width: 500px) {
  .product-item-content .product-img {
    height: 200px;
  }
}

.product-headline {
  color: #1d2023;
  font-size: 22px;
  font-weight: 600;
  line-height: 26px;
  padding: 0px 0px;
  text-align: center;
  height: 80px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.product-headline:hover {
  color: #1d2023;
  text-decoration: none;
}

.product-headline:focus, .product-headline:active {
  color: #1d2023;
  text-decoration: none;
}

.product-text {
  line-height: 1.6;
  font-size: 18px;
  color: #5d6771;
  padding: 10px 0px;
  overflow: hidden;
}

.product-item-content strong {
  color: #222222;
}

.product-sklad-wrap {
  position: absolute;
  bottom: 76px;
  left: 0;
  right: 0;
}

.product-sklad {
  height: 40px;
  border: 1px solid #dadee0;
  background-color: #fafbfc;
  background-color: #f2f4f5;
  margin-bottom: 0px;
}

.product-sklad span {
  line-height: 40px;
}

.product-sklad .Value {
  color: #78c400;
  font-weight: 700;
}

.product-sklad .Label {
  font-weight: 700;
  color: #222222;
}

/* smazat */

.product-sklad .skladem {
  color: #78c400;
  font-weight: 700;
}

/* end smazat */

.product-bottom {
  height: 56px;
  background-color: #d6001c;
  line-height: 1;
  border-bottom: 2px solid #b20017;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
}

.product-price {
  float: left;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 0px;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  max-width: 140px;
  height: 100%;
}

.product-price .old-price {
  text-decoration: line-through;
  font-size: 18px;
  font-weight: 400;
}

.product-price span {
  font-size: 30px;
  font-weight: 700;
  display: block;
  width: 100%;
}

.product-show {
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}

.show-btn {
  display: block;
  float: left;
  width: 106px;
  height: 34px;
  background-color: #ffffff;
  color: #1d2023;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  text-transform: uppercase;
  border: 2px solid #ffffff;
  transition: all 0.3s;
}

.show-btn:hover {
  color: #fff;
  text-decoration: none !important;
  border: 2px solid #ffffff;
  background-color: #d6001c;
}

.action1 {
  position: absolute;
  top: 100px;
  right: 0px;
}

.product-item-content .place {
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  background: none;
  padding-left: 0px;
  text-align: left;
  position: absolute;
  left: 0;
  z-index: 100;
}

.product-item-content .place img {
  float: left;
}

.ProductDetails .RelBox, .Product .RelBox {
  position: relative;
  z-index: 100;
  position: absolute;
}

.ObsahStrankyElements .ProductDetails .productInfo {
  right: auto;
  left: 0px;
}

.ObsahStrankyElements .ProductDetails .productInfo img {
  float: none;
  margin-bottom: 5px;
}

.ProductList .place img.ProductTag_8, .ProductList .place img.ProductTag_9, .ProductList .place img.ProductTag_10, .ProductList .place img.ProductTag_11, .ProductList .place img.ProductTag_12, .ProductListContainer .Right {
  display: none;
}

.product-item-content .new {
  background: #ff900e url("./../images/new.svg") no-repeat left 8px center;
  padding-left: 43px;
  text-align: left;
  background-size: 25px auto;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  line-height: 35px;
  text-transform: uppercase;
}

.product-box-item {
  float: left;
  margin-top: 20px;
  width: 265px;
  padding-right: 15px;
}

@media (max-width: 1500px) {
  .product-wrap {
    width: 100%;
  }
  .product-wrap>.row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (max-width: 1600px) {
  .product-price {
    max-width: 120px;
  }
  .product-price span {
    font-size: 24px;
  }
}

@media (max-width: 1300px) {
  .product-headline {
    font-size: 18px;
    line-height: 22px;
  }
  .product-price {
    float: left;
    width: 60%;
    font-size: 18px;
    padding: 10px;
    padding-top: 5px;
  }
  .product-price .old-price {
    font-size: 18px;
  }
  .product-price span {
    font-size: 24px;
  }
  .product-show {
    float: right;
    width: 40%;
    margin-top: 10px;
    margin-right: 0px;
    padding-right: 10px;
  }
  .show-btn {
    width: 100%;
    font-size: 16px;
    line-height: 32px;
  }
}

@media(min-width: 768px) {
  .product-item:hover .product-item-hover {
    box-shadow: 6px 6px 0px 1px #f2f4f5;
  }
  .product-item {
    margin-bottom: 20px;
  }
  .product-item-hover {
    margin-left: -10px;
    margin-right: -10px;
    padding: 0px 10px;
  }
}

@media (max-width: 767px) {
  .product-item {
    padding: 0px 10px;
  }
  .product-headline {
    padding: 0px 20px;
    font-size: 22px;
  }
  .product-text {
    padding: 0px 20px;
    padding-top: 10px;
  }
  .product-sklad {
    border: 1px solid #dadee0;
    background-color: #fafbfc;
    background-color: #f2f4f5;
    margin-bottom: 0px;
  }
}

@media (max-width: 500px) {
  .product-item {
    padding: 0px 0px;
    width: 100%;
  }
  .product-img a {
    display: block;
  }
  .product-img img {
    margin: 0 auto;
  }
}

/* END product */

.box-item {
  width: calc(100% - 0px);
  position: relative;
  padding-top: 54px;
  color: #1d2023;
  font-size: 26px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: -1.04px;
}

.product-box-item .box-item {
  width: calc(100% - 6px);
}

.box-item-bg {
  background: url("./../images/box_item.svg") no-repeat top;
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 111px;
  content: "";
  top: 0px;
}

.box-item-content {
  border: 1px solid #dadee0;
  padding-bottom: 36px;
  padding-top: 73px;
  box-shadow: 6px 6px 0px 1px #f2f4f5;
}

.box-item a {
  color: #1d2023;
}

.box-item a:hover {
  text-decoration: none;
}

.box-item.mapa a {
  display: block;
  width: 100%;
  height: 100%;
  z-index: 90;
  position: relative;
}

.box-item.mapa .box-item-content {
  padding-bottom: 0px;
  border-bottom: 0;
}

.left-menu .box-item {
  margin-top: 36px;
  font-size: 24px;
}

.box-item table {
  width: 100%;
  margin: 0;
  padding: 0;
  margin-top: 25px;
}

.box-item table td {
  width: 50%;
  text-align: left;
  border: 1px solid #dadee0;
  color: #1d2023;
  line-height: 40px;
  font-size: 22px;
  font-weight: 400;
  padding-left: 20px;
  border-left: 0;
}

.box-item table td:nth-child(2n) {
  border-right: 0;
}

.box-item-bg::before {
  position: absolute;
  width: 96px;
  height: 96px;
  left: 74px;
  top: 5px;
  content: "";
  margin: 0 auto;
  background: url("./../images/icon_poradit.svg") no-repeat center;
}

.box-item-bg.tel::before {
  background: url("./../images/icon_tel.svg") no-repeat center;
}

.box-item-bg.doprava::before {
  background: url("./../images/icon_doprava.svg") no-repeat center;
}

.box-item-bg.mapa::before {
  background: url("./../images/icon_map.svg") no-repeat center;
}

.box-item h4 {
  color: #5d6771;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -0.96px;
  margin-bottom: 5px;
}

.box-item span.head {
  color: #5d6771;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -0.96px;
  margin-bottom: 5px;
  display: block;
}

.box-item-bottom {
  width: 100%;
  text-align: left;
}

.box-item-bottom ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px;
  display: block;
  width: 100%;
}

.box-item-bottom ul li {
  margin: 0;
  padding: 0;
  line-height: 1;
  margin-top: 17px;
  display: block;
  width: 100%;
  float: left;
}

.box-item-bottom ul li a {
  display: block;
  line-height: 1;
}

.box-item-bottom ul li a img {
  height: 56px;
  float: left;
}

.box-item-bottom ul li a span {
  display: block;
  float: left;
  color: #1d2023;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -1.52px;
  margin-top: 0px;
  margin-left: 14px;
  width: 180px;
  height: 53px;
  display: flex;
  align-items: center;
}

@media (max-width: 1500px) {
  .box-item-bg::before {
    left: 52px;
  }
  .box-item h4 {
    font-size: 20px;
  }
  .box-item span.head {
    font-size: 20px;
  }
  .left-menu .box-item {
    font-size: 20px;
  }
  .box-item table td {
    font-size: 18px;
  }
}

/* supage -- > css for sunlight html code */

/* upravy menu */

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

/* product vypis */

/* drobeckova navigace */

.ObsahStrankyElements .Path {
  border: 1px solid #dadee0;
  height: 38px;
  margin-bottom: 20px;
}

.ObsahStrankyElements .PathPart {
  float: left;
  height: 36px;
  line-height: 36px;
  color: #5d6771;
  font-size: 16px;
  font-weight: 500;
  padding-left: 15px;
}

.ObsahStrankyElements .PathPart a {
  color: #5d6771;
  font-size: 16px;
  font-weight: 500;
}

.ObsahStrankyElements .PathPart .CurrentCategory {
  color: #1d2023;
  font-weight: 600;
}

.PathProductName {
  float: left;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  color: #1d2023;
  font-weight: 600;
  display: none;
}

.Path .Homepage span {
  display: none;
}

.ObsahStrankyElements .PathDelimiter {
  background: url("./../images/drobek.svg") left center no-repeat;
  width: 20px;
  height: 36px;
  float: left;
  margin-left: 10px;
}

.PathProductName .PathDelimiter {
  margin-right: 15px;
}

.ObsahStrankyElements .PathDelimiter.PathDelimiter_1, .ObsahStrankyElements .Path img {
  display: none;
}

.ObsahStrankyElements .Path .Homepage {
  width: 49px;
  height: 36px;
  float: left;
  top: 0px;
  background: url("./../images/drobek_home.svg") no-repeat left center;
  background-size: 49px auto;
}

h1.ProductsList {
  color: #1d2023;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
}

@media (max-width: 991px) {
  h1.ProductsList {
    font-size: 28px;
  }
  .PathProductName .PathDelimiter {
    margin-right: 5px;
  }
  .ObsahStrankyElements .PathPart {
    padding-left: 5px;
  }
  .ObsahStrankyElements .PathDelimiter {
    margin-left: 0px;
  }
}

@media (max-width: 350px) {
  .ObsahStrankyElements .PathPart .CurrentCategory {
    overflow: hidden;
    max-width: 150px;
    display: block;
    height: 36px;
  }
}

.category_description {
  line-height: 1.6;
  font-size: 18px;
}

/* pagination */

.Paging {
  float: right;
  display: block;
  text-align: left;
  margin-bottom: 100px;
}

.Paging>span {
  display: block;
  float: left;
  line-height: 36px;
}

.Paging>span.Dot {
  padding-top: 3px;
}

.Paging>a {
  display: block;
  float: left;
  color: #1d2023;
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  width: 36px;
  height: 36px;
  text-transform: uppercase;
  text-align: center;
}

.Paging .CurrentPage {
  background-color: #d6001c;
  color: #fff;
  display: block;
  float: left;
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  width: 36px;
  height: 36px;
  text-transform: uppercase;
  text-align: center;
}

.Paging .NextPageLink .Text, .Paging .PrevPageLink .Text {
  display: none;
}

.Paging .NextPageLink .Arrow span, .Paging .PrevPageLink .Arrow span {
  display: none;
}

.Paging .NextPageLink, .Paging .PrevPageLink {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
}

.Paging .NextPageLink .Delimiter, .Paging .PrevPageLink .Delimiter {
  display: none;
}

.Paging .NextPageLink .Arrow, .Paging .PrevPageLink .Arrow {
  background: url("./../images/arrow_red.svg") no-repeat center;
  background-size: auto 30px;
  height: 35px;
  width: 35px;
  display: block;
  transform: rotate(180deg);
}

.Paging .PrevPageLink .Arrow {
  transform: rotate(0deg);
}

/* product detail */

.ProductDetail .TopRight {
  float: left;
  width: 45%;
  padding-right: 50px;
}

.ProductDetail .TopLeft {
  float: left;
  width: 55%;
}

.TopLeft h1.desktop {
  display: block;
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 15px;
  color: #1d2023;
}

.TopLeft h2.desktop {
  font-size: 18px;
  margin-bottom: 10px;
}

.TopLeft .ShortDesc {
  font-size: 18px;
}

@media(min-width: 992px) {
  .TopLeft .wrapShortDesc {
    position: relative;
    height: 130px;
  }
  .TopLeft .ShortDesc {
    height: 120px;
    overflow: hidden;
    background: #fff;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
  }
  .TopLeft .product-box-item {
    margin-top: 0px;
  }
  .TopLeft .ShortDesc:hover {
    height: auto;
  }
}

.ProductDetails h1.mobile {
  display: none;
  font-size: 22px;
  margin: 0;
  margin-bottom: 20px;
  color: #1d2023;
  font-weight: 600;
}

@media(max-width: 991px) {
  .TopLeft h1.desktop {
    display: none;
  }
  .ProductDetails h1.mobile {
    display: block;
  }
}

@media(min-width: 1600px) {
  .ProductDetail .TopRight {
    width: 650px;
  }
  .ProductDetail .TopLeft {
    width: calc(100% - 650px);
  }
}

@media(max-width: 991px) {
  .ProductDetail .TopRight {
    float: left;
    width: 100%;
    padding-right: 0px;
  }
  .ProductDetail .TopLeft {
    float: left;
    width: 100%;
  }
}

.WrapperBigImages img {
  width: 100%;
  height: auto;
}

.WrapperBigImages .BigImages {
  width: 100% !important;
  height: auto !important;
  overflow: hidden;
}

.WrapperBigImages .BigImages .BigImage {
  width: 100%;
  padding-left: 0 !important;
  position: relative !important;
  margin: 0 !important;
}

.ExtGallery .Navigation {
  position: relative;
  display: block;
  width: 100% !important;
  height: auto !important;
}

.ExtGallery .Bottom {
  position: relative;
  height: 80px;
  overflow: hidden;
  margin-top: 0px;
  width: calc(100% - 100px);
  float: left;
}

/* .ExtGallery .Navigation .SmallImagesRow {
  display: block;
  position: relative !important;
} */

/* .ExtGallery .NextNavigation, .ExtGallery .PrevNavigation {
  display: block !important;
  width: 25px;
  bottom: 0;
  cursor: pointer;
  position: absolute;
  top: 0px;
  z-index: 899;
  background:rgba(255, 255, 255, 0.7) url("./../images/arrow_red.svg") no-repeat left top 30px;
  background-size: 20px auto;
  left: 0;
}
.ExtGallery .NextNavigation {
  right: 0;
  left: auto;
  transform: rotate(180deg);
  background:rgba(255, 255, 255, 0.7) url("./../images/arrow_red.svg") no-repeat left bottom 30px;
} */

/* .ExtGallery .Navigation .Item {
  display: block;
  float: left;
  margin-top: 0px;
  padding: 0px 10px;
  position: relative;
  width: 33.333%;
  height: 80px;
} */

/* .ExtGallery .Navigation .Item:first-child {
  padding-left: 0px;
}
.ExtGallery .Navigation .Item:last-child {
  padding-right: 0px;
}
.ExtGallery .Navigation .Item:nth-child(2){
  padding: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.ExtGallery .Navigation .Item .SmallImage {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
} */

.ExtGallery .ImagesCount {
  float: left;
  display: block;
  border: none;
  width: 100px;
  margin-top: 0px;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #d6001c;
  font-weight: 600;
  text-align: center;
}

/* .ExtGallery .Navigation .Item img {
  height: 100% !important;
  width: auto;
  max-width: unset;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
} */

.TopLeft .wrap {
  float: left;
  width: calc(100% - 265px);
  padding-right: 50px;
  position: relative;
}

/* .Navigation .SmallImagesRow {
  float: left;
  width: 100%;
} */

/* detail galerie */

/* carousel */

.BigImages .carousel {
  padding-bottom: 25px;
}

.carousel-inner>.item {
  height: 340px;
  overflow: hidden;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
  display: block;
  height: auto;
  width: 100%;
  max-width: unset;
  left: 0%;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 30px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: none;
  background-color: transparent;
  filter: none;
  opacity: 0.5;
  display: block !important;
  cursor: pointer;
  z-index: 899;
  transition: all 0.5s;
}

.carousel-control:focus, .carousel-control:active {
  opacity: 0.5;
}

.carousel-control.right {
  right: 0;
  left: auto;
  filter: none;
  background: url("./../images/arrow_red.svg") no-repeat left 15px center;
  background-size: 15px auto;
  transform: rotate(180deg);
}

.carousel-control:hover {
  opacity: 1;
}

.carousel-control.left {
  background-image: none;
  filter: none;
  background-repeat: no-repeat;
  background: url("./../images/arrow_red.svg") no-repeat left 15px center;
  background-size: 15px auto;
  left: 0;
}

.Navigation .carousel-control.left, .Navigation .carousel-control.right {
  background: rgba(255, 255, 255, 0.7) url("./../images/arrow_red.svg") no-repeat left 7px center;
  background-size: 15px auto;
  opacity: 1;
}

.carousel-indicators {
  bottom: 5px;
  margin: 0;
  left: 0%;
  z-index: 15;
  width: 100%;
  margin-left: 0%;
  text-align: center;
}

.carousel-indicators li {
  width: 10px;
  height: 2px;
  margin: 0;
  border-radius: 0%;
  background: #5d6771;
  border: 0;
}

.carousel-indicators .active {
  width: 10px;
  height: 4px;
  margin: 0;
  background: #d6001c;
  border: 0;
}

/* galerie small */

.Navigation .carousel-inner>.item {
  height: 80px;
  overflow: hidden;
}

.Navigation .carousel-inner>.item>.gallery-small-img {
  padding: 0px 10px;
  position: relative;
  float: left;
  width: 33.33%;
}

.Navigation .carousel-inner>.item>.gallery-small-img:first-child {
  padding-left: 0;
}

.Navigation .carousel-inner>.item>.gallery-small-img:nth-child(2) {
  padding: 0px 5px;
}

.Navigation .carousel-inner>.item>.gallery-small-img:last-child {
  padding-right: 0;
}

.Navigation .carousel-inner>.item>.gallery-small-img>a>img, .Navigation .carousel-inner>.item>.gallery-small-img>img {
  height: auto !important;
  width: 100%;
  max-width: unset;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.Navigation .carousel-inner>.item>.gallery-small-img>a {
  display: block;
  width: 100%;
  position: relative;
  height: 80px;
}

@media (max-width: 1600px) {
  .carousel-inner>.item {
    height: 250px;
  }
}

@media (max-width: 1499px) {
  .carousel-inner>.item {
    height: 200px;
  }
}

@media (max-width: 1199px) {
  .carousel-inner>.item {
    height: 150px;
  }
}

@media(max-width: 991px) {
  .carousel-inner>.item {
    height: 400px;
  }
  .ExtGallery .Bottom {
    height: 110px;
  }
  .Navigation .carousel-inner>.item {
    height: 110px;
  }
  .Navigation .carousel-inner>.item>.gallery-small-img>a {
    height: 110px;
  }
  .carousel-inner>.item>a>img, .carousel-inner>.item>img {
    /* height: 400px; */
  }
}

@media(max-width: 767px) {
  .carousel-inner>.item {
    height: 300px;
  }
  .ExtGallery .Bottom {
    height: 80px;
  }
  .Navigation .carousel-inner>.item {
    height: 80px;
  }
  .Navigation .carousel-inner>.item>.gallery-small-img>a {
    height: 80px;
  }
  .carousel-inner>.item>a>img, .carousel-inner>.item>img {
    /* height: 250px; */
  }
}

@media(max-width: 550px) {
  .carousel-inner>.item {
    height: 250px;
  }
}

@media(max-width: 480px) {
  .carousel-inner>.item {
    height: 200px;
  }
  .ExtGallery .Bottom {
    height: 70px;
  }
  .Navigation .carousel-inner>.item {
    height: 70px;
  }
  .Navigation .carousel-inner>.item>.gallery-small-img>a {
    height: 70px;
  }
}

@media(max-width: 379px) {
  .carousel-inner>.item {
    height: 185px;
  }
  .carousel-inner>.item>a>img, .carousel-inner>.item>img {
    /* display: block;
    height: 200px;
    width: auto; */
  }
  .ExtGallery .Bottom {
    height: 60px;
  }
  .Navigation .carousel-inner>.item {
    height: 60px;
  }
  .Navigation .carousel-inner>.item>.gallery-small-img>a {
    height: 60px;
  }
  .Navigation .carousel-inner>.item>.gallery-small-img {
    padding: 0px 5px;
  }
  .Navigation .carousel-inner>.item>.gallery-small-img:first-child {
    padding-left: 0;
  }
  .Navigation .carousel-inner>.item>.gallery-small-img:nth-child(2) {
    padding: 0px 2.5px;
  }
  .Navigation .carousel-inner>.item>.gallery-small-img:last-child {
    padding-right: 0;
  }
}

/* end carousel */

/* lightbox */

.lb-close {
  display: block;
  float: right;
  text-align: right;
  outline: none;
  filter: none;
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background: #d6001c;
  color: #fff;
  opacity: 1;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 50px;
  font-weight: 700;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
}

.lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-close:hover, .lb-close:active, .lb-close:focus {
  text-decoration: none;
  color: #fff;
}

@media(max-width: 767px) {
  .lb-close {
    top: 0px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
  }
}

.lb-outerContainer {
  border-radius: 0;
}

.lightbox .lb-image {
  border: none;
  border-radius: 0;
}

.lb-data .lb-number {
  color: #fff;
  font-size: 14px;
  opacity: 1;
}

.lb-data .lb-caption {
  font-size: 18px;
  color: #fff;
}

.lb-nav a.lb-next {
  background: none;
  position: relative;
}

.lb-nav a.lb-next::after {
  position: absolute;
  right: 15px;
  top: 50%;
  height: 30px;
  width: 30px;
  content: "";
  background: url("./../images/arrow_red.svg") right 0 top 48% no-repeat;
  transform: rotate(180deg) translateY(50%);
  opacity: 0.5;
}

.lb-nav a.lb-prev {
  background: none;
  position: relative;
}

.lb-nav a.lb-prev::after {
  position: absolute;
  left: 15px;
  top: 50%;
  height: 30px;
  width: 30px;
  content: "";
  background: url("./../images/arrow_red.svg") right 0 top 48% no-repeat;
  transform: translateY(-50%);
  opacity: 0.5;
}

/* end lightbox */

@media(max-width: 1700px) {
  .TopLeft .doporucene-box-item {
    display: none;
  }
  .TopLeft .wrap {
    width: 100%;
    padding-right: 0;
  }
}

@media (max-width: 1600px) {
  .ExtGallery .ImagesCount {
    display: none;
  }
  .ExtGallery .Bottom {
    width: 100%;
  }
  /* .ExtGallery .Navigation .Item {
    display: block;
    float: left;
    margin: 0px;
    padding: 5px;
    width: 33.333%;
    height: 110px;
  }
  .ExtGallery .Navigation .Item:first-child {
    padding-left: 0px;
  }
  .ExtGallery .Navigation .Item:last-child {
    padding-right: 0px;
  }
  .ExtGallery .Navigation .Item:nth-child(2){
    padding: 2.5px;
    padding-top: 5px;
    padding-bottom: 5px;
  } */
  /* .ExtGallery .NextNavigation, .ExtGallery .PrevNavigation {
    display: block;
    background:rgba(255, 255, 255, 0.7) url("./../images/arrow_red.svg") no-repeat left center;
  } */
}

@media (max-width: 991px) {
  .ExtGallery .Bottom {
    margin-bottom: 20px;
  }
}

/* @media (max-width: 1500px) {
  .ExtGallery .Bottom, .ExtGallery .Navigation .Item {
    height: 100px;
  }
}
@media (max-width: 1300px) {
  .ExtGallery .Bottom, .ExtGallery .Navigation .Item {
    height: 80px;
  }
}
@media (max-width: 1200px) {
  .ExtGallery .Bottom, .ExtGallery .Navigation .Item {
    height: 60px;
    margin-top: 5px;
  }
}
@media (max-width: 991px) {
  .ExtGallery .Bottom, .ExtGallery .Navigation .Item {
    height: 170px;
  }
  .ExtGallery .Bottom {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .ExtGallery .Bottom, .ExtGallery .Navigation .Item {
    height: 150px;
  }
}
@media (max-width: 500px) {
  .ExtGallery .Bottom, .ExtGallery .Navigation .Item {
    height: 120px;
  }
}
@media (max-width: 400px) {
  .ExtGallery .Bottom, .ExtGallery .Navigation .Item {
    height: 100px;
  }
} */

.ProductDetail .TopLeft table.BottomTable {
  border: 1px solid #dadee0;
  border-top: none;
  background-color: #ffffff;
  width: 100%;
}

.ProductDetail .TopLeft table.BottomTable .ProductCommonPrice {
  display: block;
  float: left;
  font-weight: 400;
  font-size: 16px;
  padding-left: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 170px;
}

.ProductDetail .TopLeft table.BottomTable .ProductCommonPricePrice span {
  display: block;
  float: left;
  font-weight: 400;
  font-size: 16px;
  text-decoration: line-through;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}

.ProductDetail .TopLeft table.BottomTable .Price {
  color: #1d2023;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
}

.ProductDetail .TopLeft table.BottomTable .Price th {
  padding-left: 30px;
  width: 30%;
  width: 170px;
}

.ProductDetail .TopLeft table.BottomTable .Price.withoutVAT {
  line-height: 34px;
}

.ProductDetail .TopLeft table.BottomTable .Price.withoutVAT th {
  display: block;
  float: left;
  font-weight: 400;
  font-size: 16px;
  padding-left: 30px;
  padding-top: 0;
  width: 170px;
  color: #5d6771;
}

.ProductDetail .TopLeft table.BottomTable .Price.withoutVAT .ProductPricePrice {
  font-weight: 400;
  font-size: 16px;
  color: #5d6771;
  padding-left: 5px;
}

.ProductDetail .TopLeft table.BottomTable td {}

.ProductDetail .TopLeft table.BottomTable .HighlightPrice {
  color: #d6001c;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
}

@media(max-width: 450px) {
  .ProductDetail .TopLeft table.BottomTable .HighlightPrice {
    font-size: 30px;
  }
  .ProductDetail .TopLeft table.BottomTable .Price {
    font-size: 20px;
  }
}

.ProductDetail .TopLeft table.TopTable {
  width: 100%;
  border: 1px solid #dadee0;
  background-color: #fcfcfc;
  font-size: 17px;
}

.ProductDetail .TopLeft table.TopTable th:first-child {
  padding-left: 30px;
}

.ProductDetail .TopLeft table.TopTable th, .ProductDetail .TopLeft table.TopTable td {
  padding-bottom: 10px;
}

.ProductDetail .TopLeft table.TopTable th {
  width: 30%;
}

.ProductDetail .TopLeft table.TopTable .Manufacturer td, .ProductDetail .TopLeft table.TopTable .Manufacturer th {
  padding-top: 30px;
}

.ProductDetail .TopLeft table.TopTable .Availability td, .ProductDetail .TopLeft table.TopTable .Availability th {
  padding-bottom: 30px;
}

.ProductDetail .TopLeft table.TopTable .Availability td {
  color: #78c400;
  font-weight: 700;
}

.ProductDetails .TopLeft .ProductCount {
  float: right;
  margin-top: 20px;
}

.ObsahStrankyElements .ProductDetails .TopLeft .ProductCount #Buy {
  width: 235px;
  height: 59px;
  background: #d6001c url("./../images/shop_cart_button.svg") no-repeat left 30px center;
  display: block;
  float: right;
  color: #ffffff;
  font-size: 30px;
  font-weight: 700;
  line-height: 26px;
  text-transform: uppercase;
  text-align: right;
  padding-right: 30px;
  border: none;
  border-bottom: 2px solid #b20017;
}

.ProductDetails .TopLeft .ProductCount .Label {
  display: none;
}

.ProductDetails .TopLeft .ProductCount input {
  width: 85px;
  height: 59px;
  border: 1px solid #dadee0;
  background-color: #ffffff;
  float: left;
  margin-right: 15px;
  color: #5d6771;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}

@media(max-width: 500px) {
  .ProductDetail .TopLeft table.TopTable th {
    width: 50%;
  }
}

@media(max-width: 364px) {
  .ProductDetails .TopLeft .ProductCount {
    float: left;
    width: 100%;
  }
  .ObsahStrankyElements .ProductDetails .TopLeft .ProductCount #Buy {
    width: 190px;
    background: #d6001c url('./../images/shop_cart_button.svg') no-repeat left 10px center;
    background-size: 30px auto;
    text-align: left;
    padding-right: 0px;
    padding-left: 50px;
  }
}

.ProductDetails .TopLeft .actions {
  margin: 0;
  list-style-type: none;
  padding: 0;
  float: left;
  margin-top: 20px;
}

.ProductDetail {
  float: left;
  width: 100%;
}

.ProductTop {
  float: left;
  width: 100%;
}

.ProductDetails .ProductSubMenu {
  float: left;
}

@media(min-width: 991px) {
  .ProductDetails .ProductSubMenu {
    margin-top: 30px;
  }
}

.ProductDetails .ProductSubMenu .ProductMenu li.sellerQuestion {
  display: none;
}

.ProductDetails .ProductSubMenu .ProductMenu li.SendAdvice {
  display: none;
}

.ProductDetails .ProductSubMenu .ProductMenu li.Comparing {
  display: none;
}

.ProductDetails .ProductSubMenu .ProductMenu li.socialBookmarks {
  display: none;
}

.ProductDetails .ProductSubMenu .ProductMenu li.Favorite {
  display: none;
}

.ProductDetails .ProductSubMenu .ProductMenu li.facebookLike {
  display: none;
}

.ProductDetails .ProductSubMenu ul {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* parametry */

#ExtraParams {
  margin-left: -5px;
  margin-right: -5px;
}

.DescriptionTooltip {
  padding: 10px 0;
}

.DescriptionTooltip p {
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 1.2;
}

#ExtraParamsTab .SubHeader span {
  color: #1d2023;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 15px;
}

#ExtraParamsTab .SubHeader span::before {
  width: 100px;
  height: 6px;
  background-color: #d6001c;
  content: "";
  position: absolute;
  margin: 0 auto;
  left: 0;
  bottom: -20px;
}

#ExtraParamsTab .ProductsList ul {
  margin: 0;
  list-style-type: none;
  position: relative;
}

#ExtraParamsTab .ProductsList ul h4+ul {
  display: none;
  position: absolute;
  left: 42%;
  padding: 0;
  top: 0;
  z-index: 200;
  border: 1px solid #dadee0;
  border-top: none;
  background: #fff;
  right: 0;
}

#ExtraParamsTab .ProductsList ul h4 {
  color: #1d2023;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-top: 10px;
  min-height: 71px;
}

#ExtraParamsTab .ProductsList ul h4.selected {
  background: #fff;
}

#ExtraParamsTab .ProductsList ul h4 span {
  display: block;
  color: #d6001c;
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
  margin-top: -10px;
}

#ExtraParamsTab .ProductsList ul h4::after {
  width: 10px;
  height: 10px;
  background-color: #d6001c;
  content: "";
  position: absolute;
  right: 0;
  top: 0px;
  transition: all 0.5s;
}

#ExtraParamsTab .ProductsList ul h4.selected::after {
  right: auto;
  right: calc(100% - 10px);
  top: 0px;
}

#ExtraParamsTab .ProductsList ul h4.checked::after {
  background-color: #5d6771;
}

#ExtraParamsTab .ProductsList {
  width: 100%;
  float: left;
}

#ExtraParamsTab .ProductsList>ul {
  width: 100%;
  float: left;
  position: relative;
  border: 1px solid #dadee0;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}

#ExtraParamsTab .ProductsList>ul>li {
  width: 42%;
  float: left;
  clear: both;
  min-height: 71px;
  border: 1px solid #dadee0;
  border-top: none;
  background-color: #f6f7f8;
  margin: 0;
  padding: 0;
  padding-left: 0px;
  padding-top: 0px;
}

#ExtraParamsTab .ProductsList>ul>li:last-child {
  border-bottom: none;
}

#ExtraParamsTab .ProductsList>ul>li:first-child:after {
  position: absolute;
  left: 62%;
  top: 30px;
  color: #d6001c;
  background: transparent url("./../images/arrow_red.svg") no-repeat left 10px center;
  background-size: 10px;
  padding-left: 20px;
  content: "Zde vyberte parametry zboží";
  width: 300px;
  height: 22px;
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
  text-align: center;
}

@media(max-width: 1600px) {
  #ExtraParamsTab .ProductsList>ul>li:first-child:after {
    left: 58%;
  }
}

@media(max-width: 1300px) {
  #ExtraParamsTab .ProductsList>ul>li:first-child:after {
    left: 55%;
  }
}

@media(max-width: 1200px) {
  #ExtraParamsTab .ProductsList>ul>li:first-child:after {
    left: 50%;
  }
}

@media(max-width: 991px) {
  #ExtraParamsTab .ProductsList>ul>li:first-child:after {
    display: none;
  }
}

#ExtraParamsTab .ProductsList>ul>li>ul>li {
  float: left;
  display: block;
  width: 162px;
  padding: 10px;
  text-align: center;
  position: relative;
}

#ExtraParamsTab .ProductsList>ul>li>ul>li.selected::after {
  background: #d6001c url("./../images/produkt_select.svg") no-repeat left 4px center;
  background-size: 20px;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 5px;
  right: 10px;
  margin: 0 auto;
  content: "";
}

#ExtraParamsTab .ProductsList ul h3 {
  margin-bottom: 0px;
  padding-top: 30px;
  position: relative;
}

#ExtraParamsTab .ProductsList ul ul li:hover label {
  background: #f3f5f6;
  overflow: visible;
  height: auto !important;
}

#ExtraParamsTab .ProductsList ul ul li label {
  position: absolute !important;
  font-size: 14px;
  width: 120px !important;
  left: 0;
  right: 0;
  text-align: center !important;
  float: none;
  margin: 0 auto;
  top: 70px;
  height: 33px !important;
  padding-top: 5px;
  display: block;
  overflow: hidden;
  top: 0;
}

@media (max-width: 991px) {
  #ExtraParamsTab .ProductsList>ul>li {
    width: 100%;
    height: auto;
    padding: 0;
  }
  #ExtraParamsTab .ProductsList ul h4+ul {
    position: relative;
    left: 0;
    width: 100%;
    padding-top: 10px;
    background: #fff;
  }
}

#ExtraParamsTab .ProductsList>ul>li>ul>li img {
  max-width: 130px !important;
  max-height: 130px !important;
}

#ExtraParamsTab .ProductsList>ul>li>ul>li .Image {
  /* height: 90px; */
}

@media (max-width: 500px) {
  #ExtraParamsTab .ProductsList>ul>li>ul>li {
    width: 50%;
  }
  #ExtraParamsTab .ProductsList>ul>li>ul>li img {
    max-width: 130px !important;
    max-height: 130px !important;
  }
}

#ExtraParamsTab .ProductsList input {
  position: absolute;
  visibility: hidden;
}

#ExtraParamsTab .ProductsList {
  margin-bottom: 60px;
}

#DescriptionContent {
  float: left;
  width: 50%;
  padding-right: 25px;
  margin-bottom: 30px;
}

@media(max-width: 1200px) {
  #DescriptionContent {
    width: 100%;
    padding: 0;
  }
}

#DescriptionContent .SubHeader span {
  color: #1d2023;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  margin-bottom: 17px;
}

#DescriptionContent .SubHeader span::before {
  width: 100px;
  height: 6px;
  background-color: #d6001c;
  content: "";
  position: absolute;
  margin: 0 auto;
  left: 0;
  bottom: -20px;
}

#ProductDetailTabs {
  display: none;
}

#DescriptionContent .SubBody {
  float: left;
  width: 100%;
}

#DescriptionContent #DescriptionContentContent {
  font-size: 18px;
  border: 1px solid #dadee0;
  background-color: #ffffff;
  padding: 20px;
  float: left;
  width: 100%;
  overflow: hidden;
}

#DescriptionContentContent img {
  max-width: 100%;
}

#TechnicalParametersContent {
  float: left;
  width: 50%;
  padding-left: 25px;
}

@media(max-width: 1200px) {
  .ProductSubMenu, .ProductTop {
    margin-bottom: 30px;
  }
  #TechnicalParametersContent, #DescriptionContent {
    width: 100%;
    padding: 0;
    margin-top: 30px;
  }
}

#TechnicalParametersContent .SubHeader span {
  color: #1d2023;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  margin-bottom: 17px;
}

#TechnicalParametersContent .SubHeader span::before {
  width: 100px;
  height: 6px;
  background-color: #d6001c;
  content: "";
  position: absolute;
  margin: 0 auto;
  left: 0;
  bottom: -20px;
}

#TechnicalParametersContent #DescriptionContentContent {
  font-size: 18px;
  border: 1px solid #dadee0;
  padding: 0px 20px;
  padding-bottom: 40px;
  background-color: #ffffff;
}

#DescriptionContentContent table {
  border: none;
  margin-left: -20px;
  width: calc(100% + 40px) !important;
}

#DescriptionContentContent table td {
  background-color: #ffffff;
  width: 50%;
  border-bottom: 1px solid #dadee0;
  padding: 0px 15px !important;
  height: 40px;
  width: auto !important;
}

#DescriptionContentContent table td:first-child {
  color: #1d2023;
  font-weight: 600;
  border-right: 1px solid #dadee0;
}

#DescriptionContentContent table tr:nth-child(even) td {
  background-color: #fcfcfc;
}

#LinkedProducts, #AlternativeProducts, #Video {
  float: left;
  width: 100%;
  margin-top: 30px;
}

#LinkedProducts .SubHeader span, #AlternativeProducts .SubHeader span, #Video .SubHeader span {
  color: #1d2023;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  margin-bottom: 17px;
}

#LinkedProducts .SubHeader span::before, #AlternativeProducts .SubHeader span::before, #Video .SubHeader span::before {
  width: 100px;
  height: 6px;
  background-color: #d6001c;
  content: "";
  position: absolute;
  margin: 0 auto;
  left: 0;
  bottom: -20px;
}

#youtube_video {
  text-align: left !important;
  margin-top: 20px;
  max-width: 100%;
}

#youtube_video iframe {
  max-width: 100% !important;
}

.video-container {
  text-align: left !important;
  margin-top: 20px;
  width: 650px;
  max-width: 100%;
  margin: 0 auto;
}

.video-container iframe {
  max-width: 100% !important;
}

#ExtraParamsTab .ProductsList ul h4::before {
  position: absolute;
  right: 30px;
  top: 30px;
  content: "";
  width: 10px;
  height: 17px;
  background: transparent url("./../images/arrow_red.svg") no-repeat center;
  background-size: 10px;
  transform: rotate(-180deg);
  transition: all 0.5s;
}

#ExtraParamsTab .ProductsList ul h4.selected::before {
  transform: rotate(0deg);
}

@media(max-width: 991px) {
  #ExtraParamsTab .ProductsList ul h4::before {
    transform: rotate(-90deg);
  }
  #ExtraParamsTab .ProductsList ul h4.selected::before {
    transform: rotate(90deg);
  }
  #DescriptionContent .SubBody, #TechnicalParametersContent .SubBody, #LinkedProducts .SubBody, #AlternativeProducts .SubBody, #Video .SubBody {
    display: none;
  }
  #DescriptionContent .SubHeader, #TechnicalParametersContent .SubHeader, #LinkedProducts .SubHeader, #AlternativeProducts .SubHeader, #Video .SubHeader, #ExtraParamsTab .SubHeader {
    position: relative;
  }
  #DescriptionContent .SubHeader span, #TechnicalParametersContent .SubHeader span, #LinkedProducts .SubHeader span, #AlternativeProducts .SubHeader span, #Video .SubHeader span, #ExtraParamsTab .SubHeader span {
    font-size: 30px !important;
    margin-top: 0px;
  }
  #DescriptionContent .SubHeader::after, #TechnicalParametersContent .SubHeader::after, #LinkedProducts .SubHeader::after, #AlternativeProducts .SubHeader::after, #Video .SubHeader::after, #ExtraParamsTab .SubHeader::after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 40px;
    height: 40px;
    background: #d6001c url("./../images/arrow_white.svg") no-repeat left 12px top 8px;
    background-size: 15px;
    transform: rotate(-90deg);
    transition: all 0.5s;
  }
  #DescriptionContent .SubHeader.closed::after, #TechnicalParametersContent .SubHeader.closed::after, #LinkedProducts .SubHeader.closed::after, #AlternativeProducts .SubHeader.closed::after, #Video .SubHeader.closed::after, #ExtraParamsTab .SubHeader.closed::after {
    transform: rotate(90deg);
  }
}

@media(max-width: 767px) {
  #ExtraParamsTab .ProductsList ul h4::before {
    right: 20px;
    top: 25px;
    width: 20px;
    height: 30px;
    background-size: 15px;
  }
}

/* kosik */

#Tisk {
  margin: 0 auto;
  left: auto !important;
  right: auto !important;
}

#Cart {
  float: left;
  width: 100%;
}

#Cart .orderStep {}

#Cart h1.NoProductHeader {
  color: #1d2023;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
}

@media(max-width: 991px) {
  #Cart h1.NoProductHeader {
    font-size: 28px;
    margin-top: 20px;
    margin-bottom: 10px;
  }
}

.orderStep .Number {
  line-height: 36px;
  float: left;
}

#Cart .Step {
  display: inline-block;
  font-weight: bold;
  padding: 0px 10px;
  background: #dadee0;
}

#Cart .Step a {
  color: #5d6771;
}

#Cart .currentStep {
  background: #d6001c;
  color: #FFF;
}

.Error {
  padding-left: 0px;
  color: #d6001c;
}

table.CartTable td.Error {
  text-align: right;
  font-weight: bold;
}

.Step td {
  vertical-align: middle;
  text-align: left;
  height: 36px;
  padding-left: 5px;
}

#Cart .sipka {
  display: inline-block;
}

.CartContent .CartTable {
  margin-top: 20px;
  width: 100%;
}

.CreatingOrder .recount table {
  width: 100% !important;
}

input[type="text" i]:disabled {
  background-color: rgb(235, 235, 228) !important;
}

#Cart .CartTable .image .fancybox img {
  width: 100% !important;
  max-width: 300px !important;
  height: auto !important;
  margin-top: 20px;
}

table.CartTable td {
  padding-bottom: 20px;
}

table.CartTable td.image {
  padding: 0px;
  padding-right: 10px;
  padding-left: 10px;
}

table.CartTable td.image img {
  width: 100%;
}

table.CartTable td.line {
  padding: 0;
}

table.CartTable .name a {
  font-weight: bold;
  font-size: 18px;
}

table.CartTable .name ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

table.CartTable th {
  background: #dadee0;
  padding: 10px 5px;
}

table.CartTable .ItmPrice {
  text-align: center;
}

table.CartTable .TotCnt, table.CartTable .TotPrice {
  text-align: center;
}

table.CartTable .PriceCell {
  text-align: center;
  font-size: 18px;
}

table.CartTable .CountCell {
  text-align: center;
}

table.CartTable .CountCell input {
  display: inline-block;
  width: 40px;
  text-align: center;
}

table.CartTable .addProductLeft .addProductRightName {
  font-weight: 700;
}

#Cart a.delete span {
  display: none;
}

#Cart a.delete {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  margin: 0 auto;
}

table.CartTable h3 {
  margin: 0;
}

#Cart a.delete::after {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  left: 0;
  content: "\e020";
}

table.CartTable .LastRow td {
  padding-bottom: 0;
}

table.CartTable .LastRow td h3, table.CartTable .LastRow td h4 {
  color: #d6001c;
  font-weight: 700;
  font-size: 24px;
  text-align: right;
}

table.CartTable .LastRow td:last-child {
  text-align: right;
}

table.CartTable .Recount {
  background: #dadee0;
  border: none;
  padding: 5px 15px;
  padding-right: 15px !important;
  margin: 0;
  font-size: 16px;
  float: right;
  font-weight: 600;
  text-transform: uppercase;
}

table.CartTable .Recount:last-child {
  margin-right: 30px;
}

table.CartTable .recount {
  padding: 0px;
}

.Closed, .ProductDetails .Closed {
  height: 0px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
}

#Cart .SubBody.VoucherCode {
  padding: 10px;
  display: block;
  text-align: left;
  width: 100%;
  float: left;
}

.ObsahStrankyElements #Cart .SubHeader span {
  font-size: 18px;
  font-weight: 600;
}

.editorial_cart_text_step_0 {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.ObsahStrankyElements button#Order {
  width: auto;
  height: 50px;
  background: #d6001c;
  border: none;
  float: right;
  border: none;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  padding: 0px 10px;
  text-transform: uppercase;
}

.ObsahStrankyElements .Back {
  width: auto;
  height: 50px;
  background: #dadee0;
  border: none;
  float: left;
  border: none;
  color: #5d6771;
  font-size: 20px;
  font-weight: 600;
  padding: 0px 10px;
  display: block;
  line-height: 50px;
  text-transform: uppercase;
}

#Cart .BottomMenu {
  float: left;
  width: 100%;
  margin-bottom: 100px;
}

.CartTable .normal td.name {
  padding-top: 20px;
}

.shipmentPart {
  float: left;
  width: 100%;
}

table.CartTable .LastRow td.name>div {
  width: 100% !important;
}

@media (max-width: 991px) {
  #Cart .BottomMenu {
    margin-bottom: 30px;
  }
}

@media(max-width: 767px) {
  .CartContent table.CartTable tr.FirstRow {
    display: none;
  }
  .CartContent table.CartTable tr {
    display: block;
    float: left;
    width: 100%;
  }
  .CartContent table.CartTable tr.normal {
    border: 1px solid #dadee0;
    margin-bottom: 10px;
  }
  .CartContent table.CartTable tr td {
    display: block;
    float: left;
    width: 100%;
    text-align: center !important;
  }
  table.CartTable .LastRow td.name {
    width: 60%;
  }
  table.CartTable .LastRow td.name+td {
    width: 40%;
  }
  .CartContent table.CartTable tr td.PriceCell {
    font-weight: 600;
  }
  .CartContent table.CartTable tr td.PriceCell, .CartContent table.CartTable tr td.CountCell, .CartContent table.CartTable tr td.CountCell, .CartContent table.CartTable tr td.CountCell~td {
    width: 25%;
  }
  #Cart .BottomMenu {
    display: inline-block;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
  }
  .ObsahStrankyElements button#Order {
    display: block;
    float: none;
    margin: 0 auto;
    margin-bottom: 30px;
    max-width: 300px;
  }
  .ObsahStrankyElements .Back {
    display: block;
    float: none;
    max-width: 300px;
    margin: 0 auto;
  }
}

/* kosik krok 2 */

table.CartTable td.name .Shipments {
  width: 100% !important;
  float: left;
  padding: 10px;
  border: 1px solid #dadee0;
  padding: 30px;
  margin-bottom: 50px;
}

table.CartTable td.name .Payments {
  width: 100% !important;
  float: left;
  padding: 10px;
  border: 1px solid #dadee0;
  padding: 30px;
}

.ShipmentChoose {
  font-size: 20px;
  color: #d6001c;
  font-weight: 600;
  margin-bottom: 30px;
}

.Payments .PaymentChoose {
  font-size: 20px;
  color: #d6001c;
  font-weight: 600;
  margin-bottom: 30px;
}

.Payments .PaymentChoose span {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  margin: 0 auto;
  margin-bottom: 10px;
  transition: all 0.5s;
  height: 30px;
}

.Payments .PaymentChoose.payments-bigger span {
  animation-name: payments-bigger-animation;
  animation-duration: 1s;
}

@keyframes payments-bigger-animation {
  0% {
    font-size: 14px;
    font-weight: 400;
  }
  50% {
    font-size: 18px;
    font-weight: 600;
  }
  100% {
    font-size: 14px;
    font-weight: 400;
  }
}

.Toggler {
  background: url("./../images/plus.gif") no-repeat scroll left top white;
  width: 14px;
  height: 14px;
  margin-left: 0;
  display: block;
  float: left;
  margin-right: 5px;
  margin-top: 5px !important;
}

.Toggler.Open {
  background: url("./../images/minus.gif") no-repeat scroll left top white;
}

.Shop .Shipments label {
  font-size: 16px;
  margin-left: 5px;
  max-width: 390px !important;
  width: auto !important;
  float: left;
  margin-bottom: 0px;
  float: left !important;
}

.Shop .Payments label {
  font-size: 16px;
  margin-left: 5px;
  max-width: 500px !important;
  width: auto !important;
  float: left;
  margin-bottom: 0px;
  float: left !important;
}

.container a.fancybox {
  background: none !important;
}

.product-sklad .cartPaymentShipmentHelp.productListHelp {
  text-align: center;
  font-weight: bold;
  display: inline-block;
  padding: 0;
  padding-top: 1px;
  line-height: 1;
}

.product-sklad button:focus {
  outline: none;
}

.cartPaymentShipmentHelp:focus {
  color: #fff;
  text-decoration: none;
}

.cartPaymentShipmentHelp {
  display: block;
  float: left;
  margin-right: 0px;
  margin-left: 10px;
  margin-top: 2px;
  float: left;
  background: #d6001c !important;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 1;
  font-size: 18px !important;
  padding-top: 1px;
  padding-left: 0px !important;
  transition: all 0.3s;
  border: 1px solid transparent;
}

.container a.fancybox.cartPaymentShipmentHelp {
  background: #d6001c !important;
}

.cartPaymentShipmentHelp:hover {
  color: #d6001c;
  background: #fff !important;
  border: 1px solid #d6001c;
  text-decoration: none !important;
}

.container a.fancybox.cartPaymentShipmentHelp:hover {
  background: #fff !important;
}

@media(max-width: 768px) {
  .cartPaymentShipmentHelp {
    width: 25px;
    height: 25px;
    font-size: 24px !important;
    padding-top: 0px;
    padding-left: 0px;
  }
}

/*
.container a.fancybox {
  font-weight: bold;
  background:#d6001c;
  padding-left: 0px;
  position: relative;
  margin-left: 15px;
}
.container a.fancybox::after {
  background: url('./../images/speech_bubble.gif') no-repeat scroll 3px 3px;
  position: absolute;
  left: -15px;
  width: 15px;
  height: 15px;
  content: "";
}
*/

.WrapperBigImages .BigImages .BigImage::after {
  display: none;
}

.shipmentPartHeader {
  display: block;
  float: left;
  clear: both;
  color: #d6001c;
  font-size: 20px;
}

@media(max-width: 767px) {
  .shipmentPartHeader {
    margin: 10px 0;
  }
}

.shipmentPartContent {
  float: left;
  width: 100%;
  padding: 10px 0px;
}

.Shipments .napoveda, .Payments .napoveda {
  margin-right: 10px;
  border: 1px solid #dadee0;
  padding: 10px;
  margin-top: 10px;
}

@media(max-width: 767px) {
  .Shipments .napoveda, .Payments .napoveda {
    margin: 0 auto;
    margin-bottom: 10px;
    float: none !important;
    display: block;
  }
  td.name .Shipments input, .Payments input {
    float: none !important;
  }
  .Shop .Shipments label, .Shop .Payments label {
    float: none !important;
  }
  .cartPaymentShipmentHelp {
    display: inline-block;
    float: none !important;
  }
}

.Payments .Cleaner {
  display: none;
}

td.name .Shipments input, .Payments input {
  vertical-align: top;
  float: left;
}

.PayShipTD .PaymentChoose {
  display: block;
  float: left;
  font-size: 18px;
  color: #d6001c;
  font-weight: 600;
}

.PayShipTD #ShipmentPrice {
  font-size: 18px;
  display: block;
  float: right;
  color: #d6001c;
  font-weight: 600;
}

.CreatingOrder .CartTable td.name {
  display: block;
  float: left;
  width: 100%;
}

.CartTable td.PayShipTD {
  display: block;
  float: left;
  width: 100%;
  text-align: right;
  padding: 10px 0px !important;
}

.orderRow textarea.message {
  width: 100%;
  height: 150px;
}

#Cart .Terms .TermsInner {
  height: 150px;
  padding: 5px;
  overflow-x: hidden;
  overflow-y: auto;
}

#Cart .Terms {
  border: 1px solid #dadee0;
  padding: 5px;
}

.messageInfo2 .orderRow {
  width: auto !important;
  margin-top: 20px !important;
  clear: both;
}

.messageInfo2 .orderRow label {
  width: calc(100% - 30px) !important;
}

@media(min-width: 768px) {
  .messageInfo2 .orderRow label {
    width: calc(100% - 60px) !important;
    margin-right: 30px;
  }
}

.col2 table.CartTable tr.normal input {
  width: 60px !important;
  text-align: center;
}

.col2 table.CartTable tr.normal td {
  text-align: center;
}

.col2 table.CartTable tr.normal td.name {
  text-align: left;
}

.col2 table.CartTable tr.normal td.image a.fancybox::after {
  display: none;
}

.Notice {
  text-align: center;
  border: 1px solid black;
  padding: 6px;
  margin: 6px;
}

.StepThree .Notice {
  border-color: red;
  color: red;
}

/* Login page */

.LoginElement h1, .Registration h1 {
  text-align: left;
  color: #1d2023;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  margin-bottom: 30px;
}

@media(max-width: 991px) {
  .LoginElement h1, .Registration h1 {
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 0px;
  }
}

.ObsahStrankyElements #login .SubHeader span {
  display: block;
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 700;
  margin-top: 30px;
}

@media(max-width: 991px) {
  .ObsahStrankyElements #login .SubHeader span {
    margin-top: 10px;
  }
}

.Shop label {
  font-size: 16px;
  width: 220px;
  float: left;
}

.CheckBoxLine label {
  float: left;
}

#login {
  float: left;
  clear: both;
  max-width: 750px;
  width: 100%;
}

fieldset.login {
  overflow: hidden;
}

#login_button {
  width: auto;
  height: 50px;
  background: #d6001c;
  border: none;
  float: right;
  border: none;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  padding: 0px 10px;
  text-transform: uppercase;
}

#login .OrderNote, #Cart .OrderNote {
  margin-bottom: 10px;
}

.personalInfo2 {
  clear: both;
}

.TogglerCheckbox {
  float: left;
  clear: both;
  margin-right: 5px !important;
}

.Shop .InnerFieldset input {
  background: #fff;
  border: 1px solid #dadee0;
  box-shadow: none;
  width: 400px !important;
  height: 30px;
  padding: 0px 5px;
  float: left;
  font-weight: 600;
  max-width: 100%;
}

.Shop .InnerFieldset input#login {
  width: 250px;
  height: 30px;
  padding: 0px 5px;
  clear: none;
}

.Shop .InnerFieldset input.checkbox {
  width: 20px !important;
  height: 20px;
  margin-right: 10px;
}

#login fieldset, #Cart fieldset {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

#login .orderRow, #Cart .orderRow {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}

#login .CompanyInfo, #Cart .CompanyInfo {
  float: left;
  width: 100%;
  clear: both;
}

#login .SubBody, #Cart .SubBody {
  float: left;
  border: 1px solid #dadee0;
  padding: 30px;
  width: 100%;
}

#login .LoginSubBody .BottomMenu, #Cart .LoginSubBody .BottomMenu {
  float: right;
}

#login .LoginSubBody button#Order {
  float: right;
  clear: both;
  margin-top: 20px;
}

/* Slider */

#slide_1 {
  position: relative;
}

.SlideText {
  display: block;
}

.SlideText .ArticleTitle {
  display: none;
}

.swiper-slide {
  width: 100% !important;
}

.swiper-slide a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
}

.swiper-slide .oneSlide {
  width: 100% !important;
  position: relative;
  height: 520px !important;
  overflow: hidden;
}

.swiper-slide .oneSlide img {
  display: block;
  line-height: 1;
  width: auto !important;
  max-width: unset;
  height: 520px !important;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
}

.carousel-caption {
  position: absolute;
  right: 0;
  height: 100%;
  bottom: 0px;
  left: 0;
  z-index: 10;
  padding-top: 80px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  text-shadow: none;
  background: url("./../images/slider_caption.png") no-repeat right center;
}

.caption-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
}

.caption-text {
  float: right;
  color: #1d2023;
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  margin-right: 65px;
  max-width: 500px;
}

.carousel-caption .caption-label {
  width: 226px;
  height: 226px;
  background: url("./../images/caption_label.svg") no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
}

.carousel-caption .caption-price {
  width: 163px;
  height: 163px;
  position: absolute;
  left: 114px;
  bottom: 43px;
  background: url("./../images/header_price.svg") no-repeat center;
  font-size: 39px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: rotate(-15deg);
}

.caption-price .old {
  color: #ffffff;
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  position: relative;
}

.caption-price .old::before {
  position: absolute;
  left: 35px;
  top: -8px;
  width: 92px;
  content: "";
  background: url("./../images/old_price.svg") no-repeat left 0px top 0px;
  background-size: 90px auto;
  height: 43px;
  transform: rotate(15deg);
}

.caption-text .header-small {
  color: #5d6771;
  font-size: 33px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 3.3px;
}

.caption-text h3 {
  color: #1d2023;
  font-size: 76px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -3.04px;
  position: relative;
}

.caption-text h3::before {
  width: 100px;
  height: 6px;
  background-color: #d6001c;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -10px;
}

.caption-text ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 70px;
}

.caption-text ul li {
  margin: 0;
  padding: 0;
  background: url('./../images/check.svg') no-repeat left center;
  padding-left: 50px;
  margin-bottom: 20px;
  min-height: 30px;
  line-height: 1;
}

@media(max-width: 1500px) {
  .carousel-caption {
    padding-top: 50px;
    background: url(./../images/slider_caption.png) no-repeat right -100px center;
  }
  .caption-text {
    font-size: 20px;
    margin-right: 20px;
    max-width: 400px;
  }
  .caption-text h3 {
    font-size: 40px;
  }
  .caption-text .header-small {
    font-size: 26px;
  }
  .swiper-slide .oneSlide {
    height: 450px !important;
  }
  #slide_1 .swiper-slide .oneSlide img {
    height: 450px !important;
  }
}

@media(max-width: 1200px) {
  .swiper-slide .oneSlide {
    width: 100% !important;
    position: relative;
    height: 500px !important;
  }
  #slide_1 .swiper-slide .oneSlide img {
    display: block;
    line-height: 1;
    width: auto !important;
    max-width: unset;
    height: 300px !important;
    position: absolute;
    top: 0%;
    left: -100px;
    transform: none;
  }
  .SlideText {
    position: relative;
    left: 0;
    right: 0;
    margin-top: 300px;
    height: 200px;
    overflow: hidden;
  }
  .carousel-caption {
    padding: 0;
    position: relative;
    float: left;
    width: 100%;
    background: #f2f4f5;
    height: 200px;
  }
  .caption-wrap {
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
  }
  .carousel-caption .caption-label {
    display: none;
  }
  .caption-text .header-small {
    font-size: 22px;
    text-align: center;
  }
  .caption-text h3 {
    color: #1d2023;
    font-size: 26px;
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 30px;
  }
  .caption-text {
    font-size: 20px;
    padding-left: 10px;
    padding-top: 10px;
    margin: 0px;
    max-width: 100%;
    width: 100%;
    text-align: left;
  }
  .caption-text ul {
    margin-left: 0px;
  }
  .caption-text ul li {
    margin: 0;
    padding: 0;
    background: url(./../images/check.svg) no-repeat left center;
    background-size: auto 20px;
    padding-left: 30px;
    margin-bottom: 5px;
    min-height: 20px;
    line-height: 1;
    font-size: 16px;
  }
  .carousel-caption .caption-price {
    width: 100px;
    height: 100px;
    position: absolute;
    left: auto;
    right: 10px;
    bottom: 10px;
    background: url(./../images/header_price.svg) no-repeat center;
    background-size: contain;
    font-size: 24px;
    font-weight: 700;
  }
  .caption-price .old::before {
    left: 0px;
    top: -5px;
    width: 80px;
    background-size: 80px auto;
    height: 30px;
  }
}

@media(max-width: 768px) {
  .swiper-slide .oneSlide {
    width: 100% !important;
    position: relative;
    height: 450px !important;
  }
  #slide_1 .swiper-slide .oneSlide img {
    display: block;
    line-height: 1;
    width: auto !important;
    max-width: unset;
    height: 250px !important;
    position: absolute;
    top: 0%;
    left: 0px;
    transform: none;
  }
  .SlideText {
    margin-top: 250px;
    overflow: hidden;
  }
}

@media(max-width: 490px) {
  #slide_1 .swiper-slide .oneSlide img {
    left: -80px;
  }
  .carousel-caption .caption-price {
    right: 10px;
    bottom: 10px;
    width: 80px;
    height: 80px;
    font-size: 16px;
    opacity: 0.6;
  }
  .caption-price .old {
    font-size: 14px;
  }
  .caption-price .old::before {
    left: 0px;
    top: -5px;
    width: 70px;
    background-size: 70px auto;
    height: 20px;
  }
}

/* Arrows */

.ButtonControl.ButtonPrev, .ButtonControl.ButtonNext {
  position: absolute;
  opacity: 0.25;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.ButtonControl.ButtonPrev.swiper-button-disabled, .ButtonControl.ButtonNext.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.ButtonControl.ButtonPrev, .swiper-container-rtl .ButtonControl.ButtonNext {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.ButtonControl.ButtonNext, .swiper-container-rtl .ButtonControl.ButtonPrev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

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

.swiper-pagination-bullet {
  width: 10px;
  height: 12px;
  border-radius: 0;
  background: #ccc;
  opacity: 0.7;
}

.swiper-pagination-bullet-active {
  opacity: 0.7;
  background: #555;
}

/* END Slider */

/* fancybox */

/*
.fancybox {
  width: 1000px;
}
#fancybox-wrap {
  width: 850px;
}

#fancybox-content #shipment_description_1{
  display: block !important;
  width: 300px;
}

#fancybox-outer {
}
#fancybox-content img {
  width: 850px !important;
}

#fancybox-content {
  width: 850px !important;
  max-width: 100% !important;
}
*/

#fancybox-wrap {
  box-sizing: content-box;
}

.DescriptionTooltip {}

#fancybox-content {
  border: 0px !important;
  padding: 15px;
  width: 100% !important;
  box-sizing: border-box;
}

#fancybox-title {
  margin: 0 !important;
}

#fancybox-content img.FirstImage {
  width: 100%;
  max-width: 100% !important;
}

#fancybox-content .paramChooseBackButton {
  border: 1px solid #dadee0;
  background: #ffffff url("./../images/arrow.svg") no-repeat left 20px center;
  background-size: 17px auto;
  padding-left: 50px;
  padding-right: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  float: left;
  line-height: 1;
  color: #676e7a;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
}

#fancybox-content .paramChooseChooseButton {
  border: 1px solid #dadee0;
  background: #d6001c url("./../images/produkt_select.svg") no-repeat left 25px center;
  background-size: 31px auto;
  padding-left: 70px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  float: right;
  line-height: 1;
  color: #ffffff;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
}

@media(max-width: 460px) {
  #fancybox-content .paramChooseBackButton {
    float: none;
  }
  #fancybox-content .paramChooseChooseButton {
    float: none;
    margin-top: 20px;
  }
}

.fancyboxContent {
  width: 440px;
  max-width: 100%;
  height: auto;
  text-align: center;
  padding-top: 20px;
  font-size: 15px;
}

#product_detail_popup {
  width: 100%;
  max-width: 400px;
}

.fancyboxContent .ShowCart {
  display: block;
  font-weight: 800;
  margin-top: 20px;
  font-size: 18px;
  margin-bottom: 20px;
}

.fancyboxContent .ContinueShopping {
  display: block;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 20px;
}

/* search autocomplete */

.autocompleteContainer {
  display: block;
  position: absolute;
  z-index: 910;
  background: #fff;
  padding: 10px;
  border: 1px solid #dadee0;
}

.autocompleteContainer .Highlight {
  font-weight: 600;
}

/* muj ucet */

.UserAccountEl#Cart table.Order {
  width: 100%;
}

.UserAccountEl#Cart table.Order td {
  padding: 10px 5px;
}

.UserAccountEl#Cart table.Order tr:nth-child(odd) {
  background: rgba(219, 223, 224, 0.5);
}

.UserAccountEl#Cart .BottomLink {
  text-align: right;
}

.UserAccountEl .SubHeader {
  display: block;
  margin-bottom: 0px;
  font-size: 18px;
  font-weight: 700;
  margin-top: 30px;
  float: left;
  width: 100%;
}

.Cleaner {
  clear: both;
}

/* admin controls */

.AdminControls {
  position: absolute;
  z-index: 999;
  opacity: 0;
}

.WysiwygMenuToggler {
  position: absolute;
  right: 15px !important;
  top: 0 !important;
  background: transparent !important;
  width: 20px;
  height: 20px;
  content: "";
}

#SEObsahStrankyElements_1Menu {
  position: absolute;
  right: 10px !important;
  top: 0px !important;
}

.directBuyCustomer {
  margin-right: 30px;
  font-family: 'Rajdhani', sans-serif !important;
  color: #5d6771 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  padding-left: 0px !important;
}

.deleteCustomerInfo {
  margin-right: 30px;
  font-family: 'Rajdhani', sans-serif !important;
  color: #5d6771 !important;
  font-size: 14px !important;
  text-decoration: none !important;
}

@media (max-width: 767px) {
  .directBuyCustomer {
    display: block;
    margin: 10px 0px;
  }
  .deleteCustomerInfo {
    display: block;
    margin: 20px 0px;
  }
  table.CartTable .Recount {
    display: inline-block;
    clear: both;
    margin: 10px 0px;
    margin-top: 20px;
    float: none !important;
  }
}

/* cookies */

.awesome-eu-cookies {
  position: relative;
  top: 0;
  display: block;
  z-index: 10000;
  background: #d6001c;
  border-top: 1px solid #d6001c;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  padding: 10px 5px;
}

.awesome-eu-cookies a {
  color: #fff;
  text-decoration: underline;
}

.awesome-eu-cookies button {
  background: #fff;
  border: 1px solid #fff;
  color: #d6001c;
  font-size: 16px;
  margin-left: 5px;
  transition: all 0.5s;
}

.awesome-eu-cookies button:hover {
  background: #d6001c;
  border: 1px solid #fff;
  color: #fff;
}

/* facebook */

.FacebookPanel {
  overflow: hidden;
  position: fixed;
  z-index: 10010;
  margin-top: 0 !important;
}

/* slider bottom */

.swiper-container {
  width: calc(100% - 265px);
}

.swiper-container .ProductListArea .Product {
  float: none;
  max-width: 375px;
  min-width: 376px;
}

@media(min-width: 1500px) {
  .ProductListContainer .category_description_wrapper {
    width: calc(100% - 265px);
    padding-right: 30px;
  }
}

.ProductListContainer .doporucene-box-item {}

.ArticleAfterProductList {
  float: left;
}

.ArticleAfterProductList .ElementHeader {
  color: #1d2023;
  font-size: 30px;
  font-weight: 700;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 20px;
}

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

@media(max-width: 767px) {
  .ArticleAfterProductList img {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media(max-width: 767px) {
  .ObsahStrankyElements .Article img {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    height: auto !important;
  }
}

.ArticleElement h1.ElementHeader {
  color: #1d2023;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 20px;
  margin-top: 0;
}

@media(max-width: 767px) {
  .ArticleElement h1.ElementHeader {
    margin-top: 20px;
    margin-bottom: 10px;
  }
}

.ArticleElement h2 {
  font-size: 30px;
  font-weight: 700;
}

#arrow-top {
  cursor: pointer;
  position: fixed;
  bottom: 80px;
  right: 20px;
  display: none;
  z-index: 9999;
  border-radius: 0;
  background: #d6001c;
  width: 50px;
  height: 40px;
  font-size: 24px;
  border: 1px solid #d6001c;
  line-height: 1;
  color: #fff;
}

#arrow-top::after {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  left: 0;
  content: "\e113";
  color: #fff;
}

@media(max-width: 767px) {
  #arrow-top {
    bottom: 70px;
    right: 0px;
    width: 55px;
    height: 50px;
  }
  #arrow-top::after {
    line-height: 46px;
  }
}

body.modal-open .modal.fade.in {
  display: flex !important;
  height: 100%;
  align-items: center;
}

.modal .close:focus {
  outline: none;
}

.modal-dialog.modal-video {
  margin: auto;
  padding-top: 60px;
}

.modal-dialog {
  margin: auto;
}

body.modal-open .modal .modal-dialog.modal-parametrs {
  padding-top: 0px;
}

@media(min-width: 768px) {
  .modal-dialog {
    width: 800px;
  }
}

@media(min-width: 1200px) {
  .modal-dialog {
    width: 900px;
  }
  .modal-dialog.modal-product-info {
    width: 1024px;
  }
}

@media(max-width: 767px) {
  body.modal-open .modal .modal-dialog.modal-video {
    width: calc(100% - 10px);
    margin: auto;
    padding: 0;
    padding-top: 40px;
  }
  body.modal-open .modal .modal-dialog {
    width: calc(100% - 30px);
    margin: auto;
    margin-top: 20px;
    padding: 0;
  }
}

@media(max-height: 600px) {
  body.modal-open .modal .modal-dialog {
    margin: auto;
    margin-top: 20px;
  }
}

.modal-video .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  background: transparent;
}

.modal-video .modal-body {
  padding: 0;
}

.modal-video button.close, .modal-product-info button.close {
  position: absolute;
  top: -50px;
  right: 0px;
  background: #d6001c;
  color: #fff;
  opacity: 1;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 50px;
}

.modal-product-info button.close {
  top: 0px;
}

.modal-video iframe {
  height: 505px !important;
  width: 100% !important;
}

@media(max-width: 767px) {
  .modal-video button.close, .modal-product-info button.close {
    top: -30px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
  }
  .modal-product-info button.close {
    top: 0px;
  }
  .modal-video iframe {
    height: 400px !important;
  }
}

@media(max-height: 500px) {
  .modal-video iframe {
    height: 85vh !important;
  }
}

.video-btn-modal {
  background: #d6001c;
  padding: 5px 10px;
  padding-right: 50px;
  color: #fff;
  font-size: 18px;
  min-height: 50px;
  margin-top: 30px;
  margin-bottom: 30px;
  float: left;
  min-width: 130px;
  cursor: pointer;
  border-bottom: 2px solid #b20017;
  position: relative;
  width: 320px;
}

.video-btn-modal i {
  font-size: 35px;
  margin-top: 6px;
  margin-right: 10px;
  display: block;
  float: left;
}

.video-btn-modal .movie-icon {
  position: absolute;
  right: 10px;
  top: 11px;
  width: 33px;
  height: 33px;
  border: 3px dotted #fff;
  border-left: none;
  border-right: none;
  padding: 4px 0;
  border-radius: 0;
}

.video-btn-modal .movie-icon .movie-icon-content {
  background: #fff;
  height: 100%;
}

.video-btn-modal span {
  line-height: 40px;
  padding-top: 5px;
  display: block;
  float: left;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 26px;
}

@media(max-width: 1199px) {
  .video-btn-modal span {
    font-size: 20px;
  }
  .video-btn-modal {
    max-width: 265px;
  }
}

@media(max-width: 991px) {
  .video-btn-modal {
    float: none;
    margin: 0 auto;
    max-width: 265px;
  }
  .video-btn-modal i {
    font-size: 35px;
    margin-top: 2px;
  }
  .video-btn-modal span {
    line-height: 40px;
    padding-top: 0;
  }
  .video-btn-modal .movie-icon {
    top: 8px;
  }
}

.btn-video-list {
  width: calc(33.33% - 15px);
  width: 375px;
  max-width: 100%;
  position: relative;
  padding-bottom: 100px;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
  margin-left: 15px;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  background: #000;
  float: right;
  display: inline-block;
}

.btn-video-list>.video-list-img {
  position: relative;
  opacity: 0.8;
  overflow: hidden;
  transition: all 0.3s;
}

.btn-video-list .video {
  display: none;
}

.btn-video-list:hover>.video-list-img {
  opacity: 0.5;
}

.btn-video-list p {
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 34px;
  padding: 0px 15px;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  height: calc(100% - 50px);
  justify-content: center;
}

.btn-video-list>.video-list-img>img {
  height: auto !important;
  width: 100% !important;
  transition: all 0.3s;
}

.btn-video-list:hover>.video-list-img>img {
  transform: scale(1.1);
}

.btn-video-list-bottom {
  background: #d6001c;
  line-height: 50px;
  padding-left: 0px;
  border-bottom: 2px solid #b20017;
  position: relative;
  height: 50px;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
}

.btn-video-left-icon {
  position: absolute;
  bottom: 0;
  height: 50px;
  left: 0;
  width: 50px;
  color: #fff;
  font-size: 30px;
  line-height: 65px;
  padding-left: 10px;
  transition: all 0.3s;
  font-weight: 400;
}

.btn-video-list:hover .btn-video-left-icon {
  transform: scale(1.05);
}

.btn-video-list .movie-icon {
  position: absolute;
  right: 10px;
  top: 8px;
  width: 33px;
  height: 33px;
  border: 3px dotted #fff;
  border-left: none;
  border-right: none;
  padding: 4px 0;
  border-radius: 0;
}

.btn-video-list .movie-icon .movie-icon-content {
  background: #fff;
  height: 100%;
}

@media(max-width: 767px) {
  .btn-video-list {
    float: none;
    margin: 0 auto;
    height: auto;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .btn-video-list>.video-list-img {
    height: auto;
  }
}

.modal-parametrs {
  max-width: 580px;
}

.modal-dialog.modal-parametrs {
  margin: auto;
}

.modal-parametrs .modal-param-img {
  float: left;
  width: 100%;
}

.modal-parametrs .modal-param-img img {
  width: 100% !important;
  max-width: 800px !important;
  margin: 0 auto;
  display: block;
}

.modal-parametrs .modal-param-name {
  float: left;
  width: 100%;
  margin-top: 10px;
  text-align: center;
  display: block;
}

.modal-parametrs .modal-param-name label {
  display: block;
  width: 100%;
  float: left;
  text-align: center;
}

.modal-parametrs .modal-param-name .paramPriceChange {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.modal-parametrs .modal-param-buttons {
  margin-top: 20px;
  display: block;
}

.modal-parametrs .modal-param-text {
  display: block;
  float: left;
  width: 100%;
  margin-top: 20px;
  padding: 0;
  max-width: 800px;
}

.modal-parametrs .modal-param-text p {
  margin-bottom: 5px;
}

.modal-parametrs .modal-param-text p:last-of-type {
  margin-bottom: 20px;
}

.modal-parametrs .modal-content, .modal-product-info .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  background: #fff;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  border: none;
}

.modal-parametrs .close {
  border: 1px solid #dadee0;
  background: #ffffff url("./../images/arrow.svg") no-repeat left 20px center;
  background-size: 17px auto;
  padding-left: 50px;
  padding-right: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  float: left;
  line-height: 1;
  color: #676e7a;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  opacity: 1;
}

.modal-parametrs .paramChooseChooseButton {
  border: 1px solid #dadee0;
  background: #d6001c url("./../images/produkt_select.svg") no-repeat left 25px center;
  background-size: 31px auto;
  padding-left: 70px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  float: right;
  line-height: 1;
  color: #ffffff;
  font-size: 25px;
  font-weight: 700;
  text-decoration: none;
}

.modal-parametrs .paramChooseChooseButton:hover {
  text-decoration: none;
}

.modal-parametrs hr, .modal-product-info hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .modal-parametrs .modal-body {
    padding: 5px;
  }
  .modal-parametrs .modal-param-buttons {
    text-align: center;
  }
  .modal-parametrs .paramChooseChooseButton, .modal-parametrs .close {
    margin-top: 20px;
  }
  .modal-parametrs .modal-param-buttons .col-sm-6 {
    width: 50%;
  }
  .modal-parametrs .modal-param-buttons .col-sm-push-6 {
    left: 50%;
  }
  .modal-parametrs .modal-param-buttons .col-sm-pull-6 {
    right: 50%;
  }
  .modal-parametrs .paramChooseChooseButton {
    background: #d6001c url("./../images/produkt_select.svg") no-repeat left 15px center;
    background-size: 31px auto;
    padding-left: 50px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .modal-parametrs .close {
    background: #ffffff url("./../images/arrow.svg") no-repeat left 15px center;
    background-size: 17px auto;
    padding-left: 50px;
    padding-right: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}

.modal-param-buttons {
  display: none;
}

.modal-param-name {
  display: none;
}

.modal-param-text {
  max-width: 550px;
  padding: 0px 10px;
  font-size: 16px;
}

.modal-product-info .modal-body {
  font-size: 16px;
  text-align: left;
  color: #5d6771;
  font-weight: 500;
}

.modal-product-info .modal-body iframe {
  display: block;
  margin: 0 auto;
  max-width: 100% !important;
}

.modal-product-info .modal-body img {
  max-width: 100% !important;
  height: auto !important;
}

.ProductDetail .TopLeft table.BottomTable .Price.price-fixed {
  position: fixed;
  top: 0px;
  z-index: 999;
  background: #fff;
  box-shadow: none;
  border: 6px solid #f2f4f5;
  border-right: 0;
  height: 50px;
  width: 300px;
  box-sizing: content-box;
}

.ProductDetail .TopLeft table.BottomTable .Price.price-fixed th {
  width: 130px;
  padding-left: 10px;
  display: block;
  float: left;
  padding-top: 10px;
  font-size: 17px;
}

.ProductDetail .TopLeft table.BottomTable .Price.price-fixed .HighlightPrice {
  padding-right: 20px;
  padding-left: 10px;
  width: calc(100% - 130px);
  text-align: right;
  display: block;
  float: left;
  font-size: 30px;
}

.ProductDetail .TopLeft table.BottomTable .Price.Price.price-fixed.withoutVAT {
  display: none;
}

.ProductDetails .TopLeft .ProductCount.price-fixed {
  position: fixed;
  top: 0px;
  z-index: 999;
  background: #fff;
  margin-top: 0;
  box-shadow: none;
  border: 6px solid #f2f4f5;
  border-left: 0;
}

.ProductDetails .TopLeft .ProductCount.price-fixed input {
  height: 50px;
  margin-right: 0;
  width: 50px;
  padding-left: 0px;
  border: none;
  border-left: 1px solid #f2f4f5;
}

.ObsahStrankyElements .ProductDetails .TopLeft .ProductCount.price-fixed #Buy {
  height: 50px;
  width: 55px;
  background-position: left 10px center;
  padding: 0;
}

.ObsahStrankyElements .ProductDetails .TopLeft .ProductCount.price-fixed #Buy span {
  display: none;
}

@media(max-width: 767px) {
  .ProductDetail .TopLeft table.BottomTable .Price.price-fixed {
    left: 0;
    width: calc(100% - 115px);
  }
  .ProductDetails .TopLeft .ProductCount.price-fixed {
    width: 115px;
    right: 0;
  }
}

@media (max-width: 450px) {
  .ProductDetail .TopLeft table.BottomTable .Price.price-fixed .HighlightPrice {
    font-size: 20px;
    width: calc(100% - 90px);
  }
  .ProductDetail .TopLeft table.BottomTable .Price.price-fixed th {
    padding-left: 5px;
    width: 90px;
    font-size: 18px;
  }
  .ObsahStrankyElements .ProductDetails .TopLeft .ProductCount.price-fixed #Buy {
    height: 50px;
    width: 55px;
    background-size: 24px auto;
    background-position: left 15px center;
  }
  .ProductDetails .TopLeft .ProductCount.price-fixed input {
    font-size: 20px;
  }
}

@media(max-width: 364px) {
  .ProductDetails .TopLeft .ProductCount.price-fixed {
    width: auto;
  }
}

#Tisk {
  margin: 0 auto;
  width: 150px;
  height: 40px;
  background: #dadee0;
  border: none;
  float: none;
  border: none;
  color: #5d6771;
  font-size: 20px;
  font-weight: 600;
  padding: 0px 10px;
  display: block;
  line-height: 40px;
  text-transform: uppercase;
  text-align: center;
}

#Tisk:hover {
  text-decoration: underline;
}

/* jquery ui */

.ui-menu .ui-menu-item a {
  font-size: 16px;
}

img.orez30prava {
  max-width: 100%;
}

@media(max-width: 600px) {
  img.orez30prava {
    height: auto !important;
    max-width: unset !important;
    width: 135% !important;
    float: right !important;
  }
}

img.orez30leva {
  max-width: 100%;
}

@media(max-width: 600px) {
  img.orez30leva {
    height: auto !important;
    max-width: unset !important;
    width: 130% !important;
    float: left !important;
  }
}

.BottomMenu button {
  /* display: block !important; */
}

.loadPrevPageContainer, .loadNextPageContainer {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  display: block;
  margin: 0 auto;
  transition: all 0.3s;
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}

.loadPrevPageContainer a, .loadNextPageContainer a {
  color: #5d6771;
  width: 290px;
  height: 50px;
  text-decoration: none;
  display: block;
  text-align: center;
  background-color: #f2f4f5;
  line-height: 50px;
  font-size: 20px;
  font-weight: 500;
  border-bottom: 1px solid #dadee0;
  margin: 0 auto;
}

/* loader */

.spinner-wrapper {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #d6001c;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: 999;
  text-indent: -999999px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* end loader */

#red-text-img {
  display: none;
}

.red-text {
  background-color: #d6001c;
  font-weight: 700;
  display: inline-block;
  padding: 3px 9px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: 2px solid #b20017;
  color: #fff;
}

.red-text:hover {
  color: #fff;
  text-decoration: none !important;
}

#Supplemental {
  float: left;
  width: 100%;
}

#Supplemental .SubHeader span {
  color: #1d2023;
  font-size: 40px;
  font-weight: 500;
  line-height: 1;
  display: inline-block;
  position: relative;
  margin: 0 auto;
  margin-bottom: 17px;
}

#Supplemental .SubHeader span::before {
  width: 100px;
  height: 6px;
  background-color: #d6001c;
  content: "";
  position: absolute;
  margin: 0 auto;
  left: 0;
  bottom: -20px;
}

#Supplemental .Varieties {
  width: 100%;
  border: 1px solid #dadee0;
  background-color: #ffffff;
}

#Supplemental .Varieties .Image {
  width: 150px;
}

#Supplemental .Varieties .Image img {
  max-width: 100%;
  height: auto !important;
}

#Supplemental .Varieties th {
  padding: 10px;
  background: #dadee0;
}

#Supplemental .Varieties td {
  padding: 10px;
}

#Supplemental .Varieties h3 {
  margin: 0;
  font-size: 18px;
}

@media(max-width: 1200px) {
  #Supplemental {
    margin-top: 30px;
  }
}

@media(max-width: 991px) {
  #Supplemental .Varieties th {
    font-size: 12px;
  }
  #Supplemental .Varieties td {
    font-size: 12px;
  }
  #Supplemental .Varieties h3 {
    font-size: 14px;
  }
  #Supplemental .SubBody {
    display: none;
  }
  #Supplemental .SubHeader {
    position: relative;
  }
  #Supplemental .SubHeader span {
    font-size: 30px !important;
    margin-top: 0px;
  }
  #Supplemental .SubHeader::after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 40px;
    height: 40px;
    background: #d6001c url("./../images/arrow_white.svg") no-repeat left 12px top 8px;
    background-size: 15px;
    transform: rotate(-90deg);
    transition: all 0.5s;
  }
}

.copy-btn {
  display: inline-block;
  background: #d6001c;
  border: none;
  border-bottom: 2px solid #b20017;
  color: #ffffff;
  transition: all 0.3s;
  margin-left: 5px;
}

.copy-btn:hover {
  background: #b20017;
}

.Product .product-item-content .RelBoxRightDown {
  top: 220px;
}

@media (max-width: 1599px) {
  .Product .product-item-content .RelBoxRightDown {
    top: 160px;
  }
}

@media (max-width: 1199px) {
  .Product .product-item-content .RelBoxRightDown {
    top: 150px;
  }
  .Product .product-item-content .RelBoxRightDown img {
    max-width: 100px;
  }
}

@media (max-width: 767px) {
  .Product .product-item-content .RelBoxRightDown {
    top: 225px;
  }
}