/* Elements */

:root {
  --primary: #c59d5f;
  --primary-dark: #af8544;
  --secondary: #d83422;
  --secondary-dark: #c4200e;
  --light: #e2e2e2;
  --dark: #111111;

  --heading-font: "Montserrat";
  --text-font: "Montserrat";
}

@media (max-width: 576px) {
  ::-webkit-scrollbar {
    height: 9px;
    background-color: black;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background-color: black;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgb(109, 109, 109);
  }
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--text-font), sans-serif;
}

* {
  margin: 0;
  padding: 0;
}

a {
  color: var(--primary);
  text-decoration: none;
  transition: all 0.3s;
}

a:hover,
a:focus {
  color: var(--primary-dark);
  text-decoration: none;
}

h2 {
  font-family: var(--heading-font);
  font-size: 3rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #fff;
}

img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

footer {
  background-color: #171717;
  padding: 30px 0;
  color: #8c8c8c;
  text-align: center;
}
footer p {
  margin: 0;
}

section {
  padding: 100px 0;
}

@media (max-width: 576px) {
  section {
    padding: 30px 0;
  }
  h2 {
    font-size: 2.5rem;
  }
}

.popup-overlay {
  height: 100%;
  width: 100%;
  margin: 0;
  display: none;
  position: fixed;
  z-index: 1000;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.7);
  padding: 30px;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.popup__body {
  height: auto;
  max-height: 80vh;
  width: 100%;
  max-width: 750px;
  margin: 80px auto;
  padding: 45px 10px;
  background: #fff;
  color: #000;
  position: relative;
  border-radius: 5px;
  -webkit-box-shadow: 0 2px 5px #000;
  box-shadow: 0 2px 5px #000;
  z-index: 103;
}

@media (min-width: 768px) {
  .popup__body {
    padding: 35px 35px;
  }
}

.popup__body img {
  display: block;
  max-height: 70vh;
  max-width: 100%;
  margin: auto auto;
  border-radius: 10px;
}

.popup__body p {
  color: #333;
  font-size: 1.1rem;
  margin: 15px auto 0;
  max-width: 500px;
  font-weight: 600;
  text-align: center;
}

.popup__body a {
  text-decoration: none;
}

.popup__body .close-btn {
  color: #000;
  position: absolute;
  top: 0;
  right: 15px;
  font-size: 30px;
  cursor: pointer;
}

/* END OF POP UP*/

/* Sections */

.header-showcase {
  position: relative;
  background: var(--dark);
  background-image: url("../images/black-board.jpg");
  background-size: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
}

.header-showcase .header-logo {
  position: relative;
  margin-top: -55px;
}

.header-showcase .header-logo img {
  max-width: 80%;
  filter: brightness(92%);
}

.header-showcase .heading {
  color: var(--light);
  font-size: 3.1rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.1rem;
}
.header-showcase .subheading {
  color: var(--primary);
  font-size: 1.5rem;
  text-align: right;
  display: block;
}

.header-showcase .description {
  color: var(--light);
  font-size: 1.5rem;
  margin-bottom: 65px;
  font-weight: 300;
  position: relative;
  text-indent: 2.8rem;
}

.header-showcase .description::before {
  position: absolute;
  content: "";
  top: 45%;
  left: 0;
  width: 1.8rem;
  height: 2px;
  background-color: var(--primary);
}

@media (min-width: 1400px) {
  .header-showcase .heading {
    font-size: 3.4rem;
  }

  .header-showcase .description {
    font-size: 1.8rem;
    text-indent: 3.7rem;
  }

  .header-showcase .description::before {
    width: 2.5rem;
    height: 3px;
  }
}

.header-showcase .description a:hover {
  color: var(--tertiary);
}

.header-btns {
  display: block;
  position: relative;
  width: 100vw;
}

@media (max-width: 768px) {
  .header-showcase .header-logo img {
    max-width: 50%;
  }
  .header-showcase {
    text-align: center;
  }
  .header-showcase::after {
    display: none;
  }
  .header-btns {
    justify-content: center;
    width: auto;
  }
  .header-showcase .description {
    text-indent: 0;
    font-size: 1.8rem;
    margin-bottom: 55px;
  }
  .header-showcase .description::before {
    display: none;
  }
}

