@charset "UTF-8";
/*!
Theme Name: Petraher
Theme URI: http://millandavid.com/
Author: David MR
Author URI: http://millandavid.com
Description: Petraher restaurant's Custom WordPress theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: petraher
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Petraher is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@font-face {
  font-family: "futwora";
  src: url("../../fonts/Futwora_Regular.ttf");
}
@font-face {
  font-family: "futwora";
  src: url("../../fonts/Futwora_Regular.ttf");
}
/*
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,$petr_font_weight_regular;0,$petr_font_weight_semibold;0,$petr_font_weight_bold;0,$petr_font_weight_black;1,$petr_font_weight_light&display=swap" rel="stylesheet">
*/
.petr_t__center {
  text-align: center;
}

.petr_t__left {
  text-align: left;
}

.petr_t__right {
  text-align: right;
}

@media (min-width: 530px) {
  .petr_t__center--xs {
    text-align: center;
  }
  .petr_t__left--xs {
    text-align: left;
  }
  .petr_t__right--xs {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .petr_t__center--xs {
    text-align: center;
  }
  .petr_t__left--xs {
    text-align: left;
  }
  .petr_t__right--xs {
    text-align: right;
  }
}
@media (min-width: 960px) {
  .petr_t__center--md {
    text-align: center;
  }
  .petr_t__left--md {
    text-align: left;
  }
  .petr_t__right--md {
    text-align: right;
  }
}
@media (min-width: 1280px) {
  .petr_t__center--lg {
    text-align: center;
  }
  .petr_t__left--lg {
    text-align: left;
  }
  .petr_t__right--lg {
    text-align: right;
  }
}
@media (min-width: 1920px) {
  .petr_t__center--xl {
    text-align: center;
  }
  .petr_t__left--xl {
    text-align: left;
  }
  .petr_t__right--xl {
    text-align: right;
  }
}
.petr_t__upper {
  text-transform: uppercase;
}

.petr_t__capitalize {
  text-transform: capitalize;
}

@media (min-width: 530px) {
  .petr_t__upper--xs {
    text-transform: uppercase;
  }
  .petr_t__capitalize--xs {
    text-transform: capitalize;
  }
}
@media (min-width: 768px) {
  .petr_t__upper--sm {
    text-transform: uppercase;
  }
  .petr_t__capitalize--sm {
    text-transform: capitalize;
  }
}
@media (min-width: 960px) {
  .petr_t__upper--md {
    text-transform: uppercase;
  }
  .petr_t__capitalize--md {
    text-transform: capitalize;
  }
}
@media (min-width: 1280px) {
  .petr_t__upper--lg {
    text-transform: uppercase;
  }
  .petr_t__capitalize--lg {
    text-transform: capitalize;
  }
}
@media (min-width: 1920px) {
  .petr_t__upper--xl {
    text-transform: uppercase;
  }
  .petr_t__capitalize--xl {
    text-transform: capitalize;
  }
}
.petr_f__light {
  font-weight: 300;
}

.petr_f__regular {
  font-weight: 400;
}

.petr_f__medium {
  font-weight: 500;
}

.petr_f__semibold {
  font-weight: 600;
}

.petr_f__bold {
  font-weight: 700;
}

.petr_f__black {
  font-weight: 900;
}

@media (min-width: 530px) {
  .petr_f__light--xs {
    font-weight: 300;
  }
  .petr_f__regular--xs {
    font-weight: 400;
  }
  .petr_f__medium--xs {
    font-weight: 500;
  }
  .petr_f__semibold--xs {
    font-weight: 600;
  }
  .petr_f__bold--xs {
    font-weight: 700;
  }
  .petr_f__black--xs {
    font-weight: 900;
  }
}
@media (min-width: 768px) {
  .petr_f__light--sm {
    font-weight: 300;
  }
  .petr_f__regular--sm {
    font-weight: 400;
  }
  .petr_f__medium--sm {
    font-weight: 500;
  }
  .petr_f__semibold--sm {
    font-weight: 600;
  }
  .petr_f__bold--sm {
    font-weight: 700;
  }
  .petr_f__black--sm {
    font-weight: 900;
  }
}
@media (min-width: 960px) {
  .petr_f__light--md {
    font-weight: 300;
  }
  .petr_f__regular--md {
    font-weight: 400;
  }
  .petr_f__medium--md {
    font-weight: 500;
  }
  .petr_f__semibold--md {
    font-weight: 600;
  }
  .petr_f__bold--md {
    font-weight: 700;
  }
  .petr_f__black--md {
    font-weight: 900;
  }
}
@media (min-width: 1280px) {
  .petr_f__light--lg {
    font-weight: 300;
  }
  .petr_f__regular--lg {
    font-weight: 400;
  }
  .petr_f__medium--lg {
    font-weight: 500;
  }
  .petr_f__semibold--lg {
    font-weight: 600;
  }
  .petr_f__bold--lg {
    font-weight: 700;
  }
  .petr_f__black--lg {
    font-weight: 900;
  }
}
@media (min-width: 1920px) {
  .petr_f__light--xl {
    font-weight: 300;
  }
  .petr_f__regular--xl {
    font-weight: 400;
  }
  .petr_f__medium--xl {
    font-weight: 500;
  }
  .petr_f__semibold--xl {
    font-weight: 600;
  }
  .petr_f__bold--xl {
    font-weight: 700;
  }
  .petr_f__black--xl {
    font-weight: 900;
  }
}
.petr_font__h6 > * {
  font-family: "Futwora", sans-serif;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
}

.petr_font__h5 > * {
  font-family: "Futwora", sans-serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}

.petr_font__h4 > * {
  font-family: "Futwora", sans-serif;
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
}

.petr_font__h3 > * {
  font-family: "Futwora", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
}

.petr_font__h2 > * {
  font-family: "Futwora", sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}

.petr_font__h1 > * {
  font-family: "Futwora", sans-serif;
  font-size: 34px;
  line-height: 40px;
  font-weight: 700;
}

.petr_font__text_big > * {
  font-family: "Futwora", sans-serif;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: -2px;
}
@media (min-width: 960px) {
  .petr_font__text_big > * {
    font-family: "Futwora", sans-serif;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -2px;
  }
}

.petr_font__text_upperbig > * {
  font-family: "Futwora", sans-serif;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 8px;
}

.petr_font__text_titulo > * {
  font-family: "Futwora", sans-serif;
  font-size: 32px;
  line-height: 36px;
  letter-spacing: -2px;
}

.petr_font__text_subtitulo > * {
  font-family: "Futwora", sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.petr_font__text_subtitulo_big > * {
  font-family: "Futwora", sans-serif;
  font-size: 26px;
  line-height: 30px;
}

.petr_font__p_big {
  font-family: "Futwora", sans-serif;
  font-size: 20px;
  line-height: 22px;
}
.petr_font__p_big > * {
  font-family: "Futwora", sans-serif;
  font-size: 20px;
  line-height: 22px;
}

.petr_font__p_normal {
  font-family: "Futwora", sans-serif;
  font-size: 16px;
  line-height: 26px;
}
.petr_font__p_normal > * {
  font-family: "Futwora", sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.petr_font__p_m {
  font-family: "Futwora", sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.petr_font__p_m > * {
  font-family: "Futwora", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.petr_font__p_s {
  font-family: "Futwora", sans-serif;
  font-size: 12px;
  line-height: 14px;
}
.petr_font__p_s > * {
  font-family: "Futwora", sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.petr_font__text_link > * {
  font-family: "Futwora", sans-serif;
  font-size: 16px;
  line-height: 18px;
}

@media (min-width: 530px) {
  .petr_font__h6--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
  }
  .petr_font__h5--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
  }
  .petr_font__h4--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
  }
  .petr_font__h3--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
  }
  .petr_font__h2--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
  }
  .petr_font__h1--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
  }
  .petr_font__text_big--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
  }
}
@media (min-width: 530px) and (min-width: 960px) {
  .petr_font__text_big--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -2px;
  }
}
@media (min-width: 530px) {
  .petr_font__text_upperbig--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 8px;
  }
  .petr_font__text_titulo--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
  }
  .petr_font__text_subtitulo--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 30px;
  }
  .petr_font__text_subtitulo_big--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 26px;
    line-height: 30px;
  }
  .petr_font__p_big--xs {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 22px;
  }
  .petr_font__p_big--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 22px;
  }
  .petr_font__p_normal--xs {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 26px;
  }
  .petr_font__p_normal--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 26px;
  }
  .petr_font__p_m--xs {
    font-family: "Futwora", sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  .petr_font__p_m--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  .petr_font__p_s--xs {
    font-family: "Futwora", sans-serif;
    font-size: 12px;
    line-height: 14px;
  }
  .petr_font__p_s--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 12px;
    line-height: 14px;
  }
  .petr_font__text_link--xs > * {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 18px;
  }
}
@media (min-width: 768px) {
  .petr_font__h6--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
  }
  .petr_font__h5--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
  }
  .petr_font__h4--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
  }
  .petr_font__h3--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
  }
  .petr_font__h2--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
  }
  .petr_font__h1--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
  }
  .petr_font__text_big--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
  }
}
@media (min-width: 768px) and (min-width: 960px) {
  .petr_font__text_big--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -2px;
  }
}
@media (min-width: 768px) {
  .petr_font__text_upperbig--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 8px;
  }
  .petr_font__text_titulo--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
  }
  .petr_font__text_subtitulo--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 30px;
  }
  .petr_font__text_subtitulo_big--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 26px;
    line-height: 30px;
  }
  .petr_font__p_big--sm {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 22px;
  }
  .petr_font__p_big--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 22px;
  }
  .petr_font__p_normal--sm {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 26px;
  }
  .petr_font__p_normal--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 26px;
  }
  .petr_font__p_m--sm {
    font-family: "Futwora", sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  .petr_font__p_m--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  .petr_font__p_s--sm {
    font-family: "Futwora", sans-serif;
    font-size: 12px;
    line-height: 14px;
  }
  .petr_font__p_s--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 12px;
    line-height: 14px;
  }
  .petr_font__text_link--sm > * {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 18px;
  }
}
@media (min-width: 960px) {
  .petr_font__h6--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
  }
  .petr_font__h5--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
  }
  .petr_font__h4--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
  }
  .petr_font__h3--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
  }
  .petr_font__h2--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
  }
  .petr_font__h1--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
  }
  .petr_font__text_big--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .petr_font__text_big--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -2px;
  }
}
@media (min-width: 960px) {
  .petr_font__text_upperbig--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 8px;
  }
  .petr_font__text_titulo--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
  }
  .petr_font__text_subtitulo--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 30px;
  }
  .petr_font__text_subtitulo_big--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 26px;
    line-height: 30px;
  }
  .petr_font__p_big--md {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 22px;
  }
  .petr_font__p_big--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 22px;
  }
  .petr_font__p_normal--md {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 26px;
  }
  .petr_font__p_normal--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 26px;
  }
  .petr_font__p_m--md {
    font-family: "Futwora", sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  .petr_font__p_m--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  .petr_font__p_s--md {
    font-family: "Futwora", sans-serif;
    font-size: 12px;
    line-height: 14px;
  }
  .petr_font__p_s--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 12px;
    line-height: 14px;
  }
  .petr_font__text_link--md > * {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 18px;
  }
}
@media (min-width: 1280px) {
  .petr_font__h6--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
  }
  .petr_font__h5--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
  }
  .petr_font__h4--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
  }
  .petr_font__h3--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
  }
  .petr_font__h2--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
  }
  .petr_font__h1--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
  }
  .petr_font__text_big--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
  }
}
@media (min-width: 1280px) and (min-width: 960px) {
  .petr_font__text_big--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -2px;
  }
}
@media (min-width: 1280px) {
  .petr_font__text_upperbig--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 8px;
  }
  .petr_font__text_titulo--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
  }
  .petr_font__text_subtitulo--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 30px;
  }
  .petr_font__text_subtitulo_big--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 26px;
    line-height: 30px;
  }
  .petr_font__p_big--lg {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 22px;
  }
  .petr_font__p_big--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 22px;
  }
  .petr_font__p_normal--lg {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 26px;
  }
  .petr_font__p_normal--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 26px;
  }
  .petr_font__p_m--lg {
    font-family: "Futwora", sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  .petr_font__p_m--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  .petr_font__p_s--lg {
    font-family: "Futwora", sans-serif;
    font-size: 12px;
    line-height: 14px;
  }
  .petr_font__p_s--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 12px;
    line-height: 14px;
  }
  .petr_font__text_link--lg > * {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 18px;
  }
}
@media (min-width: 1920px) {
  .petr_font__h6--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
  }
  .petr_font__h5--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
  }
  .petr_font__h4--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
  }
  .petr_font__h3--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
  }
  .petr_font__h2--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
  }
  .petr_font__h1--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
  }
  .petr_font__text_big--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
  }
}
@media (min-width: 1920px) and (min-width: 960px) {
  .petr_font__text_big--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -2px;
  }
}
@media (min-width: 1920px) {
  .petr_font__text_upperbig--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 8px;
  }
  .petr_font__text_titulo--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -2px;
  }
  .petr_font__text_subtitulo--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 30px;
  }
  .petr_font__text_subtitulo_big--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 26px;
    line-height: 30px;
  }
  .petr_font__p_big--xl {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 22px;
  }
  .petr_font__p_big--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 20px;
    line-height: 22px;
  }
  .petr_font__p_normal--xl {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 26px;
  }
  .petr_font__p_normal--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 26px;
  }
  .petr_font__p_m--xl {
    font-family: "Futwora", sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  .petr_font__p_m--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  .petr_font__p_s--xl {
    font-family: "Futwora", sans-serif;
    font-size: 12px;
    line-height: 14px;
  }
  .petr_font__p_s--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 12px;
    line-height: 14px;
  }
  .petr_font__text_link--xl > * {
    font-family: "Futwora", sans-serif;
    font-size: 16px;
    line-height: 18px;
  }
}
@font-face {
  font-family: "futwora";
  src: url("../../fonts/Futwora_Regular.ttf");
}
.petr_container {
  max-width: calc(100% - 64px);
  margin: auto;
}

@media (min-width: 530px) {
  .petr_container--xs {
    max-width: 1200px;
    margin: auto;
  }
}
@media (min-width: 768px) {
  .petr_container--sm {
    max-width: 1200px;
    margin: auto;
  }
}
@media (min-width: 960px) {
  .petr_container--md {
    max-width: 1200px;
    margin: auto;
  }
}
@media (min-width: 1280px) {
  .petr_container--lg {
    max-width: 1200px;
    margin: auto;
  }
}
@media (min-width: 1920px) {
  .petr_container--xl {
    max-width: 1200px;
    margin: auto;
  }
}
.petr_d__flex {
  display: flex;
}

.petr_d__block {
  display: block;
}

.petr_d__none {
  display: none;
}

.petr_d__grid {
  display: grid;
}

.petr_d__inline {
  display: inline;
}

.petr_j__center {
  justify-content: center;
}

.petr_j__between {
  justify-content: space-between;
}

.petr_j__around {
  justify-content: space-around;
}

.petr_j__start {
  justify-content: flex-start;
}

.petr_j__end {
  justify-content: flex-end;
}

.petr_a__center {
  align-items: center;
}

.petr_a__start {
  align-items: flex-start;
}

.petr_a__end {
  align-items: flex-end;
}

.petr_flex__column {
  flex-direction: column;
}

.petr_flex__column_reverse {
  flex-direction: column-reverse;
}

.petr_flex__row {
  flex-direction: row;
}

.petr_flex__row_reverse {
  flex-direction: row-reverse;
}

