/* Start:/local/templates/job.tclub24/css/style.css?173289422817277*/
.job__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}

.job__title {
  max-width: 530px;
  -webkit-animation: 1.5s text;
  animation: 1.5s text;
}

.job__header .job__inner {
  -webkit-animation: 1.5s text;
  animation: 1.5s text;
}

@-webkit-keyframes text {
  0% {
    -webkit-transform: translateX(70px);
    transform: translateX(70px);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes text {
  0% {
    -webkit-transform: translateX(70px);
    transform: translateX(70px);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

.job__subtitle {
  color: var(--gray);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}

.job__price {
  margin-bottom: 0.625rem;
}

.job__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1.25rem;
}

.job__img {
  border-radius: 20px;
  margin-bottom: 1.875rem;
  position: relative;
  height: 400px;
}

.job__img img {
  border-radius: 20px;
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.job__row .job__inner {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.job__item {
  color: var(--gray);
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}

.job__item:not(:last-child) {
  margin-bottom: 0.625rem;
}

.job__item span {
  color: var(--black);
}

@media (max-width: 61.99875em) {
  .job__title {
    max-width: 500px;
  }

  .job__row .job__inner {
    width: 100%;
  }

  .job__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 24px;
  }

  .job__img {
    margin-bottom: 0;
  }
}

@media (max-width: 47.99875em) {
  .job__header {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 14px;
    margin-bottom: 1.875rem;
  }

  .job__subtitle {
    font-size: 0.875rem;
    line-height: 1.4;
  }

  .job__price {
    font-size: 1.375rem;
    line-height: 1.4;
    margin-bottom: 0;
  }

  .job__img {
    margin-bottom: 0;
    height: 200px;
  }

  .job__item {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.no-webp .req {
  background: url("/local/templates/job.tclub24/img/bg-req.png") right no-repeat;
}

.webp .req {
  background: url("/local/templates/job.tclub24/img/bg-req.webp") right no-repeat;
}

.req {
  padding-top: var(--padding-desktop);
  height: 100%;
}

.req__title {
  margin-bottom: 3.125rem;
}

.req__item {
  position: relative;
  width: 824px;
  height: 561px;
}

.req__text {
  position: absolute;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.req__text p {
  color: #fff;
  text-align: center;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
}

.req__text_01 {
  background: var(--black);
  top: 5.7040998217%;
  left: 0;
  max-width: 229px;
  max-height: 229px;
  width: calc((1vw + 1vh) * 29);
  height: calc((1vw + 1vh) * 29);
  -webkit-transition-delay: 650ms;
  transition-delay: 650ms;
}

.req__text_01 p {
  max-width: 107px;
}

.req__text_02 {
  background: var(--red);
  top: 20.1426024955%;
  left: 34.3446601942%;
  max-width: 326px;
  max-height: 326px;
  width: calc((1vw + 1vh) * 29);
  height: calc((1vw + 1vh) * 29);
  z-index: 3;
}

.req__text_02 p {
  max-width: 270px;
}

.req__text_03 {
  background: #f6f6f6;
  top: 0;
  left: 59.7087378641%;
  max-width: 226px;
  max-height: 226px;
  width: calc((1vw + 1vh) * 29);
  height: calc((1vw + 1vh) * 29);
  z-index: 4;
  -webkit-transition-delay: 350ms;
  transition-delay: 350ms;
}

.req__text_03 p {
  max-width: 141px;
  color: #000;
}

.req__text_04 {
  background: #f6f6f6;
  bottom: 8.1996434938%;
  left: 15.5339805825%;
  max-width: 239px;
  max-height: 239px;
  width: calc((1vw + 1vh) * 29);
  height: calc((1vw + 1vh) * 29);
  -webkit-transition-delay: 350ms;
  transition-delay: 350ms;
}

.req__text_04 p {
  max-width: 154px;
  color: #000;
}

.req__text_05 {
  background: var(--black);
  bottom: 28.3422459893%;
  left: 77.5485436893%;
  max-width: 185px;
  max-height: 185px;
  width: calc((1vw + 1vh) * 29);
  height: calc((1vw + 1vh) * 29);
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}

.circle-leave-active {
  -webkit-animation: 1.5s circle;
  animation: 1.5s circle;
}

.-circle {
  -webkit-transform: scale(0);
  transform: scale(0);
}

.-circle.circle-leave-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}

@-webkit-keyframes circle {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes circle {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@media (max-width: 1300px) {
  .no-webp .req {
    background: none;
  }

  .webp .req {
    background: none;
  }

  .req__item {
    height: 515px;
    width: 100%;
  }

  .req__text_02 {
    top: 21.9417475728%;
    left: 36.7237687366%;
  }

  .req__text_03 {
    left: 61.0278372591%;
  }

  .req__text_04 {
    bottom: 0;
    left: 13.704496788%;
  }

  .req__text_05 {
    bottom: 21.9417475728%;
    left: 80.1927194861%;
  }
}

@media (max-width: 570px) {
  .req__item {
    height: 506px;
    width: 100%;
  }

  .req__text_01 {
    top: 0;
    max-width: 122px;
    max-height: 122px;
  }

  .req__text_01 p {
    width: 98px;
  }

  .req__text_02 {
    top: 22.0502901354%;
    left: 6.25%;
    max-width: 254px;
    max-height: 254px;
  }

  .req__text_02 p {
    width: 212px;
  }

  .req__text_03 {
    top: 0;
    left: 56.3218390805%;
    width: 170px;
    height: 170px;
  }

  .req__text_04 {
    bottom: 4.0618955513%;
    left: 0;
    max-width: 165px;
    max-height: 165px;
  }

  .req__text_05 {
    bottom: 1.7786561265%;
    left: 56.875%;
    width: 160px;
    height: 160px;
  }

  .req__text_05 p {
    width: 106px;
  }
}

@media (max-width: 61.99875em) {
  .req__item {
    height: 535px;
    width: 100%;
  }

  .req__text_01 {
    top: 9.7196261682%;
    width: 229px;
    height: 229px;
  }

  .req__text_02 {
    top: 21.1214953271%;
    left: 29.2582417582%;
    width: 326px;
    height: 326px;
  }

  .req__text_02 p {
    width: 250px;
  }

  .req__text_03 {
    left: 60.7142857143%;
    width: 226px;
    height: 226px;
  }

  .req__text_04 {
    left: 5.2197802198%;
    width: 239px;
    height: 239px;
  }

  .req__text_05 {
    bottom: 21.1214953271%;
    left: 74.5879120879%;
    width: 185px;
    height: 185px;
  }
}

@media (max-width: 47.99875em) {
  .req {
    padding-top: var(--padding-mobile);
  }

  .req__item {
    height: 510px;
    width: 100%;
  }

  .req__text p {
    font-size: 1rem;
    line-height: 1.4;
  }

  .req__text_01 {
    top: 10.2766798419%;
    width: 170px;
    height: 170px;
  }

  .req__text_02 {
    top: 22.3320158103%;
    left: 27.8409090909%;
    width: 280px;
    height: 280px;
  }

  .req__text_02 p {
    width: 250px;
  }

  .req__text_03 {
    left: 64.9621212121%;
    max-width: 175px;
    max-height: 175px;
  }

  .req__text_04 {
    bottom: 0;
    left: 0;
    width: 210px;
    height: 210px;
  }

  .req__text_05 {
    bottom: 0;
    left: 69.696969697%;
    max-width: 162px;
    max-height: 162px;
  }
}

@media (max-width: 29.99875em) {
  .req__item {
    height: 517px;
    width: 100%;
  }

  .req__text_01 {
    top: 0;
    left: 0;
    width: 122px;
    height: 122px;
  }

  .req__text_02 {
    top: 22.0502901%;
    left: 6.25%;
    width: 280px;
    height: 280px;
  }

  .req__text_03 {
    top: 0;
    left: 45.3125%;
    width: 175px;
    height: 175px;
  }

  .req__text_04 {
    bottom: 4.0618955513%;
    left: 0;
    width: 165px;
    height: 165px;
  }

  .req__text_04 p {
    width: 118px;
  }

  .req__text_05 {
    bottom: 0;
    left: 56.875%;
    width: 138px;
    height: 138px;
  }

  .req__text_05 p {
    width: 111px;
  }
}

.company {
  padding-top: var(--padding-desktop);
}

.company__title {
  font-size: 2.25rem;
  line-height: 1.4;
  max-width: 370px;
}

.company__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.company__text {
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  max-width: 530px;
}

.company__inner {
  position: relative;
}

.company__img {
  position: relative;
  z-index: 2;
}

.company__img img {
  border-radius: 50%;
}

.company__circle {
  position: absolute;
  border-radius: 50%;
}

.company__circle_1 {
  width: 181px;
  height: 181px;
  background-color: var(--red);
  top: 9.387755102%;
  left: -23px;
}

.company__circle_2 {
  width: 61px;
  height: 61px;
  bottom: 0;
  right: 0;
  background-color: #000;
}

.contact {
  padding-top: var(--padding-desktop);
}

.contact__row {
  margin-bottom: 6.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

.items-contact {
  max-width: 420px;
  border-radius: 20px;
  background: #fff;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(154, 154, 154, 0.25);
  box-shadow: 0px 4px 16px 0px rgba(154, 154, 154, 0.25);
  padding: 3.125rem 2.5rem;
}

.items-contact__body {
  margin-bottom: 2.5rem;
}

.items-contact__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-column-gap: 0.625rem;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
}

.items-contact__item:not(:last-child) {
  margin-bottom: 0.875rem;
}

.items-contact__item p,
.items-contact__item a {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6;
}

.items-contact__button {
  width: 100%;
}

.items-contact__button:not(:last-child) {
  margin-bottom: 1.25rem;
}

.items-contact__hollow-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
  border-radius: 10px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.items-contact__hollow-fill-text {
  position: relative;
  z-index: 2;
}

.r-btn:hover .items-contact__hollow-fill-ripple {
  -webkit-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  opacity: 1;
}

.button .items-contact__hollow-fill-ripple {
  position: absolute;
  top: 50%;
  left: -5%;
  width: 110%;
  padding-top: 100%;
  opacity: 0;
  background-color: var(--black);
  border-radius: 50%;
  -webkit-transform: translateY(-50%) scale(0) translateZ(0);
  transform: translateY(-50%) scale(0) translateZ(0);
  -webkit-transition:
    opacity 0.7s,
    background 0.7s,
    -webkit-transform 0.7s;
  transition:
    opacity 0.7s,
    background 0.7s,
    -webkit-transform 0.7s;
  transition:
    transform 0.7s,
    opacity 0.7s,
    background 0.7s;
  transition:
    transform 0.7s,
    opacity 0.7s,
    background 0.7s,
    -webkit-transform 0.7s;
}

.button-gray .items-contact__hollow-fill-ripple {
  position: absolute;
  top: 50%;
  left: -5%;
  width: 110%;
  padding-top: 100%;
  opacity: 0;
  background-color: var(--black);
  border-radius: 50%;
  -webkit-transform: translateY(-50%) scale(0) translateZ(0);
  transform: translateY(-50%) scale(0) translateZ(0);
  -webkit-transition:
    opacity 0.7s,
    background 0.7s,
    -webkit-transform 0.7s;
  transition:
    opacity 0.7s,
    background 0.7s,
    -webkit-transform 0.7s;
  transition:
    transform 0.7s,
    opacity 0.7s,
    background 0.7s;
  transition:
    transform 0.7s,
    opacity 0.7s,
    background 0.7s,
    -webkit-transform 0.7s;
}

.map-contact {
  max-width: 861px;
  width: 100%;
  height: 468px;
  border-radius: 20px;
  overflow: hidden;
}

.about-us-block {
  max-width: 530px;
}

.about-us-block__title {
  margin-bottom: 50px;
  max-width: 400px;
}

.about-us-block__text {
  line-height: 23px;
  font-size: 17px;
}

@media (max-width: 1317px) {
  .map-contact {
    height: 500px;
  }
}

@media (max-width: 70em) {
  .company__title {
    margin-bottom: 1.875rem;
  }

  .company__row {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .company__text {
    max-width: 100%;
  }

  .company__inner {
    display: none;
  }

  .about-us-block, .about-us-block__title {
    max-width: 100%;
  }

}

@media (max-width: 61.99875em) {
  .company {
    padding-top: var(--padding-mobile);
  }

  .contact {
    padding-top: var(--padding-mobile);
  }

  .contact__row {
    -webkit-box-align: unset;
    -ms-flex-align: unset;
    align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.25rem;
  }

  .items-contact {
    max-width: 100%;
  }

  .map-contact {
    max-width: 100%;
  }
}

@media (max-width: 47.99875em) {
  .company__title {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .company__text {
    font-size: 1rem;
    line-height: 1.4;
  }

  .contact__row {
    margin-bottom: 2.5rem;
  }

  .items-contact {
    padding: 2.5rem 1.25rem;
  }

  .items-contact__item p,
  .items-contact__item a {
    font-size: 1rem;
    line-height: 1.6;
  }

  .map-contact {
    height: 600px;
  }
}

.result {
  width: 100%;
}

.result__img {
  text-align: center;
  margin: 0 auto 0.625rem;
}

.result__title {
  text-align: center;
  font-size: 2.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin: 0 auto 1.5625rem;
  max-width: 353px;
}

.result__subtitle {
  max-width: 412px;
  text-align: center;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin: 0 auto;
}

@media (max-width: 47.99875em) {
  .result__title {
    font-size: 1.25rem;
  }

  .result__subtitle {
    font-size: 1rem;
  }
}

.telegram-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  z-index: 9999;
  background-color: #2ca5e0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='%23FFF' d='M23.91 3.79L20.3 20.84c-.25 1.21-.98 1.5-2 .94l-5.5-4.07-2.66 2.57c-.3.3-.55.56-1.1.56-.72 0-.6-.27-.84-.95L6.3 13.7l-5.45-1.7c-1.18-.35-1.19-1.16.26-1.75l21.26-8.2c.97-.43 1.9.24 1.53 1.73z'/%3e%3c/svg%3e");
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.telegram-button:before,
.telegram-button:after {
  content: " ";
  display: block;
  position: absolute;
  border: 1px solid #2ca5e0;
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: border-animate 1.5s linear infinite;
  opacity: 0;
}

.telegram-button:after {
  animation-delay: 0.5s;
}

@keyframes border-animate {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}



/* End */


/* Start:/local/templates/job.tclub24/template_styles.css?169739218611918*/
@charset "UTF-8";

* {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

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

html,
body {
    height: 100%;
    min-width: 320px;
}

body {
    color: var(--black);
    line-height: 1;
    font-family: "Manrope";
    font-size: 1.125rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
    font-family: "Manrope";
    font-size: inherit;
}

button {
    cursor: pointer;
    color: inherit;
    background-color: inherit;
}

a {
    color: inherit;
}

a:link,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: inherit;
    font-size: inherit;
}

.lock body {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}

.wrapper {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.wrapper>main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.wrapper>* {
    min-width: 0;
}

/*
(i) Стили будут применяться ко 
всем классам содержащим *__container
Например header__container, main__container и т.д.
Снипет (HTML): cnt
*/

[class*=__container] {
    max-width: 81.25rem;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto;
    padding: 0 0.9375rem;
}

[class*=-ibg] {
    position: relative;
}

[class*=-ibg] img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

[class*=-ibg_contain] img {
    -o-object-fit: contain;
    object-fit: contain;
}

:root {
    --red: #fc3e39;
    --gray: #939393;
    --black: #111;
    --padding-desktop: 7.5rem;
    --padding-mobile: 5rem;
}

.button {
    padding: 0.875rem 1.875rem;
    display: inline-block;
    color: #fff;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.4;
    border-radius: 10px;
    background: var(--red);
    text-align: center;
    position: relative;
}

.button-gray {
    padding: 0.8125rem 1.875rem;
    display: inline-block;
    color: var(--gray);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.4;
    border-radius: 10px;
    border: 1px solid var(--gray);
    text-align: center;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.title-h1 {
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
}

h2 {
    font-size: 2.375rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4;
}

.header {
    padding: 1.25rem 0 0 0;
    margin-bottom: 5rem;
}

.header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header__phone {
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    text-align: right;
}

.header__phone p {
    font-size: 0.875rem;
    line-height: 1.4;
}

.menu-open .header__phone {
    display: block;
    z-index: 5;
    text-align: left;
}

.menu-open .header__logo {
    display: none;
}

.menu-header__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
}

.menu-header__link {
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.footer {
    background: #000;
    padding: 2.5rem 0;
}

.footer__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    -ms-grid-columns: (auto)[3];
    grid-template: auto/repeat(3, auto);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1.875rem;
}

.footer__phone {
    color: #fff;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    text-align: right;
}

.footer__phone p {
    font-size: 0.875rem;
    line-height: 1.4;
}

.footer__politics {
    color: #6d6d6d;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
}

.footer__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer__inner .im{
    width: 120px;
}

.menu-footer__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
}

.menu-footer__link {
    color: #fff;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

@media (max-width: 70em) {
    .footer__wrapper {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        -ms-grid-rows: auto 1.5rem auto;
        -ms-grid-columns: auto 10px auto;
        grid-template: repeat(2, auto)/repeat(2, auto);
        row-gap: 1.5rem;
        margin-bottom: 0;
    }

    .footer__inner{
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        -webkit-row-gap: 0.875rem;
        -moz-row-gap: 0.875rem;
        row-gap: 0.875rem;
        -ms-flex-item-align: end;
        align-self: flex-end;
        text-align: right;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .menu-footer {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .menu-footer__list {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-row-gap: 0.625rem;
        -moz-row-gap: 0.625rem;
        row-gap: 0.625rem;
    }

    .menu-footer__link {
        font-size: 0.875rem;
        line-height: 1.4;
    }
}

@media (max-width: 68.75em) {
    
    .menu-header__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 1.875rem;
    }

    .menu-header__link {
        font-weight: 500;
    }

    .header__phone{
        display: none;
    }

    .menu-open .header__phone{
        display: block;
    }

    .menu-header{
        display: none;
    }

    .menu__body .menu-header{
        display: block;
    }

    .menu__body {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: -100%;
        overflow: auto;
        background-color: #fff;
        padding: 7.8125rem 0.9375rem 3.125rem 0.9375rem;
        z-index: 4;
        -webkit-transition: left 0.3s ease 0s;
        transition: left 0.3s ease 0s;
    }

    .menu__body::before {
        content: "";
        position: fixed;
        width: 100%;
        height: 70px;
        top: 0;
        left: -100%;
        background-color: #fff;
        z-index: 5;
    }

    .menu-open .menu__body {
        left: 0;
    }

    .menu-open .menu__body::before {
        left: 0;
    }

    .menu {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .menu-open .menu {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .icon-menu {
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
        border-radius: 8px;
        cursor: pointer;
        z-index: 100;
        background-color: var(--red);
    }

    .icon-menu span,
    .icon-menu::before,
    .icon-menu::after {
        content: "";
        -webkit-transition: all 300ms ease 0ms;
        transition: all 300ms ease 0ms;
        right: 0;
        position: absolute;
        right: 50%;
        -webkit-transform: translateX(13px);
        -ms-transform: translateX(13px);
        transform: translateX(13px);
        width: 25px;
        height: 0.1875rem;
        border-radius: 8px;
        background-color: #fff;
    }

    .icon-menu::before {
        top: 25%;
    }

    .icon-menu::after {
        bottom: 22%;
    }

    .icon-menu span {
        top: calc(50% - 0.0625rem);
    }

    .menu-open .icon-menu {
        border-radius: 50%;
    }

    .menu-open .icon-menu span {
        width: 0;
    }

    .menu-open .icon-menu::before {
        top: calc(50% - 0.09375rem);
        right: 20%;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .menu-open .icon-menu::after {
        right: 20%;
        bottom: calc(50% - 0.09375rem);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@media (max-width: 61.99875em) {
    .button {
        font-size: 1.0625rem;
        line-height: 1.4;
    }

    .button-gray {
        font-size: 1.0625rem;
        line-height: 1.4;
    }

    .title-h1 {
        font-size: 1.5rem;
        line-height: 1.4;
    }

    .header {
        margin-bottom: 2.3125rem;
    }

    .header__phone {
        display: none;
    }
}

@media (max-width: 47.99875em) {
    h2 {
        font-size: 1.5rem;
        line-height: 1.4;
    }
}

@media (any-hover: hover) {
    .button-gray:hover {
        z-index: 2;
        color: #fff;
    }

    .menu-header__link:hover {
        color: var(--red);
    }

    .menu-footer__link:hover {
        color: var(--red);
    }
}
/* End */
/* /local/templates/job.tclub24/css/style.css?173289422817277 */
/* /local/templates/job.tclub24/template_styles.css?169739218611918 */