.banner,
.first-screen,
.service-banner {
  position: relative
}
.banner .img-box,
.service-banner .banner-info a.phone {
  position: absolute
}
.first-screen {
  z-index: 2
}
.banner {
  z-index: 1
}
.banner .img-box {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1
}
.service-banner .banner-info,
.service-banner .title-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox
}
.service-banner .banner {
  background: #fff;
  color: #333
}
@media screen and (max-width:720px) {
  .first-screen {
    padding-bottom: var(--indent-yellow)
  }
  .service-banner {
    padding: 90px 20px 0
  }
  .service-banner .banner-nav {
    display: none
  }
  .service-banner .banner {
    min-height: 637px;
    padding: 40px 30px;
    overflow: hidden
  }
  .service-banner .img-box {
    width: 241px;
    height: 455px;
    left: 0
  }
}
@media screen and (min-width:721px) {
  .first-screen {
    display: -ms-grid;
    display: grid;
    padding-top: var(--header-height);
    min-height: calc(100vh - 4.5rem);
    -webkit-transform: translate(-3rem);
    -ms-transform: translate(-3rem);
    transform: translate(-3rem)
  }
  .first-screen h3 {
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 2.5rem;
    font-weight: 700
  }
  .service-banner .banner-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    z-index: 2;
    top: var(--indent-sky);
    right: 11rem
  }
  .service-banner .banner-nav .nav-btn {
    color: #717171;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
  }
  .service-banner .banner-nav .nav-btn:hover {
    color: #2adfb4
  }
  .service-banner .banner-pag {
    margin: 0 2.5rem;
    font-size: 1.3rem
  }
  .service-banner .banner-pag span {
    display: inline-block
  }
  .service-banner .banner-pag .swiper-pagination-current {
    font-size: 1.6rem;
    margin-right: 1rem
  }
  .service-banner .banner-pag .swiper-pagination-total {
    margin-left: 1rem
  }
  .service-banner .banner {
    padding: var(--indent-sky) 5rem
  }
}
.service-banner .img-box {
  top: auto;
  bottom: 0
}
.service-banner .banner-info {
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 2px solid
}
@media screen and (max-width:720px) {
  .service-banner .banner-info {
    position: relative;
    border-bottom-color: #f2f5f8
  }
  .service-banner .banner-info a.phone {
    width: 253px;
    bottom: 15px;
    right: 67px
  }
  .service-banner .left-box {
    font-weight: 700
  }
}
@media screen and (min-width:721px) {
  .service-banner .banner-info {
    border-bottom-color: #dde9f5
  }
  .service-banner .banner-info a.phone {
    top: 0;
    right: 0;
    padding: var(--indent-sky);
    font-size: 1.9rem
  }
  .service-banner .left-box {
    font-size: 1.2em;
  }
  .service-banner .left-box .price-box {
    font-size: .875em;
  }
}
.service-banner .left-box,
.service-banner .right-box {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0
}
.service-banner .left-box {
  padding-bottom: var(--indent-gray)
}
.service-banner .left-box .price-box {
  margin-top: var(--indent-blue)
}
.service-banner .right-box {
  color: #333;
  font-weight: 500;
  font-family: 'Roboto Mono',monospace
}
.service-banner .title-box {
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: var(--indent-green) 0;
  position: relative
}
.service-banner .title-box h2 {
  font-family: 'Roboto Condensed',sans-serif;
  font-weight: 700;
  color: #C2CFDB
}
@media screen and (max-width:720px) {
  .service-banner .left-box h3 {
    font-size: 36px
  }
  .service-banner .left-box .p {
    font-size: 18px
  }
  .service-banner .right-box {
    width: 253px;
    margin-right: 67px;
    padding-bottom: var(--indent-blue);
    font-size: 17px
  }
  .service-banner .title-box h2 {
    font-size: 85px;
    white-space: nowrap
  }
  .service-banner .banner-advantages {
    margin-left: 230px;
    font-size: 18px;
    color: #000
  }
}
@media screen and (min-width:721px) {
  .service-banner .left-box .p {
    font-size: 1.2rem
  }
  .service-banner .right-box {
    padding-bottom: var(--indent-green)
  }
  .service-banner .title-box h2 {
    font-size: 11rem;
    white-space: nowrap
  }
  .service-banner .title-box h2 a {
    font-size: .8em
  }
}
.service-banner .banner-advantages {
  border-top: 2px solid #dde9f5
}
.service-banner .advantages-list {
  margin-top: var(--indent-green);
  counter-reset: list
}
.current-service-reg .form-box .dropdown:not(:first-child),
.current-service-reg .text {
  margin-top: var(--indent-gray)
}
.service-banner .advantage {
  line-height: 1.2;
  color: #455975;
  font-family: 'Roboto Mono',monospace
}
.service-banner .advantage:before {
  counter-increment: list
}
.current-service-reg,
.service-banner {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: 1/1
}
.current-service-reg .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.current-service-reg .banner {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #fff
}
.current-service-reg .banner.video-banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  background: #fff;
  color: #333
}
.current-service-reg .banner.video-banner .info > a,
.current-service-reg .banner.video-banner h3 {
  color: #455975
}
.current-service-reg .banner.video-banner .text {
  color: #333
}
.current-service-reg .banner.video-banner .info {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  padding: var(--indent-yellow) 5rem
}
.current-service-reg .banner.video-banner .info > a {
  margin-top: var(--indent-sky);
  text-transform: uppercase;
  font-weight: 600
}
.current-service-reg .banner.video-banner .info>a:hover,
.current-service-reg .share-btn:hover,
.pricelist .current-price {
  color: #11d1a3
}
.current-service-reg .banner.video-banner .share-btn {
  background: -webkit-linear-gradient(21.78deg,#1cc4c4 10.64%,#2adfb4 82.6%),#c4c4c4;
  background: -o-linear-gradient(21.78deg,#1cc4c4 10.64%,#2adfb4 82.6%),#c4c4c4;
  background: linear-gradient(68.22deg,#1cc4c4 10.64%,#2adfb4 82.6%),#c4c4c4;
  color: #fff
}
.current-service-reg .banner.video-banner .share-btn:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}
.current-service-reg .banner.video-banner .video {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto
}
.current-service-reg .share-btn {
  display: inline-block;
  width: var(--share-size);
  height: var(--share-size);
  position: absolute;
  bottom: var(--share-indent);
  right: var(--share-indent);
  z-index: 2;
  background: #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #333;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  cursor: pointer
}
@media screen and (min-width:721px) and (max-width:1280px) {
  .current-service-reg .share-btn {
    padding: 1.2rem
  }
}
.current-service-reg .text {
  max-width: 22rem
}
.current-service-reg .btn,
.current-service-reg .more-info {
  margin-top: calc(var(--indent-yellow) - 1.4rem)
}
.current-service-reg .more-info {
  margin-left: -1.5rem;
  padding: 1.4rem 0 1.4rem 1.5rem;
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
  background: url(/img/svg/ellipse-white.svg) left center/auto 100% no-repeat
}
.current-service-reg .more-info span {
  color: #fff;
  mix-blend-mode: difference
}
.current-service-reg .form-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: var(--indent-sky) 5rem;
  background: #fff;
  -webkit-box-shadow: 0 0 30px rgba(188,203,224,.5);
  box-shadow: 0 0 30px rgba(188,203,224,.5)
}
.current-service-reg .form-box form {
  margin-top: 2rem
}
.current-service-reg .form-box h4 {
  color: #333;
  font-family: 'Roboto Condensed',sans-serif
}
.current-service-reg .form-box .privacy-wrap {
  margin-top: 3.5rem
}
.pricelist-box .decor-box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-top: var(--indent-blue);
  background: #b1bfd0
}
.pricelist-box .decor-box:before {
  content: '';
  display: block;
  width: calc((100% / 5) * var(--decor-w));
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #8295ac
}
.pricelist-box .sep {
  display: inline-block;
  position: relative;
  z-index: 1
}
.pricelist,
.pricelist .discount,
.pricelist li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox
}
@media screen and (max-width:720px) {
  .service-banner .advantage:not(:first-child) {
    margin-top: 25px
  }
  .current-service-reg .banner.video-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto
  }
  .current-service-reg .banner.video-banner .video {
    height: 50rem
  }
  .pricelist-box .decor-box {
    height: 5px
  }
  .pricelist-box .sep {
    width: 15px;
    height: 5px;
    background: #fff
  }
  .pricelist-box .sep:not(:first-child) {
    margin-left: calc(100% / 5 - 15px)
  }
}
.pricelist-box .tab.active {
  font-weight: 700
}
.pricelist-box .tab.active .decor-box:before {
  background: -webkit-linear-gradient(86.28deg,#2ae8e8 21.28%,#11d1a3 82.76%);
  background: -o-linear-gradient(86.28deg,#2ae8e8 21.28%,#11d1a3 82.76%);
  background: linear-gradient(3.72deg,#2ae8e8 21.28%,#11d1a3 82.76%)
}
.pricelist {
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%
}
.pricelist li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 25%;
  -ms-flex: 1 0 25%;
  flex: 1 0 25%;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative
}
.pricelist li:not(:first-child) {
  border-left: 1px solid #b1bfd0
}
.pricelist li:nth-child(4n+1) {
  border-left: none
}
.pricelist h6 {
  line-height: 1.1;
  color: #333
}
.pricelist .price-box {
  width: 100%;
  margin-top: var(--indent-sky);
  position: relative;
  font-weight: 700
}
.pricelist .discount {
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  background: #b1bfd0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  font-family: 'Roboto Condensed',sans-serif
}
@media screen and (min-width:721px) and (max-width:1440px) {
  .service-banner,
  .service-banner .banner {
    width: 101.5rem;
    height: 50rem
  }
  .service-banner .img-box {
    width: 33rem;
    height: 33.5rem;
    left: 5rem
  }
  .service-banner .banner-info {
    /*width: 35rem*/
  }
  .service-banner .banner-info a.phone {
    padding-right: 5rem
  }
  .service-banner .right-box {
    width: 17.5rem;
    font-size: 1.1rem
  }
  .service-banner .title-box {
    margin-left: 19.5rem
  }
  .service-banner .banner-advantages {
    width: 54rem;
    margin-left: 35rem
  }
  .current-service-reg .banner {
    --share-size: 4rem;
    --share-indent: 3rem;
    width: 71.5rem;
    height: 32.7rem
  }
  .current-service-reg .banner.video-banner .info {
    width: 28rem;
    padding: var(--indent-yellow) 5rem
  }
  .current-service-reg .form-box {
    min-height: 32.7rem
  }
  .current-service-reg .form-box .phone,
  .current-service-reg .form-box .working-time,
  .current-service-reg .form-box h4 {
    font-size: 1.9rem
  }
  .current-service-reg .form-box .btn {
    height: 4rem
  }
  .pricelist-box {
    padding: var(--indent-yellow) 4.5rem
  }
  .pricelist li {
    max-width: 25rem;
    padding: 0 3.5rem
  }
  .pricelist .discount {
    width: 3rem;
    height: 3rem;
    left: calc(100% + 1.5rem);
    font-size: 1.2rem
  }
}
@media screen and (min-width:1441px) {
  .service-banner {
    width: 155rem
  }
  .service-banner .banner {
    width: 155rem;
    height: 75rem;
    padding: var(--indent-sky) 11rem
  }
  .service-banner .img-box {
    left: 11rem;
    width: 49rem;
    height: 50.5rem
  }
  .service-banner .banner-info {
    width: 82.7rem
  }
  .service-banner .banner-info a.phone {
    padding-right: 11rem
  }
  .service-banner .right-box {
    width: 19.5rem;
    font-size: 1.6rem;
    margin-right: 13.8rem
  }
  .service-banner .title-box {
    margin-left: 36.5rem
  }
  .service-banner .title-box h2 {
    font-size: 14rem
  }
  .service-banner .title-box h2 a {
    font-size: .9em
  }
  .service-banner .banner-advantages {
    width: 76rem;
    margin-left: 53rem
  }
  .current-service-reg .banner {
    --share-size: 5rem;
    --share-indent: 4rem;
    width: 108.8rem;
    height: 43.7rem
  }
  .current-service-reg .share-btn {
    padding: 1.5rem
  }
  .current-service-reg .form-box {
    min-height: 43.7rem
  }
  .current-service-reg .form-box .phone,
  .current-service-reg .form-box .working-time,
  .current-service-reg .form-box h4 {
    font-size: 2.3rem
  }
  .current-service-reg .form-box .btn {
    height: 6rem
  }
  .current-service-reg .form-box .btn span {
    font-size: 1.8rem
  }
  .pricelist-box {
    padding: var(--indent-yellow) 6rem
  }
  .pricelist li {
    padding: 0 4.5rem
  }
  .pricelist .discount {
    width: 3.5rem;
    height: 3.5rem;
    left: calc(100% + 3.5rem);
    font-size: 1.4rem
  }
}
.pricelist .current-price span {
  font-size: 1.4445em
}
.pricelist .old-price {
  display: inline-block;
  position: relative;
  padding: 0 .2em;
  margin: 1rem -.2em;
  color: #b1bfd0
}
.pricelist .old-price:after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background: #466080
}
@media screen and (min-width:721px) {
  .service-banner .advantage:not(:first-child) {
    margin-top: 1.5rem
  }
  .current-service-reg .banner {
    padding: var(--indent-yellow)
  }
  .current-service-reg .text {
    max-width: 30rem
  }
  .current-service-reg .form-box .phone-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: var(--indent-sky)
  }
  .current-service-reg .form-box .working-time {
    margin-right: .5em;
    color: #717171
  }
  .current-service-reg .form-box .working-time:before {
    width: 1em;
    height: 1em;
    background-image: url(/img/svg/icon-time-gray.svg)
  }
  .current-service-reg .form-box .phone {
    font-weight: 600
  }
  .current-service-reg .form-box .btn {
    margin-left: 0;
    width: 100%;
    color: #fff
  }
  .current-service-reg .form-box .btn:before {
    width: 100%;
    height: 100%
  }
  .current-service-reg .form-box .btn span {
    color: #fff
  }
  .current-service-reg .form-box .btn span:last-child {
    display: none
  }
  .current-service-reg .form-box .btn:hover:before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
  }
  .pricelist-box .decor-box {
    height: 3px
  }
  .pricelist-box .sep {
    width: 2px;
    background: #f2f5f8
  }
  .pricelist-box .sep:not(:first-child) {
    margin-left: calc(100% / 5 - 2px)
  }
  .pricelist li:nth-child(n+5) {
    padding-top: var(--indent-gray)
  }
  .pricelist .column:not(:first-child) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .pricelist .column:not(:first-child) .price-box {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }
  .vertical-pricelist {
    display: block
  }
  .vertical-pricelist > li {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4]!important;
    grid-template-columns: repeat(4,1fr)!important
  }
  .vertical-pricelist > li h5,
  .vertical-pricelist > li h6 {
    font-size: 1.4445em;
    line-height: 1.2
  }
  .vertical-pricelist > li .current-price span {
    font-size: 1.2em
  }
  .vertical-pricelist > li .column {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
  }
}