/* Start:/local/templates/ep_main/css/main.css?170855668413347*/
@font-face {
  font-family: "PT Sans";
  src: url("/local/templates/ep_main/css/../fonts/PT Sans/PTSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "PT Sans";
  src: url("/local/templates/ep_main/css/../fonts/PT Sans/PTSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
.burger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 32px;
  height: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.burger__item {
  width: 100%;
  height: 3px;
  border-radius: 16px;
  background: #363636;
  position: relative;
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.burger_active .burger__item:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.burger_active .burger__item:nth-child(2) {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);
}
.burger_active .burger__item:nth-child(3) {
  top: -9px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.burger__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: fixed;
  background: #fcfcfc;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  top: 0;
  left: 0;
  padding: 176px 0 80px 0;
  z-index: 60;
  -webkit-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: 0.35s ease-out;
  -o-transition: 0.35s ease-out;
  transition: 0.35s ease-out;
}
.burger__menu_active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 32vw;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
@media (max-width: 480px) {
  .card {
    height: 280px;
  }
}
.card_fade::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(30, 30, 30, 0.5)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(30, 30, 30, 0.5));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(30, 30, 30, 0.5));
  z-index: -1;
}
.card img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 60px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 30;
  opacity: 0;
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.card:hover .card__content {
  opacity: 1;
}
.card:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.certificates {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 0 60px;
  gap: 150px;
  margin: 0 auto;
  max-width: 1440px;
}
@media (max-width: 768px) {
  .certificates {
    padding: 0 40px;
  }
}
@media (max-width: 480px) {
  .certificates {
    padding: 0 20px;
  }
}
.certificates__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 60px;
}
.certificates__preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
  width: 100%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  max-width: 100%;
}
.certificates__preview img {
  width: auto;
  max-width: 550px;
}
@media (max-width: 768px) {
  .certificates__preview img {
    max-width: 100%;
  }
}
.certificates__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.js-enlarge-image {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.js-enlarge-image__content {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #fcfcfc;
  z-index: 100;
}
.js-enlarge-image__preview {
  width: auto;
  height: 1440px;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.js-enlarge-image__nav {
  content: "";
  position: absolute;
  border-left: 2px solid;
  border-bottom: 2px solid;
  width: 18px;
  height: 18px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  cursor: pointer;
  z-index: 20;
}
.js-enlarge-image__nav:hover {
  opacity: 0.6;
}
.js-enlarge-image__nav_prev {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 30px;
}
.js-enlarge-image__nav_next {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  right: 30px;
}
.js-enlarge-image__close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer;
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.js-enlarge-image__close:hover {
  opacity: 0.6;
}

.slider {
  width: 100%;
}
.slider_lg {
  height: 83vh;
}
@media (max-width: 1024px) {
  .slider_lg {
    max-height: 540px;
  }
}
.slider__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  background-color: #387bba;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0 100px 69px 100px;
  position: relative;
}
@media (max-width: 480px) {
  .slider__slide {
    padding: 0 70px 70px;
  }
}
.slider__slide::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(30, 30, 30, 0)), to(rgb(30, 30, 30)));
  background-image: -o-linear-gradient(top, rgba(30, 30, 30, 0), rgb(30, 30, 30));
  background-image: linear-gradient(top, rgba(30, 30, 30, 0), rgb(30, 30, 30));
}
.slider__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.slider__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50px;
  background: #FFF;
}
.slider__button::after {
  display: none;
}
.slider__button svg {
  width: 100%;
  max-width: 10px !important;
}
.slider__button_prev {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 30px !important;
}
@media (max-width: 480px) {
  .slider__button_prev {
    left: 15px !important;
  }
}
.slider__button_next {
  right: 30px !important;
}
@media (max-width: 480px) {
  .slider__button_next {
    right: 15px !important;
  }
}
.slider__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  bottom: 30px !important;
  margin: 0 auto;
}
.slider__pagination span {
  width: 10px;
  height: 10px;
  margin: 0 !important;
  background: transparent;
  border: 3px solid #fcfcfc;
  opacity: 1;
}
.slider__pagination span.swiper-pagination-bullet-active {
  background: #fcfcfc;
}

.workflow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.workflow__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: calc(50% + 12px);
  gap: 40px;
}
@media (max-width: 480px) {
  .workflow__item {
    gap: 15px;
    width: 100%;
  }
}
.workflow__item:nth-child(even) {
  margin-left: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (max-width: 480px) {
  .workflow__item:nth-child(even) {
    margin-left: 0;
  }
}
.workflow__item:nth-child(even) .workflow__content {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  left: -13px;
}
.workflow__item:nth-child(even) .workflow__content p {
  text-align: left;
}
.workflow__item:nth-child(even) .workflow__step {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
.workflow__item:nth-child(odd) .workflow__content {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  left: 13px;
}
@media (max-width: 480px) {
  .workflow__item:nth-child(odd) .workflow__content {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.workflow__item:nth-child(odd) .workflow__content p {
  text-align: right;
}
@media (max-width: 480px) {
  .workflow__item:nth-child(odd) .workflow__content p {
    text-align: left;
  }
}
.workflow__item:last-of-type .workflow__line {
  display: none;
}
.workflow__item:last-of-type .workflow__content {
  margin: 0;
}
.workflow__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 65px;
  position: relative;
  top: 5px;
}
@media (max-width: 480px) {
  .workflow__content {
    left: 0 !important;
  }
}
.workflow__step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.workflow__line {
  height: 100%;
}
.workflow__circle {
  min-width: 24px;
  min-height: 24px;
}

* {
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "PT Sans", sans-serif;
  background: #fcfcfc;
}

.app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
/*# sourceMappingURL=main.css.map */
/* End */
/* /local/templates/ep_main/css/main.css?170855668413347 */