html {
  scroll-behavior: smooth;
}

body {
  font-family: "Roboto", sans-serif;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  background-image: url(../images/main/bg.webp);
  background-size: cover;
  background-position: center;
}

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

h1 {
  font-size: clamp(35px, 6vw, 78px);
  text-align: center;
}

h2 {
  font-size: clamp(20px, 6vw, 23px);
  text-align: center;
}

.line {
  max-width: 100%;
}

.link {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  transition: text-decoration-color 0.5s;
  color: #fff;
}
.link:hover {
  text-decoration-color: rgba(255, 255, 255, 0);
}

section {
  padding: 0;
}

.contentWidth {
  max-width: 1720px;
  margin: auto;
  padding: 100px 20px;
}
.contentWidth.w-100 {
  max-width: inherit;
  width: 100%;
}

.documents {
  background: #672138;
  width: 100%;
  padding: 40px;
}
.documents a {
  color: #fff;
  display: flex;
  gap: 10px;
  align-items: center;
}
.documents .links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 30px;
}

header {
  width: 100%;
  padding: 0;
  position: relative;
  padding: 25px 20px;
  display: flex;
  justify-content: center;
  background-color: #672138;
}

.logo {
  z-index: 10;
}
.logo a {
  display: block;
}

footer {
  background-color: #292626;
}
footer .contentWidth {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  max-width: 1720px;
  margin: 20px auto 0;
  color: #fff;
  padding: 20px;
}

.socialSites {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 270px;
  padding: 0;
  margin: 0;
}
.socialSites li {
  list-style: none;
}
.socialSites a {
  transition: opacity 0.5s;
}
.socialSites a:hover {
  opacity: 0.75;
}

.copy {
  font-size: 10px;
}
.copy span {
  margin: 0 30px;
}

.alert {
  display: none;
}
.alert p {
  padding: 10px;
  font-weight: 500;
  color: #000;
  text-align: center;
  font-size: clamp(14px, 2vw, 18px);
}
.alert.d-block {
  display: block !important;
}
.alert .firstLine {
  background-color: #FFBC39;
  min-height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alert .secondLine {
  background: #fff;
  min-height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-id-2241 #pobocky .brancheWrapper:last-child, .page-id-2263 #pobocky .brancheWrapper:last-child, .page-id-2299 #pobocky .brancheWrapper:last-child, .page-id-2293 #pobocky .brancheWrapper:last-child, .page-id-2287 #pobocky .brancheWrapper:last-child, .page-id-2281 #pobocky .brancheWrapper:last-child, .page-id-2275 #pobocky .brancheWrapper:last-child, .page-id-2255 #pobocky .brancheWrapper:last-child, .page-id-2249#pobocky .brancheWrapper:last-child, .page-id-2269 #pobocky .brancheWrapper:last-child {
  grid-row-start: 1;
}

.page-template-textPage h1 {
  text-align: center;
}

.textPage h3 {
  margin: 0px 0 20px;
  font-size: clamp(20px, 4vw, 30px);
  font-weight: 400;
}
.textPage h3:not(:first-child) {
  margin-top: 40px;
}
.textPage p, .textPage li {
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 300;
  color: #292626;
  margin-bottom: 20px;
}
.textPage ul {
  padding-left: 25px;
}
.textPage a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  transition: text-decoration-color 0.5s;
  color: #292626;
}
.textPage a:hover {
  text-decoration-color: rgba(255, 255, 255, 0);
}

.careerWF h1 {
  font-size: clamp(20px, 5vw, 30px);
  margin: 0 0 20px;
  text-align: center;
}
.careerWF h2 {
  font-size: clamp(18px, 4vw, 25px);
}
.careerWF h3 {
  margin: 0px 0 20px;
  font-size: clamp(18px, 3vw, 25px);
  font-weight: 400;
}
.careerWF h3:not(:first-child) {
  margin-top: 40px;
}
.careerWF p, .careerWF li {
  font-size: clamp(16px, 2vw, 18px) !important;
  font-weight: 300;
  color: #292626;
  margin: 20px 0 10px;
}
.careerWF ul {
  padding-left: 25px;
}
.careerWF a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  transition: text-decoration-color 0.5s;
  color: #292626;
}
.careerWF a:hover {
  text-decoration-color: rgba(255, 255, 255, 0);
}

body .animation {
  animation: show 0.3s both;
}

body.loading .branchesList, body.loading .offerContent {
  opacity: 0;
}

body.loading .animation {
  display: none;
}