@media (min-width: 530px) {
  .petr_d__flex--xs {
    display: flex;
  }
  .petr_d__block--xs {
    display: block;
  }
  .petr_d__none--xs {
    display: none;
  }
  .petr_d__grid--xs {
    display: grid;
  }
  .petr_d__inline--xs {
    display: inline;
  }
  .petr_j__center--xs {
    justify-content: center;
  }
  .petr_j__between--xs {
    justify-content: space-between;
  }
  .petr_j__around--xs {
    justify-content: space-around;
  }
  .petr_j__start--xs {
    justify-content: flex-start;
  }
  .petr_j__end--xs {
    justify-content: flex-end;
  }
  .petr_flex__column--xs {
    flex-direction: column;
  }
  .petr_flex__column_reverse--xs {
    flex-direction: column-reverse;
  }
  .petr_flex__row--xs {
    flex-direction: row;
  }
  .petr_flex__row_reverse--xs {
    flex-direction: row-reverse;
  }
}
@media (min-width: 768px) {
  .petr_d__flex--sm {
    display: flex;
  }
  .petr_d__block--sm {
    display: block;
  }
  .petr_d__none--sm {
    display: none;
  }
  .petr_d__grid--sm {
    display: grid;
  }
  .petr_d__inline--sm {
    display: inline;
  }
  .petr_j__center--sm {
    justify-content: center;
  }
  .petr_j__between--sm {
    justify-content: space-between;
  }
  .petr_j__around--sm {
    justify-content: space-around;
  }
  .petr_j__start--sm {
    justify-content: flex-start;
  }
  .petr_j__end--sm {
    justify-content: flex-end;
  }
  .petr_flex__column--sm {
    flex-direction: column;
  }
  .petr_flex__column_reverse--sm {
    flex-direction: column-reverse;
  }
  .petr_flex__row--sm {
    flex-direction: row;
  }
  .petr_flex__row_reverse--sm {
    flex-direction: row-reverse;
  }
}
@media (min-width: 960px) {
  .petr_d__flex--md {
    display: flex;
  }
  .petr_d__block--md {
    display: block;
  }
  .petr_d__none--md {
    display: none;
  }
  .petr_d__grid--md {
    display: grid;
  }
  .petr_d__inline--md {
    display: inline;
  }
  .petr_j__center--md {
    justify-content: center;
  }
  .petr_j__between--md {
    justify-content: space-between;
  }
  .petr_j__around--md {
    justify-content: space-around;
  }
  .petr_j__start--md {
    justify-content: flex-start;
  }
  .petr_j__end--md {
    justify-content: flex-end;
  }
  .petr_a__center--md {
    align-items: center;
  }
  .petr_a__start--md {
    align-items: flex-start;
  }
  .petr_a__end--md {
    align-items: flex-end;
  }
  .petr_flex__column--md {
    flex-direction: column;
  }
  .petr_flex__column_reverse--md {
    flex-direction: column-reverse;
  }
  .petr_flex__row--md {
    flex-direction: row;
  }
  .petr_flex__row_reverse--md {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1280px) {
  .petr_d__flex--lg {
    display: flex;
  }
  .petr_d__block--lg {
    display: block;
  }
  .petr_d__none--lg {
    display: none;
  }
  .petr_d__grid--lg {
    display: grid;
  }
  .petr_d__inline--lg {
    display: inline;
  }
  .petr_j__center--lg {
    justify-content: center;
  }
  .petr_j__between--lg {
    justify-content: space-between;
  }
  .petr_j__around--lg {
    justify-content: space-around;
  }
  .petr_j__start--lg {
    justify-content: flex-start;
  }
  .petr_j__end--lg {
    justify-content: flex-end;
  }
  .petr_flex__column--lg {
    flex-direction: column;
  }
  .petr_flex__column_reverse--lg {
    flex-direction: column-reverse;
  }
  .petr_flex__row--lg {
    flex-direction: row;
  }
  .petr_flex__row_reverse--lg {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1920px) {
  .petr_d__flex--xl {
    display: flex;
  }
  .petr_d__block--xl {
    display: block;
  }
  .petr_d__none--xl {
    display: none;
  }
  .petr_d__grid--xl {
    display: grid;
  }
  .petr_d__inline--xl {
    display: inline;
  }
  .petr_j__center--xl {
    justify-content: center;
  }
  .petr_j__between--xl {
    justify-content: space-between;
  }
  .petr_j__around--xl {
    justify-content: space-around;
  }
  .petr_j__start--xl {
    justify-content: flex-start;
  }
  .petr_j__end--xl {
    justify-content: flex-end;
  }
  .petr_flex__column--xl {
    flex-direction: column;
  }
  .petr_flex__column_reverse--xl {
    flex-direction: column-reverse;
  }
  .petr_flex__row--xl {
    flex-direction: row;
  }
  .petr_flex__row_reverse--xl {
    flex-direction: row-reverse;
  }
}
.petr_p__relative {
  position: relative;
}

.petr_p__absolute {
  position: absolute;
}

@media (min-width: 530px) {
  .petr_p__relative--xs {
    position: relative;
  }
  .petr_p__absolute--xs {
    position: absolute;
  }
}
@media (min-width: 768px) {
  .petr_p__relative--sm {
    position: relative;
  }
  .petr_p__absolute--sm {
    position: absolute;
  }
}
@media (min-width: 960px) {
  .petr_p__relative--md {
    position: relative;
  }
  .petr_p__absolute--md {
    position: absolute;
  }
}
@media (min-width: 1280px) {
  .petr_p__relative--lg {
    position: relative;
  }
  .petr_p__absolute--lg {
    position: absolute;
  }
}
@media (min-width: 1920px) {
  .petr_p__relative--xl {
    position: relative;
  }
  .petr_p__absolute--xl {
    position: absolute;
  }
}
.petr_m__l--0 {
  margin-left: 0px;
}

.petr_m__t--0 {
  margin-top: 0px;
}

.petr_m__r--0 {
  margin-right: 0px;
}

.petr_m__b--0 {
  margin-bottom: 0px;
}

.petr_m__x--0 {
  margin-right: 0px;
  margin-left: 0px;
}

.petr_m__y--0 {
  margin-bottom: 0px;
  margin-top: 0px;
}

.petr_p__l--0 {
  padding-left: 0px;
}

.petr_p__t--0 {
  padding-top: 0px;
}

.petr_p__r--0 {
  padding-right: 0px;
}

.petr_p__b--0 {
  padding-bottom: 0px;
}

.petr_p__x--0 {
  padding-right: 0px;
  padding-left: 0px;
}

.petr_p__y--0 {
  padding-bottom: 0px;
  padding-top: 0px;
}

.petr_m__l--6 {
  margin-left: 6px;
}

.petr_m__t--6 {
  margin-top: 6px;
}

.petr_m__r--6 {
  margin-right: 6px;
}

.petr_m__b--6 {
  margin-bottom: 6px;
}

.petr_m__x--6 {
  margin-right: 6px;
  margin-left: 6px;
}

.petr_m__y--6 {
  margin-bottom: 6px;
  margin-top: 6px;
}

.petr_p__l--6 {
  padding-left: 6px;
}

.petr_p__t--6 {
  padding-top: 6px;
}

.petr_p__r--6 {
  padding-right: 6px;
}

.petr_p__b--6 {
  padding-bottom: 6px;
}

.petr_p__x--6 {
  padding-right: 6px;
  padding-left: 6px;
}

.petr_p__y--6 {
  padding-bottom: 6px;
  padding-top: 6px;
}

.petr_m__l--12 {
  margin-left: 12px;
}

.petr_m__t--12 {
  margin-top: 12px;
}

.petr_m__r--12 {
  margin-right: 12px;
}

.petr_m__b--12 {
  margin-bottom: 12px;
}

.petr_m__x--12 {
  margin-right: 12px;
  margin-left: 12px;
}

.petr_m__y--12 {
  margin-bottom: 12px;
  margin-top: 12px;
}

.petr_p__l--12 {
  padding-left: 12px;
}

.petr_p__t--12 {
  padding-top: 12px;
}

.petr_p__r--12 {
  padding-right: 12px;
}

.petr_p__b--12 {
  padding-bottom: 12px;
}

.petr_p__x--12 {
  padding-right: 12px;
  padding-left: 12px;
}

.petr_p__y--12 {
  padding-bottom: 12px;
  padding-top: 12px;
}

.petr_m__l--18 {
  margin-left: 18px;
}

.petr_m__t--18 {
  margin-top: 18px;
}

.petr_m__r--18 {
  margin-right: 18px;
}

.petr_m__b--18 {
  margin-bottom: 18px;
}

.petr_m__x--18 {
  margin-right: 18px;
  margin-left: 18px;
}

.petr_m__y--18 {
  margin-bottom: 18px;
  margin-top: 18px;
}

.petr_p__l--18 {
  padding-left: 18px;
}

.petr_p__t--18 {
  padding-top: 18px;
}

.petr_p__r--18 {
  padding-right: 18px;
}

.petr_p__b--18 {
  padding-bottom: 18px;
}

.petr_p__x--18 {
  padding-right: 18px;
  padding-left: 18px;
}

.petr_p__y--18 {
  padding-bottom: 18px;
  padding-top: 18px;
}

.petr_m__l--24 {
  margin-left: 24px;
}

.petr_m__t--24 {
  margin-top: 24px;
}

.petr_m__r--24 {
  margin-right: 24px;
}

.petr_m__b--24 {
  margin-bottom: 24px;
}

.petr_m__x--24 {
  margin-right: 24px;
  margin-left: 24px;
}

.petr_m__y--24 {
  margin-bottom: 24px;
  margin-top: 24px;
}

.petr_p__l--24 {
  padding-left: 24px;
}

.petr_p__t--24 {
  padding-top: 24px;
}

.petr_p__r--24 {
  padding-right: 24px;
}

.petr_p__b--24 {
  padding-bottom: 24px;
}

.petr_p__x--24 {
  padding-right: 24px;
  padding-left: 24px;
}

.petr_p__y--24 {
  padding-bottom: 24px;
  padding-top: 24px;
}

.petr_m__l--30 {
  margin-left: 30px;
}

.petr_m__t--30 {
  margin-top: 30px;
}

.petr_m__r--30 {
  margin-right: 30px;
}

.petr_m__b--30 {
  margin-bottom: 30px;
}

.petr_m__x--30 {
  margin-right: 30px;
  margin-left: 30px;
}

.petr_m__y--30 {
  margin-bottom: 30px;
  margin-top: 30px;
}

.petr_p__l--30 {
  padding-left: 30px;
}

.petr_p__t--30 {
  padding-top: 30px;
}

.petr_p__r--30 {
  padding-right: 30px;
}

.petr_p__b--30 {
  padding-bottom: 30px;
}

.petr_p__x--30 {
  padding-right: 30px;
  padding-left: 30px;
}

.petr_p__y--30 {
  padding-bottom: 30px;
  padding-top: 30px;
}

.petr_m__l--36 {
  margin-left: 36px;
}

.petr_m__t--36 {
  margin-top: 36px;
}

.petr_m__r--36 {
  margin-right: 36px;
}

.petr_m__b--36 {
  margin-bottom: 36px;
}

.petr_m__x--36 {
  margin-right: 36px;
  margin-left: 36px;
}

.petr_m__y--36 {
  margin-bottom: 36px;
  margin-top: 36px;
}

.petr_p__l--36 {
  padding-left: 36px;
}

.petr_p__t--36 {
  padding-top: 36px;
}

.petr_p__r--36 {
  padding-right: 36px;
}

.petr_p__b--36 {
  padding-bottom: 36px;
}

.petr_p__x--36 {
  padding-right: 36px;
  padding-left: 36px;
}

.petr_p__y--36 {
  padding-bottom: 36px;
  padding-top: 36px;
}

.petr_m__l--42 {
  margin-left: 42px;
}

.petr_m__t--42 {
  margin-top: 42px;
}

.petr_m__r--42 {
  margin-right: 42px;
}

.petr_m__b--42 {
  margin-bottom: 42px;
}

.petr_m__x--42 {
  margin-right: 42px;
  margin-left: 42px;
}

.petr_m__y--42 {
  margin-bottom: 42px;
  margin-top: 42px;
}

.petr_p__l--42 {
  padding-left: 42px;
}

.petr_p__t--42 {
  padding-top: 42px;
}

.petr_p__r--42 {
  padding-right: 42px;
}

.petr_p__b--42 {
  padding-bottom: 42px;
}

.petr_p__x--42 {
  padding-right: 42px;
  padding-left: 42px;
}

.petr_p__y--42 {
  padding-bottom: 42px;
  padding-top: 42px;
}

.petr_m__l--48 {
  margin-left: 48px;
}

.petr_m__t--48 {
  margin-top: 48px;
}

.petr_m__r--48 {
  margin-right: 48px;
}

.petr_m__b--48 {
  margin-bottom: 48px;
}

.petr_m__x--48 {
  margin-right: 48px;
  margin-left: 48px;
}

.petr_m__y--48 {
  margin-bottom: 48px;
  margin-top: 48px;
}

.petr_p__l--48 {
  padding-left: 48px;
}

.petr_p__t--48 {
  padding-top: 48px;
}

.petr_p__r--48 {
  padding-right: 48px;
}

.petr_p__b--48 {
  padding-bottom: 48px;
}

.petr_p__x--48 {
  padding-right: 48px;
  padding-left: 48px;
}

.petr_p__y--48 {
  padding-bottom: 48px;
  padding-top: 48px;
}

.petr_m__l--54 {
  margin-left: 54px;
}

.petr_m__t--54 {
  margin-top: 54px;
}

.petr_m__r--54 {
  margin-right: 54px;
}

.petr_m__b--54 {
  margin-bottom: 54px;
}

.petr_m__x--54 {
  margin-right: 54px;
  margin-left: 54px;
}

.petr_m__y--54 {
  margin-bottom: 54px;
  margin-top: 54px;
}

.petr_p__l--54 {
  padding-left: 54px;
}

.petr_p__t--54 {
  padding-top: 54px;
}

.petr_p__r--54 {
  padding-right: 54px;
}

.petr_p__b--54 {
  padding-bottom: 54px;
}

.petr_p__x--54 {
  padding-right: 54px;
  padding-left: 54px;
}

.petr_p__y--54 {
  padding-bottom: 54px;
  padding-top: 54px;
}

.petr_m__l--60 {
  margin-left: 60px;
}

.petr_m__t--60 {
  margin-top: 60px;
}

.petr_m__r--60 {
  margin-right: 60px;
}

.petr_m__b--60 {
  margin-bottom: 60px;
}

.petr_m__x--60 {
  margin-right: 60px;
  margin-left: 60px;
}

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

.petr_p__l--60 {
  padding-left: 60px;
}

.petr_p__t--60 {
  padding-top: 60px;
}

.petr_p__r--60 {
  padding-right: 60px;
}

.petr_p__b--60 {
  padding-bottom: 60px;
}

.petr_p__x--60 {
  padding-right: 60px;
  padding-left: 60px;
}

.petr_p__y--60 {
  padding-bottom: 60px;
  padding-top: 60px;
}

.petr_m__l--66 {
  margin-left: 66px;
}

.petr_m__t--66 {
  margin-top: 66px;
}

.petr_m__r--66 {
  margin-right: 66px;
}

.petr_m__b--66 {
  margin-bottom: 66px;
}

.petr_m__x--66 {
  margin-right: 66px;
  margin-left: 66px;
}

.petr_m__y--66 {
  margin-bottom: 66px;
  margin-top: 66px;
}

.petr_p__l--66 {
  padding-left: 66px;
}

.petr_p__t--66 {
  padding-top: 66px;
}

.petr_p__r--66 {
  padding-right: 66px;
}

.petr_p__b--66 {
  padding-bottom: 66px;
}

.petr_p__x--66 {
  padding-right: 66px;
  padding-left: 66px;
}

.petr_p__y--66 {
  padding-bottom: 66px;
  padding-top: 66px;
}

.petr_m__l--72 {
  margin-left: 72px;
}

.petr_m__t--72 {
  margin-top: 72px;
}

.petr_m__r--72 {
  margin-right: 72px;
}

.petr_m__b--72 {
  margin-bottom: 72px;
}

.petr_m__x--72 {
  margin-right: 72px;
  margin-left: 72px;
}

.petr_m__y--72 {
  margin-bottom: 72px;
  margin-top: 72px;
}

.petr_p__l--72 {
  padding-left: 72px;
}

.petr_p__t--72 {
  padding-top: 72px;
}

.petr_p__r--72 {
  padding-right: 72px;
}

.petr_p__b--72 {
  padding-bottom: 72px;
}

.petr_p__x--72 {
  padding-right: 72px;
  padding-left: 72px;
}

.petr_p__y--72 {
  padding-bottom: 72px;
  padding-top: 72px;
}

.petr_m__l--78 {
  margin-left: 78px;
}

.petr_m__t--78 {
  margin-top: 78px;
}

.petr_m__r--78 {
  margin-right: 78px;
}

.petr_m__b--78 {
  margin-bottom: 78px;
}

.petr_m__x--78 {
  margin-right: 78px;
  margin-left: 78px;
}

.petr_m__y--78 {
  margin-bottom: 78px;
  margin-top: 78px;
}

.petr_p__l--78 {
  padding-left: 78px;
}

.petr_p__t--78 {
  padding-top: 78px;
}

.petr_p__r--78 {
  padding-right: 78px;
}

.petr_p__b--78 {
  padding-bottom: 78px;
}

.petr_p__x--78 {
  padding-right: 78px;
  padding-left: 78px;
}

.petr_p__y--78 {
  padding-bottom: 78px;
  padding-top: 78px;
}

.petr_m__l--84 {
  margin-left: 84px;
}

.petr_m__t--84 {
  margin-top: 84px;
}

.petr_m__r--84 {
  margin-right: 84px;
}

.petr_m__b--84 {
  margin-bottom: 84px;
}

.petr_m__x--84 {
  margin-right: 84px;
  margin-left: 84px;
}

.petr_m__y--84 {
  margin-bottom: 84px;
  margin-top: 84px;
}

.petr_p__l--84 {
  padding-left: 84px;
}

.petr_p__t--84 {
  padding-top: 84px;
}

.petr_p__r--84 {
  padding-right: 84px;
}

.petr_p__b--84 {
  padding-bottom: 84px;
}

.petr_p__x--84 {
  padding-right: 84px;
  padding-left: 84px;
}

.petr_p__y--84 {
  padding-bottom: 84px;
  padding-top: 84px;
}

.petr_m__l--90 {
  margin-left: 90px;
}

.petr_m__t--90 {
  margin-top: 90px;
}

.petr_m__r--90 {
  margin-right: 90px;
}

.petr_m__b--90 {
  margin-bottom: 90px;
}

.petr_m__x--90 {
  margin-right: 90px;
  margin-left: 90px;
}

.petr_m__y--90 {
  margin-bottom: 90px;
  margin-top: 90px;
}

.petr_p__l--90 {
  padding-left: 90px;
}

.petr_p__t--90 {
  padding-top: 90px;
}

.petr_p__r--90 {
  padding-right: 90px;
}

.petr_p__b--90 {
  padding-bottom: 90px;
}

.petr_p__x--90 {
  padding-right: 90px;
  padding-left: 90px;
}

.petr_p__y--90 {
  padding-bottom: 90px;
  padding-top: 90px;
}

.petr_m__l--96 {
  margin-left: 96px;
}

.petr_m__t--96 {
  margin-top: 96px;
}

.petr_m__r--96 {
  margin-right: 96px;
}

.petr_m__b--96 {
  margin-bottom: 96px;
}

.petr_m__x--96 {
  margin-right: 96px;
  margin-left: 96px;
}

.petr_m__y--96 {
  margin-bottom: 96px;
  margin-top: 96px;
}

.petr_p__l--96 {
  padding-left: 96px;
}

.petr_p__t--96 {
  padding-top: 96px;
}

.petr_p__r--96 {
  padding-right: 96px;
}

.petr_p__b--96 {
  padding-bottom: 96px;
}

.petr_p__x--96 {
  padding-right: 96px;
  padding-left: 96px;
}

.petr_p__y--96 {
  padding-bottom: 96px;
  padding-top: 96px;
}

.petr_m__l--102 {
  margin-left: 102px;
}

.petr_m__t--102 {
  margin-top: 102px;
}

.petr_m__r--102 {
  margin-right: 102px;
}

.petr_m__b--102 {
  margin-bottom: 102px;
}

.petr_m__x--102 {
  margin-right: 102px;
  margin-left: 102px;
}

.petr_m__y--102 {
  margin-bottom: 102px;
  margin-top: 102px;
}

.petr_p__l--102 {
  padding-left: 102px;
}

.petr_p__t--102 {
  padding-top: 102px;
}

.petr_p__r--102 {
  padding-right: 102px;
}

.petr_p__b--102 {
  padding-bottom: 102px;
}

.petr_p__x--102 {
  padding-right: 102px;
  padding-left: 102px;
}

.petr_p__y--102 {
  padding-bottom: 102px;
  padding-top: 102px;
}

.petr_m__l--108 {
  margin-left: 108px;
}

.petr_m__t--108 {
  margin-top: 108px;
}

.petr_m__r--108 {
  margin-right: 108px;
}

.petr_m__b--108 {
  margin-bottom: 108px;
}

.petr_m__x--108 {
  margin-right: 108px;
  margin-left: 108px;
}

.petr_m__y--108 {
  margin-bottom: 108px;
  margin-top: 108px;
}

.petr_p__l--108 {
  padding-left: 108px;
}

.petr_p__t--108 {
  padding-top: 108px;
}

.petr_p__r--108 {
  padding-right: 108px;
}

.petr_p__b--108 {
  padding-bottom: 108px;
}

.petr_p__x--108 {
  padding-right: 108px;
  padding-left: 108px;
}

.petr_p__y--108 {
  padding-bottom: 108px;
  padding-top: 108px;
}

.petr_m__l--114 {
  margin-left: 114px;
}

.petr_m__t--114 {
  margin-top: 114px;
}

.petr_m__r--114 {
  margin-right: 114px;
}

.petr_m__b--114 {
  margin-bottom: 114px;
}

.petr_m__x--114 {
  margin-right: 114px;
  margin-left: 114px;
}

.petr_m__y--114 {
  margin-bottom: 114px;
  margin-top: 114px;
}

.petr_p__l--114 {
  padding-left: 114px;
}

.petr_p__t--114 {
  padding-top: 114px;
}

.petr_p__r--114 {
  padding-right: 114px;
}

.petr_p__b--114 {
  padding-bottom: 114px;
}

.petr_p__x--114 {
  padding-right: 114px;
  padding-left: 114px;
}

.petr_p__y--114 {
  padding-bottom: 114px;
  padding-top: 114px;
}

.petr_m__l--120 {
  margin-left: 120px;
}

.petr_m__t--120 {
  margin-top: 120px;
}

.petr_m__r--120 {
  margin-right: 120px;
}

.petr_m__b--120 {
  margin-bottom: 120px;
}

.petr_m__x--120 {
  margin-right: 120px;
  margin-left: 120px;
}

.petr_m__y--120 {
  margin-bottom: 120px;
  margin-top: 120px;
}

.petr_p__l--120 {
  padding-left: 120px;
}

.petr_p__t--120 {
  padding-top: 120px;
}

.petr_p__r--120 {
  padding-right: 120px;
}

.petr_p__b--120 {
  padding-bottom: 120px;
}

.petr_p__x--120 {
  padding-right: 120px;
  padding-left: 120px;
}

.petr_p__y--120 {
  padding-bottom: 120px;
  padding-top: 120px;
}

.petr_m__0_auto {
  margin: 0 auto !important;
}

@media (min-width: 530px) {
  .petr_m__l--0--xs {
    margin-left: 0px;
  }
  .petr_m__t--0--xs {
    margin-top: 0px;
  }
  .petr_m__r--0--xs {
    margin-right: 0px;
  }
  .petr_m__b--0--xs {
    margin-bottom: 0px;
  }
  .petr_m__x--0--xs {
    margin-right: 0px;
    margin-left: 0px;
  }
  .petr_m__y--0--xs {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .petr_p__l--0--xs {
    padding-left: 0px;
  }
  .petr_p__t--0--xs {
    padding-top: 0px;
  }
  .petr_p__r--0--xs {
    padding-right: 0px;
  }
  .petr_p__b--0--xs {
    padding-bottom: 0px;
  }
  .petr_p__x--0--xs {
    padding-right: 0px;
    padding-left: 0px;
  }
  .petr_p__y--0--xs {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .petr_m__l--6--xs {
    margin-left: 6px;
  }
  .petr_m__t--6--xs {
    margin-top: 6px;
  }
  .petr_m__r--6--xs {
    margin-right: 6px;
  }
  .petr_m__b--6--xs {
    margin-bottom: 6px;
  }
  .petr_m__x--6--xs {
    margin-right: 6px;
    margin-left: 6px;
  }
  .petr_m__y--6--xs {
    margin-bottom: 6px;
    margin-top: 6px;
  }
  .petr_p__l--6--xs {
    padding-left: 6px;
  }
  .petr_p__t--6--xs {
    padding-top: 6px;
  }
  .petr_p__r--6--xs {
    padding-right: 6px;
  }
  .petr_p__b--6--xs {
    padding-bottom: 6px;
  }
  .petr_p__x--6--xs {
    padding-right: 6px;
    padding-left: 6px;
  }
  .petr_p__y--6--xs {
    padding-bottom: 6px;
    padding-top: 6px;
  }
  .petr_m__l--12--xs {
    margin-left: 12px;
  }
  .petr_m__t--12--xs {
    margin-top: 12px;
  }
  .petr_m__r--12--xs {
    margin-right: 12px;
  }
  .petr_m__b--12--xs {
    margin-bottom: 12px;
  }
  .petr_m__x--12--xs {
    margin-right: 12px;
    margin-left: 12px;
  }
  .petr_m__y--12--xs {
    margin-bottom: 12px;
    margin-top: 12px;
  }
  .petr_p__l--12--xs {
    padding-left: 12px;
  }
  .petr_p__t--12--xs {
    padding-top: 12px;
  }
  .petr_p__r--12--xs {
    padding-right: 12px;
  }
  .petr_p__b--12--xs {
    padding-bottom: 12px;
  }
  .petr_p__x--12--xs {
    padding-right: 12px;
    padding-left: 12px;
  }
  .petr_p__y--12--xs {
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .petr_m__l--18--xs {
    margin-left: 18px;
  }
  .petr_m__t--18--xs {
    margin-top: 18px;
  }
  .petr_m__r--18--xs {
    margin-right: 18px;
  }
  .petr_m__b--18--xs {
    margin-bottom: 18px;
  }
  .petr_m__x--18--xs {
    margin-right: 18px;
    margin-left: 18px;
  }
  .petr_m__y--18--xs {
    margin-bottom: 18px;
    margin-top: 18px;
  }
  .petr_p__l--18--xs {
    padding-left: 18px;
  }
  .petr_p__t--18--xs {
    padding-top: 18px;
  }
  .petr_p__r--18--xs {
    padding-right: 18px;
  }
  .petr_p__b--18--xs {
    padding-bottom: 18px;
  }
  .petr_p__x--18--xs {
    padding-right: 18px;
    padding-left: 18px;
  }
  .petr_p__y--18--xs {
    padding-bottom: 18px;
    padding-top: 18px;
  }
  .petr_m__l--24--xs {
    margin-left: 24px;
  }
  .petr_m__t--24--xs {
    margin-top: 24px;
  }
  .petr_m__r--24--xs {
    margin-right: 24px;
  }
  .petr_m__b--24--xs {
    margin-bottom: 24px;
  }
  .petr_m__x--24--xs {
    margin-right: 24px;
    margin-left: 24px;
  }
  .petr_m__y--24--xs {
    margin-bottom: 24px;
    margin-top: 24px;
  }
  .petr_p__l--24--xs {
    padding-left: 24px;
  }
  .petr_p__t--24--xs {
    padding-top: 24px;
  }
  .petr_p__r--24--xs {
    padding-right: 24px;
  }
  .petr_p__b--24--xs {
    padding-bottom: 24px;
  }
  .petr_p__x--24--xs {
    padding-right: 24px;
    padding-left: 24px;
  }
  .petr_p__y--24--xs {
    padding-bottom: 24px;
    padding-top: 24px;
  }
  .petr_m__l--30--xs {
    margin-left: 30px;
  }
  .petr_m__t--30--xs {
    margin-top: 30px;
  }
  .petr_m__r--30--xs {
    margin-right: 30px;
  }
  .petr_m__b--30--xs {
    margin-bottom: 30px;
  }
  .petr_m__x--30--xs {
    margin-right: 30px;
    margin-left: 30px;
  }
  .petr_m__y--30--xs {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .petr_p__l--30--xs {
    padding-left: 30px;
  }
  .petr_p__t--30--xs {
    padding-top: 30px;
  }
  .petr_p__r--30--xs {
    padding-right: 30px;
  }
  .petr_p__b--30--xs {
    padding-bottom: 30px;
  }
  .petr_p__x--30--xs {
    padding-right: 30px;
    padding-left: 30px;
  }
  .petr_p__y--30--xs {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .petr_m__l--36--xs {
    margin-left: 36px;
  }
  .petr_m__t--36--xs {
    margin-top: 36px;
  }
  .petr_m__r--36--xs {
    margin-right: 36px;
  }
  .petr_m__b--36--xs {
    margin-bottom: 36px;
  }
  .petr_m__x--36--xs {
    margin-right: 36px;
    margin-left: 36px;
  }
  .petr_m__y--36--xs {
    margin-bottom: 36px;
    margin-top: 36px;
  }
  .petr_p__l--36--xs {
    padding-left: 36px;
  }
  .petr_p__t--36--xs {
    padding-top: 36px;
  }
  .petr_p__r--36--xs {
    padding-right: 36px;
  }
  .petr_p__b--36--xs {
    padding-bottom: 36px;
  }
  .petr_p__x--36--xs {
    padding-right: 36px;
    padding-left: 36px;
  }
  .petr_p__y--36--xs {
    padding-bottom: 36px;
    padding-top: 36px;
  }
  .petr_m__l--42--xs {
    margin-left: 42px;
  }
  .petr_m__t--42--xs {
    margin-top: 42px;
  }
  .petr_m__r--42--xs {
    margin-right: 42px;
  }
  .petr_m__b--42--xs {
    margin-bottom: 42px;
  }
  .petr_m__x--42--xs {
    margin-right: 42px;
    margin-left: 42px;
  }
  .petr_m__y--42--xs {
    margin-bottom: 42px;
    margin-top: 42px;
  }
  .petr_p__l--42--xs {
    padding-left: 42px;
  }
  .petr_p__t--42--xs {
    padding-top: 42px;
  }
  .petr_p__r--42--xs {
    padding-right: 42px;
  }
  .petr_p__b--42--xs {
    padding-bottom: 42px;
  }
  .petr_p__x--42--xs {
    padding-right: 42px;
    padding-left: 42px;
  }
  .petr_p__y--42--xs {
    padding-bottom: 42px;
    padding-top: 42px;
  }
  .petr_m__l--48--xs {
    margin-left: 48px;
  }
  .petr_m__t--48--xs {
    margin-top: 48px;
  }
  .petr_m__r--48--xs {
    margin-right: 48px;
  }
  .petr_m__b--48--xs {
    margin-bottom: 48px;
  }
  .petr_m__x--48--xs {
    margin-right: 48px;
    margin-left: 48px;
  }
  .petr_m__y--48--xs {
    margin-bottom: 48px;
    margin-top: 48px;
  }
  .petr_p__l--48--xs {
    padding-left: 48px;
  }
  .petr_p__t--48--xs {
    padding-top: 48px;
  }
  .petr_p__r--48--xs {
    padding-right: 48px;
  }
  .petr_p__b--48--xs {
    padding-bottom: 48px;
  }
  .petr_p__x--48--xs {
    padding-right: 48px;
    padding-left: 48px;
  }
  .petr_p__y--48--xs {
    padding-bottom: 48px;
    padding-top: 48px;
  }
  .petr_m__l--54--xs {
    margin-left: 54px;
  }
  .petr_m__t--54--xs {
    margin-top: 54px;
  }
  .petr_m__r--54--xs {
    margin-right: 54px;
  }
  .petr_m__b--54--xs {
    margin-bottom: 54px;
  }
  .petr_m__x--54--xs {
    margin-right: 54px;
    margin-left: 54px;
  }
  .petr_m__y--54--xs {
    margin-bottom: 54px;
    margin-top: 54px;
  }
  .petr_p__l--54--xs {
    padding-left: 54px;
  }
  .petr_p__t--54--xs {
    padding-top: 54px;
  }
  .petr_p__r--54--xs {
    padding-right: 54px;
  }
  .petr_p__b--54--xs {
    padding-bottom: 54px;
  }
  .petr_p__x--54--xs {
    padding-right: 54px;
    padding-left: 54px;
  }
  .petr_p__y--54--xs {
    padding-bottom: 54px;
    padding-top: 54px;
  }
  .petr_m__l--60--xs {
    margin-left: 60px;
  }
  .petr_m__t--60--xs {
    margin-top: 60px;
  }
  .petr_m__r--60--xs {
    margin-right: 60px;
  }
  .petr_m__b--60--xs {
    margin-bottom: 60px;
  }
  .petr_m__x--60--xs {
    margin-right: 60px;
    margin-left: 60px;
  }
  .petr_m__y--60--xs {
    margin-bottom: 60px;
    margin-top: 60px;
  }
  .petr_p__l--60--xs {
    padding-left: 60px;
  }
  .petr_p__t--60--xs {
    padding-top: 60px;
  }
  .petr_p__r--60--xs {
    padding-right: 60px;
  }
  .petr_p__b--60--xs {
    padding-bottom: 60px;
  }
  .petr_p__x--60--xs {
    padding-right: 60px;
    padding-left: 60px;
  }
  .petr_p__y--60--xs {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .petr_m__l--66--xs {
    margin-left: 66px;
  }
  .petr_m__t--66--xs {
    margin-top: 66px;
  }
  .petr_m__r--66--xs {
    margin-right: 66px;
  }
  .petr_m__b--66--xs {
    margin-bottom: 66px;
  }
  .petr_m__x--66--xs {
    margin-right: 66px;
    margin-left: 66px;
  }
  .petr_m__y--66--xs {
    margin-bottom: 66px;
    margin-top: 66px;
  }
  .petr_p__l--66--xs {
    padding-left: 66px;
  }
  .petr_p__t--66--xs {
    padding-top: 66px;
  }
  .petr_p__r--66--xs {
    padding-right: 66px;
  }
  .petr_p__b--66--xs {
    padding-bottom: 66px;
  }
  .petr_p__x--66--xs {
    padding-right: 66px;
    padding-left: 66px;
  }
  .petr_p__y--66--xs {
    padding-bottom: 66px;
    padding-top: 66px;
  }
  .petr_m__l--72--xs {
    margin-left: 72px;
  }
  .petr_m__t--72--xs {
    margin-top: 72px;
  }
  .petr_m__r--72--xs {
    margin-right: 72px;
  }
  .petr_m__b--72--xs {
    margin-bottom: 72px;
  }
  .petr_m__x--72--xs {
    margin-right: 72px;
    margin-left: 72px;
  }
  .petr_m__y--72--xs {
    margin-bottom: 72px;
    margin-top: 72px;
  }
  .petr_p__l--72--xs {
    padding-left: 72px;
  }
  .petr_p__t--72--xs {
    padding-top: 72px;
  }
  .petr_p__r--72--xs {
    padding-right: 72px;
  }
  .petr_p__b--72--xs {
    padding-bottom: 72px;
  }
  .petr_p__x--72--xs {
    padding-right: 72px;
    padding-left: 72px;
  }
  .petr_p__y--72--xs {
    padding-bottom: 72px;
    padding-top: 72px;
  }
  .petr_m__l--78--xs {
    margin-left: 78px;
  }
  .petr_m__t--78--xs {
    margin-top: 78px;
  }
  .petr_m__r--78--xs {
    margin-right: 78px;
  }
  .petr_m__b--78--xs {
    margin-bottom: 78px;
  }
  .petr_m__x--78--xs {
    margin-right: 78px;
    margin-left: 78px;
  }
  .petr_m__y--78--xs {
    margin-bottom: 78px;
    margin-top: 78px;
  }
  .petr_p__l--78--xs {
    padding-left: 78px;
  }
  .petr_p__t--78--xs {
    padding-top: 78px;
  }
  .petr_p__r--78--xs {
    padding-right: 78px;
  }
  .petr_p__b--78--xs {
    padding-bottom: 78px;
  }
  .petr_p__x--78--xs {
    padding-right: 78px;
    padding-left: 78px;
  }
  .petr_p__y--78--xs {
    padding-bottom: 78px;
    padding-top: 78px;
  }
  .petr_m__l--84--xs {
    margin-left: 84px;
  }
  .petr_m__t--84--xs {
    margin-top: 84px;
  }
  .petr_m__r--84--xs {
    margin-right: 84px;
  }
  .petr_m__b--84--xs {
    margin-bottom: 84px;
  }
  .petr_m__x--84--xs {
    margin-right: 84px;
    margin-left: 84px;
  }
  .petr_m__y--84--xs {
    margin-bottom: 84px;
    margin-top: 84px;
  }
  .petr_p__l--84--xs {
    padding-left: 84px;
  }
  .petr_p__t--84--xs {
    padding-top: 84px;
  }
  .petr_p__r--84--xs {
    padding-right: 84px;
  }
  .petr_p__b--84--xs {
    padding-bottom: 84px;
  }
  .petr_p__x--84--xs {
    padding-right: 84px;
    padding-left: 84px;
  }
  .petr_p__y--84--xs {
    padding-bottom: 84px;
    padding-top: 84px;
  }
  .petr_m__l--90--xs {
    margin-left: 90px;
  }
  .petr_m__t--90--xs {
    margin-top: 90px;
  }
  .petr_m__r--90--xs {
    margin-right: 90px;
  }
  .petr_m__b--90--xs {
    margin-bottom: 90px;
  }
  .petr_m__x--90--xs {
    margin-right: 90px;
    margin-left: 90px;
  }
  .petr_m__y--90--xs {
    margin-bottom: 90px;
    margin-top: 90px;
  }
  .petr_p__l--90--xs {
    padding-left: 90px;
  }
  .petr_p__t--90--xs {
    padding-top: 90px;
  }
  .petr_p__r--90--xs {
    padding-right: 90px;
  }
  .petr_p__b--90--xs {
    padding-bottom: 90px;
  }
  .petr_p__x--90--xs {
    padding-right: 90px;
    padding-left: 90px;
  }
  .petr_p__y--90--xs {
    padding-bottom: 90px;
    padding-top: 90px;
  }
  .petr_m__l--96--xs {
    margin-left: 96px;
  }
  .petr_m__t--96--xs {
    margin-top: 96px;
  }
  .petr_m__r--96--xs {
    margin-right: 96px;
  }
  .petr_m__b--96--xs {
    margin-bottom: 96px;
  }
  .petr_m__x--96--xs {
    margin-right: 96px;
    margin-left: 96px;
  }
  .petr_m__y--96--xs {
    margin-bottom: 96px;
    margin-top: 96px;
  }
  .petr_p__l--96--xs {
    padding-left: 96px;
  }
  .petr_p__t--96--xs {
    padding-top: 96px;
  }
  .petr_p__r--96--xs {
    padding-right: 96px;
  }
  .petr_p__b--96--xs {
    padding-bottom: 96px;
  }
  .petr_p__x--96--xs {
    padding-right: 96px;
    padding-left: 96px;
  }
  .petr_p__y--96--xs {
    padding-bottom: 96px;
    padding-top: 96px;
  }
  .petr_m__l--102--xs {
    margin-left: 102px;
  }
  .petr_m__t--102--xs {
    margin-top: 102px;
  }
  .petr_m__r--102--xs {
    margin-right: 102px;
  }
  .petr_m__b--102--xs {
    margin-bottom: 102px;
  }
  .petr_m__x--102--xs {
    margin-right: 102px;
    margin-left: 102px;
  }
  .petr_m__y--102--xs {
    margin-bottom: 102px;
    margin-top: 102px;
  }
  .petr_p__l--102--xs {
    padding-left: 102px;
  }
  .petr_p__t--102--xs {
    padding-top: 102px;
  }
  .petr_p__r--102--xs {
    padding-right: 102px;
  }
  .petr_p__b--102--xs {
    padding-bottom: 102px;
  }
  .petr_p__x--102--xs {
    padding-right: 102px;
    padding-left: 102px;
  }
  .petr_p__y--102--xs {
    padding-bottom: 102px;
    padding-top: 102px;
  }
  .petr_m__l--108--xs {
    margin-left: 108px;
  }
  .petr_m__t--108--xs {
    margin-top: 108px;
  }
  .petr_m__r--108--xs {
    margin-right: 108px;
  }
  .petr_m__b--108--xs {
    margin-bottom: 108px;
  }
  .petr_m__x--108--xs {
    margin-right: 108px;
    margin-left: 108px;
  }
  .petr_m__y--108--xs {
    margin-bottom: 108px;
    margin-top: 108px;
  }
  .petr_p__l--108--xs {
    padding-left: 108px;
  }
  .petr_p__t--108--xs {
    padding-top: 108px;
  }
  .petr_p__r--108--xs {
    padding-right: 108px;
  }
  .petr_p__b--108--xs {
    padding-bottom: 108px;
  }
  .petr_p__x--108--xs {
    padding-right: 108px;
    padding-left: 108px;
  }
  .petr_p__y--108--xs {
    padding-bottom: 108px;
    padding-top: 108px;
  }
  .petr_m__l--114--xs {
    margin-left: 114px;
  }
  .petr_m__t--114--xs {
    margin-top: 114px;
  }
  .petr_m__r--114--xs {
    margin-right: 114px;
  }
  .petr_m__b--114--xs {
    margin-bottom: 114px;
  }
  .petr_m__x--114--xs {
    margin-right: 114px;
    margin-left: 114px;
  }
  .petr_m__y--114--xs {
    margin-bottom: 114px;
    margin-top: 114px;
  }
  .petr_p__l--114--xs {
    padding-left: 114px;
  }
  .petr_p__t--114--xs {
    padding-top: 114px;
  }
  .petr_p__r--114--xs {
    padding-right: 114px;
  }
  .petr_p__b--114--xs {
    padding-bottom: 114px;
  }
  .petr_p__x--114--xs {
    padding-right: 114px;
    padding-left: 114px;
  }
  .petr_p__y--114--xs {
    padding-bottom: 114px;
    padding-top: 114px;
  }
  .petr_m__l--120--xs {
    margin-left: 120px;
  }
  .petr_m__t--120--xs {
    margin-top: 120px;
  }
  .petr_m__r--120--xs {
    margin-right: 120px;
  }
  .petr_m__b--120--xs {
    margin-bottom: 120px;
  }
  .petr_m__x--120--xs {
    margin-right: 120px;
    margin-left: 120px;
  }
  .petr_m__y--120--xs {
    margin-bottom: 120px;
    margin-top: 120px;
  }
  .petr_p__l--120--xs {
    padding-left: 120px;
  }
  .petr_p__t--120--xs {
    padding-top: 120px;
  }
  .petr_p__r--120--xs {
    padding-right: 120px;
  }
  .petr_p__b--120--xs {
    padding-bottom: 120px;
  }
  .petr_p__x--120--xs {
    padding-right: 120px;
    padding-left: 120px;
  }
  .petr_p__y--120--xs {
    padding-bottom: 120px;
    padding-top: 120px;
  }
  .petr_m__0_auto--xs {
    margin: 0 auto !important;
  }
}
@media (min-width: 768px) {
  .petr_m__l--0--sm {
    margin-left: 0px;
  }
  .petr_m__t--0--sm {
    margin-top: 0px;
  }
  .petr_m__r--0--sm {
    margin-right: 0px;
  }
  .petr_m__b--0--sm {
    margin-bottom: 0px;
  }
  .petr_m__x--0--sm {
    margin-right: 0px;
    margin-left: 0px;
  }
  .petr_m__y--0--sm {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .petr_p__l--0--sm {
    padding-left: 0px;
  }
  .petr_p__t--0--sm {
    padding-top: 0px;
  }
  .petr_p__r--0--sm {
    padding-right: 0px;
  }
  .petr_p__b--0--sm {
    padding-bottom: 0px;
  }
  .petr_p__x--0--sm {
    padding-right: 0px;
    padding-left: 0px;
  }
  .petr_p__y--0--sm {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .petr_m__l--6--sm {
    margin-left: 6px;
  }
  .petr_m__t--6--sm {
    margin-top: 6px;
  }
  .petr_m__r--6--sm {
    margin-right: 6px;
  }
  .petr_m__b--6--sm {
    margin-bottom: 6px;
  }
  .petr_m__x--6--sm {
    margin-right: 6px;
    margin-left: 6px;
  }
  .petr_m__y--6--sm {
    margin-bottom: 6px;
    margin-top: 6px;
  }
  .petr_p__l--6--sm {
    padding-left: 6px;
  }
  .petr_p__t--6--sm {
    padding-top: 6px;
  }
  .petr_p__r--6--sm {
    padding-right: 6px;
  }
  .petr_p__b--6--sm {
    padding-bottom: 6px;
  }
  .petr_p__x--6--sm {
    padding-right: 6px;
    padding-left: 6px;
  }
  .petr_p__y--6--sm {
    padding-bottom: 6px;
    padding-top: 6px;
  }
  .petr_m__l--12--sm {
    margin-left: 12px;
  }
  .petr_m__t--12--sm {
    margin-top: 12px;
  }
  .petr_m__r--12--sm {
    margin-right: 12px;
  }
  .petr_m__b--12--sm {
    margin-bottom: 12px;
  }
  .petr_m__x--12--sm {
    margin-right: 12px;
    margin-left: 12px;
  }
  .petr_m__y--12--sm {
    margin-bottom: 12px;
    margin-top: 12px;
  }
  .petr_p__l--12--sm {
    padding-left: 12px;
  }
  .petr_p__t--12--sm {
    padding-top: 12px;
  }
  .petr_p__r--12--sm {
    padding-right: 12px;
  }
  .petr_p__b--12--sm {
    padding-bottom: 12px;
  }
  .petr_p__x--12--sm {
    padding-right: 12px;
    padding-left: 12px;
  }
  .petr_p__y--12--sm {
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .petr_m__l--18--sm {
    margin-left: 18px;
  }
  .petr_m__t--18--sm {
    margin-top: 18px;
  }
  .petr_m__r--18--sm {
    margin-right: 18px;
  }
  .petr_m__b--18--sm {
    margin-bottom: 18px;
  }
  .petr_m__x--18--sm {
    margin-right: 18px;
    margin-left: 18px;
  }
  .petr_m__y--18--sm {
    margin-bottom: 18px;
    margin-top: 18px;
  }
  .petr_p__l--18--sm {
    padding-left: 18px;
  }
  .petr_p__t--18--sm {
    padding-top: 18px;
  }
  .petr_p__r--18--sm {
    padding-right: 18px;
  }
  .petr_p__b--18--sm {
    padding-bottom: 18px;
  }
  .petr_p__x--18--sm {
    padding-right: 18px;
    padding-left: 18px;
  }
  .petr_p__y--18--sm {
    padding-bottom: 18px;
    padding-top: 18px;
  }
  .petr_m__l--24--sm {
    margin-left: 24px;
  }
  .petr_m__t--24--sm {
    margin-top: 24px;
  }
  .petr_m__r--24--sm {
    margin-right: 24px;
  }
  .petr_m__b--24--sm {
    margin-bottom: 24px;
  }
  .petr_m__x--24--sm {
    margin-right: 24px;
    margin-left: 24px;
  }
  .petr_m__y--24--sm {
    margin-bottom: 24px;
    margin-top: 24px;
  }
  .petr_p__l--24--sm {
    padding-left: 24px;
  }
  .petr_p__t--24--sm {
    padding-top: 24px;
  }
  .petr_p__r--24--sm {
    padding-right: 24px;
  }
  .petr_p__b--24--sm {
    padding-bottom: 24px;
  }
  .petr_p__x--24--sm {
    padding-right: 24px;
    padding-left: 24px;
  }
  .petr_p__y--24--sm {
    padding-bottom: 24px;
    padding-top: 24px;
  }
  .petr_m__l--30--sm {
    margin-left: 30px;
  }
  .petr_m__t--30--sm {
    margin-top: 30px;
  }
  .petr_m__r--30--sm {
    margin-right: 30px;
  }
  .petr_m__b--30--sm {
    margin-bottom: 30px;
  }
  .petr_m__x--30--sm {
    margin-right: 30px;
    margin-left: 30px;
  }
  .petr_m__y--30--sm {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .petr_p__l--30--sm {
    padding-left: 30px;
  }
  .petr_p__t--30--sm {
    padding-top: 30px;
  }
  .petr_p__r--30--sm {
    padding-right: 30px;
  }
  .petr_p__b--30--sm {
    padding-bottom: 30px;
  }
  .petr_p__x--30--sm {
    padding-right: 30px;
    padding-left: 30px;
  }
  .petr_p__y--30--sm {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .petr_m__l--36--sm {
    margin-left: 36px;
  }
  .petr_m__t--36--sm {
    margin-top: 36px;
  }
  .petr_m__r--36--sm {
    margin-right: 36px;
  }
  .petr_m__b--36--sm {
    margin-bottom: 36px;
  }
  .petr_m__x--36--sm {
    margin-right: 36px;
    margin-left: 36px;
  }
  .petr_m__y--36--sm {
    margin-bottom: 36px;
    margin-top: 36px;
  }
  .petr_p__l--36--sm {
    padding-left: 36px;
  }
  .petr_p__t--36--sm {
    padding-top: 36px;
  }
  .petr_p__r--36--sm {
    padding-right: 36px;
  }
  .petr_p__b--36--sm {
    padding-bottom: 36px;
  }
  .petr_p__x--36--sm {
    padding-right: 36px;
    padding-left: 36px;
  }
  .petr_p__y--36--sm {
    padding-bottom: 36px;
    padding-top: 36px;
  }
  .petr_m__l--42--sm {
    margin-left: 42px;
  }
  .petr_m__t--42--sm {
    margin-top: 42px;
  }
  .petr_m__r--42--sm {
    margin-right: 42px;
  }
  .petr_m__b--42--sm {
    margin-bottom: 42px;
  }
  .petr_m__x--42--sm {
    margin-right: 42px;
    margin-left: 42px;
  }
  .petr_m__y--42--sm {
    margin-bottom: 42px;
    margin-top: 42px;
  }
  .petr_p__l--42--sm {
    padding-left: 42px;
  }
  .petr_p__t--42--sm {
    padding-top: 42px;
  }
  .petr_p__r--42--sm {
    padding-right: 42px;
  }
  .petr_p__b--42--sm {
    padding-bottom: 42px;
  }
  .petr_p__x--42--sm {
    padding-right: 42px;
    padding-left: 42px;
  }
  .petr_p__y--42--sm {
    padding-bottom: 42px;
    padding-top: 42px;
  }
  .petr_m__l--48--sm {
    margin-left: 48px;
  }
  .petr_m__t--48--sm {
    margin-top: 48px;
  }
  .petr_m__r--48--sm {
    margin-right: 48px;
  }
  .petr_m__b--48--sm {
    margin-bottom: 48px;
  }
  .petr_m__x--48--sm {
    margin-right: 48px;
    margin-left: 48px;
  }
  .petr_m__y--48--sm {
    margin-bottom: 48px;
    margin-top: 48px;
  }
  .petr_p__l--48--sm {
    padding-left: 48px;
  }
  .petr_p__t--48--sm {
    padding-top: 48px;
  }
  .petr_p__r--48--sm {
    padding-right: 48px;
  }
  .petr_p__b--48--sm {
    padding-bottom: 48px;
  }
  .petr_p__x--48--sm {
    padding-right: 48px;
    padding-left: 48px;
  }
  .petr_p__y--48--sm {
    padding-bottom: 48px;
    padding-top: 48px;
  }
  .petr_m__l--54--sm {
    margin-left: 54px;
  }
  .petr_m__t--54--sm {
    margin-top: 54px;
  }
  .petr_m__r--54--sm {
    margin-right: 54px;
  }
  .petr_m__b--54--sm {
    margin-bottom: 54px;
  }
  .petr_m__x--54--sm {
    margin-right: 54px;
    margin-left: 54px;
  }
  .petr_m__y--54--sm {
    margin-bottom: 54px;
    margin-top: 54px;
  }
  .petr_p__l--54--sm {
    padding-left: 54px;
  }
  .petr_p__t--54--sm {
    padding-top: 54px;
  }
  .petr_p__r--54--sm {
    padding-right: 54px;
  }
  .petr_p__b--54--sm {
    padding-bottom: 54px;
  }
  .petr_p__x--54--sm {
    padding-right: 54px;
    padding-left: 54px;
  }
  .petr_p__y--54--sm {
    padding-bottom: 54px;
    padding-top: 54px;
  }
  .petr_m__l--60--sm {
    margin-left: 60px;
  }
  .petr_m__t--60--sm {
    margin-top: 60px;
  }
  .petr_m__r--60--sm {
    margin-right: 60px;
  }
  .petr_m__b--60--sm {
    margin-bottom: 60px;
  }
  .petr_m__x--60--sm {
    margin-right: 60px;
    margin-left: 60px;
  }
  .petr_m__y--60--sm {
    margin-bottom: 60px;
    margin-top: 60px;
  }
  .petr_p__l--60--sm {
    padding-left: 60px;
  }
  .petr_p__t--60--sm {
    padding-top: 60px;
  }
  .petr_p__r--60--sm {
    padding-right: 60px;
  }
  .petr_p__b--60--sm {
    padding-bottom: 60px;
  }
  .petr_p__x--60--sm {
    padding-right: 60px;
    padding-left: 60px;
  }
  .petr_p__y--60--sm {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .petr_m__l--66--sm {
    margin-left: 66px;
  }
  .petr_m__t--66--sm {
    margin-top: 66px;
  }
  .petr_m__r--66--sm {
    margin-right: 66px;
  }
  .petr_m__b--66--sm {
    margin-bottom: 66px;
  }
  .petr_m__x--66--sm {
    margin-right: 66px;
    margin-left: 66px;
  }
  .petr_m__y--66--sm {
    margin-bottom: 66px;
    margin-top: 66px;
  }
  .petr_p__l--66--sm {
    padding-left: 66px;
  }
  .petr_p__t--66--sm {
    padding-top: 66px;
  }
  .petr_p__r--66--sm {
    padding-right: 66px;
  }
  .petr_p__b--66--sm {
    padding-bottom: 66px;
  }
  .petr_p__x--66--sm {
    padding-right: 66px;
    padding-left: 66px;
  }
  .petr_p__y--66--sm {
    padding-bottom: 66px;
    padding-top: 66px;
  }
  .petr_m__l--72--sm {
    margin-left: 72px;
  }
  .petr_m__t--72--sm {
    margin-top: 72px;
  }
  .petr_m__r--72--sm {
    margin-right: 72px;
  }
  .petr_m__b--72--sm {
    margin-bottom: 72px;
  }
  .petr_m__x--72--sm {
    margin-right: 72px;
    margin-left: 72px;
  }
  .petr_m__y--72--sm {
    margin-bottom: 72px;
    margin-top: 72px;
  }
  .petr_p__l--72--sm {
    padding-left: 72px;
  }
  .petr_p__t--72--sm {
    padding-top: 72px;
  }
  .petr_p__r--72--sm {
    padding-right: 72px;
  }
  .petr_p__b--72--sm {
    padding-bottom: 72px;
  }
  .petr_p__x--72--sm {
    padding-right: 72px;
    padding-left: 72px;
  }
  .petr_p__y--72--sm {
    padding-bottom: 72px;
    padding-top: 72px;
  }
  .petr_m__l--78--sm {
    margin-left: 78px;
  }
  .petr_m__t--78--sm {
    margin-top: 78px;
  }
  .petr_m__r--78--sm {
    margin-right: 78px;
  }
  .petr_m__b--78--sm {
    margin-bottom: 78px;
  }
  .petr_m__x--78--sm {
    margin-right: 78px;
    margin-left: 78px;
  }
  .petr_m__y--78--sm {
    margin-bottom: 78px;
    margin-top: 78px;
  }
  .petr_p__l--78--sm {
    padding-left: 78px;
  }
  .petr_p__t--78--sm {
    padding-top: 78px;
  }
  .petr_p__r--78--sm {
    padding-right: 78px;
  }
  .petr_p__b--78--sm {
    padding-bottom: 78px;
  }
  .petr_p__x--78--sm {
    padding-right: 78px;
    padding-left: 78px;
  }
  .petr_p__y--78--sm {
    padding-bottom: 78px;
    padding-top: 78px;
  }
  .petr_m__l--84--sm {
    margin-left: 84px;
  }
  .petr_m__t--84--sm {
    margin-top: 84px;
  }
  .petr_m__r--84--sm {
    margin-right: 84px;
  }
  .petr_m__b--84--sm {
    margin-bottom: 84px;
  }
  .petr_m__x--84--sm {
    margin-right: 84px;
    margin-left: 84px;
  }
  .petr_m__y--84--sm {
    margin-bottom: 84px;
    margin-top: 84px;
  }
  .petr_p__l--84--sm {
    padding-left: 84px;
  }
  .petr_p__t--84--sm {
    padding-top: 84px;
  }
  .petr_p__r--84--sm {
    padding-right: 84px;
  }
  .petr_p__b--84--sm {
    padding-bottom: 84px;
  }
  .petr_p__x--84--sm {
    padding-right: 84px;
    padding-left: 84px;
  }
  .petr_p__y--84--sm {
    padding-bottom: 84px;
    padding-top: 84px;
  }
  .petr_m__l--90--sm {
    margin-left: 90px;
  }
  .petr_m__t--90--sm {
    margin-top: 90px;
  }
  .petr_m__r--90--sm {
    margin-right: 90px;
  }
  .petr_m__b--90--sm {
    margin-bottom: 90px;
  }
  .petr_m__x--90--sm {
    margin-right: 90px;
    margin-left: 90px;
  }
  .petr_m__y--90--sm {
    margin-bottom: 90px;
    margin-top: 90px;
  }
  .petr_p__l--90--sm {
    padding-left: 90px;
  }
  .petr_p__t--90--sm {
    padding-top: 90px;
  }
  .petr_p__r--90--sm {
    padding-right: 90px;
  }
  .petr_p__b--90--sm {
    padding-bottom: 90px;
  }
  .petr_p__x--90--sm {
    padding-right: 90px;
    padding-left: 90px;
  }
  .petr_p__y--90--sm {
    padding-bottom: 90px;
    padding-top: 90px;
  }
  .petr_m__l--96--sm {
    margin-left: 96px;
  }
  .petr_m__t--96--sm {
    margin-top: 96px;
  }
  .petr_m__r--96--sm {
    margin-right: 96px;
  }
  .petr_m__b--96--sm {
    margin-bottom: 96px;
  }
  .petr_m__x--96--sm {
    margin-right: 96px;
    margin-left: 96px;
  }
  .petr_m__y--96--sm {
    margin-bottom: 96px;
    margin-top: 96px;
  }
  .petr_p__l--96--sm {
    padding-left: 96px;
  }
  .petr_p__t--96--sm {
    padding-top: 96px;
  }
  .petr_p__r--96--sm {
    padding-right: 96px;
  }
  .petr_p__b--96--sm {
    padding-bottom: 96px;
  }
  .petr_p__x--96--sm {
    padding-right: 96px;
    padding-left: 96px;
  }
  .petr_p__y--96--sm {
    padding-bottom: 96px;
    padding-top: 96px;
  }
  .petr_m__l--102--sm {
    margin-left: 102px;
  }
  .petr_m__t--102--sm {
    margin-top: 102px;
  }
  .petr_m__r--102--sm {
    margin-right: 102px;
  }
  .petr_m__b--102--sm {
    margin-bottom: 102px;
  }
  .petr_m__x--102--sm {
    margin-right: 102px;
    margin-left: 102px;
  }
  .petr_m__y--102--sm {
    margin-bottom: 102px;
    margin-top: 102px;
  }
  .petr_p__l--102--sm {
    padding-left: 102px;
  }
  .petr_p__t--102--sm {
    padding-top: 102px;
  }
  .petr_p__r--102--sm {
    padding-right: 102px;
  }
  .petr_p__b--102--sm {
    padding-bottom: 102px;
  }
  .petr_p__x--102--sm {
    padding-right: 102px;
    padding-left: 102px;
  }
  .petr_p__y--102--sm {
    padding-bottom: 102px;
    padding-top: 102px;
  }
  .petr_m__l--108--sm {
    margin-left: 108px;
  }
  .petr_m__t--108--sm {
    margin-top: 108px;
  }
  .petr_m__r--108--sm {
    margin-right: 108px;
  }
  .petr_m__b--108--sm {
    margin-bottom: 108px;
  }
  .petr_m__x--108--sm {
    margin-right: 108px;
    margin-left: 108px;
  }
  .petr_m__y--108--sm {
    margin-bottom: 108px;
    margin-top: 108px;
  }
  .petr_p__l--108--sm {
    padding-left: 108px;
  }
  .petr_p__t--108--sm {
    padding-top: 108px;
  }
  .petr_p__r--108--sm {
    padding-right: 108px;
  }
  .petr_p__b--108--sm {
    padding-bottom: 108px;
  }
  .petr_p__x--108--sm {
    padding-right: 108px;
    padding-left: 108px;
  }
  .petr_p__y--108--sm {
    padding-bottom: 108px;
    padding-top: 108px;
  }
  .petr_m__l--114--sm {
    margin-left: 114px;
  }
  .petr_m__t--114--sm {
    margin-top: 114px;
  }
  .petr_m__r--114--sm {
    margin-right: 114px;
  }
  .petr_m__b--114--sm {
    margin-bottom: 114px;
  }
  .petr_m__x--114--sm {
    margin-right: 114px;
    margin-left: 114px;
  }
  .petr_m__y--114--sm {
    margin-bottom: 114px;
    margin-top: 114px;
  }
  .petr_p__l--114--sm {
    padding-left: 114px;
  }
  .petr_p__t--114--sm {
    padding-top: 114px;
  }
  .petr_p__r--114--sm {
    padding-right: 114px;
  }
  .petr_p__b--114--sm {
    padding-bottom: 114px;
  }
  .petr_p__x--114--sm {
    padding-right: 114px;
    padding-left: 114px;
  }
  .petr_p__y--114--sm {
    padding-bottom: 114px;
    padding-top: 114px;
  }
  .petr_m__l--120--sm {
    margin-left: 120px;
  }
  .petr_m__t--120--sm {
    margin-top: 120px;
  }
  .petr_m__r--120--sm {
    margin-right: 120px;
  }
  .petr_m__b--120--sm {
    margin-bottom: 120px;
  }
  .petr_m__x--120--sm {
    margin-right: 120px;
    margin-left: 120px;
  }
  .petr_m__y--120--sm {
    margin-bottom: 120px;
    margin-top: 120px;
  }
  .petr_p__l--120--sm {
    padding-left: 120px;
  }
  .petr_p__t--120--sm {
    padding-top: 120px;
  }
  .petr_p__r--120--sm {
    padding-right: 120px;
  }
  .petr_p__b--120--sm {
    padding-bottom: 120px;
  }
  .petr_p__x--120--sm {
    padding-right: 120px;
    padding-left: 120px;
  }
  .petr_p__y--120--sm {
    padding-bottom: 120px;
    padding-top: 120px;
  }
  .petr_m__0_auto--sm {
    margin: 0 auto !important;
  }
}
@media (min-width: 960px) {
  .petr_m__l--0--md {
    margin-left: 0px;
  }
  .petr_m__t--0--md {
    margin-top: 0px;
  }
  .petr_m__r--0--md {
    margin-right: 0px;
  }
  .petr_m__b--0--md {
    margin-bottom: 0px;
  }
  .petr_m__x--0--md {
    margin-right: 0px;
    margin-left: 0px;
  }
  .petr_m__y--0--md {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .petr_p__l--0--md {
    padding-left: 0px;
  }
  .petr_p__t--0--md {
    padding-top: 0px;
  }
  .petr_p__r--0--md {
    padding-right: 0px;
  }
  .petr_p__b--0--md {
    padding-bottom: 0px;
  }
  .petr_p__x--0--md {
    padding-right: 0px;
    padding-left: 0px;
  }
  .petr_p__y--0--md {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .petr_m__l--6--md {
    margin-left: 6px;
  }
  .petr_m__t--6--md {
    margin-top: 6px;
  }
  .petr_m__r--6--md {
    margin-right: 6px;
  }
  .petr_m__b--6--md {
    margin-bottom: 6px;
  }
  .petr_m__x--6--md {
    margin-right: 6px;
    margin-left: 6px;
  }
  .petr_m__y--6--md {
    margin-bottom: 6px;
    margin-top: 6px;
  }
  .petr_p__l--6--md {
    padding-left: 6px;
  }
  .petr_p__t--6--md {
    padding-top: 6px;
  }
  .petr_p__r--6--md {
    padding-right: 6px;
  }
  .petr_p__b--6--md {
    padding-bottom: 6px;
  }
  .petr_p__x--6--md {
    padding-right: 6px;
    padding-left: 6px;
  }
  .petr_p__y--6--md {
    padding-bottom: 6px;
    padding-top: 6px;
  }
  .petr_m__l--12--md {
    margin-left: 12px;
  }
  .petr_m__t--12--md {
    margin-top: 12px;
  }
  .petr_m__r--12--md {
    margin-right: 12px;
  }
  .petr_m__b--12--md {
    margin-bottom: 12px;
  }
  .petr_m__x--12--md {
    margin-right: 12px;
    margin-left: 12px;
  }
  .petr_m__y--12--md {
    margin-bottom: 12px;
    margin-top: 12px;
  }
  .petr_p__l--12--md {
    padding-left: 12px;
  }
  .petr_p__t--12--md {
    padding-top: 12px;
  }
  .petr_p__r--12--md {
    padding-right: 12px;
  }
  .petr_p__b--12--md {
    padding-bottom: 12px;
  }
  .petr_p__x--12--md {
    padding-right: 12px;
    padding-left: 12px;
  }
  .petr_p__y--12--md {
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .petr_m__l--18--md {
    margin-left: 18px;
  }
  .petr_m__t--18--md {
    margin-top: 18px;
  }
  .petr_m__r--18--md {
    margin-right: 18px;
  }
  .petr_m__b--18--md {
    margin-bottom: 18px;
  }
  .petr_m__x--18--md {
    margin-right: 18px;
    margin-left: 18px;
  }
  .petr_m__y--18--md {
    margin-bottom: 18px;
    margin-top: 18px;
  }
  .petr_p__l--18--md {
    padding-left: 18px;
  }
  .petr_p__t--18--md {
    padding-top: 18px;
  }
  .petr_p__r--18--md {
    padding-right: 18px;
  }
  .petr_p__b--18--md {
    padding-bottom: 18px;
  }
  .petr_p__x--18--md {
    padding-right: 18px;
    padding-left: 18px;
  }
  .petr_p__y--18--md {
    padding-bottom: 18px;
    padding-top: 18px;
  }
  .petr_m__l--24--md {
    margin-left: 24px;
  }
  .petr_m__t--24--md {
    margin-top: 24px;
  }
  .petr_m__r--24--md {
    margin-right: 24px;
  }
  .petr_m__b--24--md {
    margin-bottom: 24px;
  }
  .petr_m__x--24--md {
    margin-right: 24px;
    margin-left: 24px;
  }
  .petr_m__y--24--md {
    margin-bottom: 24px;
    margin-top: 24px;
  }
  .petr_p__l--24--md {
    padding-left: 24px;
  }
  .petr_p__t--24--md {
    padding-top: 24px;
  }
  .petr_p__r--24--md {
    padding-right: 24px;
  }
  .petr_p__b--24--md {
    padding-bottom: 24px;
  }
  .petr_p__x--24--md {
    padding-right: 24px;
    padding-left: 24px;
  }
  .petr_p__y--24--md {
    padding-bottom: 24px;
    padding-top: 24px;
  }
  .petr_m__l--30--md {
    margin-left: 30px;
  }
  .petr_m__t--30--md {
    margin-top: 30px;
  }
  .petr_m__r--30--md {
    margin-right: 30px;
  }
  .petr_m__b--30--md {
    margin-bottom: 30px;
  }
  .petr_m__x--30--md {
    margin-right: 30px;
    margin-left: 30px;
  }
  .petr_m__y--30--md {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .petr_p__l--30--md {
    padding-left: 30px;
  }
  .petr_p__t--30--md {
    padding-top: 30px;
  }
  .petr_p__r--30--md {
    padding-right: 30px;
  }
  .petr_p__b--30--md {
    padding-bottom: 30px;
  }
  .petr_p__x--30--md {
    padding-right: 30px;
    padding-left: 30px;
  }
  .petr_p__y--30--md {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .petr_m__l--36--md {
    margin-left: 36px;
  }
  .petr_m__t--36--md {
    margin-top: 36px;
  }
  .petr_m__r--36--md {
    margin-right: 36px;
  }
  .petr_m__b--36--md {
    margin-bottom: 36px;
  }
  .petr_m__x--36--md {
    margin-right: 36px;
    margin-left: 36px;
  }
  .petr_m__y--36--md {
    margin-bottom: 36px;
    margin-top: 36px;
  }
  .petr_p__l--36--md {
    padding-left: 36px;
  }
  .petr_p__t--36--md {
    padding-top: 36px;
  }
  .petr_p__r--36--md {
    padding-right: 36px;
  }
  .petr_p__b--36--md {
    padding-bottom: 36px;
  }
  .petr_p__x--36--md {
    padding-right: 36px;
    padding-left: 36px;
  }
  .petr_p__y--36--md {
    padding-bottom: 36px;
    padding-top: 36px;
  }
  .petr_m__l--42--md {
    margin-left: 42px;
  }
  .petr_m__t--42--md {
    margin-top: 42px;
  }
  .petr_m__r--42--md {
    margin-right: 42px;
  }
  .petr_m__b--42--md {
    margin-bottom: 42px;
  }
  .petr_m__x--42--md {
    margin-right: 42px;
    margin-left: 42px;
  }
  .petr_m__y--42--md {
    margin-bottom: 42px;
    margin-top: 42px;
  }
  .petr_p__l--42--md {
    padding-left: 42px;
  }
  .petr_p__t--42--md {
    padding-top: 42px;
  }
  .petr_p__r--42--md {
    padding-right: 42px;
  }
  .petr_p__b--42--md {
    padding-bottom: 42px;
  }
  .petr_p__x--42--md {
    padding-right: 42px;
    padding-left: 42px;
  }
  .petr_p__y--42--md {
    padding-bottom: 42px;
    padding-top: 42px;
  }
  .petr_m__l--48--md {
    margin-left: 48px;
  }
  .petr_m__t--48--md {
    margin-top: 48px;
  }
  .petr_m__r--48--md {
    margin-right: 48px;
  }
  .petr_m__b--48--md {
    margin-bottom: 48px;
  }
  .petr_m__x--48--md {
    margin-right: 48px;
    margin-left: 48px;
  }
  .petr_m__y--48--md {
    margin-bottom: 48px;
    margin-top: 48px;
  }
  .petr_p__l--48--md {
    padding-left: 48px;
  }
  .petr_p__t--48--md {
    padding-top: 48px;
  }
  .petr_p__r--48--md {
    padding-right: 48px;
  }
  .petr_p__b--48--md {
    padding-bottom: 48px;
  }
  .petr_p__x--48--md {
    padding-right: 48px;
    padding-left: 48px;
  }
  .petr_p__y--48--md {
    padding-bottom: 48px;
    padding-top: 48px;
  }
  .petr_m__l--54--md {
    margin-left: 54px;
  }
  .petr_m__t--54--md {
    margin-top: 54px;
  }
  .petr_m__r--54--md {
    margin-right: 54px;
  }
  .petr_m__b--54--md {
    margin-bottom: 54px;
  }
  .petr_m__x--54--md {
    margin-right: 54px;
    margin-left: 54px;
  }
  .petr_m__y--54--md {
    margin-bottom: 54px;
    margin-top: 54px;
  }
  .petr_p__l--54--md {
    padding-left: 54px;
  }
  .petr_p__t--54--md {
    padding-top: 54px;
  }
  .petr_p__r--54--md {
    padding-right: 54px;
  }
  .petr_p__b--54--md {
    padding-bottom: 54px;
  }
  .petr_p__x--54--md {
    padding-right: 54px;
    padding-left: 54px;
  }
  .petr_p__y--54--md {
    padding-bottom: 54px;
    padding-top: 54px;
  }
  .petr_m__l--60--md {
    margin-left: 60px;
  }
  .petr_m__t--60--md {
    margin-top: 60px;
  }
  .petr_m__r--60--md {
    margin-right: 60px;
  }
  .petr_m__b--60--md {
    margin-bottom: 60px;
  }
  .petr_m__x--60--md {
    margin-right: 60px;
    margin-left: 60px;
  }
  .petr_m__y--60--md {
    margin-bottom: 60px;
    margin-top: 60px;
  }
  .petr_p__l--60--md {
    padding-left: 60px;
  }
  .petr_p__t--60--md {
    padding-top: 60px;
  }
  .petr_p__r--60--md {
    padding-right: 60px;
  }
  .petr_p__b--60--md {
    padding-bottom: 60px;
  }
  .petr_p__x--60--md {
    padding-right: 60px;
    padding-left: 60px;
  }
  .petr_p__y--60--md {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .petr_m__l--66--md {
    margin-left: 66px;
  }
  .petr_m__t--66--md {
    margin-top: 66px;
  }
  .petr_m__r--66--md {
    margin-right: 66px;
  }
  .petr_m__b--66--md {
    margin-bottom: 66px;
  }
  .petr_m__x--66--md {
    margin-right: 66px;
    margin-left: 66px;
  }
  .petr_m__y--66--md {
    margin-bottom: 66px;
    margin-top: 66px;
  }
  .petr_p__l--66--md {
    padding-left: 66px;
  }
  .petr_p__t--66--md {
    padding-top: 66px;
  }
  .petr_p__r--66--md {
    padding-right: 66px;
  }
  .petr_p__b--66--md {
    padding-bottom: 66px;
  }
  .petr_p__x--66--md {
    padding-right: 66px;
    padding-left: 66px;
  }
  .petr_p__y--66--md {
    padding-bottom: 66px;
    padding-top: 66px;
  }
  .petr_m__l--72--md {
    margin-left: 72px;
  }
  .petr_m__t--72--md {
    margin-top: 72px;
  }
  .petr_m__r--72--md {
    margin-right: 72px;
  }
  .petr_m__b--72--md {
    margin-bottom: 72px;
  }
  .petr_m__x--72--md {
    margin-right: 72px;
    margin-left: 72px;
  }
  .petr_m__y--72--md {
    margin-bottom: 72px;
    margin-top: 72px;
  }
  .petr_p__l--72--md {
    padding-left: 72px;
  }
  .petr_p__t--72--md {
    padding-top: 72px;
  }
  .petr_p__r--72--md {
    padding-right: 72px;
  }
  .petr_p__b--72--md {
    padding-bottom: 72px;
  }
  .petr_p__x--72--md {
    padding-right: 72px;
    padding-left: 72px;
  }
  .petr_p__y--72--md {
    padding-bottom: 72px;
    padding-top: 72px;
  }
  .petr_m__l--78--md {
    margin-left: 78px;
  }
  .petr_m__t--78--md {
    margin-top: 78px;
  }
  .petr_m__r--78--md {
    margin-right: 78px;
  }
  .petr_m__b--78--md {
    margin-bottom: 78px;
  }
  .petr_m__x--78--md {
    margin-right: 78px;
    margin-left: 78px;
  }
  .petr_m__y--78--md {
    margin-bottom: 78px;
    margin-top: 78px;
  }
  .petr_p__l--78--md {
    padding-left: 78px;
  }
  .petr_p__t--78--md {
    padding-top: 78px;
  }
  .petr_p__r--78--md {
    padding-right: 78px;
  }
  .petr_p__b--78--md {
    padding-bottom: 78px;
  }
  .petr_p__x--78--md {
    padding-right: 78px;
    padding-left: 78px;
  }
  .petr_p__y--78--md {
    padding-bottom: 78px;
    padding-top: 78px;
  }
  .petr_m__l--84--md {
    margin-left: 84px;
  }
  .petr_m__t--84--md {
    margin-top: 84px;
  }
  .petr_m__r--84--md {
    margin-right: 84px;
  }
  .petr_m__b--84--md {
    margin-bottom: 84px;
  }
  .petr_m__x--84--md {
    margin-right: 84px;
    margin-left: 84px;
  }
  .petr_m__y--84--md {
    margin-bottom: 84px;
    margin-top: 84px;
  }
  .petr_p__l--84--md {
    padding-left: 84px;
  }
  .petr_p__t--84--md {
    padding-top: 84px;
  }
  .petr_p__r--84--md {
    padding-right: 84px;
  }
  .petr_p__b--84--md {
    padding-bottom: 84px;
  }
  .petr_p__x--84--md {
    padding-right: 84px;
    padding-left: 84px;
  }
  .petr_p__y--84--md {
    padding-bottom: 84px;
    padding-top: 84px;
  }
  .petr_m__l--90--md {
    margin-left: 90px;
  }
  .petr_m__t--90--md {
    margin-top: 90px;
  }
  .petr_m__r--90--md {
    margin-right: 90px;
  }
  .petr_m__b--90--md {
    margin-bottom: 90px;
  }
  .petr_m__x--90--md {
    margin-right: 90px;
    margin-left: 90px;
  }
  .petr_m__y--90--md {
    margin-bottom: 90px;
    margin-top: 90px;
  }
  .petr_p__l--90--md {
    padding-left: 90px;
  }
  .petr_p__t--90--md {
    padding-top: 90px;
  }
  .petr_p__r--90--md {
    padding-right: 90px;
  }
  .petr_p__b--90--md {
    padding-bottom: 90px;
  }
  .petr_p__x--90--md {
    padding-right: 90px;
    padding-left: 90px;
  }
  .petr_p__y--90--md {
    padding-bottom: 90px;
    padding-top: 90px;
  }
  .petr_m__l--96--md {
    margin-left: 96px;
  }
  .petr_m__t--96--md {
    margin-top: 96px;
  }
  .petr_m__r--96--md {
    margin-right: 96px;
  }
  .petr_m__b--96--md {
    margin-bottom: 96px;
  }
  .petr_m__x--96--md {
    margin-right: 96px;
    margin-left: 96px;
  }
  .petr_m__y--96--md {
    margin-bottom: 96px;
    margin-top: 96px;
  }
  .petr_p__l--96--md {
    padding-left: 96px;
  }
  .petr_p__t--96--md {
    padding-top: 96px;
  }
  .petr_p__r--96--md {
    padding-right: 96px;
  }
  .petr_p__b--96--md {
    padding-bottom: 96px;
  }
  .petr_p__x--96--md {
    padding-right: 96px;
    padding-left: 96px;
  }
  .petr_p__y--96--md {
    padding-bottom: 96px;
    padding-top: 96px;
  }
  .petr_m__l--102--md {
    margin-left: 102px;
  }
  .petr_m__t--102--md {
    margin-top: 102px;
  }
  .petr_m__r--102--md {
    margin-right: 102px;
  }
  .petr_m__b--102--md {
    margin-bottom: 102px;
  }
  .petr_m__x--102--md {
    margin-right: 102px;
    margin-left: 102px;
  }
  .petr_m__y--102--md {
    margin-bottom: 102px;
    margin-top: 102px;
  }
  .petr_p__l--102--md {
    padding-left: 102px;
  }
  .petr_p__t--102--md {
    padding-top: 102px;
  }
  .petr_p__r--102--md {
    padding-right: 102px;
  }
  .petr_p__b--102--md {
    padding-bottom: 102px;
  }
  .petr_p__x--102--md {
    padding-right: 102px;
    padding-left: 102px;
  }
  .petr_p__y--102--md {
    padding-bottom: 102px;
    padding-top: 102px;
  }
  .petr_m__l--108--md {
    margin-left: 108px;
  }
  .petr_m__t--108--md {
    margin-top: 108px;
  }
  .petr_m__r--108--md {
    margin-right: 108px;
  }
  .petr_m__b--108--md {
    margin-bottom: 108px;
  }
  .petr_m__x--108--md {
    margin-right: 108px;
    margin-left: 108px;
  }
  .petr_m__y--108--md {
    margin-bottom: 108px;
    margin-top: 108px;
  }
  .petr_p__l--108--md {
    padding-left: 108px;
  }
  .petr_p__t--108--md {
    padding-top: 108px;
  }
  .petr_p__r--108--md {
    padding-right: 108px;
  }
  .petr_p__b--108--md {
    padding-bottom: 108px;
  }
  .petr_p__x--108--md {
    padding-right: 108px;
    padding-left: 108px;
  }
  .petr_p__y--108--md {
    padding-bottom: 108px;
    padding-top: 108px;
  }
  .petr_m__l--114--md {
    margin-left: 114px;
  }
  .petr_m__t--114--md {
    margin-top: 114px;
  }
  .petr_m__r--114--md {
    margin-right: 114px;
  }
  .petr_m__b--114--md {
    margin-bottom: 114px;
  }
  .petr_m__x--114--md {
    margin-right: 114px;
    margin-left: 114px;
  }
  .petr_m__y--114--md {
    margin-bottom: 114px;
    margin-top: 114px;
  }
  .petr_p__l--114--md {
    padding-left: 114px;
  }
  .petr_p__t--114--md {
    padding-top: 114px;
  }
  .petr_p__r--114--md {
    padding-right: 114px;
  }
  .petr_p__b--114--md {
    padding-bottom: 114px;
  }
  .petr_p__x--114--md {
    padding-right: 114px;
    padding-left: 114px;
  }
  .petr_p__y--114--md {
    padding-bottom: 114px;
    padding-top: 114px;
  }
  .petr_m__l--120--md {
    margin-left: 120px;
  }
  .petr_m__t--120--md {
    margin-top: 120px;
  }
  .petr_m__r--120--md {
    margin-right: 120px;
  }
  .petr_m__b--120--md {
    margin-bottom: 120px;
  }
  .petr_m__x--120--md {
    margin-right: 120px;
    margin-left: 120px;
  }
  .petr_m__y--120--md {
    margin-bottom: 120px;
    margin-top: 120px;
  }
  .petr_p__l--120--md {
    padding-left: 120px;
  }
  .petr_p__t--120--md {
    padding-top: 120px;
  }
  .petr_p__r--120--md {
    padding-right: 120px;
  }
  .petr_p__b--120--md {
    padding-bottom: 120px;
  }
  .petr_p__x--120--md {
    padding-right: 120px;
    padding-left: 120px;
  }
  .petr_p__y--120--md {
    padding-bottom: 120px;
    padding-top: 120px;
  }
  .petr_m__0_auto--md {
    margin: 0 auto !important;
  }
}
@media (min-width: 1280px) {
  .petr_m__l--0--lg {
    margin-left: 0px;
  }
  .petr_m__t--0--lg {
    margin-top: 0px;
  }
  .petr_m__r--0--lg {
    margin-right: 0px;
  }
  .petr_m__b--0--lg {
    margin-bottom: 0px;
  }
  .petr_m__x--0--lg {
    margin-right: 0px;
    margin-left: 0px;
  }
  .petr_m__y--0--lg {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .petr_p__l--0--lg {
    padding-left: 0px;
  }
  .petr_p__t--0--lg {
    padding-top: 0px;
  }
  .petr_p__r--0--lg {
    padding-right: 0px;
  }
  .petr_p__b--0--lg {
    padding-bottom: 0px;
  }
  .petr_p__x--0--lg {
    padding-right: 0px;
    padding-left: 0px;
  }
  .petr_p__y--0--lg {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .petr_m__l--6--lg {
    margin-left: 6px;
  }
  .petr_m__t--6--lg {
    margin-top: 6px;
  }
  .petr_m__r--6--lg {
    margin-right: 6px;
  }
  .petr_m__b--6--lg {
    margin-bottom: 6px;
  }
  .petr_m__x--6--lg {
    margin-right: 6px;
    margin-left: 6px;
  }
  .petr_m__y--6--lg {
    margin-bottom: 6px;
    margin-top: 6px;
  }
  .petr_p__l--6--lg {
    padding-left: 6px;
  }
  .petr_p__t--6--lg {
    padding-top: 6px;
  }
  .petr_p__r--6--lg {
    padding-right: 6px;
  }
  .petr_p__b--6--lg {
    padding-bottom: 6px;
  }
  .petr_p__x--6--lg {
    padding-right: 6px;
    padding-left: 6px;
  }
  .petr_p__y--6--lg {
    padding-bottom: 6px;
    padding-top: 6px;
  }
  .petr_m__l--12--lg {
    margin-left: 12px;
  }
  .petr_m__t--12--lg {
    margin-top: 12px;
  }
  .petr_m__r--12--lg {
    margin-right: 12px;
  }
  .petr_m__b--12--lg {
    margin-bottom: 12px;
  }
  .petr_m__x--12--lg {
    margin-right: 12px;
    margin-left: 12px;
  }
  .petr_m__y--12--lg {
    margin-bottom: 12px;
    margin-top: 12px;
  }
  .petr_p__l--12--lg {
    padding-left: 12px;
  }
  .petr_p__t--12--lg {
    padding-top: 12px;
  }
  .petr_p__r--12--lg {
    padding-right: 12px;
  }
  .petr_p__b--12--lg {
    padding-bottom: 12px;
  }
  .petr_p__x--12--lg {
    padding-right: 12px;
    padding-left: 12px;
  }
  .petr_p__y--12--lg {
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .petr_m__l--18--lg {
    margin-left: 18px;
  }
  .petr_m__t--18--lg {
    margin-top: 18px;
  }
  .petr_m__r--18--lg {
    margin-right: 18px;
  }
  .petr_m__b--18--lg {
    margin-bottom: 18px;
  }
  .petr_m__x--18--lg {
    margin-right: 18px;
    margin-left: 18px;
  }
  .petr_m__y--18--lg {
    margin-bottom: 18px;
    margin-top: 18px;
  }
  .petr_p__l--18--lg {
    padding-left: 18px;
  }
  .petr_p__t--18--lg {
    padding-top: 18px;
  }
  .petr_p__r--18--lg {
    padding-right: 18px;
  }
  .petr_p__b--18--lg {
    padding-bottom: 18px;
  }
  .petr_p__x--18--lg {
    padding-right: 18px;
    padding-left: 18px;
  }
  .petr_p__y--18--lg {
    padding-bottom: 18px;
    padding-top: 18px;
  }
  .petr_m__l--24--lg {
    margin-left: 24px;
  }
  .petr_m__t--24--lg {
    margin-top: 24px;
  }
  .petr_m__r--24--lg {
    margin-right: 24px;
  }
  .petr_m__b--24--lg {
    margin-bottom: 24px;
  }
  .petr_m__x--24--lg {
    margin-right: 24px;
    margin-left: 24px;
  }
  .petr_m__y--24--lg {
    margin-bottom: 24px;
    margin-top: 24px;
  }
  .petr_p__l--24--lg {
    padding-left: 24px;
  }
  .petr_p__t--24--lg {
    padding-top: 24px;
  }
  .petr_p__r--24--lg {
    padding-right: 24px;
  }
  .petr_p__b--24--lg {
    padding-bottom: 24px;
  }
  .petr_p__x--24--lg {
    padding-right: 24px;
    padding-left: 24px;
  }
  .petr_p__y--24--lg {
    padding-bottom: 24px;
    padding-top: 24px;
  }
  .petr_m__l--30--lg {
    margin-left: 30px;
  }
  .petr_m__t--30--lg {
    margin-top: 30px;
  }
  .petr_m__r--30--lg {
    margin-right: 30px;
  }
  .petr_m__b--30--lg {
    margin-bottom: 30px;
  }
  .petr_m__x--30--lg {
    margin-right: 30px;
    margin-left: 30px;
  }
  .petr_m__y--30--lg {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .petr_p__l--30--lg {
    padding-left: 30px;
  }
  .petr_p__t--30--lg {
    padding-top: 30px;
  }
  .petr_p__r--30--lg {
    padding-right: 30px;
  }
  .petr_p__b--30--lg {
    padding-bottom: 30px;
  }
  .petr_p__x--30--lg {
    padding-right: 30px;
    padding-left: 30px;
  }
  .petr_p__y--30--lg {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .petr_m__l--36--lg {
    margin-left: 36px;
  }
  .petr_m__t--36--lg {
    margin-top: 36px;
  }
  .petr_m__r--36--lg {
    margin-right: 36px;
  }
  .petr_m__b--36--lg {
    margin-bottom: 36px;
  }
  .petr_m__x--36--lg {
    margin-right: 36px;
    margin-left: 36px;
  }
  .petr_m__y--36--lg {
    margin-bottom: 36px;
    margin-top: 36px;
  }
  .petr_p__l--36--lg {
    padding-left: 36px;
  }
  .petr_p__t--36--lg {
    padding-top: 36px;
  }
  .petr_p__r--36--lg {
    padding-right: 36px;
  }
  .petr_p__b--36--lg {
    padding-bottom: 36px;
  }
  .petr_p__x--36--lg {
    padding-right: 36px;
    padding-left: 36px;
  }
  .petr_p__y--36--lg {
    padding-bottom: 36px;
    padding-top: 36px;
  }
  .petr_m__l--42--lg {
    margin-left: 42px;
  }
  .petr_m__t--42--lg {
    margin-top: 42px;
  }
  .petr_m__r--42--lg {
    margin-right: 42px;
  }
  .petr_m__b--42--lg {
    margin-bottom: 42px;
  }
  .petr_m__x--42--lg {
    margin-right: 42px;
    margin-left: 42px;
  }
  .petr_m__y--42--lg {
    margin-bottom: 42px;
    margin-top: 42px;
  }
  .petr_p__l--42--lg {
    padding-left: 42px;
  }
  .petr_p__t--42--lg {
    padding-top: 42px;
  }
  .petr_p__r--42--lg {
    padding-right: 42px;
  }
  .petr_p__b--42--lg {
    padding-bottom: 42px;
  }
  .petr_p__x--42--lg {
    padding-right: 42px;
    padding-left: 42px;
  }
  .petr_p__y--42--lg {
    padding-bottom: 42px;
    padding-top: 42px;
  }
  .petr_m__l--48--lg {
    margin-left: 48px;
  }
  .petr_m__t--48--lg {
    margin-top: 48px;
  }
  .petr_m__r--48--lg {
    margin-right: 48px;
  }
  .petr_m__b--48--lg {
    margin-bottom: 48px;
  }
  .petr_m__x--48--lg {
    margin-right: 48px;
    margin-left: 48px;
  }
  .petr_m__y--48--lg {
    margin-bottom: 48px;
    margin-top: 48px;
  }
  .petr_p__l--48--lg {
    padding-left: 48px;
  }
  .petr_p__t--48--lg {
    padding-top: 48px;
  }
  .petr_p__r--48--lg {
    padding-right: 48px;
  }
  .petr_p__b--48--lg {
    padding-bottom: 48px;
  }
  .petr_p__x--48--lg {
    padding-right: 48px;
    padding-left: 48px;
  }
  .petr_p__y--48--lg {
    padding-bottom: 48px;
    padding-top: 48px;
  }
  .petr_m__l--54--lg {
    margin-left: 54px;
  }
  .petr_m__t--54--lg {
    margin-top: 54px;
  }
  .petr_m__r--54--lg {
    margin-right: 54px;
  }
  .petr_m__b--54--lg {
    margin-bottom: 54px;
  }
  .petr_m__x--54--lg {
    margin-right: 54px;
    margin-left: 54px;
  }
  .petr_m__y--54--lg {
    margin-bottom: 54px;
    margin-top: 54px;
  }
  .petr_p__l--54--lg {
    padding-left: 54px;
  }
  .petr_p__t--54--lg {
    padding-top: 54px;
  }
  .petr_p__r--54--lg {
    padding-right: 54px;
  }
  .petr_p__b--54--lg {
    padding-bottom: 54px;
  }
  .petr_p__x--54--lg {
    padding-right: 54px;
    padding-left: 54px;
  }
  .petr_p__y--54--lg {
    padding-bottom: 54px;
    padding-top: 54px;
  }
  .petr_m__l--60--lg {
    margin-left: 60px;
  }
  .petr_m__t--60--lg {
    margin-top: 60px;
  }
  .petr_m__r--60--lg {
    margin-right: 60px;
  }
  .petr_m__b--60--lg {
    margin-bottom: 60px;
  }
  .petr_m__x--60--lg {
    margin-right: 60px;
    margin-left: 60px;
  }
  .petr_m__y--60--lg {
    margin-bottom: 60px;
    margin-top: 60px;
  }
  .petr_p__l--60--lg {
    padding-left: 60px;
  }
  .petr_p__t--60--lg {
    padding-top: 60px;
  }
  .petr_p__r--60--lg {
    padding-right: 60px;
  }
  .petr_p__b--60--lg {
    padding-bottom: 60px;
  }
  .petr_p__x--60--lg {
    padding-right: 60px;
    padding-left: 60px;
  }
  .petr_p__y--60--lg {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .petr_m__l--66--lg {
    margin-left: 66px;
  }
  .petr_m__t--66--lg {
    margin-top: 66px;
  }
  .petr_m__r--66--lg {
    margin-right: 66px;
  }
  .petr_m__b--66--lg {
    margin-bottom: 66px;
  }
  .petr_m__x--66--lg {
    margin-right: 66px;
    margin-left: 66px;
  }
  .petr_m__y--66--lg {
    margin-bottom: 66px;
    margin-top: 66px;
  }
  .petr_p__l--66--lg {
    padding-left: 66px;
  }
  .petr_p__t--66--lg {
    padding-top: 66px;
  }
  .petr_p__r--66--lg {
    padding-right: 66px;
  }
  .petr_p__b--66--lg {
    padding-bottom: 66px;
  }
  .petr_p__x--66--lg {
    padding-right: 66px;
    padding-left: 66px;
  }
  .petr_p__y--66--lg {
    padding-bottom: 66px;
    padding-top: 66px;
  }
  .petr_m__l--72--lg {
    margin-left: 72px;
  }
  .petr_m__t--72--lg {
    margin-top: 72px;
  }
  .petr_m__r--72--lg {
    margin-right: 72px;
  }
  .petr_m__b--72--lg {
    margin-bottom: 72px;
  }
  .petr_m__x--72--lg {
    margin-right: 72px;
    margin-left: 72px;
  }
  .petr_m__y--72--lg {
    margin-bottom: 72px;
    margin-top: 72px;
  }
  .petr_p__l--72--lg {
    padding-left: 72px;
  }
  .petr_p__t--72--lg {
    padding-top: 72px;
  }
  .petr_p__r--72--lg {
    padding-right: 72px;
  }
  .petr_p__b--72--lg {
    padding-bottom: 72px;
  }
  .petr_p__x--72--lg {
    padding-right: 72px;
    padding-left: 72px;
  }
  .petr_p__y--72--lg {
    padding-bottom: 72px;
    padding-top: 72px;
  }
  .petr_m__l--78--lg {
    margin-left: 78px;
  }
  .petr_m__t--78--lg {
    margin-top: 78px;
  }
  .petr_m__r--78--lg {
    margin-right: 78px;
  }
  .petr_m__b--78--lg {
    margin-bottom: 78px;
  }
  .petr_m__x--78--lg {
    margin-right: 78px;
    margin-left: 78px;
  }
  .petr_m__y--78--lg {
    margin-bottom: 78px;
    margin-top: 78px;
  }
  .petr_p__l--78--lg {
    padding-left: 78px;
  }
  .petr_p__t--78--lg {
    padding-top: 78px;
  }
  .petr_p__r--78--lg {
    padding-right: 78px;
  }
  .petr_p__b--78--lg {
    padding-bottom: 78px;
  }
  .petr_p__x--78--lg {
    padding-right: 78px;
    padding-left: 78px;
  }
  .petr_p__y--78--lg {
    padding-bottom: 78px;
    padding-top: 78px;
  }
  .petr_m__l--84--lg {
    margin-left: 84px;
  }
  .petr_m__t--84--lg {
    margin-top: 84px;
  }
  .petr_m__r--84--lg {
    margin-right: 84px;
  }
  .petr_m__b--84--lg {
    margin-bottom: 84px;
  }
  .petr_m__x--84--lg {
    margin-right: 84px;
    margin-left: 84px;
  }
  .petr_m__y--84--lg {
    margin-bottom: 84px;
    margin-top: 84px;
  }
  .petr_p__l--84--lg {
    padding-left: 84px;
  }
  .petr_p__t--84--lg {
    padding-top: 84px;
  }
  .petr_p__r--84--lg {
    padding-right: 84px;
  }
  .petr_p__b--84--lg {
    padding-bottom: 84px;
  }
  .petr_p__x--84--lg {
    padding-right: 84px;
    padding-left: 84px;
  }
  .petr_p__y--84--lg {
    padding-bottom: 84px;
    padding-top: 84px;
  }
  .petr_m__l--90--lg {
    margin-left: 90px;
  }
  .petr_m__t--90--lg {
    margin-top: 90px;
  }
  .petr_m__r--90--lg {
    margin-right: 90px;
  }
  .petr_m__b--90--lg {
    margin-bottom: 90px;
  }
  .petr_m__x--90--lg {
    margin-right: 90px;
    margin-left: 90px;
  }
  .petr_m__y--90--lg {
    margin-bottom: 90px;
    margin-top: 90px;
  }
  .petr_p__l--90--lg {
    padding-left: 90px;
  }
  .petr_p__t--90--lg {
    padding-top: 90px;
  }
  .petr_p__r--90--lg {
    padding-right: 90px;
  }
  .petr_p__b--90--lg {
    padding-bottom: 90px;
  }
  .petr_p__x--90--lg {
    padding-right: 90px;
    padding-left: 90px;
  }
  .petr_p__y--90--lg {
    padding-bottom: 90px;
    padding-top: 90px;
  }
  .petr_m__l--96--lg {
    margin-left: 96px;
  }
  .petr_m__t--96--lg {
    margin-top: 96px;
  }
  .petr_m__r--96--lg {
    margin-right: 96px;
  }
  .petr_m__b--96--lg {
    margin-bottom: 96px;
  }
  .petr_m__x--96--lg {
    margin-right: 96px;
    margin-left: 96px;
  }
  .petr_m__y--96--lg {
    margin-bottom: 96px;
    margin-top: 96px;
  }
  .petr_p__l--96--lg {
    padding-left: 96px;
  }
  .petr_p__t--96--lg {
    padding-top: 96px;
  }
  .petr_p__r--96--lg {
    padding-right: 96px;
  }
  .petr_p__b--96--lg {
    padding-bottom: 96px;
  }
  .petr_p__x--96--lg {
    padding-right: 96px;
    padding-left: 96px;
  }
  .petr_p__y--96--lg {
    padding-bottom: 96px;
    padding-top: 96px;
  }
  .petr_m__l--102--lg {
    margin-left: 102px;
  }
  .petr_m__t--102--lg {
    margin-top: 102px;
  }
  .petr_m__r--102--lg {
    margin-right: 102px;
  }
  .petr_m__b--102--lg {
    margin-bottom: 102px;
  }
  .petr_m__x--102--lg {
    margin-right: 102px;
    margin-left: 102px;
  }
  .petr_m__y--102--lg {
    margin-bottom: 102px;
    margin-top: 102px;
  }
  .petr_p__l--102--lg {
    padding-left: 102px;
  }
  .petr_p__t--102--lg {
    padding-top: 102px;
  }
  .petr_p__r--102--lg {
    padding-right: 102px;
  }
  .petr_p__b--102--lg {
    padding-bottom: 102px;
  }
  .petr_p__x--102--lg {
    padding-right: 102px;
    padding-left: 102px;
  }
  .petr_p__y--102--lg {
    padding-bottom: 102px;
    padding-top: 102px;
  }
  .petr_m__l--108--lg {
    margin-left: 108px;
  }
  .petr_m__t--108--lg {
    margin-top: 108px;
  }
  .petr_m__r--108--lg {
    margin-right: 108px;
  }
  .petr_m__b--108--lg {
    margin-bottom: 108px;
  }
  .petr_m__x--108--lg {
    margin-right: 108px;
    margin-left: 108px;
  }
  .petr_m__y--108--lg {
    margin-bottom: 108px;
    margin-top: 108px;
  }
  .petr_p__l--108--lg {
    padding-left: 108px;
  }
  .petr_p__t--108--lg {
    padding-top: 108px;
  }
  .petr_p__r--108--lg {
    padding-right: 108px;
  }
  .petr_p__b--108--lg {
    padding-bottom: 108px;
  }
  .petr_p__x--108--lg {
    padding-right: 108px;
    padding-left: 108px;
  }
  .petr_p__y--108--lg {
    padding-bottom: 108px;
    padding-top: 108px;
  }
  .petr_m__l--114--lg {
    margin-left: 114px;
  }
  .petr_m__t--114--lg {
    margin-top: 114px;
  }
  .petr_m__r--114--lg {
    margin-right: 114px;
  }
  .petr_m__b--114--lg {
    margin-bottom: 114px;
  }
  .petr_m__x--114--lg {
    margin-right: 114px;
    margin-left: 114px;
  }
  .petr_m__y--114--lg {
    margin-bottom: 114px;
    margin-top: 114px;
  }
  .petr_p__l--114--lg {
    padding-left: 114px;
  }
  .petr_p__t--114--lg {
    padding-top: 114px;
  }
  .petr_p__r--114--lg {
    padding-right: 114px;
  }
  .petr_p__b--114--lg {
    padding-bottom: 114px;
  }
  .petr_p__x--114--lg {
    padding-right: 114px;
    padding-left: 114px;
  }
  .petr_p__y--114--lg {
    padding-bottom: 114px;
    padding-top: 114px;
  }
  .petr_m__l--120--lg {
    margin-left: 120px;
  }
  .petr_m__t--120--lg {
    margin-top: 120px;
  }
  .petr_m__r--120--lg {
    margin-right: 120px;
  }
  .petr_m__b--120--lg {
    margin-bottom: 120px;
  }
  .petr_m__x--120--lg {
    margin-right: 120px;
    margin-left: 120px;
  }
  .petr_m__y--120--lg {
    margin-bottom: 120px;
    margin-top: 120px;
  }
  .petr_p__l--120--lg {
    padding-left: 120px;
  }
  .petr_p__t--120--lg {
    padding-top: 120px;
  }
  .petr_p__r--120--lg {
    padding-right: 120px;
  }
  .petr_p__b--120--lg {
    padding-bottom: 120px;
  }
  .petr_p__x--120--lg {
    padding-right: 120px;
    padding-left: 120px;
  }
  .petr_p__y--120--lg {
    padding-bottom: 120px;
    padding-top: 120px;
  }
  .petr_m__0_auto--lg {
    margin: 0 auto !important;
  }
}
@media (min-width: 1920px) {
  .petr_m__l--0--xl {
    margin-left: 0px;
  }
  .petr_m__t--0--xl {
    margin-top: 0px;
  }
  .petr_m__r--0--xl {
    margin-right: 0px;
  }
  .petr_m__b--0--xl {
    margin-bottom: 0px;
  }
  .petr_m__x--0--xl {
    margin-right: 0px;
    margin-left: 0px;
  }
  .petr_m__y--0--xl {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  .petr_p__l--0--xl {
    padding-left: 0px;
  }
  .petr_p__t--0--xl {
    padding-top: 0px;
  }
  .petr_p__r--0--xl {
    padding-right: 0px;
  }
  .petr_p__b--0--xl {
    padding-bottom: 0px;
  }
  .petr_p__x--0--xl {
    padding-right: 0px;
    padding-left: 0px;
  }
  .petr_p__y--0--xl {
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .petr_m__l--6--xl {
    margin-left: 6px;
  }
  .petr_m__t--6--xl {
    margin-top: 6px;
  }
  .petr_m__r--6--xl {
    margin-right: 6px;
  }
  .petr_m__b--6--xl {
    margin-bottom: 6px;
  }
  .petr_m__x--6--xl {
    margin-right: 6px;
    margin-left: 6px;
  }
  .petr_m__y--6--xl {
    margin-bottom: 6px;
    margin-top: 6px;
  }
  .petr_p__l--6--xl {
    padding-left: 6px;
  }
  .petr_p__t--6--xl {
    padding-top: 6px;
  }
  .petr_p__r--6--xl {
    padding-right: 6px;
  }
  .petr_p__b--6--xl {
    padding-bottom: 6px;
  }
  .petr_p__x--6--xl {
    padding-right: 6px;
    padding-left: 6px;
  }
  .petr_p__y--6--xl {
    padding-bottom: 6px;
    padding-top: 6px;
  }
  .petr_m__l--12--xl {
    margin-left: 12px;
  }
  .petr_m__t--12--xl {
    margin-top: 12px;
  }
  .petr_m__r--12--xl {
    margin-right: 12px;
  }
  .petr_m__b--12--xl {
    margin-bottom: 12px;
  }
  .petr_m__x--12--xl {
    margin-right: 12px;
    margin-left: 12px;
  }
  .petr_m__y--12--xl {
    margin-bottom: 12px;
    margin-top: 12px;
  }
  .petr_p__l--12--xl {
    padding-left: 12px;
  }
  .petr_p__t--12--xl {
    padding-top: 12px;
  }
  .petr_p__r--12--xl {
    padding-right: 12px;
  }
  .petr_p__b--12--xl {
    padding-bottom: 12px;
  }
  .petr_p__x--12--xl {
    padding-right: 12px;
    padding-left: 12px;
  }
  .petr_p__y--12--xl {
    padding-bottom: 12px;
    padding-top: 12px;
  }
  .petr_m__l--18--xl {
    margin-left: 18px;
  }
  .petr_m__t--18--xl {
    margin-top: 18px;
  }
  .petr_m__r--18--xl {
    margin-right: 18px;
  }
  .petr_m__b--18--xl {
    margin-bottom: 18px;
  }
  .petr_m__x--18--xl {
    margin-right: 18px;
    margin-left: 18px;
  }
  .petr_m__y--18--xl {
    margin-bottom: 18px;
    margin-top: 18px;
  }
  .petr_p__l--18--xl {
    padding-left: 18px;
  }
  .petr_p__t--18--xl {
    padding-top: 18px;
  }
  .petr_p__r--18--xl {
    padding-right: 18px;
  }
  .petr_p__b--18--xl {
    padding-bottom: 18px;
  }
  .petr_p__x--18--xl {
    padding-right: 18px;
    padding-left: 18px;
  }
  .petr_p__y--18--xl {
    padding-bottom: 18px;
    padding-top: 18px;
  }
  .petr_m__l--24--xl {
    margin-left: 24px;
  }
  .petr_m__t--24--xl {
    margin-top: 24px;
  }
  .petr_m__r--24--xl {
    margin-right: 24px;
  }
  .petr_m__b--24--xl {
    margin-bottom: 24px;
  }
  .petr_m__x--24--xl {
    margin-right: 24px;
    margin-left: 24px;
  }
  .petr_m__y--24--xl {
    margin-bottom: 24px;
    margin-top: 24px;
  }
  .petr_p__l--24--xl {
    padding-left: 24px;
  }
  .petr_p__t--24--xl {
    padding-top: 24px;
  }
  .petr_p__r--24--xl {
    padding-right: 24px;
  }
  .petr_p__b--24--xl {
    padding-bottom: 24px;
  }
  .petr_p__x--24--xl {
    padding-right: 24px;
    padding-left: 24px;
  }
  .petr_p__y--24--xl {
    padding-bottom: 24px;
    padding-top: 24px;
  }
  .petr_m__l--30--xl {
    margin-left: 30px;
  }
  .petr_m__t--30--xl {
    margin-top: 30px;
  }
  .petr_m__r--30--xl {
    margin-right: 30px;
  }
  .petr_m__b--30--xl {
    margin-bottom: 30px;
  }
  .petr_m__x--30--xl {
    margin-right: 30px;
    margin-left: 30px;
  }
  .petr_m__y--30--xl {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  .petr_p__l--30--xl {
    padding-left: 30px;
  }
  .petr_p__t--30--xl {
    padding-top: 30px;
  }
  .petr_p__r--30--xl {
    padding-right: 30px;
  }
  .petr_p__b--30--xl {
    padding-bottom: 30px;
  }
  .petr_p__x--30--xl {
    padding-right: 30px;
    padding-left: 30px;
  }
  .petr_p__y--30--xl {
    padding-bottom: 30px;
    padding-top: 30px;
  }
  .petr_m__l--36--xl {
    margin-left: 36px;
  }
  .petr_m__t--36--xl {
    margin-top: 36px;
  }
  .petr_m__r--36--xl {
    margin-right: 36px;
  }
  .petr_m__b--36--xl {
    margin-bottom: 36px;
  }
  .petr_m__x--36--xl {
    margin-right: 36px;
    margin-left: 36px;
  }
  .petr_m__y--36--xl {
    margin-bottom: 36px;
    margin-top: 36px;
  }
  .petr_p__l--36--xl {
    padding-left: 36px;
  }
  .petr_p__t--36--xl {
    padding-top: 36px;
  }
  .petr_p__r--36--xl {
    padding-right: 36px;
  }
  .petr_p__b--36--xl {
    padding-bottom: 36px;
  }
  .petr_p__x--36--xl {
    padding-right: 36px;
    padding-left: 36px;
  }
  .petr_p__y--36--xl {
    padding-bottom: 36px;
    padding-top: 36px;
  }
  .petr_m__l--42--xl {
    margin-left: 42px;
  }
  .petr_m__t--42--xl {
    margin-top: 42px;
  }
  .petr_m__r--42--xl {
    margin-right: 42px;
  }
  .petr_m__b--42--xl {
    margin-bottom: 42px;
  }
  .petr_m__x--42--xl {
    margin-right: 42px;
    margin-left: 42px;
  }
  .petr_m__y--42--xl {
    margin-bottom: 42px;
    margin-top: 42px;
  }
  .petr_p__l--42--xl {
    padding-left: 42px;
  }
  .petr_p__t--42--xl {
    padding-top: 42px;
  }
  .petr_p__r--42--xl {
    padding-right: 42px;
  }
  .petr_p__b--42--xl {
    padding-bottom: 42px;
  }
  .petr_p__x--42--xl {
    padding-right: 42px;
    padding-left: 42px;
  }
  .petr_p__y--42--xl {
    padding-bottom: 42px;
    padding-top: 42px;
  }
  .petr_m__l--48--xl {
    margin-left: 48px;
  }
  .petr_m__t--48--xl {
    margin-top: 48px;
  }
  .petr_m__r--48--xl {
    margin-right: 48px;
  }
  .petr_m__b--48--xl {
    margin-bottom: 48px;
  }
  .petr_m__x--48--xl {
    margin-right: 48px;
    margin-left: 48px;
  }
  .petr_m__y--48--xl {
    margin-bottom: 48px;
    margin-top: 48px;
  }
  .petr_p__l--48--xl {
    padding-left: 48px;
  }
  .petr_p__t--48--xl {
    padding-top: 48px;
  }
  .petr_p__r--48--xl {
    padding-right: 48px;
  }
  .petr_p__b--48--xl {
    padding-bottom: 48px;
  }
  .petr_p__x--48--xl {
    padding-right: 48px;
    padding-left: 48px;
  }
  .petr_p__y--48--xl {
    padding-bottom: 48px;
    padding-top: 48px;
  }
  .petr_m__l--54--xl {
    margin-left: 54px;
  }
  .petr_m__t--54--xl {
    margin-top: 54px;
  }
  .petr_m__r--54--xl {
    margin-right: 54px;
  }
  .petr_m__b--54--xl {
    margin-bottom: 54px;
  }
  .petr_m__x--54--xl {
    margin-right: 54px;
    margin-left: 54px;
  }
  .petr_m__y--54--xl {
    margin-bottom: 54px;
    margin-top: 54px;
  }
  .petr_p__l--54--xl {
    padding-left: 54px;
  }
  .petr_p__t--54--xl {
    padding-top: 54px;
  }
  .petr_p__r--54--xl {
    padding-right: 54px;
  }
  .petr_p__b--54--xl {
    padding-bottom: 54px;
  }
  .petr_p__x--54--xl {
    padding-right: 54px;
    padding-left: 54px;
  }
  .petr_p__y--54--xl {
    padding-bottom: 54px;
    padding-top: 54px;
  }
  .petr_m__l--60--xl {
    margin-left: 60px;
  }
  .petr_m__t--60--xl {
    margin-top: 60px;
  }
  .petr_m__r--60--xl {
    margin-right: 60px;
  }
  .petr_m__b--60--xl {
    margin-bottom: 60px;
  }
  .petr_m__x--60--xl {
    margin-right: 60px;
    margin-left: 60px;
  }
  .petr_m__y--60--xl {
    margin-bottom: 60px;
    margin-top: 60px;
  }
  .petr_p__l--60--xl {
    padding-left: 60px;
  }
  .petr_p__t--60--xl {
    padding-top: 60px;
  }
  .petr_p__r--60--xl {
    padding-right: 60px;
  }
  .petr_p__b--60--xl {
    padding-bottom: 60px;
  }
  .petr_p__x--60--xl {
    padding-right: 60px;
    padding-left: 60px;
  }
  .petr_p__y--60--xl {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .petr_m__l--66--xl {
    margin-left: 66px;
  }
  .petr_m__t--66--xl {
    margin-top: 66px;
  }
  .petr_m__r--66--xl {
    margin-right: 66px;
  }
  .petr_m__b--66--xl {
    margin-bottom: 66px;
  }
  .petr_m__x--66--xl {
    margin-right: 66px;
    margin-left: 66px;
  }
  .petr_m__y--66--xl {
    margin-bottom: 66px;
    margin-top: 66px;
  }
  .petr_p__l--66--xl {
    padding-left: 66px;
  }
  .petr_p__t--66--xl {
    padding-top: 66px;
  }
  .petr_p__r--66--xl {
    padding-right: 66px;
  }
  .petr_p__b--66--xl {
    padding-bottom: 66px;
  }
  .petr_p__x--66--xl {
    padding-right: 66px;
    padding-left: 66px;
  }
  .petr_p__y--66--xl {
    padding-bottom: 66px;
    padding-top: 66px;
  }
  .petr_m__l--72--xl {
    margin-left: 72px;
  }
  .petr_m__t--72--xl {
    margin-top: 72px;
  }
  .petr_m__r--72--xl {
    margin-right: 72px;
  }
  .petr_m__b--72--xl {
    margin-bottom: 72px;
  }
  .petr_m__x--72--xl {
    margin-right: 72px;
    margin-left: 72px;
  }
  .petr_m__y--72--xl {
    margin-bottom: 72px;
    margin-top: 72px;
  }
  .petr_p__l--72--xl {
    padding-left: 72px;
  }
  .petr_p__t--72--xl {
    padding-top: 72px;
  }
  .petr_p__r--72--xl {
    padding-right: 72px;
  }
  .petr_p__b--72--xl {
    padding-bottom: 72px;
  }
  .petr_p__x--72--xl {
    padding-right: 72px;
    padding-left: 72px;
  }
  .petr_p__y--72--xl {
    padding-bottom: 72px;
    padding-top: 72px;
  }
  .petr_m__l--78--xl {
    margin-left: 78px;
  }
  .petr_m__t--78--xl {
    margin-top: 78px;
  }
  .petr_m__r--78--xl {
    margin-right: 78px;
  }
  .petr_m__b--78--xl {
    margin-bottom: 78px;
  }
  .petr_m__x--78--xl {
    margin-right: 78px;
    margin-left: 78px;
  }
  .petr_m__y--78--xl {
    margin-bottom: 78px;
    margin-top: 78px;
  }
  .petr_p__l--78--xl {
    padding-left: 78px;
  }
  .petr_p__t--78--xl {
    padding-top: 78px;
  }
  .petr_p__r--78--xl {
    padding-right: 78px;
  }
  .petr_p__b--78--xl {
    padding-bottom: 78px;
  }
  .petr_p__x--78--xl {
    padding-right: 78px;
    padding-left: 78px;
  }
  .petr_p__y--78--xl {
    padding-bottom: 78px;
    padding-top: 78px;
  }
  .petr_m__l--84--xl {
    margin-left: 84px;
  }
  .petr_m__t--84--xl {
    margin-top: 84px;
  }
  .petr_m__r--84--xl {
    margin-right: 84px;
  }
  .petr_m__b--84--xl {
    margin-bottom: 84px;
  }
  .petr_m__x--84--xl {
    margin-right: 84px;
    margin-left: 84px;
  }
  .petr_m__y--84--xl {
    margin-bottom: 84px;
    margin-top: 84px;
  }
  .petr_p__l--84--xl {
    padding-left: 84px;
  }
  .petr_p__t--84--xl {
    padding-top: 84px;
  }
  .petr_p__r--84--xl {
    padding-right: 84px;
  }
  .petr_p__b--84--xl {
    padding-bottom: 84px;
  }
  .petr_p__x--84--xl {
    padding-right: 84px;
    padding-left: 84px;
  }
  .petr_p__y--84--xl {
    padding-bottom: 84px;
    padding-top: 84px;
  }
  .petr_m__l--90--xl {
    margin-left: 90px;
  }
  .petr_m__t--90--xl {
    margin-top: 90px;
  }
  .petr_m__r--90--xl {
    margin-right: 90px;
  }
  .petr_m__b--90--xl {
    margin-bottom: 90px;
  }
  .petr_m__x--90--xl {
    margin-right: 90px;
    margin-left: 90px;
  }
  .petr_m__y--90--xl {
    margin-bottom: 90px;
    margin-top: 90px;
  }
  .petr_p__l--90--xl {
    padding-left: 90px;
  }
  .petr_p__t--90--xl {
    padding-top: 90px;
  }
  .petr_p__r--90--xl {
    padding-right: 90px;
  }
  .petr_p__b--90--xl {
    padding-bottom: 90px;
  }
  .petr_p__x--90--xl {
    padding-right: 90px;
    padding-left: 90px;
  }
  .petr_p__y--90--xl {
    padding-bottom: 90px;
    padding-top: 90px;
  }
  .petr_m__l--96--xl {
    margin-left: 96px;
  }
  .petr_m__t--96--xl {
    margin-top: 96px;
  }
  .petr_m__r--96--xl {
    margin-right: 96px;
  }
  .petr_m__b--96--xl {
    margin-bottom: 96px;
  }
  .petr_m__x--96--xl {
    margin-right: 96px;
    margin-left: 96px;
  }
  .petr_m__y--96--xl {
    margin-bottom: 96px;
    margin-top: 96px;
  }
  .petr_p__l--96--xl {
    padding-left: 96px;
  }
  .petr_p__t--96--xl {
    padding-top: 96px;
  }
  .petr_p__r--96--xl {
    padding-right: 96px;
  }
  .petr_p__b--96--xl {
    padding-bottom: 96px;
  }
  .petr_p__x--96--xl {
    padding-right: 96px;
    padding-left: 96px;
  }
  .petr_p__y--96--xl {
    padding-bottom: 96px;
    padding-top: 96px;
  }
  .petr_m__l--102--xl {
    margin-left: 102px;
  }
  .petr_m__t--102--xl {
    margin-top: 102px;
  }
  .petr_m__r--102--xl {
    margin-right: 102px;
  }
  .petr_m__b--102--xl {
    margin-bottom: 102px;
  }
  .petr_m__x--102--xl {
    margin-right: 102px;
    margin-left: 102px;
  }
  .petr_m__y--102--xl {
    margin-bottom: 102px;
    margin-top: 102px;
  }
  .petr_p__l--102--xl {
    padding-left: 102px;
  }
  .petr_p__t--102--xl {
    padding-top: 102px;
  }
  .petr_p__r--102--xl {
    padding-right: 102px;
  }
  .petr_p__b--102--xl {
    padding-bottom: 102px;
  }
  .petr_p__x--102--xl {
    padding-right: 102px;
    padding-left: 102px;
  }
  .petr_p__y--102--xl {
    padding-bottom: 102px;
    padding-top: 102px;
  }
  .petr_m__l--108--xl {
    margin-left: 108px;
  }
  .petr_m__t--108--xl {
    margin-top: 108px;
  }
  .petr_m__r--108--xl {
    margin-right: 108px;
  }
  .petr_m__b--108--xl {
    margin-bottom: 108px;
  }
  .petr_m__x--108--xl {
    margin-right: 108px;
    margin-left: 108px;
  }
  .petr_m__y--108--xl {
    margin-bottom: 108px;
    margin-top: 108px;
  }
  .petr_p__l--108--xl {
    padding-left: 108px;
  }
  .petr_p__t--108--xl {
    padding-top: 108px;
  }
  .petr_p__r--108--xl {
    padding-right: 108px;
  }
  .petr_p__b--108--xl {
    padding-bottom: 108px;
  }
  .petr_p__x--108--xl {
    padding-right: 108px;
    padding-left: 108px;
  }
  .petr_p__y--108--xl {
    padding-bottom: 108px;
    padding-top: 108px;
  }
  .petr_m__l--114--xl {
    margin-left: 114px;
  }
  .petr_m__t--114--xl {
    margin-top: 114px;
  }
  .petr_m__r--114--xl {
    margin-right: 114px;
  }
  .petr_m__b--114--xl {
    margin-bottom: 114px;
  }
  .petr_m__x--114--xl {
    margin-right: 114px;
    margin-left: 114px;
  }
  .petr_m__y--114--xl {
    margin-bottom: 114px;
    margin-top: 114px;
  }
  .petr_p__l--114--xl {
    padding-left: 114px;
  }
  .petr_p__t--114--xl {
    padding-top: 114px;
  }
  .petr_p__r--114--xl {
    padding-right: 114px;
  }
  .petr_p__b--114--xl {
    padding-bottom: 114px;
  }
  .petr_p__x--114--xl {
    padding-right: 114px;
    padding-left: 114px;
  }
  .petr_p__y--114--xl {
    padding-bottom: 114px;
    padding-top: 114px;
  }
  .petr_m__l--120--xl {
    margin-left: 120px;
  }
  .petr_m__t--120--xl {
    margin-top: 120px;
  }
  .petr_m__r--120--xl {
    margin-right: 120px;
  }
  .petr_m__b--120--xl {
    margin-bottom: 120px;
  }
  .petr_m__x--120--xl {
    margin-right: 120px;
    margin-left: 120px;
  }
  .petr_m__y--120--xl {
    margin-bottom: 120px;
    margin-top: 120px;
  }
  .petr_p__l--120--xl {
    padding-left: 120px;
  }
  .petr_p__t--120--xl {
    padding-top: 120px;
  }
  .petr_p__r--120--xl {
    padding-right: 120px;
  }
  .petr_p__b--120--xl {
    padding-bottom: 120px;
  }
  .petr_p__x--120--xl {
    padding-right: 120px;
    padding-left: 120px;
  }
  .petr_p__y--120--xl {
    padding-bottom: 120px;
    padding-top: 120px;
  }
  .petr_m__0_auto--xl {
    margin: 0 auto !important;
  }
}
.petr_w--0 {
  width: 0%;
}

.petr_h--0 {
  height: 0%;
}

.petr_w--10 {
  width: 10%;
}

.petr_h--10 {
  height: 10%;
}

.petr_w--20 {
  width: 20%;
}

.petr_h--20 {
  height: 20%;
}

.petr_w--30 {
  width: 30%;
}

.petr_h--30 {
  height: 30%;
}

.petr_w--40 {
  width: 40%;
}

.petr_h--40 {
  height: 40%;
}

.petr_w--50 {
  width: 50%;
}

.petr_h--50 {
  height: 50%;
}

.petr_w--60 {
  width: 60%;
}

.petr_h--60 {
  height: 60%;
}

.petr_w--70 {
  width: 70%;
}

.petr_h--70 {
  height: 70%;
}

.petr_w--80 {
  width: 80%;
}

.petr_h--80 {
  height: 80%;
}

.petr_w--90 {
  width: 90%;
}

.petr_h--90 {
  height: 90%;
}

.petr_w--100 {
  width: 100%;
}

.petr_h--100 {
  height: 100%;
}

.petr_w--auto {
  width: auto !important;
}

@media (min-width: 530px) {
  .petr_w--0--xs {
    width: 0%;
  }
  .petr_h--0--xs {
    height: 0%;
  }
  .petr_w--10--xs {
    width: 10%;
  }
  .petr_h--10--xs {
    height: 10%;
  }
  .petr_w--20--xs {
    width: 20%;
  }
  .petr_h--20--xs {
    height: 20%;
  }
  .petr_w--30--xs {
    width: 30%;
  }
  .petr_h--30--xs {
    height: 30%;
  }
  .petr_w--40--xs {
    width: 40%;
  }
  .petr_h--40--xs {
    height: 40%;
  }
  .petr_w--50--xs {
    width: 50%;
  }
  .petr_h--50--xs {
    height: 50%;
  }
  .petr_w--60--xs {
    width: 60%;
  }
  .petr_h--60--xs {
    height: 60%;
  }
  .petr_w--70--xs {
    width: 70%;
  }
  .petr_h--70--xs {
    height: 70%;
  }
  .petr_w--80--xs {
    width: 80%;
  }
  .petr_h--80--xs {
    height: 80%;
  }
  .petr_w--90--xs {
    width: 90%;
  }
  .petr_h--90--xs {
    height: 90%;
  }
  .petr_w--100--xs {
    width: 100%;
  }
  .petr_h--100--xs {
    height: 100%;
  }
  .petr_w--auto--xs {
    width: auto !important;
  }
}
@media (min-width: 768px) {
  .petr_w--0--sm {
    width: 0%;
  }
  .petr_h--0--sm {
    height: 0%;
  }
  .petr_w--10--sm {
    width: 10%;
  }
  .petr_h--10--sm {
    height: 10%;
  }
  .petr_w--20--sm {
    width: 20%;
  }
  .petr_h--20--sm {
    height: 20%;
  }
  .petr_w--30--sm {
    width: 30%;
  }
  .petr_h--30--sm {
    height: 30%;
  }
  .petr_w--40--sm {
    width: 40%;
  }
  .petr_h--40--sm {
    height: 40%;
  }
  .petr_w--50--sm {
    width: 50%;
  }
  .petr_h--50--sm {
    height: 50%;
  }
  .petr_w--60--sm {
    width: 60%;
  }
  .petr_h--60--sm {
    height: 60%;
  }
  .petr_w--70--sm {
    width: 70%;
  }
  .petr_h--70--sm {
    height: 70%;
  }
  .petr_w--80--sm {
    width: 80%;
  }
  .petr_h--80--sm {
    height: 80%;
  }
  .petr_w--90--sm {
    width: 90%;
  }
  .petr_h--90--sm {
    height: 90%;
  }
  .petr_w--100--sm {
    width: 100%;
  }
  .petr_h--100--sm {
    height: 100%;
  }
  .petr_w--auto--sm {
    width: auto !important;
  }
}
@media (min-width: 960px) {
  .petr_w--0--md {
    width: 0%;
  }
  .petr_h--0--md {
    height: 0%;
  }
  .petr_w--10--md {
    width: 10%;
  }
  .petr_h--10--md {
    height: 10%;
  }
  .petr_w--20--md {
    width: 20%;
  }
  .petr_h--20--md {
    height: 20%;
  }
  .petr_w--30--md {
    width: 30%;
  }
  .petr_h--30--md {
    height: 30%;
  }
  .petr_w--40--md {
    width: 40%;
  }
  .petr_h--40--md {
    height: 40%;
  }
  .petr_w--50--md {
    width: 50%;
  }
  .petr_h--50--md {
    height: 50%;
  }
  .petr_w--60--md {
    width: 60%;
  }
  .petr_h--60--md {
    height: 60%;
  }
  .petr_w--70--md {
    width: 70%;
  }
  .petr_h--70--md {
    height: 70%;
  }
  .petr_w--80--md {
    width: 80%;
  }
  .petr_h--80--md {
    height: 80%;
  }
  .petr_w--90--md {
    width: 90%;
  }
  .petr_h--90--md {
    height: 90%;
  }
  .petr_w--100--md {
    width: 100%;
  }
  .petr_h--100--md {
    height: 100%;
  }
  .petr_w--auto--md {
    width: auto !important;
  }
}
@media (min-width: 1280px) {
  .petr_w--0--lg {
    width: 0%;
  }
  .petr_h--0--lg {
    height: 0%;
  }
  .petr_w--10--lg {
    width: 10%;
  }
  .petr_h--10--lg {
    height: 10%;
  }
  .petr_w--20--lg {
    width: 20%;
  }
  .petr_h--20--lg {
    height: 20%;
  }
  .petr_w--30--lg {
    width: 30%;
  }
  .petr_h--30--lg {
    height: 30%;
  }
  .petr_w--40--lg {
    width: 40%;
  }
  .petr_h--40--lg {
    height: 40%;
  }
  .petr_w--50--lg {
    width: 50%;
  }
  .petr_h--50--lg {
    height: 50%;
  }
  .petr_w--60--lg {
    width: 60%;
  }
  .petr_h--60--lg {
    height: 60%;
  }
  .petr_w--70--lg {
    width: 70%;
  }
  .petr_h--70--lg {
    height: 70%;
  }
  .petr_w--80--lg {
    width: 80%;
  }
  .petr_h--80--lg {
    height: 80%;
  }
  .petr_w--90--lg {
    width: 90%;
  }
  .petr_h--90--lg {
    height: 90%;
  }
  .petr_w--100--lg {
    width: 100%;
  }
  .petr_h--100--lg {
    height: 100%;
  }
  .petr_w--auto--lg {
    width: auto !important;
  }
}
@media (min-width: 1920px) {
  .petr_w--0--xl {
    width: 0%;
  }
  .petr_h--0--xl {
    height: 0%;
  }
  .petr_w--10--xl {
    width: 10%;
  }
  .petr_h--10--xl {
    height: 10%;
  }
  .petr_w--20--xl {
    width: 20%;
  }
  .petr_h--20--xl {
    height: 20%;
  }
  .petr_w--30--xl {
    width: 30%;
  }
  .petr_h--30--xl {
    height: 30%;
  }
  .petr_w--40--xl {
    width: 40%;
  }
  .petr_h--40--xl {
    height: 40%;
  }
  .petr_w--50--xl {
    width: 50%;
  }
  .petr_h--50--xl {
    height: 50%;
  }
  .petr_w--60--xl {
    width: 60%;
  }
  .petr_h--60--xl {
    height: 60%;
  }
  .petr_w--70--xl {
    width: 70%;
  }
  .petr_h--70--xl {
    height: 70%;
  }
  .petr_w--80--xl {
    width: 80%;
  }
  .petr_h--80--xl {
    height: 80%;
  }
  .petr_w--90--xl {
    width: 90%;
  }
  .petr_h--90--xl {
    height: 90%;
  }
  .petr_w--100--xl {
    width: 100%;
  }
  .petr_h--100--xl {
    height: 100%;
  }
  .petr_w--auto--xl {
    width: auto !important;
  }
}
@font-face {
  font-family: "futwora";
  src: url("../../fonts/Futwora_Regular.ttf");
}
.petr_col__container {
  margin-right: -32px;
  margin-left: -32px;
}

.petr_col__1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.petr_col__1 > div {
  position: relative;
  min-height: 1px;
  padding-right: 32px;
  padding-left: 32px;
}

.petr_offset__1 {
  margin-left: 50%;
}

.petr_col__2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.petr_col__2 > div {
  position: relative;
  min-height: 1px;
  padding-right: 32px;
  padding-left: 32px;
}

.petr_offset__2 {
  margin-left: 100%;
}

.petr_no_gutter > div {
  padding-right: 0;
  padding-left: 0;
}

.petr_gutter > div {
  padding-right: 32px;
  padding-left: 32px;
}

@media (min-width: 530px) {
  .petr_col__container--xs {
    margin-right: -32px;
    margin-left: -32px;
  }
  .petr_col__1--xs {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .petr_col__1--xs > div {
    position: relative;
    min-height: 1px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .petr_offset__1--xs {
    margin-left: 50%;
  }
  .petr_col__2--xs {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .petr_col__2--xs > div {
    position: relative;
    min-height: 1px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .petr_offset__2--xs {
    margin-left: 100%;
  }
  .petr_no_gutter--xs > div {
    padding-right: 0;
    padding-left: 0;
  }
  .petr_gutter--xs > div {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 768px) {
  .petr_col__container--sm {
    margin-right: -32px;
    margin-left: -32px;
  }
  .petr_col__1--sm {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .petr_col__1--sm > div {
    position: relative;
    min-height: 1px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .petr_offset__1--sm {
    margin-left: 50%;
  }
  .petr_col__2--sm {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .petr_col__2--sm > div {
    position: relative;
    min-height: 1px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .petr_offset__2--sm {
    margin-left: 100%;
  }
  .petr_no_gutter--sm > div {
    padding-right: 0;
    padding-left: 0;
  }
  .petr_gutter--sm > div {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 960px) {
  .petr_col__container--md {
    margin-right: -32px;
    margin-left: -32px;
  }
  .petr_col__1--md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .petr_col__1--md > div {
    position: relative;
    min-height: 1px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .petr_offset__1--md {
    margin-left: 50%;
  }
  .petr_col__2--md {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .petr_col__2--md > div {
    position: relative;
    min-height: 1px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .petr_offset__2--md {
    margin-left: 100%;
  }
  .petr_no_gutter--md > div {
    padding-right: 0;
    padding-left: 0;
  }
  .petr_gutter--md > div {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 1280px) {
  .petr_col__container--lg {
    margin-right: -32px;
    margin-left: -32px;
  }
  .petr_col__1--lg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .petr_col__1--lg > div {
    position: relative;
    min-height: 1px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .petr_offset__1--lg {
    margin-left: 50%;
  }
  .petr_col__2--lg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .petr_col__2--lg > div {
    position: relative;
    min-height: 1px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .petr_offset__2--lg {
    margin-left: 100%;
  }
  .petr_no_gutter--lg > div {
    padding-right: 0;
    padding-left: 0;
  }
  .petr_gutter--lg > div {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 1920px) {
  .petr_col__container--xl {
    margin-right: -32px;
    margin-left: -32px;
  }
  .petr_col__1--xl {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .petr_col__1--xl > div {
    position: relative;
    min-height: 1px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .petr_offset__1--xl {
    margin-left: 50%;
  }
  .petr_col__2--xl {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .petr_col__2--xl > div {
    position: relative;
    min-height: 1px;
    padding-right: 32px;
    padding-left: 32px;
  }
  .petr_offset__2--xl {
    margin-left: 100%;
  }
  .petr_no_gutter--xl > div {
    padding-right: 0;
    padding-left: 0;
  }
  .petr_gutter--xl > div {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@font-face {
  font-family: "futwora";
  src: url("../../fonts/Futwora_Regular.ttf");
}
.petr_c__petr_admin_error {
  color: #ff4242;
}

.petr_bg__petr_admin_error {
  background-color: #ff4242;
}

.petr_fill__petr_admin_error {
  fill: #ff4242;
}

.petr_c__petr_admin_table_head {
  color: #afadad;
}

.petr_bg__petr_admin_table_head {
  background-color: #afadad;
}

.petr_fill__petr_admin_table_head {
  fill: #afadad;
}

.petr_c__petr_admin_table_row1 {
  color: #dddddd;
}

.petr_bg__petr_admin_table_row1 {
  background-color: #dddddd;
}

.petr_fill__petr_admin_table_row1 {
  fill: #dddddd;
}

.petr_c__petr_admin_table_row2 {
  color: #fcfcfc;
}

.petr_bg__petr_admin_table_row2 {
  background-color: #fcfcfc;
}

.petr_fill__petr_admin_table_row2 {
  fill: #fcfcfc;
}

.petr_c__petr_corporate_main {
  color: #082433;
}

.petr_bg__petr_corporate_main {
  background-color: #082433;
}

.petr_fill__petr_corporate_main {
  fill: #082433;
}

.petr_c__petr_corporate_secondary {
  color: #f5eccf;
}

.petr_bg__petr_corporate_secondary {
  background-color: #f5eccf;
}

.petr_fill__petr_corporate_secondary {
  fill: #f5eccf;
}

.petr_c__petr_main_grey_blue {
  color: #6f7d8c;
}

.petr_bg__petr_main_grey_blue {
  background-color: #6f7d8c;
}

.petr_fill__petr_main_grey_blue {
  fill: #6f7d8c;
}

.petr_c__petr_main_grey {
  color: #77a0a9;
}

.petr_bg__petr_main_grey {
  background-color: #77a0a9;
}

.petr_fill__petr_main_grey {
  fill: #77a0a9;
}

.petr_c__petr_main_light {
  color: #edffd9;
}

.petr_bg__petr_main_light {
  background-color: #edffd9;
}

.petr_fill__petr_main_light {
  fill: #edffd9;
}

.petr_c__petr_main_orange {
  color: #f6eccf;
}

.petr_bg__petr_main_orange {
  background-color: #f6eccf;
}

.petr_fill__petr_main_orange {
  fill: #f6eccf;
}

.petr_c__petr_main_brown {
  color: #251605;
}

.petr_bg__petr_main_brown {
  background-color: #251605;
}

.petr_fill__petr_main_brown {
  fill: #251605;
}

.petr_c__petr_main_white {
  color: #FFFFFF;
}

.petr_bg__petr_main_white {
  background-color: #FFFFFF;
}

.petr_fill__petr_main_white {
  fill: #FFFFFF;
}

.petr_c__petr_main_black {
  color: #000000;
}

.petr_bg__petr_main_black {
  background-color: #000000;
}

.petr_fill__petr_main_black {
  fill: #000000;
}

.petr_c__petr_secondary_orange {
  color: #ffa564;
}

.petr_bg__petr_secondary_orange {
  background-color: #ffa564;
}

.petr_fill__petr_secondary_orange {
  fill: #ffa564;
}

.petr_c__petr_secondary_grey {
  color: #808191;
}

.petr_bg__petr_secondary_grey {
  background-color: #808191;
}

.petr_fill__petr_secondary_grey {
  fill: #808191;
}

.petr_c__petr_secondary_darkgrey {
  color: #2B2B2B;
}

.petr_bg__petr_secondary_darkgrey {
  background-color: #2B2B2B;
}

.petr_fill__petr_secondary_darkgrey {
  fill: #2B2B2B;
}

.petr_c__petr_secondary_ligthgrey {
  color: #EAEAEA;
}

.petr_bg__petr_secondary_ligthgrey {
  background-color: #EAEAEA;
}

.petr_fill__petr_secondary_ligthgrey {
  fill: #EAEAEA;
}

.petr_c__petr_secondary_white {
  color: #F7F7F7;
}

.petr_bg__petr_secondary_white {
  background-color: #F7F7F7;
}

.petr_fill__petr_secondary_white {
  fill: #F7F7F7;
}

.petr_c__petr_font_tit {
  color: #0A0E31;
}

.petr_bg__petr_font_tit {
  background-color: #0A0E31;
}

.petr_fill__petr_font_tit {
  fill: #0A0E31;
}

.petr_c__petr_font_text {
  color: #4F596A;
}

.petr_bg__petr_font_text {
  background-color: #4F596A;
}

.petr_fill__petr_font_text {
  fill: #4F596A;
}

.petr_c__petr_grey_100 {
  color: #000000;
}

.petr_bg__petr_grey_100 {
  background-color: #000000;
}

.petr_fill__petr_grey_100 {
  fill: #000000;
}

.petr_c__petr_grey_90 {
  color: rgba(0, 0, 0, 0.9019607843);
}

.petr_bg__petr_grey_90 {
  background-color: rgba(0, 0, 0, 0.9019607843);
}

.petr_fill__petr_grey_90 {
  fill: rgba(0, 0, 0, 0.9019607843);
}

.petr_c__petr_grey_80 {
  color: rgba(0, 0, 0, 0.8);
}

.petr_bg__petr_grey_80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.petr_fill__petr_grey_80 {
  fill: rgba(0, 0, 0, 0.8);
}

.petr_c__petr_grey_70 {
  color: rgba(0, 0, 0, 0.7019607843);
}

.petr_bg__petr_grey_70 {
  background-color: rgba(0, 0, 0, 0.7019607843);
}

.petr_fill__petr_grey_70 {
  fill: rgba(0, 0, 0, 0.7019607843);
}

.petr_c__petr_grey_60 {
  color: rgba(0, 0, 0, 0.6);
}

.petr_bg__petr_grey_60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.petr_fill__petr_grey_60 {
  fill: rgba(0, 0, 0, 0.6);
}

.petr_c__petr_grey_50 {
  color: rgba(0, 0, 0, 0.5019607843);
}

.petr_bg__petr_grey_50 {
  background-color: rgba(0, 0, 0, 0.5019607843);
}

.petr_fill__petr_grey_50 {
  fill: rgba(0, 0, 0, 0.5019607843);
}

.petr_c__petr_grey_40 {
  color: rgba(0, 0, 0, 0.4);
}

.petr_bg__petr_grey_40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.petr_fill__petr_grey_40 {
  fill: rgba(0, 0, 0, 0.4);
}

.petr_c__petr_grey_30 {
  color: rgba(0, 0, 0, 0.3019607843);
}

.petr_bg__petr_grey_30 {
  background-color: rgba(0, 0, 0, 0.3019607843);
}

.petr_fill__petr_grey_30 {
  fill: rgba(0, 0, 0, 0.3019607843);
}

.petr_c__petr_grey_20 {
  color: rgba(0, 0, 0, 0.2);
}

.petr_bg__petr_grey_20 {
  background-color: rgba(0, 0, 0, 0.2);
}

.petr_fill__petr_grey_20 {
  fill: rgba(0, 0, 0, 0.2);
}

.petr_c__petr_grey_10 {
  color: rgba(0, 0, 0, 0.1019607843);
}

.petr_bg__petr_grey_10 {
  background-color: rgba(0, 0, 0, 0.1019607843);
}

.petr_fill__petr_grey_10 {
  fill: rgba(0, 0, 0, 0.1019607843);
}

.petr_c__petr_admin_bg {
  color: #999999;
}

.petr_bg__petr_admin_bg {
  background-color: #999999;
}

.petr_fill__petr_admin_bg {
  fill: #999999;
}

.petr_c__petr_admin_hover {
  color: #7a7a7a;
}

.petr_bg__petr_admin_hover {
  background-color: #7a7a7a;
}

.petr_fill__petr_admin_hover {
  fill: #7a7a7a;
}

.petr_c__petr_admin_border {
  color: #6b6b6b;
}

.petr_bg__petr_admin_border {
  background-color: #6b6b6b;
}

.petr_fill__petr_admin_border {
  fill: #6b6b6b;
}

@media (min-width: 530px) {
  .petr_c__petr_admin_error--xs {
    color: #ff4242;
  }
  .petr_bg__petr_admin_error--xs {
    background-color: #ff4242;
  }
  .petr_c__petr_admin_table_head--xs {
    color: #afadad;
  }
  .petr_bg__petr_admin_table_head--xs {
    background-color: #afadad;
  }
  .petr_c__petr_admin_table_row1--xs {
    color: #dddddd;
  }
  .petr_bg__petr_admin_table_row1--xs {
    background-color: #dddddd;
  }
  .petr_c__petr_admin_table_row2--xs {
    color: #fcfcfc;
  }
  .petr_bg__petr_admin_table_row2--xs {
    background-color: #fcfcfc;
  }
  .petr_c__petr_corporate_main--xs {
    color: #082433;
  }
  .petr_bg__petr_corporate_main--xs {
    background-color: #082433;
  }
  .petr_c__petr_corporate_secondary--xs {
    color: #f5eccf;
  }
  .petr_bg__petr_corporate_secondary--xs {
    background-color: #f5eccf;
  }
  .petr_c__petr_main_grey_blue--xs {
    color: #6f7d8c;
  }
  .petr_bg__petr_main_grey_blue--xs {
    background-color: #6f7d8c;
  }
  .petr_c__petr_main_grey--xs {
    color: #77a0a9;
  }
  .petr_bg__petr_main_grey--xs {
    background-color: #77a0a9;
  }
  .petr_c__petr_main_light--xs {
    color: #edffd9;
  }
  .petr_bg__petr_main_light--xs {
    background-color: #edffd9;
  }
  .petr_c__petr_main_orange--xs {
    color: #f6eccf;
  }
  .petr_bg__petr_main_orange--xs {
    background-color: #f6eccf;
  }
  .petr_c__petr_main_brown--xs {
    color: #251605;
  }
  .petr_bg__petr_main_brown--xs {
    background-color: #251605;
  }
  .petr_c__petr_main_white--xs {
    color: #FFFFFF;
  }
  .petr_bg__petr_main_white--xs {
    background-color: #FFFFFF;
  }
  .petr_c__petr_main_black--xs {
    color: #000000;
  }
  .petr_bg__petr_main_black--xs {
    background-color: #000000;
  }
  .petr_c__petr_secondary_orange--xs {
    color: #ffa564;
  }
  .petr_bg__petr_secondary_orange--xs {
    background-color: #ffa564;
  }
  .petr_c__petr_secondary_grey--xs {
    color: #808191;
  }
  .petr_bg__petr_secondary_grey--xs {
    background-color: #808191;
  }
  .petr_c__petr_secondary_darkgrey--xs {
    color: #2B2B2B;
  }
  .petr_bg__petr_secondary_darkgrey--xs {
    background-color: #2B2B2B;
  }
  .petr_c__petr_secondary_ligthgrey--xs {
    color: #EAEAEA;
  }
  .petr_bg__petr_secondary_ligthgrey--xs {
    background-color: #EAEAEA;
  }
  .petr_c__petr_secondary_white--xs {
    color: #F7F7F7;
  }
  .petr_bg__petr_secondary_white--xs {
    background-color: #F7F7F7;
  }
  .petr_c__petr_font_tit--xs {
    color: #0A0E31;
  }
  .petr_bg__petr_font_tit--xs {
    background-color: #0A0E31;
  }
  .petr_c__petr_font_text--xs {
    color: #4F596A;
  }
  .petr_bg__petr_font_text--xs {
    background-color: #4F596A;
  }
  .petr_c__petr_grey_100--xs {
    color: #000000;
  }
  .petr_bg__petr_grey_100--xs {
    background-color: #000000;
  }
  .petr_c__petr_grey_90--xs {
    color: rgba(0, 0, 0, 0.9019607843);
  }
  .petr_bg__petr_grey_90--xs {
    background-color: rgba(0, 0, 0, 0.9019607843);
  }
  .petr_c__petr_grey_80--xs {
    color: rgba(0, 0, 0, 0.8);
  }
  .petr_bg__petr_grey_80--xs {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .petr_c__petr_grey_70--xs {
    color: rgba(0, 0, 0, 0.7019607843);
  }
  .petr_bg__petr_grey_70--xs {
    background-color: rgba(0, 0, 0, 0.7019607843);
  }
  .petr_c__petr_grey_60--xs {
    color: rgba(0, 0, 0, 0.6);
  }
  .petr_bg__petr_grey_60--xs {
    background-color: rgba(0, 0, 0, 0.6);
  }
  .petr_c__petr_grey_50--xs {
    color: rgba(0, 0, 0, 0.5019607843);
  }
  .petr_bg__petr_grey_50--xs {
    background-color: rgba(0, 0, 0, 0.5019607843);
  }
  .petr_c__petr_grey_40--xs {
    color: rgba(0, 0, 0, 0.4);
  }
  .petr_bg__petr_grey_40--xs {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .petr_c__petr_grey_30--xs {
    color: rgba(0, 0, 0, 0.3019607843);
  }
  .petr_bg__petr_grey_30--xs {
    background-color: rgba(0, 0, 0, 0.3019607843);
  }
  .petr_c__petr_grey_20--xs {
    color: rgba(0, 0, 0, 0.2);
  }
  .petr_bg__petr_grey_20--xs {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .petr_c__petr_grey_10--xs {
    color: rgba(0, 0, 0, 0.1019607843);
  }
  .petr_bg__petr_grey_10--xs {
    background-color: rgba(0, 0, 0, 0.1019607843);
  }
  .petr_c__petr_admin_bg--xs {
    color: #999999;
  }
  .petr_bg__petr_admin_bg--xs {
    background-color: #999999;
  }
  .petr_c__petr_admin_hover--xs {
    color: #7a7a7a;
  }
  .petr_bg__petr_admin_hover--xs {
    background-color: #7a7a7a;
  }
  .petr_c__petr_admin_border--xs {
    color: #6b6b6b;
  }
  .petr_bg__petr_admin_border--xs {
    background-color: #6b6b6b;
  }
}
@media (min-width: 768px) {
  .petr_c__petr_admin_error--sm {
    color: #ff4242;
  }
  .petr_bg__petr_admin_error--sm {
    background-color: #ff4242;
  }
  .petr_c__petr_admin_table_head--sm {
    color: #afadad;
  }
  .petr_bg__petr_admin_table_head--sm {
    background-color: #afadad;
  }
  .petr_c__petr_admin_table_row1--sm {
    color: #dddddd;
  }
  .petr_bg__petr_admin_table_row1--sm {
    background-color: #dddddd;
  }
  .petr_c__petr_admin_table_row2--sm {
    color: #fcfcfc;
  }
  .petr_bg__petr_admin_table_row2--sm {
    background-color: #fcfcfc;
  }
  .petr_c__petr_corporate_main--sm {
    color: #082433;
  }
  .petr_bg__petr_corporate_main--sm {
    background-color: #082433;
  }
  .petr_c__petr_corporate_secondary--sm {
    color: #f5eccf;
  }
  .petr_bg__petr_corporate_secondary--sm {
    background-color: #f5eccf;
  }
  .petr_c__petr_main_grey_blue--sm {
    color: #6f7d8c;
  }
  .petr_bg__petr_main_grey_blue--sm {
    background-color: #6f7d8c;
  }
  .petr_c__petr_main_grey--sm {
    color: #77a0a9;
  }
  .petr_bg__petr_main_grey--sm {
    background-color: #77a0a9;
  }
  .petr_c__petr_main_light--sm {
    color: #edffd9;
  }
  .petr_bg__petr_main_light--sm {
    background-color: #edffd9;
  }
  .petr_c__petr_main_orange--sm {
    color: #f6eccf;
  }
  .petr_bg__petr_main_orange--sm {
    background-color: #f6eccf;
  }
  .petr_c__petr_main_brown--sm {
    color: #251605;
  }
  .petr_bg__petr_main_brown--sm {
    background-color: #251605;
  }
  .petr_c__petr_main_white--sm {
    color: #FFFFFF;
  }
  .petr_bg__petr_main_white--sm {
    background-color: #FFFFFF;
  }
  .petr_c__petr_main_black--sm {
    color: #000000;
  }
  .petr_bg__petr_main_black--sm {
    background-color: #000000;
  }
  .petr_c__petr_secondary_orange--sm {
    color: #ffa564;
  }
  .petr_bg__petr_secondary_orange--sm {
    background-color: #ffa564;
  }
  .petr_c__petr_secondary_grey--sm {
    color: #808191;
  }
  .petr_bg__petr_secondary_grey--sm {
    background-color: #808191;
  }
  .petr_c__petr_secondary_darkgrey--sm {
    color: #2B2B2B;
  }
  .petr_bg__petr_secondary_darkgrey--sm {
    background-color: #2B2B2B;
  }
  .petr_c__petr_secondary_ligthgrey--sm {
    color: #EAEAEA;
  }
  .petr_bg__petr_secondary_ligthgrey--sm {
    background-color: #EAEAEA;
  }
  .petr_c__petr_secondary_white--sm {
    color: #F7F7F7;
  }
  .petr_bg__petr_secondary_white--sm {
    background-color: #F7F7F7;
  }
  .petr_c__petr_font_tit--sm {
    color: #0A0E31;
  }
  .petr_bg__petr_font_tit--sm {
    background-color: #0A0E31;
  }
  .petr_c__petr_font_text--sm {
    color: #4F596A;
  }
  .petr_bg__petr_font_text--sm {
    background-color: #4F596A;
  }
  .petr_c__petr_grey_100--sm {
    color: #000000;
  }
  .petr_bg__petr_grey_100--sm {
    background-color: #000000;
  }
  .petr_c__petr_grey_90--sm {
    color: rgba(0, 0, 0, 0.9019607843);
  }
  .petr_bg__petr_grey_90--sm {
    background-color: rgba(0, 0, 0, 0.9019607843);
  }
  .petr_c__petr_grey_80--sm {
    color: rgba(0, 0, 0, 0.8);
  }
  .petr_bg__petr_grey_80--sm {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .petr_c__petr_grey_70--sm {
    color: rgba(0, 0, 0, 0.7019607843);
  }
  .petr_bg__petr_grey_70--sm {
    background-color: rgba(0, 0, 0, 0.7019607843);
  }
  .petr_c__petr_grey_60--sm {
    color: rgba(0, 0, 0, 0.6);
  }
  .petr_bg__petr_grey_60--sm {
    background-color: rgba(0, 0, 0, 0.6);
  }
  .petr_c__petr_grey_50--sm {
    color: rgba(0, 0, 0, 0.5019607843);
  }
  .petr_bg__petr_grey_50--sm {
    background-color: rgba(0, 0, 0, 0.5019607843);
  }
  .petr_c__petr_grey_40--sm {
    color: rgba(0, 0, 0, 0.4);
  }
  .petr_bg__petr_grey_40--sm {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .petr_c__petr_grey_30--sm {
    color: rgba(0, 0, 0, 0.3019607843);
  }
  .petr_bg__petr_grey_30--sm {
    background-color: rgba(0, 0, 0, 0.3019607843);
  }
  .petr_c__petr_grey_20--sm {
    color: rgba(0, 0, 0, 0.2);
  }
  .petr_bg__petr_grey_20--sm {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .petr_c__petr_grey_10--sm {
    color: rgba(0, 0, 0, 0.1019607843);
  }
  .petr_bg__petr_grey_10--sm {
    background-color: rgba(0, 0, 0, 0.1019607843);
  }
  .petr_c__petr_admin_bg--sm {
    color: #999999;
  }
  .petr_bg__petr_admin_bg--sm {
    background-color: #999999;
  }
  .petr_c__petr_admin_hover--sm {
    color: #7a7a7a;
  }
  .petr_bg__petr_admin_hover--sm {
    background-color: #7a7a7a;
  }
  .petr_c__petr_admin_border--sm {
    color: #6b6b6b;
  }
  .petr_bg__petr_admin_border--sm {
    background-color: #6b6b6b;
  }
}
@media (min-width: 960px) {
  .petr_c__petr_admin_error--md {
    color: #ff4242;
  }
  .petr_bg__petr_admin_error--md {
    background-color: #ff4242;
  }
  .petr_c__petr_admin_table_head--md {
    color: #afadad;
  }
  .petr_bg__petr_admin_table_head--md {
    background-color: #afadad;
  }
  .petr_c__petr_admin_table_row1--md {
    color: #dddddd;
  }
  .petr_bg__petr_admin_table_row1--md {
    background-color: #dddddd;
  }
  .petr_c__petr_admin_table_row2--md {
    color: #fcfcfc;
  }
  .petr_bg__petr_admin_table_row2--md {
    background-color: #fcfcfc;
  }
  .petr_c__petr_corporate_main--md {
    color: #082433;
  }
  .petr_bg__petr_corporate_main--md {
    background-color: #082433;
  }
  .petr_c__petr_corporate_secondary--md {
    color: #f5eccf;
  }
  .petr_bg__petr_corporate_secondary--md {
    background-color: #f5eccf;
  }
  .petr_c__petr_main_grey_blue--md {
    color: #6f7d8c;
  }
  .petr_bg__petr_main_grey_blue--md {
    background-color: #6f7d8c;
  }
  .petr_c__petr_main_grey--md {
    color: #77a0a9;
  }
  .petr_bg__petr_main_grey--md {
    background-color: #77a0a9;
  }
  .petr_c__petr_main_light--md {
    color: #edffd9;
  }
  .petr_bg__petr_main_light--md {
    background-color: #edffd9;
  }
  .petr_c__petr_main_orange--md {
    color: #f6eccf;
  }
  .petr_bg__petr_main_orange--md {
    background-color: #f6eccf;
  }
  .petr_c__petr_main_brown--md {
    color: #251605;
  }
  .petr_bg__petr_main_brown--md {
    background-color: #251605;
  }
  .petr_c__petr_main_white--md {
    color: #FFFFFF;
  }
  .petr_bg__petr_main_white--md {
    background-color: #FFFFFF;
  }
  .petr_c__petr_main_black--md {
    color: #000000;
  }
  .petr_bg__petr_main_black--md {
    background-color: #000000;
  }
  .petr_c__petr_secondary_orange--md {
    color: #ffa564;
  }
  .petr_bg__petr_secondary_orange--md {
    background-color: #ffa564;
  }
  .petr_c__petr_secondary_grey--md {
    color: #808191;
  }
  .petr_bg__petr_secondary_grey--md {
    background-color: #808191;
  }
  .petr_c__petr_secondary_darkgrey--md {
    color: #2B2B2B;
  }
  .petr_bg__petr_secondary_darkgrey--md {
    background-color: #2B2B2B;
  }
  .petr_c__petr_secondary_ligthgrey--md {
    color: #EAEAEA;
  }
  .petr_bg__petr_secondary_ligthgrey--md {
    background-color: #EAEAEA;
  }
  .petr_c__petr_secondary_white--md {
    color: #F7F7F7;
  }
  .petr_bg__petr_secondary_white--md {
    background-color: #F7F7F7;
  }
  .petr_c__petr_font_tit--md {
    color: #0A0E31;
  }
  .petr_bg__petr_font_tit--md {
    background-color: #0A0E31;
  }
  .petr_c__petr_font_text--md {
    color: #4F596A;
  }
  .petr_bg__petr_font_text--md {
    background-color: #4F596A;
  }
  .petr_c__petr_grey_100--md {
    color: #000000;
  }
  .petr_bg__petr_grey_100--md {
    background-color: #000000;
  }
  .petr_c__petr_grey_90--md {
    color: rgba(0, 0, 0, 0.9019607843);
  }
  .petr_bg__petr_grey_90--md {
    background-color: rgba(0, 0, 0, 0.9019607843);
  }
  .petr_c__petr_grey_80--md {
    color: rgba(0, 0, 0, 0.8);
  }
  .petr_bg__petr_grey_80--md {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .petr_c__petr_grey_70--md {
    color: rgba(0, 0, 0, 0.7019607843);
  }
  .petr_bg__petr_grey_70--md {
    background-color: rgba(0, 0, 0, 0.7019607843);
  }
  .petr_c__petr_grey_60--md {
    color: rgba(0, 0, 0, 0.6);
  }
  .petr_bg__petr_grey_60--md {
    background-color: rgba(0, 0, 0, 0.6);
  }
  .petr_c__petr_grey_50--md {
    color: rgba(0, 0, 0, 0.5019607843);
  }
  .petr_bg__petr_grey_50--md {
    background-color: rgba(0, 0, 0, 0.5019607843);
  }
  .petr_c__petr_grey_40--md {
    color: rgba(0, 0, 0, 0.4);
  }
  .petr_bg__petr_grey_40--md {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .petr_c__petr_grey_30--md {
    color: rgba(0, 0, 0, 0.3019607843);
  }
  .petr_bg__petr_grey_30--md {
    background-color: rgba(0, 0, 0, 0.3019607843);
  }
  .petr_c__petr_grey_20--md {
    color: rgba(0, 0, 0, 0.2);
  }
  .petr_bg__petr_grey_20--md {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .petr_c__petr_grey_10--md {
    color: rgba(0, 0, 0, 0.1019607843);
  }
  .petr_bg__petr_grey_10--md {
    background-color: rgba(0, 0, 0, 0.1019607843);
  }
  .petr_c__petr_admin_bg--md {
    color: #999999;
  }
  .petr_bg__petr_admin_bg--md {
    background-color: #999999;
  }
  .petr_c__petr_admin_hover--md {
    color: #7a7a7a;
  }
  .petr_bg__petr_admin_hover--md {
    background-color: #7a7a7a;
  }
  .petr_c__petr_admin_border--md {
    color: #6b6b6b;
  }
  .petr_bg__petr_admin_border--md {
    background-color: #6b6b6b;
  }
}
@media (min-width: 1280px) {
  .petr_c__petr_admin_error--lg {
    color: #ff4242;
  }
  .petr_bg__petr_admin_error--lg {
    background-color: #ff4242;
  }
  .petr_c__petr_admin_table_head--lg {
    color: #afadad;
  }
  .petr_bg__petr_admin_table_head--lg {
    background-color: #afadad;
  }
  .petr_c__petr_admin_table_row1--lg {
    color: #dddddd;
  }
  .petr_bg__petr_admin_table_row1--lg {
    background-color: #dddddd;
  }
  .petr_c__petr_admin_table_row2--lg {
    color: #fcfcfc;
  }
  .petr_bg__petr_admin_table_row2--lg {
    background-color: #fcfcfc;
  }
  .petr_c__petr_corporate_main--lg {
    color: #082433;
  }
  .petr_bg__petr_corporate_main--lg {
    background-color: #082433;
  }
  .petr_c__petr_corporate_secondary--lg {
    color: #f5eccf;
  }
  .petr_bg__petr_corporate_secondary--lg {
    background-color: #f5eccf;
  }
  .petr_c__petr_main_grey_blue--lg {
    color: #6f7d8c;
  }
  .petr_bg__petr_main_grey_blue--lg {
    background-color: #6f7d8c;
  }
  .petr_c__petr_main_grey--lg {
    color: #77a0a9;
  }
  .petr_bg__petr_main_grey--lg {
    background-color: #77a0a9;
  }
  .petr_c__petr_main_light--lg {
    color: #edffd9;
  }
  .petr_bg__petr_main_light--lg {
    background-color: #edffd9;
  }
  .petr_c__petr_main_orange--lg {
    color: #f6eccf;
  }
  .petr_bg__petr_main_orange--lg {
    background-color: #f6eccf;
  }
  .petr_c__petr_main_brown--lg {
    color: #251605;
  }
  .petr_bg__petr_main_brown--lg {
    background-color: #251605;
  }
  .petr_c__petr_main_white--lg {
    color: #FFFFFF;
  }
  .petr_bg__petr_main_white--lg {
    background-color: #FFFFFF;
  }
  .petr_c__petr_main_black--lg {
    color: #000000;
  }
  .petr_bg__petr_main_black--lg {
    background-color: #000000;
  }
  .petr_c__petr_secondary_orange--lg {
    color: #ffa564;
  }
  .petr_bg__petr_secondary_orange--lg {
    background-color: #ffa564;
  }
  .petr_c__petr_secondary_grey--lg {
    color: #808191;
  }
  .petr_bg__petr_secondary_grey--lg {
    background-color: #808191;
  }
  .petr_c__petr_secondary_darkgrey--lg {
    color: #2B2B2B;
  }
  .petr_bg__petr_secondary_darkgrey--lg {
    background-color: #2B2B2B;
  }
  .petr_c__petr_secondary_ligthgrey--lg {
    color: #EAEAEA;
  }
  .petr_bg__petr_secondary_ligthgrey--lg {
    background-color: #EAEAEA;
  }
  .petr_c__petr_secondary_white--lg {
    color: #F7F7F7;
  }
  .petr_bg__petr_secondary_white--lg {
    background-color: #F7F7F7;
  }
  .petr_c__petr_font_tit--lg {
    color: #0A0E31;
  }
  .petr_bg__petr_font_tit--lg {
    background-color: #0A0E31;
  }
  .petr_c__petr_font_text--lg {
    color: #4F596A;
  }
  .petr_bg__petr_font_text--lg {
    background-color: #4F596A;
  }
  .petr_c__petr_grey_100--lg {
    color: #000000;
  }
  .petr_bg__petr_grey_100--lg {
    background-color: #000000;
  }
  .petr_c__petr_grey_90--lg {
    color: rgba(0, 0, 0, 0.9019607843);
  }
  .petr_bg__petr_grey_90--lg {
    background-color: rgba(0, 0, 0, 0.9019607843);
  }
  .petr_c__petr_grey_80--lg {
    color: rgba(0, 0, 0, 0.8);
  }
  .petr_bg__petr_grey_80--lg {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .petr_c__petr_grey_70--lg {
    color: rgba(0, 0, 0, 0.7019607843);
  }
  .petr_bg__petr_grey_70--lg {
    background-color: rgba(0, 0, 0, 0.7019607843);
  }
  .petr_c__petr_grey_60--lg {
    color: rgba(0, 0, 0, 0.6);
  }
  .petr_bg__petr_grey_60--lg {
    background-color: rgba(0, 0, 0, 0.6);
  }
  .petr_c__petr_grey_50--lg {
    color: rgba(0, 0, 0, 0.5019607843);
  }
  .petr_bg__petr_grey_50--lg {
    background-color: rgba(0, 0, 0, 0.5019607843);
  }
  .petr_c__petr_grey_40--lg {
    color: rgba(0, 0, 0, 0.4);
  }
  .petr_bg__petr_grey_40--lg {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .petr_c__petr_grey_30--lg {
    color: rgba(0, 0, 0, 0.3019607843);
  }
  .petr_bg__petr_grey_30--lg {
    background-color: rgba(0, 0, 0, 0.3019607843);
  }
  .petr_c__petr_grey_20--lg {
    color: rgba(0, 0, 0, 0.2);
  }
  .petr_bg__petr_grey_20--lg {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .petr_c__petr_grey_10--lg {
    color: rgba(0, 0, 0, 0.1019607843);
  }
  .petr_bg__petr_grey_10--lg {
    background-color: rgba(0, 0, 0, 0.1019607843);
  }
  .petr_c__petr_admin_bg--lg {
    color: #999999;
  }
  .petr_bg__petr_admin_bg--lg {
    background-color: #999999;
  }
  .petr_c__petr_admin_hover--lg {
    color: #7a7a7a;
  }
  .petr_bg__petr_admin_hover--lg {
    background-color: #7a7a7a;
  }
  .petr_c__petr_admin_border--lg {
    color: #6b6b6b;
  }
  .petr_bg__petr_admin_border--lg {
    background-color: #6b6b6b;
  }
}
@media (min-width: 1920px) {
  .petr_c__petr_admin_error--xl {
    color: #ff4242;
  }
  .petr_bg__petr_admin_error--xl {
    background-color: #ff4242;
  }
  .petr_c__petr_admin_table_head--xl {
    color: #afadad;
  }
  .petr_bg__petr_admin_table_head--xl {
    background-color: #afadad;
  }
  .petr_c__petr_admin_table_row1--xl {
    color: #dddddd;
  }
  .petr_bg__petr_admin_table_row1--xl {
    background-color: #dddddd;
  }
  .petr_c__petr_admin_table_row2--xl {
    color: #fcfcfc;
  }
  .petr_bg__petr_admin_table_row2--xl {
    background-color: #fcfcfc;
  }
  .petr_c__petr_corporate_main--xl {
    color: #082433;
  }
  .petr_bg__petr_corporate_main--xl {
    background-color: #082433;
  }
  .petr_c__petr_corporate_secondary--xl {
    color: #f5eccf;
  }
  .petr_bg__petr_corporate_secondary--xl {
    background-color: #f5eccf;
  }
  .petr_c__petr_main_grey_blue--xl {
    color: #6f7d8c;
  }
  .petr_bg__petr_main_grey_blue--xl {
    background-color: #6f7d8c;
  }
  .petr_c__petr_main_grey--xl {
    color: #77a0a9;
  }
  .petr_bg__petr_main_grey--xl {
    background-color: #77a0a9;
  }
  .petr_c__petr_main_light--xl {
    color: #edffd9;
  }
  .petr_bg__petr_main_light--xl {
    background-color: #edffd9;
  }
  .petr_c__petr_main_orange--xl {
    color: #f6eccf;
  }
  .petr_bg__petr_main_orange--xl {
    background-color: #f6eccf;
  }
  .petr_c__petr_main_brown--xl {
    color: #251605;
  }
  .petr_bg__petr_main_brown--xl {
    background-color: #251605;
  }
  .petr_c__petr_main_white--xl {
    color: #FFFFFF;
  }
  .petr_bg__petr_main_white--xl {
    background-color: #FFFFFF;
  }
  .petr_c__petr_main_black--xl {
    color: #000000;
  }
  .petr_bg__petr_main_black--xl {
    background-color: #000000;
  }
  .petr_c__petr_secondary_orange--xl {
    color: #ffa564;
  }
  .petr_bg__petr_secondary_orange--xl {
    background-color: #ffa564;
  }
  .petr_c__petr_secondary_grey--xl {
    color: #808191;
  }
  .petr_bg__petr_secondary_grey--xl {
    background-color: #808191;
  }
  .petr_c__petr_secondary_darkgrey--xl {
    color: #2B2B2B;
  }
  .petr_bg__petr_secondary_darkgrey--xl {
    background-color: #2B2B2B;
  }
  .petr_c__petr_secondary_ligthgrey--xl {
    color: #EAEAEA;
  }
  .petr_bg__petr_secondary_ligthgrey--xl {
    background-color: #EAEAEA;
  }
  .petr_c__petr_secondary_white--xl {
    color: #F7F7F7;
  }
  .petr_bg__petr_secondary_white--xl {
    background-color: #F7F7F7;
  }
  .petr_c__petr_font_tit--xl {
    color: #0A0E31;
  }
  .petr_bg__petr_font_tit--xl {
    background-color: #0A0E31;
  }
  .petr_c__petr_font_text--xl {
    color: #4F596A;
  }
  .petr_bg__petr_font_text--xl {
    background-color: #4F596A;
  }
  .petr_c__petr_grey_100--xl {
    color: #000000;
  }
  .petr_bg__petr_grey_100--xl {
    background-color: #000000;
  }
  .petr_c__petr_grey_90--xl {
    color: rgba(0, 0, 0, 0.9019607843);
  }
  .petr_bg__petr_grey_90--xl {
    background-color: rgba(0, 0, 0, 0.9019607843);
  }
  .petr_c__petr_grey_80--xl {
    color: rgba(0, 0, 0, 0.8);
  }
  .petr_bg__petr_grey_80--xl {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .petr_c__petr_grey_70--xl {
    color: rgba(0, 0, 0, 0.7019607843);
  }
  .petr_bg__petr_grey_70--xl {
    background-color: rgba(0, 0, 0, 0.7019607843);
  }
  .petr_c__petr_grey_60--xl {
    color: rgba(0, 0, 0, 0.6);
  }
  .petr_bg__petr_grey_60--xl {
    background-color: rgba(0, 0, 0, 0.6);
  }
  .petr_c__petr_grey_50--xl {
    color: rgba(0, 0, 0, 0.5019607843);
  }
  .petr_bg__petr_grey_50--xl {
    background-color: rgba(0, 0, 0, 0.5019607843);
  }
  .petr_c__petr_grey_40--xl {
    color: rgba(0, 0, 0, 0.4);
  }
  .petr_bg__petr_grey_40--xl {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .petr_c__petr_grey_30--xl {
    color: rgba(0, 0, 0, 0.3019607843);
  }
  .petr_bg__petr_grey_30--xl {
    background-color: rgba(0, 0, 0, 0.3019607843);
  }
  .petr_c__petr_grey_20--xl {
    color: rgba(0, 0, 0, 0.2);
  }
  .petr_bg__petr_grey_20--xl {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .petr_c__petr_grey_10--xl {
    color: rgba(0, 0, 0, 0.1019607843);
  }
  .petr_bg__petr_grey_10--xl {
    background-color: rgba(0, 0, 0, 0.1019607843);
  }
  .petr_c__petr_admin_bg--xl {
    color: #999999;
  }
  .petr_bg__petr_admin_bg--xl {
    background-color: #999999;
  }
  .petr_c__petr_admin_hover--xl {
    color: #7a7a7a;
  }
  .petr_bg__petr_admin_hover--xl {
    background-color: #7a7a7a;
  }
  .petr_c__petr_admin_border--xl {
    color: #6b6b6b;
  }
  .petr_bg__petr_admin_border--xl {
    background-color: #6b6b6b;
  }
}
.petr_button {
  color: #FFFFFF;
  border-radius: 50px;
  cursor: pointer;
  position: relative;
}
.petr_button::after {
  content: "";
  color: #FFFFFF;
  background-image: url("/wp-content/uploads/2023/01/button_arrow_white.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  margin: 0 8px;
  height: 24px;
}
.petr_button__grey {
  background-color: linear-gradient(283.79deg, #000000 11.71%, #4C5062 56.49%);
  color: #FFFFFF;
}
.petr_button__border_white {
  color: #FFFFFF;
  background-color: transparent;
  border: 2px solid #FFFFFF;
  border-radius: 100%;
}
.petr_button__arrow_rounded {
  color: #0A0E31;
  padding-left: 24px;
}
.petr_button__arrow_rounded::after {
  background-color: #0A0E31;
  width: 17px !important;
  height: 17px;
  background-image: url("/wp-content/uploads/2023/01/icon_arrow_button.svg");
  background-position: center;
  background-size: auto;
  border-radius: 100%;
  left: 0;
  margin: 0;
}
.petr_button__arrow_rounded--big {
  padding-left: 40px !important;
  padding-right: 0px !important;
}
.petr_button__arrow_rounded--big::after {
  width: 32px !important;
  height: 32px;
  background-image: url("/wp-content/uploads/2023/01/icon_arrow_button.svg"), linear-gradient(90deg, #4c5062 0%, #000000 100%);
  background-size: auto;
  background-position: center;
  border-radius: 100%;
  left: 0;
  margin: 0;
  top: 3px;
}
.petr_button__custom {
  background-color: var(--main-color);
  border: 2px solid var(--main-color);
  transition: all 0.5s ease-in-out;
}
.petr_button__custom:hover {
  background-color: transparent;
  color: var(--main-color);
}
.petr_button__gradient {
  background: linear-gradient(283.79deg, var(--gradient-color) 11.71%, var(--main-color) 56.49%);
  transition: all 0.7s;
  position: relative;
  z-index: 100;
}
.petr_button__gradient:hover:before {
  opacity: 1;
}
.petr_button__gradient::before {
  background: linear-gradient(103.79deg, var(--gradient-color) 11.71%, var(--main-color) 56.49%);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50px;
  opacity: 0;
  width: 100%;
  z-index: -100;
  transition: opacity 0.45s;
}
.petr_button__sm {
  padding: 4px 16px;
  padding-right: 38px;
  font-family: "Futwora", sans-serif;
  font-size: 12px;
  line-height: 24px;
}
.petr_button__sm::after {
  width: 14px;
}
.petr_button__md {
  padding: 8px 20px;
  padding-right: 44px;
  font-family: "Futwora", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.petr_button__md::after {
  width: 16px;
}
.petr_button__lg {
  padding: 15px 32px;
  padding-right: 60px;
  font-family: "Futwora", sans-serif;
  font-size: 18px;
  line-height: 26px;
}
.petr_button__lg::after {
  width: 20px;
}

:root {
  font-size: 1px;
  font-family: "Futwora", sans-serif;
}

body {
  overflow-x: hidden;
}

a {
  color: #f5eccf;
}
a:hover {
  color: #f6eccf;
}
a.secondary {
  color: #082433;
}
a.secondary:hover {
  color: #6f7d8c;
}

a,
p,
span {
  font-size: 16rem;
}

.load_screen {
  position: fixed;
  inset: 0;
  z-index: 3;
  background-color: #082433;
  opacity: 1;
  transition: opacity 1.2s ease;
}
.load_screen.loaded {
  opacity: 0;
}
.load_screen.hidden {
  display: none;
}
.load_screen div {
  width: 100%;
  height: 100%;
  background: var(--load_screen_img);
  background-position: center;
  background-size: 40%;
  background-repeat: no-repeat;
}

.show_mobile {
  display: block;
}

.show_desktop {
  display: none;
}

.no-transitions * {
  transition: all 0s !important;
}

.t-upper {
  text-transform: uppercase;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.d-flex {
  display: flex;
}

.d-none {
  display: none;
}

.gap-15 {
  gap: 15rem;
}

.usr-sel_none {
  user-select: none;
}

@media (min-width: 768px) {
  .show_mobile {
    display: none;
  }
  .show_desktop {
    display: block;
  }
}
.bars_loader {
  width: 45px;
  aspect-ratio: 1;
  --c0: no-repeat linear-gradient(#082433 0 0);
  --c1: no-repeat linear-gradient(#77a0a9 0 0);
  --c2: no-repeat linear-gradient(#f5eccf 0 0);
  --c3: no-repeat linear-gradient(#f6eccf 0 0);
  background: var(--c0) 0% 100%, var(--c1) 33.33% 100%, var(--c2) 66.66% 100%, var(--c3) 100% 100%;
  animation: bars 1s infinite linear;
}

@keyframes bars {
  0% {
    background-size: 20% 100%, 20% 60%, 20% 80%, 20% 20%;
  }
  20% {
    background-size: 20% 60%, 20% 40%, 20% 100%, 20% 40%;
  }
  40% {
    background-size: 20% 40%, 20% 60%, 20% 80%, 20% 60%;
  }
  60% {
    background-size: 20% 60%, 20% 40%, 20% 60%, 20% 80%;
  }
  80% {
    background-size: 20% 80%, 20% 20%, 20% 40%, 20% 60%;
  }
  100% {
    background-size: 20% 100%, 20% 40%, 20% 60%, 20% 40%;
  }
}
@keyframes moveRL {
  from {
    transform: translate(25rem, 0rem);
  }
  to {
    transform: translate(-25rem, 0rem);
  }
}
@keyframes rotate_plate {
  from {
    transform: rotate(var(--rot));
  }
  to {
    transform: rotate(calc(var(--rot) + 360deg));
  }
}
.title,
.title * {
  font-size: calc(11rem + 3.5vw);
}

.subtitle,
.subtitle * {
  font-size: calc(5rem + 2vw);
}

.p_title {
  font-size: calc(8rem + 2.5vw);
}

@media (min-width: 530px) {
  .title,
  .title * {
    font-size: 35rem;
  }
  .subtitle,
  .subtitle * {
    font-size: 11rem;
  }
  .p_title {
    font-size: 20rem;
  }
}
@media (min-width: 768px) {
  .title,
  .title * {
    font-size: 60rem;
  }
  .subtitle,
  .subtitle * {
    font-size: 15rem;
  }
  .p_title {
    font-size: 24rem;
  }
}
.petr_table {
  display: grid;
  --cols: 2;
}
.petr_table .petr_row {
  display: grid;
  grid-template-columns: repeat(max(1, var(--cols)), minmax(0, 1fr));
  width: 100%;
  background-color: #dddddd;
}
.petr_table .petr_row > p {
  padding: 5rem 10rem;
}
.petr_table .petr_row:nth-child(odd) {
  background-color: #fcfcfc;
}
.petr_table .petr_row.petr_row_head {
  background-color: #afadad;
}
.page_footer {
  background-color: #082433;
  padding: 32rem 32rem 16rem;
}
.page_footer .footer_logo {
  position: relative;
}
.page_footer .footer_logo:before {
  content: "";
  width: 100%;
  height: 5rem;
  background: linear-gradient(90deg, transparent, #f5eccf 25%, #f5eccf 75%, transparent);
  display: block;
  position: absolute;
  top: 50%;
  z-index: 0;
}
.page_footer .footer_logo svg {
  width: clamp(85rem, 40vw, 300rem);
  margin: auto;
  display: block;
  background: #082433;
  z-index: 1;
  position: relative;
}
.page_footer .footer_logo svg .cls-1 {
  fill: transparent;
}
.page_footer .footer_logo svg .cls-2 {
  fill: #f5eccf;
}
.page_footer .footer-navigation-container {
  margin: auto;
  margin-block: 30rem;
}
.page_footer .footer-navigation-container .footer-navigation-menu {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  display: flex;
  margin-inline: 100rem;
}
.page_footer .footer-navigation-container .footer-navigation-menu li {
  margin: auto;
}
.page_footer .rrss_footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.page_footer .rrss_footer svg {
  fill: #f5eccf;
}
.page_footer .rrss_footer .rrss_instagram:hover svg {
  transition: 0.5s ease-out fill;
  fill: url(#ig-rg);
}

@media (min-width: 768px) {
  .page_footer .footer-navigation-container .footer-navigation-menu {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.site-header {
  position: fixed;
  width: 100%;
  z-index: 2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: transparent;
  align-items: center;
}
.site-header.fixed ~ .site-main {
  padding-top: 42px;
}
.site-header.page-scrolled {
  background-color: #082433;
}
.site-header.page-scrolled * {
  transition: all 1s ease;
}
.site-header.page-scrolled .left-side .sidebar-toggle span {
  height: 4rem;
  width: 30rem;
  border-radius: 2rem;
  background-color: #f5eccf;
}
.site-header.page-scrolled .left-side .sidebar-toggle:hover > span {
  background-color: #f6eccf;
}
.site-header.page-scrolled .left-side .site-branding {
  height: 50rem;
  margin-top: 11rem;
}
.site-header.page-scrolled .left-side .site-branding.brand_logo_1 {
  opacity: 0;
}
.site-header.page-scrolled .left-side .site-branding.brand_logo_2 {
  opacity: 1;
}
.site-header.page-scrolled .right-side .header-main-navigation-menu li {
  border-color: #f5eccf;
}
.site-header.page-scrolled .right-side .header-main-navigation-menu li a {
  color: #f5eccf;
}
.site-header.page-scrolled .right-side .header-main-navigation-menu li:hover {
  border-color: #f6eccf;
}
.site-header.page-scrolled .right-side .header-main-navigation-menu li:hover a {
  color: #f6eccf;
}
.site-header .left-side .site-branding {
  position: absolute;
  top: 5rem;
  background: var(--logo_img_url);
  width: 130rem;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 59rem;
  transition: all 1s ease;
}
.site-header .left-side .site-branding.brand_logo_1 {
  opacity: 1;
}
.site-header .left-side .site-branding.brand_logo_2 {
  opacity: 0;
}
.site-header .right-side .header-main-navigation-menu li {
  border: #082433 solid;
  padding-inline: 8rem;
  height: 60rem;
  line-height: 60rem;
  border-width: 0rem 0rem 0rem 1rem;
}
.site-header .right-side .header-main-navigation-menu li a {
  color: #082433;
}
.site-header .right-side .header-main-navigation-menu li:hover {
  border-color: #f5eccf;
}
.site-header .right-side .header-main-navigation-menu li:hover a {
  color: #f5eccf;
}

.sidebar-toggle {
  display: flex;
  flex-direction: column;
  row-gap: 7rem;
  padding: 8rem 6rem;
  cursor: pointer;
}
.sidebar-toggle span {
  height: 4rem;
  width: 30rem;
  border-radius: 2rem;
  background-color: #082433;
}
.sidebar-toggle:hover > span {
  background-color: #f5eccf;
}

.site-sidebar {
  background-color: #082433;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: -100%;
  z-index: 4;
  transition: left 0.75s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
.site-sidebar .sidebar-toggle {
  position: absolute;
  bottom: 36rem;
}
.site-sidebar .sidebar-toggle span {
  background-color: #f5eccf;
}
.site-sidebar .sidebar-toggle span:nth-child(1) {
  transform: rotate(45deg);
}
.site-sidebar .sidebar-toggle span:nth-child(2) {
  transform: rotate(-45deg) translate(7px, -7px);
}
.site-sidebar .sidebar-navigation li {
  margin: auto;
  text-align: center;
}
.site-sidebar .sidebar-navigation li a {
  font-size: 39rem;
  text-transform: uppercase;
}
.site-sidebar.show {
  left: 0%;
}

@media (min-width: 530px) {
  .site-header .sidebar-navigation li a {
    font-size: 50rem;
  }
}
@media (min-width: 768px) {
  .site-header .sidebar-navigation li a {
    font-size: 60rem;
  }
}
.swiper .swiper-pagination-bullet-active {
  background-color: #f5eccf;
}
.swiper .swiper-pagination-bullet-active:hover {
  background-color: #f6eccf;
}
.swiper .swiper-slide div {
  padding: 140rem 60rem;
}
.swiper .swiper-static-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
}

.home-page .home-menus .menu-cover.swiper-slide-active {
  filter: brightness(1);
}

.ui-datepicker *,
.ui-datepicker {
  font-size: 16px !important;
}

.ui-datepicker {
  width: auto;
}

html .ui-datepicker {
  padding: 0;
}

html .ui-datepicker table {
  margin: 0;
}

html .ui-widget-header {
  border: none;
  background: #cccccc;
  border-radius: 0 !important;
}

.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-widget-content .ui-state-default,
.ui-datepicker-calendar .ui-widget-header .ui-state-default,
.ui-datepicker-calendar .ui-button,
.ui-datepicker-calendar .ui-button.ui-state-disabled {
  background: #00d150 !important;
  border: 3px solid #d3d3d3 !important;
}
.ui-datepicker-calendar .ui-state-hover,
.ui-datepicker-calendar .ui-widget-content .ui-state-hover,
.ui-datepicker-calendar .ui-widget-header .ui-state-hover,
.ui-datepicker-calendar .ui-state-focus,
.ui-datepicker-calendar .ui-widget-content .ui-state-focus,
.ui-datepicker-calendar .ui-widget-header .ui-state-focus,
.ui-datepicker-calendar .ui-button:hover,
.ui-datepicker-calendar .ui-button:focus {
  background: #dadada;
  border: 3px dashed #082433 !important;
}
.ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
  background: #ff863f !important;
}
.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active,
.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,
.ui-datepicker-calendar .ui-widget-header .ui-state-highlight {
  border: 3px dashed #082433 !important;
}
.ui-datepicker-calendar .calendar_disabled > .ui-state-default {
  background-color: #e6e6e6 !important;
}
.ui-datepicker-calendar .calendar_full > .ui-state-default {
  background-color: #ff863f !important;
}
.ui-datepicker-calendar .calendar_lunch > .ui-state-default {
  background: linear-gradient(-45deg, #00d150 0%, #00d150 50%, rgba(255, 134, 63, 0.35) 50%, rgba(255, 134, 63, 0.35) 100%) !important;
}
.ui-datepicker-calendar .calendar_dinner > .ui-state-default {
  background: linear-gradient(135deg, #00d150 0%, #00d150 50%, rgba(255, 134, 63, 0.35) 50%, rgba(255, 134, 63, 0.35) 100%) !important;
}
.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-state-disabled .ui-state- {
  aspect-ratio: 1/1;
  line-height: 24px;
}

.home-page {
  overflow: hidden;
}
.home-page.loaded .home-swiper {
  transform: scale(1);
}
.home-page .home-swiper {
  position: relative;
  transform: scale(1.2);
  transition: transform 1.2s cubic-bezier(0, 0, 0.09, 1);
}
.home-page .home-swiper:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #0a1922, transparent);
  /* background: linear-gradient(0deg, #000, transparent); */
  z-index: 1;
}
.home-page .home-swiper .swiper-static-text {
  top: 200rem;
  padding: 30rem;
}
.home-page .home-swiper .swiper-static-text .js-animate-rotation span {
  display: inline-block;
  transform: rotateY(90deg);
  transition: transform 0.8s ease-out;
}
.home-page .home-swiper .swiper-static-text .js-animate-rotation span.active {
  transform: rotateY(0deg);
}
.home-page .home-swiper .swiper-slide {
  width: 100vw;
  height: 100vh;
}
.home-page .home-swiper .swiper-slide div {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
}
.home-page .home-swiper .swiper-slide[data-swiper-slide-index="0"] div {
  background-image: url(/wp-content/uploads/2024/09/IMPRIMIR2.jpeg);
}
.home-page .home-swiper .swiper-slide[data-swiper-slide-index="1"] div {
  background-image: url(/wp-content/uploads/2024/09/1725627827089-scaled.jpg);
}
.home-page .home-swiper .swiper-slide[data-swiper-slide-index="2"] div {
  background-image: url(/wp-content/uploads/2024/09/1725628715201-scaled.jpg);
}
@media (min-width: 768px) {
  .home-page .home-swiper .swiper-static-text {
    /* top: 415rem; */
    top: unset;
    bottom: 0;
    color: #f5eccf;
  }
  .home-page .home-swiper .swiper-slide {
    width: 100vw;
    height: 100vh;
  }
}
.home-page .home-food {
  position: relative;
  overflow: hidden;
}
.home-page .home-food .food_upper,
.home-page .home-food .food_bg {
  position: relative;
  background-image: var(--bg_img);
  background-repeat: repeat-x, repeat;
  background-size: cover;
  height: 300rem;
  max-width: 70%;
  opacity: 0;
}
@media (max-width: 799px) {
  .home-page .home-food .food_upper,
  .home-page .home-food .food_bg {
    transition: none;
  }
}
.home-page .home-food .food_upper.show,
.home-page .home-food .food_bg.show {
  opacity: 1;
}
@media (max-width: 799px) {
  .home-page .home-food .food_upper.show,
  .home-page .home-food .food_bg.show {
    max-width: 100%;
  }
}
.home-page .home-food .food_upper .text_container,
.home-page .home-food .food_bg .text_container {
  position: absolute;
  max-width: 600rem;
  padding: 0rem 50rem;
}
@media (max-width: 799px) {
  .home-page .home-food .food_upper .text_container,
  .home-page .home-food .food_bg .text_container {
    animation: none;
  }
}
.home-page .home-food .food_upper .text_container p,
.home-page .home-food .food_bg .text_container p {
  font-size: 27rem;
}
@media (min-width: 530px) {
  .home-page .home-food .food_upper .text_container p,
  .home-page .home-food .food_bg .text_container p {
    font-size: 33rem;
  }
}
@media (min-width: 768px) {
  .home-page .home-food .food_upper .text_container p,
  .home-page .home-food .food_bg .text_container p {
    font-size: 38rem;
  }
}
.home-page .home-food .food_upper {
  margin-left: 0%;
  transition: margin-left 1.2s cubic-bezier(0.54, 0.53, 0, 1), opacity 1.2s ease-out;
  color: #f5eccf;
}
.home-page .home-food .food_upper.show {
  margin-left: 30%;
}
@media (max-width: 799px) {
  .home-page .home-food .food_upper.show {
    margin-left: 0%;
  }
}
.home-page .home-food .food_upper .text_container {
  left: -100rem;
  animation: 12s infinite alternate moveRL;
  top: 24rem;
}
@media (min-width: 530px) {
  .home-page .home-food .food_upper .text_container {
    top: 32rem;
  }
}
@media (min-width: 768px) {
  .home-page .home-food .food_upper .text_container {
    top: 60rem;
  }
}
@media (max-width: 799px) {
  .home-page .home-food .food_upper .text_container {
    left: 0;
  }
}
.home-page .home-food .food_bg {
  margin-right: 0%;
  margin-left: auto;
  transition: margin-right 1.2s cubic-bezier(0.54, 0.53, 0, 1), opacity 1.2s ease-out;
  color: #f5eccf;
}
.home-page .home-food .food_bg.show {
  margin-right: 30%;
}
@media (max-width: 799px) {
  .home-page .home-food .food_bg.show {
    margin-right: 0%;
  }
}
.home-page .home-food .food_bg .text_container {
  right: -100rem;
  animation: 12s infinite alternate-reverse moveRL;
  top: 20rem;
}
@media (max-width: 799px) {
  .home-page .home-food .food_bg .text_container {
    right: 0;
  }
}
.home-page .home-food .food_plate {
  position: absolute;
  width: 140rem;
  height: 140rem;
  animation: var(--dur) infinite rotate_plate linear;
  scale: 0;
  transition: scale 1s cubic-bezier(0.74, 0.39, 0.23, 1.23);
}
@media (min-width: 530px) {
  .home-page .home-food .food_plate {
    width: 165rem;
    height: 165rem;
  }
}
@media (min-width: 768px) {
  .home-page .home-food .food_plate {
    width: 200rem;
    height: 200rem;
  }
}
.home-page .home-food .food_plate.show {
  scale: 1;
}
.home-page .home-food .food_plate.food_plate_1 {
  top: calc(70rem + 7vw);
  left: 13vw;
}
@media (min-width: 530px) {
  .home-page .home-food .food_plate.food_plate_1 {
    top: 18vw;
    left: 13vw;
  }
}
@media (min-width: 768px) {
  .home-page .home-food .food_plate.food_plate_1 {
    top: 12vw;
    left: 22vw;
  }
}
.home-page .home-food .food_plate.food_plate_2 {
  top: 154rem;
  right: 5vw;
}
@media (min-width: 530px) {
  .home-page .home-food .food_plate.food_plate_2 {
    top: 155rem;
  }
}
.home-page .home-food .food_plate.food_plate_3 {
  bottom: 15rem;
  left: calc(50vw - 100rem);
}
.home-page .home-menus {
  display: flex;
  height: 400rem;
  width: 100%;
  padding-top: 54rem;
  margin-top: 54rem;
  position: relative;
  background-color: #082433;
  overflow: visible;
}
@media (min-width: 530px) {
  .home-page .home-menus {
    padding-top: 60rem;
  }
}
@media (min-width: 768px) {
  .home-page .home-menus {
    padding-top: 80rem;
  }
}
.home-page .home-menus.home-menus-swiper {
  padding-inline: 20rem;
}
@media (min-width: 768px) {
  .home-page .home-menus.home-menus-swiper {
    padding-inline: 0rem;
  }
}
.home-page .home-menus .border-decoration {
  position: absolute;
  top: max(-30vw, -250px);
  right: 0;
  width: min(30%, 250px);
  height: auto;
}
.home-page .home-menus .menus-section-title {
  position: absolute;
  top: 10rem;
  width: 100%;
  color: #f5eccf;
  text-align: center;
  left: 0;
  font-size: 24rem;
}
@media (min-width: 530px) {
  .home-page .home-menus .menus-section-title {
    font-size: 30rem;
  }
}
@media (min-width: 768px) {
  .home-page .home-menus .menus-section-title {
    font-size: 40rem;
  }
}
.home-page .home-menus .menu-cover {
  width: 0rem;
  flex-grow: 1;
  object-fit: cover;
  filter: brightness(0.5);
  transition: all 0.75s ease;
  background-image: var(--img_url);
  background-size: cover;
}
.home-page .home-menus .menu-cover:after {
  content: var(--menu_title);
  display: block;
  position: absolute;
  bottom: 10rem;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 22rem;
  color: white;
}
.home-page .home-menus .menu-cover:hover {
  cursor: pointer;
  width: 300rem;
  filter: brightness(1);
}

.contact-page .title {
  font-size: 35rem;
  text-align: center;
}
.contact-page .subtitle {
  font-size: 25rem;
  margin-bottom: 10rem;
}
.contact-page * + .subtitle {
  margin-top: 20rem;
}
.contact-page p:not(.title):not(.subtitle) {
  margin-block: 3rem;
  max-width: 35ch;
}
.contact-page p,
.contact-page td,
.contact-page th,
.contact-page .title,
.contact-page .subtile {
  color: #082433;
}
.contact-page .animate_on_scroll {
  opacity: 0;
  transform: translateY(70px);
  transition: all 1.5s ease-out;
}
.contact-page .animate_on_scroll.map {
  transform: skew(-10deg) translate3d(115%, 0, 0);
  transition: transform 2s cubic-bezier(0.7, 0, 0.3, 1);
}
.contact-page .animate_on_scroll.map.show {
  transform: skew(0deg) translate3d(0%, 0, 0);
}
.contact-page .animate_on_scroll.show {
  opacity: 1;
  transform: translateY(0px);
}

.contact-section {
  max-width: 90%;
  margin: 30rem auto 60rem;
}
.contact-section .contact-details {
  padding: 20rem 5rem;
  gap: 20rem;
  flex-wrap: wrap;
}
.contact-section .contact-details iframe {
  width: 100%;
}
@media (min-width: 768px) {
  .contact-section .contact-details > * {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .contact-section .contact-details {
    flex-wrap: nowrap;
  }
}
.contact-section .contact-details .contact-details-inner {
  flex-direction: column;
  align-self: center;
}
.contact-section .schedule-details {
  padding: 20rem 5rem;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 768px) {
  .contact-section .schedule-details {
    padding-inline: 15rem;
  }
}
.contact-section .schedule-details table th,
.contact-section .schedule-details table td {
  width: min(100vw, 200rem);
  font-size: 16rem;
  border: 1rem solid #082433;
  background-color: #f5eccf;
  padding: 10rem;
  text-align: center;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .contact-section .schedule-details table th,
  .contact-section .schedule-details table td {
    width: 14.2857142857%;
  }
}

.menu-template {
  padding-block: 60rem;
  width: 100%;
  display: grid;
  place-content: center;
  justify-items: center;
  color: #FFFFFF;
}
.menu-template .title {
  color: #082433;
  text-shadow: none;
}
.menu-template .title,
.menu-template .subtitle {
  text-align: center;
}
.menu-template .menu-section {
  margin-inline: 15rem;
  max-width: min(100%, 700rem);
  background-color: #082433;
  border-radius: 15rem;
  padding: 20rem 20rem;
}
@media (min-width: 768px) {
  .menu-template .menu-section {
    padding: 20rem 40rem;
    margin-inline: 40rem;
  }
}
.menu-template .menu-section-header {
  font-size: 20rem;
}
.menu-template .menu-section-food {
  font-size: 16rem;
}
.menu-template .menu-section-food .dish_thumbnail {
  background-color: white;
  padding: 5rem;
  border-radius: 15rem;
}
.menu-template .menu-section-food .dish_thumbnail img {
  height: 100rem;
}
.menu-template .menu-section-food .allergens {
  gap: 15rem;
}
.menu-template .menu-section-food .allergens .allergen {
  background: #f5eccf;
  border-radius: 15rem;
  width: 50rem;
  padding: 5rem;
}
.menu-template .menu-section + .menu-section {
  margin-top: 25rem;
}

.reservation-form-section {
  min-height: 100vh;
  padding-block: 60rem;
  width: 100%;
  display: grid;
  place-content: center;
  justify-items: center;
  background-image: var(--reservation_form_bg_img);
}
.reservation-form-section .reservation-form,
.reservation-form-section .reservation-form-success,
.reservation-form-section .reservation-form-error {
  margin-inline: 15rem;
  max-width: min(100%, 700rem);
  background-color: #082433;
  border-radius: 15rem;
  padding: 20rem 20rem;
}
@media (min-width: 768px) {
  .reservation-form-section .reservation-form,
  .reservation-form-section .reservation-form-success,
  .reservation-form-section .reservation-form-error {
    padding: 20rem 40rem;
    margin-inline: 40rem;
  }
}
.reservation-form-section .reservation-form .p_title,
.reservation-form-section .reservation-form-success .p_title,
.reservation-form-section .reservation-form-error .p_title {
  color: #FFFFFF;
  margin-bottom: 20rem;
  text-align: center;
}
.reservation-form-section .reservation-form .input-row,
.reservation-form-section .reservation-form-success .input-row,
.reservation-form-section .reservation-form-error .input-row {
  font-size: 16rem;
  margin-bottom: 16rem;
}
.reservation-form-section .reservation-form label,
.reservation-form-section .reservation-form-success label,
.reservation-form-section .reservation-form-error label {
  display: block;
  color: #FFFFFF;
  margin-bottom: 4rem;
}
.reservation-form-section .reservation-form input,
.reservation-form-section .reservation-form textarea,
.reservation-form-section .reservation-form select,
.reservation-form-section .reservation-form-success input,
.reservation-form-section .reservation-form-success textarea,
.reservation-form-section .reservation-form-success select,
.reservation-form-section .reservation-form-error input,
.reservation-form-section .reservation-form-error textarea,
.reservation-form-section .reservation-form-error select {
  border-radius: 5rem;
  border: none;
  background-color: #FFFFFF;
  padding: 5rem 10rem;
  width: 100%;
}
.reservation-form-section .reservation-form input:focus-visible,
.reservation-form-section .reservation-form textarea:focus-visible,
.reservation-form-section .reservation-form select:focus-visible,
.reservation-form-section .reservation-form-success input:focus-visible,
.reservation-form-section .reservation-form-success textarea:focus-visible,
.reservation-form-section .reservation-form-success select:focus-visible,
.reservation-form-section .reservation-form-error input:focus-visible,
.reservation-form-section .reservation-form-error textarea:focus-visible,
.reservation-form-section .reservation-form-error select:focus-visible {
  outline: #f5eccf auto 1rem;
}
.reservation-form-section .reservation-form input:disabled,
.reservation-form-section .reservation-form-success input:disabled,
.reservation-form-section .reservation-form-error input:disabled {
  background: linear-gradient(0deg, #b4bdc1, #b4bdc1);
  color: #5b6468;
}
.reservation-form-section .reservation-form .time_input,
.reservation-form-section .reservation-form-success .time_input,
.reservation-form-section .reservation-form-error .time_input {
  width: auto;
  display: inline-block;
}
.reservation-form-section .reservation-form input[type=checkbox],
.reservation-form-section .reservation-form input[name=date],
.reservation-form-section .reservation-form input[name=time],
.reservation-form-section .reservation-form select[name=table],
.reservation-form-section .reservation-form-success input[type=checkbox],
.reservation-form-section .reservation-form-success input[name=date],
.reservation-form-section .reservation-form-success input[name=time],
.reservation-form-section .reservation-form-success select[name=table],
.reservation-form-section .reservation-form-error input[type=checkbox],
.reservation-form-section .reservation-form-error input[name=date],
.reservation-form-section .reservation-form-error input[name=time],
.reservation-form-section .reservation-form-error select[name=table] {
  width: auto;
}
.reservation-form-section .reservation-form .diners_table,
.reservation-form-section .reservation-form-success .diners_table,
.reservation-form-section .reservation-form-error .diners_table {
  color: white;
  border-spacing: 26rem 6rem;
}
.reservation-form-section .reservation-form input[name=diners],
.reservation-form-section .reservation-form input[name=kid_diners],
.reservation-form-section .reservation-form-success input[name=diners],
.reservation-form-section .reservation-form-success input[name=kid_diners],
.reservation-form-section .reservation-form-error input[name=diners],
.reservation-form-section .reservation-form-error input[name=kid_diners] {
  width: 60rem;
}
.reservation-form-section .reservation-form input[type=checkbox] + label,
.reservation-form-section .reservation-form-success input[type=checkbox] + label,
.reservation-form-section .reservation-form-error input[type=checkbox] + label {
  display: inline;
  margin-bottom: 0;
}
.reservation-form-section .reservation-form .form_submit,
.reservation-form-section .reservation-form-success .form_submit,
.reservation-form-section .reservation-form-error .form_submit {
  font-size: 18rem;
  border: none;
  background-color: #f5eccf;
  padding: 10rem 40rem;
  border-radius: 5rem;
  transition: background-color 0.25s ease;
  cursor: pointer;
  position: relative;
}
.reservation-form-section .reservation-form .form_submit .loading_icon,
.reservation-form-section .reservation-form-success .form_submit .loading_icon,
.reservation-form-section .reservation-form-error .form_submit .loading_icon {
  display: none;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.reservation-form-section .reservation-form .form_submit:hover,
.reservation-form-section .reservation-form-success .form_submit:hover,
.reservation-form-section .reservation-form-error .form_submit:hover {
  background-color: #f6eccf;
}
.reservation-form-section .reservation-form .form_submit:disabled,
.reservation-form-section .reservation-form-success .form_submit:disabled,
.reservation-form-section .reservation-form-error .form_submit:disabled {
  color: #f5eccf;
}
.reservation-form-section .reservation-form .form_submit:disabled .loading_icon,
.reservation-form-section .reservation-form-success .form_submit:disabled .loading_icon,
.reservation-form-section .reservation-form-error .form_submit:disabled .loading_icon {
  display: block;
}
.reservation-form-section .reservation-form .form_submit:disabled:hover,
.reservation-form-section .reservation-form-success .form_submit:disabled:hover,
.reservation-form-section .reservation-form-error .form_submit:disabled:hover {
  background-color: #f5eccf;
  cursor: wait;
}
.reservation-form-section .reservation-form-success,
.reservation-form-section .reservation-form-error {
  color: #FFFFFF;
}
.reservation-form-section .reservation-form-success h3,
.reservation-form-section .reservation-form-error h3 {
  font-size: 24rem;
}
.reservation-form-section .reservation-form-success h4,
.reservation-form-section .reservation-form-error h4 {
  font-size: 20rem;
  margin-bottom: 20rem;
}
.reservation-form-section .reservation-form-success button,
.reservation-form-section .reservation-form-error button {
  display: block;
  margin-inline: auto;
  margin-block: 20rem;
}
.reservation-form-section .canvas_wrapper {
  overflow: hidden;
  position: relative;
  flex-grow: 1;
}
.reservation-form-section .canvas_wrapper .canvas_overlay {
  position: absolute;
  display: flex;
  flex-direction: row;
  gap: 10rem;
  top: 5rem;
  right: 5rem;
}
.reservation-form-section .canvas_wrapper .canvas_overlay .action_button {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.reservation-form-section .canvas_wrapper .canvas_overlay .action_button.show {
  display: block;
  opacity: 1;
}
.reservation-form-section .canvas_wrapper .canvas_loader {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3019607843);
  backdrop-filter: blur(5px);
}
.reservation-form-section .canvas_wrapper .canvas_loader.show {
  display: block;
}
.reservation-form-section .canvas_wrapper .canvas_loader .bars_loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.reservation-form-section .locations_menu .locations_list {
  display: flex;
  flex-direction: row;
  background-color: #6b6b6b;
}
.reservation-form-section .locations_menu .locations_list .location_selector {
  padding: 10rem 15rem;
  border-right: 1px solid #6b6b6b;
  border-top: 1px solid #6b6b6b;
  cursor: pointer;
}
.reservation-form-section .locations_menu .locations_list .location_selector:first-child {
  border-left: 1px solid #6b6b6b;
}
.reservation-form-section .locations_menu .locations_list .location_selector#add_location, .reservation-form-section .locations_menu .locations_list .location_selector#add_location_form {
  display: none;
}
.reservation-form-section .locations_menu .locations_list .location_selector#add_location.show, .reservation-form-section .locations_menu .locations_list .location_selector#add_location_form.show {
  display: block;
}
.reservation-form-section .locations_menu .locations_list .location_selector:hover, .reservation-form-section .locations_menu .locations_list .location_selector.selected {
  background-color: #7a7a7a;
}
.reservation-form-section .tools_menu .filtering_options {
  padding: 0 10rem 0 0;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.reservation-form-section .tools_menu .filtering_options .filter_group_turns {
  display: flex;
  flex-direction: row;
}
.reservation-form-section .tools_menu .filtering_options .filter_group_turns input[name=filtering_turn] {
  display: none;
}
.reservation-form-section .tools_menu .filtering_options .filter_group_turns input[name=filtering_turn]:checked + label {
  background-color: #7a7a7a;
}
.reservation-form-section .tools_menu .filtering_options .filter_group_turns input[name=filtering_turn] + label {
  padding: 10rem 15rem;
  border-right: 1px solid #6b6b6b;
  cursor: pointer;
}
.reservation-form-section .tools_menu .filtering_options .filter_group_turns input[name=filtering_turn] + label:hover {
  background-color: #7a7a7a;
}
.reservation-form-section .location_selector {
  font-size: 16rem;
}
.reservation-form-section .canvas_wrapper {
  height: 300px;
}
.reservation-form-section .canvas_wrapper canvas {
  background-color: rgba(0, 0, 0, 0.3019607843);
  width: 100%;
  height: 300px;
}
.reservation-form-section .turn_dialog,
.reservation-form-section .extras_dialog {
  background-color: #082433;
  border-radius: 10px;
  border-color: #f5eccf;
  padding: 16rem;
}
.reservation-form-section .turn_dialog::backdrop,
.reservation-form-section .extras_dialog::backdrop {
  backdrop-filter: blur(2px);
  background-color: rgba(8, 36, 51, 0.25);
}
.reservation-form-section .turn_dialog .dialog_content,
.reservation-form-section .extras_dialog .dialog_content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10rem;
}
.reservation-form-section .turn_dialog .dialog_content .dialog_title,
.reservation-form-section .extras_dialog .dialog_content .dialog_title {
  color: #FFFFFF;
  font-size: 18rem;
}
.reservation-form-section .turn_dialog .dialog_content .turn_options,
.reservation-form-section .turn_dialog .dialog_content .extras_options,
.reservation-form-section .extras_dialog .dialog_content .turn_options,
.reservation-form-section .extras_dialog .dialog_content .extras_options {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 24rem;
  margin-block: 14rem;
  font-size: 16rem;
}
.reservation-form-section .turn_dialog .dialog_content .turn_options .turn_option input[name=turn],
.reservation-form-section .turn_dialog .dialog_content .turn_options .extra_option input[name=turn],
.reservation-form-section .turn_dialog .dialog_content .extras_options .turn_option input[name=turn],
.reservation-form-section .turn_dialog .dialog_content .extras_options .extra_option input[name=turn],
.reservation-form-section .extras_dialog .dialog_content .turn_options .turn_option input[name=turn],
.reservation-form-section .extras_dialog .dialog_content .turn_options .extra_option input[name=turn],
.reservation-form-section .extras_dialog .dialog_content .extras_options .turn_option input[name=turn],
.reservation-form-section .extras_dialog .dialog_content .extras_options .extra_option input[name=turn] {
  display: none;
}
.reservation-form-section .turn_dialog .dialog_content .turn_options .turn_option input[name=turn]:checked + .turn_option_label,
.reservation-form-section .turn_dialog .dialog_content .turn_options .extra_option input[name=turn]:checked + .turn_option_label,
.reservation-form-section .turn_dialog .dialog_content .extras_options .turn_option input[name=turn]:checked + .turn_option_label,
.reservation-form-section .turn_dialog .dialog_content .extras_options .extra_option input[name=turn]:checked + .turn_option_label,
.reservation-form-section .extras_dialog .dialog_content .turn_options .turn_option input[name=turn]:checked + .turn_option_label,
.reservation-form-section .extras_dialog .dialog_content .turn_options .extra_option input[name=turn]:checked + .turn_option_label,
.reservation-form-section .extras_dialog .dialog_content .extras_options .turn_option input[name=turn]:checked + .turn_option_label,
.reservation-form-section .extras_dialog .dialog_content .extras_options .extra_option input[name=turn]:checked + .turn_option_label {
  background-color: #f5eccf;
  fill: #082433;
  scale: 1.1;
}
.reservation-form-section .turn_dialog .dialog_content .turn_options .turn_option input[name=turn]:disabled + .turn_option_label,
.reservation-form-section .turn_dialog .dialog_content .turn_options .extra_option input[name=turn]:disabled + .turn_option_label,
.reservation-form-section .turn_dialog .dialog_content .extras_options .turn_option input[name=turn]:disabled + .turn_option_label,
.reservation-form-section .turn_dialog .dialog_content .extras_options .extra_option input[name=turn]:disabled + .turn_option_label,
.reservation-form-section .extras_dialog .dialog_content .turn_options .turn_option input[name=turn]:disabled + .turn_option_label,
.reservation-form-section .extras_dialog .dialog_content .turn_options .extra_option input[name=turn]:disabled + .turn_option_label,
.reservation-form-section .extras_dialog .dialog_content .extras_options .turn_option input[name=turn]:disabled + .turn_option_label,
.reservation-form-section .extras_dialog .dialog_content .extras_options .extra_option input[name=turn]:disabled + .turn_option_label {
  cursor: not-allowed;
}
.reservation-form-section .turn_dialog .dialog_content .turn_options .turn_option input[name=turn]:disabled + .turn_option_label:hover,
.reservation-form-section .turn_dialog .dialog_content .turn_options .extra_option input[name=turn]:disabled + .turn_option_label:hover,
.reservation-form-section .turn_dialog .dialog_content .extras_options .turn_option input[name=turn]:disabled + .turn_option_label:hover,
.reservation-form-section .turn_dialog .dialog_content .extras_options .extra_option input[name=turn]:disabled + .turn_option_label:hover,
.reservation-form-section .extras_dialog .dialog_content .turn_options .turn_option input[name=turn]:disabled + .turn_option_label:hover,
.reservation-form-section .extras_dialog .dialog_content .turn_options .extra_option input[name=turn]:disabled + .turn_option_label:hover,
.reservation-form-section .extras_dialog .dialog_content .extras_options .turn_option input[name=turn]:disabled + .turn_option_label:hover,
.reservation-form-section .extras_dialog .dialog_content .extras_options .extra_option input[name=turn]:disabled + .turn_option_label:hover {
  scale: 1;
}
.reservation-form-section .turn_dialog .dialog_content .turn_options .turn_option_label,
.reservation-form-section .turn_dialog .dialog_content .turn_options .extra_option_label,
.reservation-form-section .turn_dialog .dialog_content .extras_options .turn_option_label,
.reservation-form-section .turn_dialog .dialog_content .extras_options .extra_option_label,
.reservation-form-section .extras_dialog .dialog_content .turn_options .turn_option_label,
.reservation-form-section .extras_dialog .dialog_content .turn_options .extra_option_label,
.reservation-form-section .extras_dialog .dialog_content .extras_options .turn_option_label,
.reservation-form-section .extras_dialog .dialog_content .extras_options .extra_option_label {
  border-radius: 10px;
  background-color: #808191;
  fill: rgba(0, 0, 0, 0.3019607843);
  font-size: 18rem;
  margin: 0;
  cursor: pointer;
  scale: 1;
  transition: scale 0.25s ease;
}
.reservation-form-section .turn_dialog .dialog_content .turn_options .turn_option_label svg,
.reservation-form-section .turn_dialog .dialog_content .turn_options .extra_option_label svg,
.reservation-form-section .turn_dialog .dialog_content .extras_options .turn_option_label svg,
.reservation-form-section .turn_dialog .dialog_content .extras_options .extra_option_label svg,
.reservation-form-section .extras_dialog .dialog_content .turn_options .turn_option_label svg,
.reservation-form-section .extras_dialog .dialog_content .turn_options .extra_option_label svg,
.reservation-form-section .extras_dialog .dialog_content .extras_options .turn_option_label svg,
.reservation-form-section .extras_dialog .dialog_content .extras_options .extra_option_label svg {
  display: block;
}
.reservation-form-section .turn_dialog .dialog_content .turn_options .turn_option_label:hover,
.reservation-form-section .turn_dialog .dialog_content .turn_options .extra_option_label:hover,
.reservation-form-section .turn_dialog .dialog_content .extras_options .turn_option_label:hover,
.reservation-form-section .turn_dialog .dialog_content .extras_options .extra_option_label:hover,
.reservation-form-section .extras_dialog .dialog_content .turn_options .turn_option_label:hover,
.reservation-form-section .extras_dialog .dialog_content .turn_options .extra_option_label:hover,
.reservation-form-section .extras_dialog .dialog_content .extras_options .turn_option_label:hover,
.reservation-form-section .extras_dialog .dialog_content .extras_options .extra_option_label:hover {
  scale: 1.15;
}
.reservation-form-section .turn_dialog .dialog_content .extras_options,
.reservation-form-section .extras_dialog .dialog_content .extras_options {
  flex-direction: column;
}
.reservation-form-section .turn_dialog .dialog_content .eaters_label,
.reservation-form-section .extras_dialog .dialog_content .eaters_label {
  font-size: 18rem;
}
.reservation-form-section .turn_dialog .dialog_content .eaters_label output,
.reservation-form-section .extras_dialog .dialog_content .eaters_label output {
  font-weight: bold;
}
.reservation-form-section .turn_dialog .dialog_content .btn,
.reservation-form-section .extras_dialog .dialog_content .btn {
  font-size: 18rem;
  border: none;
  background-color: #f5eccf;
  padding: 10rem 40rem;
  border-radius: 5rem;
  transition: background-color 0.25s ease;
  cursor: pointer;
  position: relative;
}
.reservation-form-section .turn_dialog .dialog_content .btn:hover,
.reservation-form-section .extras_dialog .dialog_content .btn:hover {
  background-color: #f6eccf;
}
.reservation-form-section .turn_dialog .dialog_content .btn:disabled,
.reservation-form-section .extras_dialog .dialog_content .btn:disabled {
  color: #082433;
  background-color: #808191;
}
.reservation-form-section .turn_dialog .dialog_content .btn:disabled:hover,
.reservation-form-section .extras_dialog .dialog_content .btn:disabled:hover {
  cursor: not-allowed;
}

html:has(.canvas_wrapper:hover),
html:has(.reservations_manager .canvas_wrapper) {
  overflow-y: hidden;
}

main.tried_submit input[required]:invalid,
main.tried_submit textarea[required]:invalid,
main.tried_submit select[required]:invalid {
  background: repeating-linear-gradient(45deg, #ff8e8e 0px, #ff8e8e 7px, #ffadad 7px, #ffadad 14px);
  box-shadow: red 0px 0px 4px 2px;
}

.admin_header {
  background-color: #999999;
  border-bottom: 1px solid #6b6b6b;
}
.admin_header .sidebar-toggle span {
  height: 4rem;
  width: 30rem;
  border-radius: 2rem;
  background-color: #f5eccf;
}
.admin_header .sidebar-toggle:hover > span {
  background-color: #f6eccf;
}

.reservations_manager {
  width: 100%;
  height: calc(100vh - 42px);
  background-color: #999999;
  border-right: 1px solid #6b6b6b;
  display: flex;
  flex-direction: row;
  position: relative;
}
.reservations_manager-main_section {
  display: flex;
  flex-direction: row;
  width: 100%;
  overflow: hidden;
}
.reservations_manager-main_section .admin_menu {
  display: none;
}
.reservations_manager-main_section .admin_menu.active {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.reservations_manager-main_section .admin_menu .tools_menu,
.reservations_manager-main_section .admin_menu .locations_menu {
  width: 100%;
  font-size: 16rem;
  border-bottom: 1px solid #6b6b6b;
}
.reservations_manager-main_section .admin_menu .locations_menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.reservations_manager-main_section .admin_menu .locations_menu .locations_list {
  display: flex;
  flex-direction: row;
}
.reservations_manager-main_section .admin_menu .locations_menu .locations_list .location_selector {
  padding: 10rem 15rem;
  border-right: 1px solid #6b6b6b;
  cursor: pointer;
}
.reservations_manager-main_section .admin_menu .locations_menu .locations_list .location_selector#add_location, .reservations_manager-main_section .admin_menu .locations_menu .locations_list .location_selector#add_location_form {
  display: none;
}
.reservations_manager-main_section .admin_menu .locations_menu .locations_list .location_selector#add_location.show, .reservations_manager-main_section .admin_menu .locations_menu .locations_list .location_selector#add_location_form.show {
  display: block;
}
.reservations_manager-main_section .admin_menu .locations_menu .locations_list .location_selector:hover, .reservations_manager-main_section .admin_menu .locations_menu .locations_list .location_selector.selected {
  background-color: #7a7a7a;
}
.reservations_manager-main_section .admin_menu .locations_menu .edit_mode {
  display: flex;
  flex-direction: row;
  gap: 10rem;
  align-items: center;
  padding-inline: 10rem;
  position: relative;
}
.reservations_manager-main_section .admin_menu .locations_menu .edit_mode label {
  cursor: pointer;
}
.reservations_manager-main_section .admin_menu .locations_menu .edit_mode .edit_mode_override_date {
  position: absolute;
  top: 100%;
  z-index: 1;
  width: 100%;
  border: 1px solid #6b6b6b;
  background-color: #999999;
  padding: 10rem;
}
.reservations_manager-main_section .admin_menu .locations_menu:has(.edit_mode input[name=edit_mode][value=override]:checked) ~ .canvas_wrapper .canvas_overlay {
  top: 50rem;
}
.reservations_manager-main_section .admin_menu .tools_menu .filtering_options {
  padding: 0 10rem 0 0;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.reservations_manager-main_section .admin_menu .tools_menu .filtering_options .filter_group_turns {
  display: flex;
  flex-direction: row;
}
.reservations_manager-main_section .admin_menu .tools_menu .filtering_options .filter_group_turns input[name=filtering_turn] {
  display: none;
}
.reservations_manager-main_section .admin_menu .tools_menu .filtering_options .filter_group_turns input[name=filtering_turn]:checked + label {
  background-color: #7a7a7a;
}
.reservations_manager-main_section .admin_menu .tools_menu .filtering_options .filter_group_turns input[name=filtering_turn] + label {
  padding: 10rem 15rem;
  border-right: 1px solid #6b6b6b;
  cursor: pointer;
}
.reservations_manager-main_section .admin_menu .tools_menu .filtering_options .filter_group_turns input[name=filtering_turn] + label:hover {
  background-color: #7a7a7a;
}
.reservations_manager-main_section .admin_menu-main {
  display: flex;
  height: 100%;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar {
  background-color: #999999;
  border-right: 1px solid #6b6b6b;
  overflow-y: auto;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section {
  padding: 10rem;
  border-bottom: 1px solid #6b6b6b;
  font-size: 14rem;
  color: #4F596A;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .section_title,
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .section_subtitle {
  width: 100%;
  color: #0A0E31;
  margin-bottom: 5rem;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .section_title {
  font-size: 16rem;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .section_subtitle {
  font-size: 14rem;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table {
  position: relative;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table .petr_row_head > tr {
  display: grid;
  grid-template-columns: 1fr 1fr 5fr 1fr;
  justify-items: start;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table .petr_row_head > tr th {
  font-size: 12rem;
  overflow-wrap: break-word;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table tbody {
  position: relative;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table tbody .reservation_row {
  display: none;
  background-color: #dddddd;
  grid-template: "up41 up42 up43 up44" "middle middle middle middle" "down21 down21 down21 down22"/1fr 1fr 5fr 1fr;
  inset-inline: 0;
  top: calc(var(--reservation_index) * 59.2px);
  border-bottom: inset 1px #6b6b6b;
  cursor: pointer;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table tbody .reservation_row td {
  padding: 5rem;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table tbody .reservation_row .up41 {
  grid-area: up41;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table tbody .reservation_row .up42 {
  grid-area: up42;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table tbody .reservation_row .up43 {
  grid-area: up43;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table tbody .reservation_row .up44 {
  grid-area: up44;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table tbody .reservation_row .middle {
  grid-area: middle;
  background-color: rgba(255, 255, 0, 0.1411764706);
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table tbody .reservation_row .middle:before {
  content: "!";
  font-weight: bold;
  color: red;
  padding-inline: 5rem;
  margin-right: 5rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 0, 0.1411764706);
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table tbody .reservation_row .down21 {
  grid-area: down21;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table tbody .reservation_row .down22 {
  grid-area: down22;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table tbody .reservation_row > p {
  font-size: 14rem;
  padding: 7rem 5rem;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table tbody .reservation_row:hover {
  background-color: #fcfcfc;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table tbody .reservation_row.show {
  display: grid;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section .reservations_table tbody .reservation_row.show.filtered_out {
  display: none;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section.reservations_section {
  padding: 0;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section.location_settings {
  display: none;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section.tables_settings .combined_tables_list {
  flex-direction: column;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section.tables_settings .combined_tables_list.adding:after {
  content: "Select the first table";
  display: block;
  border: 1px solid #6e6e6e;
  border-radius: 5px;
  padding: 5rem;
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section.tables_settings .combined_tables_list.adding .combination_add::before {
  content: "x";
}
.reservations_manager-main_section .admin_menu-main .canvas_sidebar-section.tables_settings .table_adder .admin_new_table {
  font-size: 14rem;
}
.reservations_manager-main_section .admin_menu-main .admin_canvas {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.reservations_manager-main_section .admin_menu-main .admin_canvas .canvas_wrapper {
  overflow: hidden;
  position: relative;
  flex-grow: 1;
}
.reservations_manager-main_section .admin_menu-main .admin_canvas .canvas_wrapper .canvas_overlay {
  position: absolute;
  display: flex;
  flex-direction: row;
  gap: 10rem;
  top: 5rem;
  right: 5rem;
}
.reservations_manager-main_section .admin_menu-main .admin_canvas .canvas_wrapper .canvas_overlay .action_button {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.reservations_manager-main_section .admin_menu-main .admin_canvas .canvas_wrapper .canvas_overlay .action_button.show {
  display: block;
  opacity: 1;
}
.reservations_manager-main_section .admin_menu-main .admin_canvas .canvas_wrapper .context-menu {
  position: absolute;
  padding: 0;
  border: 1px solid #dddddd;
}
.reservations_manager-main_section .admin_menu-main .admin_canvas .canvas_wrapper .context-menu::backdrop {
  background: none;
}
.reservations_manager-main_section .admin_menu-main .admin_canvas .canvas_wrapper .context-menu-container {
  position: fixed;
  top: var(--top);
  left: var(--left);
}
.reservations_manager-main_section .admin_menu-main .admin_canvas .canvas_wrapper .context-menu-submenu {
  font-size: 16rem;
  padding: 5rem;
  background-color: #999999;
  cursor: pointer;
}
.reservations_manager-main_section .admin_menu-main .admin_canvas .canvas_wrapper .context-menu-submenu:hover {
  background-color: #7a7a7a;
}
.reservations_manager-main_section .view_reservations {
  font-size: 16rem;
}
.reservations_manager-main_section .view_reservations .canvas_sidebar {
  display: flex;
  flex-direction: column;
}
.reservations_manager-main_section .view_reservations .canvas_sidebar .reservations_section {
  flex-grow: 1;
}
.reservations_manager-main_section .view_reservations .canvas_sidebar .reservations_section table {
  height: 100%;
}
.reservations_manager .admin_sidebar {
  transform: translateX(-100%);
  transition: all 500ms ease;
  overflow: hidden;
  position: absolute;
  inset: 0;
  right: auto;
  border-right: 1px solid #6b6b6b;
  background-color: #999999;
  z-index: 1;
}
.reservations_manager .admin_sidebar.show {
  transform: translateX(0%);
  width: auto;
}
.reservations_manager .admin_sidebar-section {
  border-bottom: 1px solid #6b6b6b;
  display: flex;
  flex-direction: column;
}
.reservations_manager .admin_sidebar-section .admin_menu_btn {
  cursor: pointer;
  padding: 20rem 15rem;
  background: transparent;
  border: none;
  border-radius: 0;
}
.reservations_manager .admin_sidebar-section .admin_menu_btn:hover, .reservations_manager .admin_sidebar-section .admin_menu_btn.active {
  background-color: #7a7a7a;
}
.reservations_manager .admin_sidebar .section_clients {
  display: none;
}
.reservations_manager .action_button {
  padding: 10rem 15rem;
  border: none;
  border-radius: 5rem;
  background-color: #f6eccf;
  transition: background-color 0.25s ease;
  cursor: pointer;
}
.reservations_manager .action_button:hover {
  background-color: #ffa564;
}
.reservations_manager .action_button.secondary {
  box-shadow: inset 0px 0px 0px 2px #f6eccf;
  background-color: #ffa564;
}
.reservations_manager .action_button.secondary:hover {
  background-color: #f6eccf;
}
.reservations_manager .combination_add,
.reservations_manager .tables_combination_add,
.reservations_manager .tables_combination_override_add {
  position: relative;
  width: 20px;
  height: 20px;
  font-size: 14rem;
  text-align: center;
  display: none;
  border-radius: 100%;
  border: 1px solid #6b6b6b;
  align-self: center;
  cursor: pointer;
}
.reservations_manager .combination_add::before,
.reservations_manager .tables_combination_add::before,
.reservations_manager .tables_combination_override_add::before {
  content: "+";
  position: absolute;
  font-size: 14rem;
  inset: 0;
}
.reservations_manager .combination_add:hover,
.reservations_manager .tables_combination_add:hover,
.reservations_manager .tables_combination_override_add:hover {
  background-color: #999999;
  display: block;
}
.reservations_manager .combination_add,
.reservations_manager .combination_override_add {
  display: block;
}
.reservations_manager .combination_add:hover,
.reservations_manager .combination_override_add:hover {
  background-color: #dddddd;
}
.reservations_manager .tables_list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10rem;
  margin: 10rem auto;
}
.reservations_manager .tables_list:empty:before {
  content: "Sin mesas";
  display: block;
  font-size: 16rem;
  border: 2px solid #6b6b6b;
  width: fit-content;
  color: #6b6b6b;
  padding: 5rem;
  border-radius: 10rem;
}
.reservations_manager .tables_list .table_ui {
  position: relative;
  border: 1px solid black;
  width: var(--width);
  height: var(--height);
  background: var(--bg);
  border-radius: var(--border);
}
.reservations_manager .tables_list .table_ui.active {
  border-width: 2px;
}
.reservations_manager .tables_list .table_ui:hover {
  scale: 1.125;
}
.reservations_manager .tables_list .table_ui::before {
  content: var(--table_number);
  font-size: 14rem;
  line-height: var(--height);
  position: absolute;
  inset: 0;
  text-align: center;
  text-shadow: 0 0 4px #FFFFFF;
}
.reservations_manager .tables_list .table_ui .delete {
  display: none;
  position: absolute;
  width: 17px;
  height: 17px;
  right: -7px;
  top: -7px;
  border-radius: 100%;
  border: 1px solid #6b6b6b;
  background-color: #ff4242;
  cursor: pointer;
}
.reservations_manager .tables_list .table_ui .delete:after, .reservations_manager .tables_list .table_ui .delete:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 10px;
  background-color: #6b6b6b;
  top: 2.75px;
  left: 50%;
}
.reservations_manager .tables_list .table_ui:hover .delete {
  display: block;
}
.reservations_manager .tables_list .table_ui:hover .delete:hover {
  scale: 1.125;
}
.reservations_manager .tables_list .table_ui:hover .delete:before {
  transform: rotate(45deg);
}
.reservations_manager .tables_list .table_ui:hover .delete:after {
  transform: rotate(315deg);
}
.reservations_manager .tables_combination_group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: fit-content;
  gap: 10rem;
  border: 1px solid #6b6b6b;
  padding: 5rem;
  border-radius: 5rem;
}
.reservations_manager .tables_combination_group.adding:after {
  content: "Select the first table";
  display: block;
  border: 1px solid #6e6e6e;
  border-radius: 5px;
  padding: 5rem;
}
.reservations_manager .tables_combination_group.adding .combination_add::before {
  content: "x";
}
.reservations_manager .tables_combination_group > *:first-child.tables_combination_add {
  display: block;
}
.reservations_manager .tables_combination_group:hover .tables_combination_add {
  display: block;
}
.reservations_manager .tables_combination_group:hover .tables_combination_remove {
  display: block;
}
.reservations_manager .tables_combination_group:hover .tables_combination_remove:hover {
  scale: 1.125;
}
.reservations_manager .tables_combination_group:hover, .reservations_manager .tables_combination_group.adding {
  background-color: #7a7a7a;
}
.reservations_manager .tables_combination_group:hover .tables_combination_add, .reservations_manager .tables_combination_group.adding .tables_combination_add {
  display: block;
}
.reservations_manager .tables_combination_group.adding .tables_combination_add {
  background-color: #999999;
}
.reservations_manager .tables_combination_group.adding .tables_combination_add::before {
  content: "✓";
}
.reservations_manager .tables_combination_group.adding .tables_combination_add:hover {
  background-color: #dddddd;
}
.reservations_manager .tables_combination_group .tables_combination_remove {
  display: none;
  position: absolute;
  width: 17px;
  height: 17px;
  left: -7px;
  top: -7px;
  border-radius: 100%;
  border: 1px solid #6b6b6b;
  background-color: #ff4242;
  cursor: pointer;
}
.reservations_manager .tables_combination_group .tables_combination_remove:after, .reservations_manager .tables_combination_group .tables_combination_remove:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 10px;
  background-color: #6b6b6b;
  top: 2.75px;
  left: 50%;
}
.reservations_manager .tables_combination_group .tables_combination_remove:before {
  transform: rotate(45deg);
}
.reservations_manager .tables_combination_group .tables_combination_remove:after {
  transform: rotate(315deg);
}
.reservations_manager .edit_menu_modal,
.reservations_manager .reservation_menu_modal {
  font-size: 12rem;
  border: 1px solid;
  display: none;
  flex-direction: column;
  gap: 8rem;
  width: min-content;
}
.reservations_manager .edit_menu_modal[open],
.reservations_manager .reservation_menu_modal[open] {
  display: flex;
}
.reservations_manager .edit_menu_modal p,
.reservations_manager .reservation_menu_modal p {
  font-size: 14rem;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
.reservations_manager .edit_menu_modal p:first-of-type,
.reservations_manager .reservation_menu_modal p:first-of-type {
  font-size: 16rem;
}
.reservations_manager .edit_menu_modal .modal_buttons_container,
.reservations_manager .reservation_menu_modal .modal_buttons_container {
  padding: 10rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20rem;
}
.reservations_manager .edit_menu_modal .modal_buttons_container button,
.reservations_manager .reservation_menu_modal .modal_buttons_container button {
  text-wrap: nowrap;
  padding: 10rem 15rem;
  border-radius: 5rem;
  border: none;
  font-size: 16rem;
  color: #000000;
  background-color: #f6eccf;
  cursor: pointer;
}
.reservations_manager .edit_menu_modal .modal_buttons_container button:hover,
.reservations_manager .reservation_menu_modal .modal_buttons_container button:hover {
  background-color: #ffa564;
}
.reservations_manager .edit_menu_modal .modal_buttons_container button:last-child,
.reservations_manager .reservation_menu_modal .modal_buttons_container button:last-child {
  background-color: #6f7d8c;
}
.reservations_manager .edit_menu_modal .modal_buttons_container button:last-child:hover,
.reservations_manager .reservation_menu_modal .modal_buttons_container button:last-child:hover {
  background-color: #77a0a9;
}
.reservations_manager .edit_menu_modal .modal_buttons_container button:disabled,
.reservations_manager .reservation_menu_modal .modal_buttons_container button:disabled {
  color: #6b6b6b;
  background-color: #808191;
}
.reservations_manager .edit_menu_modal .modal_buttons_container button:disabled:hover,
.reservations_manager .reservation_menu_modal .modal_buttons_container button:disabled:hover {
  background-color: #808191;
  cursor: not-allowed;
}
.reservations_manager .edit_menu_modal .table-overrides-dates .override-date,
.reservations_manager .reservation_menu_modal .table-overrides-dates .override-date {
  --date_radius: 5rem;
  padding: 0.5rem;
  width: 100%;
  text-align: center;
  border-radius: var(--date_radius);
  cursor: pointer;
}
.reservations_manager .edit_menu_modal .table-overrides-dates .override-date.active, .reservations_manager .edit_menu_modal .table-overrides-dates .override-date:hover,
.reservations_manager .reservation_menu_modal .table-overrides-dates .override-date.active,
.reservations_manager .reservation_menu_modal .table-overrides-dates .override-date:hover {
  background-color: #7a7a7a;
  color: #FFFFFF;
}
.reservations_manager .edit_menu_modal .table-overrides-dates .override-date:not(:last-child):after,
.reservations_manager .reservation_menu_modal .table-overrides-dates .override-date:not(:last-child):after {
  content: "";
  position: relative;
  width: calc(100% - 2 * var(--date_radius));
  margin-left: var(--date_radius);
  display: block;
  background-color: #6b6b6b;
  height: 0.5px;
  bottom: -1px;
}
.reservations_manager .edit_menu_modal .overrides-container,
.reservations_manager .edit_menu_modal .modal-container,
.reservations_manager .reservation_menu_modal .overrides-container,
.reservations_manager .reservation_menu_modal .modal-container {
  position: relative;
  border: 1px solid #6b6b6b;
  border-radius: 5rem;
  padding: 5rem;
}
.reservations_manager .edit_menu_modal .overrides-container.loading,
.reservations_manager .edit_menu_modal .modal-container.loading,
.reservations_manager .reservation_menu_modal .overrides-container.loading,
.reservations_manager .reservation_menu_modal .modal-container.loading {
  padding: 0;
  overflow: hidden;
  height: 100px;
}
.reservations_manager .edit_menu_modal .overrides-container:empty,
.reservations_manager .edit_menu_modal .modal-container:empty,
.reservations_manager .reservation_menu_modal .overrides-container:empty,
.reservations_manager .reservation_menu_modal .modal-container:empty {
  display: none;
}
.reservations_manager .edit_menu_modal .overrides-container .modal_buttons_container,
.reservations_manager .edit_menu_modal .modal-container .modal_buttons_container,
.reservations_manager .reservation_menu_modal .overrides-container .modal_buttons_container,
.reservations_manager .reservation_menu_modal .modal-container .modal_buttons_container {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
}
.reservations_manager .edit_menu_modal .overrides-container .modal_buttons_container.loading,
.reservations_manager .edit_menu_modal .modal-container .modal_buttons_container.loading,
.reservations_manager .reservation_menu_modal .overrides-container .modal_buttons_container.loading,
.reservations_manager .reservation_menu_modal .modal-container .modal_buttons_container.loading {
  position: relative;
  overflow: hidden;
  border-radius: 8rem;
}
.reservations_manager .edit_menu_modal .overrides-container .table-overrides-list .override-propierties,
.reservations_manager .edit_menu_modal .modal-container .table-overrides-list .override-propierties,
.reservations_manager .reservation_menu_modal .overrides-container .table-overrides-list .override-propierties,
.reservations_manager .reservation_menu_modal .modal-container .table-overrides-list .override-propierties {
  width: 100%;
  text-align: center;
}
.reservations_manager .canvas_loader {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3019607843);
  backdrop-filter: blur(5px);
  inset: 0;
}
.reservations_manager .canvas_loader.show {
  display: block;
}
.reservations_manager .canvas_loader .bars_loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.separator {
  width: 7rem;
  cursor: col-resize;
  border-inline: 3px solid #6b6b6b;
  background-color: #999999;
}
.separator_target {
  width: clamp(200px, var(--w, 200px), 100vw - 200px - 7rem) !important;
}
.separator + * {
  width: clamp(200px, var(--max_w, calc(100vw - 200px - 7rem)), 100vw - 200px - 7rem) !important;
}

.section_block {
  width: 100%;
  display: flex;
  flex-direction: row;
  column-gap: 5rem;
  flex-wrap: wrap;
  padding: 5rem;
}
.section_block .input_group {
  display: block;
  width: calc(50% - 5rem);
}
.section_block .input_group label,
.section_block .input_group input {
  width: 100%;
}

input[name=edit_mode] {
  display: none;
}
input[name=edit_mode][value=default]:checked ~ .toggle_body {
  background-color: #dddddd;
}
input[name=edit_mode][value=default]:checked ~ .toggle_body .toggle_knot {
  left: var(--padding);
  right: auto;
}
input[name=edit_mode][value=default]:checked ~ .edit_mode_override_date {
  display: none;
}
input[name=edit_mode][value=override]:checked ~ .toggle_body {
  background-color: #fcfcfc;
}
input[name=edit_mode][value=override]:checked ~ .toggle_body .toggle_knot {
  left: auto;
  right: var(--padding);
}
input[name=edit_mode][value=override]:checked ~ .edit_mode_override_date {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}

.toggle_body {
  --size: 30rem;
  --padding: 3rem;
  width: 50rem;
  height: var(--size);
  border-radius: var(--size);
  position: relative;
  background-color: #6b6b6b;
}
.toggle_body .toggle_knot {
  --knot_size: calc(var(--size) - 2 * var(--padding));
  width: var(--knot_size);
  height: var(--knot_size);
  position: absolute;
  background-color: #6b6b6b;
  top: var(--padding);
  border-radius: var(--knot_size);
  left: var(--padding);
  right: auto;
  transition: all ease 1s;
  cursor: pointer;
}

.js-animate-typewriter,
js-animate-rotation {
  display: none;
}
.js-animate-typewriter.show,
js-animate-rotation.show {
  display: block;
}

.section_toggler {
  position: relative;
  padding-right: 19.1px;
  cursor: pointer;
}
.section_toggler:after {
  content: "";
  position: absolute;
  right: 5rem;
  top: 50%;
  width: 8px;
  height: 8px;
  transform: translate(0, -50%) rotate(45deg);
  border-bottom: 2px solid #6b6b6b;
  border-right: 2px solid #6b6b6b;
  transition: transform 0.5s linear;
}
.section_toggler.open:after {
  transform: translate(0, -50%) rotate(135deg);
}

.toggle_section {
  display: none;
}
.toggle_section.open {
  display: block;
}

@media (max-width: 437px) {
  .title {
    inline-size: 12ch;
  }
}
@media only screen and (max-width: 767px) {
  .hidden-mobile {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  .hidden-desktop {
    display: none !important;
  }
}
body {
  background-color: #072433 !important;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

a {
  text-decoration: none;
}

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

li {
  width: fit-content;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

pre {
  font-size: 16rem;
}

.wp-block-columns {
  margin: 0 10vw;
}
.wp-block-columns .wp-block-column {
  margin: 0 4vw;
}

span.edit-link {
  display: none;
  visibility: hidden;
}

.entry-content {
  margin-top: 60px;
}

:not(.wp-block-column) > h2.wp-block-heading {
  font-size: 32px;
  margin-bottom: 64px;
}

.wp-block-column h2.wp-block-heading {
  margin-top: 18px;
  margin-bottom: 12px;
}
.wp-block-column p.has-text-align-center {
  margin: 9px auto;
}
.wp-block-column p.has-text-align-left {
  margin-top: 6px;
  line-height: 21px;
}
.wp-block-column p:not(.has-text-align-center):not(.has-text-align-left) {
  margin-bottom: 6px;
}

.marginalized {
  margin: 5vh 12vw;
}

/*# sourceMappingURL=style.css.map */
