/* Start:/local/templates/npf/components/bitrix/news.list/banner/style.css?17633875375306*/
.container {contain: none !important;}

.welcome-section__image {
  height: -webkit-fit-content;
  height: fit-content;
  position: relative;
}

@media (min-width: 1920px) {
  .welcome-section__image {
    justify-self: end;
  }
}

.welcome__image {
  z-index: 1 !important;
  height: 700px !important;
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .welcome__image {
    left: 566px !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1240px) {
  .welcome__image {
    width: 400px !important;
	height: 433px !important;
  }
}

@media (max-width: 1023px) {
  .welcome__image {
    display: block !important;
    margin-top: 30px;
	height: auto !important;
  }
}

.welcome-section__image-wrap {
  position: relative;
}

.welcome-section__playBtn {
  animation: pulse 1.7s linear infinite;
  background: #006d68;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  position: absolute;
  top: 48%;
  transform: translateX(-50%);
  width: 50px;
  cursor: pointer;
  appearance: none;
  overflow: visible;
}

@media (min-width: 1024px) {
  .welcome-section__playBtn {
    height: 80px;
    width: 80px;
  }
}

@media screen and (min-width: 1024px) {
  .welcome-section__playBtn::after {
    height: 34px;
    left: calc(50% + 5px);
    width: 17px;
  }
}
@media screen and (min-width: 768px) {
  .welcome-section__playBtn::after {
    height: 51px;
    left: calc(50% + 7px);
    width: 26px;
  }
}
.welcome-section__playBtn::after {
  background-color: #fff;
  content: "";
  display: block;
  height: 26px;
  left: 50%;
  left: calc(50% + 3px);
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='50' fill='none'%3E%3Cpath fill='%23FCFFFD' d='M.338 47.463.396 2.479C.399.309 3.016-.781 4.559.743L27.18 23.105c.965.954.969 2.51.008 3.469L4.509 49.197C2.966 50.734.334 49.64.337 47.463'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='50' fill='none'%3E%3Cpath fill='%23FCFFFD' d='M.338 47.463.396 2.479C.399.309 3.016-.781 4.559.743L27.18 23.105c.965.954.969 2.51.008 3.469L4.509 49.197C2.966 50.734.334 49.64.337 47.463'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: background-color .3s ease;
  width: 13px;
}

.videoPopup {
  align-items: center;
  background: #000000bf;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 50%;
  opacity: 0;
  position: absolute;
  position: fixed !important;
  top: 50%;
  transform: translate(-50%,-50%);
  visibility: hidden;
  width: 100%;
  z-index: 110;
}

@media screen and (min-width: 1024px) {
  .videoPopup-inner {
    width: calc(100% - 656px);
  }
}
@media screen and (min-width: 768px) {
  .videoPopup-inner {
    width: calc(100% - 80px);
  }
}
.videoPopup-inner {
  max-width: 1280px;
  position: relative;
  width: calc(100% - 32px);
}
@media screen and (min-width: 768px) {
  .videoPopup-inner video {
    border-radius: 20px;
  }
}
.videoPopup-inner video {
  border-radius: 8px;
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .videoPopup-close {
    right: -24px;
    top: -24px;
  }
}
@media screen and (min-width: 768px) {
  .videoPopup-close {
    right: -21px;
    top: -21px;
  }
}
.videoPopup-close {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -30px;
}
.videoPopup-close::before {
  background-color: #00000080;
  border-radius: 50%;
  content: "";
  height: 35px;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  transition: opacity .2s;
  width: 35px;
  z-index: -1;
}
.videoPopup-close svg {
  vertical-align: top;
}
.videoPopup.active {
  opacity: 1;
  visibility: visible;
}

@keyframes pulse{0%{box-shadow:0 0 0 0 #006d6733;transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.1)}to{box-shadow:0 0 0 30px #006d6700;transform:translateX(-50%) scale(1)}}

@media screen and (min-width: 1280px) {
  .welcome-section__message {
    background-color: #fff;
    bottom: 24px;
    left: 18px;
    padding-right: 10px;
    position: absolute;
    width: 250px;
  }
}
@media screen and (min-width: 1024px) {
  .welcome-section__message {
    background-color: #e5f0ef;
    margin-top: 35px;
    padding-right: 18px;
    position: static;
    width: 228px;
  }
}
@media screen and (min-width: 768px) {
  .welcome-section__message {
    background-color: #fff;
    bottom: 29px;
    left: 27px;
    padding-right: 10px;
    position: absolute;
    width: 228px;
  }
}
.welcome-section__message {
  align-items: center;
  background-color: #e5f0ef;
  border-radius: 17px;
  display: flex;
  gap: 15px;
  margin-top: 7px;
  padding: 10px 18px 10px 10px;
    padding-right: 18px;
  width: 250px;
}

.welcome-section__message_logo {
  align-items: center;
  background-color: #006d68;
  border-radius: 10px;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.welcome-section__message_text {
  color: #006d68;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 100%;
}
/* End */
/* /local/templates/npf/components/bitrix/news.list/banner/style.css?17633875375306 */