@media (max-width: 576px) {
  .header-showcase .header-logo {
    margin-top: 0;
  }
  .header-btns {
    flex-direction: column;
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
  }
  .header-btns .order-btn {
    margin-right: 0;
    margin-bottom: 15px;
    width: 100%;
    max-width: 250px;
  }
  .header-btns .call-btn {
    width: 100%;
    max-width: 250px;
  }
}

.order-btn,
.call-btn {
  font-weight: 600;
  padding: 10px 30px;
  display: inline-block;
  text-transform: uppercase;
}

.order-btn {
  background: var(--primary-dark);
  border: 2px solid rgba(255, 255, 255, 0);
  color: #fff;
  margin-right: 25px;
}

.order-btn:hover,
.order-btn:focus {
  color: #fff;
  background: #966f34;
}

.call-btn {
  border: 2px solid white;
  color: white;
}

.call-btn:hover,
.call-btn:focus {
  color: #000000;
  background: white;
}

#about {
  position: relative;
  background-color: white;
  color: var(--dark);
  padding-bottom: 40px;
}

#about h2 {
  color: var(--dark);
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 50px;
}

@media (max-width: 576px) {
  #about h2 {
    font-size: 2rem;
  }
}

#about p {
  font-size: 1.1rem;
  margin-bottom: 10px;
}

#about a {
  font-weight: 700;
}

#about .fest {
  text-align: center;
  font-size: 1.1rem;
  font-weight: 500;
  grid-row: 2;
}

#about .text-content {
  margin: auto;
  margin-bottom: 50px;
  max-width: 90vw;
  text-align: center;
}

#about .image-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-row-gap: 10px;
  grid-column-gap: 30px;
  padding: 0 15px;
}

#about .galery-image {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 576px) {
  #about .image-grid {
    grid-template-columns: 1fr;
  }

  #about .fest {
    grid-row: auto;
  }
}

#app {
  border-top: 4px dotted rgba(0, 0, 0, 0.06);
  padding-top: 80px;
  background: white;
  position: relative;
}

#app h2 {
  color: var(--dark);
  text-transform: none;
  font-weight: 600;
  font-size: 2.2rem;
}

#app p {
  color: var(--dark);
  font-size: 1.1rem;
  margin-top: 20px;
  position: relative;
  text-indent: 2.5rem;
}

#app p::before {
  position: absolute;
  content: "";
  top: 45%;
  left: 0;
  width: 1.8rem;
  height: 2px;
  background-color: var(--primary);
}

@media (max-width: 992px) {
  #app h2 {
    font-size: 30px;
  }
  #app p::before {
    top: 22%;
  }
}

@media (max-width: 768px) {
  #app p::before {
    top: 45%;
  }
}

@media (max-width: 576px) {
  #app {
    text-align: center;
    padding-top: 40px;
    border-bottom: 4px dotted rgba(0, 0, 0, 0.06);
    padding-bottom: 40px;
    margin-bottom: 20px;
  }
  #app p {
    font-size: 1rem;
  }
  #app p::before {
    display: none;
  }
}

.banner-btns {
  margin-top: 50px;
}

.banner-btns img {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
  max-width: 180px;
  border-radius: 5px;
  margin-right: 10px;
}

.banner-btns img:hover {
  transform: scale(1.05);
}

.banner-btns img:nth-child(2) {
  height: 100%;
  max-height: 60px;
}

.mobil-img {
  position: absolute;
  width: 400px;
  border: none;
  right: 14%;
  bottom: 0;
}

.mobil-img img {
  max-width: 300px;
}

@media (max-width: 1200px) {
  .mobil-img {
    right: 8%;
  }
}
@media (max-width: 992px) {
  .mobil-img {
    right: 0;
  }

  .banner-btns {
    margin-top: 50px;
  }

  .banner-btns img {
    max-width: 150px;
  }
}

@media (max-width: 576px) {
  #app {
    height: 100%;
  }

  .banner-btns {
    margin-top: 20px;
  }

  .banner-btns img {
    max-width: 120px;
  }
}

