

/* Start:/local/templates/.default/components/bitrix/news.list/banner-form/style.css?17879983943730*/
.btn.btn_pink,
.btn.btn_violet {
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  color: #fff
}

.banner_dnk {
  height: 350px;
  background-attachment: scroll;
  background-position: right center;
  background-size: cover;
  background-image: url("/upload/dnk_top.svg");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

#dnk-form .dwrapper,
#dnk-form form,
#dnk-info .dwrapper {
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}

.banner_dnk .content {
  max-width: 50%;
  padding: 40px
}

.banner_dnk .content .buttons {
  margin-top: 30px
}

.banner_dnk .content .buttons a {
  position: relative
}

.banner_dnk .content .buttons a::after {
  content: "";
  position: absolute;
  height: 350%;
  width: 200%;
  top: 0;
  left: -100%;
  background: rgba(255, 255, 255, .8);
  border-radius: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  z-index: 20;
  -webkit-animation-name: ripple;
  animation-name: ripple;
  -webkit-animation-duration: 6s;
  animation-duration: 6s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

#dnk-form,
#dnk-info {
  max-width: 700px;
  padding: 40px
}

#dnk-form .dwrapper,
#dnk-info .dwrapper {
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

#dnk-info .ya-share2 a {
  margin: 0 10px
}

#dnk-info .ya-share2 a:hover,
.btn.btn_green:hover,
.btn.btn_pink:hover,
.btn.btn_violet:hover {
  opacity: .85
}

#dnk-form .dwrapper p {
  text-align: center
}

#dnk-form form {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 20px;
  width: 100%
}

#dnk-form form > * {
  width: 100%
}

#dnk-form form label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px
}

#dnk-form form input,
#dnk-form form select {
  border: 1px solid var(--color-gray-line);
  border-radius: 10px;
  padding: 11px;
  background-color: #fafafa;
  max-width: 100%;
  width: 100%;
  font-size: 16px
}

.btn.btn_violet {
  background-color: #6b29ff;
  transition: .2s ease-in-out
}

.btn.btn_pink {
  background-color: #ff385c;
  transition: .2s ease-in-out
}

.btn.btn_green,
.tabs.tabs_green ul.tabs_caption li.active {
  background-color: #39b186
}

.btn.btn_green {
  color: #fff;
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out
}

@-webkit-keyframes ripple {

  100%,
  20% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5)
  }
}

@keyframes ripple {

  100%,
  20% {
    opacity: 0;
    -webkit-transform: scale(2.5);
    transform: scale(2.5)
  }
}

.t-pink {
  color: #ff385c !important
}

.t-green {
  color: #39b186 !important
}

.t-violet {
  color: #6b29ff !important
}

@media screen and (max-width:1350px) {
  .banner_dnk {
    background: #f0b026 !important;
    height: 400px
  }

  .banner_dnk .content {
    max-width: 100%
  }
}

@media screen and (max-width:1200px) {

  #dnk-form,
  #dnk-info {
    padding: 20px
  }
}
/* End */
/* /local/templates/.default/components/bitrix/news.list/banner-form/style.css?17879983943730 */