@keyframes show {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.table-600 {
  display: none !important;
}

.underlineLight {
  text-decoration: none;
  color: #fff;
  display: inline-block;
  position: relative;
}

.underlineLight::after {
  content: "";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.underlineLight:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.lineX {
  width: 100%;
  height: 1px;
  background-color: #fff;
}

.button {
  display: table;
  padding: 10px 30px;
  margin: 40px auto 0;
  border-radius: 7px;
  font-size: 16px;
  text-decoration: none !important;
  border: none;
}
.button.primary {
  color: #fff;
  background-color: #672138;
  transition: background-color 0.5s;
}
.button.primary:hover, .button.primary:active {
  background-color: #292626;
}
.button.secondary {
  color: #672138;
  background-color: #FFBC39;
  transition: background-color 0.5s;
}
.button.secondary:hover, .button.secondary:active {
  background-color: #FFD43A;
}
.button.light {
  color: #672138;
  background-color: #fff;
  transition: background-color 0.5s;
}
.button.light:hover, .button.light:active {
  background-color: #D2B5BE;
}
.button.dark {
  color: #fff;
  background-color: #FFBC39;
  border: 1px solid #fff;
  transition: background-color 0.5s, color 0.5s;
}
.button.dark:hover, .button.dark:active {
  color: #FFBC39;
  background-color: #fff;
}

.font-p {
  font-family: "Roboto", sans-serif !important;
}

.f-64 {
  font-size: 64px !important;
}

.f-58 {
  font-size: clamp(30px, 6vw, 58px) !important;
}

.f-47 {
  font-size: 47px !important;
}

.f-40 {
  font-size: 40px !important;
}

.f-39 {
  font-size: 39px !important;
}

.f-38 {
  font-size: 38px !important;
}

.f-37 {
  font-size: 37px !important;
}

.f-36 {
  font-size: 36px !important;
}

.f-35 {
  font-size: 35px !important;
}

.f-34 {
  font-size: 34px !important;
}

.f-33 {
  font-size: clamp(18px, 5vw, 33px) !important;
}

.f-32 {
  font-size: 32px !important;
}

.f-31 {
  font-size: 31px !important;
}

.f-30 {
  font-size: 30px !important;
}

.f-29 {
  font-size: 29px !important;
}

.f-28 {
  font-size: 28px !important;
}

.f-27 {
  font-size: 27px !important;
}

.f-26 {
  font-size: 26px !important;
}

.f-25 {
  font-size: clamp(18px, 4vw, 25px) !important;
}

.f-24 {
  font-size: 24px !important;
}

.f-23 {
  font-size: clamp(16px, 3vw, 23px) !important;
}
.f-23 p {
  font-size: clamp(16px, 3vw, 23px) !important;
}

.f-23i {
  font-size: 23px !important;
}
.f-23i p {
  font-size: 23px !important;
}

.f-22 {
  font-size: 22px !important;
}

.f-21 {
  font-size: 21px !important;
}

.f-20 {
  font-size: clamp(14px, 2vw, 20px) !important;
}
.f-20 p {
  font-size: clamp(14px, 2vw, 20px) !important;
}

.f-19 {
  font-size: 19px !important;
}

.f-18 {
  font-size: 18px !important;
}

.f-17 {
  font-size: 17px !important;
}

.f-16 {
  font-size: 16px !important;
}

.f-15 {
  font-size: 15px !important;
}

.f-14 {
  font-size: 14px !important;
}

.f-13 {
  font-size: 13px !important;
}

.f-12 {
  font-size: 12px !important;
}

.f-11 {
  font-size: 11px !important;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.lh-0 {
  line-height: 0;
}

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

.tt-in {
  text-transform: initial !important;
}

.tt-low {
  text-transform: lowercase !important;
}

.tt-cap {
  text-transform: capitalize !important;
}

.ta-l {
  text-align: left !important;
}

.ta-c {
  text-align: center !important;
}

.ta-r {
  text-align: right !important;
}

.owf-a {
  overflow: auto;
}

.contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.w-half {
  width: 640px;
}
.w-half.left {
  margin-right: 0;
  margin-left: auto;
}
.w-half.right {
  margin-left: 0;
  margin-right: auto;
}

.w-100 {
  width: 100%;
}

.mw-100 {
  max-width: 100%;
}

.mw-700 {
  max-width: 700px;
}

.mw-800 {
  max-width: 800px;
}

.w-50 {
  width: 50%;
}

.h-100 {
  height: 100vh;
}

.mh-80 {
  min-height: 80vh;
}

.br-20 {
  border-radius: 20px;
}

.br-10 {
  border-radius: 10px;
}

.anchor {
  position: relative !important;
}

.absolute {
  position: absolute !important;
}

body:has(.flex-1), .error404, .page-template-thankyouPage {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

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

.block {
  display: block;
}

.column {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.column.left {
  align-items: flex-start;
}

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

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

.pl-0 {
  padding-left: 0;
}

.pr-0 {
  padding-right: 0;
}

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

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

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

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

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

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

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

.mr-0 {
  margin-right: 0;
}

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

.mr-a {
  margin-right: auto;
}

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

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

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

.mx-a {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mb-10 {
  margin-bottom: 10px;
}

.c-primary {
  color: #672138 !important;
}

.c-secondary {
  color: #FFBC39 !important;
}

.c-ternary {
  color: #292626 !important;
}

.c-light {
  color: #fff !important;
}

.c-dark {
  color: #000 !important;
}

.bg-primary {
  background: #672138 !important;
  color: #fff;
}

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

.bg-ternary {
  background: #292626 !important;
  color: #fff;
}
.bg-ternary .button.primary:hover {
  background-color: #D2B5BE;
}

.bg-light {
  background: #fff !important;
  color: #672138;
}

.bg-gray {
  background: #F5F5F5;
  color: #672138;
}
.bg-gray .slick-prev:before {
  content: url(../images/icons/slickArrowWL.svg);
}
.bg-gray .slick-next:before {
  content: url(../images/icons/slickArrowWR.svg);
}
.bg-gray input:not([type=submit]), .bg-gray input textarea, .bg-gray textarea:not([type=submit]), .bg-gray textarea textarea, .bg-gray select:not([type=submit]), .bg-gray select textarea {
  background-color: #fff;
}

.bg-dark {
  background: #000 !important;
}

.bg-opacity {
  background: rgba(41, 38, 38, 0.7);
}

.bg-purple-opacity {
  background-color: hsla(340, 51%, 27%, 0.4);
}

.bg-pricelist {
  background-color: #F3EEEF;
}

.bg-pricelist-purple {
  background-color: #5E2034;
}

/* MEDIA */
@media (max-width: 1600px) {
  header {
    padding: 15px 20px;
  }
  .button {
    margin: 30px auto 0;
  }
}/*# sourceMappingURL=style.css.map */