#dort {
  background-color: white;
  background-size: auto;
  background-repeat: repeat;
  padding-top: 50px;
  padding-bottom: 50px;
}
#dort h2 {
  color: var(--dark);
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 50px;
}
#dort iframe {
  min-height: 245px;
  max-width: 500px;
  display: block;
  margin: 0 auto;
}
#dort .ukaz_dort {
  border: 2px solid var(--dark);
  color: var(--dark);
  background-color: white;
  font-weight: 600;
  padding: 10px 40px;
  display: inline-block;
  text-transform: uppercase;

  margin-top: 30px;

  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#dort .ukaz_dort:hover {
  color: white;
  background-color: var(--dark);
}

#rozvoz {
  background: var(--dark);
  color: #eaeaea;
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding-top: 70px;
  box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.1);
}

#rozvoz h2 {
  color: var(--light);
  font-size: 3.5rem;
  text-align: center;
  display: block;
  width: 100%;
  margin-bottom: 60px;
}

#rozvoz ._card {
  display: flex;
  flex-direction: row;
  margin-bottom: 25px;
}

#rozvoz ._card i {
  font-size: 40px;
  color: var(--primary);
  margin-right: 1.2rem;
}

#rozvoz ._card p {
  font-size: 1.2rem;
}
#rozvoz ._card p .towns {
  font-weight: 700;
}

#rozvoz .order-btn {
  margin-top: 20px;
  padding-right: 23px;
  padding-left: 23px;
}

#rozvoz .pizza {
  position: absolute;
  right: -500px;
  bottom: -330px;
  z-index: -1;
}
#rozvoz .pizza img {
  width: 950px;
}

@media (min-width: 1600px) {
  #rozvoz .pizza img {
    width: 850px;
  }
}

@media (max-width: 576px) {
  #rozvoz h2 {
    font-size: 2.5rem;
  }
  #rozvoz p {
    font-size: 1rem;
  }
}

