a { color: inherit; text-decoration: none; transition: all .25s; }
a:hover { color: inherit; text-decoration: underline; }
h1 { color: var(--barva02); font: bold 30px/36px 'Roboto', sans-serif; margin-bottom: 12px; }
h2 { color: var(--barva06); font: bold 30px/36px 'Roboto', sans-serif; margin-bottom: 12px; }
h3 { color: var(--barva02); font: bold 18px/22px 'Roboto', sans-serif; margin-bottom: 15px; }
h4 { font: 500 16px/19px 'Roboto', sans-serif; margin-bottom: 10px; }
p { margin: 0; }
button { color: inherit; cursor: pointer; transition: all .25s; }
button:focus { border: 0; outline: 0; box-shadow: none; }
html { scroll-behavior: smooth; }
img { max-width: 100%; }
ul { margin: 0; padding: 0; list-style: none; }

.basket { color: var(--barva02); padding: 0 20px; }
.basket__background { background: var(--barva14); margin: 0 -20px 5px; padding: 12px 20px; }
.basket__close { color: #e04006; cursor: pointer; display: inline-block; font: bold 35px/24px 'Roboto', sans-serif; font-weight: 700; position: relative; top: 3px; }
.basket__close:hover { color: var(--barva04); text-decoration: none; }
.basket__footer { border-top: 1px solid var(--barva15); }
.basket__info { color: var(--barva07); padding: 15px; }
.basket__info-heading { font: bold 21px/25px 'Roboto', sans-serif; }
.basket__table { width: 100%; }
.basket__table td { padding: 8px 10px; }
.basket__table th { padding: 0 10px 10px; }
.basket__table td:last-child { text-align: right; }
.basket__table tbody th { font-weight: normal; }
.basket__table tbody td {font-size: 0.94rem;}
.basket__table label {margin-bottom: 0;}
.basket__table tfoot { border-top: 1px solid var(--barva15); font-size: 18px; }
.basket__table thead { font: bold 13px/18px 'Roboto', sans-serif; text-transform: uppercase; }
.basket__table th:first-child { text-align: left; }
.basket__total { background: var(--barva11); font-weight: 300; margin-bottom: 10px; padding: 16px 15px; text-align: center; }
.basket__total-price { color: var(--barva07); font: bold 32px/24px 'Roboto', sans-serif; margin-left: 10px; white-space: nowrap; }
.basket h4 { text-transform: uppercase; }
@media (max-width: 767px) {
  .basket .form__radio { margin-left: 0; }
  .basket__table tbody th { display: flex; font-weight: bold; padding: 5px 30px 5px 0; }
  .basket__table td { display: flex; justify-content: space-between; padding: 5px 0; text-align: right; }
  .basket__table td[data-label]::before { content: attr(data-label) ":"; margin-right: auto; padding-right: 5px; text-transform: uppercase; }
  .basket__table tfoot td { justify-content: flex-end; }
  .basket__table thead { display: none; }
  .basket__table tr { border-bottom: 1px solid; display: block; padding: 15px 0; position: relative; text-align: left; }
  .basket__close { position: absolute; right: 0; top: 20px; }
}
@media (max-width: 575px) {
  .basket { padding: 0; }
  .basket__background { margin: 0 -10px 5px; padding: 12px 10px; }
}

.box-best { border: 2px solid var(--barva10); display: flex; flex-direction: column; height: 100%;  }
.box-best--noborder { border: 0; }
.box-best:hover { border-color: var(--barva05); color: var(--barva02); text-decoration: none; }
.box-best__body { padding: 0 10px; }
.box-best__footer { align-items: flex-end; background: url("../../../../img/PageModule/RubrikaCustom/Eshop/box-best__footer.jpg") no-repeat center top; display: flex; justify-content: space-between; min-height: 63px; padding: 10px; }
.box-best__image { align-items: center; /* display: flex; */ height: 240px; justify-content: center; padding: 10px; }
.box-best__price { color: var(--barva05); font: bold 25px/20px 'Roboto', sans-serif; }
.box-best__price-old { color: var(--barva07); font: normal 18px/20px 'Roboto', sans-serif; text-decoration: line-through; }
.box-best__title { margin-top: auto; text-align: center; }

.box-list { border: 1px solid #dfe7c1; height: 100%; padding: 11px 14px; position: relative; }
.box-list--brown { color: #ee6500; }
.box-list--brown .box-list__label { background: #b76343; }
.box-list--green { color: #467a25; }
.box-list--green .box-list__label { background: #8ebb3f; }
.box-list--purple { color: #914673; }
.box-list--purple .box-list__label { background: #a85285; }
.box-list__image { display: block; }
.box-list__item { font-size: 14px; line-height: 17px; }
.box-list__item + .box-list__item { border-top: 2px solid #f5f5f5; }
.box-list__item a { display: block; padding: 10px 20px 10px 0; position: relative; }
.box-list__item a::after { border-bottom: 2px solid; border-right: 2px solid; bottom: 0; content: ""; height: 6px; margin: auto; position: absolute; right: 0; top: 0; transform: rotate(-45deg); width: 6px; }
.box-list__item--big { font: 600 18px/22px 'Roboto', sans-serif; }
.box-list__label { background: var(--barva04); box-shadow: inset 0 10px 15px -10px rgba(0,0,0,.75); color: #fff; font-weight: 600; left: 0; min-width: 135px; padding: 3px 10px; position: absolute; text-transform: uppercase; top: 0; }

.box-calendar { background: #fff; border: 2px solid transparent; display: flex; flex-direction: column; justify-content: space-between; padding: 8px; text-align: center; }
.box-calendar:hover { border-color: var(--barva05);  text-decoration: none; }
.box-calendar__button { align-items: center; background: var(--barva07); border-radius: 50%; display: flex; height: 28px; justify-content: center; padding-left: 3px; width: 28px; }
.box-calendar__button:hover { background-color: var(--barva08); }
.box-calendar__footer { align-items: flex-end; display: flex; font: 14px/17px 'Roboto', sans-serif; justify-content: space-between; }
.box-calendar__image img { margin: 0 auto; }
.box-calendar__price { font: 500 18px/23px 'Roboto', sans-serif; }
.box-calendar__price-old { font: 300 12px/15px 'Roboto', sans-serif; text-decoration: line-through; }
.box-calendar__title { font: 500 14px/17px 'Roboto', sans-serif; }

.box-slider .slick-arrow { background: var(--barva06) url("../../../../img/PageModule/RubrikaCustom/Eshop/icon--slider-arrow.webp") no-repeat center center; border: 0; border-radius: 50%; font-size: 0; height: 34px; left: 0; margin: -50px auto 0; padding: 0; position: absolute; top: 0; width: 34px; z-index: 1; }
.box-slider .slick-arrow.slick-next { left: auto; right: 0; transform: rotate(180deg); }
.box-slider .slick-arrow:hover { background-color: #e6e6e6; }
.box-slider .slick-slide { padding: 8px; }
@media (max-width: 575px) {
  .box-slider { margin-top: 60px; }
}

.breadcrumb { background: transparent; border-bottom: 1px solid var(--barva15); color: var(--barva04); font-size: 14px; padding: 0 0 7px; }
.breadcrumb-item + .breadcrumb-item::before { color: var(--barva04); content: ">"; }
.breadcrumb-item.active { color: var(--barva04); }

.btn { align-items: center; border: 0; border-radius: 0; display: inline-flex; font-weight: 500; justify-content: center; padding: 3px 10px; white-space: normal; }
.btn-lg { font-size: 18px; padding: 16px 25px; }
.btn-lg img { margin: 0 10px; }
.btn-primary { background: var(--barva07); color: #fff; }
.btn-primary img { filter: brightness(0%) invert(100%); }
.btn-primary:hover { color: #fff; background-color: var(--barva08); text-decoration: none; }
.btn-secondary { background: var(--barva15); color: var(--barva02); }
.btn img { flex: 0 0 auto; margin: 0 5px; }
@media (max-width: 767px) {
  .btn-lg { font-size: 16px; padding: 10px; }
  .btn-lg img { margin: 0 5px; }
}

.calendar { color: var(--barva02); margin-top: 23px; text-align: center; }
.calendar__content { background: #eee; border-left: 1px solid #e2e1e1; border-right: 1px solid #e2e1e1; display: flex; flex-wrap: wrap; }
.calendar__heading { background: url("../../../../img/PageModule/RubrikaCustom/Eshop/calendar__heading.webp") no-repeat center bottom; flex: 0 0 160px; max-width: 160px; padding: 22px 0 22px 22px; }
.calendar__decoration { background: linear-gradient(#fff 13px,#979696 13px,#7d7a7a); border-bottom: 1px solid #696667; height: 40px; padding: 0 20px; position: relative; }
.calendar__decoration::before { background: url("../../../../img/PageModule/RubrikaCustom/Eshop/calendar__decoration.webp") repeat-x; content: ""; display: block; height: 34px; }
.calendar__slider { flex: 0 0 calc(100% - 160px); max-width: calc(100% - 160px); min-height: 0; min-width: 0; padding: 16px 30px; }
.calendar__slider .slick-arrow { background: transparent url("../../../../img/PageModule/RubrikaCustom/Eshop/icon--slider-arrow.webp") no-repeat center center; border: 0; bottom: 0; font-size: 0; left: 0; margin: auto; padding: 0; position: absolute; top: 0; width: 36px; }
.calendar__slider .slick-arrow.slick-next { left: auto; right: 0; transform: rotate(180deg); }
.calendar__slider .slick-arrow:hover { background-color: #e6e6e6; }
.calendar__item { padding: 6px; }
.calendar__title { color: var(--barva01); font: 52px/48px 'Lazing'; transform: rotate(-3.6deg); }
@media (max-width: 767px) {
  .calendar__heading { background-position: 90% bottom; flex: 0 0 100%; max-width: 100%; text-align: left; }
  .calendar__item { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .calendar__slider { flex: 0 0 100%; max-width: 100%; }
}
@media (max-width: 575px) {
  .calendar__item { flex: 0 0 50%; max-width: 50%; }
}
@media (max-width: 480px) {
  .calendar__heading { background: none; padding: 20px 15px 0; text-align: center; }
  .calendar__item { flex: 0 0 100%; max-width: 100%; }
}

.content { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 1230px; padding: 0 15px; }
.content__block { background: #fff; margin-bottom: 15px; padding: 18px 16px; }
.content__block:last-child { flex-grow: 1; margin-bottom: 0; }
.content__left { background: #fff; flex: 0 0 228px; max-width: 228px; }
.content__right { display: flex; flex: 0 0 calc(100% - 228px); flex-direction: column; max-width: calc(100% - 228px); }
@media (max-width: 767px) {
  .content__left { flex: 0 0 100%; max-width: 100%; }
  .content__right { flex: 0 0 100%; max-width: 100%; }
}
@media (max-width: 480px) {
  .content { padding: 0; }
  .content__block--slider-main__top { padding: 0; margin-bottom: 0px; }
}

.detail p { line-height: 21px; margin-bottom: 21px; }
.detail__buttons { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: left; }
.detail__buttons-big { font-weight: bold; margin-top: 5px; }
.detail__buttons-hidden { align-items: center; background: var(--barva07); display: flex; flex-direction: column; justify-content: center; height: 0; overflow: hidden; position: absolute; top: 100%; transition: all .25s; width: 100%; z-index: 1; }
.detail__buttons-icon { margin-bottom: 5px; }
.detail__buttons-item { align-items: center; background: var(--barva04); color: #fff; display: flex; flex: 0 0 120px; flex-direction: column; justify-content: flex-start; line-height: 16px; margin: 4px; min-height: 94px; padding: 10px 15px 0; position: relative; text-align: center; width: 120px; }
.detail__buttons-item:hover { background: var(--barva07); color: #fff; text-decoration: none; }
.detail__buttons-item:hover .detail__buttons-hidden { height: 94px; }
.detail__buttons-item--remove { background: #cb3b2a; }
.detail__buttons-item--remove .detail__buttons-text--add { display: none; }
.detail__buttons-item--remove .detail__buttons-text--remove { display: inline; }
.detail__buttons-text--remove { display: none; }
.detail__controls { background: var(--barva11); font: 300 18px/23px 'Roboto', sans-serif; margin-bottom: 16px; padding: 14px 15px; }
.detail__controls-price { color: var(--barva07); font: bold 35px/23px 'Roboto', sans-serif; }
.detail__form { padding: 40px 0; }
.detail__form input { border: 1px solid #9acf97; color: var(--barva02); display: block; font: 300 15px/20px 'Roboto', sans-serif; margin: 7px 0; padding: 4px 8px; width: 100%; }
.detail__form input[type="email"] { font-size: 16px; }
.detail__form input::-webkit-input-placeholder { color: var(--barva02); opacity: 1; }
.detail__form input::-moz-placeholder { color: var(--barva02); opacity: 1; }
.detail__form input:-ms-input-placeholder { color: var(--barva02); opacity: 1; }
.detail__form input::-ms-input-placeholder { color: var(--barva02); opacity: 1; }
.detail__form input::placeholder { color: var(--barva02); opacity: 1; }
.detail__friends { left: 0; position: absolute; top: 0; z-index: 1; }
.detail__perex { color: var(--barva02); font-size: 18px; line-height: 21px; }
.detail__slider--nav { padding: 0 17px; }
.detail__slider--nav .slick-arrow { background: var(--barva06) url("../../../../img/PageModule/RubrikaCustom/Eshop/icon--slider-arrow.webp") no-repeat center center; border: 0; border-radius: 50%; bottom: 0; font-size: 0; height: 34px; left: 0; margin: auto; padding: 0; position: absolute; top: 0; width: 34px; z-index: 1; }
.detail__slider--nav .slick-arrow.slick-next { left: auto; right: 0; transform: rotate(180deg); }
.detail__slider--nav .slick-arrow:hover { background-color: #e6e6e6; }
.detail__slider--nav .slick-slide { border: 1px solid transparent; }
.detail__slider--nav .slick-slide.slick-current { border-color: var(--barva03); }

.footer { background: var(--barva02); }
.footer__item { color: #fff; font-size: 13px; font-weight: 300; margin-top: 3px; }
.footer__item + .footer__item::before { background: #fff; content: ""; display: inline-block; height: 11px; margin: 0 9px; vertical-align: middle; width: 1px; }
.footer__item:hover { color: var(--barva07); }
.footer__nav { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; max-width: 1230px; padding: 23px 15px 20px; }
.footer-logos { align-items: center; background: var(--barva09); display: flex; justify-content: center; padding: 30px 15px; }
.footer-logos__item { margin: 10px 20px; }
@media (max-width: 767px) {
  .footer-logos { flex-wrap: wrap; }
  .footer-logos__item { flex: 0 1 100px; max-width: 100px; }
}
.footer__payment-gateway-logos { margin: auto; text-align: center; max-width: 400px; padding: 0px 10px 20px 10px; }

.form__input-number { display: inline; margin-right: 10px; }
.form__input-number input { border: 1px solid #d5e6a7; font: 300 17px/23px 'Roboto', sans-serif; -moz-appearance: textfield; text-align: center; width: 40px; }
.form__input-number input::-webkit-outer-spin-button,
.form__input-number input::-webkit-inner-spin-button { -webkit-appearance: none; }
.form__note { color: var(--barva07); }
.form__radio > input { display: none; }
.form__radio > input:checked + label::after { background: #666; }
.form__radio > label { color: var(--barva02); cursor: pointer; padding-left: 30px; position: relative; }
.form__radio--flex > label { display: flex; }
.form__radio > label a { font-weight: bold; margin-left: 5px; }
.form__radio > label span { white-space: nowrap; }
.form__radio > label::after { background: transparent; border-radius: 50%; content: ""; height: 6px; left: 3px; position: absolute; top: 9px; width: 6px; }
.form__radio > label::before { background: linear-gradient(#ebebeb,#dcdcdc); border: 1px solid #a7a7a7; border-radius: 50%; content: ""; height: 12px; left: 0; position: absolute; top: 6px; width: 12px; }
.form__radio--checkbox > label::after { background: transparent; border-bottom: 2px solid; border-left: 2px solid; border-radius: 0; color: transparent; height: 4px; transform: rotate(-45deg); width: 7px; }
.form__radio--checkbox > label::before { border-radius: 2px; }
.form__radio--checkbox > input:checked + label::after { background: transparent; color: #2b2b2b; }
.form__radio--label-first > label { padding: 0 20px 0 0; width: 120px; }
.form__radio--label-first > label::after { left: auto; right: 2px; }
.form__radio--label-first > label::before { left: auto; right: 0; }
.form__radio-hidden { display: none; }
.form__row { margin: 10px 0; }
.form__row input { border: 1px solid var(--barva03); display: block; height: 36px; padding: 5px 10px; width: 100%; }
.form__row label { color: var(--barva02); }
.form__row textarea { border: 1px solid var(--barva03); display: block; height: 80px; padding: 5px 10px; width: 100%; }
.form__row--required label::after { color: var(--barva07); content: " *"; }
@media (min-width: 576px) {
  .form__row--inline { align-items: center; display: flex; }
  .form__row--inline label { flex: 0 0 105px; width: 105px; }
}

.header { display: flex;  position: relative; margin: 0 auto; max-width: 1230px; padding: 0px 15px 0; z-index: 15; }
.header__basket-name { font-weight: bold; padding: 0 10px; }
.header__basket-number { padding-right: 5px; }
.header__basket-price { font-weight: bold; margin-left: 9px; padding-left: 13px; position: relative; }
.header__basket-price::before { border-left: 2px solid; bottom: 0; content: ""; height: 14px; left: 0; margin: auto; position: absolute; top: 0; }
.header__basket-table-price { font-size: 14px; }
.header__block--basket { position: relative; }
.header__block--basket.header__block--opened .header__button { color: #000; } 
.header__block--basket.header__block--opened .header__button img { filter: brightness(0%); }
.header__block--basket .header__button { align-items: center; background: var(--barva07); color: #fff; display: flex; font-size: 17px; padding: 0 15px; width: auto; }
.header__block--basket .header__button img { filter: brightness(0%) invert(100%); transition: all .25s; }
.header__block--basket .header__button:hover { color: #000; }
.header__block--basket .header__button:hover img { filter: brightness(0%); }
.header__block--basket .header__collapse { background: var(--barva07); color: #fff; min-width: 100%; padding: 10px; position: absolute; right: 0; }
.header__block--basket table { font-size: 12px; margin-bottom: 10px; width: 100%; }
.header__block--basket td { border-bottom: 1px solid var(--barva12); height: 50px; padding: 10px 5px; }
.header__block--basket td:first-child { text-align: center; }
.header__block--basket td:last-child { text-align: right; }
.header__block--basket th { border-bottom: 1px solid var(--barva12); padding: 10px 5px; text-align: center; }
.header__block--search { align-self: flex-end; margin-right: auto; }
.header__block--search input { border: 1px solid var(--barva03); display: block; font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: 500; height: 29px; padding: 5px 10px; width: 100%; }
.header__block--user { align-self: center; padding: 0 10px; position: relative; }
.header__button { align-items: center; background: transparent; cursor: pointer; display: none; height: 100%; justify-content: center; padding: 0; position: relative; transition: all .25s; width: 45px; z-index: 1; }
.header__collapse { display: none; }
.header__content { background: linear-gradient(90deg,rgba(255,255,255,.85),#fff 50px,#fff 50%,rgba(255,255,255,.6)); border-radius: 0 8px 0 0; flex-grow: 1; padding: 0 15px; }
.header__link { color: #557d44; display: inline-block; padding: 4px 8px; text-decoration: underline; }
.header__link:hover { color: var(--barva07); text-decoration: none; }
.header__logo { align-items: center; background: linear-gradient(90deg,var(--barva16),rgba(255,255,255,.85)); border-radius: 8px 0 0 0; color: #fff; display: flex; flex: 0 0 228px; flex-direction: column; font: bold 18px/20px 'Roboto', sans-serif; justify-content: center; max-width: 228px; padding: 10px; }
.header__logo-title { background: var(--barva04); border-radius: 10px; margin-top: 4px; padding: 0 20px; text-transform: uppercase; }
.header__logo:hover { color: #fff; text-decoration: none; }
.header__logo h1 { margin: 0; }
.header__menu { align-self: center; background: linear-gradient(transparent 13px,var(--barva02) 13px, var(--barva02) 17px,transparent 17px); cursor: pointer; display: none; flex: 0 0 30px; height: 30px; margin-left: 10px; position: relative; width: 30px; z-index: 6; }
.header__menu::after { background: var(--barva02); content: ""; display: block; height: 4px; position: absolute; top: 4px; transition: all .25s; width: 30px; }
.header__menu::before { background: var(--barva02); bottom: 4px; content: ""; display: block; height: 4px; position: absolute; transition: all .25s; width: 30px; }
.header__menu--opened { background: transparent; }
.header__menu--opened::before { background: var(--barva02); margin-bottom: 9px; transform: rotate(45deg); }
.header__menu--opened::after { background: var(--barva02); margin-top: 9px; transform: rotate(-45deg); }
.header__nav { align-items: center; background: var(--barva04); border-radius: 3px; display: flex; font-weight: bold; justify-content: space-around; margin: 19px 0 0; padding: 1px 8px; text-align: center; transition: all .25s; }
.header__nav-item { color: #fff; padding: 5px; }
.header__nav-item:hover { color: var(--barva07); text-decoration: none; }
.header__search { align-self: flex-end; display: flex; }
.header__search-submit { background: transparent; border: 0; cursor: pointer; flex: 0 0 38px; max-width: 38px; transition: all .25s; }
.header__search-submit:hover { filter: brightness(75%); }
.header__top { display: flex; height: 43px; }
@media (max-width: 1199px) {
  .header__block--basket .header__button { font-size: 0; padding: 0 15px; }
  .header__block--basket .header__collapse { min-width: 290px; }
  .header__basket-number { font-size: 17px; }
  .header__basket-price { font-size: 17px; }
}
@media (min-width: 992px) {
  .header__block--user .header__collapse { display: block !important; }
}
@media (max-width: 991px) {
  .header__logo { flex: 0 0 150px; font-size: 15px; max-width: 150px; }
  .header__nav { font-size: 15px; }
  .header__block--user { align-self: stretch; padding: 0; }
  .header__block--user.header__block--opened .header__button { background: var(--barva07); }
  .header__block--user .header__button { display: flex; }
  .header__block--user .header__collapse { background: var(--barva07); padding: 10px; position: absolute; right: 0; }
  .header__block--user .header__link { color: #fff; }
  .header__block--user .header__link:hover { color: var(--barva02); }
}
@media (min-width: 768px) {
  .header__block--search .header__collapse { display: block !important; }
}
@media (max-width: 767px) {
  .header__block--basket.header__block--opened .header__button { background: var(--barva07); color: #fff; }
  .header__block--basket.header__block--opened .header__button img { filter: none; }
  .header__block--basket .header__button { background: transparent; padding: 0 5px; }
  .header__block--basket .header__button img { filter: none; margin-right: 0; }
  .header__basket-name { display: none; }
  .header__basket-number { background: var(--barva07); border-radius: 50%; font-size: 12px; height: 22px; line-height: 22px; margin-left: -10px; padding: 0; text-align: center; width: 22px; }
  .header__basket-price { display: none; }
  .header__block--search { align-self: stretch; margin-right: 0; }
  .header__block--search .header__button { display: flex; }
  .header__block--search .header__collapse { background: var(--barva07); left: 15px; padding: 10px; position: absolute; right: 15px; }
  .header__block--search.header__block--opened .header__button { background: var(--barva07); } 
  .header__top { height: 100%; justify-content: flex-end; }
  .header__logo { flex: 0 0 100px; font-size: 13px; line-height: 15px; max-width: 100px; padding: 5px 10px; }
  .header__logo-title { padding: 0 10px; }
  .header__menu { display: block; }
  .header__nav { flex-direction: column; margin-top: 0; max-height: 0; overflow: hidden; position: absolute; right: 15px; padding: 0 10px; }
  .header__nav--opened { max-height: 300px; padding-bottom: 10px; padding-top: 10px; }
} 
@media (max-width: 575px) {
  .header { padding: 5px 5px 0; }
  .header__block--basket { position: static; }
  .header__block--search .header__collapse { left: 5px; right: 5px; }
  .header__content { padding-left: 0; }
}

.menu { background: #fff; padding: 8px 6px; }
.menu .calendar__content { padding: 0 14px 14px; }
.menu .calendar__heading { flex: 0 0 100%; max-width: 100%; padding: 22px 0 90px; }
.menu__banner { display: block; margin: 44px 22px; }
.menu__item { border-top: 1px solid var(--barva03); color: var(--barva01); font-size: 15px; font-weight: bold; position: relative; }
.menu__item:first-child { border-top: 0; }
.menu__item > a { background: url("../../../../img/PageModule/RubrikaCustom/Eshop/menu__item.webp") no-repeat 7px 9px; display: block; padding: 6px 7px 6px 30px; text-transform: uppercase; }
.menu__item:hover > a { color: var(--barva02); text-decoration: none; }
.menu__submenu { background: var(--barva03); box-shadow: 5px 5px 5px rgba(0,0,0,.2); left: 100%; max-width: 0; overflow: hidden; padding: 25px 0; position: absolute; top: -1px; transition: all .25s; width: auto; white-space: nowrap; z-index: 5; }
.menu__submenu--columns-2 { columns: 2; column-gap: 40px; }
.menu__submenu-item { padding: 8px 0; }
.menu__submenu-item a { color: var(--barva02); }
.menu__toggle { background: var(--barva04); color: #fff; border-radius: 10px; font-weight: bold; display: none; padding: 10px 20px; margin: 0 -6px; text-transform: uppercase; }
.menu__toggle::before { border-bottom: 3px solid; border-right: 3px solid; content: ""; display: inline-block; height: 12px; margin-right: 20px; position: relative; top: -4px; transform: rotate(45deg); transition: all .25s; vertical-align: middle; width: 12px; }
.menu__toggle--opened::before { top: 0; transform: rotate(-135deg); }
@media (min-width: 992px) {
  .menu__item:hover { background: var(--barva03); }
  .menu__item:hover .menu__submenu { max-width: 500px; padding: 25px; }
}
@media (max-width: 767px) {
  .menu { border-radius: 10px; margin: 10px 0; padding: 0 6px; }
  .menu__collapse { display: none; }
  .menu__toggle { display: block; }
}

.modal { width: 100%; }
.modal-content { border: 0; }
.modal a.close-modal { background: none; color: #222; font-size: 0; opacity: .3; opacity: 0.3; position: absolute; right: 15px; text-align: center; text-decoration: none; text-indent: 0; top: 15px; }
.modal a.close-modal:hover { opacity: .75; }
.modal a.close-modal::before { content: '×'; font-size: 40px; line-height: 1; font-weight: 700; }
.modal-header { border: 0; padding: 15px 25px 15px 0; }
.modal-hidden { border-radius: 0; display: none; }
.modal__info { color: var(--barva02); font-size: 14px; line-height: 16px; }
.modal__info-link { color: var(--barva07); text-decoration: underline; white-space: nowrap; }
.blocker { align-items: center; display: flex; justify-content: center; z-index: 10; }

.slider-main__claim { color: var(--barva08); font: 52px/48px 'Lazing'; left: 85px; position: absolute; text-align: center; top: 50%; transform: rotate(-5deg); }
.slider-main__image { max-width: 30%; position: absolute; right: 0; top: 0; }
.slider-main__label { color: #000; font-size: 18px; font-weight: bold; height: 160px; left: 0; overflow: hidden; position: absolute; text-align: center; top: 0; width: 273px; }
.slider-main__label-ribbon { background: var(--barva08); box-shadow: 0 10px 25px rgba(0,0,0,.5); left: -80px; height: 80px; padding: 10px 60px 0 0; position: absolute; text-transform: uppercase; top: -70px; transform: rotate(-30deg); transform-origin: right top; width: 300px; }
.slider-main__label-big { font-size: 36px; line-height: 36px; }
.slider-main__text { align-items: center; bottom: 0; color: #fff; display: flex; flex-direction: column; font-size: 21px; justify-content: center; left: 0; line-height: 25px; margin: auto; max-width: 50%; padding: 0 0 40px; position: absolute; right: 0; text-align: center; top: 0; }
.slider-main__text-yellow { color: var(--barva12); }
.slider-main__title { color: #fff; font: bold 60px/60px 'Roboto', sans-serif; margin-bottom: 6px; text-align: center; }
.slider-main__title img { display: inline; }
.slider-main__top { position: relative; }
.slider-main__top img { /* width: 940px; height: 300px; object-fit: cover; */ } 
.slider-main .slick-dots { color: var(--barva02); display: flex !important; font-size: 14px; font-weight: 500; justify-content: space-between; line-height: 18px; margin-top: -20px; padding: 0 40px 10px; text-align: center; }
.slider-main .slick-dots li { flex: 1 0 0; padding: 0 5px; }
.slider-main .slick-dots button { background: #fff; border: 1px solid var(--barva04); box-shadow: 5px 5px 5px rgba(0,0,0,.15); display: block; height: 100%; padding: 15px; position: relative; width: 100%; }
.slider-main .slick-dots button::before { border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; height: 0; left: 0; margin: auto; position: absolute; right: 0; top: -10px; width: 0; }
.slider-main .slick-dots button:hover { text-decoration: underline; }
.slider-main .slick-dots .slick-active button { background: var(--barva13); color: var(--barva02); text-decoration: none; }
.slider-main .slick-dots .slick-active button::before { border-bottom: 10px solid var(--barva13); }
@media (max-width: 1199px) {
  .slider-main__claim { font-size: 40px; left: 50px; line-height: 35px; }
  .slider-main__text { font-size: 16px; }
  .slider-main__title { font: bold 30px/30px 'Roboto', sans-serif; margin-bottom: 6px; }
}
@media (max-width: 991px) {
  .slider-main__label { transform: scale(.75); transform-origin: left top; }
}
@media (max-width: 575px) {
  .slider-main__claim { display: none; }
  .slider-main__label { transform: scale(.5); }
  .slider-main__text { background: var(--barva02); max-width: 100%; padding: 10px 10px 35px; position: static; }
  .slider-main__title { font: bold 25px/30px 'Roboto', sans-serif; margin-bottom: 6px; max-width: 50%; position: absolute; top: 20px; }
  .slider-main .slick-dots { padding: 0 15px 10px; }
  .slider-main .slick-dots button { padding: 5px; }
}
@media (max-width: 400px) {
  .slider-main__image { left: 0; margin: auto; right: 0; top: 0; }
  .slider-main__label { height: auto; position: static; transform: scale(1); width: 100%; }
  .slider-main__label-ribbon { align-items: flex-end; display: flex; height: 50px; justify-content: center; padding: 0 10px 10px; position: static; transform: none; width: 100%; }
  .slider-main__label-big { font-size: 25px; line-height: 32px; margin-right: 10px; }
  .slider-main__title { max-width: 100%; position: static; }
  .slider-main .slick-dots { padding: 0 5px 10px; }
}

.calendar-image {
    max-height: 90px;
}

.product-box {
    cursor: pointer;
}

.alert {
    padding: 0;
    text-align: center;
}

.alert-dismissible .close {
    padding: 0 0.25rem;
}

.pagination { display: flex; justify-content: center; margin: 25px 0; }
.pagination__item { background: var(--barva06); border: 1px solid var(--barva06); color: #fff; line-height: 33px; margin: 0 7px; min-width: 20px; padding: 0 5px; position: relative; text-align: center; }
.pagination__item:hover {color: var(--barva02); text-decoration: none;}
.pagination__item:hover { background: #fff; }
.pagination__item--active { background: #fff; color: var(--barva06); font-weight: bold; }
.pagination__item--first { margin-right: 37px; }
.pagination__item--first::after { background: var(--barva06); color: #fff; content: "<"; line-height: 35px; padding: 0 5px; position: absolute; right: -30px; text-align: center; top: -1px; }
.pagination__item--last { margin-left: 37px; }
.pagination__item--last::before { background: var(--barva06); color: #fff; content: ">"; left: -30px; line-height: 35px; padding: 0 5px; position: absolute; text-align: center; top: -1px; }
@media (max-width: 575px) {
  .pagination__item { font-size: 14px; margin: 0 5px; }
  .pagination__item:hover {colo: var(--barva02); text-decoration: none;}
  .pagination__item--first { margin-right: 25px; }
  .pagination__item--first::after { right: -25px; }
  .pagination__item--last { margin-left: 25px; }
  .pagination__item--last::before { left: -25px; }
}

.detail__slider--for img {
    object-fit: cover;
    height: 455px;
    width: 100%;
}

.detail__slider--nav img {
    object-fit: cover;
    height: 104px;
    width: 100%;
}

.box-best__image img {
    object-fit: contain;
    height: 212px;
    width: 100%;
}

.box-calendar__image img {
    object-fit: cover;
    height: 148px;
    width: 100%;
}


/* Ošetření skrz AdActive branding - E-SHOP (START) */

body {
	text-align: center;
}

.header, .content, .footer, .footer-logos {
	text-align: left;
}

.content, .footer, .footer-logos {
	z-index: 10; 
	position: relative;
}

.leaderboard-top-container {
	text-align: center;
}

#leaderboard-top img {
	max-width: none;
}

/* Ošetření skrz AdActive branding - E-SHOP (END) */


.checkbox {
  position: relative;
  display: block;
  left: 0;
  top: 0;
  margin: 0 0 0 0;
  color: #222;
}
.checkbox label {
  cursor: pointer;
  display: inline-block;
  position: relative;
  background: #fff;
  padding: 0 0 0 3rem;
  margin: 0 0.5rem 0 0;
  min-height: 0;
  max-width: none;
  font-size: 1rem;
  color: #222;
  font-weight: 400;
  text-transform: none;
  line-height: 1.3;
}
.checkbox label:after {
  content: '';
  width: 12px;
  height: 7px;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 4px;
  border: 3px solid #fff;
  border-top: none;
  border-right: none;
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=(0));
  opacity: 0;
  transform: rotate(-45deg);
}
.checkbox label:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -11px;
  border: 1px solid var(--barva01);
  background-color: var(--barva10);
  box-sizing: border-box;
}
.checkbox label:hover::after {
  opacity: 0.2;
}
.checkbox input[type=checkbox] {
  visibility: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}
.checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
  border-color: #fff;
}
.checkbox input[type=checkbox]:checked + label:before {
  border-color: var(--barva01);
  background-color: var(--barva01);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.checkbox.checkbox-inline {
  display: inline-block;
}

.suscribe .btn {
  box-shadow: none;
  color: var(--barva01);
}
.suscribe .btn:hover {
  color: var(--barva02);
}
.suscribe .btn-success {
  color: #ffffff;
  background-color: var(--barva01);
  border-color: var(--barva01);
}
.suscribe .btn-success:hover {
  background-color: var(--barva02);
  border-color: var(--barva02);
  color: #ffffff;
}

.product__range { align-items: center; display: grid; grid-gap: 0 45px; grid-template-columns: auto 110px; margin-bottom: 33px; }
.product__range-bubble { align-items: center; align-self: center; background: var(--barva08); border-radius: 14px; color: #fff; display: flex; font-weight: bold; justify-content: center; padding: 8px; }
.product__range-input { -webkit-appearance: none; background: transparent; height: 37px; width: 100%; }
.product__range-input::-webkit-slider-runnable-track { background: var(--barva02); border: 0; border-radius: 3px; height: 3px; }
.product__range-input::-moz-range-track { background: var(--barva02); border-radius: 3px; height: 3px; }
.product__range-input::-webkit-slider-thumb {-webkit-appearance: none; background: var(--barva02); border-radius: 50%; border: 1px solid var(--barva02); box-shadow: 0 5px 5px 0 rgba(0,0,0,.15); cursor: pointer; height: 26px; margin-top: -11.5px; width: 26px; }
.product__range-input::-moz-range-thumb { background: var(--barva02); border-radius: 50%; border: 1px solid var(--barva02); cursor: pointer; height: 26px; width: 26px; }
.product__range-min-max { display: flex; font-size: 14px; justify-content: space-between; margin-top: -4px; }
.product__range-value { margin-right: 5px; }
.product__result { display: flex; font-size: 16px; justify-content: space-between; margin: 27px 0; }
.product__result-strong { padding-left: 10px; text-align: right; white-space: nowrap; }
@media (max-width: 575px) {
  .product__range { grid-template-columns: 100%; }
  .product__range-min-max { grid-row-start: 2; margin-bottom: 15px; }
}

.product { display: flex; justify-content: center; padding: 60px 0; position: relative; }
.product--blue { background: #eef3f5; }
.product--blue a:hover { color: #239ceb; }
.product--blue .product__configuration { background: #239ceb; }
.product--blue .product__description li::before { color: #239ceb; }
.product--blue .product__features-strong .icon { color: #239ceb; }
.product--blue .product__heading .icon { color: #239ceb; }
.product--orange a:hover { color: #ff9265; }
.product--orange .product__configuration { background: #ff9265; }
.product--orange .product__description li::before { color: #ff9265; }
.product--orange .product__features-strong .icon { color: #ff9265; }
.product--orange .product__heading .icon { color: #ff9265; }
.product__caption { color: #9fa2af; font-family: 'Roboto',sans-serif; font-size: 18px; margin-bottom: 8px; }
.product__configuration { background: #38d187; border-radius: 18px 0 0 18px; color: #fff; max-width: 630px; padding: 55px 60px 60px; width: 50%; }
.product__configuration hr { border-color: rgba(255,255,255,.6); margin: 50px 0; }
.product__configuration-heading { font-size: 20px; }
.product__configuration-right { margin-top: 35px; text-align: right; }
.product__description { max-width: 660px; padding-left: 60px; padding-right: 40px; }
.product__description li { margin: 20px 0; padding-left: 52px; position: relative; }
.product__description li::before { color: #38d187; content: "\e90a"; font: 32px 'icomoon'; left: 0; position: absolute; top: 0; }
.product__description ul { font-size: 19px; font-weight: 300; line-height: 1.8; }
.product__features { display: flex; flex-wrap: wrap; margin: 0 -20px 10px; }
.product__features-item { color: #9fa2af; font: 18px 'Roboto',sans-serif; margin-bottom: 30px; padding: 0 20px; }
.product__features-strong { align-items: center; color: #0f1738; display: flex; font: 19px 'Roboto Slab',sans-serif; font-weight: bold; margin-top: 15px; }
.product__features-strong .icon { color: #38d187; font-size: 24px; margin-right: 24px; }
.product__heading { align-items: center; display: flex; font-size: 36px; font-weight: bold; margin-bottom: 18px; }
.product__heading .icon { color: #38d187; font-size: 40px; margin-right: 17px; }
.product__range .al-range-slider { align-items: center; display: grid; grid-template-columns: auto 45px min-content min-content; margin-bottom: 33px; }
.product__range .al-range-slider::after { align-items: center; background: rgba(255,255,255,.5); border-radius: 0 14px 14px 0; color: #0f1738; display: flex; font: bold 17px 'Roboto Slab',sans-serif; height: 100%; padding-right: 8px; }
.product__range .al-range-slider__bar { background: transparent; box-shadow: none; }
.product__range .al-range-slider__grid-mark { color: var(--barva04); font: 14px/1 'Roboto',sans-serif; margin-top: 5px; }
.product__range .al-range-slider__input { align-items: center; align-self: center; background: rgba(255,255,255,.5); border: 0; border-radius: 14px 0 0 14px; box-shadow: none; color: #0f1738; display: flex; font: bold 17px 'Roboto Slab',sans-serif; grid-column-start: 3; justify-content: center; margin: 0; min-width: 5em; padding: 8px; text-align: right; }
.product__range .al-range-slider__knob { background: var(--barva04); border: 0; border-radius: 50%; box-shadow: none; cursor: pointer; height: 26px; width: 26px; }
.product__range .al-range-slider__track { background: rgba(255,255,255,.5); border-radius: 3px; box-shadow: none; height: 3px; margin: 0; }
.product__range--money .al-range-slider::after { content: "Kč"; }
.product__range--period .al-range-slider::after { content: "měsíců"; }
.product__range--period .al-range-slider__input { min-width: 3em; }
.product__result { display: flex; font: 18px 'Roboto',sans-serif; justify-content: space-between; margin: 27px 0; }
.product__result-strong { padding-left: 5px; text-align: right; }
@media (min-width: 1200px) {
  .product::after { background: #38d187; bottom: 60px; content: ""; position: absolute; right: 0; top: 60px; width: calc(50% - 645px); }
  .product::before { background: #38d187; border-radius: 0 18px 18px 0; bottom: 60px; content: ""; left: 0; position: absolute; top: 60px; width: calc(50% - 685px); }
  .product--blue::after { background: #239ceb; }
  .product--blue::before { background: #239ceb; }
  .product--orange::after { background: #ff9265; }
  .product--orange::before { background: #ff9265; }
}
@media (max-width: 1199px) {
  .product__configuration { padding-left: 25px; padding-right: 25px; }
  .product__description { max-width: 50%; padding-left: 15px; }
  .product__description ul { font-size: 15px; }
  .product__description li::before { font-size: 25px; }
  .product__heading { font-size: 30px; }
}
@media (max-width: 991px) {
  .product { padding: 30px 0; }
}
@media (max-width: 767px) {
  .product { display: block; }
  .product__configuration { border-radius: 18px; margin: 0 auto; max-width: 500px; padding-bottom: 25px; padding-top: 25px; width: 100%; }
  .product__description { margin: 0 auto; max-width: 500px; padding-right: 15px; }
}
@media (max-width: 575px) {
  .product__description-header { align-items: center; display: flex; flex-direction: column; }
  .product__features { align-items: flex-start; display: inline-flex; flex-direction: column; margin: 25px 0 0; }
  .product__features-item { padding: 0; }
  .product__heading { font-size: 25px; padding-right: 25px; }
  .product__range .al-range-slider { grid-gap: 45px 0; grid-template-columns: 50% 50%; }
  .product__range .al-range-slider__input { grid-column-start: 1; }
  .product__range .al-range-slider__track { grid-column: 2 span; }
  .product__result { font-size: 16px; }
}

@media (max-width: 1199px) {}
@media (max-width: 991px) {}
@media (max-width: 767px) {}
@media (max-width: 575px) {}

.btn-detail {
  margin-bottom: 5px;
}