@charset "UTF-8";
.nowrap {
  white-space: nowrap;
}

.hide {
  display: none;
}

.cat__badge, .cat__badge-icon {
  display: none !important; /* временно */
}

.btn_black {
  color: white;
  background: #4f4c4d;
}

.color-black,
a.color-black {
  color: #4f4c4d;
}

.section-service .ball__icon {
  width: 60px;
  height: 60px;
}
.section-service .ball .soc li {
  margin-right: 5px;
  display: inline-block;
  list-style: none;
}
.section-service .ball .soc li:last-child {
  margin-right: 0;
}

@media (max-width: 565px) {
  .section-service .ball {
    display: flex;
  }
  .section-service .ball__icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
  }
  .section-service .ball__title {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .service-info-block {
    flex-wrap: wrap;
    text-align: center;
  }
  .service-info-block b {
    display: block;
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .service-info-block a {
    margin: 0 auto;
  }
}
@media (min-width: 565px) {
  .container-wide {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 768px) {
  .container-wide {
    max-width: 1024px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1024px) {
  .container-wide {
    max-width: 1420px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1420px) {
  .container-wide {
    max-width: 1900px;
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (min-width: 1900px) {
  .container-wide {
    max-width: 1913px;
    padding-left: 35px;
    padding-right: 35px;
  }
}
.form-privacy {
  font-size: 0.8em;
  text-align: center;
  line-height: 1.3em;
  color: #636363;
}

.form-group {
  margin-bottom: 30px;
}
.form-group .form__input {
  margin-bottom: 0;
}
.form-group_error {
  position: relative;
}
.form-group_error .form__input {
  outline: 1px solid red;
}
.form-group__error-text {
  font-size: 0.9em;
  color: red;
  position: absolute;
}

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-danger, .alert-error {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}
.alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}

textarea.form__input {
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 120px;
  line-height: 1.3em;
}

.modal {
  max-width: 100%;
}
.modal-feedback {
  width: 450px;
}
.modal__title {
  text-align: center;
  margin-bottom: 10px;
}
.modal__description {
  text-align: center;
  color: #4f4c4d;
  line-height: 1.3em;
  font-size: 15px;
  margin-bottom: 20px;
}
.modal .form__input {
  border-color: #f14624;
  outline: none !important;
}
.modal .btn-submit {
  width: 100%;
}

.map-container {
  height: 754px;
  width: 100%;
  position: relative;
  z-index: 0;
}

.map-pin {
  position: relative;
  width: 48px;
  box-sizing: border-box;
  transform: translate(-50%, calc(-50% - 37px));
}
.map-pin-icon {
  width: 48px;
  position: relative;
}
.map-pin-address {
  display: none;
  position: absolute;
  font-size: 12px;
  min-width: 154px;
  background: white;
  padding: 5px;
  border-radius: 5px;
  top: 0px;
}
.map-pin:focus .map-pin-address, .map-pin:hover .map-pin-address {
  display: inline-block;
}

@media (max-width: 991px) {
  .map-container {
    height: 480px;
  }
}
@media (max-width: 767px) {
  .map-container {
    height: 320px;
  }
}
.youtube-preview {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 460px;
  margin: 0;
}
.youtube-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.youtube-preview .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 68px;
  height: 50px;
  cursor: pointer;
  border-radius: 8px; /* обновлено */
  background-color: #ff0000;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* обновлено */
}
.youtube-preview .play-button .triangle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  border-left: 1.2rem solid white;
  border-top: 0.7rem solid transparent;
  border-bottom: 0.7rem solid transparent;
}

@media (max-width: 767px) {
  .youtube-preview {
    height: 320px;
  }
}
@media (max-width: 565px) {
  .youtube-preview {
    height: 260px;
  }
}
@media (max-width: 480px) {
  .youtube-preview {
    height: 220px;
  }
}
.cat img {
  width: 100%;
  object-fit: cover;
}

.vacancies-item {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: rgb(255, 255, 255);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;
  text-decoration: none;
}
.vacancies-item:hover {
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1) !important;
}

.form-box {
  padding: 20px;
}
.form-box.rounded {
  border-radius: 5px;
}

select.form__input {
  background: white;
}

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

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-power {
  width: 100%;
  font-size: 14px;
}
.table-power td {
  padding: 10px;
  vertical-align: center;
}
.table-power-i {
  position: relative;
  top: 5px;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 5px;
}
.table-power-text {
  white-space: nowrap;
}

.footer .menu nav ul li {
  line-height: 1.7em;
}
.footer .menu nav ul li a:hover {
  color: #f14624 !important;
}

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