#kontakt {
  padding: 100px 0;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.03'%3E%3Cpath d='M24.37 16c.2.65.39 1.32.54 2H21.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06A5 5 0 0 1-17.45 28v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H-20a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1L.9 19.22a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0L2.26 23h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM-13.82 27l16.37 4.91L18.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H-13.1z'/%3E%3Cpath id='path6_fill-copy' d='M284.37 16c.2.65.39 1.32.54 2H281.17l1.17 2.34.45.9-.24.11V28a5 5 0 0 1-2.23 8.94l-.02.06a8 8 0 0 1-7.75 6h-20a8 8 0 0 1-7.74-6l-.02-.06a5 5 0 0 1-2.24-8.94v-6.76l-.79-1.58-.44-.9.9-.44.63-.32H240a23.01 23.01 0 0 1 44.37-2zm-36.82 2a1 1 0 0 0-.44.1l-3.1 1.56.89 1.79 1.31-.66a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .9 0l2.21-1.1a3 3 0 0 1 2.69 0l2.2 1.1a1 1 0 0 0 .86.02l2.88-1.27a3 3 0 0 1 2.43 0l2.88 1.27a1 1 0 0 0 .85-.02l3.1-1.55-.89-1.79-1.42.71a3 3 0 0 1-2.56.06l-2.77-1.23a1 1 0 0 0-.4-.09h-.01a1 1 0 0 0-.4.09l-2.78 1.23a3 3 0 0 1-2.56-.06l-2.3-1.15a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01a1 1 0 0 0-.44.1l-2.21 1.11a3 3 0 0 1-2.69 0l-2.2-1.1a1 1 0 0 0-.45-.11h-.01zm0-2h-4.9a21.01 21.01 0 0 1 39.61 0h-2.09l-.06-.13-.26.13h-32.31zm30.35 7.68l1.36-.68h1.3v2h-36v-1.15l.34-.17 1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.69 0l1.36-.68h2.59l1.36.68a3 3 0 0 0 2.56.06l1.67-.74h3.23l1.67.74a3 3 0 0 0 2.56-.06zM246.18 27l16.37 4.91L278.93 27h-32.75zm-.63 2h.34l16.66 5 16.67-5h.33a3 3 0 1 1 0 6h-34a3 3 0 1 1 0-6zm1.35 8a6 6 0 0 0 5.65 4h20a6 6 0 0 0 5.66-4H246.9z'/%3E%3Cpath d='M159.5 21.02A9 9 0 0 0 151 15h-42a9 9 0 0 0-8.5 6.02 6 6 0 0 0 .02 11.96A8.99 8.99 0 0 0 109 45h42a9 9 0 0 0 8.48-12.02 6 6 0 0 0 .02-11.96zM151 17h-42a7 7 0 0 0-6.33 4h54.66a7 7 0 0 0-6.33-4zm-9.34 26a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-4.34a8.98 8.98 0 0 0 3.34-7h-2a7 7 0 0 1-7 7h-7a7 7 0 1 1 0-14h42a7 7 0 1 1 0 14h-9.34zM109 27a9 9 0 0 0-7.48 4H101a4 4 0 1 1 0-8h58a4 4 0 0 1 0 8h-.52a9 9 0 0 0-7.48-4h-42z'/%3E%3Cpath d='M39 115a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm6-8a6 6 0 1 1-12 0 6 6 0 0 1 12 0zm-3-29v-2h8v-6H40a4 4 0 0 0-4 4v10H22l-1.33 4-.67 2h2.19L26 130h26l3.81-40H58l-.67-2L56 84H42v-6zm-4-4v10h2V74h8v-2h-8a2 2 0 0 0-2 2zm2 12h14.56l.67 2H22.77l.67-2H40zm13.8 4H24.2l3.62 38h22.36l3.62-38z'/%3E%3Cpath d='M129 92h-6v4h-6v4h-6v14h-3l.24 2 3.76 32h36l3.76-32 .24-2h-3v-14h-6v-4h-6v-4h-8zm18 22v-12h-4v4h3v8h1zm-3 0v-6h-4v6h4zm-6 6v-16h-4v19.17c1.6-.7 2.97-1.8 4-3.17zm-6 3.8V100h-4v23.8a10.04 10.04 0 0 0 4 0zm-6-.63V104h-4v16a10.04 10.04 0 0 0 4 3.17zm-6-9.17v-6h-4v6h4zm-6 0v-8h3v-4h-4v12h1zm27-12v-4h-4v4h3v4h1v-4zm-6 0v-8h-4v4h3v4h1zm-6-4v-4h-4v8h1v-4h3zm-6 4v-4h-4v8h1v-4h3zm7 24a12 12 0 0 0 11.83-10h7.92l-3.53 30h-32.44l-3.53-30h7.92A12 12 0 0 0 130 126z'/%3E%3Cpath d='M212 86v2h-4v-2h4zm4 0h-2v2h2v-2zm-20 0v.1a5 5 0 0 0-.56 9.65l.06.25 1.12 4.48a2 2 0 0 0 1.94 1.52h.01l7.02 24.55a2 2 0 0 0 1.92 1.45h4.98a2 2 0 0 0 1.92-1.45l7.02-24.55a2 2 0 0 0 1.95-1.52L224.5 96l.06-.25a5 5 0 0 0-.56-9.65V86a14 14 0 0 0-28 0zm4 0h6v2h-9a3 3 0 1 0 0 6H223a3 3 0 1 0 0-6H220v-2h2a12 12 0 1 0-24 0h2zm-1.44 14l-1-4h24.88l-1 4h-22.88zm8.95 26l-6.86-24h18.7l-6.86 24h-4.98zM150 242a22 22 0 1 0 0-44 22 22 0 0 0 0 44zm24-22a24 24 0 1 1-48 0 24 24 0 0 1 48 0zm-28.38 17.73l2.04-.87a6 6 0 0 1 4.68 0l2.04.87a2 2 0 0 0 2.5-.82l1.14-1.9a6 6 0 0 1 3.79-2.75l2.15-.5a2 2 0 0 0 1.54-2.12l-.19-2.2a6 6 0 0 1 1.45-4.46l1.45-1.67a2 2 0 0 0 0-2.62l-1.45-1.67a6 6 0 0 1-1.45-4.46l.2-2.2a2 2 0 0 0-1.55-2.13l-2.15-.5a6 6 0 0 1-3.8-2.75l-1.13-1.9a2 2 0 0 0-2.5-.8l-2.04.86a6 6 0 0 1-4.68 0l-2.04-.87a2 2 0 0 0-2.5.82l-1.14 1.9a6 6 0 0 1-3.79 2.75l-2.15.5a2 2 0 0 0-1.54 2.12l.19 2.2a6 6 0 0 1-1.45 4.46l-1.45 1.67a2 2 0 0 0 0 2.62l1.45 1.67a6 6 0 0 1 1.45 4.46l-.2 2.2a2 2 0 0 0 1.55 2.13l2.15.5a6 6 0 0 1 3.8 2.75l1.13 1.9a2 2 0 0 0 2.5.8zm2.82.97a4 4 0 0 1 3.12 0l2.04.87a4 4 0 0 0 4.99-1.62l1.14-1.9a4 4 0 0 1 2.53-1.84l2.15-.5a4 4 0 0 0 3.09-4.24l-.2-2.2a4 4 0 0 1 .97-2.98l1.45-1.67a4 4 0 0 0 0-5.24l-1.45-1.67a4 4 0 0 1-.97-2.97l.2-2.2a4 4 0 0 0-3.09-4.25l-2.15-.5a4 4 0 0 1-2.53-1.84l-1.14-1.9a4 4 0 0 0-5-1.62l-2.03.87a4 4 0 0 1-3.12 0l-2.04-.87a4 4 0 0 0-4.99 1.62l-1.14 1.9a4 4 0 0 1-2.53 1.84l-2.15.5a4 4 0 0 0-3.09 4.24l.2 2.2a4 4 0 0 1-.97 2.98l-1.45 1.67a4 4 0 0 0 0 5.24l1.45 1.67a4 4 0 0 1 .97 2.97l-.2 2.2a4 4 0 0 0 3.09 4.25l2.15.5a4 4 0 0 1 2.53 1.84l1.14 1.9a4 4 0 0 0 5 1.62l2.03-.87zM152 207a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6 2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-11 1a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-6 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3-5a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-8 8a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm3 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm0 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4 7a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5-2a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm5 4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm6-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm4-3a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-5-4a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm-24 6a1 1 0 1 1 2 0 1 1 0 0 1-2 0zm16 5a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm7-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0zm86-29a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1 246 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM275 214a29 29 0 0 0-57.97 0h57.96zM72.33 198.12c-.21-.32-.34-.7-.34-1.12v-12h-2v12a4.01 4.01 0 0 0 7.09 2.54c.57-.69.91-1.57.91-2.54v-12h-2v12a1.99 1.99 0 0 1-2 2 2 2 0 0 1-1.66-.88zM75 176c.38 0 .74-.04 1.1-.12a4 4 0 0 0 6.19 2.4A13.94 13.94 0 0 1 84 185v24a6 6 0 0 1-6 6h-3v9a5 5 0 1 1-10 0v-9h-3a6 6 0 0 1-6-6v-24a14 14 0 0 1 14-14 5 5 0 0 0 5 5zm-17 15v12a1.99 1.99 0 0 0 1.22 1.84 2 2 0 0 0 2.44-.72c.21-.32.34-.7.34-1.12v-12h2v12a3.98 3.98 0 0 1-5.35 3.77 3.98 3.98 0 0 1-.65-.3V209a4 4 0 0 0 4 4h16a4 4 0 0 0 4-4v-24c.01-1.53-.23-2.88-.72-4.17-.43.1-.87.16-1.28.17a6 6 0 0 1-5.2-3 7 7 0 0 1-6.47-4.88A12 12 0 0 0 58 185v6zm9 24v9a3 3 0 1 0 6 0v-9h-6z'/%3E%3Cpath d='M-17 191a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm19 9a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H3a1 1 0 0 1-1-1zm-14 5a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm-25 1a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm5 4a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm9 0a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm15 1a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm12-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2H4zm-11-14a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-19 0a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2h-2zm6 5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-2a1 1 0 0 1-1-1zm-25 15c0-.47.01-.94.03-1.4a5 5 0 0 1-1.7-8 3.99 3.99 0 0 1 1.88-5.18 5 5 0 0 1 3.4-6.22 3 3 0 0 1 1.46-1.05 5 5 0 0 1 7.76-3.27A30.86 30.86 0 0 1-14 184c6.79 0 13.06 2.18 18.17 5.88a5 5 0 0 1 7.76 3.27 3 3 0 0 1 1.47 1.05 5 5 0 0 1 3.4 6.22 4 4 0 0 1 1.87 5.18 4.98 4.98 0 0 1-1.7 8c.02.46.03.93.03 1.4v1h-62v-1zm.83-7.17a30.9 30.9 0 0 0-.62 3.57 3 3 0 0 1-.61-4.2c.37.28.78.49 1.23.63zm1.49-4.61c-.36.87-.68 1.76-.96 2.68a2 2 0 0 1-.21-3.71c.33.4.73.75 1.17 1.03zm2.32-4.54c-.54.86-1.03 1.76-1.49 2.68a3 3 0 0 1-.07-4.67 3 3 0 0 0 1.56 1.99zm1.14-1.7c.35-.5.72-.98 1.1-1.46a1 1 0 1 0-1.1 1.45zm5.34-5.77c-1.03.86-2 1.79-2.9 2.77a3 3 0 0 0-1.11-.77 3 3 0 0 1 4-2zm42.66 2.77c-.9-.98-1.87-1.9-2.9-2.77a3 3 0 0 1 4.01 2 3 3 0 0 0-1.1.77zm1.34 1.54c.38.48.75.96 1.1 1.45a1 1 0 1 0-1.1-1.45zm3.73 5.84c-.46-.92-.95-1.82-1.5-2.68a3 3 0 0 0 1.57-1.99 3 3 0 0 1-.07 4.67zm1.8 4.53c-.29-.9-.6-1.8-.97-2.67.44-.28.84-.63 1.17-1.03a2 2 0 0 1-.2 3.7zm1.14 5.51c-.14-1.21-.35-2.4-.62-3.57.45-.14.86-.35 1.23-.63a2.99 2.99 0 0 1-.6 4.2zM15 214a29 29 0 0 0-57.97 0h57.96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: auto;
  background-repeat: repeat;
  box-shadow: inset 0 10px 40px 0 rgba(0, 0, 0, 0.3);
}

