.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box; }
  .glide * {
    box-sizing: inherit; }
  .glide__track {
    overflow: hidden; }
  .glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform; }
    .glide__slides--dragging {
      user-select: none; }
  .glide__slide {
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent; }
    .glide__slide a {
      user-select: none;
      -webkit-user-drag: none;
      -moz-user-select: none;
      -ms-user-select: none; }
  .glide__arrows {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide__bullets {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide--rtl {
    direction: rtl; }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.hero {
  position: relative;
  background-position: center;
  background-repeat: no-repeat; }
  .hero__content--title > h1 {
    font-weight: 600;
    font-size: 60px;
    line-height: 72px;
    color: #fff;
    text-transform: uppercase;
    max-width: 894px; }
  .hero__content--btn {
    margin-top: 64px; }
  .hero__advantages--wrapper {
    margin-top: 150px; }

@media only screen and (max-width: 1279px) {
  .hero__content--title > h1 {
    font-size: 28px;
    line-height: 33.6px; }
  .hero__content--btn {
    margin-top: 24px; }
  .hero__advantages--wrapper {
    margin-top: 56px; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.advantages--items {
  display: flex; }

.advantages--item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow: 0 0 8px 0 #00000033;
  background-color: #fdfdfd;
  opacity: 0.8;
  padding: 24px;
  height: 100%; }

.advantages--img {
  max-height: 44px;
  max-width: 44px; }

.advantages--text {
  font-weight: 400;
  font-size: 18px;
  line-height: 21.6px; }

@media only screen and (max-width: 1279px) {
  .advantages--item {
    padding: 10px; }
  .advantages--text {
    font-weight: 400;
    font-size: 16px;
    line-height: 19.2px; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.services__title_wrapper {
  display: flex;
  justify-content: space-between; }

@media only screen and (max-width: 1279px) {
  .services__title_wrapper .btn {
    display: none; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.our_works--btn {
  display: flex;
  justify-content: center;
  margin-top: 64px; }

@media (max-width: 767px) {
  .our_works .col {
    display: flex;
    justify-content: center; }
    .our_works .col img {
      width: 100%; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.about__content .text > p:not(:last-child) {
  margin-bottom: 8px; }

.about__content .btn {
  margin-top: 44px; }

.about__img img {
  width: 100%; }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.certificates .container {
  position: relative; }

.certificates .glide__slide {
  position: relative; }
  .certificates .glide__slide img {
    width: 100%; }
    .certificates .glide__slide img::before {
      content: '';
      display: block;
      width: 34px;
      height: 34px;
      background-size: cover;
      position: absolute;
      background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='34' height='34' rx='17' fill='white'/%3E%3Crect x='0.5' y='0.5' width='33' height='33' rx='16.5' stroke='black' stroke-opacity='0.15'/%3E%3Cpath d='M15.9198 11.12C16.9166 11.12 17.8911 11.4156 18.7199 11.9694C19.5487 12.5232 20.1947 13.3104 20.5762 14.2313C20.9577 15.1522 21.0575 16.1656 20.863 17.1433C20.6685 18.121 20.1885 19.019 19.4836 19.7239C18.7788 20.4287 17.8807 20.9087 16.9031 21.1032C15.9254 21.2977 14.912 21.1979 13.9911 20.8164C13.0701 20.4349 12.283 19.789 11.7292 18.9601C11.1754 18.1313 10.8798 17.1569 10.8798 16.16C10.8798 14.8233 11.4108 13.5414 12.356 12.5962C13.3012 11.651 14.5831 11.12 15.9198 11.12ZM15.9198 10C14.7015 10 13.5105 10.3613 12.4975 11.0382C11.4845 11.715 10.6949 12.6771 10.2287 13.8027C9.76243 14.9283 9.64045 16.1669 9.87813 17.3618C10.1158 18.5567 10.7025 19.6543 11.564 20.5158C12.4255 21.3773 13.5231 21.964 14.718 22.2017C15.913 22.4394 17.1515 22.3174 18.2771 21.8512C19.4027 21.3849 20.3648 20.5954 21.0417 19.5824C21.7186 18.5694 22.0798 17.3784 22.0798 16.16C22.0798 14.5263 21.4308 12.9595 20.2756 11.8042C19.1204 10.649 17.5535 10 15.9198 10Z' fill='%232C2C2C'/%3E%3Cpath d='M23.6812 24.0001C23.6071 23.9998 23.5338 23.9848 23.4655 23.956C23.3973 23.9271 23.3354 23.885 23.2836 23.8321L19.9627 20.4721C19.9045 20.4215 19.8574 20.3594 19.8243 20.2896C19.7912 20.2199 19.7728 20.1441 19.7704 20.067C19.768 19.9899 19.7815 19.9131 19.8102 19.8414C19.8389 19.7698 19.882 19.7049 19.937 19.6507C19.9919 19.5965 20.0575 19.5543 20.1295 19.5266C20.2016 19.499 20.2785 19.4865 20.3556 19.49C20.4327 19.4935 20.5082 19.513 20.5775 19.547C20.6467 19.5811 20.7081 19.6291 20.7579 19.6881L24.0788 23.0481C24.1558 23.1267 24.208 23.2263 24.2288 23.3344C24.2496 23.4425 24.238 23.5543 24.1956 23.6559C24.1532 23.7575 24.0817 23.8443 23.9902 23.9056C23.8988 23.9668 23.7912 23.9997 23.6812 24.0001ZM15.8803 19.5201C15.7318 19.5201 15.5894 19.4611 15.4843 19.3561C15.3793 19.251 15.3203 19.1086 15.3203 18.9601V13.3601C15.3203 13.2115 15.3793 13.0691 15.4843 12.9641C15.5894 12.859 15.7318 12.8 15.8803 12.8C16.0288 12.8 16.1713 12.859 16.2763 12.9641C16.3813 13.0691 16.4403 13.2115 16.4403 13.3601V18.9601C16.4403 19.1086 16.3813 19.251 16.2763 19.3561C16.1713 19.4611 16.0288 19.5201 15.8803 19.5201Z' fill='%232C2C2C'/%3E%3Cpath d='M18.6815 16.7201H13.0815C12.933 16.7201 12.7905 16.6611 12.6855 16.5561C12.5805 16.4511 12.5215 16.3086 12.5215 16.1601C12.5215 16.0116 12.5805 15.8691 12.6855 15.7641C12.7905 15.6591 12.933 15.6001 13.0815 15.6001H18.6815C18.83 15.6001 18.9725 15.6591 19.0775 15.7641C19.1825 15.8691 19.2415 16.0116 19.2415 16.1601C19.2415 16.3086 19.1825 16.4511 19.0775 16.5561C18.9725 16.6611 18.83 16.7201 18.6815 16.7201Z' fill='%232C2C2C'/%3E%3C/svg%3E"); }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.projects__item {
  position: relative; }
  .projects__item--img img {
    width: 100%; }
  .projects__item--title {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 16px;
    background-color: #fff;
    opacity: 0.8; }

.projects__btn {
  display: flex;
  justify-content: center;
  margin-top: 44px; }

@media (max-width: 767px) {
  .projects__btn {
    margin-top: 24px; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.review .container {
  position: relative; }

.review__btn {
  display: flex;
  justify-content: center;
  margin-top: 44px; }

.review__slide {
  display: flex;
  flex-direction: column;
  gap: 16px; }
  .review__slide .img {
    position: relative; }
    .review__slide .img img {
      border: 1px solid #00000026;
      position: relative;
      width: 100%; }
      .review__slide .img img::before {
        content: '';
        display: block;
        width: 34px;
        height: 34px;
        background-size: cover;
        position: absolute;
        background-image: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='34' height='34' rx='17' fill='white'/%3E%3Crect x='0.5' y='0.5' width='33' height='33' rx='16.5' stroke='black' stroke-opacity='0.15'/%3E%3Cpath d='M15.9198 11.12C16.9166 11.12 17.8911 11.4156 18.7199 11.9694C19.5487 12.5232 20.1947 13.3104 20.5762 14.2313C20.9577 15.1522 21.0575 16.1656 20.863 17.1433C20.6685 18.121 20.1885 19.019 19.4836 19.7239C18.7788 20.4287 17.8807 20.9087 16.9031 21.1032C15.9254 21.2977 14.912 21.1979 13.9911 20.8164C13.0701 20.4349 12.283 19.789 11.7292 18.9601C11.1754 18.1313 10.8798 17.1569 10.8798 16.16C10.8798 14.8233 11.4108 13.5414 12.356 12.5962C13.3012 11.651 14.5831 11.12 15.9198 11.12ZM15.9198 10C14.7015 10 13.5105 10.3613 12.4975 11.0382C11.4845 11.715 10.6949 12.6771 10.2287 13.8027C9.76243 14.9283 9.64045 16.1669 9.87813 17.3618C10.1158 18.5567 10.7025 19.6543 11.564 20.5158C12.4255 21.3773 13.5231 21.964 14.718 22.2017C15.913 22.4394 17.1515 22.3174 18.2771 21.8512C19.4027 21.3849 20.3648 20.5954 21.0417 19.5824C21.7186 18.5694 22.0798 17.3784 22.0798 16.16C22.0798 14.5263 21.4308 12.9595 20.2756 11.8042C19.1204 10.649 17.5535 10 15.9198 10Z' fill='%232C2C2C'/%3E%3Cpath d='M23.6812 24.0001C23.6071 23.9998 23.5338 23.9848 23.4655 23.956C23.3973 23.9271 23.3354 23.885 23.2836 23.8321L19.9627 20.4721C19.9045 20.4215 19.8574 20.3594 19.8243 20.2896C19.7912 20.2199 19.7728 20.1441 19.7704 20.067C19.768 19.9899 19.7815 19.9131 19.8102 19.8414C19.8389 19.7698 19.882 19.7049 19.937 19.6507C19.9919 19.5965 20.0575 19.5543 20.1295 19.5266C20.2016 19.499 20.2785 19.4865 20.3556 19.49C20.4327 19.4935 20.5082 19.513 20.5775 19.547C20.6467 19.5811 20.7081 19.6291 20.7579 19.6881L24.0788 23.0481C24.1558 23.1267 24.208 23.2263 24.2288 23.3344C24.2496 23.4425 24.238 23.5543 24.1956 23.6559C24.1532 23.7575 24.0817 23.8443 23.9902 23.9056C23.8988 23.9668 23.7912 23.9997 23.6812 24.0001ZM15.8803 19.5201C15.7318 19.5201 15.5894 19.4611 15.4843 19.3561C15.3793 19.251 15.3203 19.1086 15.3203 18.9601V13.3601C15.3203 13.2115 15.3793 13.0691 15.4843 12.9641C15.5894 12.859 15.7318 12.8 15.8803 12.8C16.0288 12.8 16.1713 12.859 16.2763 12.9641C16.3813 13.0691 16.4403 13.2115 16.4403 13.3601V18.9601C16.4403 19.1086 16.3813 19.251 16.2763 19.3561C16.1713 19.4611 16.0288 19.5201 15.8803 19.5201Z' fill='%232C2C2C'/%3E%3Cpath d='M18.6815 16.7201H13.0815C12.933 16.7201 12.7905 16.6611 12.6855 16.5561C12.5805 16.4511 12.5215 16.3086 12.5215 16.1601C12.5215 16.0116 12.5805 15.8691 12.6855 15.7641C12.7905 15.6591 12.933 15.6001 13.0815 15.6001H18.6815C18.83 15.6001 18.9725 15.6591 19.0775 15.7641C19.1825 15.8691 19.2415 16.0116 19.2415 16.1601C19.2415 16.3086 19.1825 16.4511 19.0775 16.5561C18.9725 16.6611 18.83 16.7201 18.6815 16.7201Z' fill='%232C2C2C'/%3E%3C/svg%3E"); }
  .review__slide > .title {
    font-weight: 400;
    font-size: 24px;
    line-height: 28.8px; }

@media (max-width: 767px) {
  .review__btn {
    margin-top: 24px; }
  .review__slide > .title {
    display: none; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.feedback_form {
  background-position: center; }
  .feedback_form--title {
    font-weight: 600;
    font-size: 36px;
    line-height: 43.2px;
    margin-bottom: 24px; }
  .feedback_form--img {
    display: flex;
    justify-content: end; }

@media screen and (max-width: 1024px) {
  .feedback_form--img {
    justify-content: center; }
  .feedback_form--title {
    font-weight: 600;
    font-size: 24px;
    line-height: 28.8px; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.card {
  box-shadow: 0 0 8px 0 #00000033;
  width: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  transition: box-shadow ease 0.3s;
  height: 100%; }
  .card:hover {
    box-shadow: 0 0 12px 0 #0000006e; }
  .card > a {
    width: -webkit-fill-available; }
  .card__container {
    height: 100%; }
    .card__container--bottom {
      padding: 16px; }
    .card__container--title {
      font-weight: 400;
      font-size: 24px;
      line-height: 28.8px;
      color: #2C2C2C; }
    .card__container--img img {
      width: 100%; }

@media screen and (max-width: 1024px) {
  .card__container--bottom {
    padding: 10px; }
  .card__container--title {
    font-size: 18px;
    line-height: 21.6px;
    color: #2C2C2C; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.glide {
  position: initial; }

.glide__slide > img {
  width: 100%; }

.glide__arrows {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 50px;
  display: flex;
  gap: 24px; }
  .glide__arrows .glide__arrow img {
    border-radius: 50%;
    transition: all ease 0.3s; }
    .glide__arrows .glide__arrow img:hover {
      box-shadow: 0 0 12px 0 #0ca2ff5a; }

.glide__bullets {
  justify-content: center;
  margin-top: 40px;
  gap: 16px;
  display: none; }
  .glide__bullets .glide__bullet {
    display: block;
    width: 14px;
    height: 14px;
    background: #0CA1FF;
    opacity: 0.8;
    border-radius: 100px; }
    .glide__bullets .glide__bullet--active {
      opacity: 1;
      width: 20px;
      height: 20px; }

@media (max-width: 767px) {
  .glide__arrows {
    position: initial;
    justify-content: center;
    margin-top: 20px; } }

.thumbnail {
  cursor: pointer; }

.modal {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9); }
  .modal-content {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 700px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: white;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer; }

.no-scroll {
  overflow: hidden; }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
form {
  display: flex;
  gap: 24px;
  flex-direction: column; }
  form p {
    display: flex;
    gap: 24px;
    margin-top: 44px;
    width: 100%; }
  form input[type='text'],
  form input[type='tel'] {
    width: 100%;
    max-width: 486px;
    height: 50px;
    padding-left: 14px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22.4px;
    text-align: left; }
  form input,
  form button {
    border: 1px solid #0CA1FF;
    outline: none;
    box-shadow: none; }

.warning {
  font-size: 14px;
  color: #ff7979;
  display: none; }
  .warning--show {
    display: block; }

.loader {
  position: absolute;
  left: 75%;
  width: 20px;
  height: 20px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  opacity: 0; }

.btn.loading .loader {
  opacity: 1; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

label {
  cursor: pointer; }
  label > a {
    color: #2C2C2C;
    text-decoration: underline; }
    label > a:hover {
      text-decoration: none; }

@media screen and (max-width: 1024px) {
  form {
    gap: 10px;
    margin-top: 24px;
    justify-content: center;
    flex-direction: column; }
    form input[type='text'],
    form input[type='tel'] {
      max-width: none; }
    form .btn {
      width: 100%; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.kontakty__content {
  display: flex;
  flex-direction: column;
  gap: 16px; }
  .kontakty__content .title {
    font-weight: 600;
    font-size: 16px;
    line-height: 22.4px;
    color: #0CA1FF;
    margin-bottom: 6px; }

.kontakty__address, .kontakty__email, .kontakty__work_time {
  display: flex;
  flex-direction: column;
  color: #2C2C2C; }

.kontakty__social .links {
  gap: 12px; }
  .kontakty__social .links img {
    width: 40px;
    height: 40px; }

.kontakty__phones .imgs {
  display: flex;
  gap: 8px;
  margin-left: 8px; }
  .kontakty__phones .imgs > img {
    width: 25px;
    height: 25px; }

.kontakty__phones, .kontakty__email, .kontakty__social, .kontakty__address, .kontakty__work_time {
  display: flex;
  flex-direction: column; }
  .kontakty__phones--title, .kontakty__email--title, .kontakty__social--title, .kontakty__address--title, .kontakty__work_time--title {
    font-size: 18px;
    font-weight: 700;
    line-height: 45px; }
  .kontakty__phones .phone,
  .kontakty__phones .email,
  .kontakty__phones .address,
  .kontakty__phones .work_time, .kontakty__email .phone,
  .kontakty__email .email,
  .kontakty__email .address,
  .kontakty__email .work_time, .kontakty__social .phone,
  .kontakty__social .email,
  .kontakty__social .address,
  .kontakty__social .work_time, .kontakty__address .phone,
  .kontakty__address .email,
  .kontakty__address .address,
  .kontakty__address .work_time, .kontakty__work_time .phone,
  .kontakty__work_time .email,
  .kontakty__work_time .address,
  .kontakty__work_time .work_time {
    font-weight: 500;
    font-size: 24px;
    line-height: 28.8px;
    color: #2C2C2C; }

@media only screen and (max-width: 1279px) {
  .kontakty__form {
    order: 1; }
  .kontakty__phones--title, .kontakty__email--title, .kontakty__social--title, .kontakty__address--title, .kontakty__work_time--title {
    font-size: 16px;
    line-height: 19.2px; }
  .kontakty__phones .phone,
  .kontakty__phones .email,
  .kontakty__phones .address,
  .kontakty__phones .work_time, .kontakty__email .phone,
  .kontakty__email .email,
  .kontakty__email .address,
  .kontakty__email .work_time, .kontakty__social .phone,
  .kontakty__social .email,
  .kontakty__social .address,
  .kontakty__social .work_time, .kontakty__address .phone,
  .kontakty__address .email,
  .kontakty__address .address,
  .kontakty__address .work_time, .kontakty__work_time .phone,
  .kontakty__work_time .email,
  .kontakty__work_time .address,
  .kontakty__work_time .work_time {
    font-size: 18px;
    line-height: 21.6px; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.pagination {
  display: flex;
  justify-content: center;
  margin-top: 44px; }

.nav-links {
  display: flex;
  gap: 8px; }

.page-numbers {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  width: 36px;
  height: 36px;
  padding: 8px;
  border: 1px solid #1393E4;
  color: #282828; }
  .page-numbers.next, .page-numbers.prev {
    border: none; }
    .page-numbers.next:hover, .page-numbers.prev:hover {
      border: none; }
  .page-numbers .arrow::before {
    content: '';
    display: block;
    width: 8px;
    height: 20px;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='18' viewBox='0 0 8 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.56086 8.71106C6.82104 9.07184 6.81164 9.5611 6.53779 9.91162L1 17' stroke='%230CA1FF' stroke-width='1.5'/%3E%3C/svg%3E%0A"); }
  .page-numbers .arrow.left {
    transform: rotate(180deg); }
  .page-numbers:hover {
    border: 1px solid #1393E4; }
  .page-numbers:active {
    color: #1393E4; }
  .page-numbers.current {
    border: 1px solid #1393E4;
    background-color: #0CA1FF;
    width: 36px;
    height: 36px;
    color: #fff; }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.breadcrumbs {
  margin-bottom: 40px;
  margin-top: -40px; }
  .breadcrumbs ul {
    display: flex;
    flex-wrap: wrap; }
  .breadcrumbs a,
  .breadcrumbs span {
    font-size: 14px;
    font-weight: 600;
    line-height: 19.6px;
    text-align: left;
    color: #2C2C2C; }

@media (max-width: 1024px) {
  .breadcrumbs {
    margin-top: -35px; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.single .content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 44px; }

.single .img {
  margin-bottom: 40px; }

@media (max-width: 1025px) {
  .single .content {
    gap: 20px; }
  .single .img {
    margin-bottom: 24px; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.o_kompanii__content {
  padding: 16px 0; }
  .o_kompanii__content > * {
    font-weight: 300;
    font-size: 16px;
    line-height: 19.2px; }
    .o_kompanii__content > *:not(:last-child) {
      margin-bottom: 12px; }

.o_kompanii__certificates--title {
  font-weight: 600;
  font-size: 40px;
  line-height: 56px;
  margin-bottom: 24px; }

.o_kompanii__certificates--subtitle {
  font-weight: 400;
  font-size: 18px;
  line-height: 25.2px;
  letter-spacing: 0%;
  margin-bottom: 65px; }

.o_kompanii .imgs--items {
  display: flex;
  flex-wrap: wrap;
  gap: 24px; }

@media (max-width: 1025px) {
  .o_kompanii__certificates {
    margin-top: 64px; }
    .o_kompanii__certificates--items {
      justify-content: center;
      gap: 16px; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.inform_message {
  font-size: 34px; }
  @media (max-width: 1025px) {
    .inform_message {
      font-size: 24px;
      margin-top: 20px; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
:root {
  /*
   * Headline
   */
  --theme-headline-font-size-72: 72px;
  --theme-headline-line-height-72: 80px;
  --theme-headline-font-size-64: 64px;
  --theme-headline-line-height-64: 70px;
  --theme-headline-font-size-56: 56px;
  --theme-headline-line-height-56: 62px;
  --theme-headline-font-size-48: 48px;
  --theme-headline-line-height-48: 52px;
  --theme-headline-font-size-40: 40px;
  --theme-headline-line-height-40: 48px;
  --theme-headline-font-size-36: 36px;
  --theme-headline-line-height-36: 42px;
  --theme-headline-font-size-32: 32px;
  --theme-headline-line-height-32: 38px;
  --theme-headline-font-size-28: 28px;
  --theme-headline-line-height-28: 34px;
  --theme-headline-font-size-24: 24px;
  --theme-headline-line-height-24: 30px;
  --theme-headline-font-size-20: 20px;
  --theme-headline-line-height-20: 26px;
  --theme-headline-font-size-18: 18px;
  --theme-headline-line-height-18: 24px;
  --theme-headline-font-size-16: 16px;
  --theme-headline-line-height-16: 22px;
  --theme-headline-font-size-14: 14px;
  --theme-headline-line-height-14: 18px;
  --theme-headline-font-size-12: 12px;
  --theme-headline-line-height-12: 16px;
  /*
   * Body
   */
  --theme-body-font-size-24: 24px;
  --theme-body-line-height-24: 36px;
  --theme-body-font-size-20: 20px;
  --theme-body-line-height-20: 30px;
  --theme-body-font-size-20: 20px;
  --theme-body-line-height-20: 28px;
  --theme-body-font-size-18: 18px;
  --theme-body-line-height-18: 28px;
  --theme-body-font-size-16: 16px;
  --theme-body-line-height-16: 24px;
  --theme-body-font-size-14: 14px;
  --theme-body-line-height-14: 22px;
  --theme-body-font-size-12: 12px;
  --theme-body-line-height-12: 18px;
  /*
   * Subtitle
   */
  --theme-subtitle-font-size-24: 24px;
  --theme-subtitle-line-height-24: 36px;
  --theme-subtitle-font-size-20: 20px;
  --theme-subtitle-line-height-20: 30px;
  --theme-subtitle-font-size-18: 18px;
  --theme-subtitle-line-height-18: 28px;
  --theme-subtitle-font-size-16: 16px;
  --theme-subtitle-line-height-16: 24px;
  --theme-subtitle-font-size-14: 14px;
  --theme-subtitle-line-height-14: 22px;
  --theme-subtitle-font-size-12: 12px;
  --theme-subtitle-line-height-12: 18px; }
  @media only screen and (max-width: 1279px) {
    :root {
      /*
     * Headline
     */
      --theme-headline-font-size-72: 64px;
      --theme-headline-line-height-72: 70px;
      --theme-headline-font-size-64: 56px;
      --theme-headline-line-height-64: 62px;
      --theme-headline-font-size-56: 48px;
      --theme-headline-line-height-56: 52px;
      --theme-headline-font-size-48: 40px;
      --theme-headline-line-height-48: 40px;
      --theme-headline-font-size-40: 36px;
      --theme-headline-line-height-40: 42px;
      --theme-headline-font-size-36: 32px;
      --theme-headline-line-height-36: 38px;
      --theme-headline-font-size-32: 28px;
      --theme-headline-line-height-32: 34px;
      --theme-headline-font-size-28: 28px;
      --theme-headline-line-height-28: 34px;
      --theme-headline-font-size-20: 20px;
      --theme-headline-line-height-20: 26px; } }
  @media (max-width: 767px) {
    :root {
      /*
     * Headline
     */
      --theme-headline-font-size-72: 28px;
      --theme-headline-line-height-72: 34px;
      --theme-headline-font-size-64: 28px;
      --theme-headline-line-height-64: 34px;
      --theme-headline-font-size-56: 28px;
      --theme-headline-line-height-56: 34px;
      --theme-headline-font-size-48: 28px;
      --theme-headline-line-height-48: 34px;
      --theme-headline-font-size-40: 28px;
      --theme-headline-line-height-40: 34px;
      --theme-headline-font-size-36: 28px;
      --theme-headline-line-height-36: 34px;
      --theme-headline-font-size-32: 24px;
      --theme-headline-line-height-32: 30px;
      --theme-headline-font-size-28: 24px;
      --theme-headline-line-height-28: 30px;
      --theme-headline-font-size-24: 20px;
      --theme-headline-line-height-24: 26px;
      --theme-headline-font-size-20: 18px;
      --theme-headline-line-height-20: 24px;
      --theme-headline-font-size-18: 18px;
      --theme-headline-line-height-18: 24px;
      /*
     * Body
     */
      --theme-body-font-size-24: 20px;
      --theme-body-line-height-24: 30px;
      --theme-body-font-size-20: 18px;
      --theme-body-line-height-20: 28px;
      /*
   * Subtitle
   */
      --theme-subtitle-font-size-24: 24px;
      --theme-subtitle-line-height-24: 20px;
      --theme-subtitle-font-size-20: 20px;
      --theme-subtitle-line-height-20: 18px; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

:root {
  --container-padding: 44px;
  --container-max-width: 1288px; }

*,
::after,
::before {
  box-sizing: border-box; }

html,
body {
  padding: 0;
  margin: 0;
  height: 100%; }

body {
  font-family: var(--theme-main-font);
  font-weight: 400;
  font-size: var(--theme-body-font-size-16);
  line-height: var(--theme-body-line-height-16);
  background-color: #fdfdfd;
  color: #2C2C2C;
  -webkit-font-smoothing: antialiased; }
  body.rtl {
    direction: rtl; }
  body > .wrapper {
    display: flex;
    flex-direction: column;
    height: 100%; }
    body > .wrapper .block__footer {
      margin-top: auto; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--theme-second-font);
  color: #2C2C2C;
  margin: 0;
  font-weight: 900; }

p {
  margin: 0; }

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

a {
  text-decoration: none; }

img {
  display: block;
  max-width: 100%; }

main > *:first-child {
  padding-top: 160px;
  /* @media screen and (max-width: $tablet_min_width) {
				padding-top: 161px;
			}

			@media screen and (max-width: $mobile_max_width) {
				padding-top: 139px;
			} */ }
  @media screen and (max-width: 1279px) {
    main > *:first-child {
      padding-top: 156px; } }

/*
 * wpseo-frontend-inspector
 */
[style='position: relative; z-index: 99998;'] {
  display: none !important; }

/*
 * Pixel perfect mu-plugin
 */
.pp__images img {
  max-width: initial !important; }

@media only screen and (max-width: 1279px) {
  :root {
    --container-padding: 28px;
    --container-max-width: 1044px; } }

@media (max-width: 767px) {
  :root {
    --container-padding: 10px; } }

.row {
  --gutter-x: 24px;
  --gutter-y: 24px;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gutter-y));
  margin-right: calc(-.5 * var(--gutter-x));
  margin-left: calc(-.5 * var(--gutter-x)); }
  .row .col {
    flex: 1 0 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) * .5);
    padding-left: calc(var(--gutter-x) * .5);
    margin-top: var(--gutter-y); }
    .row .col-2 {
      flex: 0 0 auto;
      width: 16.66667%; }
    .row .col-3 {
      flex: 0 0 auto;
      width: 25%; }
    .row .col-4 {
      flex: 0 0 auto;
      width: 33.33333%; }
    .row .col-5 {
      flex: 0 0 auto;
      width: 41.66667%; }
    .row .col-6 {
      flex: 0 0 auto;
      width: 50%; }
    .row .col-7 {
      flex: 0 0 auto;
      width: 58.33333%; }
    .row .col-8 {
      flex: 0 0 auto;
      width: 66.66667%; }
    .row .col-9 {
      flex: 0 0 auto;
      width: 75%; }
    .row .col-10 {
      flex: 0 0 auto;
      width: 83.33333%; }
    .row .col-11 {
      flex: 0 0 auto;
      width: 91.66667%; }
    .row .col-12 {
      flex: 0 0 auto;
      width: 100%; }
  .row-20 {
    --gutter-x: 20px;
    --gutter-y: 20px; }

@media screen and (max-width: 1025px) {
  .row {
    --gutter-x: 16px;
    --gutter-y: 16px; }
    .row .col-sm {
      width: 100% !important;
      flex: 0 0 auto; }
      .row .col-sm-2 {
        width: 16.66667% !important; }
      .row .col-sm-3 {
        width: 25% !important; }
      .row .col-sm-4 {
        width: 33.33333% !important; }
      .row .col-sm-5 {
        width: 41.66667% !important; }
      .row .col-sm-6 {
        width: 50% !important; }
      .row .col-sm-7 {
        width: 58.33333% !important; }
      .row .col-sm-8 {
        width: 66.66667% !important; }
      .row .col-sm-9 {
        width: 75% !important; }
      .row .col-sm-10 {
        width: 83.33333% !important; }
      .row .col-sm-11 {
        width: 91.66667% !important; }
      .row .col-sm-12 {
        width: 100% !important; } }

@media (max-width: 767px) {
  .row .col-xs {
    width: 100% !important;
    flex: 0 0 auto; } }

/*
 * Gutter
 */
.gutter-x-20 {
  --gutter-x: 20px; }

.gutter-x-40 {
  --gutter-x: 40px; }

.gutter-y-20 {
  --gutter-y: 20px; }

.gutter-y-40 {
  --gutter-y: 40px; }

@media only screen and (max-width: 1279px) {
  .gutter-sm-x-20 {
    --gutter-x: 20px; }
  .gutter-sm-x-40 {
    --gutter-x: 40px; }
  .gutter-sm-y-20 {
    --gutter-y: 20px; }
  .gutter-sm-y-40 {
    --gutter-y: 40px; } }

/*
 * Gap
 */
.gap-8 {
  gap: 8px; }

.gap-12 {
  gap: 12px; }

.gap-20 {
  gap: 20px; }

.gap-40 {
  gap: 40px; }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

.cmn-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  font-weight: 500;
  font-size: 16px;
  line-height: 22.4px;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  box-shadow: none;
  transition: 0.2s linear;
  user-select: none;
  white-space: nowrap;
  text-align: center;
  position: relative; }
  .cmn-btn.uppercase {
    text-transform: uppercase; }
  .cmn-btn--text-default {
    text-transform: initial !important; }
  .cmn-btn--main, .cmn-btn--second {
    padding: 18px 24px;
    height: 50px;
    width: 220px; }
  .cmn-btn--main {
    background: #0CA1FF;
    color: #fff; }
    .cmn-btn--main:hover {
      background: #1393E4;
      border: none; }
    .cmn-btn--main[disabled] {
      color: #fff; }
  .cmn-btn--full {
    width: 100%; }
  @media screen and (max-width: 767px) {
    .cmn-btn--main, .cmn-btn--second {
      width: 100%; } }

.container {
  width: 100%;
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding: 0 var(--container-padding); }

.second-font {
  font-family: var(--theme-second-font); }

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(29, 28, 31, 0.6);
  top: 0; }

.list-bullet ul li {
  position: relative;
  padding-left: 24px; }
  .list-bullet ul li:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #504D5C;
    position: absolute;
    left: 10px;
    top: 8px; }

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

.d-flex {
  display: flex; }
  .d-flex-i {
    display: inline-flex; }
  .d-flex-center {
    display: flex;
    align-items: center;
    justify-content: center; }
  .d-flex-column {
    display: flex;
    flex-direction: column; }
  .d-flex-wrap {
    display: flex;
    flex-wrap: wrap; }

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

@media screen and (min-width: 1280px) {
  .hide-lg {
    display: none !important; } }

@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .hide-sm {
    display: none !important; } }

@media (max-width: 767px) {
  .hide-xs {
    display: none !important; } }

.justify-content-center {
  justify-content: center; }

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

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

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

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

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

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

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

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

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

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

.w-100 {
  width: 100%; }

.h-100 {
  height: 100%; }

.p-20 {
  padding: 20px; }

.p-30 {
  padding: 30px; }

.p-60 {
  padding: 60px; }

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

.bg-white {
  background: #fff; }

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

.max-680 {
  width: 100%;
  max-width: 680px;
  margin-left: auto;
  margin-right: auto; }

.main-section-padding {
  padding-top: calc( 100px + 80px);
  padding-bottom: 100px; }
  @media only screen and (max-width: 1279px) and (min-width: 768px) {
    .main-section-padding {
      padding-top: calc( 80px + 80px);
      padding-bottom: 80px; } }
  @media (max-width: 767px) {
    .main-section-padding {
      padding-top: calc( 60px + 80px);
      padding-bottom: 60px; } }

@media only screen and (max-width: 1279px) {
  [class*="sm-max"] {
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
  .sm-max-400 {
    max-width: 400px; } }

@media (max-width: 767px) {
  .xs-max {
    width: 100%;
    max-width: 474px;
    margin-left: auto;
    margin-right: auto; }
  .xs-full {
    width: 100%; } }

.block {
  padding: 72px 0; }
  .block--bg {
    background: #f7f7fa; }
  .block__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 43.2px;
    color: #2C2C2C;
    margin-bottom: 44px;
    text-transform: uppercase; }

@media only screen and (max-width: 1279px) {
  .block {
    padding: 25px 0; }
    .block__title {
      margin-bottom: 40px;
      font-size: 24px;
      line-height: 33.6px; } }

.tabs--head-label.active .chips--item {
  color: #fff;
  background: #2B2933; }

.tabs--item {
  display: none;
  animation: tab-opacity 0.8s;
  transition: 0.2s opacity; }
  .tabs--item.active {
    display: block; }

@keyframes tab-opacity {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

body.admin-bar .block__header:not(.block__header--hide) {
  top: 32px; }

@media (max-width: 1279px) {
  /*
   * Hide admin bar
   */
  body.admin-bar {
    margin-top: -32px;
    top: 0 !important; }
    body.admin-bar #wpadminbar {
      display: none; }
    body.admin-bar .block__header:not(.block__header--hide) {
      top: 0; } }

@media screen and (max-width: 782px) {
  body.admin-bar {
    margin-top: -46px; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
header {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

body .block__header--bg {
  background-color: #fff;
  opacity: 0.9; }

.block__header {
  position: fixed;
  width: 100%;
  top: 0;
  transition: top 0.3s, background-color 0.3s ease;
  z-index: 500;
  height: 100px;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  opacity: 0.9; }
  .block__header-container {
    margin: 0 auto;
    padding: 0 var(--container-padding);
    width: 100%;
    max-width: 1288px; }
  .block__header--wrapper {
    gap: 50px; }
  .block__header--box {
    width: 100%; }
  .block__header-nav {
    width: 100%;
    gap: 24px;
    display: flex;
    flex-direction: column; }
  .block__header--contacts_container {
    justify-content: start;
    gap: 58px; }
    .block__header--contacts_container .phone_num {
      color: #fff;
      font-weight: 400;
      font-size: 13px;
      line-height: 15.64px;
      display: flex;
      gap: 12px; }
      .block__header--contacts_container .phone_num > a {
        font-weight: 500;
        font-size: 24px;
        line-height: 28.8px;
        color: #2C2C2C; }
  .block__header .imgs {
    display: flex;
    gap: 12px; }
    .block__header .imgs > img {
      width: 30px;
      height: 30px; }
  .block__header--hide {
    top: -134px; }
  .block__header-contacts {
    display: none; }
  .block__header .order_call a {
    font-weight: 400;
    font-size: 18px;
    line-height: 21.6px;
    text-decoration: underline;
    color: #0CA1FF; }

@media screen and (max-width: 1280px) {
  .block__header--contacts_container {
    display: none; }
  .block__header {
    height: 100px; }
    .block__header--main {
      top: 0 !important; }
    .block__header-contacts {
      flex-direction: column;
      align-items: center;
      gap: 24px; }
      .block__header-contacts > div {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px; }
        .block__header-contacts > div a {
          font-weight: 500;
          font-size: 24px;
          line-height: 28.8px;
          color: #fff; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
@media screen and (min-width: 1280px) {
  .block__header-nav nav {
    display: flex;
    justify-content: center; }
    .block__header-nav nav ul {
      gap: 80px;
      width: 100%;
      justify-content: start; }
      .block__header-nav nav ul li.current-menu-item {
        text-decoration: underline; }
      .block__header-nav nav ul > li a {
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        color: #2C2C2C; }
        .block__header-nav nav ul > li a:hover {
          text-decoration: underline; }
  .burger,
  #phone-icon {
    display: none; } }

@media only screen and (max-width: 1279px) {
  body.home .block__header .burger span, body.home .block__header .burger span:before, body.home .block__header .burger span:after,
  body.single .block__header .burger span,
  body.single .block__header .burger span:before,
  body.single .block__header .burger span:after {
    background: #1393E4; }
  #phone-icon {
    margin-left: 12px; }
  body.body-contacts-show {
    overflow: hidden; }
    body.body-contacts-show .block__header-contacts {
      visibility: visible;
      transform: translateY(0);
      opacity: 1;
      overflow-y: auto;
      overflow-x: hidden;
      display: flex;
      padding-top: 40px; }
      body.body-contacts-show .block__header-contacts .phone {
        font-weight: 700;
        font-size: 22px;
        line-height: 28.6px; }
    body.body-contacts-show #phone-icon {
      transform: rotate(100deg);
      transition: transform 0.2s ease; }
  body.body-nav-show {
    overflow: hidden; }
    body.body-nav-show .block__header-nav > nav {
      visibility: visible;
      transform: translateY(0);
      opacity: 1;
      overflow-y: auto;
      overflow-x: hidden;
      display: flex;
      flex-direction: column; }
    body.body-nav-show .block__header .burger span {
      background: #fff; }
      body.body-nav-show .block__header .burger span:before {
        background-color: #1393E4;
        top: 0;
        transform: rotate(45deg);
        transition: top 200ms, transform 200ms 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 200ms 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      body.body-nav-show .block__header .burger span:after {
        background-color: #0CA1FF;
        top: 0;
        transform: rotate(-45deg);
        transition: bottom 200ms, transform 200ms 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 200ms 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .block__header-nav > nav, .block__header-contacts {
    position: absolute;
    left: 0;
    top: 100%;
    background: #000;
    height: 100vh;
    z-index: 9999;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-5px);
    transition: all 0.2s ease; }
  .block__header-nav > nav {
    /*
         * All li
         */ }
    .block__header-nav > nav > ul {
      display: flex;
      padding: 20px 28px;
      flex-direction: column;
      align-items: center;
      gap: 4px;
      width: 100%; }
    .block__header-nav > nav li {
      display: flex;
      padding: 10px;
      align-items: flex-start;
      gap: 8px;
      justify-content: center;
      border-radius: 8px;
      width: 100%; }
      .block__header-nav > nav li:hover {
        background: rgba(216, 218, 229, 0.2); }
      .block__header-nav > nav li a {
        color: #fff;
        font-weight: 600;
        font-size: 24px;
        line-height: 28.8px; }
  .block__header .burger {
    position: relative;
    display: flex;
    justify-content: center;
    width: 44px;
    height: 44px;
    cursor: pointer; }
    .block__header .burger span {
      top: 50%;
      margin-top: -1px;
      transition: 0.3s; }
      .block__header .burger span, .block__header .burger span:before, .block__header .burger span:after {
        width: 25px;
        position: absolute;
        height: 2px;
        background: #0CA1FF;
        display: block;
        border-radius: 2px; }
      .block__header .burger span:after {
        content: '';
        bottom: -8px;
        transition: bottom 200ms 200ms, transform 200ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 200ms cubic-bezier(0.23, 1, 0.32, 1); }
      .block__header .burger span:before {
        content: '';
        top: -8px;
        transition: top 200ms 200ms, transform 200ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 200ms cubic-bezier(0.23, 1, 0.32, 1); } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.block__location.hover [class*="--current"] {
  opacity: 0.6; }
  .block__location.hover [class*="--current"]:after {
    transform: rotate(180deg); }

.block__location.hover [class*="--list"] ul {
  visibility: visible;
  transform: translateY(0);
  opacity: 1; }

.block__location--current {
  height: 36px;
  border-radius: 12px;
  border: 1px solid #2B2933;
  display: flex;
  align-items: center;
  padding: 0 8px 0 12px;
  cursor: pointer;
  transition: 0.2s linear; }
  .block__location--current:after {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    transition: 0.2s linear;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6.66669 8.33334L10 11.6667L13.3334 8.33334' stroke='%232B2933' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
  .block__location--current-text {
    color: #2B2933;
    font-family: var(--theme-main-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    text-transform: uppercase;
    transition: 0.2s linear; }

.block__location--list ul {
  position: absolute;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  transform: translateY(5px);
  transition: all 0.3s ease; }

@media screen and (min-width: 1280px) {
  .block__location--list {
    display: flex;
    justify-content: center; }
    .block__location--list ul {
      border-radius: 12px;
      border: 1px solid #F5F5F7;
      box-shadow: 0 16px 28px 0 rgba(98, 115, 132, 0.08);
      padding: 40px;
      bottom: initial;
      left: initial;
      z-index: 100;
      margin-top: 13px; }
      .block__location--list ul:before {
        content: "";
        width: 100%;
        height: 14px;
        position: absolute;
        left: 50%;
        top: -14px;
        transform: translateX(-50%);
        background: transparent; }
      .block__location--list ul li a {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 12px;
        color: #2B2933;
        font-family: var(--theme-second-font);
        font-size: 16px;
        font-weight: 900;
        line-height: 19.2px;
        border-radius: 8px;
        transition: 0.2s linear; }
        .block__location--list ul li a:hover {
          background: rgba(174, 192, 255, 0.2); }
        .block__location--list ul li a img {
          width: 20px;
          height: 20px; } }

@media only screen and (max-width: 1279px) {
  .block__location--list ul {
    left: 0;
    top: calc(100% - 4px);
    width: 100%;
    padding: 20px;
    text-align: center;
    height: var(--window-inner-height);
    overflow-y: auto;
    overflow-x: hidden; }
    .block__location--list ul li a {
      display: inline-flex;
      color: #2B2933;
      font-family: var(--theme-main-font);
      font-size: 16px;
      font-weight: 400;
      line-height: 22.4px;
      padding: 8px 0; }
      .block__location--list ul li a img {
        display: none; } }

:root {
  --theme-main-font: 'Roboto Flex', sans-serif;
  --theme-second-font: 'Roboto Flex', sans-serif; }

@use "sass:math";
.block__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background-color: #2C2C2C;
  position: relative;
  color: #fff;
  /* min-height: 80px; */
  padding: 55px; }
  @media screen and (max-width: 1279px) {
    .block__footer {
      min-height: auto; } }
  .block__footer-box {
    flex-direction: column;
    /* @media screen and (max-width: $tablet_max_width) {
			padding: 40px 20px;
			flex-direction: column;
			align-items: center;
			gap: 20px;
			align-self: stretch;
		} */ }
  .block__footer-wrapper {
    justify-content: space-between;
    gap: 120px; }
  .block__footer .info__block--img {
    width: 182px;
    height: 85px;
    margin-bottom: 14px; }
  .block__footer .info__block--text {
    display: flex;
    gap: 23px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: left; }
    .block__footer .info__block--text:not(:last-child) {
      margin-bottom: 24px; }
    .block__footer .info__block--text:last-child {
      margin-bottom: 20px; }
  .block__footer .info__block .title {
    font-weight: 500;
    margin-bottom: 12px; }
  .block__footer-nav > nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; }
  .block__footer-nav > nav li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    text-align: left;
    color: #fff; }
    .block__footer-nav > nav li a:hover {
      text-decoration: underline;
      color: #fff; }
    .block__footer-nav > nav li a:active {
      text-decoration: underline;
      color: #dcdde5; }
  .block__footer .contacts .kontakty__phones {
    min-width: 310px;
    gap: 12px; }
    .block__footer .contacts .kontakty__phones .phone {
      color: #fff; }
  .block__footer--bottom {
    justify-content: space-between; }
    .block__footer--bottom a {
      color: #fff;
      text-decoration: underline; }
      .block__footer--bottom a:hover {
        text-decoration: none; }

@media (max-width: 1024px) {
  .block__footer {
    padding: 40px 0; }
    .block__footer-wrapper {
      flex-direction: column;
      gap: 40px; }
    .block__footer .info__block {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .block__footer .info__block--text:not(:last-child) {
        margin-bottom: 0; }
      .block__footer .info__block--text:last-child {
        margin-bottom: 0; }
    .block__footer-nav > nav {
      justify-content: flex-start; }
      .block__footer-nav > nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px; }
        .block__footer-nav > nav ul > li:not(:last-child) {
          margin-bottom: 0; }
    .block__footer .footer__item .title {
      margin-bottom: 24px; }
    .block__footer .contacts .kontakty__phones > div {
      justify-content: center; }
    .block__footer--bottom {
      flex-direction: column;
      align-items: center;
      margin-top: 32px;
      gap: 10px; } }