@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,600,700&subset=latin-ext&display=swap");
@-webkit-keyframes leaflet-gestures-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes leaflet-gestures-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.leaflet-container:after {
  -webkit-animation: leaflet-gestures-fadein 0.8s backwards;
  animation: leaflet-gestures-fadein 0.8s backwards;
  color: #fff;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 22px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 461;
  pointer-events: none; }

.leaflet-gesture-handling-touch-warning:after,
.leaflet-gesture-handling-scroll-warning:after {
  -webkit-animation: leaflet-gestures-fadein 0.8s forwards;
  animation: leaflet-gestures-fadein 0.8s forwards; }

.leaflet-gesture-handling-touch-warning:after {
  content: attr(data-gesture-handling-touch-content); }

.leaflet-gesture-handling-scroll-warning:after {
  content: attr(data-gesture-handling-scroll-content); }

/* tmave seda - zakladni barva pisma */
@font-face {
  font-family: 'Boulevard';
  src: url("../fonts/Boulevard-betaoneBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Boulevard-betaoneBold.woff2") format("woff2"), url("../fonts/Boulevard-betaoneBold.woff") format("woff"), url("../fonts/Boulevard-betaoneBold.ttf") format("truetype"), url("../fonts/Boulevard-betaoneBold.svg#Boulevard-betaoneBold") format("svg");
  font-weight: bold;
  font-style: normal; }

* {
  outline: none;
  box-sizing: border-box; }

html {
  font-size: 16px; }

body {
  font-family: "Roboto", "Arial", sans-serif;
  font-weight: 400;
  color: #3b3737;
  font-size: 16px; }
  body .pusher {
    padding-top: 70px;
    position: unset;
    min-height: 0 !important;
    background-color: #fff;
    transition: padding .25s ease-in-out; }
  @media only screen and (max-width: 1024px) {
    body.body--scroll .pusher {
      padding-top: 48px; } }
  body.pushable .pusher {
    overflow: initial;
    background: #fff; }

.pushable > .pusher {
  position: unset; }

.body--fixed {
  overflow: hidden;
  width: 100vw;
  height: 100vh; }

.body--custom {
  overflow-y: scroll; }

h1,
h2,
h3,
h4 {
  font-family: "Boulevard", "Arial", sans-serif;
  margin-top: 0; }

.heading-h1 {
  font-size: 1.5rem;
  margin: 0 0 1rem;
  text-transform: uppercase; }

.pusher .ui.container {
  width: 100% !important;
  max-width: 1920px !important;
  margin: 0 auto !important; }

.content {
  position: relative; }
  @media only screen and (min-width: 1199.98px) {
    .content {
      display: flex;
      overflow: hidden; } }

.main {
  min-height: calc(100vh - 70px - 38px - 1px);
  padding: .875rem;
  position: relative; }
  @media only screen and (min-width: 1199.98px) {
    .main {
      flex: 1; } }

@media only screen and (min-width: 1199.98px) {
  .nav:not(.nav--custom) + .main {
    margin-left: 260px; } }

@media only screen and (min-width: 1199.98px) {
  .main--static {
    padding-right: calc(.875rem + 360px); } }

.ui.segment {
  background-color: #f3f3f3;
  border-radius: 0;
  box-shadow: none;
  border: none; }
  .ui.segment .ui.form input:not([type]),
  .ui.segment .ui.form input[type=text],
  .ui.segment .ui.form input[type=email],
  .ui.segment .ui.form input[type=search],
  .ui.segment .ui.form input[type=password],
  .ui.segment .ui.form input[type=date],
  .ui.segment .ui.form input[type=datetime-local],
  .ui.segment .ui.form input[type=tel],
  .ui.segment .ui.form input[type=time],
  .ui.segment .ui.form input[type=file],
  .ui.segment .ui.form input[type=url],
  .ui.segment .ui.form input[type=number],
  .ui.segment .ui.form textarea,
  .ui.segment .ui.form select {
    background-color: #fff;
    border: 1px solid #e2e2e2; }
  .ui.segment h3 {
    text-transform: uppercase;
    color: #f1b600;
    font-size: 1rem;
    font-family: "Boulevard", "Arial", sans-serif; }
  .ui.segment p {
    font-size: .875rem; }
  .ui.segment a:not(.btn) {
    color: #f1b600;
    text-decoration: underline;
    font-weight: 600; }
  .ui.segment .ui.grid h3 {
    margin-top: 1.5rem; }
  .ui.segment .btn--secondary:hover, .ui.segment .btn--secondary:focus, .ui.segment .btn--secondary:active {
    background-color: #f3f3f3;
    border-color: #f3f3f3; }

#sylius-shipping-methods .ui.items > .item > .content,
#sylius-payment-methods .ui.items > .item > .content {
  width: 100%; }

#sylius-shipping-methods .ui.fluid.stackable.items > .item,
#sylius-payment-methods .ui.fluid.stackable.items > .item {
  flex-direction: row !important;
  margin: 1rem 0 0; }

@media only screen and (max-width: 767px) {
  .ui.stackable.grid > .eleven.wide.column {
    padding: 0 !important; } }

.ui.padded.segment h1.ui.header {
  font-size: 1.5rem; }
  @media only screen and (min-width: 768px) {
    .ui.padded.segment h1.ui.header {
      font-size: 1.75rem; } }
  @media only screen and (min-width: 1199.98px) {
    .ui.padded.segment h1.ui.header {
      font-size: 2rem; } }

.head {
  height: 70px;
  background-color: #f1b600;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 200;
  transition: height .25s ease-in-out;
  border-bottom: 1px solid #ffecb2;
  touch-action: manipulation; }
  @media only screen and (min-width: 992px) {
    .head {
      overflow: hidden; } }
  @media only screen and (min-width: 1199.98px) {
    .head {
      z-index: 892; } }
  .head .ui.container.flex {
    display: flex; }
  .head * {
    touch-action: manipulation; }

@media only screen and (max-width: 1024px) {
  .body--scroll .head,
  .body--scroll .header-logo,
  .body--scroll .header-security,
  .body--scroll .header-btn,
  .body--scroll .header-locale,
  .body--scroll .header-opening {
    height: 48px; }
  .body--scroll .header-subtitle,
  .body--scroll .header-btn,
  .body--scroll .header-langs,
  .body--scroll .header-locale,
  .body--scroll .header-opening {
    line-height: 48px; }
  .body--scroll .header-logo__img {
    width: auto;
    height: 3rem; }
  .body--scroll span.header-logo__title.header-btn__icon_back {
    margin-top: 4px; } }

.header-logo {
  display: flex;
  height: 70px;
  margin: 0 0 0 1rem;
  transition: height .25s ease-in-out; }
  @media only screen and (min-width: 992px) {
    .header-logo {
      float: left;
      margin: 0 0 0 1.5rem; } }

.header-logo__img {
  align-self: center;
  margin: 0;
  width: auto;
  height: 3rem;
  transition: all .25s ease-in-out; }
  @media only screen and (min-width: 480px) {
    .header-logo__img {
      height: 4.5rem;
      margin-right: 0.5rem; } }
  @media only screen and (min-width: 992px) {
    .header-logo__img {
      margin-right: 1rem; } }

.header-logo__title {
  display: none; }
  @media only screen and (min-width: 480px) {
    .header-logo__title {
      display: block;
      align-self: center;
      font-family: "Boulevard", "Arial", sans-serif;
      color: #332f32;
      font-size: 1.575rem;
      margin: -6px 0 0; }
      .header-logo__title svg {
        stroke: #332f32;
        fill: #332f32; } }
  @media only screen and (max-width: 767.98px) {
    .header-logo__title {
      font-size: 1.275rem; } }

.header-logo__title_below {
  display: block !important;
  text-align: center; }

.header-logo__title--custom {
  display: none; }
  @media only screen and (min-width: 480px) {
    .header-logo__title--custom {
      display: block; } }

@media only screen and (min-width: 1199.98px) {
  .header-logo__title--custom {
    position: absolute;
    left: 260px;
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 600;
    font-family: "Roboto", "Arial", sans-serif;
    color: #3b3737;
    top: 50%;
    margin: -.75rem 0 0;
    cursor: pointer; } }

.header-subtitle {
  display: none;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-family: "Boulevard", "Arial", sans-serif;
  margin-bottom: -4px;
  margin-left: 1.5rem; }
  @media only screen and (min-width: 1199.98px) {
    .header-subtitle {
      display: inline-block;
      line-height: 70px;
      align-self: center; } }

.header-security {
  height: 70px;
  display: flex;
  align-self: flex-end;
  transition: height .25s ease-in-out;
  margin-left: auto; }
  @media only screen and (min-width: 992px) {
    .header-security {
      margin-left: 0; } }
  .header-security .header-btn {
    padding: 0 1.25rem; }
    .header-security .header-btn:first-child {
      flex: 1; }
  .header-security span.header-btn__label.cart {
    text-transform: none; }
  .header-security .header-btn__label {
    max-width: 7.5rem;
    line-height: 1.2;
    display: inline-block;
    text-align: left;
    overflow-x: hidden; }
    .header-security .header-btn__label span.header-btn__label-cart {
      font-size: 80%;
      text-align: left;
      align-self: flex-start;
      opacity: 0.8;
      font-weight: normal;
      text-transform: uppercase; }

@media only screen and (min-width: 1199.98px) {
  .apple-pay-order-show-page .header-security {
    min-width: calc(360px / 2);
    max-width: calc(360px / 2);
    margin: 0; } }

.head .header-btn--login {
  font-family: "Boulevard", "Arial", sans-serif; }

.header-btn {
  height: 70px;
  background: #f1b600;
  color: #fff;
  text-align: center;
  border: 0;
  padding: 0 1.75rem;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  line-height: 70px;
  transition: height .25s ease-in-out; }
  .header-btn:hover {
    background: #d29f00;
    color: #fff;
    text-decoration: none; }

.header-btn--active {
  background: #d29f00; }

.header-btn--menu {
  display: flex;
  margin: 0;
  font-family: "Boulevard", "Arial", sans-serif;
  color: #332f32;
  border-bottom: 1px solid #ffecb2; }
  @media only screen and (min-width: 1199.98px) {
    .header-btn--menu {
      display: none; } }

.header-btn--login {
  display: none; }
  @media only screen and (min-width: 1199.98px) {
    .header-btn--login {
      display: flex;
      width: 360px;
      justify-content: center; } }

.header-btn--account {
  display: none; }
  @media only screen and (min-width: 1199.98px) {
    .header-btn--account {
      display: flex;
      flex: 1 1 50%;
      max-width: unset; } }

@media only screen and (min-width: 1199.98px) {
  .apple-pay-order-show-page .header-btn--account {
    max-width: 100%; } }

.header-btn--cart {
  background: #ffecb2;
  color: #3b3737;
  font-weight: 700;
  justify-content: center; }
  @media only screen and (min-width: 1199.98px) {
    .header-btn--cart {
      display: flex;
      flex: 1 1 50%;
      max-width: 50%;
      min-width: 150px; } }
  .header-btn--cart .header-btn__icon {
    fill: #3b3737; }
  .header-btn--cart:hover {
    background: #ffd860;
    color: #3b3737; }

.apple-pay-order-show-page .header-btn--cart {
  display: none; }

.header-btn--login {
  flex: 1 1 50%;
  width: 180px;
  justify-content: center; }

.apple-pay-order-show-page .header-btn--login {
  max-width: 100%; }

.header-btn__icon {
  fill: #fff;
  align-self: center;
  margin: -0.25rem .75rem 0 0; }

span.header-logo__title.header-btn__icon_back {
  display: inherit; }

.header-btn__icon_back {
  display: inherit;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
  font-family: "Boulevard", "Arial", sans-serif;
  color: #f1b600;
  margin-left: 10px;
  margin-top: 27px;
  margin-right: 10px;
  line-height: 1.8; }
  @media only screen and (min-width: 480px) {
    .header-btn__icon_back {
      margin-top: 0px;
      margin-left: 20px; } }
  @media only screen and (min-width: 992px) {
    .header-btn__icon_back {
      margin-left: 0; } }

.header-btn__label {
  align-self: center;
  white-space: nowrap;
  text-overflow: ellipsis; }

.header-menu {
  display: none; }
  @media only screen and (min-width: 1199.98px) {
    .header-menu {
      display: block;
      color: #332f32;
      font-family: "Boulevard", "Arial", sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      background: transparent;
      outline: none;
      border: none;
      padding: 0 1rem; }
      .header-menu:hover {
        cursor: pointer; } }

.header-langs {
  display: none;
  text-transform: uppercase;
  font-size: 0.875rem; }
  @media only screen and (min-width: 1199.98px) {
    .header-langs {
      display: inline-block;
      line-height: 70px;
      transition: line-height .25s ease-in-out;
      align-self: center; } }

.header-locale {
  position: relative;
  font-size: 80%;
  display: none;
  height: 70px;
  line-height: 70px;
  transition: all .25s ease-in-out;
  align-self: flex-end;
  margin: 0 0.5rem 0 auto;
  color: #ffecb2;
  text-transform: uppercase; }
  @media only screen and (min-width: 992px) {
    .header-locale {
      display: block; } }

.header-locales {
  display: inline-block;
  list-style-type: none;
  background-color: transparent;
  height: auto;
  line-height: 1.5;
  padding: 0 0.5rem 0 0; }

.header-locales__item {
  display: inline-block; }

.header-locales__link {
  padding: 0.25rem 0.25rem;
  color: #fff;
  display: block; }
  @media only screen and (min-width: 1199.98px) {
    .header-locales__link {
      padding: 0.25rem 0.5rem; } }
  .header-locales__link:hover {
    color: #838383;
    text-decoration: underline; }

.header-locales__link--active {
  color: #3b3737; }

.header-opening {
  position: relative;
  font-size: 0.75rem;
  display: none;
  height: 70px;
  line-height: 70px;
  transition: height .25s ease-in-out;
  align-self: flex-end;
  padding: 0 1.5rem 0 2.5rem;
  color: #3b3737;
  text-transform: uppercase; }
  @media only screen and (min-width: 992px) {
    .header-opening {
      display: block; } }
  @media only screen and (min-width: 1199.98px) {
    .header-opening {
      padding: 0 2rem 0 3rem; } }
  .header-opening:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2rem;
    width: 1px;
    background-color: #dcdcdc; }

.header-opening--closed:after,
.header-opening--open:after {
  content: "";
  width: .625rem;
  height: .625rem;
  border-radius: 50%;
  background-color: #64b04a;
  position: absolute;
  left: 1.125rem;
  top: 50%;
  transform: translateY(-50%); }
  @media only screen and (min-width: 1199.98px) {
    .header-opening--closed:after,
    .header-opening--open:after {
      left: 1.5rem; } }

.header-opening--closed:after {
  background-color: red; }

.header-text_back, a .header-text_back {
  color: #3b3737; }

@media only screen and (max-width: 479.98px) {
  .header-logo__title.header-logo__title--custom.back {
    margin-right: 0; }
  span.header-text_back {
    display: none; }
  .body--scroll span.header-logo__title.header-btn__icon_back {
    margin-top: 13px; } }

@media only screen and (max-width: 359.98px) {
  button#headerBtn.header-btn {
    padding: 0 0.75rem; }
  svg.header-btn__icon {
    display: none; } }

.d-none {
  display: none !important; }

.footer {
  background-color: #3b3737;
  padding: .75rem 0.875rem;
  position: relative;
  margin-bottom: -25px; }
  @media only screen and (min-width: 992px) {
    .footer {
      padding: 0.7rem 0.875rem; } }
  @media only screen and (min-width: 1199.98px) {
    .footer {
      z-index: 1000; } }
  @media only screen and (max-height: 620px) and (max-width: 992px) {
    .footer {
      padding: 0.25rem 0.875rem; } }
  .footer .ui.container {
    width: 100% !important;
    max-width: 1920px !important;
    margin: 0 auto !important; }
  .footer #cookies-ack-bar {
    background-color: rgba(255, 255, 255, 0.97);
    position: fixed;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    z-index: 199;
    width: 100%;
    box-shadow: 0 0 10px #5c5c5c3b;
    max-height: calc(100vh - 70px);
    overflow-y: auto; }
    @media only screen and (min-width: 1920px) {
      .footer #cookies-ack-bar {
        left: 50%;
        max-width: 1920px;
        transform: translate(-50%, 0); } }
  .footer .ack-bar-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 1rem 1rem 5.5rem; }
    @media only screen and (min-width: 768px) {
      .footer .ack-bar-container {
        padding: 1.6rem; } }
  .footer .ack-header {
    font-size: 1.2rem; }
  .footer .ack-description {
    margin-top: 0.8rem; }
  .footer .ack-buttons {
    margin-top: 0.5rem;
    text-align: right; }
    @media only screen and (max-width: 619.99px) {
      .footer .ack-buttons {
        flex-direction: column; } }
  @media only screen and (max-width: 479.98px) {
    .footer .btn--map-text {
      display: none; } }

.branch-selector .footer .ack-bar-container {
  padding-bottom: 1rem; }
  @media only screen and (max-width: 767.98px) {
    .branch-selector .footer .ack-bar-container {
      padding-bottom: 1.6rem; } }

.cookie-type {
  margin-bottom: 1rem; }
  .cookie-type-list {
    display: flex;
    flex-direction: column; }
  @media only screen and (min-width: 992px) {
    .cookie-type-details {
      margin-top: 3rem; } }
  .cookie-type-details-header {
    font-size: 1.1rem;
    font-weight: 600; }

.cookie-type-name {
  font-weight: 600;
  flex-grow: 1; }

.cookie-text {
  display: flex;
  align-items: center; }

.cookie-type-description {
  font-weight: 300;
  margin-top: 0.2rem; }

.cookie-more-information {
  margin-top: 1.2rem; }

.cookie-type-switch .ui.toggle.checkbox label {
  padding-left: 3.5rem; }

.ack-accept-preferences {
  text-align: right;
  margin-top: 0.75rem; }
  @media only screen and (min-width: 1199.98px) {
    .ack-accept-preferences {
      margin-top: 2rem; } }

.ack-close-details {
  color: #575757 !important;
  text-transform: lowercase;
  font-size: 0.75rem;
  font-weight: 600;
  align-items: center;
  display: flex;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  padding: 1.2rem 1rem 1rem 0; }
  @media only screen and (min-width: 480px) {
    .ack-close-details {
      padding: 1.6rem; } }
  .ack-close-details .close-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("/assets/shop/img/ico-close.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }

@media only screen and (min-width: 480px) {
  .body--custom .footer {
    z-index: 2; } }

@media only screen and (min-width: 992px) {
  .body--custom .footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: 25px;
    z-index: 2;
    height: 39px; } }

.footer__content {
  text-align: left;
  position: relative; }
  @media only screen and (min-width: 992px) {
    .footer__content {
      display: flex;
      align-self: center; } }
  @media only screen and (min-width: 1920px) {
    .footer__content {
      padding-left: 1rem;
      padding-right: 1rem; } }

.footer__heading {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.54);
  font-size: 0.75rem;
  margin: 0 0 0.5rem;
  align-self: center; }
  @media only screen and (min-width: 992px) {
    .footer__heading {
      margin: 0; } }
  .footer__heading a {
    color: rgba(255, 255, 255, 0.54); }
    .footer__heading a:hover {
      color: #fff;
      text-decoration: underline; }

@media only screen and (min-width: 992px) {
  .footer__heading--right {
    text-align: right;
    order: 3; } }

.footer-list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 1rem;
  font-size: 0.75rem; }
  @media only screen and (min-width: 992px) {
    .footer-list {
      text-align: center;
      flex: 1;
      align-self: center;
      order: 2;
      margin: 0; } }

.footer-list__item {
  display: inline-block;
  margin: 0 0.75rem 0.125rem 0; }
  @media only screen and (min-width: 992px) {
    .footer-list__item {
      margin: 0 0.5rem 0 0; } }
  .footer-list__item:after {
    content: "|";
    color: #f1b600;
    display: inline-block;
    margin: 0 0 0 0.5rem; }
  .footer-list__item:last-child:after {
    display: none; }

.footer-list__link {
  font-weight: 300;
  text-decoration: underline;
  color: #f1b600; }
  .footer-list__link:hover {
    text-decoration: none;
    color: #d29f00; }

.footer__logo {
  position: absolute;
  right: 0;
  bottom: -1rem;
  fill: #f1b600; }
  @media only screen and (min-width: 992px) {
    .footer__logo {
      display: none; } }

.address {
  margin: 0; }
  .address address {
    font-style: normal; }
    .address address .flag {
      display: none; }

.ui.divider.address-row__divider {
  margin: .5rem 0; }

.address-row__tools {
  display: flex;
  align-items: center; }
  .address-row__tools .ui.labeled.button {
    background: none;
    margin: 0 1rem 0 0;
    font-size: 1rem;
    color: #3b3737;
    text-decoration: none;
    border-bottom: 1px solid #838383 !important;
    border-radius: 0; }
    .address-row__tools .ui.labeled.button:hover {
      border: 0; }
  .address-row__tools form {
    line-height: 1; }

.address-row__favorite {
  margin: 0 0 0 auto;
  font-size: .75rem;
  text-transform: uppercase; }
  .address-row__favorite .icon.star {
    color: #f1b600;
    font-size: 1.25rem; }
  .address-row__favorite .ui.button {
    background: transparent;
    padding: .25rem; }
    .address-row__favorite .ui.button .icon.star {
      color: #cdcdcd; }

#confirmation-modal {
  text-align: center; }
  #confirmation-modal.ui.modal.visible {
    opacity: 1; }
  #confirmation-modal .actions {
    text-align: center !important; }

.btn,
#coupon button[type="submit"] {
  border-radius: 0;
  border: 1px solid transparent;
  background: transparent;
  outline: none;
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem 0.45rem;
  display: inline-block;
  white-space: nowrap;
  line-height: 1rem;
  font-family: "Boulevard", "Arial", sans-serif; }
  @media only screen and (min-width: 480px) {
    .btn,
    #coupon button[type="submit"] {
      font-size: 1rem;
      border-radius: 0;
      padding: 0.625rem 2rem 0.6rem; } }
  .btn.block,
  #coupon button[type="submit"].block {
    width: 100%; }
  .btn.disabled,
  #coupon button[type="submit"].disabled {
    opacity: .17; }
  .btn:hover,
  #coupon button[type="submit"]:hover {
    cursor: pointer; }

.btn--sm {
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem 0.45rem; }
  @media only screen and (min-width: 480px) {
    .btn--sm {
      border-radius: 0;
      font-size: 0.875rem;
      padding: 0.5rem 1.25rem 0.45rem; } }

.btn__icon {
  display: inline-block;
  vertical-align: middle;
  margin: -0.25rem 0 0; }