#kontakt h2 {
  color: var(--dark);
  margin-bottom: 50px;
  font-size: 3.5rem;
}

@media (max-width: 576px) {
  #kontakt {
    padding-top: 60px;
  }
  #kontakt h2 {
    font-size: 2.5rem;
  }
}

#kontakt .card {
  height: 100%;
  font-size: 0.95rem;
}

#kontakt .card .fa-envelope {
  position: relative;
  top: 2px;
  right: 0;
}
#kontakt .card .fa-credit-card {
  position: relative;
  top: 2px;
  right: 0;
}

@media screen and (max-width: 768px) {
  #kontakt .card {
    height: auto;
  }
}

#kontakt h3 {
  font-size: 1.3rem;
  color: black;
  text-transform: uppercase;
  text-align: center;
  border-bottom: 4px dotted rgba(0, 0, 0, 0.1);
  font-weight: 700;
  padding-bottom: 4px;
  margin-bottom: 20px;
  display: block;
}

.contact-info ul {
  list-style: none;
  margin-bottom: 0;
}

.contact-info ul li {
  display: flex;
  align-items: baseline;
  margin-bottom: 20px;
}

.contact-info ul li i {
  font-size: 20px;
  color: var(--primary);
  width: 100%;
  max-width: 40px;
}

.contact-info ul a {
  width: 100%;
  color: inherit;
  font-weight: 600;
}

.contact-info .social i {
  color: var(--dark);
  font-size: 30px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-weight: 500;
}

.contact-info .social i:hover {
  opacity: 0.7;
}

.business-hours {
  position: relative;
  height: 100%;
}

.business-hours p {
  margin-bottom: 0;
  color: var(--dark-on-light);
  font-size: 14px;
}

.business-hours li {
  color: #000;
  line-height: 30px;
  border-bottom: 1px solid #e4e4e4;
}

.business-hours li:last-child {
  border-bottom: none;
}

.business-hours ul {
  margin-bottom: 0px;
}

.business-hours .opening-hours li.today {
  color: var(--primary);
  font-weight: 600;
}

.business-hours .info-message {
  color: #333;
  font-size: 18px;
  margin-bottom: 10px;
}

/* ===================
        arrow to Top
        ================
 */

.arrowToTop {
  cursor: pointer;
  position: fixed;
  text-align: center;
  z-index: 9999;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  right: 40px;
  bottom: 40px;
  opacity: 0;
  transition: 0.4s all;
  pointer-events: none;
}

.arrowToTop a {
  text-decoration: none;
  padding: 10px 16px;
  color: #fff;
  background: var(--primary);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  transition: 0.2s ease-in-out;
  border-radius: 15%;
  display: inline-block;
}