.btn__count {
  position: absolute;
  top: 0;
  right: .5rem;
  color: #fff;
  z-index: 1;
  font-size: .625rem;
  line-height: 1.25rem; }
  .btn__count:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #3b3737;
    width: 1.25rem;
    height: 1.25rem;
    z-index: -1; }

.btn--primary,
#coupon button[type="submit"] {
  background-color: #f1b600;
  border-color: #f1b600;
  color: #332f32;
  text-transform: uppercase;
  font-weight: 600; }
  .btn--primary:hover, .btn--primary:focus, .btn--primary:active,
  #coupon button[type="submit"]:hover,
  #coupon button[type="submit"]:focus,
  #coupon button[type="submit"]:active {
    background-color: #d29f00;
    border-color: #d29f00;
    color: #332f32; }
  .btn--primary .btn__icon,
  #coupon button[type="submit"] .btn__icon {
    fill: #332f32; }

.btn--secondary {
  background-color: #ffecb2;
  border-color: #ffecb2;
  color: #3b3737;
  text-transform: uppercase;
  font-weight: 600; }
  .btn--secondary:hover, .btn--secondary:focus, .btn--secondary:active {
    background-color: #ffe289;
    border-color: #ffe289;
    color: #3b3737; }
  .btn--secondary .btn__icon {
    fill: #3b3737; }

.btn--default {
  background-color: #ffecb2;
  border-color: #ffecb2;
  color: #332f32;
  text-transform: uppercase;
  font-weight: 600; }
  .btn--default:hover, .btn--default:focus, .btn--default:active {
    background-color: #ffd860;
    border-color: #ffd860;
    color: #332f32; }
  .btn--default .btn__icon {
    fill: #332f32; }

.btn--active {
  background-color: #4f925c;
  border-color: #4f925c;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600; }
  .btn--active:hover, .btn--active:focus, .btn--active:active {
    background-color: #64b04a;
    border-color: #64b04a; }
  .btn--active .btn__icon {
    fill: #fff; }

.btn--facebook {
  background-color: #275a91;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 0;
  padding: 0.625rem 1rem 0.6rem; }
  .btn--facebook:hover, .btn--facebook:focus, .btn--facebook:active {
    background-color: #1e4671;
    color: #fff; }
  .btn--facebook .btn__icon {
    fill: #fff;
    margin: -0.25rem .25rem 0 0; }

.btn--google {
  background-color: #fff;
  border: 2px solid #fff;
  color: #222;
  border-radius: 0;
  padding: 0.625rem 1rem 0.6rem; }
  .btn--google:hover, .btn--google:focus, .btn--google:active {
    background-color: #ebebeb;
    color: #332f32; }
  .btn--google .btn__icon {
    margin: -0.25rem .25rem 0 0; }

.btn--cart-edit {
  background-color: #e6e6e6;
  padding: 0 .5rem;
  font-weight: 600; }
  .btn--cart-edit:hover {
    cursor: pointer;
    background-color: #cdcdcd; }

.btn--remove {
  padding: 0; }
  .btn--remove:hover {
    cursor: pointer; }
    .btn--remove:hover svg {
      fill: red; }

.btn--more {
  padding: 0;
  transition: transform .2s ease-in-out; }

.btn--more-active {
  transform: rotate(180deg); }

.btn--option-price {
  border: 2px solid #fff;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  background-color: rgba(34, 34, 34, 0.62); }
  .btn--option-price .btn__label {
    color: #f1b600;
    font-size: 1.25rem;
    padding: 0 1rem 0 0;
    font-weight: 600;
    align-self: center; }
  .btn--option-price .btn__icon {
    fill: #fff;
    align-self: center; }

button {
  font-family: "Roboto", "Arial", sans-serif; }

button:hover {
  cursor: pointer; }

.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before {
  background-color: #d29f00 !important; }

.field {
  margin: 0 0 1.5rem; }
  .field input[type="text"],
  .field input[type="password"],
  .field input[type="email"],
  .field textarea {
    border: 2px solid #3b3737;
    padding: .625rem 1rem;
    display: block;
    width: 100%;
    font-size: 1rem; }

.ui.form input:not([type]),
.ui.form input[type=text],
.ui.form input[type=email],
.ui.form input[type=search],
.ui.form input[type=password],
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=tel],
.ui.form input[type=time],
.ui.form input[type=file],
.ui.form input[type=url],
.ui.form input[type=number],
.ui.form textarea,
.ui.form select {
  border-radius: 0; }

.ui.form .field > label {
  font-weight: 400;
  font-size: .875rem; }

#sylius-api-login-form {
  display: flex; }
  #sylius-api-login-form input[type=password] {
    max-width: calc(100% - 124px); }

.ui.fluid.floating.dropdown.labeled.search.icon.button.address-book-select {
  margin-bottom: 20px; }

.item.item-notselected .content,
.item.item-notselected .extra {
  opacity: 0.4; }

.ui.items > .item > .content > a.header:hover {
  color: unset; }

.form--summary-deliverytypes .dropdown.phone-prefix + input {
  max-width: calc(100% - 125px); }

[data-highlight-on-error="1"] {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: #E0B4B4 !important; }

@media screen-sm-max {
  .ui.form .contact-form.ui.stackable.grid .row .column,
  .ui.form .contact-form.ui.stackable.grid .column.row .column {
    padding: 0px !important; } }

.ui.form .contact-form input {
  border-radius: 0px; }

.ui.form .contact-form .field > label {
  text-transform: uppercase;
  font-weight: 600;
  font-size: small;
  margin-top: 1.5rem; }

.ui.form .contact-form select.ui.dropdown {
  height: 47px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("/assets/shop/img//ico-sipka-down.svg");
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position-x: 93%;
  background-position-y: center; }

.ui.form .contact-form #contact_timeOfVisit {
  height: 47px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("/assets/shop/img//ico-hodiny.svg");
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position-x: 93%;
  background-position-y: center; }
  .ui.form .contact-form #contact_timeOfVisit::-webkit-inner-spin-button, .ui.form .contact-form #contact_timeOfVisit::-webkit-clear-button {
    display: none; }
  .ui.form .contact-form #contact_timeOfVisit::-webkit-calendar-picker-indicator {
    color: transparent;
    background: transparent; }

.ui.form .contact-form #contact_dateOfVisit {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("/assets/shop/img//ico-kalendar.svg");
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position-x: 93%;
  background-position-y: center; }
  .ui.form .contact-form #contact_dateOfVisit::-webkit-calendar-picker-indicator {
    color: transparent;
    background: transparent; }
  .ui.form .contact-form #contact_dateOfVisit::-webkit-inner-spin-button, .ui.form .contact-form #contact_dateOfVisit::-webkit-clear-button {
    display: none; }

.ui.form .contact-form #contact_attachment::-webkit-file-upload-button {
  border-radius: 5px;
  background: #fff;
  border: 0px solid transparent; }

.grecaptcha-badge {
  visibility: hidden; }

.grecaptcha-text {
  font-size: .8rem; }

.sylius-validation-error.courier-search {
  margin-left: 2rem;
  margin-right: 2rem;
  text-align: center; }

textarea.shipping-address-comment {
  min-height: 6rem !important;
  height: 13rem !important; }
  @media only screen and (min-width: 992px) {
    textarea.shipping-address-comment {
      height: 6rem !important; } }

.modal--active .login-form .ui.toggle.checkbox input:checked ~ label {
  color: #fff !important; }

.modal--active .login-form .ui.checkbox label,
.modal--active .login-form .ui.checkbox input:active ~ label {
  color: #fff; }

.login-form .field-group.required.field.mb-0 > .field {
  margin-bottom: 0rem; }

.login-form .required.field.mb-0 .field {
  margin-bottom: 1rem; }

.modal-form .field input[type="text"] {
  color: #fff !important;
  background-color: rgba(64, 51, 42, 0.64) !important; }

.ui.table {
  background-color: #f3f3f3;
  border-radius: 0; }
  .ui.table thead th {
    background-color: #e6e6e6; }
  .ui.table tfoot th {
    background-color: #e6e6e6; }
  .ui.table td .product__image {
    max-width: 60px;
    margin: 0 0 .25rem; }
  .ui.table td .product-info__header {
    display: flex; }
  .ui.table td .product-info__image {
    margin: 0 .5rem 0 0; }
  .ui.table td .product-info__options {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .ui.table td .product-info__heading {
    align-self: center; }
  .ui.table td .product-info__option {
    font-size: .75rem;
    margin: 0 0 .125rem; }
  .ui.table td .ui.buttons {
    display: block; }
    .ui.table td .ui.buttons a.ui.labeled.button {
      padding: 0;
      display: inline-block;
      background-color: transparent;
      border: none;
      color: #f1b600;
      margin: 0 .25rem .125rem 0;
      text-align: left; }
    .ui.table td .ui.buttons .icon {
      display: none; }
    .ui.table td .ui.buttons:last-child {
      margin-right: 0; }

.my-account .ui.table td .ui.buttons a.ui.button,
.my-account .ui.table td .ui.buttons a.ui.labeled.button {
  padding: 8.5px !important;
  margin: 0 0.75rem 0 0;
  background-color: #f1b600 !important;
  color: #fff;
  border-radius: 0px;
  text-decoration: none;
  font-size: .85714286rem; }
  .my-account .ui.table td .ui.buttons a.ui.button:hover,
  .my-account .ui.table td .ui.buttons a.ui.labeled.button:hover {
    background-color: #d29f00; }

@media only screen and (max-width: 479.98px) {
  .product-info__row {
    display: flex !important;
    flex-wrap: wrap; } }

@media only screen and (max-width: 479.98px) {
  .product-info__row > td {
    min-width: 33.3%;
    flex: 1 1 33.3%; } }

@media only screen and (max-width: 479.98px) {
  .product-info__row > td:first-child {
    min-width: 100%;
    flex: 1 1 100%; } }

/*flex*/
.d-flex {
  -ms-flex-direction: column !important;
  display: flex !important; }

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important; }

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important; }

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important; }
  @media only screen and (max-width: 1200px) {
    .flex-column-lg {
      -ms-flex-direction: column !important;
      flex-direction: column !important; } }
  @media only screen and (max-width: 991.98px) {
    .flex-column-md {
      -ms-flex-direction: column !important;
      flex-direction: column !important; } }
  @media only screen and (max-width: 767.98px) {
    .flex-column-sm {
      -ms-flex-direction: column !important;
      flex-direction: column !important; } }
  @media only screen and (max-width: 479.98px) {
    .flex-column-xs {
      -ms-flex-direction: column !important;
      flex-direction: column !important; } }
  @media only screen and (max-width: 359.98px) {
    .flex-column-xxs {
      -ms-flex-direction: column !important;
      flex-direction: column !important; } }

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important; }
  @media only screen and (max-width: 767.98px) {
    .flex-row-sm {
      -ms-flex-direction: row !important;
      flex-direction: row !important; } }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .flex-row-sm-only {
      -ms-flex-direction: row !important;
      flex-direction: row !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .flex-row-md-only {
      -ms-flex-direction: row !important;
      flex-direction: row !important; } }
  @media only screen and (min-width: 1199.98px) {
    .flex-row-lg {
      -ms-flex-direction: row !important;
      flex-direction: row !important; } }

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: end !important; }

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important; }

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important; }

.strong {
  font-weight: bold; }

.rounded {
  border-radius: 0.8rem; }

.relative {
  position: relative; }

/* colors */
.text-white {
  color: #fff; }

.bg-white {
  background-color: #fff; }

.bg--beige-light {
  background-color: #ececec; }

.bg--beige-darken {
  background-color: #f3f3f3; }

@media only screen and (max-width: 767.98px) {
  .bg--beige-light-sm {
    background-color: #ececec; } }

.bg-secondary {
  background-color: #ffecb2 !important; }

.text-primary {
  color: #f1b600 !important; }

.text-secondary {
  color: #c0bfbf !important; }

/* typography */
.text-center {
  text-align: center !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.font-size-lg {
  font-size: 2.5rem; }

.font-size-md {
  font-size: 1.4rem; }

.letter-spacing-1 {
  letter-spacing: 1px; }

.letter-spacing-lg {
  letter-spacing: 0.1rem; }

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

.small {
  font-size: 50%; }
  .small-sm {
    font-size: 80%; }
  .small-md {
    font-size: 90%; }

.line-height-md {
  line-height: 1.8; }

/* margins */
.m-n3 {
  margin: -0.75rem !important; }

.m-n4 {
  margin: -1rem !important; }

.m-n6 {
  margin: -1.5rem !important; }

@media only screen and (min-width: 768px) {
  .mr-md-auto {
    margin-right: auto !important; } }

@media only screen and (max-width: 767.98px) {
  .mr-md-0 {
    margin-right: 0 !important; } }

@media only screen and (min-width: 480px) {
  .mr-xs-auto {
    margin-right: auto !important; } }

@media only screen and (max-width: 767.98px) {
  .ml-sm-auto {
    margin-left: auto !important; } }

@media only screen and (min-width: 768px) {
  .ml-sm-0 {
    margin-left: 0 !important; } }

.ml-auto {
  margin-left: auto; }

@media only screen and (max-width: 619.99px) {
  .px-sm-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important; } }

.d-inline-block {
  display: inline-block !important; }

/* sizing */
.w-100 {
  width: 100%; }

.w-50 {
  width: 50%; }

.h-100 {
  height: 100%; }

/*responsive*/
@media only screen and (min-width: 768px) {
  .desktop-hidden {
    display: none !important; } }

@media only screen and (max-width: 767.98px) {
  .mobile-hidden {
    display: none !important; } }

@media only screen and (min-width: 480px) {
  .mobile-xs-visible {
    display: none !important; } }

@media only screen and (max-width: 479.98px) {
  .mobile-xs-hidden {
    display: none !important; } }

form.loading:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(243, 243, 243, 0.8) !important;
  width: 100%;
  height: 100%;
  z-index: 100; }

form.loading:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.5em 0 0 -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: form-spin .6s linear;
  animation: form-spin .6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: .2em;
  box-shadow: 0 0 0 1px transparent;
  visibility: visible;
  z-index: 101; }

/* scrollbar */
.nav {
  background: #f1b600;
  display: none; }
  @media only screen and (min-width: 1199.98px) {
    .nav {
      display: block;
      width: 260px;
      min-width: 260px;
      max-width: 260px;
      flex: 1 1 260px;
      overflow-y: auto;
      height: calc(100vh - 70px);
      position: fixed; } }

@media only screen and (min-width: 1199.98px) {
  nav#primary-nav {
    height: unset;
    min-height: calc(100vh - 70px);
    max-height: calc(100% - 70px - 38px);
    padding-bottom: 38px; }
    nav#primary-nav > .nav-list {
      position: relative;
      padding-bottom: 63px;
      height: unset;
      min-height: calc(100vh - 70px - 38px);
      max-height: calc(100% - 70px - 38px); } }

#primary-nav.nav--mobile .nav-item[data-item-type="taxon"] {
  display: none; }

@media only screen and (min-width: 1199.98px) {
  .nav--custom {
    position: fixed;
    -webkit-overflow-scrolling: touch;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    z-index: 890;
    height: unset;
    min-height: calc(100vh - 70px);
    max-height: calc(100% - 70px - 38px);
    padding-bottom: 38px; }
    .nav--custom .nav-item__link {
      background: rgba(241, 182, 0, 0.8); }
    .nav--custom .nav-item__link {
      background: rgba(241, 182, 0, 0.8); }
    .nav--custom .nav-item__link--active {
      background: #ffecb2; }
    .nav--custom .nav-item__chk {
      display: none; }
      .nav--custom .nav-item__chk:checked + .nav-item__link {
        background: #ffecb2; } }

.nav--custom.nav--custom-active {
  transform: translateX(0); }

.nav--active {
  display: block;
  width: 100%;
  z-index: 210;
  position: absolute; }
  @media only screen and (min-width: 1199.98px) {
    .nav--active {
      position: relative;
      width: 260px;
      top: auto;
      left: auto;
      max-height: none;
      overflow: hidden; } }

@media only screen and (max-width: 1024px) {
  .body--scroll .nav--active {
    top: 48px;
    max-height: calc(100vh - 48px); } }

@media only screen and (max-width: 1024px) {
  .branch-selector.body--scroll .nav--active {
    top: 0; } }

.nav-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.nav-list--second {
  display: none; }
  .nav-list--second .nav-item__link {
    font-size: 0.75rem;
    font-weight: 400;
    padding: 1.125rem 1.75rem 1.125rem 3rem;
    background-color: #ffecb2;
    color: #d29f00; }
    .nav-list--second .nav-item__link:hover {
      background-color: #ffd860;
      color: #332f32; }

li.nav-item-settings.nav-item {
  border-top: 1px solid rgba(255, 255, 255, 0.3); }
  @media only screen and (min-width: 1199.98px) {
    li.nav-item-settings.nav-item {
      position: absolute;
      bottom: 0;
      width: 100%; } }

.nav-item {
  padding: 0;
  margin: 0; }

@media only screen and (min-width: 1199.98px) {
  .nav-item--logout {
    display: none; } }

.nav-item--lang {
  background: #f1b600;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0 0 0 1.75rem;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
  @media only screen and (min-width: 1199.98px) {
    .nav-item--lang {
      display: none; } }
  .nav-item--lang .header-locales {
    background: transparent;
    margin: 0 0 0 auto;
    padding: 0; }
    @media only screen and (max-width: 479.98px) {
      .nav-item--lang .header-locales {
        margin-right: auto;
        margin-left: 0; } }
  .nav-item--lang .header-locales__item {
    border-right: 1px solid rgba(255, 255, 255, 0.3); }
    .nav-item--lang .header-locales__item:last-child {
      border-right: 0;
      margin: 0 0 0 -.25rem; }
  .nav-item--lang .header-locales__link {
    color: #fff;
    padding: 1rem 1rem;
    font-size: 1rem; }
    .nav-item--lang .header-locales__link:hover {
      background: #d29f00;
      text-decoration: none; }
  .nav-item--lang .header-locales__link--active {
    background: #b98c00;
    text-decoration: none; }

.nav-item__link {
  background: #f1b600;
  color: #fff;
  padding: 0.75rem 1.75rem;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  display: block;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  position: relative; }
  .nav-item__link:hover {
    background: #d29f00;
    color: #fff; }
  @media only screen and (min-width: 992px) {
    .nav-item__link {
      padding-top: 1rem;
      padding-bottom: 1rem; } }

.nav-item__link--active {
  background: #ffecb2;
  color: #332f32; }

.nav-item__chk {
  display: none; }
  .nav-item__chk:checked + .nav-item__link {
    background: #ffecb2;
    color: #332f32; }
    .nav-item__chk:checked + .nav-item__link .nav-item__toggle:before {
      transform: rotate(90deg); }
    .nav-item__chk:checked + .nav-item__link .nav-item__toggle:after {
      transform: rotate(180deg); }
    .nav-item__chk:checked + .nav-item__link + .nav-list--second {
      display: block; }

.nav-item__toggle {
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
  height: 100%; }
  .nav-item__toggle:before, .nav-item__toggle:after {
    content: "";
    position: absolute;
    background-color: #fff;
    transition: transform 0.25s ease-out; }
  .nav-item__toggle:before {
    top: 50%;
    left: 50%;
    width: 1px;
    height: 18px;
    margin: -9px 0 0; }
  .nav-item__toggle:after {
    top: 50%;
    left: 50%;
    width: 18px;
    height: 1px;
    margin: 0 0 0 -9px; }

.nav-item__chk:checked + .nav-item__link .nav-item__toggle:before, .nav-item__chk:checked + .nav-item__link .nav-item__toggle:after {
  content: "";
  background-color: #332f32; }

.nav-item__chk:checked + .nav-item__link:hover {
  background-color: #ffd860; }

.nav-list__security {
  display: flex;
  background-color: #3b3737; }
  @media only screen and (min-width: 1199.98px) {
    .nav-list__security {
      display: none; } }
  .nav-list__security .header-btn {
    padding: 1rem 1.5rem;
    height: auto;
    line-height: normal;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    text-align: left;
    flex: 1 1 100%;
    max-width: 100%;
    display: flex;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    justify-content: left; }
    .nav-list__security .header-btn .header-btn__icon {
      margin-right: .75rem; }
    @media only screen and (min-width: 992px) {
      .nav-list__security .header-btn {
        padding-top: 1.125rem;
        padding-bottom: 1.125rem; } }
    @media only screen and (max-width: 359.98px) {
      .nav-list__security .header-btn {
        padding-left: 1.75rem;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem; } }
  .nav-list__security .header-btn--account {
    padding-right: 1rem; }
  .nav-list__security .header-btn--cart {
    flex: 1 1 50%;
    max-width: 50%;
    background: #dfdfdf;
    display: none; }

.nav-item-settings .icon_settings {
  width: 20px;
  height: 20px;
  margin-top: -8px;
  margin-bottom: -4px;
  margin-right: 5px;
  position: relative; }

.nav-user {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.nav-user__item {
  display: inline-block; }
  @media only screen and (min-width: 992px) {
    .nav-user__item:last-child {
      float: right; } }

.nav-user__item--active .nav-user__link {
  background-color: #f3f3f3;
  color: #332f32; }

.nav-user__item--active:hover {
  cursor: default; }

.nav-user__item--logout {
  display: none; }
  @media only screen and (min-width: 1199.98px) {
    .nav-user__item--logout {
      display: inline-block; } }
  @media only screen and (min-width: 992px) {
    .nav-user__item--logout {
      float: right; } }

.nav-user__link {
  display: block;
  padding: .25rem .5rem;
  background-color: transparent;
  font-weight: 600;
  color: #3b3737;
  font-size: .625rem;
  text-transform: uppercase;
  color: #f1b600; }
  @media only screen and (min-width: 480px) {
    .nav-user__link {
      padding: .5rem .75rem;
      font-size: .75rem; } }
  @media only screen and (min-width: 1199.98px) {
    .nav-user__link {
      padding: .875rem 1.5rem;
      font-size: .875rem; } }
  .nav-user__link:hover {
    background-color: #f3f3f3;
    color: #3b3737;
    text-decoration: none; }

@media only screen and (max-width: 767.98px) {
  .account-setting--wrapper {
    margin: 0px;
    padding: 0px; }
    .account-setting--wrapper .ui.segment {
      padding-left: 0;
      padding-right: 0; } }

@media only screen and (min-width: 992px) {
  .hp-blocks {
    display: flex;
    align-items: flex-start; } }

@media only screen and (min-height: 970px) and (min-width: 1600px) {
  .hp-blocks {
    max-height: calc(100vh - 70px - 38px - 30px); } }

.hp-block {
  display: block;
  margin: 0 0 .875rem;
  position: relative; }
  @media only screen and (min-width: 992px) {
    .hp-block {
      margin: 0;
      flex: 0; } }
  .hp-block:hover .hp-block__btn {
    background-color: #d29f00;
    border-color: #d29f00; }

@media only screen and (min-width: 992px) {
  .hp-block--1 {
    margin: 0 .87rem 0 0;
    width: 42.597%;
    max-width: 720px;
    flex-basis: 42.597%; } }

@media only screen and (min-width: 992px) {
  .hp-block--2 {
    margin: 0 .87rem 0 0; } }

@media only screen and (min-width: 992px) {
  .hp-block--3 {
    margin: 0 .87rem 0 0; } }

@media only screen and (min-width: 992px) {
  .hp-block--4 {
    margin: .87rem .87rem 0 0; } }

@media only screen and (min-width: 992px) {
  .hp-block--5 {
    margin: .87rem .87rem 0 0; } }

@media only screen and (min-width: 992px) {
  .hp-blocks__wrapper--1 {
    width: 30.822%;
    max-width: 525px;
    flex-basis: 30.822%; } }

@media only screen and (min-width: 992px) {
  .hp-blocks__wrapper--2 {
    width: 24.5%;
    max-width: 420px;
    flex-basis: 24.59%; } }

.hp-block__img {
  width: 100%;
  height: auto;
  display: block; }

.hp-block__heading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2.25rem;
  line-height: 2.4rem;
  text-transform: uppercase;
  background-color: #f1b600;
  color: #332f32;
  text-align: center;
  padding: 0 1rem;
  border-radius: 0;
  font-size: 1rem;
  white-space: nowrap;
  margin-bottom: 0; }
  @media only screen and (min-width: 992px) {
    .hp-block__heading {
      font-size: 1.125rem; } }
  @media only screen and (min-width: 1450px) {
    .hp-block__heading {
      font-size: 1.25rem;
      padding: 0 1.5rem;
      height: 3rem;
      line-height: 3.25rem; } }
  .hp-block__heading .text-revla {
    font-family: "Boulevard", "Arial", sans-serif;
    font-size: 1.5rem; }
    @media only screen and (min-width: 1450px) {
      .hp-block__heading .text-revla {
        font-size: 1.75rem; } }

.hp-block--landing .hp-block__heading {
  position: unset;
  left: inherit;
  top: inherit; }

.hp-block--landing .hp-block__img {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.hp-block__btn {
  position: absolute;
  bottom: .875rem;
  left: 50%;
  transform: translateX(-50%); }
  @media only screen and (min-width: 480px) {
    .hp-block__btn {
      transform: none;
      left: auto;
      right: .875rem; } }

/*rewrites for resposive widths of baners, To-DO: refactoring */
@media only screen and (min-width: 992px) {
  .hp-block--1 {
    flex-basis: 43.097%; }
  .hp-blocks__wrapper--1 {
    flex-basis: 32.5%; }
  .hp-blocks__wrapper--2 {
    flex-basis: 27.0%; } }

@media only screen and (min-width: 1200px) {
  .hp-blocks__wrapper--1 {
    flex-basis: 32.7%; }
  .hp-blocks__wrapper--2 {
    flex-basis: 27.1%; } }

@media only screen and (min-width: 1450px) {
  .hp-block--1 {
    flex-basis: 42.65%; }
  .hp-blocks__wrapper--1 {
    flex-basis: 32.06%; }
  .hp-blocks__wrapper--2 {
    flex-basis: 25.57%; } }

@media only screen and (min-width: 1600px) {
  .hp-block--1 {
    flex-basis: 42.85%; }
  .hp-blocks__wrapper--1 {
    flex-basis: 32.0%; }
  .hp-blocks__wrapper--2 {
    flex-basis: 25.60%; } }

@media only screen and (min-width: 1900px) {
  .hp-block--1 {
    -webkit-flex-basis: 42.66%;
    flex-basis: 42.66%; }
  .hp-blocks__wrapper--1 {
    flex-basis: 31.80%; }
  .hp-blocks__wrapper--2 {
    flex-basis: 25.45%; } }

.cart-side {
  background-color: #fff;
  display: none;
  position: relative; }
  @media only screen and (min-width: 1199.98px) {
    .cart-side {
      position: fixed;
      right: 0;
      top: 70px;
      width: 360px;
      height: calc(100vh - 70px);
      padding: 1rem 1rem 4rem;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      transform: translateY(-100%);
      transition: all 0.3s ease-in-out;
      opacity: 0;
      z-index: -1;
      display: flex;
      flex-direction: column; } }
  @media only screen and (min-width: 1920px) {
    .cart-side {
      right: calc((100vw - 1920px) / 2); } }

.cart-side--active {
  transform: translateY(0);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  z-index: 2;
  opacity: 1;
  overflow: initial; }

.cart-side--static {
  box-shadow: none; }
  @media only screen and (min-width: 1199.98px) {
    .cart-side--static {
      transform: translateY(0);
      z-index: 2;
      opacity: 1;
      overflow: initial;
      overflow-y: auto;
      /*
    position: relative;
    right: auto;
    top: auto;
    transition: none;
    flex: 1 1 360px;
    max-width: 360px;
    height: auto;
    */ } }

.cart-heading {
  margin: 2rem auto 1rem;
  padding: 0 0 1rem;
  border-bottom: 1px dashed rgba(59, 55, 55, 0.5);
  max-width: 640px;
  width: 100%; }
  .cart-heading h1 {
    font-size: 1.25rem;
    text-align: center;
    text-transform: uppercase; }
  @media only screen and (min-height: 660px) {
    .cart-heading {
      min-height: 2.75rem; } }

.cart-send {
  max-width: 640px;
  margin: auto;
  text-align: center;
  padding: 0 0 1rem; }
  .cart-send .btn {
    text-align: center; }

@media only screen and (min-height: 660px) {
  .cart-empty {
    flex: 1;
    display: flex; } }

.cart-empty .cart-table__item {
  display: none; }
  .cart-empty .cart-table__item:last-child {
    display: table-row; }
    .cart-empty .cart-table__item:last-child td {
      padding-top: 1.5rem; }

.cart-empty .cart-send .btn {
  opacity: .17; }

.cart-empty__info {
  text-transform: uppercase;
  font-size: 1.125rem;
  text-align: center;
  margin: 0 0 1rem; }
  @media only screen and (min-height: 660px) {
    .cart-empty__info {
      position: absolute;
      width: 14.5rem;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -40%); } }
  .cart-empty__info svg {
    display: block;
    margin: 0 auto 2rem;
    fill: #ececec; }

@media only screen and (min-height: 660px) {
  .cart-empty__bottom {
    margin-top: auto;
    width: 100%; } }

.cart-incentives {
  color: #838383;
  font-size: 0.875rem; }

.cart-table {
  width: 100%;
  max-width: 640px;
  margin: 0 auto 1rem; }

.cart-table--order {
  width: 100%;
  max-width: none; }
  .cart-table--order td .product-info__image img {
    max-width: 60px; }

.cart-table--totals {
  border-top: 1px dashed rgba(59, 55, 55, 0.5); }
  .cart-table--totals .cart-table__item:first-child > td {
    padding-top: 1rem; }
  .cart-table--totals .cart-table__item > td:last-child {
    padding-right: 1rem; }

.cart-table__item {
  font-size: .75rem; }
  @media only screen and (min-width: 480px) {
    .cart-table__item {
      font-size: .875rem; } }
  .cart-table__item > td {
    padding-top: .25rem;
    padding-bottom: .25rem; }

.cart-table__item--more > td {
  color: #838383;
  font-weight: normal;
  border-bottom: 1px solid #dcdcdc; }

.cart-table__more {
  text-align: center;
  fill: #332f32;
  width: 24px; }

.cart-table__product {
  text-align: left;
  padding: 0 .5rem 0 1rem;
  font-weight: 600;
  line-height: 1.15;
  width: 80%; }
  @media screen and (max-width: 991.99px) and (min-width: 768px) {
    .cart-table__product {
      padding-left: 0; } }
  .cart-table__product .product-info__image {
    display: none; }
  .cart-table__product .product-info__variant {
    color: #838383;
    font-weight: 300; }
  .cart-table__product .product-info__options {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: .75rem; }

.cart-table__product--main {
  font-size: 1rem;
  text-transform: uppercase; }

.cart-table__quantity {
  text-align: center;
  min-width: 6.5rem; }
  @media screen and (max-width: 991.99px) and (min-width: 768px) {
    .cart-table__quantity {
      min-width: 1.5rem; } }
  .cart-table__quantity input[type="number"] {
    max-width: 2.5rem;
    min-width: 1.5rem;
    white-space: nowrap;
    background: transparent;
    border-color: transparent;
    display: inline-block;
    font-size: .875rem;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    position: relative;
    z-index: 1;
    border: 1px solid #dcdcdc; }
    .cart-table__quantity input[type="number"]::-webkit-inner-spin-button, .cart-table__quantity input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      -moz-appearance: textfield;
      margin: 0; }

.cart-table__total {
  text-align: right;
  font-weight: 600;
  padding-left: .25rem; }

.cart-table__total--main {
  font-size: 1rem;
  font-weight: 700;
  color: #f1b600; }

.cart-table__remove {
  text-align: center;
  fill: #f1b600;
  width: 32px; }

.ui.large.right.floated.fee.label {
  background: none; }

.btn--cart-edit {
  padding-top: 0.1rem; }

.products {
  list-style-type: none;
  margin: 0 0 2rem 0;
  padding: 0; }
  @media only screen and (min-width: 480px) {
    .products {
      display: flex;
      margin-left: -0.3rem;
      margin-right: -0.3rem;
      flex-wrap: wrap; } }

.product {
  margin: 0 0 0.6rem;
  position: relative;
  color: #222; }
  @media only screen and (min-width: 480px) {
    .product {
      flex: 1 1 50%;
      padding: 0 0.3rem;
      max-width: 50%; } }
  @media only screen and (min-width: 992px) {
    .product {
      flex: 1 1 33.3333%;
      max-width: 33.3333%; } }
  @media only screen and (min-width: 1199.98px) {
    .product {
      flex: 1 1 50%;
      max-width: 50%; } }
  @media only screen and (min-width: 1450px) {
    .product {
      flex: 1 1 33.3333%;
      max-width: 33.3333%; } }
  .product:hover {
    text-decoration: none;
    cursor: pointer; }
    .product:hover .product__tag--info .st1 {
      fill: #d29f00; }
  .product .scroll-point {
    position: absolute;
    top: -35vh; }

.product--main {
  width: 100%;
  margin: auto;
  max-width: 780px; }
  .product--main .product__description {
    font-size: .875rem; }
    .product--main .product__description .product__info {
      display: block; }
  @media only screen and (min-width: 480px) {
    .product--main .product__cart svg {
      width: 65px;
      height: auto; } }
  @media only screen and (min-width: 480px) {
    .product--main .product__heading {
      font-size: 1.25rem; } }
  .product--main .product__description--bottom {
    display: block; }

.product--config {
  width: auto;
  max-width: none;
  background: url("../img/config-back-custom-xs-v2.jpg") no-repeat left top;
  background-size: cover;
  background-attachment: fixed;
  padding: 0.875rem;
  margin: -0.875rem;
  min-height: calc(100vh - 70px - 38px);
  display: flex; }
  @media only screen and (min-width: 768px) {
    .product--config {
      background-image: url("../img/config-back-custom-v2.jpg"); } }
  @media only screen and (min-width: 1450px) {
    .product--config {
      padding-right: 1.5rem;
      margin-right: -.75rem; } }
  .product--config:after {
    display: none;
    content: "";
    position: absolute;
    width: 320px;
    float: none;
    left: 50%;
    transform: translateX(-50%);
    background: url("../img/img-tal-custom.png") no-repeat center top;
    background-size: cover;
    height: 100%;
    top: 0;
    margin-left: -5px; }
    @media only screen and (min-height: 800px) {
      .product--config:after {
        background-size: contain; } }
    @media only screen and (max-width: 760px) and (orientation: portrait) {
      .product--config:after {
        top: -1.25rem;
        background-size: contain; } }
    @media only screen and (min-width: 480px) {
      .product--config:after {
        position: fixed;
        left: 50%;
        margin-left: -180px;
        transform: translateX(-50%);
        width: calc(100% - 360px - 24px);
        max-width: 480px;
        top: 70px; } }
    @media only screen and (min-width: 992px) {
      .product--config:after {
        max-width: 580px;
        margin-left: -195px;
        top: calc(70px - 45px); } }
    @media only screen and (min-width: 1199.98px) {
      .product--config:after {
        margin-left: -360px;
        max-width: 640px; } }
    @media only screen and (min-width: 1450px) {
      .product--config:after {
        max-width: 860px;
        margin-left: -430px;
        width: calc(100% - 480px - 360px + 70px); } }
  .product--config .product__innner {
    margin: 375px auto 0;
    width: 100%; }
    @media only screen and (min-width: 480px) {
      .product--config .product__innner {
        width: auto;
        margin: 0 0 0 auto; } }
    .product--config .product__innner .product__cart-wrap {
      width: 100%; }
  .product--config .app-product-adding-to-cart {
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 360px;
    width: 100%; }
    @media only screen and (min-width: 480px) {
      .product--config .app-product-adding-to-cart {
        width: 280px;
        padding-bottom: 4rem; } }
    @media only screen and (min-width: 768px) {
      .product--config .app-product-adding-to-cart {
        width: 360px;
        max-width: 360px; } }
    @media only screen and (min-width: 1450px) {
      .product--config .app-product-adding-to-cart {
        max-width: 480px;
        width: 480px; } }
  .product--config .btn--option-price {
    margin: auto; }
    @media only screen and (min-width: 768px) {
      .product--config .btn--option-price {
        align-self: flex-end;
        margin: 0 0 0 auto; } }

.product:not(.product--config) .app-product-adding-to-cart.loading:before {
  border-radius: 0; }

.product__img {
  position: relative; }
  .product__img img {
    width: 100%; }

.product__description {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #222;
  border-radius: 0;
  font-size: .75rem;
  z-index: 1;
  display: block; }
  .product__description-bg {
    background-color: rgba(243, 243, 243, 0.7);
    padding: 1rem 1rem .5rem; }
  .product__description .product__info {
    display: none; }

.product-inserted {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(51, 47, 50, 0.7);
  border-radius: 0;
  animation: remove 2.25s ease-out forwards;
  z-index: 150; }
  .product-inserted .product-inserted__content {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center; }
    .product-inserted .product-inserted__content h3 {
      color: white; }
    .product-inserted .product-inserted__content svg {
      width: 4rem;
      height: 4rem;
      stroke: #64b04a;
      stroke-dashoffset: 745.74853515625;
      stroke-dasharray: 745.74853515625;
      animation: dash 2s ease-out forwards infinite; }

@keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625; }
  100% {
    stroke-dashoffset: 0; } }

@keyframes remove {
  0% {
    opacity: 1;
    width: 100%;
    height: 100%; }
  90% {
    opacity: 1;
    width: 100%;
    height: 100%; }
  98% {
    opacity: 0;
    width: 100%;
    height: 100%; }
  100% {
    opacity: 0;
    width: 0;
    height: 0; } }

.product__description--bottom {
  top: auto;
  bottom: 0;
  border-radius: 0;
  display: none; }

.product__subheading {
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Boulevard", "Arial", sans-serif;
  font-size: 1rem; }

.product__info {
  margin: 0; }

.product__content {
  padding: .75rem .5rem .5rem;
  display: flex; }

.product__heading {
  font-size: .875rem;
  color: #332f32;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  flex: 100 1 auto;
  align-self: center; }

.product__heading--variants {
  align-self: flex-end;
  padding-bottom: .5rem; }

.product__inventory {
  flex: 0;
  display: flex; }

.product__price {
  color: #222;
  font-weight: 700;
  font-size: 1rem;
  align-self: center;
  padding: 0 1rem 0 .5rem;
  white-space: nowrap; }

.product__price--variants {
  padding: 2.75rem 1rem .5rem .5rem;
  align-self: flex-end; }
  @media only screen and (min-width: 768px) {
    .product__price--variants {
      padding: 0 1rem .5rem .5rem; } }

.product__cart-wrap {
  align-self: center;
  display: flex; }
  .product__cart-wrap .ui.form {
    text-align: right; }
    .product__cart-wrap .ui.form .product__variants {
      margin: 1.75rem 0 .25rem;
      white-space: nowrap;
      align-self: center; }
      @media only screen and (min-width: 768px) {
        .product__cart-wrap .ui.form .product__variants {
          margin: 0 0 .25rem; } }
      .product__cart-wrap .ui.form .product__variants .field > label {
        display: none; }
      .product__cart-wrap .ui.form .product__variants select {
        min-width: 100px;
        position: absolute;
        top: 0;
        right: 0; }
        @media only screen and (min-width: 768px) {
          .product__cart-wrap .ui.form .product__variants select {
            position: relative;
            top: auto;
            right: auto;
            min-width: 125px; } }

.product__cart {
  position: relative;
  z-index: 1;
  border: 0;
  align-self: center; }

.btn--block {
  width: 100%;
  margin-top: -1rem; }

.product__lightbox {
  position: fixed;
  color: #fff;
  text-align: center;
  padding: 5rem 3rem;
  font-size: 1.25rem;
  line-height: 1.5;
  left: 0;
  top: 70px;
  right: 0;
  bottom: 0;
  z-index: 1001;
  background-color: rgba(76, 60, 48, 0.87);
  opacity: 1; }
  @media only screen and (min-width: 1920px) {
    .product__lightbox {
      width: 1920px;
      left: 50%;
      transform: translateX(-50%); } }
  @media only screen and (min-width: 992px) {
    .product__lightbox {
      font-size: 2rem; } }
  .product__lightbox .btn {
    margin: 1rem 0; }
    @media only screen and (min-width: 768px) {
      .product__lightbox .btn {
        margin: 0 1rem; } }

.product__landing h1 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 .5rem;
  text-transform: uppercase; }

@media only screen and (min-width: 768px) {
  .product__landing .ui.grid {
    padding: 1rem 1rem 0 0; }
    .product__landing .ui.grid > .row {
      border-bottom: 1px solid rgba(131, 131, 131, 0.5); }
      .product__landing .ui.grid > .row > .column:first-child {
        padding-left: 0; }
      .product__landing .ui.grid > .row > .column:last-child {
        padding-right: 0; } }

@media only screen and (min-width: 768px) {
  .product__landing-foot .row > .column:last-child {
    text-align: right; } }

.product__tag {
  position: absolute;
  z-index: 1;
  background: #f1b600;
  color: #fff;
  bottom: .75rem;
  right: .75rem;
  display: block;
  padding: .0 1rem;
  height: 1.4rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  font-size: .625rem;
  border-radius: 0; }

.product__tag--veg {
  background-color: #4f925c; }

.product__tag--daily_baguette {
  position: relative;
  float: right;
  right: unset;
  bottom: unset;
  height: 72px;
  width: 72px;
  background: transparent url("../img/daily-bageta.jpg") no-repeat center top;
  background-size: contain; }

.product--out-of-stock--en_US {
  background: transparent url("../img/out_of_stock-en.png") no-repeat center top; }

.product--out-of-stock--cs_CZ {
  background: transparent url("../img/out_of_stock.png") no-repeat center top; }

[class^="product--out-of-stock"] {
  background-size: contain;
  position: relative;
  width: 100%;
  opacity: 0.95;
  padding-bottom: 22.8%;
  float: left; }

.product-modal__content .product--out-of-stock {
  margin-top: 0.75rem; }

.pastry--item .product--out-of-stock {
  margin: 0;
  top: 0;
  left: 0;
  position: absolute; }
  @media only screen and (max-width: 619.99px) {
    .pastry--item .product--out-of-stock.product--out-of-stock--cs_CZ {
      background-image: url("../img/out_of_stock-mobile.png"); } }
  @media only screen and (max-width: 619.99px) {
    .pastry--item .product--out-of-stock.product--out-of-stock--en_US {
      background-image: url("../img/out_of_stock-mobile-en.png"); } }

.product__tag--info {
  left: .75rem;
  right: auto;
  background: transparent;
  border-radius: 0;
  padding: 0; }
  .product__tag--info.product__tag--info-half-pizza {
    top: .95rem; }

.product__tag--hot {
  background-color: #f1b600; }

.product__tag--alessandro {
  border-radius: 0;
  right: auto;
  left: 0;
  bottom: -1.4rem; }
  .product__tag--alessandro:after {
    content: "";
    position: absolute;
    right: -1rem;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.4rem 1rem 0 0;
    border-color: #f1b600 transparent transparent transparent; }

/* Product image */
.product-custom__img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: auto;
  width: 96%;
  object-fit: contain; }
  @media (min-aspect-ratio: 160 / 100) {
    .product-custom__img {
      height: 90%;
      width: auto;
      max-width: 100%; } }

/* Background image under product */
.product__tal,
.product-option__images {
  position: absolute;
  width: 320px;
  left: 50%;
  transform: translateX(-50%);
  height: 375px;
  top: 0;
  margin-left: -5px;
  transition: top .25s ease-in-out;
  background: url("../img/img-tal-custom.png") no-repeat center top;
  background-size: contain; }
  @media only screen and (min-width: 480px) {
    .product__tal,
    .product-option__images {
      position: fixed;
      left: 1rem;
      margin: 0;
      transform: none;
      width: calc(100vw - 280px - 3rem);
      height: calc(100vh - 70px - 38px - 1rem);
      top: 70px; } }
  @media only screen and (min-width: 620px) {
    .product__tal,
    .product-option__images {
      left: calc(2vw + 2rem);
      width: calc(96vw - 280px - 4rem); } }
  @media only screen and (min-width: 768px) {
    .product__tal,
    .product-option__images {
      left: calc(3vw + 2rem);
      width: calc(94vw - 360px - 4rem); } }
  @media only screen and (min-width: 992px) {
    .product__tal,
    .product-option__images {
      left: calc(5vw + 2rem);
      width: calc(90vw - 360px - 4rem);
      height: calc(100vh - 70px - 38px - 5rem); } }
  @media only screen and (min-width: 1199.98px) {
    .product__tal,
    .product-option__images {
      left: calc(2vw + 2rem);
      width: calc(96vw - 360px - 360px - 4rem); } }
  @media only screen and (min-width: 1350px) {
    .product__tal,
    .product-option__images {
      left: calc(2vw + 2rem);
      width: calc(96vw - 360px - 360px - 4rem); } }
  @media only screen and (min-width: 1450px) {
    .product__tal,
    .product-option__images {
      left: calc(3vw + 2rem);
      width: calc(94vw - 480px - 360px - 4rem); } }
  @media only screen and (min-width: 1750px) {
    .product__tal,
    .product-option__images {
      left: calc(5vw + 2rem);
      width: calc(90vw - 480px - 360px - 4rem); } }
  @media only screen and (max-height: 760px) and (orientation: landscape) {
    .product__tal,
    .product-option__images {
      height: calc(100vh - 13px - 4.5rem);
      top: calc(70px - 7%); } }
  @media only screen and (min-width: 1920px) {
    .product__tal,
    .product-option__images {
      left: calc(50% - 835px);
      width: 760px; } }

@media only screen and (max-width: 1024px) and (min-width: 480px) {
  .body--scroll .product__tal,
  .body--scroll .product-option__images {
    top: 48px; } }

@media only screen and (max-width: 1024px) and (max-height: 760px) and (orientation: landscape) {
  .body--scroll .product__tal,
  .body--scroll .product-option__images {
    top: calc(48px - 7%); } }

.product-option__images {
  background: none; }

.product-custom__img-wrap {
  position: absolute;
  width: 80%;
  padding-bottom: 79.52%;
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
  object-fit: contain; }
  @media only screen and (min-width: 480px) {
    .product-custom__img-wrap {
      top: 20%; } }
  @media (min-width: 3500px) {
    .product-custom__img-wrap {
      top: 10%; } }
  @media (min-aspect-ratio: 160 / 100) {
    .product-custom__img-wrap {
      padding-bottom: 0;
      width: 100%;
      bottom: 0; } }
  @media (max-aspect-ratio: 125 / 100) and (min-width: 480px) {
    .product-custom__img-wrap {
      top: 15%; } }
  @media (max-aspect-ratio: 8 / 10) and (min-width: 480px) {
    .product-custom__img-wrap {
      top: 10%; } }
  @media (max-aspect-ratio: 60 / 100) and (min-width: 480px) {
    .product-custom__img-wrap {
      top: 6%; } }

@media only screen and (min-width: 1199.98px) {
  span.header-logo__title.header-btn__icon_back.header-logo__title--custom.back {
    margin-top: -12px; } }

@media only screen and (max-width: 479.98px) {
  .product--config .app-product-adding-to-cart {
    max-width: 100%; }
  .product__tal, .product-option__images {
    position: fixed;
    z-index: 50;
    top: 45px;
    height: 250px; }
  .product--config .product__innner {
    margin: 205px auto 0; }
  .body--scroll .product__tal, .body--scroll .product-option__images {
    top: 22px; } }

@media only screen and (max-width: 359.98px) {
  .product__tal, .product-option__images {
    height: 190px;
    top: 52px; }
  .product--config .product__innner {
    margin: 140px auto 0; }
  .body--scroll .product__tal, .body--scroll .product-option__images {
    top: 29px; } }

.product-option--half .btn--more .btn__label {
  font-size: 80%; }
  @media only screen and (min-width: 768px) {
    .product-option--half .btn--more .btn__label {
      font-size: 100%; } }

.product__bgmask--wrapper {
  height: 228px;
  overflow: hidden;
  position: fixed;
  z-index: 30;
  width: 100%;
  margin: -70px -0.875rem 0rem; }
  @media only screen and (min-width: 360px) {
    .product__bgmask--wrapper {
      height: 281px; } }
  @media only screen and (min-width: 480px) {
    .product__bgmask--wrapper {
      display: none; } }

.body--scroll .product__bgmask--wrapper {
  margin-top: -48px; }

.product__bgmask {
  width: 100%;
  height: calc(100vh);
  margin: -0.875rem 0;
  background-image: url("../img/config-back-custom-xs-v2.jpg");
  background-position: left top;
  background-size: cover;
  z-index: 20; }
  @media only screen and (min-width: 480px) {
    .product__bgmask {
      display: none; } }

h1.product-heading,
h1.product-heading#menu {
  background: #f1b600;
  color: #fff;
  text-align: center;
  padding: 0.5rem 0 0 0;
  font-size: 2rem; }

.products .product__innner > .product__img:before {
  content: '';
  display: block;
  width: 100%;
  padding-top: 100%; }

.products .product__innner > .product__img img.ui.image.product__image {
  position: absolute;
  top: 0; }

span.menu-configurator__item_price {
  flex: 0 1 auto;
  font-weight: 700;
  margin-bottom: 0; }

.product-config__form {
  flex: 1;
  max-width: 360px;
  margin: 2rem auto;
  z-index: 1;
  position: relative; }
  @media only screen and (min-width: 480px) {
    .product-config__form {
      max-width: 280px; } }
  @media only screen and (min-width: 768px) {
    .product-config__form {
      max-width: 360px; } }
  @media only screen and (min-width: 992px) {
    .product-config__form {
      margin: 3rem auto; } }
  @media only screen and (min-width: 1450px) {
    .product-config__form {
      max-width: 480px; } }
  @media only screen and (min-width: 768px) and (min-height: 800px) {
    .product-config__form {
      padding-top: 3rem; } }
  .product-config__form .btn--option-price {
    margin: 1rem auto; }

.product-option {
  display: block;
  margin: 0 0 0.75rem;
  position: relative; }
  @media only screen and (min-width: 1450px) {
    .product-option {
      margin: 0 0 1.25rem; } }
  .product-option .error {
    background-color: #f3f3f3;
    color: red; }
  .product-option .btn--more {
    position: relative;
    background-color: #ececec;
    height: 2.5rem;
    line-height: 2.5rem;
    white-space: nowrap;
    border-radius: 1.25rem;
    text-transform: uppercase;
    font-size: 0.875rem;
    color: #3b3737;
    display: flex;
    width: 100%;
    padding: 0 1.5rem;
    z-index: 1; }
    @media only screen and (min-width: 1450px) {
      .product-option .btn--more {
        height: 3.25rem;
        line-height: 3rem;
        border-radius: 1.625rem; } }
    .product-option .btn--more .btn__icon {
      margin: 0 0 0 auto;
      fill: #3b3737;
      align-self: center; }
  .product-option .btn--more-active {
    transform: none; }
    .product-option .btn--more-active .btn__icon {
      transform: rotate(180deg); }

.product-option--save .btn__icon {
  transform: rotate(-90deg); }

.product-option--save button.btn.btn--more {
  background-color: #dac9b8; }

.product-option--save button.btn.btn--more:hover {
  background-color: #d1beab; }

@media only screen and (min-width: 768px) and (min-height: 800px) {
  .product-config__header {
    position: fixed;
    top: 70px;
    right: 0;
    padding-right: .875rem;
    background: url("../img/config-back-custom-v2.jpg") no-repeat right top;
    background-attachment: fixed;
    text-align: right;
    height: 6rem;
    width: calc(360px + 2rem);
    z-index: 2;
    margin-right: 2px; }
    .product-config__header.product-config-half-pizza {
      top: 165px;
      background-image: none; } }

@media only screen and (min-width: 1200px) and (min-height: 800px) {
  .product-config__header {
    right: 360px; } }

@media only screen and (min-width: 1450px) and (min-height: 800px) {
  .product-config__header {
    width: calc(480px + 2rem);
    padding-right: 1.5rem;
    right: 360px; } }

@media only screen and (min-width: 1920px) and (min-height: 800px) {
  .product-config__header {
    right: calc((50vw - (1920px / 2)) + 360px); } }

@media only screen and (min-width: 768px) and (min-height: 800px) {
  .product-config__header .product-option--half {
    width: calc((360px - 0.75rem) / 2);
    position: absolute;
    right: .875rem;
    bottom: 1rem;
    margin-bottom: 0; } }

@media only screen and (min-width: 1450px) and (min-height: 800px) {
  .product-config__header .product-option--half {
    width: calc((480px - 0.75rem) / 2);
    right: 1.5rem; } }

@media only screen and (min-width: 768px) and (min-height: 800px) {
  .product-config__header .product-option--half:first-child {
    right: calc(((360px - 0.75rem) / 2) + .875rem); } }

@media only screen and (min-width: 1450px) and (min-height: 800px) {
  .product-config__header .product-option--half:first-child {
    right: calc(((480px - 0.75rem) / 2) + 1.5rem); } }

@media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 800px) {
  .body--scroll .product-config__header {
    top: 48px; } }

.product-option--half {
  display: inline-block;
  width: calc(50% - (0.75rem / 2)); }
  @media only screen and (min-width: 1450px) {
    .product-option--half {
      margin-bottom: 2rem; } }
  .product-option--half .btn--more {
    padding: 0 .5rem;
    font-weight: 600;
    text-align: center; }
    .product-option--half .btn--more .btn__label {
      margin: auto; }
  .product-option--half:first-child {
    margin-right: .75rem; }

.product-option--valid .btn--more {
  color: #fff;
  background-color: #4f925c; }
  .product-option--valid .btn--more .btn__icon {
    fill: #fff; }

.product-option--active .btn--more {
  color: #fff;
  background-color: #f1b600; }
  .product-option--active .btn--more .btn__icon {
    fill: #fff; }

.product-option--fade .btn--more {
  background-color: rgba(131, 131, 131, 0.7); }

.product-option__detail {
  background-color: rgba(34, 34, 34, 0.62);
  border-radius: 0 0 1.25rem 1.25rem;
  color: #fff;
  padding: 1.25rem 1.25rem 0;
  margin: -1.25rem 0 0 0; }

.product-option__item {
  padding: 0.875rem 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
  color: #fff;
  display: flex;
  align-items: center; }
  .product-option__item:last-child {
    border-bottom: none; }
  .product-option__item .btn--cart-edit {
    background-color: #f1b600;
    color: #fff;
    margin: 0 .75rem 0 auto;
    align-self: center; }
    .product-option__item .btn--cart-edit:last-child {
      margin: 0 0 0 .75rem; }

.product-option__value {
  text-transform: uppercase;
  font-size: 0.875rem;
  padding: 0 1rem 0 .125rem;
  align-self: center;
  width: 60%;
  text-align: left; }

.product-option__info {
  fill: #838383;
  align-self: center; }

.product-option__images img {
  position: absolute;
  float: left; }

.product-menu {
  padding: 7px; }
  .product-menu .cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
  .product-menu .card {
    position: relative;
    flex: 0 0 100%;
    padding-bottom: 32px; }
    @media only screen and (min-width: 992px) {
      .product-menu .card {
        flex: 1 1 33.3%; } }
    @media only screen and (min-width: 1199.98px) {
      .product-menu .card {
        flex: 0 0 100%; } }
    @media only screen and (min-width: 1450px) {
      .product-menu .card {
        flex: 1 1 33.3%; } }
    .product-menu .card:before, .product-menu .card:after {
      content: '';
      display: block;
      position: absolute;
      background: #f1b600; }
    .product-menu .card:before {
      width: 4px;
      height: 16px;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
      @media only screen and (min-width: 992px) {
        .product-menu .card:before {
          top: 32px;
          right: -2px;
          left: auto;
          transform: none; } }
      @media only screen and (min-width: 1199.98px) {
        .product-menu .card:before {
          width: 4px;
          height: 16px;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          top: inherit; } }
      @media only screen and (min-width: 1450px) {
        .product-menu .card:before {
          top: 32px;
          right: -2px;
          left: auto;
          transform: none; } }
    .product-menu .card:after {
      width: 16px;
      height: 4px;
      bottom: 6px;
      left: 50%;
      transform: translateX(-50%); }
      @media only screen and (min-width: 992px) {
        .product-menu .card:after {
          top: 38px;
          right: -8px;
          left: auto;
          transform: none; } }
      @media only screen and (min-width: 1199.98px) {
        .product-menu .card:after {
          width: 16px;
          height: 4px;
          bottom: 6px;
          left: 50%;
          transform: translateX(-50%);
          top: inherit; } }
      @media only screen and (min-width: 1450px) {
        .product-menu .card:after {
          top: 38px;
          right: -8px;
          left: auto;
          transform: none; } }
    .product-menu .card:last-child:before, .product-menu .card:last-child:after {
      display: none; }
  .product-menu .card-label {
    display: block;
    background: #f1b600;
    color: #fff;
    padding: 15px 10px 12px 10px;
    margin: 17px;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase; }
  .product-menu .card-option-list {
    list-style: none;
    padding: 0 17px 5px 17px;
    margin: 0 -1px; }
    @media only screen and (min-width: 992px) {
      .product-menu .card-option-list {
        border-left: 2px solid #ddd3c9;
        border-right: 2px solid #ddd3c9; } }
    @media only screen and (min-width: 1199.98px) {
      .product-menu .card-option-list {
        border: none; } }
    @media only screen and (min-width: 1450px) {
      .product-menu .card-option-list {
        border-left: 2px solid #ddd3c9;
        border-right: 2px solid #ddd3c9; } }
  .product-menu .card:first-child .card-option-list {
    border-left: transparent; }
  .product-menu .card:last-child .card-option-list {
    border-right: transparent; }
  .product-menu .card-option {
    border-bottom: 2px dashed #ddd3c9;
    padding: 14px 0;
    margin: 0 4px 1px 4px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; }
    .product-menu .card-option > * {
      flex: 1 1 auto; }
    .product-menu .card-option .ui.radio.checkbox {
      display: block; }
      .product-menu .card-option .ui.radio.checkbox label {
        display: block;
        padding: 0 40px 0 0;
        text-align: left;
        font-size: 14px;
        text-transform: uppercase;
        min-height: 28px;
        opacity: 0.8;
        transition: opacity 0.15s; }
        .product-menu .card-option .ui.radio.checkbox label:hover {
          opacity: 1; }
        .product-menu .card-option .ui.radio.checkbox label:before, .product-menu .card-option .ui.radio.checkbox label:after {
          right: 0;
          left: auto;
          width: 28px;
          height: 28px;
          transform: none;
          transition: opacity 0.15s; }
        .product-menu .card-option .ui.radio.checkbox label:before {
          background: none;
          border: 2px solid #3b3737; }
        .product-menu .card-option .ui.radio.checkbox label:after {
          background: url("../img/ico-check-opaque.svg");
          background-position: -0.5px -0.5px;
          background-size: 30px 30px; }
      .product-menu .card-option .ui.radio.checkbox input:checked ~ label:before {
        opacity: 0; }
  .product-menu .card-info {
    display: inline-block;
    margin-right: 19px;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background-image: url("../img/ico-info2.png");
    background-size: contain;
    cursor: pointer; }
  .product-menu .submit {
    padding: 14px 21px; }
    .product-menu .submit .btn {
      border-radius: 0;
      width: 100%; }
      @media only screen and (min-width: 620px) {
        .product-menu .submit .btn {
          width: auto; } }
      .product-menu .submit .btn:after {
        content: '';
        position: relative;
        top: 2px;
        display: inline-block;
        height: 18px;
        width: 20px;
        background-image: url("../img/ico-kosik2.svg");
        background-repeat: no-repeat;
        background-size: contain; }
    .product-menu .submit .product__price {
      color: #fff;
      font-size: inherit;
      font-weight: inherit;
      text-transform: none; }

.product-modal {
  display: none; }

.product-modal--active {
  display: block;
  position: fixed;
  left: 0;
  top: 70px;
  right: 0;
  bottom: 0;
  z-index: 900;
  background-color: rgba(76, 60, 48, 0.87);
  opacity: 1; }
  @media only screen and (min-width: 1199.98px) {
    .product-modal--active {
      left: 260px;
      right: 360px; }
      .product-modal--active.modal-no-left-nav {
        left: 0; } }
  @media only screen and (min-width: 1920px) {
    .product-modal--active {
      width: calc(1920px - 260px - 360px);
      left: 50%;
      transform: translateX(-50%);
      margin: 0 0 0 -50px; }
      .product-modal--active.modal-no-left-nav {
        width: calc(1920px - 360px);
        left: calc(50% - (260px/2)); } }
  @media only screen and (max-height: 760px) and (orientation: landscape) {
    .product-modal--active {
      max-height: 75vh; } }

@media only screen and (max-width: 1024px) {
  .body--scroll .product-modal--active {
    top: 48px; } }

.product-modal__content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: auto;
  background: #f3f3f3; }
  .product-modal__content .product__description {
    font-size: .875rem;
    display: block; }
    .product-modal__content .product__description-bg {
      padding: .75rem 4rem .75rem 1rem; }
  @media only screen and (min-width: 480px) {
    .product-modal__content .product__cart svg {
      width: 65px;
      height: auto; } }
  @media only screen and (min-width: 480px) {
    .product-modal__content .product__heading {
      font-size: 1.25rem; } }
  .product-modal__content .product__description--bottom {
    display: block;
    border-radius: 0; }
    .product-modal__content .product__description--bottom h4 {
      margin: 0; }
    .product-modal__content .product__description--bottom p {
      margin: 0; }
  .product-modal__content .product__img {
    min-width: 90vw; }
    @media only screen and (min-width: 768px) {
      .product-modal__content .product__img {
        min-width: 585px; } }
    @media only screen and (max-height: 760px) and (orientation: landscape) {
      .product-modal__content .product__img {
        min-width: auto; } }
    .product-modal__content .product__img img {
      border-radius: 0; }
  .product-modal__content .product__tag {
    display: none; }
  .product-modal__content .product__subheading {
    font-size: 1.125rem;
    font-family: "Boulevard", "Arial", sans-serif; }
  .product-modal__content .product__content {
    padding: 1rem; }
    .product-modal__content .product__content .product__heading {
      font-size: .875rem; }

.product-modal__close {
  position: absolute;
  background: #f1b600;
  width: 2rem;
  height: 2rem;
  fill: #fff;
  border: 0;
  border-radius: 50%;
  top: .5rem;
  right: .75rem;
  z-index: 100;
  padding: .75rem; }
  .product-modal__close svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1rem;
    height: 1rem; }
  .product-modal__close:hover {
    background: #d29f00;
    cursor: pointer; }

.product-modal__overlay {
  position: fixed;
  left: 0;
  top: 0; }

/* pastry modal */
.pastry--items-container {
  flex-wrap: wrap; }
  @media only screen and (min-width: 620px) {
    .pastry--items-container {
      flex-wrap: nowrap; } }

.pastry--item {
  flex-basis: 100%;
  display: flex;
  flex-direction: row;
  padding: 0.5rem;
  position: relative; }
  .pastry--item.item-active {
    outline: 0.25rem #FFC107 solid;
    outline-offset: -0.25rem; }
  .pastry--item > label {
    flex-basis: 33%;
    position: relative; }
    .pastry--item > label.disabled img {
      opacity: 0.5; }
  @media only screen and (min-width: 620px) {
    .pastry--item {
      flex-basis: auto;
      display: flex;
      flex-direction: column;
      padding-bottom: 1rem; }
      .pastry--item > label {
        flex-basis: 100%; } }
  .pastry--item img {
    max-width: 100%;
    width: 150px; }
    @media only screen and (min-width: 620px) {
      .pastry--item img {
        width: 300px;
        margin-bottom: 1rem; } }
    .pastry--item img:hover {
      cursor: pointer; }
  .pastry--item .field {
    display: flex; }
    @media only screen and (min-width: 620px) {
      .pastry--item .field {
        flex-direction: column; } }
  .pastry--item .ui.radio {
    align-self: center; }
    @media only screen and (max-width: 619.99px) {
      .pastry--item .ui.radio {
        padding-left: 0.5rem; }
        .pastry--item .ui.radio.checkbox label {
          padding-left: 1.25em; } }
  .pastry--item .radio label {
    text-align: left; }
    @media only screen and (min-width: 768px) {
      .pastry--item .radio label .radio label {
        text-align: center; } }

.pastry--details {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  text-align: left;
  justify-content: space-between; }
  @media only screen and (min-width: 620px) {
    .pastry--details {
      flex-direction: column; } }

#productModalInner {
  overflow-y: hidden; }

.login {
  text-align: center;
  padding: 3rem 1rem;
  max-width: 830px; }
  @media only screen and (max-height: 760px) and (orientation: landscape) {
    .login {
      padding: 1rem; } }

.login__heading {
  font-size: 2rem;
  margin: 0 0 1rem; }
  @media only screen and (max-height: 760px) and (orientation: landscape) {
    .login__heading {
      font-size: 1.5rem;
      margin: 0 0 .5rem; } }

.login__subheading {
  font-size: 1.5rem;
  margin: 0 0 1.5rem;
  line-height: 1.2; }
  @media only screen and (max-height: 760px) and (orientation: landscape) {
    .login__subheading {
      font-size: 1.125rem;
      margin: 0 0 .75rem; } }

.login__text {
  font-size: 1.125rem;
  margin: 0 0 1.5rem; }
  @media only screen and (max-height: 760px) and (orientation: landscape) {
    .login__text {
      font-size: 1rem;
      margin: 0 0 .75rem; } }

.login__register {
  display: block;
  text-decoration: underline;
  color: #3b3737;
  font-size: 1.5rem;
  line-height: 2rem;
  margin: 0 0 2.5rem; }
  @media only screen and (max-height: 760px) and (orientation: landscape) {
    .login__register {
      font-size: 1.25rem;
      margin: 0 0 1.5rem; } }
  .login__register:hover {
    text-decoration: none;
    color: #3b3737; }

.login__socials .btn {
  display: block;
  margin: 0 0 .25rem; }
  @media only screen and (min-width: 768px) {
    .login__socials .btn {
      display: inline-block;
      margin: 0 .125rem; } }

.login-form {
  max-width: 420px;
  margin: auto; }
  .login-form .field > label {
    display: none; }
  .login-form .btn[data-modal] {
    display: none; }

.login-form__reset {
  text-decoration: underline;
  color: #3b3737;
  font-size: 1rem;
  margin: 1rem 0 2.5rem;
  display: block; }
  @media only screen and (max-height: 760px) and (orientation: landscape) {
    .login-form__reset {
      margin: .5rem 0 2rem; } }
  .login-form__reset:hover {
    text-decoration: none;
    color: #3b3737; }

.login__divider {
  margin: 2rem auto 1rem;
  position: relative;
  overflow: hidden;
  max-width: 600px; }
  .login__divider:before, .login__divider:after {
    content: "";
    height: 1px;
    border-top: 1px dashed rgba(59, 55, 55, 0.5);
    position: absolute;
    top: 50%;
    width: 80%; }
  .login__divider:before {
    transform: translateX(-100%);
    margin-left: -1.5rem; }
  .login__divider:after {
    margin: 0 0 0 1.5rem; }

.login__footer {
  display: flex;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto; }

.modal-content .login-form #sylius_customer_registration_phoneNumber_phoneNumber {
  border: 2px solid #fff !important; }

.modal-content .login-form .phone-prefix {
  border: 2px solid #fff !important;
  border-right: none; }

.login-form .phone-prefix {
  border: 2px solid black;
  border-right: none;
  border-radius: 0px; }

.login-form #sylius_customer_registration_phoneNumber_phoneNumber {
  border-right: 2px solid black !important;
  border-left: 2px solid black;
  border-radius: 0px;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.login-form .ui.right.labeled.input {
  display: flex; }

.modal {
  display: none;
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  align-content: center; }

.modal--active {
  display: flex;
  position: fixed;
  left: 0;
  top: 70px;
  right: 0;
  bottom: 0;
  z-index: 990;
  background-color: rgba(76, 60, 48, 0.87);
  opacity: 1; }
  @media only screen and (min-width: 1920px) {
    .modal--active {
      width: 1920px;
      left: 50%;
      transform: translateX(-50%); } }
  .modal--active.modal-order-cost-below-minimum {
    width: 100vw;
    max-width: 100vw;
    transform: none;
    top: 70px; }
    @media only screen and (min-width: 1920px) {
      .modal--active.modal-order-cost-below-minimum {
        transform: translateX(calc(-1920px / 2));
        width: 1920px; } }

.cart-side .modal--active.modal-order-cost-below-minimum {
  width: 100vw;
  max-width: 100vw;
  transform: none; }
  @media only screen and (min-width: 1199.98px) {
    .cart-side .modal--active.modal-order-cost-below-minimum {
      top: 0;
      transform: translateX(calc(-100vw + 360px));
      max-width: unset; } }
  @media only screen and (min-width: 1920px) {
    .cart-side .modal--active.modal-order-cost-below-minimum {
      max-width: 1920px;
      transform: translateX(calc(-1920px - (360px / 2) + 360px)); } }

@media only screen and (max-width: 1024px) {
  .body--scroll .modal--active {
    top: 48px; } }

.main--static {
  /*
  .modal--active {
    @media only screen and (min-width: 1199.98px) {
      right: $account-nav-width; 
    }

    @media only screen and (min-width: 1920px) {
      max-width: $layout-max-width ;
      width: calc(1920px - 360px);
      left: 50%;
      transform: translateX(-50%);
      margin: 0 0 0 -180px; //difference between nav and cart
    }
  }
  */ }

.modal--custom .modal-content {
  max-width: 825px; }
  @media only screen and (min-width: 1199.98px) {
    .modal--custom .modal-content .field input[type='text'],
    .modal--custom .modal-content .field input[type='password'],
    .modal--custom .modal-content .field input[type='email'],
    .modal--custom .modal-content .field textarea {
      border-width: .25rem;
      padding: 1.25rem 1rem;
      font-size: 1.75rem;
      max-width: 700px;
      margin-left: auto;
      margin-right: auto; } }

.modal--custom .login__heading {
  font-size: 1.75rem; }

.modal--custom .login__subheading {
  font-size: 1.25rem; }

.modal-content {
  color: #fff;
  padding: 2rem 1rem;
  text-align: center;
  margin: auto; }
  @media only screen and (max-height: 760px) and (orientation: landscape) {
    .modal-content {
      padding: 1rem; } }
  .modal-content .login {
    position: relative;
    z-index: 10;
    display: none; }
  .modal-content .login--active {
    display: block; }
    .modal-content .login--active p a {
      color: #f1b600; }
  .modal-content .login__register {
    color: #fff;
    font-weight: 700; }
  .modal-content .login-form__reset {
    color: #fff; }
  .modal-content .login__divider:before, .modal-content .login__divider:after {
    border-top: 1px dashed rgba(255, 255, 255, 0.5); }
  .modal-content .login-form input {
    color: #fff; }
    .modal-content .login-form input::selection {
      color: #fff; }
  .modal-content .login-form .btn[data-modal] {
    display: inline-block; }
  .modal-content .field input[type='text'],
  .modal-content .field input[type='password'],
  .modal-content .field input[type='email'],
  .modal-content .field textarea {
    border: 2px solid #fff;
    background: rgba(64, 51, 42, 0.64);
    padding: 0.875rem 1rem; }
    @media only screen and (max-height: 760px) and (orientation: landscape) {
      .modal-content .field input[type='text'],
      .modal-content .field input[type='password'],
      .modal-content .field input[type='email'],
      .modal-content .field textarea {
        padding: 0.5rem 1rem;
        font-size: .875rem; } }
    .modal-content .field input[type='text']::-webkit-input-placeholder,
    .modal-content .field input[type='password']::-webkit-input-placeholder,
    .modal-content .field input[type='email']::-webkit-input-placeholder,
    .modal-content .field textarea::-webkit-input-placeholder {
      color: #fff; }
    .modal-content .field input[type='text']:-moz-placeholder,
    .modal-content .field input[type='password']:-moz-placeholder,
    .modal-content .field input[type='email']:-moz-placeholder,
    .modal-content .field textarea:-moz-placeholder {
      color: #fff; }
    .modal-content .field input[type='text']::-moz-placeholder,
    .modal-content .field input[type='password']::-moz-placeholder,
    .modal-content .field input[type='email']::-moz-placeholder,
    .modal-content .field textarea::-moz-placeholder {
      color: #fff; }
    .modal-content .field input[type='text']:-ms-input-placeholder,
    .modal-content .field input[type='password']:-ms-input-placeholder,
    .modal-content .field input[type='email']:-ms-input-placeholder,
    .modal-content .field textarea:-ms-input-placeholder {
      color: #fff; }
  .modal-content .field .ui.toggle.checkbox .box,
  .modal-content .field .ui.toggle.checkbox label {
    color: #fff; }
    .modal-content .field .ui.toggle.checkbox .box:before,
    .modal-content .field .ui.toggle.checkbox label:before {
      background: #838383; }

.modal.visit-based-popup {
  background-color: transparent; }

.modal.visit-based-popup .modal-content {
  background-color: rgba(76, 60, 48, 0.87);
  width: 100%; }

.icon-phone-rotate {
  width: 150px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }

#product-config-phone-rotation p {
  max-width: 290px; }

#phone-rotation-modal-close img {
  width: 70px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }

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

.my-pizza {
  list-style: none;
  margin: 0;
  padding: 0; }

.my-pizza__item {
  padding: .5rem;
  display: flex;
  flex-wrap: wrap; }
  @media only screen and (min-width: 768px) {
    .my-pizza__item {
      flex-wrap: nowrap;
      padding: 1rem 2.5rem 1rem 1.5rem; }
      .my-pizza__item:nth-child(even) {
        background: #f3f3f3; } }

.my-pizza__img {
  margin: 0 2rem 0 0;
  border-radius: 1rem;
  width: 100px;
  height: 100px;
  display: block; }
  @media only screen and (min-width: 768px) {
    .my-pizza__img {
      width: 180px;
      height: 180px; } }

.my-pizza__title {
  flex: 1 1 auto;
  padding: 1.25rem 0 1rem 0; }
  @media only screen and (min-width: 768px) {
    .my-pizza__title {
      padding: 1.25rem 5rem 0 0; } }

.my-pizza__heading {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 700;
  border-bottom: 1px solid #c2b7ad;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 0.5rem; }
  .my-pizza__heading small {
    display: block;
    font-size: 0.875rem;
    text-transform: none;
    font-weight: 400;
    flex-basis: 1 1 100%;
    width: 100%; }

.my-pizza__price {
  margin: 0 0 0 auto;
  font-weight: 700; }

.my-pizza__detail {
  flex: 1 1 100%;
  white-space: nowrap; }
  @media only screen and (min-width: 768px) {
    .my-pizza__detail {
      flex: 0 0 auto; } }

.my-pizza__detail {
  font-size: 0.875rem; }

.my-pizza__order {
  padding: .5rem 0 0 0;
  text-decoration: none !important;
  display: flex; }
  @media only screen and (min-width: 768px) {
    .my-pizza__order {
      display: block; } }

.my-pizza__title-price {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.my-pizza__buttons {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center; }
  @media only screen and (min-width: 768px) {
    .my-pizza__buttons {
      flex-direction: column;
      align-items: unset; } }

button.fb-share-button {
  background: #4a68ae;
  color: #fff;
  text-transform: uppercase;
  font-size: 75%;
  height: 32px;
  border: none;
  border-radius: 16px;
  padding: 0 15px;
  margin-top: .5rem; }
  @media only screen and (max-width: 767.98px) {
    button.fb-share-button {
      margin-bottom: 0px; } }
  button.fb-share-button .icon_facebook {
    height: 14px;
    width: auto;
    margin: 5px 10px -3px 0; }

.ui.four.steps {
  flex-direction: row !important;
  display: flex !important; }
  .ui.four.steps .step {
    width: 25% !important;
    flex-direction: row !important;
    display: block;
    padding: 1rem .5rem !important; }
    @media only screen and (min-width: 480px) {
      .ui.four.steps .step {
        padding: 1rem !important; } }
    .ui.four.steps .step.active {
      background-color: #e6e6e6; }
      .ui.four.steps .step.active:after {
        background-color: #e6e6e6; }
      .ui.four.steps .step.active .content .title {
        color: #3b3737; }
    .ui.four.steps .step > .icon {
      margin: 0 0 .5rem; }
    .ui.four.steps .step .content {
      text-align: center; }
      .ui.four.steps .step .content .title {
        font-family: "Roboto", "Arial", sans-serif;
        font-size: .75rem;
        text-align: center; }
        @media only screen and (min-width: 360px) {
          .ui.four.steps .step .content .title {
            font-size: .825rem; } }
        @media only screen and (min-width: 480px) {
          .ui.four.steps .step .content .title {
            font-size: 1rem; } }

/*pickupicon*/
.ui.ordered.steps .step.active .ico-pickup, .ui.steps .active.step .ico-pickup {
  opacity: 0.85; }

.ico-pickup {
  margin-left: auto;
  margin-right: auto;
  width: 53px;
  height: 53px;
  margin-top: -8px; }

.ui.four.steps .step.step-pickup {
  display: inline-grid; }

.ui.steps .disabled.step .ico-pickup {
  opacity: 0.3; }

.ui.steps .step.completed .ico-pickup {
  display: none; }

.ui.steps .step.completed.step-pickup > .icon:before {
  color: #21BA45;
  font-family: Step;
  content: '\e800'; }

.ui.steps .step-pickup > .icon {
  display: none; }

.ui.steps .step.completed.step-pickup > .icon {
  display: block; }

.ui.segment.location {
  position: relative;
  width: 100%;
  padding: 0; }
  @media only screen and (min-width: 768px) {
    .ui.segment.location {
      padding: 50% 0 0; } }

#map.location__map {
  position: relative;
  height: calc(100vh - 70px - 38px) !important; }
  @media only screen and (min-width: 768px) {
    #map.location__map {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important; } }

.location__address {
  background-color: #f3f3f3;
  padding: .875rem;
  text-transform: uppercase;
  z-index: 1;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .location__address {
      position: absolute;
      right: 2rem;
      top: 2rem;
      width: 260px; } }
  .location__address h3 {
    text-transform: uppercase;
    color: #f1b600;
    font-size: 1rem;
    margin: 0 0 .5rem; }
  .location__address p {
    font-size: .875rem; }
  .location__address a {
    color: #f1b600;
    text-decoration: underline;
    font-weight: 600; }

.location__table td {
  padding: .125rem 1rem .125rem 0;
  font-size: .875rem; }

.ui.segment.static h1,
.ui.segment.static h2,
.ui.segment.static h3 {
  text-transform: uppercase; }

.ui.segment.static p,
.ui.segment.static ul,
.ui.segment.static ol,
.ui.segment.static dl {
  font-size: .875rem;
  margin: 0 0 1rem; }
  .ui.segment.static p + h2,
  .ui.segment.static p + h3,
  .ui.segment.static ul + h2,
  .ui.segment.static ul + h3,
  .ui.segment.static ol + h2,
  .ui.segment.static ol + h3,
  .ui.segment.static dl + h2,
  .ui.segment.static dl + h3 {
    margin-top: 2rem; }

.ui.segment.static a {
  color: #f1b600;
  text-decoration: underline; }
  .ui.segment.static a:hover {
    color: #d29f00;
    text-decoration: none; }

.ui.segment.static img {
  max-width: 100%;
  height: auto;
  margin: 0 auto 2rem;
  display: block; }

.ui.segment.static ol,
.ui.segment.static ul:not(.article-gallery) {
  list-style-type: none;
  padding: 0; }
  .ui.segment.static ol li,
  .ui.segment.static ul:not(.article-gallery) li {
    position: relative;
    display: block;
    padding: 0 0 .5rem 1.125rem;
    margin: 0; }
    .ui.segment.static ol li:before,
    .ui.segment.static ul:not(.article-gallery) li:before {
      position: absolute;
      top: 0;
      left: 0; }

.ui.segment.static ul:not(.article-gallery) li:before {
  content: "";
  width: .3rem;
  height: .3rem;
  border-radius: 50%;
  top: .5rem;
  left: .25rem;
  background-color: #f1b600; }

.ui.segment.static ol li {
  counter-increment: item; }
  .ui.segment.static ol li:before {
    content: counter(item) ". ";
    color: #f1b600;
    font-weight: 600; }

.ui.segment .contact-form h3 {
  font-size: .875rem;
  margin-bottom: .75rem; }

.ui.segment .contact-form p {
  margin-bottom: 1.75rem; }

@media only screen and (min-width: 768px) {
  .ui.segment .contact-form textarea:not([rows]) {
    min-height: 300px !important; } }

.pizza {
  padding: 1.5rem 0;
  text-align: center;
  position: relative; }
  @media only screen and (min-width: 992px) {
    .pizza {
      padding: 1.5rem 3rem;
      min-height: 750px; } }

.pizza__heading {
  font-size: 3.5rem;
  color: #f1b600;
  transform: rotate(-4deg);
  text-shadow: 1px 1px 0 #332f32;
  font-family: "Boulevard", "Arial", sans-serif;
  margin: 0;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 480px) {
    .pizza__heading {
      font-size: 4rem; } }
  @media only screen and (min-width: 992px) {
    .pizza__heading {
      font-size: 6rem; } }
  @media only screen and (min-width: 1450px) {
    .pizza__heading {
      font-size: 7rem;
      text-shadow: 2px 2px 0 #332f32; } }

.pizza__img {
  max-width: 100%;
  height: auto;
  display: none;
  margin: 0 auto 1rem; }
  @media only screen and (min-width: 1600px) {
    .pizza__img {
      display: block;
      position: relative;
      margin-top: 36px; } }

.pizza__img--xs {
  display: block; }
  @media only screen and (min-width: 1600px) {
    .pizza__img--xs {
      display: none; } }

.pizza__list {
  list-style: none;
  margin: 0 0 2.5rem;
  padding: 0; }
  @media only screen and (min-width: 1600px) {
    .pizza__list {
      position: absolute;
      top: 13.5rem;
      left: 50%;
      width: 440px;
      height: 400px;
      transform: translateX(-50%);
      z-index: 1;
      margin: 0; } }
  @media only screen and (max-width: 1599.98px) {
    .pizza__list {
      display: flex;
      flex-wrap: wrap; } }

.pizza__item {
  display: block;
  margin: 0 0 1.25rem; }
  @media only screen and (min-width: 1600px) {
    .pizza__item {
      width: 17rem;
      text-align: left;
      position: absolute;
      top: 0; }
      .pizza__item:nth-child(1) {
        left: -16.2rem;
        text-align: right;
        margin-top: -17px;
        width: 16rem; }
      .pizza__item:nth-child(2) {
        top: -2.6rem;
        right: -16rem;
        width: 17.4rem; }
      .pizza__item:nth-child(3) {
        top: 133px;
        right: -15.5rem;
        width: 15rem; }
      .pizza__item:nth-child(4) {
        top: 300px;
        right: -16.05rem;
        width: 16rem; }
      .pizza__item:nth-child(5) {
        text-align: right;
        top: 345px;
        left: -15.3rem;
        width: 17rem; }
      .pizza__item:nth-child(6) {
        text-align: right;
        top: 185px;
        left: -16.25rem;
        width: 16rem; } }
  @media only screen and (max-width: 1599.98px) {
    .pizza__item {
      flex: 1 0 100%;
      display: block; }
      .pizza__item.item-1 {
        order: 5; }
      .pizza__item.item-2 {
        order: 1; }
      .pizza__item.item-3 {
        order: 2; }
      .pizza__item.item-4 {
        order: 3; }
      .pizza__item.item-5 {
        order: 6; }
      .pizza__item.item-6 {
        order: 4; } }

.pizza__title {
  font-family: "Boulevard", "Arial", sans-serif;
  color: #f1b600;
  font-size: 2rem;
  margin: 0; }
  @media only screen and (min-width: 1600px) {
    .pizza__title {
      font-size: 2.25rem; } }

.pizza__content {
  color: #3b3737;
  font-size: .875rem;
  margin: 0 auto;
  max-width: 40rem; }
  @media only screen and (min-width: 992px) {
    .pizza__content {
      font-size: .75rem;
      line-height: 1.35;
      color: #332f32; } }

.pizza__footer {
  font-size: 3.25rem;
  color: #f1b600;
  transform: rotate(-2deg);
  font-family: "Boulevard", "Arial", sans-serif;
  margin: 0 0 1.5rem; }
  @media only screen and (min-width: 1199.98px) {
    .pizza__footer {
      transform: rotate(-4deg); } }
  .pizza__footer strong {
    color: #332f32; }

.categories {
  list-style: none;
  margin: 0;
  padding: 0; }
  @media only screen and (min-width: 480px) {
    .categories {
      display: flex;
      flex-wrap: wrap;
      position: relative; } }

.categories__item {
  padding: 0 0 .5rem; }
  @media only screen and (min-width: 480px) {
    .categories__item {
      flex: 1 1 50%;
      max-width: 50%;
      padding: 0 0 .5rem .25rem; } }
  @media only screen and (min-width: 480px) {
    .categories__item:nth-child(odd) {
      padding: 0 .25rem .5rem 0; } }
  @media only screen and (min-width: 480px) {
    .categories__item:nth-child(3), .categories__item:nth-child(4) {
      padding-bottom: 0; } }

.categories__link {
  position: relative;
  text-decoration: none;
  color: #fff;
  display: block;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 14rem;
  border-radius: .875rem; }
  @media only screen and (min-width: 480px) {
    .categories__link {
      min-height: 45vh; } }
  @media only screen and (min-height: 640px) {
    .categories__link {
      min-height: calc((100vh - 70px - 38px - (2 * 0.875rem) - 0.5rem) / 2); } }
  .categories__link:hover .categories__img {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); }
  .categories__link:hover .categories__btn {
    background-color: #d29f00;
    border-color: #d29f00;
    color: #fff; }

.categories__link--soups {
  background-image: url("../img/polevka_hd.jpg"); }
  @media only screen and (min-width: 992px) {
    .categories__link--soups {
      background-image: url("../img/polevka_retina.jpg"); } }

.categories__link--desserts {
  background-image: url("../img/dezert_hd.jpg"); }
  @media only screen and (min-width: 992px) {
    .categories__link--desserts {
      background-image: url("../img/dezert_retina.jpg"); } }

.categories__link--salads {
  background-image: url("../img/salat_hd.jpg"); }
  @media only screen and (min-width: 992px) {
    .categories__link--salads {
      background-image: url("../img/salat_retina.jpg"); } }

.categories__link--drinks {
  background-image: url("../img/napoje_hd_v2.jpg"); }
  @media only screen and (min-width: 992px) {
    .categories__link--drinks {
      background-image: url("../img/napoje_retina.jpg"); } }

.categories__link--drinks-non {
  background-image: url("../img/other_drinks_nonalco.jpg"); }
  @media only screen and (min-width: 992px) {
    .categories__link--drinks-non {
      background-image: url("../img/other_drinks_nonalco_retina.jpg"); } }

.categories__link--drinks-alc {
  background-image: url("../img/other_drinks_alco.jpg"); }
  @media only screen and (min-width: 992px) {
    .categories__link--drinks-alc {
      background-image: url("../img/other_drinks_alco_retina.jpg"); } }

.categories__link--drinks-warm {
  background-image: url("../img/other_drinks_warm.jpg"); }
  @media only screen and (min-width: 992px) {
    .categories__link--drinks-warm {
      background-image: url("../img/other_drinks_warm_retina.jpg"); } }

.categories__img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: .875rem;
  transition: box-shadow .3s ease-in-out; }

.categories__heading {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  font-family: "Boulevard", "Arial", sans-serif;
  font-size: 3rem;
  text-transform: uppercase;
  margin: 0;
  color: #fff; }

.categories__btn {
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem; }

.black-checkbox-label input[type='checkbox'] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

.black-checkbox-label input:checked ~ .checkbox:after {
  display: block; }

.black-checkbox-label .checkbox {
  border: 3px solid #332f32;
  height: 20px;
  width: 20px;
  background-color: inherit;
  position: relative;
  margin-bottom: 5px; }
  .black-checkbox-label .checkbox:after {
    left: 6px;
    bottom: -1px;
    width: 8px;
    height: 25px;
    border: solid #332f32;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    display: none; }

@media only screen and (min-width: 768px) {
  .black-checkbox-label .checkbox {
    border: 3px solid #332f32;
    height: 25px;
    width: 25px;
    margin-bottom: 0; }
    .black-checkbox-label .checkbox:after {
      left: 7px;
      bottom: -1px;
      width: 12px;
      height: 32px;
      border: solid #332f32;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(42deg);
      -ms-transform: rotate(42deg);
      transform: rotate(42deg); } }

/*rewrite for remembering card checkbox*/
.remember-card-checkbox input[type="checkbox"] {
  margin-top: 6px;
  opacity: 1;
  height: inherit;
  width: inherit; }

.ui .sylius-autocomplete.selection.dropdown {
  background-color: #f3f3f3;
  border: 0; }
  .ui .sylius-autocomplete.selection.dropdown.search > .text {
    margin-top: 2px; }

.ui .sylius-autocomplete.selection.active .menu {
  border-color: #e9dcd2 !important;
  background-color: #f3f3f3; }
  .ui .sylius-autocomplete.selection.active .menu .item {
    border-color: #ded0c3; }

div.phone-prefix div.menu {
  height: 215px;
  overflow-x: scroll; }

#coupon {
  background-color: #f3f3f3; }
  #coupon h3 {
    font-weight: 400;
    text-transform: none;
    font-size: 1rem; }
  #coupon .wrapper-left {
    width: calc(100% - 120px); }
    #coupon .wrapper-left input[type="text"] {
      box-sizing: border-box;
      padding: 12px 10px;
      width: 100%;
      font-size: 80%; }
  #coupon .wrapper-right {
    width: 120px;
    position: relative;
    z-index: 1; }
    #coupon .wrapper-right::after {
      position: absolute;
      left: 0;
      top: 0;
      width: 20px;
      height: 100%;
      content: '';
      background-color: #fff;
      z-index: -1; }
    #coupon .wrapper-right button[type="submit"] {
      height: 100%;
      background-color: #f1b600;
      border-radius: 0px;
      border: 0;
      width: 100%;
      z-index: 5;
      font-weight: bold;
      color: #332f32;
      text-transform: uppercase;
      font-family: "Boulevard", "Arial", sans-serif; }
      #coupon .wrapper-right button[type="submit"]:hover {
        background-color: #d29f00;
        cursor: pointer; }

.shippable-autocomplete.ui.selection.dropdown.active,
.shippable-autocomplete.ui.selection.dropdown.visible {
  z-index: 1001; }

div#sylius_checkout_address_shippingAddress--address__map,
div#__map_restaurant_shippingMethod_1 {
  height: 530px;
  margin-bottom: 1rem; }

@media screen and (max-width: 768px) {
  div#sylius_checkout_address_shippingAddress--address__map,
  div#__map_restaurant_shippingMethod_1 {
    height: 300px !important; } }

.hp__branches .ui.fluid.dropdown > .dropdown.icon:not(.clear) {
  display: none; }

.hp__branches .ui.fluid.dropdown > .dropdown.icon.clear {
  color: #f1b600; }
  .hp__branches .ui.fluid.dropdown > .dropdown.icon.clear:hover {
    color: red; }

.address-picker-field {
  position: relative; }

.address-picker .map-view {
  position: relative; }

.address-picker .btn.find-location {
  position: absolute;
  z-index: 401;
  right: 7px;
  bottom: 22px;
  height: 3em;
  width: 3em;
  padding: 0; }

.address-picker .btn.find-location:after {
  content: '';
  background-image: url("/assets/shop/img/ico-position.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 2.4em;
  height: 2.4em;
  margin-left: 0.23em;
  margin-top: 0.25em; }

.timeout-banner {
  background: #6ac76d;
  width: calc(100% + 28px);
  min-height: 50px;
  margin-left: -14px;
  margin-top: -14px;
  margin-bottom: 10px;
  display: flex;
  color: white;
  text-transform: uppercase;
  font-weight: bold; }
  .timeout-banner .countdown {
    width: 100%;
    display: flex;
    align-items: center; }
    .timeout-banner .countdown div {
      margin-left: 20px; }
  .timeout-banner .close-container {
    width: 50px; }
  .timeout-banner .clock {
    width: 80px;
    background: #4eaf55; }
  .timeout-banner .close-container, .timeout-banner .clock {
    display: flex;
    align-items: center;
    justify-content: center; }

.timeout-banner--hidden {
  display: none; }

span.remaining-time {
  min-width: 33px;
  display: inline-block;
  font-variant-numeric: tabular-nums;
  padding-left: 4px; }

.clock img, .close img {
  width: 27px;
  height: 27px; }

.tab__item {
  background-color: #f1b600;
  color: #332f32;
  padding: 1rem 1.5rem;
  text-transform: uppercase;
  text-align: center;
  margin-right: 7px;
  font-family: "Boulevard", "Arial", sans-serif;
  font-size: 130%; }
  @media only screen and (min-width: 768px) {
    .tab__item {
      padding: 1rem 1.5rem; } }
  .tab__item:hover {
    background-color: #d29f00;
    color: #332f32; }
  @media only screen and (min-width: 768px) {
    .tab__item.active {
      color: #332f32;
      background-color: #f3f3f3; } }
  .tab__item.active:hover {
    cursor: default; }
  .tab__item:first-child {
    margin-left: 0; }
  .tab__item:last-child {
    margin-right: 0;
    margin-left: 7px; }
    @media only screen and (max-width: 767.98px) {
      .tab__item:last-child {
        margin: 0; } }

.form-input {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }
  .form-input .field {
    width: 100%;
    margin: 0; }
    .form-input .field .search {
      padding: 1.185714em 2.1em 1.185714em 1em; }
      .form-input .field .search.ui.selection.dropdown > .dropdown.icon {
        top: 1.285714em; }
  .form-input button.btn.btn--primary {
    border-radius: 0px; }

.ui.form .form-input .field {
  margin-bottom: 0; }

.hp__branches {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 70px);
  background-image: url("../img/header-bg-resize-mobile.jpg");
  background-position: top center;
  background-size: auto 750px;
  background-repeat: repeat-y;
  margin: 0 -0.875rem -0.875rem -0.875rem;
  padding: 1rem;
  /*shipping page with reorder banner*/ }
  @media only screen and (min-width: 768px) {
    .hp__branches {
      background-image: url("../img/header-bg-resize.jpg");
      background-size: cover;
      margin-top: -0.875rem; }
      .hp__branches.tab-shipping_in_restaurant {
        background-size: 100%; } }
  .hp__branches.tab-shipping_courier.repeatable_order-available {
    justify-content: flex-start; }
    .hp__branches.tab-shipping_courier.repeatable_order-available .ui.container {
      justify-content: center;
      flex-grow: 1; }
      .hp__branches.tab-shipping_courier.repeatable_order-available .ui.container .repeatable-order {
        z-index: 1; }
      @media only screen and (min-width: 768px) {
        .hp__branches.tab-shipping_courier.repeatable_order-available .ui.container .shipping-content {
          margin-bottom: 15rem; } }
  .hp__branches .ui.container {
    max-width: 1070px !important;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    flex-direction: column; }
  .hp__branches .ui.selection.dropdown {
    background-color: #fff; }

.webp .hp__branches {
  background-image: url("../img/header-bg-resize-mobile.webp"); }
  @media only screen and (min-width: 768px) {
    .webp .hp__branches {
      background-image: url("../img/header-bg-resize.webp"); } }

.branch-selector .pusher {
  overflow-x: hidden; }

#restaurant_shippingMethod {
  width: 100%; }

/*branch detail visibility*/
.detail-collapse {
  position: relative; }

.icon-delivery-status {
  width: 32px; }

.map-branch {
  background-color: #ececec; }
  .map-branch > div {
    margin-bottom: 0 !important; }
  .map-branch .map-branch__map-widget {
    height: 320px; }

.btn--map {
  background-color: transparent;
  border: 0px;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-top: 0.6rem; }
  @media only screen and (max-width: 767.98px) {
    .btn--map {
      margin-top: 0.4rem;
      line-height: 1.5; } }
  .btn--map:hover {
    cursor: pointer; }

.btn--findme {
  border: 0px;
  border-radius: 0px;
  color: #332f32;
  font-size: 0.7rem;
  height: 100%;
  background-image: url("/assets/shop/img//ico-terc.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
  background-color: #ececec;
  min-width: 50px; }
  .btn--findme:hover {
    background-color: #dcdcdc; }

.btn--search-mobile {
  background-color: #ececec;
  height: 100%;
  border-radius: 0px;
  width: 50px;
  padding: 5px;
  display: flex; }
  .btn--search-mobile img.icon-search {
    max-width: 100%; }

.form-input.form-hp {
  position: relative; }
  .form-input.form-hp .form-hp--group {
    width: 100%; }
  @media only screen and (max-width: 767.98px) {
    .form-input.form-hp {
      flex-direction: column;
      max-width: unset;
      margin-left: inherit;
      margin-right: inherit; }
      .form-input.form-hp .btn--search-mobile {
        background-color: #ececec;
        width: calc(50% - 0.25rem);
        height: 40px;
        display: flex;
        justify-content: center;
        align-self: flex-end;
        margin-top: 0.25rem;
        border-radius: 5px; }
        .form-input.form-hp .btn--search-mobile .icon-search {
          max-height: 100%; }
      .form-input.form-hp .d-flex.h-100 {
        display: inherit !important; }
      .form-input.form-hp .form-hp--group {
        display: flex;
        width: 100%;
        flex-direction: column; }
      .form-input.form-hp button.btn.btn--primary {
        width: 100%;
        right: 0;
        bottom: 0;
        height: 40px;
        margin-top: 1rem; }
      .form-input.form-hp div[data-app-widget="findMe"] {
        width: calc(50% - 0.25rem);
        height: 40px;
        border-radius: 5px;
        position: absolute;
        bottom: 0; }
      .form-input.form-hp .btn--findme {
        width: 100%;
        border-radius: 5px;
        background-image: url("/assets/shop/img/ico-terc-primary.svg"); } }

.icon--contact-type {
  height: 22px;
  width: 32px;
  position: relative;
  padding: 0 0 5px;
  display: inline-block; }
  .icon--contact-type img {
    height: 22px;
    width: auto;
    margin-bottom: -5px; }

.text-status {
  position: relative;
  top: -3px;
  padding: 0.4rem 0.2rem 0.2rem;
  color: #fff;
  text-transform: uppercase;
  font-size: 60%;
  line-height: 1; }

.text-status--open {
  background-color: #4f925c !important; }

.text-status--open-no-capacity {
  background-color: #f1b600 !important; }

.text-status--close {
  background-color: red !important; }

@media only screen and (max-width: 767.98px) {
  .restaurant-info .row-btn .btn {
    margin-bottom: 0.25rem !important; }
    .restaurant-info .row-btn .btn.btn--primary {
      margin-left: 0px !important;
      margin-right: auto !important; } }

.restaurant-info:hover {
  cursor: default; }

.restaurant-info--title {
  line-height: 1; }

.splash-claim-container {
  flex-direction: column !important;
  position: relative;
  margin: -1rem -1rem -5.4rem; }
  @media screen and (min-width: 1070px) {
    .splash-claim-container {
      margin-left: calc((-100vw + 1070px) / 2 - 1rem);
      margin-right: calc((-100vw + 1070px) / 2 - 1rem); } }
  .splash-claim-container h2 {
    position: relative;
    max-width: 1070px;
    margin-bottom: 5rem !important;
    margin-left: auto;
    margin-right: auto;
    padding: 5rem;
    color: #fff;
    text-shadow: 0 0 5px #4a4e08, 0 0 30px #804720eb;
    text-transform: uppercase;
    letter-spacing: 0.75px; }
    @media screen and (min-width: 1070px) {
      .splash-claim-container h2 {
        font-size: 230%; } }

@media only screen and (max-width: 479.98px) {
  .restaurant-info--title,
  .btn--map span {
    min-height: 36px;
    margin-bottom: 4px !important; } }

.modal--text {
  font-size: 1.5rem; }

/*mobile splash screen*/
@media only screen and (max-width: 767.98px) {
  .branch-selector .main {
    min-height: unset;
    padding-top: 0;
    padding-bottom: 0; } }

@media only screen and (max-width: 767.98px) and (max-device-height: 599.98px) {
  .branch-selector .tab__item {
    margin-bottom: 0.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem; } }

@media only screen and (max-width: 767.98px) {
  .branch-selector .mobile-container {
    display: flex;
    justify-content: flex-end;
    flex-direction: column; } }
  @media only screen and (max-width: 767.98px) and (max-device-height: 499.98px) {
    .branch-selector .mobile-container {
      padding-left: .5rem;
      padding-right: .5rem; } }

@media only screen and (max-width: 767.98px) {
  .shipping-content {
    display: block; }
  .tab__item.active {
    background-color: #f3f3f3; } }

@media only screen and (min-width: 1600px) {
  .branch-selector #main-content:before {
    position: fixed;
    content: '';
    height: 100%;
    width: 100%;
    background: #fff;
    transform: translateX(-100%);
    z-index: 1000; } }

@media only screen and (min-width: 768px) {
  .branch-selector .mobile-container {
    height: unset !important; } }

#branch-selector .main .header-logo__title {
  font-size: 3rem;
  color: #fff;
  text-transform: uppercase;
  margin: 0; }
  @media only screen and (max-width: 767.98px) {
    #branch-selector .main .header-logo__title {
      font-size: 2rem; } }

.splash-logo {
  align-self: center;
  fill: #f1b600;
  max-width: 100%;
  max-height: 110px;
  margin-bottom: 0rem;
  margin-top: 0px; }
  @media only screen and (min-device-height: 500px) {
    .splash-logo {
      margin-bottom: 0.5rem; } }
  @media only screen and (min-device-height: 600px) {
    .splash-logo {
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 1rem;
      margin-top: 2rem; } }
  @media only screen and (min-width: 768px) {
    .splash-logo {
      max-height: 150px; } }
  .splash-logo svg {
    align-self: center; }

.splash-claim {
  display: flex;
  max-width: 30%;
  margin-left: 1rem; }
  @media only screen and (min-device-height: 500px) {
    .splash-claim {
      margin-left: auto;
      margin-right: auto;
      max-width: 140px; } }

@media only screen and (max-width: 479.98px) {
  .branch-details {
    flex-direction: column !important; } }

.label__day-name {
  display: inline-block;
  min-width: 3.8rem; }

.hp-section--static {
  margin-left: auto;
  margin-right: auto;
  max-width: 1070px !important; }
  .hp-section--static > div {
    margin-bottom: -5rem;
    padding-top: 7rem; }
    .hp-section--static > div:first-of-type {
      margin-top: -5rem;
      padding-top: 7rem; }
    .hp-section--static > div:last-of-type {
      margin-bottom: 2.5rem; }

.shipping-content {
  margin-bottom: auto; }
  @media only screen and (min-width: 768px) {
    .shipping-content:before {
      content: '';
      display: block;
      height: 400px;
      margin-top: -400px; } }

@media only screen and (min-width: 1199.98px) {
  .nav--custom-active + .main .hp__branches .ui.container {
    padding-left: 260px;
    max-width: 1330px !important; }
  .nav--custom-active + .main .hp__branches + .hp-section--static {
    padding-left: 260px; } }

.bg-light {
  background-color: #f3f3f3; }

@media only screen and (max-width: 767.98px) {
  .branch-selector .nav--active {
    background: #f1b600; }
    .branch-selector .nav--active .nav-item:first-child {
      padding-top: 2px; }
  .branch-selector .nav-list__security .header-btn {
    padding-top: calc(1.25rem + 2px); } }

@media only screen and (max-width: 359.98px) {
  .branch-selector .nav--active {
    width: calc(100% - 76px); }
  .branch-selector .nav-list__security .header-btn {
    padding-top: calc(1.25rem + 11px); } }

/* mobile fix for location dropdown */
@media only screen and (max-width: 767.98px) {
  .hp__branches .ui.selection.dropdown .menu > .item {
    padding: 0.5rem !important;
    font-size: 80%; }
  .hp__branches .ui.search.dropdown .menu {
    max-height: 12rem; } }

.half-pizza-header {
  text-align: center; }
  .half-pizza-header h2 {
    color: #f1b600;
    margin-bottom: 3px;
    margin-top: 2rem; }
  .half-pizza-header p {
    margin-top: 3px;
    color: #ffecb2; }

.product-custom__img.half_pizza_image-right {
  transform: scaleX(-1); }

.btn--block#half-pizza-submit-button {
  margin-top: unset; }

.loyalty-icons {
  padding-left: 1rem;
  padding-right: 1rem; }
  @media only screen and (max-width: 767.98px) {
    .loyalty-icons {
      background-color: #EAEAEA; } }

.loyalty-icon {
  max-width: 15%;
  margin-left: 0;
  margin-right: 0; }
  @media only screen and (min-width: 992px) {
    .loyalty-icon {
      max-width: 14%; } }
  @media only screen and (max-width: 767.98px) {
    .loyalty-icon {
      max-width: 13%; } }
  .loyalty-icon-sm {
    max-height: 6rem;
    margin-right: 0.5rem; }
    @media only screen and (max-width: 479.98px) {
      .loyalty-icon-sm {
        max-height: 5rem; } }
  @media only screen and (max-width: 479.98px) {
    .loyalty-icon {
      max-width: 13%; } }

.loyalty-sign {
  font-size: 2rem;
  color: #c2b7ad;
  font-weight: bold; }
  @media only screen and (max-width: 991.98px) {
    .loyalty-sign {
      font-size: 1.25rem; } }
  @media only screen and (max-width: 767.98px) {
    .loyalty-sign {
      color: #b9ab9f; } }

.loyalty-link {
  color: #838383;
  text-decoration: underline;
  font-size: 75%; }
  .loyalty-link:hover {
    color: #3b3737;
    text-decoration: none; }

img.loyalty-icon-mobile {
  width: 100%;
  height: auto; }

.loyalty-icon-mobile-container {
  max-width: 35%;
  background-color: #f1b600;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important; }
  @media only screen and (max-width: 479.98px) {
    .loyalty-icon-mobile-container {
      max-width: 30%; } }

.loyalty-result {
  font-family: "Boulevard", "Roboto", sans-serif;
  font-size: 175%;
  line-height: 1;
  margin-bottom: 1rem;
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-left: 0rem; }
  @media only screen and (min-width: 992px) {
    .loyalty-result {
      width: 120px; } }
  .loyalty-result img {
    width: 35px;
    margin: 1rem 0 -0.7rem; }
  @media only screen and (min-width: 992px) {
    .loyalty-result {
      font-size: 200%;
      width: 120px; } }
  @media only screen and (max-width: 479.98px) {
    .loyalty-result {
      font-size: 150%;
      padding-left: 0.25rem;
      margin-bottom: 3%;
      padding-top: 3%; } }

.font-size-lg {
  font-size: 300%; }

.order-score {
  max-width: 600px;
  margin: 0 auto; }
  .order-score__body {
    max-width: 450px;
    margin: 0 auto; }
  .order-score p, .order-score .order-score__header {
    text-align: center; }
  .order-score p {
    font-size: 1rem !important;
    margin-bottom: 2rem; }
  .order-score p.order-score-error-message {
    margin-bottom: -.5rem;
    color: red;
    display: none; }
  .order-score h2 {
    text-align: center; }
  .order-score .order-score__header {
    margin-top: 2rem;
    text-transform: uppercase; }
    .order-score .order-score__header.score-sent {
      font-size: 2.5rem; }
      @media only screen and (min-width: 480px) {
        .order-score .order-score__header.score-sent {
          font-size: 3rem; } }
  .order-score .order-score__submit {
    display: block;
    margin-left: auto; }
  .order-score .header-logo__img {
    display: block;
    width: 25%;
    height: auto;
    margin: 4rem auto; }
  .order-score .order-score-error {
    position: absolute;
    border: 2px solid red;
    border-radius: 50px;
    height: 80%;
    width: 100%;
    display: none;
    z-index: 1; }

#order_score_comment {
  margin-top: 0.5rem;
  border: none;
  border-radius: 7px;
  height: 150px;
  resize: none; }

.order-score__icons {
  position: relative;
  display: flex;
  justify-content: space-around;
  height: 120px; }

.score-icon {
  max-width: 20%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 80px;
  height: auto;
  opacity: 0.5;
  transition: all 0.1s ease-in-out;
  z-index: 2; }
  .score-icon.default {
    opacity: 1; }
  .score-icon img {
    max-width: 100%;
    width: 70px;
    height: auto;
    margin-top: auto;
    transition: all 0.1s ease-in-out; }
  .score-icon:hover {
    cursor: pointer; }
  .score-icon.clicked {
    opacity: 1; }
    .score-icon.clicked img {
      max-width: 110%;
      width: 80px; }

.order-score_ico-thanks {
  width: 200px;
  max-width: 50%; }

.loader {
  position: relative;
  cursor: default;
  pointer-events: none; }

.loader:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  width: 100%;
  height: 100%;
  z-index: 100; }

.loader:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.5em 0 0 -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: form-spin .6s linear;
  animation: form-spin .6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: .2em;
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
  visibility: visible;
  z-index: 101; }

.products--blurred {
  filter: blur(5px);
  -webkit-filter: blur(5px); }

.nav.nav--carousel {
  display: flex;
  background: #f1f1f1;
  position: sticky;
  z-index: 200;
  max-width: 100vw;
  touch-action: manipulation; }
  @media only screen and (min-width: 1199.98px) {
    .nav.nav--carousel {
      display: none; } }
  .nav.nav--carousel .current-category {
    box-shadow: inset 5px 0 0 0 #d9d9d9, inset 5px 5px 0 0 #d9d9d9, inset 0 -5px 0 0 #d9d9d9, inset -5px 0 0 0 #D9D9DB; }
  .nav.nav--carousel *,
  .nav.nav--carousel .carousel-shift {
    touch-action: manipulation; }

.btn.carousel-shift {
  background-size: 43%;
  border-radius: 0;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer; }
  .btn.carousel-shift.carousel-shift--left {
    background-image: url("/assets/shop/img/ico-sipka-left.svg"); }
  .btn.carousel-shift.carousel-shift--right {
    background-image: url("/assets/shop/img/ico-sipka-right.svg"); }

.carousel-items {
  position: relative;
  overflow-y: hidden;
  scrollbar-width: none;
  /* Firefox 64 */
  -ms-overflow-style: none;
  /* Internet Explorer 11 */
  flex-grow: 1; }
  .carousel-items::-webkit-scrollbar {
    /** WebKit */
    display: none; }
  .carousel-items > div {
    flex-grow: 1; }

.carousel-text {
  font-family: "Boulevard", "Arial", sans-serif;
  color: #332f32;
  text-transform: uppercase; }

.category-img--thumb {
  height: 86px; }
  .category-img--thumb--placeholder {
    display: flex;
    width: 100px;
    height: 86px;
    background-color: silver;
    color: gray;
    justify-content: center;
    align-items: center;
    margin: 0 auto 7px; }

/*scrolled state*/
@media only screen and (max-width: 1200px) {
  body.body--scroll:not(.branch-selector) .nav.nav--carousel {
    display: flex;
    top: 70px;
    background-color: #fff;
    position: fixed;
    z-index: 200;
    width: 100%; } }
  @media only screen and (max-width: 1200px) and (max-width: 1024px) {
    body.body--scroll:not(.branch-selector) .nav.nav--carousel {
      top: 48px; } }

@media only screen and (max-width: 1200px) {
    body.body--scroll:not(.branch-selector) .nav.nav--carousel .current-category {
      box-shadow: none;
      background-color: #f1f1f1; }
    body.body--scroll:not(.branch-selector) .nav.nav--carousel .carousel-items {
      width: calc(100% - 50px);
      overflow: auto; }
      body.body--scroll:not(.branch-selector) .nav.nav--carousel .carousel-items div {
        white-space: nowrap; }
    body.body--scroll:not(.branch-selector) .nav.nav--carousel .category-img--thumb,
    body.body--scroll:not(.branch-selector) .nav.nav--carousel .category-img--thumb--placeholder {
      display: none;
      transition: height .3s ease-in-out; }
    body.body--scroll:not(.branch-selector) .nav.nav--carousel .btn.carousel-shift {
      padding-left: 1rem;
      padding-right: 1rem;
      background-size: 30%; } }

.body--scroll .carousel-items > div {
  padding: 0 0.5rem;
  font-size: 1.2rem;
  transition: all .3s ease-in-out; }

body:not(.branch-selector) .carousel-visible .nav--active {
  margin-top: -132px; }

body.body--scroll:not(.branch-selector) .carousel-visible .nav--active {
  margin-top: -40px; }

#sylius_customer_registration_loyaltyCard_alreadyMember > .grouped.fields {
  display: inline-block;
  text-align: left; }

.ui.header {
  font-family: inherit !important; }

@media only screen and (max-width: 619.99px) {
  .ui.grid > [class*="fourteen wide"].column.tracking {
    width: 100% !important; } }

.tracking {
  padding-top: 2rem; }
  @media only screen and (max-width: 619.99px) {
    .tracking {
      width: 100%; } }

/* animation of courier icon */
@keyframes courier-bounce {
  0% {
    transform: translateY(0); }
  20% {
    transform: translateY(0) rotate(-10deg); }
  40% {
    transform: translateY(-5px) rotate(0deg); }
  50% {
    transform: translateY(0) rotate(10deg); }
  60% {
    transform: translateY(-5px); }
  80% {
    transform: translateY(0) rotate(0deg); }
  85% {
    transform: rotate(-8deg); }
  60% {
    transform: rotate(-2deg); }
  100% {
    transform: translateY(0) rotate(0deg); } }

@keyframes icon-pulse__left {
  0% {
    transform: translateX(-100px);
    opacity: 0.5; }
  10% {
    transform: translateX(-100px); }
  35% {
    transform: translateX(0px);
    opacity: 1; }
  65% {
    transform: translateX(0px);
    opacity: 1; }
  90% {
    transform: translateX(-100px); }
  100% {
    transform: translateX(-100px);
    opacity: 0.5; } }

@keyframes icon-pulse__right {
  0% {
    transform: translateX(100px);
    opacity: 0.5; }
  10% {
    transform: translateX(100px); }
  35% {
    transform: translateX(0px);
    opacity: 1; }
  65% {
    transform: translateX(0px);
    opacity: 1; }
  90% {
    transform: translateX(100px); }
  100% {
    transform: translateX(100px);
    opacity: 0.5; } }

@keyframes courier-fadeIn {
  from {
    opacity: 0; } }

.header {
  font-size: 2rem; }
  @media only screen and (max-width: 619.99px) {
    .header {
      font-size: 1.5rem; } }
  .header h1 {
    font-size: 4rem;
    font-family: "Boulevard", "Arial", sans-serif; }
    @media only screen and (max-width: 619.99px) {
      .header h1 {
        font-size: 2.5rem; } }

.states {
  color: #838383;
  font-family: "Boulevard", "Arial", sans-serif;
  font-weight: normal; }
  .states .state {
    margin-bottom: 0.5rem;
    justify-content: center; }
    @media only screen and (max-width: 619.99px) {
      .states .state {
        justify-content: start;
        text-align: left; } }
    .states .state:before {
      content: '';
      display: block;
      width: 40px;
      height: 40px;
      background-image: url("/assets/shop/img/ico-check-delivery-pending.svg");
      background-size: 20px;
      background-position: center right;
      margin: 3px 0.5rem 0 0;
      background-repeat: no-repeat; }
  .states .completed {
    padding-top: 0.75rem;
    color: #f1b600;
    font-size: 150%;
    font-weight: bold; }
    @media only screen and (max-width: 619.99px) {
      .states .completed {
        font-size: 100%; } }
    .states .completed:before {
      background-image: url("/assets/shop/img/ico-check-delivery-ok.svg");
      background-size: 30px;
      background-repeat: no-repeat;
      flex-shrink: 0; }
    .states .completed.completed-current {
      font-size: 200%; }
      @media only screen and (max-width: 619.99px) {
        .states .completed.completed-current {
          font-size: 150%; } }
      .states .completed.completed-current:before {
        background-size: contain; }

.order-summary-title {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

table.order-summary {
  font-family: "Boulevard", "Arial", sans-serif;
  color: #838383;
  font-weight: normal; }
  table.order-summary td {
    border-width: 0px;
    border-bottom: 1px solid #838383;
    padding: 0.5rem 0.25rem; }
    @media only screen and (max-width: 619.99px) {
      table.order-summary td {
        font-size: 1rem;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem; } }

.order-tracking-map {
  height: 50vh;
  min-height: 200px; }
  @media only screen and (min-width: 620px) {
    .order-tracking-map {
      height: calc(100vh - 373px);
      min-height: 200px; } }

.ico-bbcar-side-view {
  width: 71px;
  height: auto;
  margin-bottom: -3px;
  margin-right: 3px; }

.tracking-car-position-marker {
  background-image: url("/assets/shop/img/ico-tracking-car-position.svg");
  background-size: cover;
  width: 60px;
  height: 60px;
  background-position: center center; }

.tracking-car-arrived-marker {
  background-image: url("/assets/shop/img/ico-tracking-car-arrived.svg");
  background-size: cover;
  width: 160px;
  height: 50px;
  margin-top: -40px;
  margin-left: 40px; }

.tracking-branch-marker {
  background-image: url("/assets/shop/img/ico-tracking-branch.svg");
  background-size: cover;
  width: 50px;
  height: 50px; }

.tracking-target-marker {
  background-image: url("/assets/shop/img/ico-tracking-target.svg");
  background-size: cover;
  width: 60px;
  height: 80px; }

.state-big {
  border-width: 3px;
  border-style: solid;
  display: flex;
  flex-direction: row; }
  @media only screen and (max-width: 619.99px) {
    .state-big {
      flex-direction: column;
      text-align: center; } }
  .state-big-icon {
    width: 200px;
    height: auto; }
    @media only screen and (max-width: 619.99px) {
      .state-big-icon {
        width: 150px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem; } }
  .state-big-delivered {
    background-color: #ffecb2;
    border-color: #f1b600;
    color: #f1b600; }
  .state-big-storno {
    color: #a21714;
    background-color: #ead2c5;
    border-color: #a21714; }
  .state-big h1 {
    text-align: center; }
    @media only screen and (max-width: 479.98px) {
      .state-big h1 {
        font-size: 1.75rem; } }

/*2021*/
.tracking-v2 {
  background-color: white;
  position: relative;
  padding-top: 30px; }
  .tracking-v2 .ico-state-container {
    margin: 0 auto;
    width: 108px;
    height: 108px;
    position: absolute;
    left: calc(50% - 54px);
    top: -88px;
    background-color: #f1b600;
    overflow: hidden;
    border-radius: 50%;
    border: 8px solid #fff; }
    .tracking-v2 .ico-state-container .ico-state {
      width: 90px;
      height: 90px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat; }
      .tracking-v2 .ico-state-container .ico-state.ico-state-ready {
        background-image: url("/assets/shop/img/ico-state-01-objednavka_prijata.svg");
        animation: icon-pulse__left 4s ease-in-out alternate;
        animation-iteration-count: infinite; }
      .tracking-v2 .ico-state-container .ico-state.ico-state-shipping_requested {
        background-image: url("/assets/shop/img/ico-state-01-objednavka_prijata.svg");
        animation: icon-pulse__left 4s ease-in-out alternate;
        animation-iteration-count: infinite; }
      .tracking-v2 .ico-state-container .ico-state.ico-state-acquiring_transportation {
        background-image: url("/assets/shop/img/ico-state-02-hledame_dopravce.svg");
        animation: icon-pulse__left 4s ease-in-out alternate;
        animation-iteration-count: infinite; }
      .tracking-v2 .ico-state-container .ico-state.ico-state-getting_ready {
        background-image: url("/assets/shop/img/ico-state-03-pripravujeme.svg");
        animation: icon-pulse__left 4s ease-in-out alternate;
        animation-iteration-count: infinite; }
      .tracking-v2 .ico-state-container .ico-state.ico-state-shipping {
        background-image: url("/assets/shop/img/ico-state-04-jedem.svg");
        animation: icon-pulse__left 4s ease-in-out alternate;
        animation-iteration-count: infinite; }
      .tracking-v2 .ico-state-container .ico-state.ico-state-arrived {
        background-image: url("/assets/shop/img/ico-state-05-jsem_tady.svg"); }
      .tracking-v2 .ico-state-container .ico-state.ico-state-shipped {
        background-image: url("/assets/shop/img/ico-state-06-doruceno.svg"); }
    .tracking-v2 .ico-state-container .delivery-time {
      color: #fff;
      font-weight: bold;
      margin: auto 0;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      position: relative;
      animation: icon-pulse__right 4s ease-in-out alternate;
      transform: translateX(100px);
      animation-iteration-count: infinite;
      animation-delay: 2s;
      top: -90px; }
      .tracking-v2 .ico-state-container .delivery-time span {
        position: relative;
        font-size: 22px; }
      .tracking-v2 .ico-state-container .delivery-time .delivery-time-plus-ticket #delivery-in-minutes span,
      .tracking-v2 .ico-state-container .delivery-time .delivery-time-plus-ticket #delivery-in-minutes span small {
        font-size: 18px; }
      .tracking-v2 .ico-state-container .delivery-time .delivery-ticket_no {
        font-size: 45px;
        margin: 7px 0 6px;
        display: block; }
  .tracking-v2 h1 {
    font-weight: normal; }
  .tracking-v2 .h2 {
    font-size: 1.71428571rem;
    display: inline-block;
    margin-top: 0.5rem; }
  .tracking-v2 .ui.primary.progress {
    background-color: #f1b60029;
    border: 0px solid transparent;
    height: 11px;
    margin: 2.1rem auto 1rem;
    max-width: 100%;
    width: 600px;
    border-radius: 0; }
    .tracking-v2 .ui.primary.progress .bar {
      background-color: #f1b600;
      height: 11px;
      min-width: 42px;
      border-radius: 0; }
      .tracking-v2 .ui.primary.progress .bar:before {
        content: '';
        position: absolute;
        width: 40px;
        height: 40px;
        background-image: url("/assets/shop/img/ico-tracking-branch.svg");
        background-position: center bottom;
        background-size: contain;
        background-repeat: no-repeat;
        bottom: 0.8rem;
        left: 0; }
      .tracking-v2 .ui.primary.progress .bar.state-acquiring_transportation, .tracking-v2 .ui.primary.progress .bar.state-shipping_requested, .tracking-v2 .ui.primary.progress .bar.state-getting_ready, .tracking-v2 .ui.primary.progress .bar.state-shipping, .tracking-v2 .ui.primary.progress .bar.state-arrived {
        min-width: 89px; }
        .tracking-v2 .ui.primary.progress .bar.state-acquiring_transportation:after, .tracking-v2 .ui.primary.progress .bar.state-shipping_requested:after, .tracking-v2 .ui.primary.progress .bar.state-getting_ready:after, .tracking-v2 .ui.primary.progress .bar.state-shipping:after, .tracking-v2 .ui.primary.progress .bar.state-arrived:after {
          content: '';
          position: absolute;
          width: 57px;
          height: 63px;
          background-image: url("/assets/shop/img/ico-doprava.svg");
          background-position: center bottom;
          background-size: contain;
          background-repeat: no-repeat;
          bottom: 0.5rem;
          right: -3px; }
      .tracking-v2 .ui.primary.progress .bar.state-acquiring_transportation:after, .tracking-v2 .ui.primary.progress .bar.state-shipping_requested:after, .tracking-v2 .ui.primary.progress .bar.state-getting_ready:after {
        animation: courier-fadeIn 0.7s infinite alternate; }
      .tracking-v2 .ui.primary.progress .bar.state-shipping:after {
        animation: courier-bounce 2s infinite alternate; }
  .tracking-v2 .progress:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url("/assets/shop/img/ico-customer.png");
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0.8rem;
    right: -10px; }
  .tracking-v2 .btn {
    text-transform: none;
    font-weight: normal;
    border-radius: 0.25rem; }
  .tracking-v2 .btn.more-info-close {
    display: inline-block !important; }
  .tracking-v2 .croco-display-number {
    text-transform: lowercase; }

.repeatable-order {
  width: 1070px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .repeatable-order img {
    align-self: flex-start;
    width: 100px;
    margin-top: 0.5rem; }
    @media only screen and (min-width: 768px) {
      .repeatable-order img {
        width: 150px;
        margin-top: 0; } }
  .repeatable-order__recap {
    flex-direction: column; }
    @media only screen and (min-width: 768px) {
      .repeatable-order__recap {
        flex-direction: row; } }
  .repeatable-order .btn {
    margin-right: auto;
    margin-top: 0.5rem;
    z-index: 1; }
    @media only screen and (min-width: 768px) {
      .repeatable-order .btn {
        margin-right: unset;
        margin-left: auto;
        margin-top: auto; } }

.order__tag--info {
  z-index: 2;
  position: relative;
  right: auto;
  background: transparent;
  border-radius: 0;
  padding: 0;
  text-decoration: none; }
  .order__tag--info:hover {
    text-decoration: none;
    cursor: pointer; }
    .order__tag--info:hover .st1 {
      fill: #d29f00 !important; }

#modal-empty-dimmer {
  max-width: 100%;
  max-height: calc(100vh - 70px);
  overflow-y: auto; }

.menu-configurator {
  width: 500px;
  max-width: calc(100vw - 2rem); }
  .menu-configurator__header {
    display: flex; }
    .menu-configurator__header h3 {
      flex: 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  @media only screen and (min-width: 1199.98px) {
    .menu-configurator {
      width: 1200px;
      max-width: calc(100vw - 2rem); }
      .menu-configurator.items_count-3 {
        width: 900px; }
        .menu-configurator.items_count-3 .menu-configurator__item {
          flex-direction: column;
          flex-basis: 33.3%;
          flex-shrink: 0;
          width: 285px; }
      .menu-configurator.items_count-2 {
        width: 600px; }
        .menu-configurator.items_count-2 .menu-configurator__item {
          flex-direction: column;
          flex-basis: 50%;
          flex-shrink: 0;
          width: 285px; } }
  .menu-configurator__body {
    color: #332f32; }
  .menu-configurator__tabs {
    display: flex; }
  .menu-configurator__tab {
    flex: 1 1 auto;
    background-color: #ffecb2;
    padding: .5rem 0;
    font-family: "Boulevard", "Arial", sans-serif; }
    .menu-configurator__tab:hover {
      cursor: pointer;
      background-color: #f1b600; }
    .menu-configurator__tab--selected {
      background-color: white; }
      .menu-configurator__tab--selected:hover {
        cursor: default;
        background-color: white; }
  .menu-configurator__items {
    height: auto;
    max-height: calc(100vh - 415px);
    min-height: 85px;
    overflow-y: auto;
    margin-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem; }
    @media only screen and (min-width: 1199.98px) {
      .menu-configurator__items {
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        max-height: unset;
        min-height: 364px;
        overflow-x: auto;
        margin-top: 0;
        margin-left: 1rem;
        margin-right: 1rem;
        padding-top: 1rem;
        padding-bottom: 1rem; } }
  .menu-configurator__item {
    display: flex;
    padding: 0.25rem; }
    .menu-configurator__item img {
      width: 70px;
      height: 70px; }
    @media only screen and (min-width: 1199.98px) {
      .menu-configurator__item {
        flex-direction: column;
        flex-basis: 25%;
        min-width: 0;
        flex-shrink: 0; }
        .menu-configurator__item img {
          min-width: 0;
          width: 100%;
          height: auto;
          margin-bottom: .5rem; } }
    .menu-configurator__item:hover {
      cursor: pointer; }
    .menu-configurator__item.menu-configurator__item--disabled {
      opacity: 0.5; }
      .menu-configurator__item.menu-configurator__item--disabled:hover {
        cursor: not-allowed; }
    .menu-configurator__item.menu-configurator__item--selected {
      outline: 0.25rem #f1b600 solid;
      outline-offset: -0.25rem; }
    .menu-configurator__item span {
      flex: 1 1 auto;
      text-align: left;
      align-self: center;
      padding-left: .5rem; }
      @media only screen and (min-width: 1199.98px) {
        .menu-configurator__item span {
          margin-bottom: .5rem; } }

.outsourced-delivery-service-suggestions {
  margin-top: .75rem; }
  .outsourced-delivery-service-suggestions .delivery-partners {
    padding-top: .75rem;
    display: flex;
    justify-content: space-evenly; }
    @media only screen and (min-width: 480px) {
      .outsourced-delivery-service-suggestions .delivery-partners {
        justify-content: center; } }
    .outsourced-delivery-service-suggestions .delivery-partners img {
      width: 75px;
      height: 75px; }
      @media only screen and (min-width: 480px) {
        .outsourced-delivery-service-suggestions .delivery-partners img {
          margin: 0 1.5rem; } }

.personal-pickup-banner {
  width: 1070px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .personal-pickup-banner img {
    align-self: flex-start;
    width: 100px;
    margin-top: 0.5rem; }
    @media only screen and (min-width: 768px) {
      .personal-pickup-banner img {
        width: 150px;
        margin-top: 0; } }
  .personal-pickup-banner__recap {
    flex-direction: column; }
    @media only screen and (min-width: 768px) {
      .personal-pickup-banner__recap {
        flex-direction: row; } }
  .personal-pickup-banner .btn {
    margin-right: auto;
    margin-top: 0.5rem;
    z-index: 1; }
    @media only screen and (min-width: 768px) {
      .personal-pickup-banner .btn {
        margin-right: unset;
        margin-left: auto;
        margin-top: auto; } }

.order__tag--info {
  z-index: 2;
  position: relative;
  right: auto;
  background: transparent;
  border-radius: 0;
  padding: 0;
  text-decoration: none; }
  .order__tag--info:hover {
    text-decoration: none;
    cursor: pointer; }
    .order__tag--info:hover .st1 {
      fill: #d29f00 !important; }

.taxon-prefetch-loader--upper {
  margin-bottom: 1.5rem;
  width: 100%;
  height: 3rem;
  display: block;
  position: relative; }

.body--scroll .taxon-prefetch-loader--upper {
  margin-top: calc(2 * 70px - 4.5rem); }

.ui.icon.sylius-flash-message > .icon:not(.close).checkmark {
  width: 3rem;
  height: 3rem;
  background: url("../img/ico-check.svg") no-repeat center center;
  background-size: contain;
  opacity: 1; }
  .ui.icon.sylius-flash-message > .icon:not(.close).checkmark:before {
    content: ''; }

#branch-selector .ui.icon.sylius-flash-message {
  position: absolute;
  width: auto;
  right: .875em;
  left: .875em; }

.fixed-flash-messages-container {
  position: fixed;
  z-index: 1000;
  width: auto;
  right: .875em;
  left: .875em;
  margin-top: .875em; }

.product-customization-widget {
  width: auto;
  max-width: none;
  background-image: url("../img/config-salad-background.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding: 0.875rem;
  margin: -0.875rem;
  min-height: calc(100vh - 70px - 38px);
  display: flex; }
  @media only screen and (min-width: 1450px) {
    .product-customization-widget {
      padding-right: 1.5rem;
      margin-right: -.75rem; } }
  .product-customization-widget:after {
    display: none;
    content: "";
    position: absolute;
    width: 320px;
    float: none;
    left: 50%;
    transform: translateX(-50%);
    background: url("../img/plate.png") no-repeat center top;
    background-size: cover;
    height: 100%;
    top: 0;
    margin-left: -5px; }

.customizable-product-view {
  background: url("../img/plate.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  margin-top: 1rem;
  position: fixed;
  width: 320px;
  left: 50%;
  top: calc($header-height + 7wh);
  transform: translateX(-50%);
  transition: top .25s ease-in-out;
  height: 190px;
  margin-left: -5px; }
  @media only screen and (min-width: 480px) {
    .customizable-product-view {
      left: 1rem;
      margin: 0;
      transform: none;
      width: calc(100vw - 280px - 3rem);
      height: calc(100vh - 70px - 38px - 1rem); } }
  @media only screen and (min-width: 768px) {
    .customizable-product-view {
      width: calc(100vw - 360px - 3rem); } }
  @media only screen and (min-width: 1199.98px) {
    .customizable-product-view {
      width: calc(100vw - 720px - 3rem); } }

.customizable-product-view__ingredient-img {
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: unset;
  top: 0;
  transform: none;
  object-fit: contain;
  object-position: top; }
  @media only screen and (min-width: 480px) {
    .customizable-product-view__ingredient-img {
      width: calc(100vw - 280px - 3rem);
      height: calc(100vh - 70px - 38px - 1rem); } }
  @media only screen and (min-width: 768px) {
    .customizable-product-view__ingredient-img {
      width: calc(100vw - 360px - 3rem); } }
  @media only screen and (min-width: 1199.98px) {
    .customizable-product-view__ingredient-img {
      width: calc(100vw - 720px - 3rem); } }

@media only screen and (max-width: 1024px) and (min-width: 480px) {
  .body--scroll .customizable-product-view {
    top: calc($header-height-scroll + 7wh); } }

.configurator-panel {
  margin: 205px auto 0;
  max-width: 360px;
  width: 100%;
  z-index: 1; }
  @media only screen and (min-width: 480px) {
    .configurator-panel {
      width: 280px;
      padding-bottom: 1rem;
      margin: 1.5rem 0 0 auto; } }
  @media only screen and (min-width: 768px) {
    .configurator-panel {
      width: 360px;
      max-width: 360px; } }
  @media only screen and (min-width: 1450px) {
    .configurator-panel {
      max-width: calc($configurator-width-xl / 2);
      width: calc($configurator-width-xl / 2); } }
  .configurator-panel .invisible {
    visibility: hidden; }

.ingredient-group {
  margin: 0 0 .75rem; }
  .ingredient-group__ingredients {
    background-color: white;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Boulevard", "Arial", sans-serif;
    padding: 0 1.25rem 0; }

.ingredient {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0 1rem 0; }
  .ingredient:not(:last-child) {
    border-bottom: 1px dashed #d6d6d6; }

.ingredient__price {
  color: #64b04a;
  font-size: .8rem;
  line-height: 1; }

.ingredient__buttons {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  max-width: 30%; }
  .ingredient__buttons > * {
    margin: 0 .3rem; }

.ingredient-group__dropdown {
  display: flex;
  width: 100%;
  align-items: center; }
  @media screen and (max-width: 768px) and (min-width: 480px) {
    .ingredient-group__dropdown {
      padding: 0.625rem 0.5rem 0.6rem; } }

.ingredient-group__dropdown--collapsed .ingredient-group__dropdown-arrow {
  transform: rotate(0deg); }

.ingredient-group__dropdown-arrow {
  transform: rotate(180deg);
  fill: black;
  margin: 0 0 0 auto;
  align-self: center;
  display: inline-block;
  vertical-align: middle; }

@media screen and (max-width: 768px) and (min-width: 480px) {
  .ingredient-group__ingredients {
    padding-left: 0.5rem;
    padding-right: 0.5rem; } }

.customizable-product-view__images {
  position: fixed;
  width: 320px;
  height: 190px;
  transition: top .25s ease-in-out;
  display: flex;
  justify-content: center; }
  @media only screen and (min-width: 480px) {
    .customizable-product-view__images {
      position: absolute;
      width: 100%;
      padding-bottom: 100%;
      left: 50%;
      top: 0%;
      transform: translateX(-50%); } }

.configurator-panel__finish-button {
  line-height: 1.3rem;
  font-size: 1.3rem; }

.product__bgmask--wrapper {
  height: 228px;
  overflow: hidden;
  position: fixed;
  z-index: 30;
  width: 100%;
  margin: -70px -0.875rem 0rem; }
  @media only screen and (min-width: 360px) {
    .product__bgmask--wrapper {
      height: 281px; } }
  @media only screen and (min-width: 480px) {
    .product__bgmask--wrapper {
      display: none; } }

.body--scroll .product__bgmask--wrapper {
  margin-top: -48px; }

.product__bgmask {
  width: 100%;
  height: calc(100vh);
  margin: -0.875rem 0;
  background-image: url("../img/config-back-custom-xs-v2.jpg");
  background-position: left top;
  background-size: cover;
  z-index: 20; }
  @media only screen and (min-width: 480px) {
    .product__bgmask {
      display: none; } }

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

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

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

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

.hidden {
  display: none; }

.block {
  display: block; }

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

.flex {
  display: flex; }

.relative {
  position: relative; }

.align-middle {
  vertical-align: middle; }

.color-primary {
  color: #f1b600; }

.color-active {
  color: #64b04a; }

.bg-primary {
  background-color: #f1b600; }

.font-bold {
  font-weight: 700; }

.font-semibold {
  font-weight: 600; }

.link_phone {
  color: #3b3737 !important;
  text-decoration: none !important;
  font-weight: 400; }

.cursor-pointer {
  cursor: pointer; }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 0.75rem !important; }

.mt-3,
.my-3 {
  margin-top: 0.75rem !important; }

.mr-3,
.mx-3 {
  margin-right: 0.75rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 0.75rem !important; }

.ml-3,
.mx-3 {
  margin-left: 0.75rem !important; }

.m-4 {
  margin: 1rem !important; }

.mt-4,
.my-4 {
  margin-top: 1rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1rem !important; }

.m-5 {
  margin: 1.25rem !important; }

.mt-5,
.my-5 {
  margin-top: 1.25rem !important; }

.mr-5,
.mx-5 {
  margin-right: 1.25rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 1.25rem !important; }

.ml-5,
.mx-5 {
  margin-left: 1.25rem !important; }

.m-6 {
  margin: 1.5rem !important; }

.mt-6,
.my-6 {
  margin-top: 1.5rem !important; }

.mr-6,
.mx-6 {
  margin-right: 1.5rem !important; }

.mb-6,
.my-6 {
  margin-bottom: 1.5rem !important; }

.ml-6,
.mx-6 {
  margin-left: 1.5rem !important; }

.m-8 {
  margin: 2rem !important; }

.mt-8,
.my-8 {
  margin-top: 2rem !important; }

.mr-8,
.mx-8 {
  margin-right: 2rem !important; }

.mb-8,
.my-8 {
  margin-bottom: 2rem !important; }

.ml-8,
.mx-8 {
  margin-left: 2rem !important; }

.m-10 {
  margin: 2.5rem !important; }

.mt-10,
.my-10 {
  margin-top: 2.5rem !important; }

.mr-10,
.mx-10 {
  margin-right: 2.5rem !important; }

.mb-10,
.my-10 {
  margin-bottom: 2.5rem !important; }

.ml-10,
.mx-10 {
  margin-left: 2.5rem !important; }

.m-12 {
  margin: 3rem !important; }

.mt-12,
.my-12 {
  margin-top: 3rem !important; }

.mr-12,
.mx-12 {
  margin-right: 3rem !important; }

.mb-12,
.my-12 {
  margin-bottom: 3rem !important; }

.ml-12,
.mx-12 {
  margin-left: 3rem !important; }

.m-16 {
  margin: 4rem !important; }

.mt-16,
.my-16 {
  margin-top: 4rem !important; }

.mr-16,
.mx-16 {
  margin-right: 4rem !important; }

.mb-16,
.my-16 {
  margin-bottom: 4rem !important; }

.ml-16,
.mx-16 {
  margin-left: 4rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 0.75rem !important; }

.pt-3,
.py-3 {
  padding-top: 0.75rem !important; }

.pr-3,
.px-3 {
  padding-right: 0.75rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 0.75rem !important; }

.pl-3,
.px-3 {
  padding-left: 0.75rem !important; }

.p-4 {
  padding: 1rem !important; }

.pt-4,
.py-4 {
  padding-top: 1rem !important; }

.pr-4,
.px-4 {
  padding-right: 1rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1rem !important; }

.pl-4,
.px-4 {
  padding-left: 1rem !important; }

.p-5 {
  padding: 1.25rem !important; }

.pt-5,
.py-5 {
  padding-top: 1.25rem !important; }

.pr-5,
.px-5 {
  padding-right: 1.25rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 1.25rem !important; }

.pl-5,
.px-5 {
  padding-left: 1.25rem !important; }

.p-6 {
  padding: 1.5rem !important; }

.pt-6,
.py-6 {
  padding-top: 1.5rem !important; }

.pr-6,
.px-6 {
  padding-right: 1.5rem !important; }

.pb-6,
.py-6 {
  padding-bottom: 1.5rem !important; }

.pl-6,
.px-6 {
  padding-left: 1.5rem !important; }

.p-8 {
  padding: 2rem !important; }

.pt-8,
.py-8 {
  padding-top: 2rem !important; }

.pr-8,
.px-8 {
  padding-right: 2rem !important; }

.pb-8,
.py-8 {
  padding-bottom: 2rem !important; }

.pl-8,
.px-8 {
  padding-left: 2rem !important; }

.p-10 {
  padding: 2.5rem !important; }

.pt-10,
.py-10 {
  padding-top: 2.5rem !important; }

.pr-10,
.px-10 {
  padding-right: 2.5rem !important; }

.pb-10,
.py-10 {
  padding-bottom: 2.5rem !important; }

.pl-10,
.px-10 {
  padding-left: 2.5rem !important; }

.p-12 {
  padding: 3rem !important; }

.pt-12,
.py-12 {
  padding-top: 3rem !important; }

.pr-12,
.px-12 {
  padding-right: 3rem !important; }

.pb-12,
.py-12 {
  padding-bottom: 3rem !important; }

.pl-12,
.px-12 {
  padding-left: 3rem !important; }

.p-16 {
  padding: 4rem !important; }

.pt-16,
.py-16 {
  padding-top: 4rem !important; }

.pr-16,
.px-16 {
  padding-right: 4rem !important; }

.pb-16,
.py-16 {
  padding-bottom: 4rem !important; }

.pl-16,
.px-16 {
  padding-left: 4rem !important; }

@media only screen and (max-width: 767.98px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; } }

@media only screen and (max-width: 767.98px) {
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; } }

@media only screen and (max-width: 767.98px) {
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; } }

@media only screen and (max-width: 767.98px) {
  .m-sm-3 {
    margin: 0.75rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 0.75rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 0.75rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 0.75rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 0.75rem !important; } }

@media only screen and (max-width: 767.98px) {
  .m-sm-4 {
    margin: 1rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1rem !important; } }

@media only screen and (max-width: 767.98px) {
  .m-sm-5 {
    margin: 1.25rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 1.25rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 1.25rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 1.25rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 1.25rem !important; } }

@media only screen and (max-width: 767.98px) {
  .m-sm-6 {
    margin: 1.5rem !important; }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 1.5rem !important; }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 1.5rem !important; }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 1.5rem !important; } }

@media only screen and (max-width: 767.98px) {
  .m-sm-8 {
    margin: 2rem !important; }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 2rem !important; }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 2rem !important; }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 2rem !important; }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 2rem !important; } }

@media only screen and (max-width: 767.98px) {
  .m-sm-10 {
    margin: 2.5rem !important; }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 2.5rem !important; }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 2.5rem !important; }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 2.5rem !important; }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 2.5rem !important; } }

@media only screen and (max-width: 767.98px) {
  .m-sm-12 {
    margin: 3rem !important; }
  .mt-sm-12,
  .my-sm-12 {
    margin-top: 3rem !important; }
  .mr-sm-12,
  .mx-sm-12 {
    margin-right: 3rem !important; }
  .mb-sm-12,
  .my-sm-12 {
    margin-bottom: 3rem !important; }
  .ml-sm-12,
  .mx-sm-12 {
    margin-left: 3rem !important; } }

@media only screen and (max-width: 767.98px) {
  .m-sm-16 {
    margin: 4rem !important; }
  .mt-sm-16,
  .my-sm-16 {
    margin-top: 4rem !important; }
  .mr-sm-16,
  .mx-sm-16 {
    margin-right: 4rem !important; }
  .mb-sm-16,
  .my-sm-16 {
    margin-bottom: 4rem !important; }
  .ml-sm-16,
  .mx-sm-16 {
    margin-left: 4rem !important; } }

@media only screen and (max-width: 767.98px) {
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; } }

@media only screen and (max-width: 767.98px) {
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; } }

@media only screen and (max-width: 767.98px) {
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; } }

@media only screen and (max-width: 767.98px) {
  .p-sm-3 {
    padding: 0.75rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 0.75rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 0.75rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 0.75rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 0.75rem !important; } }

@media only screen and (max-width: 767.98px) {
  .p-sm-4 {
    padding: 1rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1rem !important; } }

@media only screen and (max-width: 767.98px) {
  .p-sm-5 {
    padding: 1.25rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 1.25rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 1.25rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 1.25rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 1.25rem !important; } }

@media only screen and (max-width: 767.98px) {
  .p-sm-6 {
    padding: 1.5rem !important; }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 1.5rem !important; }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 1.5rem !important; }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 1.5rem !important; } }

@media only screen and (max-width: 767.98px) {
  .p-sm-8 {
    padding: 2rem !important; }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 2rem !important; }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 2rem !important; }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 2rem !important; }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 2rem !important; } }

@media only screen and (max-width: 767.98px) {
  .p-sm-10 {
    padding: 2.5rem !important; }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 2.5rem !important; }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 2.5rem !important; }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 2.5rem !important; }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 2.5rem !important; } }

@media only screen and (max-width: 767.98px) {
  .p-sm-12 {
    padding: 3rem !important; }
  .pt-sm-12,
  .py-sm-12 {
    padding-top: 3rem !important; }
  .pr-sm-12,
  .px-sm-12 {
    padding-right: 3rem !important; }
  .pb-sm-12,
  .py-sm-12 {
    padding-bottom: 3rem !important; }
  .pl-sm-12,
  .px-sm-12 {
    padding-left: 3rem !important; } }

@media only screen and (max-width: 767.98px) {
  .p-sm-16 {
    padding: 4rem !important; }
  .pt-sm-16,
  .py-sm-16 {
    padding-top: 4rem !important; }
  .pr-sm-16,
  .px-sm-16 {
    padding-right: 4rem !important; }
  .pb-sm-16,
  .py-sm-16 {
    padding-bottom: 4rem !important; }
  .pl-sm-16,
  .px-sm-16 {
    padding-left: 4rem !important; } }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

.apple-pay-button {
  display: none;
  padding: 0;
  border: none;
  position: fixed;
  z-index: 10000;
  bottom: 38px;
  left: calc(50% - 106px); }
  .apple-pay-button:after {
    content: '';
    position: fixed;
    height: 100vh;
    width: 100vw;
    background-color: #ffffffab;
    top: 0;
    left: 0;
    z-index: 1; }
  .apple-pay-button img {
    z-index: 10;
    position: relative; }

@supports (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    -webkit-appearance: -apple-pay-button; } }

@supports not (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 5px;
    padding: 0px;
    box-sizing: border-box;
    min-width: 200px;
    min-height: 32px;
    max-height: 64px; } }

body {
  touch-action: manipulation; }

.product-custom__img-wrap {
  height: 100%;
  width: 100%;
  top: 0;
  padding-top: 0;
  bottom: inherit;
  padding-bottom: 0;
  transform: none;
  position: absolute;
  left: unset; }

.product-custom__img {
  width: 100%;
  height: unset;
  max-height: 100%;
  top: 0;
  transform: none;
  left: inherit; }

@media (max-height: 760px) and (orientation: landscape), (max-width: 992px) {
  .footer__logo, h4.footer__heading.footer__heading--right {
    display: none; }
  .footer-list {
    margin-bottom: 0; } }

/*fix: pizza list select button oveflowing*/
@media screen and (max-width: 768px) {
  .product__content {
    padding: .75rem .0rem .5rem; }
  .product__price {
    padding: 0 0.5rem 0 .5rem; } }

/*header - back button*/
@media screen and (min-width: 1200px) {
  .header-logo__title--custom {
    left: 330px; }
  .header-logo__title.header-logo__title--custom.back {
    left: 230px; }
  span.header-logo__title.header-logo__title--custom.page-title:before {
    content: '';
    font-size: 50px;
    border-left: 1px solid #767676;
    height: 30px;
    display: block;
    width: 2px;
    position: absolute;
    left: -17px;
    top: -5px; }
  span.header-logo__title.header-logo__title--custom.back:before {
    border: none; } }

@media screen and (max-width: 550px) {
  span.header-logo__title.header-logo__title--custom.back svg.btn__icon {
    display: none; } }

@media screen and (max-width: 1200px) {
  .header-logo__title.header-logo__title--custom.back {
    margin-right: 20px; } }

.products .product__description > p {
  min-height: 3.2855rem;
  margin-bottom: 0rem;
  padding-bottom: 0; }

.ui.message {
  border-radius: 0px; }

/*new pickupicon in shopping cart*/
#sylius-shipments .ui.large.icon.message img.ico-pickup {
  opacity: 0.85;
  width: 70px;
  margin: -5px 20px -10px 0;
  height: auto; }

/*404*/
img.error-page-bg {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: block;
  margin-top: 6em;
  max-width: 100%;
  margin-top: 2em; }

h2.error-page-heading {
  display: block;
  align-self: center;
  margin-bottom: 0.15em;
  color: #f1b600;
  font-family: "Boulevard", "Arial", sans-serif;
  text-transform: uppercase;
  font-size: 250%;
  text-align: center; }
  @media only screen and (min-width: 480px) {
    h2.error-page-heading {
      font-size: 330%; } }

p.error-page-paragraph {
  display: block;
  text-align: center; }

button.btn.btn--secondary.modal-cart-inactive__close {
  margin: 0 1rem 1rem 0; }

@media only screen and (max-height: 760px) and (orientation: landscape) {
  .footer-list__item {
    margin-right: 0.10rem; }
    .footer-list__item:after {
      margin-left: 0.1rem; } }

/*search filed pro adresu*/
.ui.selection.active.dropdown,
.ui.selection.active.dropdown .menu {
  border-color: #e9dcd2; }

.ui.address-book-select {
  background-color: #fff; }
  .ui.address-book-select:hover, .ui.address-book-select.active {
    background-color: #fff !important; }
  .ui.address-book-select.search.dropdown > input.search {
    border-color: transparent !important;
    background-color: transparent !important; }

.ui.search.dropdown > .text {
  top: 1px; }

.ui.search.dropdown.shippable-autocomplete > .text {
  color: #000000 !important; }

.ui.search.dropdown > input.search {
  height: 100%; }

.address-picker-field .ui.search.dropdown > input.search {
  border-color: #fff !important;
  background-color: #fff !important; }

.ui.selection.dropdown {
  min-height: unset;
  background: #fff;
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0; }

/*rewrite písma inputů*/
.ui.form input:not([type]), .ui.form input[type=text], .ui.form input[type=email], .ui.form input[type=search], .ui.form input[type=password], .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=tel], .ui.form input[type=time], .ui.form input[type=file], .ui.form input[type=url], .ui.form input[type=number] {
  font-family: "Roboto", "Arial", sans-serif; }

.text-muted {
  opacity: 0.5; }

/*phone input width*/
input#sylius_checkout_address_customer_unregisteredPhoneNumber_phoneNumber, input#sylius_checkout_address_existingCustomer_phoneNumber_phoneNumber, input#sylius_customer_profile_phoneNumber_phoneNumber {
  max-width: calc(100% - 121px); }

.ui.label.dropdown.phone-prefix {
  width: 121px;
  padding-right: 0; }

.phone-prefix.ui.dropdown .menu > .item {
  padding-right: 0 !important; }

/*fix for phone prefix dropdown on my account*/
.my-account {
  margin-bottom: 4rem; }

.leaflet-pane {
  z-index: 80; }

.dropdown.address-book-select .menu.transition.visible {
  max-width: 100%; }

.ui.items > .item .extra {
  width: unset; }

.form--summary-deliverytypes .ui.items.stackable .item,
form[name="sylius_checkout_select_payment"] .ui.items.stackable .item {
  margin: 1rem 0 0.5rem 0;
  display: flex !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important; }
  .form--summary-deliverytypes .ui.items.stackable .item .content,
  form[name="sylius_checkout_select_payment"] .ui.items.stackable .item .content {
    flex-direction: column; }

.ui.dropdown .menu .selected.item, .ui.dropdown.selected {
  background: rgba(0, 0, 0, 0.1); }

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: none;
  -moz-appearance: none; }

.ui.label.dropdown.phone-prefix.upward {
  padding-left: 0px; }

input#sylius_contact_phone_number_phoneNumber {
  max-width: calc(100% - 121px); }

.dimmed.dimmable > .ui.animating.dimmer,
.dimmed.dimmable > .ui.visible.dimmer,
.ui.active.dimmer {
  background-color: rgba(76, 60, 48, 0.87); }

.modal-content input[type=text],
.modal-content input[type=text]::selection {
  color: #fff !important; }

.message.message--warning {
  background-color: #ffecb2;
  box-shadow: 0 0 0 1px #f1b600 inset, 0 0 0 0 transparent; }
  .message.message--warning .warning.sign {
    color: #f1b600; }
  .message.message--warning .header {
    font-family: "Roboto", "Arial", sans-serif; }

.payment-choice {
  font-family: "Roboto", "Arial", sans-serif; }

.ui.segments:not(.horizontal) > .segment:only-child {
  border-radius: 0px; }

.ui.segments {
  box-shadow: none; }

button,
input,
optgroup,
select,
textarea,
.ui.message .header {
  font-family: "Roboto", "Arial", sans-serif; }

.ui.header {
  font-family: "Boulevard", "Arial", sans-serif; }

.ui.form input:not([type]):focus,
.ui.form input[type=date]:focus,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=email]:focus,
.ui.form input[type=file]:focus,
.ui.form input[type=number]:focus,
.ui.form input[type=password]:focus,
.ui.form input[type=search]:focus,
.ui.form input[type=tel]:focus,
.ui.form input[type=text]:focus,
.ui.form input[type=time]:focus,
.ui.form input[type=url]:focus {
  border-radius: 0; }

.ui.labeled.input:not([class*="corner labeled"]) .label:first-child,
.ui.dropdown .menu {
  border-radius: 0; }

/*flex*/
.d-flex {
  -ms-flex-direction: column !important;
  display: flex !important; }

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important; }

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important; }

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important; }
  @media only screen and (max-width: 1200px) {
    .flex-column-lg {
      -ms-flex-direction: column !important;
      flex-direction: column !important; } }
  @media only screen and (max-width: 991.98px) {
    .flex-column-md {
      -ms-flex-direction: column !important;
      flex-direction: column !important; } }
  @media only screen and (max-width: 767.98px) {
    .flex-column-sm {
      -ms-flex-direction: column !important;
      flex-direction: column !important; } }
  @media only screen and (max-width: 479.98px) {
    .flex-column-xs {
      -ms-flex-direction: column !important;
      flex-direction: column !important; } }
  @media only screen and (max-width: 359.98px) {
    .flex-column-xxs {
      -ms-flex-direction: column !important;
      flex-direction: column !important; } }

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important; }
  @media only screen and (max-width: 767.98px) {
    .flex-row-sm {
      -ms-flex-direction: row !important;
      flex-direction: row !important; } }
  @media only screen and (min-width: 768px) and (max-width: 992px) {
    .flex-row-sm-only {
      -ms-flex-direction: row !important;
      flex-direction: row !important; } }
  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    .flex-row-md-only {
      -ms-flex-direction: row !important;
      flex-direction: row !important; } }
  @media only screen and (min-width: 1199.98px) {
    .flex-row-lg {
      -ms-flex-direction: row !important;
      flex-direction: row !important; } }

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: end !important; }

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important; }

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important; }

.strong {
  font-weight: bold; }

.rounded {
  border-radius: 0.8rem; }

.relative {
  position: relative; }

/* colors */
.text-white {
  color: #fff; }

.bg-white {
  background-color: #fff; }

.bg--beige-light {
  background-color: #ececec; }

.bg--beige-darken {
  background-color: #f3f3f3; }

@media only screen and (max-width: 767.98px) {
  .bg--beige-light-sm {
    background-color: #ececec; } }

.bg-secondary {
  background-color: #ffecb2 !important; }

.text-primary {
  color: #f1b600 !important; }

.text-secondary {
  color: #c0bfbf !important; }

/* typography */
.text-center {
  text-align: center !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.font-size-lg {
  font-size: 2.5rem; }

.font-size-md {
  font-size: 1.4rem; }

.letter-spacing-1 {
  letter-spacing: 1px; }

.letter-spacing-lg {
  letter-spacing: 0.1rem; }

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

.small {
  font-size: 50%; }
  .small-sm {
    font-size: 80%; }
  .small-md {
    font-size: 90%; }

.line-height-md {
  line-height: 1.8; }

/* margins */
.m-n3 {
  margin: -0.75rem !important; }

.m-n4 {
  margin: -1rem !important; }

.m-n6 {
  margin: -1.5rem !important; }

@media only screen and (min-width: 768px) {
  .mr-md-auto {
    margin-right: auto !important; } }

@media only screen and (max-width: 767.98px) {
  .mr-md-0 {
    margin-right: 0 !important; } }

@media only screen and (min-width: 480px) {
  .mr-xs-auto {
    margin-right: auto !important; } }

@media only screen and (max-width: 767.98px) {
  .ml-sm-auto {
    margin-left: auto !important; } }

@media only screen and (min-width: 768px) {
  .ml-sm-0 {
    margin-left: 0 !important; } }

.ml-auto {
  margin-left: auto; }

@media only screen and (max-width: 619.99px) {
  .px-sm-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important; } }

.d-inline-block {
  display: inline-block !important; }

/* sizing */
.w-100 {
  width: 100%; }

.w-50 {
  width: 50%; }

.h-100 {
  height: 100%; }

/*responsive*/
@media only screen and (min-width: 768px) {
  .desktop-hidden {
    display: none !important; } }

@media only screen and (max-width: 767.98px) {
  .mobile-hidden {
    display: none !important; } }

@media only screen and (min-width: 480px) {
  .mobile-xs-visible {
    display: none !important; } }

@media only screen and (max-width: 479.98px) {
  .mobile-xs-hidden {
    display: none !important; } }

form.loading:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(243, 243, 243, 0.8) !important;
  width: 100%;
  height: 100%;
  z-index: 100; }

form.loading:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin: -1.5em 0 0 -1.5em;
  width: 3em;
  height: 3em;
  -webkit-animation: form-spin .6s linear;
  animation: form-spin .6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border-radius: 500rem;
  border-color: #767676 rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: .2em;
  box-shadow: 0 0 0 1px transparent;
  visibility: visible;
  z-index: 101; }

/* scrollbar */

/*# sourceMappingURL=style-shop.css.map */