.arrowToTop a:hover,
.arrowToTop a:focus {
  background: #3a3a3a;
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  -o-transform: translateY(-8px);
  transform: translateY(-8px);
  -webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 10px 8px rgba(0, 0, 0, 0.4);
}

.arrowToTop svg {
  width: 20px;
  height: 20px;
}

.arrowToTop.show {
  opacity: 1 !important;
  pointer-events: all;
}

@media (max-width: 500px) {
  .arrowToTop {
    right: 0;
  }

  .arrowToTop a {
    padding: 5px 10px;
    font-size: 18px;
  }
  .arrowToTop a:hover,
  .arrowToTop a:focus {
    background: var(--primary);
    transform: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
  }
}

/* Nav bar*/
.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  position: fixed;
  transition: 0.3s;
  width: 100%;
  height: 72px;
  z-index: 100;
}

@media (max-width: 992px) {
  .navbar {
    padding: 5px 20px;
    background-color: var(--dark);
    height: auto;
  }
}

.navbar.sticky {
  box-shadow: 1px 1px 13px -1px #000;
  background-color: var(--dark);
}

.navbar-toggler:focus,
.navbar-toggler:hover {
  outline: none !important;
  border: none;
}

.navbar-links {
  height: 100%;
}

.navbar-links ul {
  display: flex;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.navbar-links li {
  list-style: none;
  margin: 0 10px;
}

.navbar-links li a {
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 10px 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 500;
}
.navbar-links li a:hover {
  color: var(--primary);
}

@media (max-width: 992px) {
  .navbar-links {
    margin-right: 0;
  }

  .navbar-links ul {
    display: table;
    width: 100%;
    text-align: center;
  }

  .navbar-links li a {
    font-size: 1.1rem;
    display: inline-block;
    margin-bottom: 10px;
  }
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.4) !important;
  margin-left: auto;
}

.navbar-toggler {
  border: none;
  padding: 10px 20px;
}

.toggle-button {
  position: absolute;
  top: 24px;
  right: 1rem;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 30px;
  height: 22px;
}

.toggle-button .bar {
  height: 3px;
  width: 100%;
  background-color: white;
  border-radius: 10px;
}

.toggle-button {
  display: flex;
}

.brand-logo {
  max-width: 65px;
  position: relative;
  top: -3px;
  left: 0;

  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.brand-logo:hover {
  -webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}

@media (max-width: 992px) {
  .brand-logo {
    padding: 5px;
    max-width: 70px;
    position: static;
  }
}

@media (max-width: 576px) {
  .brand-logo {
    max-width: 60px;
  }
}

/* ERROR PAGE */

#error-page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  text-align: center;
  background: url("../images/black-board.jpg");
}
#error-page img.logo {
  width: 80%;
  max-width: 400px;
  margin-bottom: 20px;
}
#error-page h1 {
  margin-bottom: 2rem;
  color: #fff;
}
@media (max-width: 576px) {
  #error-page h1 {
    font-size: 2rem;
  }
}
#error-page .primary-btn {
  display: inline-block;
  padding: 0.7rem 2rem;
  background: var(--primary);
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 0.3rem;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  position: relative;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
}
#error-page .primary-btn i {
  position: relative;
  left: -5px;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
#error-page .primary-btn:hover {
  background: var(--primary-dark);
}
#error-page .primary-btn:hover i {
  left: -10px;
}