@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&subset=cyrillic);
@import url(https://fonts.googleapis.com/css?family=Roboto);
.bt {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.25rem;
  line-height: 2.25rem;
  text-align: center;
  padding: 0 1rem;
  font-family: dcom;
  font-size: 1.125rem;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: .3125rem;
  text-decoration: none !important;
}

.bt-sm {
  height: 1.7rem !important;
  line-height: 1.7rem !important;
  font-size: .95rem !important;
}

.bt.loading {
  padding-right: 1.3rem;
  position: relative;
}

.bt.loading .spinner {
  display: inline;
}

.bt .spinner {
  height: .8rem;
  width: .8rem;
  border-top: 2px solid rgba(255, 255, 255, 0.8);
  border-right: 2px solid rgba(255, 255, 255, 0.8);
  border-left: none;
  border-bottom: none;
  display: none;
  position: absolute;
  right: .25rem;
}

.bt.fixed_size_ {
  min-width: 14.125rem
}

@media screen and (max-width:739px) {
  .bt {
    height: 2.75rem;
    line-height: 2.75rem
  }
}

.bt~.bt {
  margin: 0 0 0 1rem
}

.bt-blue-bordered, .bt-white-bordered {
  background: #fff;
  color: #9b9b9b;
  border: 1px solid #9b9b9b;
  font-family: dcom-l;
  text-transform: none;
  transition: .2s
}

.bt-blue-bordered:hover, .bt-white-bordered:hover {
  background: #4a90e2;
  color: #fff;
  border-color: #4a90e2;
  letter-spacing: 1px
}

.bt-blue-bordered {
  background: #2d496a;
  color: #4a90e2;
  border: 1px solid #4a90e2
}

.bt-blue-bordered.active, .bt-blue-bordered:hover {
  background: #4a90e2;
  color: #fff;
  border-color: #4a90e2;
  letter-spacing: 2px
}

.bt-blue {
  background: #4a90e2;
  color: #fff;
  transition: .3s
}

.bt-blue:hover {
  background: #2d496a;
  letter-spacing: 1px
}

.bt-blue.disabled:hover {
  background: #4a90e2;
  cursor: wait;
}

.bt-green {
  background: #1bad03;
  color: #fff;
  transition: .3s
}

.bt-green:hover {
  background: #1b7003;
}

ol.list-styled {
  counter-reset: a;
  list-style: none
}

ol.list-styled li {
  color: #7a7a7a;
  counter-increment: a
}

ol.list-styled li:before {
  display: inline-block;
  width: 1.5rem;
  color: #9b9b9b;
  content: counter(a) "."
}

.lh14 {
  line-height: .9rem;
}

.fz10 {
  font-size: .625rem
}

.fz11 {
  font-size: .6875rem
}

.fz12 {
  font-size: .75rem
}

.fz13 {
  font-size: .8125rem
}

.fz14 {
  font-size: .875rem;
}

.fz15 {
  font-size: .9rem
}

.fz16 {
  font-size: 1rem
}

.fz18 {
  font-size: 1.125rem
}

.fz20 {
  font-size: 1.25rem
}

.fz21 {
  font-size: 1.3125rem
}

.fz22 {
  font-size: 1.375rem
}

.fz24 {
  font-size: 1.5rem
}

.fz25 {
  font-size: 1.5625rem
}

.fz26 {
  font-size: 1.625rem
}

.fz28 {
  font-size: 1.75rem
}

.fz30 {
  font-size: 1.875rem
}

.fz34 {
  font-size: 2.125rem
}

.fz36 {
  font-size: 2.25rem
}

.fz38 {
  font-size: 2.375rem
}

.fz48 {
  font-size: 3rem
}

.fz50 {
  font-size: 3.125rem
}

.fz140 {
  font-size: 8.75rem
}

.h_0 {
  height: 0
}

.p_1 {
  padding: .5rem
}

.p_2 {
  padding: 1rem
}

.mr_1\! {
  margin-right: .5rem !important
}

.ml_1\! {
  margin-left: .5rem !important
}

.ml_0\! {
  margin-left: 0 !important
}

.mt_0\! {
  margin-top: 0 !important
}

.mt_05\! {
  margin-top: .25rem !important
}

.mb_0\! {
  margin-bottom: 0 !important
}

sup {
  line-height: 0;
  font-size: 50%
}

.c_dg {
  color: #4a4a4a !important
}

.bt-grey {
  background: #7a7a7a;
  color: #fff;
  transition: .3s
}

.bt-grey:hover {
  background: #2d496a;
  color: #fff;
  letter-spacing: 1px
}

.bt-red {
  background: #d0021b;
  color: #fff;
}

body {
  font-family: dcom-l;
  /* Делаем везде стандарт 1rem */
  /*font-size: 1.1rem !* 1rem в bulma а у нас чуть больше *!*/
}

.page-content {
  width: 100%;
  max-width: 100vw;
  padding-top: 4.625rem;
  height: 100%
}

@media screen and (max-width:800px) {
  .page-content {
    padding-top: 10vh
  }
}

.list-numbered {
  list-style: none
}

.list-numbered li {
  position: relative;
  margin-bottom: .8rem;
  padding-left: 1.875rem
}

.list-number, .list-numbered li>i {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.375rem;
  height: 1.375rem;
  line-height: 1.375rem;
  border: 1px solid #4e647e;
  color: #4a90e2;
  text-align: center;
  vertical-align: middle;
  margin-right: 1rem;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.list-number {
  position: relative
}

.line-splitter {
  width: 2.3125rem;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  background: #4a90e2
}

.expanded-list-h {
  display: -ms-flexbox;
  display: flex;
  color: #ecebdf;
  height: 2.5rem;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #3d5778;
  cursor: pointer;
  padding-left: .5rem
}

.expanded-list-h:hover {
  color: #fff
}

.expanded-list-h.active {
  background: #4a90e2;
  color: #fff
}

.expanded-list-h.active .expanded-list-h-num {
  background: #ecebdf;
  border-color: #ecebdf
}

.expanded-list-h.active .expanded-list-h-arrow:after {
  transform: rotate(135deg);
  border-color: #fff
}

.expanded-list-h-name {
  width: 80%;
  padding-left: .3rem;
  white-space: nowrap
}

.expanded-list-h-arrow {
  position: relative;
  width: 10%;
  padding-right: .5rem;
  text-align: right
}

.expanded-list-h-arrow:after {
  content: "";
  display: inline-block;
  width: .5rem;
  height: .5rem;
  border-top: 1px solid #4a90e2;
  border-right: 1px solid #4a90e2;
  transform: rotate(45deg);
  transition: .3s
}

.expanded-list-content {
  position: relative;
  overflow: hidden;
  height: 0;
  background: #fff
}

.expanded-list-content-inner {
  padding: 1rem;
  color: #000
}

.expanded-list2 {
  position: relative;
  z-index: 2;
  perspective: 800px
}

@media screen and (min-width:767px) {
  .expanded-list2-item:hover .expanded-list2-body {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s, transform .3s, visibility 0s;
    transform: rotateY(0deg)
  }

  .expanded-list2-item:hover .expanded-list2-h {
    color: #fff
  }

  .expanded-list2-item:hover .expanded-list2-h:after {
    transform: translateX(0) rotate(45deg);
    opacity: 1
  }
}

.expanded-list2-h {
  border-top: 1px solid #979797;
  height: 3.9375rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 .6rem 0 .2rem;
  color: #4a90e2;
  font-size: 1.5rem;
  transition: .3s;
  cursor: pointer
}

.expanded-list2-item:last-child .expanded-list2-h {
  border-bottom: 1px solid #979797
}

.arrow-expand, .expanded-list2-h:after {
  content: "";
  display: block;
  position: relative;
  width: .5rem;
  height: .5rem;
  border-top: 1px solid #4a90e2;
  border-right: 1px solid #4a90e2;
  transform: translateX(-10px) rotate(45deg);
  transition: .4s;
  opacity: 0
}

.expanded-list2-body {
  position: absolute;
  left: 100%;
  top: 0;
  width: 90%;
  height: 100%;
  margin-left: 10%;
  background: #fff;
  color: #000;
  font-size: 1.125rem;
  padding: 1rem 1rem 1rem 4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s, transform .3s, visibility .3s step-end;
  transform-origin: 0 50%;
  transform: rotateY(20deg)
}

.expanded-list2-body:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .5625rem .625rem .5625rem 0;
  border-color: transparent #fff transparent transparent;
  position: absolute;
  left: -.59375rem;
  top: 50%;
  margin-top: -.5625rem
}

@media screen and (max-width:739px) {
  .expanded-list2-body {
    position: relative;
    left: auto;
    width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0;
    transform: none;
    padding: 0
  }

  .expanded-list2-body>* {
    margin: 1rem 1rem 1rem 2.2rem
  }

  .expanded-list2-h:after {
    transform: translateX(0) rotate(45deg);
    opacity: 1
  }

  .expanded-list2-item.open_ .expanded-list2-body {
    opacity: 1;
    visibility: visible;
    transition: 0s;
    transform: rotateY(0deg)
  }

  .expanded-list2-item.open_ .expanded-list2-h:after {
    transform: translateX(0) rotate(135deg);
    opacity: 1
  }
}

.hover_underline:hover {
  text-decoration: underline
}

.text_bg_blue span {
  display: inline-block;
  background: rgba(45, 73, 106, .8);
  padding: .5rem .5rem 0 0;
  margin-bottom: -.8rem
}

.bt-scroll-down {
  height: 3.125rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.bt-scroll-down:after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #4a90e2;
  border-right: 1px solid #4a90e2;
  transform: translateX(-50%) rotate(135deg);
  margin-top: -.5rem
}

.brd_t_g {
  border-top: 1px solid #979797
}

.brd_b_g {
  border-bottom: 1px solid #979797
}

.brd_l_g {
  border-left: 1px solid #979797
}

.brd_r_g {
  border-right: 1px solid #979797
}

@font-face {
  font-family: dcom;
  src: url(fonts/dcom.eot);
  src: url(fonts/dcom.eot?#iefix) format("embedded-opentype"), url(fonts/dcom.woff2) format("woff2"), url(fonts/dcom.woff) format("woff"), url(fonts/dcom.ttf) format("truetype"), url(fonts/dcom.svg#dcom) format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: dcom-m;
  src: url(fonts/dcom-m.eot);
  src: url(fonts/dcom-m.eot?#iefix) format("embedded-opentype"), url(fonts/dcom-m.woff2) format("woff2"), url(fonts/dcom-m.woff) format("woff"), url(fonts/dcom-m.ttf) format("truetype"), url(fonts/dcom-m.svg#dcom-m) format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: dcom-l;
  src: url(fonts/dcom-l.eot);
  src: url(fonts/dcom-l.eot?#iefix) format("embedded-opentype"), url(fonts/dcom-l.woff2) format("woff2"), url(fonts/dcom-l.woff) format("woff"), url(fonts/dcom-l.ttf) format("truetype"), url(fonts/dcom-l.svg#dcom-l) format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: gls;
  src: url(fonts/gls.eot);
  src: url(fonts/gls.eot?#iefix) format("embedded-opentype"), url(fonts/gls.woff2) format("woff2"), url(fonts/gls.woff) format("woff"), url(fonts/gls.ttf) format("truetype"), url(fonts/gls.svg#gls) format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: beau;
  src: url(fonts/beau.eot);
  src: url(fonts/beau.eot?#iefix) format("embedded-opentype"), url(fonts/beau.woff) format("woff"), url(fonts/beau.ttf) format("truetype"), url(fonts/beau.svg#beau) format("svg");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: beau-b;
  src: url(fonts/beau-b.eot);
  src: url(fonts/beau-b.eot?#iefix) format("embedded-opentype"), url(fonts/beau-b.woff) format("woff"), url(fonts/beau-b.ttf) format("truetype"), url(fonts/beau-b.svg#beau-b) format("svg");
  font-weight: 400;
  font-style: normal
}

.form__input {
  border: 1px solid #bababa;
  background: #fff;
  padding-right: .2rem;
  padding-left: 1.5rem;
  color: #000;
  font-family: dcom;
  min-height: 2rem;
  border-radius: 5px
}

.form__field_pending .form__input {
  border-color: #d0021b
}

.form__field_approved .form__input {
  border-color: #075211
}

.form__group_approved .form__field_pending .form__input {
  border-color: #bababa
}

.form__input:not(:placeholder-shown)+label {
  transform: translateY(-110%);
  opacity: 1
}

.form__field {
  position: relative;
  z-index: 1;
  margin-top: 1.2rem
}

.form__field label {
  position: absolute;
  left: 0;
  top: 0;
  font-size: .8rem;
  color: #9b9b9b;
  transform: translateY(0);
  opacity: 0;
  transition: .2s;
  z-index: -1;
  line-height: 1.1
}

.form__textarea {
  max-width: 100%;
  border: 1px solid #bababa;
  padding-right: .2rem;
  padding-left: 1rem;
  min-height: 1.5rem;
  height: 4.5rem;
  resize: none;
  font-family: dcom;
  color: #000;
  border-radius: 5px
}

.form__warning {
  position: absolute;
  top: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  height: 1.2rem;
  font-size: .8rem;
  transition: .2s;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  line-height: 1.2;
  width: 100%
}

.form__field .form__warning {
  bottom: .2rem;
  top: auto;
  right: .4rem
}

.form__warning:after {
  content: "";
  width: .75rem;
  height: 1.2rem;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  right: 0;
  border-radius: 100%;
  line-height: 1.2
}

.form__warning:after, .form__warning span {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -ms-flex-align: center;
  align-items: center
}

.form__warning span {
  transition: .2s;
  border-radius: .6rem;
  padding: 0 1.5rem 0 .5rem;
  height: 100%;
  line-height: 100%;
  color: #d0021b;
  top: 120%;
  left: 0
}

.form__label .form__warning span {
  padding-left: 0
}

.form__field_approved .form__warning span, .form__group_approved .form__warning span {
  display: none
}

.form__field_warning .form__warning, .form__label_warning .form__warning {
  visibility: visible;
  opacity: 1
}

.form__field_approved .form__warning {
  visibility: visible;
  opacity: 1;
  color: #075211
}

.form__field_approved .form__warning:after {
  border-color: rgba(46, 139, 87, .2);
  content: "";
  color: #075211;
  background-image: url(/bitrix/templates/riverpark/i/v/check.svg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain
}

.form__label {
  cursor: pointer;
  display: block;
  position: relative
}

.form__checkbox {
  position: absolute;
  opacity: 0;
  width: 1.125rem;
  height: 1.3rem
}

.form__checkmark {
  position: relative;
  /*transition: .2s;*/
  line-height: 1.1;
  color: rgba(34, 34, 34, .6)
}

.form__checkbox:checked+.form__checkmark {
  color: #222
}

.form__checkbox:checked+.form__checkmark:before {
  background: #4a90e2
}

.form__checkbox:checked+.form__checkmark:after {
  opacity: 1;
  transform: translateY(0) rotate(-45deg)
}

.form__checkmark:before {
  content: "";
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: .5rem;
  background: transparent;
  /*transition: .2s;*/
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-top: .1rem;
  border-radius: .2rem;
  border: 1px solid #4a90e2
}

.f_grow {
  flex-grow: 1;
}

.f_shrink_0 {
    flex-shrink: 0;
}

.form__checkmark:after {
  content: "";
  position: absolute;
  border-left: .125rem solid #fff;
  border-bottom: .125rem solid #fff;
  width: .8rem;
  height: .5rem;
  left: .15rem;
  top: .4rem;
  transform: translateY(-.5rem) rotate(-45deg);
  opacity: 0;
  /*transition: .2s*/
}

.form__submit {
  outline: none;
  transition: .2s;
  cursor: pointer;
  border: none
}

.form__submit_disabled {
  opacity: .5;
  cursor: not-allowed !important
}

.form__required {
  position: absolute;
  top: 50%;
  left: .5rem;
  width: .75rem;
  height: .75rem;
  margin-top: -.375rem;
  background: #d0021b
}

.form__toggle_password {
  position: absolute;
  top: 50%;
  right: .5rem;
  width: 1.125rem;
  height: .5rem;
  margin-top: -.1875rem;
  background: 50% 50% no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 320'%3E%3Cpath d='M256 0C144.3 0 47.6 65 0 160c47.6 95 144.3 160 256 160 111.7 0 208.4-65 256-160C464.4 65 367.7 0 256 0zm126.2 84.9c30.1 19.2 55.6 44.9 74.7 75.1-19.1 30.3-44.6 56-74.7 75.1C344.4 259.3 300.8 272 256 272s-88.4-12.7-126.2-36.9C99.7 216 74.2 190.3 55.1 160c19.1-30.3 44.6-56 74.7-75.1 2-1.2 3.9-2.5 5.9-3.6-5 13.7-7.7 28.4-7.7 43.8 0 70.7 57.3 128 128 128s128-57.3 128-128c0-15.4-2.7-30.1-7.7-43.8 2 1.1 4 2.3 5.9 3.6zM256 109c0 26.5-21.5 48-48 48s-48-21.5-48-48 21.5-48 48-48 48 21.5 48 48z'/%3E%3C/svg%3E");
  background-size: contain
}

.form__toggle_password:before {
  content: "";
  width: 100%;
  height: 1px;
  margin-top: -1px;
  background: #000;
  position: absolute;
  top: 50%;
  left: 0;
  transform: rotate(-45deg)
}

.form__toggle_password.show_:before {
  opacity: 0
}

.label-new {
  background: #4a90e2;
  padding: .1rem .2rem;
  font-size: .6rem;
  color: #fff;
  line-height: 1;
  position: relative;
  top: -.5em
}

.hm-news-line-container {
  height: 3.3125rem;
  background: #000;
  color: #4a90e2;
  font-family: gls;
  font-size: .875rem
}

.hm-news-line-container a {
  color: #4a90e2;
  white-space: nowrap
}

.hm-news-line-container .container-small {
  overflow: hidden
}

@media screen and (max-width:739px) {
  .hm-news-line-container {
    height: 6vh
  }
}

.hm-news-line-item {
  white-space: nowrap
}

.hm-news-line-split {
  position: relative;
  width: 4rem;
  height: 1.74062817rem;
  margin: 0 .3rem;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.hm-news-line-split svg {
  position: absolute;
  left: -1%;
  top: -1%;
  width: 102%;
  height: 102%;
  z-index: 1
}

.hm-news-line-split-light {
  position: absolute;
  left: 0;
  top: 5%;
  width: 100%;
  height: 90%;
  background: linear-gradient(90deg, #000 0, #4a90e2 80%, #fff);
  transform: translateX(-100%);
  animation: a 3s infinite linear
}

.hm-news-line-split-light.delay-1 {
  animation: a 3s .5s infinite linear
}

.hm-news-line-split-light.delay-2 {
  animation: a 3s 1s infinite linear
}

.hm-news-line-split-light.delay-3 {
  animation: a 3s 1.5s infinite linear
}

@keyframes a {
  0%, 63%, to {
    transform: translateX(-100%);
    opacity: 1
  }

  30% {
    transform: translateX(0)
  }

  60% {
    transform: translateX(100%);
    opacity: 1
  }

  61% {
    transform: translateX(100%);
    opacity: 0
  }

  62% {
    transform: translateX(-100%);
    opacity: 0
  }
}

.page-intro-image {
  padding: 0
}

.page-intro-image img, .page-intro-image svg {
  height: 107%;
  width: 100%;
  position: relative;
  top: 2%
}

.footer-img {
  width: 50rem;
  margin: 0 auto
}

@media screen and (max-width:739px) {
  .footer-img {
    width: 100%;
    height: 50vh
  }
}

.footer-form {
  margin: 0 auto;
  width: 50rem;
  padding: 1.25rem 1.25rem 1.25rem 0;
  background: #fff;
  position: absolute;
  z-index: 1
}

.footer-form:before {
  content: "";
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 2px;
  top: 2px;
  border: 1px solid #979797;
  z-index: -1
}

.footer-form-24 .support-24 {
  margin-right: 35%;
  margin-top: 0;
  margin-bottom: 0
}

.effective-tools {
  margin-top: 3.75rem;
  position: relative;
  z-index: 1
}

.effective-tools:after, .effective-tools:before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100vw;
  background: rgba(0, 0, 0, .05);
  transform-origin: 100% 0;
  transform: skew(-60deg);
  z-index: -1
}

.effective-tools:before {
  height: 100%;
  left: auto;
  top: auto;
  right: 100%;
  transform: skewY(-30deg)
}

.effective-tools .line-vertical {
  position: absolute;
  right: -1px;
  top: 0;
  transform: translateY(-100%)
}

.effective-tools-item {
  transition: background .3s;
  border: 1px solid #979797;
  margin: -1px 0 0
}

.effective-tools-item:hover {
  background: #fff !important;
  color: #000 !important
}

@media screen and (min-width:767px) {
  .effective-tools-item:nth-child(2) {
    border-left: none
  }
}

@media screen and (max-width:739px) {
  .effective-tools-item .arrow-expand {
    opacity: 1
  }

  .effective-tools-item.active .mobile-hidden {
    display: block !important
  }

  .effective-tools-item.active .desktop-hidden {
    display: none
  }

  .effective-tools-item.active .arrow-expand {
    transform: translateX(-10px) rotate(135deg)
  }
}

.line-vertical {
  width: 1px;
  height: 3.75rem;
  margin: 0 auto;
  background: #979797
}

.circles-24 {
  position: relative;
  width: 6.125rem;
  height: 6.125rem;
  border-radius: 100%;
  border: 1px solid #979797;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2.25rem;
  color: #4a90e2;
  animation: b 1s 1s infinite;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.circles-24:after, .circles-24:before {
  content: "";
  position: absolute;
  left: 3px;
  bottom: 3px;
  right: 3px;
  top: 3px;
  border-radius: 100%;
  border: 1px solid #979797;
  animation: b 1s 1.666s infinite
}

.circles-24:after {
  left: 7px;
  bottom: 7px;
  right: 7px;
  top: 7px;
  animation: b 1s 2.333s infinite
}

.circles-24.white_ {
  border-color: #fff;
  animation: c 1s 1s infinite
}

.circles-24.white_:after, .circles-24.white_:before {
  border-color: #fff;
  animation: c 1s 1.666s infinite
}

.circles-24.white_:after {
  animation: c 1s 2.333s infinite
}

@keyframes b {
  0%, to {
    border-color: #979797;
    color: #4a90e2
  }

  50% {
    border-color: #2d496a;
    color: #2275d7
  }
}

@keyframes c {
  0%, to {
    border-color: #4a90e2
  }

  50% {
    border-color: #fff
  }
}

.support-24 {
  margin-top: -2.5rem;
  margin-bottom: -1.25rem;
  height: 6.125rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 5%
}

.support-24 i {
  display: block;
  height: 1px;
  width: 100%;
  background: #979797
}

.changing-text {
  position: relative;
  display: block;
  width: 100%;
  height: 3.25rem;
  line-height: 3.25rem;
  text-align: center
}

.changing-text span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0
}

.changing-text span div {
  opacity: 0;
  margin: 0 1px
}

@media screen and (max-width:739px) {
  .changing-text span div {
    margin: 0
  }
}

.page-login-intro {
  background: 50% 50% no-repeat url(fonts/login-bg.svg) #2d496a;
  background-size: contain
}

.page-login-intro-inner {
  width: 22rem;
  padding: 2rem
}

*, :after, :before {
  padding: 0;
  margin: 0;
  box-sizing: border-box
}

p {
  margin: 1em 0
}

html {
  font-size: 20px;
  line-height: 1.4
}

@media (max-width: 1580px) {
  html {
    font-size: 18px
  }
}

@media (max-width: 1420px) {
  html {
    font-size: 15px
  }
}

@media (max-width: 1180px) {
  html {
    font-size: 14px
  }
}

@media (max-width: 1110px) {
  html {
    font-size: 13px
  }
}

@media (max-width: 1030px) {
  html {
    font-size: 12px
  }
}

@media (max-width: 950px) {
  html {
    font-size: 11px
  }
}

body, html {
  width: 100%;
  max-width: 100vw;
  height: 100%
}

a {
  color: #222;
  text-decoration: none
}

button, input, select, textarea {
  font-size: 1rem;
  line-height: 1.5
}

button:focus, input:focus, select:focus, textarea:focus {
  outline: none
}

:-moz-placeholder, :-ms-input-placeholder, ::-moz-placeholder, ::-webkit-input-placeholder {
  color: #9b9b9b
}

.o_h {
  overflow: hidden !important
}

.o_v {
  overflow: visible !important
}

.fs_0 {
  font-size: .625rem !important
}

.fs_1 {
  font-size: .75rem !important
}

.fs_2 {
  font-size: .875rem !important
}

.fs_3 {
  font-size: 1rem !important
}

.fs_4 {
  font-size: 1.125rem !important
}

.fs_5 {
  font-size: 1.25rem !important
}

.fs_6 {
  font-size: 1.375rem !important
}

.fs_7 {
  font-size: 1.5rem !important
}

.fs_8 {
  font-size: 1.875rem !important
}

.fs_9 {
  font-size: 2.5rem !important
}

.fs_10 {
  font-size: 3rem !important
}

.fs_11 {
  font-size: 5rem
}

.fs_12 {
  font-size: 7.5rem
}

.fz40 {
  font-size: 2.5rem
}

.fw_l {
  font-weight: 300
}

.fw_el {
  font-weight: 200
}

.fw_n {
  font-weight: 400
}

.fw_m {
  font-weight: 500
}

.fw_b {
  font-weight: 700
}

.ff_beau {
  font-family: beau
}

.ff_beau-b {
  font-family: beau-b
}

.ff_dcom {
  font-family: dcom
}

.ff_dcom_m {
  font-family: dcom-m
}

.ls_1 {
  letter-spacing: .0625rem
}

.ls_2 {
  letter-spacing: .3125rem
}

.ls_2m {
  letter-spacing: -.3125rem
}

.ls_3 {
  letter-spacing: .625rem
}

.ls_3m {
  letter-spacing: -.625rem
}

.lh_90 {
  line-height: .9
}

.lh_100 {
  line-height: 1
}

.lh_110 {
  line-height: 1.1
}

.lh_120 {
  line-height: 1.2
}

.lh_130 {
  line-height: 1.3
}

.lh_140 {
  line-height: 1.4
}

.lh_150 {
  line-height: 1.5
}

.lh_160 {
  line-height: 1.6
}

.lh_170 {
  line-height: 1.7
}

.lh_180 {
  line-height: 1.8
}

.lh_190 {
  line-height: 1.9
}

.lh_200 {
  line-height: 2
}

.tt_u {
  text-transform: uppercase
}

.tt_l {
  text-transform: lowercase
}

.tt_n {
  text-transform: none
}

.ta_l {
  text-align: left
}

.ta_c {
  text-align: center
}

.ta_r {
  text-align: right
}

.td_u {
  text-decoration: underline
}

.td_uh, a.td_u:hover {
  text-decoration: none
}

.td_uh:hover {
  text-decoration: underline
}

.td_n {
  text-decoration: none
}

.c_w {
  color: #fff !important
}

.c_b {
  color: #0c162c !important
}

.c_g {
  color: #9b9b9b !important
}

.c_beige {
  color: #ecebdf !important
}

.c_blue {
  color: #4a90e2 !important
}

.c_blue_d {
  color: #2d496a !important
}

.ml_1 {
  margin-left: .5rem !important
}

.ml_1c {
  margin-left: 6.25vw
}

.ml_2 {
  margin-left: 1rem
}

.ml_2c {
  margin-left: 12.5vw
}

.ml_3 {
  margin-left: 1.5rem
}

.ml_4 {
  margin-left: 2rem
}

.ml_5 {
  margin-left: 2.5rem
}

.ml_6 {
  margin-left: 3rem
}

.ml_7 {
  margin-left: 3.5rem
}

.ml_8 {
  margin-left: 4rem
}

.ml_9 {
  margin-left: 4.5rem
}

.ml_10 {
  margin-left: 5rem
}

.mr_1 {
  margin-right: .5rem
}

.mr_1c {
  margin-right: 6.25vw
}

.mr_2 {
  margin-right: 1rem
}

.mr_2c {
  margin-right: 12.5vw
}

.mr_3 {
  margin-right: 1.5rem
}

.mr_4 {
  margin-right: 2rem
}

.mr_5 {
  margin-right: 2.5rem
}

.mr_6 {
  margin-right: 3rem
}

.mr_7 {
  margin-right: 3.5rem
}

.mr_8 {
  margin-right: 4rem
}

.mr_9 {
  margin-right: 4.5rem
}

.mr_10 {
  margin-right: 5rem
}

.mt_1 {
  margin-top: .5rem
}

.mt_05 {
  margin-top: .25rem
}

.mt_1c {
  margin-top: 6.25vw
}

.mt_2 {
  margin-top: 1rem
}

.mt_3 {
  margin-top: 1.5rem
}

.mt_4 {
  margin-top: 2rem
}

.mt_5 {
  margin-top: 2.5rem
}

.mt_6 {
  margin-top: 3rem !important
}

.mt_7 {
  margin-top: 3.5rem !important
}

.mt_8 {
  margin-top: 4rem !important
}

.mt_9 {
  margin-top: 4.5rem !important
}

.mt_10 {
  margin-top: 5rem !important
}

.mt_20 {
  margin-top: 10rem !important
}

.mb_1a {
  margin-bottom: .1rem !important
}

.mb_05 {
  margin-bottom: .25rem !important
}

.mb_1 {
  margin-bottom: .5rem !important
}

.mb_1c {
  margin-bottom: 6.25vw !important
}

.mb_2 {
  margin-bottom: 1rem !important
}

.mb_2c {
  margin-bottom: 12.5vw !important
}

.mb_3 {
  margin-bottom: 1.5rem !important
}

.mb_4 {
  margin-bottom: 2rem
}

.mb_5 {
  margin-bottom: 2.5rem
}

.mb_6 {
  margin-bottom: 3rem
}

.mb_7 {
  margin-bottom: 3.5rem !important
}

.mb_8 {
  margin-bottom: 4rem
}

.mb_9 {
  margin-bottom: 4.5rem
}

.mb_10 {
  margin-bottom: 5rem
}

.mb_20 {
  margin-bottom: 10rem
}

.mr-50p {
  margin-right: -50%
}

.mr-100p {
  margin-right: -100%
}

.mr_100p {
  margin-right: 100%
}

.ml_50p {
  margin-left: 50%
}

.mb-50p {
  margin-bottom: -50%
}

.mb_50p {
  margin-bottom: 50%
}

.mt-50p {
  margin-top: -50%
}

.mt_100p {
  margin-top: 100%
}

.mr-25p {
  margin-right: -25%
}

.ml_25p {
  margin-left: 25%
}

.ml_100p {
  margin-left: 100%
}

.ml-100p {
  margin-left: -100%
}

.mb-25p {
  margin-bottom: -25%
}

.mb_25p {
  margin-bottom: 25%
}

.mt-25p {
  margin-top: -25%
}

.mb_20rem {
  margin-bottom: 20rem
}

.mb_30rem {
  margin-bottom: 30rem
}

.pl_1 {
  padding-left: .5rem
}

.pl_1c {
  padding-left: 6.25vw
}

.pl_2 {
  padding-left: 1rem
}

.pl_3 {
  padding-left: 1.5rem
}

.pl_3_5 {
  padding-left: 1.75rem
}

.pl_4 {
  padding-left: 2rem
}

.pl_5 {
  padding-left: 2.5rem
}

.pl_6 {
  padding-left: 3rem
}

.pl_7 {
  padding-left: 3.5rem
}

.pl_8 {
  padding-left: 4rem
}

.pl_9 {
  padding-left: 4.5rem
}

.pl_10 {
  padding-left: 5rem
}

.pr_02 {
  padding-right: .2rem
}

.pr_1 {
  padding-right: .5rem
}

.pr_1c {
  padding-right: 6.25vw
}

.pr_2 {
  padding-right: 1rem
}

.pr_3 {
  padding-right: 1.5rem
}

.pr_4 {
  padding-right: 2rem
}

.pb_425 {
  padding-bottom: 2.25rem
}

.pr_5 {
  padding-right: 2.5rem
}

.pr_6 {
  padding-right: 3rem
}

.pr_7 {
  padding-right: 3.5rem
}

.pr_8 {
  padding-right: 4rem
}

.pr_9 {
  padding-right: 4.5rem
}

.pr_10 {
  padding-right: 5rem
}

.pt_05 {
  padding-top: .25rem
}

.pt_1 {
  padding-top: .5rem
}

.pt_1c {
  padding-top: 6.25vw
}

.pt_2 {
  padding-top: 1rem
}

.pt_3 {
  padding-top: 1.5rem
}

.pt_4 {
  padding-top: 2rem
}

.pt_5 {
  padding-top: 2.5rem
}

.pt_6 {
  padding-top: 3rem
}

.pt_7 {
  padding-top: 3.5rem
}

.pt_8 {
  padding-top: 4rem
}

.pt_9 {
  padding-top: 4.5rem
}

.pt_10 {
  padding-top: 5rem
}

.pt_h {
  padding-top: 6.4rem
}

.pb_1 {
  padding-bottom: .5rem
}

.pb_1c {
  padding-bottom: 6.25vw
}

.pb_2 {
  padding-bottom: 1rem
}

.pb_3 {
  padding-bottom: 1.5rem
}

.pb_4 {
  padding-bottom: 2rem
}

.pb_425 {
  padding-bottom: 2.25rem
}

.pb_5 {
  padding-bottom: 2.5rem
}

.pb_6 {
  padding-bottom: 3rem
}

.pb_7 {
  padding-bottom: 3.5rem
}

.pb_8 {
  padding-bottom: 4rem
}

.pb_9 {
  padding-bottom: 4.5rem
}

.pb_10 {
  padding-bottom: 5rem
}

.w_1c {
  width: 6.25vw
}

@media (max-width:1000px) {
  .w_1c {
    width: 62.5px
  }
}

@media (min-width:2000px) {
  .w_1c {
    width: 125px
  }
}

.w_2c {
  width: 12.5vw
}

@media (max-width:1000px) {
  .w_2c {
    width: 125px
  }
}

@media (min-width:2000px) {
  .w_2c {
    width: 250px
  }
}

.w_3c {
  width: 18.75vw
}

@media (max-width:1000px) {
  .w_3c {
    width: 187.5px
  }
}

@media (min-width:2000px) {
  .w_3c {
    width: 375px
  }
}

.w_4c {
  width: 25vw
}

@media (max-width:1000px) {
  .w_4c {
    width: 250px
  }
}

@media (min-width:2000px) {
  .w_4c {
    width: 500px
  }
}

.w_5c {
  width: 31.25vw
}

@media (max-width:1000px) {
  .w_5c {
    width: 312.5px
  }
}

@media (min-width:2000px) {
  .w_5c {
    width: 625px
  }
}

.w_6c {
  width: 37.5vw
}

@media (max-width:1000px) {
  .w_6c {
    width: 375px
  }
}

@media (min-width:2000px) {
  .w_6c {
    width: 750px
  }
}

.w_7c {
  width: 43.75vw
}

@media (max-width:1000px) {
  .w_7c {
    width: 437.5px
  }
}

@media (min-width:2000px) {
  .w_7c {
    width: 875px
  }
}

.w_8c {
  width: 50vw
}

@media (max-width:1000px) {
  .w_8c {
    width: 500px
  }
}

@media (min-width:2000px) {
  .w_8c {
    width: 1000px
  }
}

.w_9c {
  width: 56.25vw
}

@media (max-width:1000px) {
  .w_9c {
    width: 562.5px
  }
}

@media (min-width:2000px) {
  .w_9c {
    width: 1125px
  }
}

.w_10c {
  width: 62.5vw
}

@media (max-width:1000px) {
  .w_10c {
    width: 625px
  }
}

@media (min-width:2000px) {
  .w_10c {
    width: 1250px
  }
}

.w_11c {
  width: 68.75vw
}

@media (max-width:1000px) {
  .w_11c {
    width: 687.5px
  }
}

@media (min-width:2000px) {
  .w_11c {
    width: 1375px
  }
}

.w_12c {
  width: 75vw
}

@media (max-width:1000px) {
  .w_12c {
    width: 750px
  }
}

@media (min-width:2000px) {
  .w_12c {
    width: 1500px
  }
}

.w_13c {
  width: 81.25vw
}

@media (max-width:1000px) {
  .w_13c {
    width: 812.5px
  }
}

@media (min-width:2000px) {
  .w_13c {
    width: 1625px
  }
}

.w_14c {
  width: 87.5vw
}

@media (max-width:1000px) {
  .w_14c {
    width: 875px
  }
}

@media (min-width:2000px) {
  .w_14c {
    width: 1750px
  }
}

.w_15c {
  width: 93.75vw
}

@media (max-width:1000px) {
  .w_15c {
    width: 937.5px
  }
}

@media (min-width:2000px) {
  .w_15c {
    width: 1875px
  }
}

.w_5 {
  width: 5%
}

.w_10 {
  width: 10%
}

.w_15 {
  width: 15%
}

.w_20 {
  width: 20%
}

.w_25 {
  width: 25%
}

.w_30 {
  width: 30%
}

.w_35 {
  width: 35%
}

.w_40 {
  width: 40%
}

.w_45 {
  width: 45%
}

.w_50 {
  width: 50% !important
}

.mw_58 {
  min-width: 58%;
}

.mw_28 {
  min-width: 28%;
}

.w_55 {
  width: 55% !important
}

.w_60 {
  width: 60% !important
}

.w_65 {
  width: 65% !important
}

.w_70 {
  width: 70% !important
}

.w_75 {
  width: 75% !important
}

.w_80 {
  width: 80% !important
}

.w_85 {
  width: 85% !important
}

.w_90 {
  width: 90% !important
}

.w_95 {
  width: 95% !important
}

.w_100\! {
  width: 100% !important
}

.w_100 {
  width: 100%
}

.w_110 {
  width: 110%
}

.h_1c {
  height: 6.25vw
}

@media (max-width:1000px) {
  .h_1c {
    height: 62.5px
  }
}

@media (min-width:2000px) {
  .h_1c {
    height: 125px
  }
}

.h_2c {
  height: 12.5vw
}

@media (max-width:1000px) {
  .h_2c {
    height: 125px
  }
}

@media (min-width:2000px) {
  .h_2c {
    height: 250px
  }
}

.h_3c {
  height: 18.75vw
}

@media (max-width:1000px) {
  .h_3c {
    height: 187.5px
  }
}

@media (min-width:2000px) {
  .h_3c {
    height: 375px
  }
}

.h_4c {
  height: 25vw
}

@media (max-width:1000px) {
  .h_4c {
    height: 250px
  }
}

@media (min-width:2000px) {
  .h_4c {
    height: 500px
  }
}

.h_5c {
  height: 31.25vw
}

@media (max-width:1000px) {
  .h_5c {
    height: 312.5px
  }
}

@media (min-width:2000px) {
  .h_5c {
    height: 625px
  }
}

.h_6c {
  height: 37.5vw
}

@media (max-width:1000px) {
  .h_6c {
    height: 375px
  }
}

@media (min-width:2000px) {
  .h_6c {
    height: 750px
  }
}

.h_7c {
  height: 43.75vw
}

@media (max-width:1000px) {
  .h_7c {
    height: 437.5px
  }
}

@media (min-width:2000px) {
  .h_7c {
    height: 875px
  }
}

.h_8c {
  height: 50vw
}

@media (max-width:1000px) {
  .h_8c {
    height: 500px
  }
}

@media (min-width:2000px) {
  .h_8c {
    height: 1000px
  }
}

.h_9c {
  height: 56.25vw
}

@media (max-width:1000px) {
  .h_9c {
    height: 562.5px
  }
}

@media (min-width:2000px) {
  .h_9c {
    height: 1125px
  }
}

.h_10c {
  height: 62.5vw
}

@media (max-width:1000px) {
  .h_10c {
    height: 625px
  }
}

@media (min-width:2000px) {
  .h_10c {
    height: 1250px
  }
}

.h_11c {
  height: 68.75vw
}

@media (max-width:1000px) {
  .h_11c {
    height: 687.5px
  }
}

@media (min-width:2000px) {
  .h_11c {
    height: 1375px
  }
}

.h_12c {
  height: 75vw
}

@media (max-width:1000px) {
  .h_12c {
    height: 750px
  }
}

@media (min-width:2000px) {
  .h_12c {
    height: 1500px
  }
}

.h_13c {
  height: 81.25vw
}

@media (max-width:1000px) {
  .h_13c {
    height: 812.5px
  }
}

@media (min-width:2000px) {
  .h_13c {
    height: 1625px
  }
}

.h_14c {
  height: 87.5vw
}

@media (max-width:1000px) {
  .h_14c {
    height: 875px
  }
}

@media (min-width:2000px) {
  .h_14c {
    height: 1750px
  }
}

.h_15c {
  height: 93.75vw
}

@media (max-width:1000px) {
  .h_15c {
    height: 937.5px
  }
}

@media (min-width:2000px) {
  .h_15c {
    height: 1875px
  }
}

.h_5 {
  height: 5%
}

.h_10 {
  height: 10%
}

.h_15 {
  height: 15%
}

.h_20 {
  height: 20%
}

.h_25 {
  height: 25%
}

.h_30 {
  height: 30%
}

.h_35 {
  height: 35%
}

.h_40 {
  height: 40%
}

.h_45 {
  height: 45%
}

.h_50 {
  height: 50% !important
}

.h_55 {
  height: 55% !important
}

.h_60 {
  height: 60% !important
}

.h_65 {
  height: 65% !important
}

.h_70 {
  height: 70% !important
}

.h_75 {
  height: 75% !important
}

.h_80 {
  height: 80% !important
}

.h_85 {
  height: 85% !important
}

.h_90 {
  height: 90% !important
}

.h_95 {
  height: 95% !important
}

.h_100\! {
  height: 100% !important
}

.h_100 {
  height: 100%
}

.mh_100 {
  min-height: 100%
}

.h_140 {
  height: 140%
}

.h_50vw {
  height: 50vw !important
}

.d_b {
  display: block
}

.d_i {
  display: inline !important
}

.d_ib {
  display: inline-block !important
}

.d_if {
  display: -ms-inline-flexbox;
  display: inline-flex
}

.d_f {
  display: -ms-flexbox;
  display: flex
}

.d_n {
  display: none
}

.aa_0 {
  visibility: hidden;
  opacity: 0
}

.aa_1 {
  visibility: visible;
  opacity: 1
}

.hide {
  display: none !important
}

.bg_n {
  background: none !important
}

.bgc_w {
  background-color: #fff !important
}

.bgc_g {
  background-color: #9b9b9b !important
}

.bgc_g2 {
  background-color: #e4e5e7 !important
}

.bgc_b {
  background-color: #0c162c !important
}

.bgc_bg {
  background-image: linear-gradient(transparent 60%, #000) !important
}

.bgc_beige {
  background-color: #fbfbfb !important
}

.bgc_blue {
  background-color: #2d496a !important
}

.bgc_blue_trans {
  background-color: rgba(45, 73, 106, .9) !important
}

.bgs_cov, .bgz_c {
  background: 50% 50% no-repeat;
  background-size: cover !important
}

.bgz_cnt {
  background: 50% 50% no-repeat;
  background-size: contain !important
}

.pos_r {
  position: relative !important
}

.pos_a {
  left: 0;
  right: auto
}

.pos_a, .pos_art {
  top: 0;
  bottom: auto
}

.pos_a, .pos_acb, .pos_art {
  position: absolute !important
}

.pos_acb {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%)
}

.pos_arb, .pos_art {
  left: auto;
  right: 0
}

.pos_alb, .pos_arb {
  position: absolute;
  top: auto;
  bottom: 0
}

.pos_alb {
  left: 0;
  right: auto
}

.pos_ac {
  position: absolute !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.pos_f {
  position: fixed;
  left: 0;
  top: 0
}

.flex {
  display: -ms-flexbox;
  display: flex
}

[class*=flex_] {
  display: -ms-flexbox !important;
  display: flex !important
}

[class*=flex].d_if {
  display: -ms-inline-flexbox;
  display: inline-flex
}

.flex_js {
  -ms-flex-pack: start;
  justify-content: flex-start
}

.flex_jc {
  -ms-flex-pack: center;
  justify-content: center
}

.flex_jsb {
  -ms-flex-pack: justify;
  justify-content: space-between
}

.flex_je {
  -ms-flex-pack: end;
  justify-content: flex-end
}

.flex_as {
  -ms-flex-align: start;
  align-items: flex-start
}

.flex_ac {
  -ms-flex-align: center;
  align-items: center
}

.flex_ae {
  -ms-flex-align: end;
  align-items: flex-end
}

.flex_ast {
  -ms-flex-align: stretch;
  align-items: stretch
}

.flex_c {
  -ms-flex-direction: column;
  flex-direction: column
}

.flex_r {
  -ms-flex-direction: row;
  flex-direction: row
}

.flex_w {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width:739px) {
  .mobile-flex_ac {
    -ms-flex-align: center !important;
    align-items: center !important
  }
}

@media (max-width:739px) {
  .mobile-flex_c {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }
}

@media (max-width:739px) {
  .mobile-flex {
    display: -ms-flexbox;
    display: flex
  }
}

.as_s {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.as_c {
  -ms-flex-item-align: center;
  align-self: center
}

.as_e {
  -ms-flex-item-align: end;
  align-self: flex-end
}

.col {
  float: left;
  padding-left: 10px;
  padding-right: 10px
}

[class*=pull-], [class*=push-] {
  position: relative
}

.no-gutter {
  padding-left: 0;
  padding-right: 0
}

.col-1 {
  width: 8.33333%
}

.col-2 {
  width: 16.66667%
}

.col-1-4, .col-3 {
  width: 25%
}

.col-1-3, .col-4 {
  width: 33.33333%
}

.col-5 {
  width: 41.66665%;
  width: 41.66667%
}

.col-1-2, .col-6 {
  width: 50%
}

.col-7 {
  width: 58.33333%
}

.col-8 {
  width: 66.66666%;
  width: 66.66667%
}

.col-3-4, .col-9 {
  width: 75%
}

.col-10 {
  width: 83.33333%
}

.col-11 {
  width: 91.66666%;
  width: 91.66667%
}

.col-12 {
  width: 100%
}

.push-1 {
  left: 8.33333%
}

.pull-1 {
  left: -8.33333%
}

.push-2 {
  left: 16.66667%
}

.pull-2 {
  left: -16.66667%
}

.push-1-4, .push-3 {
  left: 25%
}

.pull-1-4, .pull-3 {
  left: -25%
}

.push-1-3, .push-4 {
  left: 33.33333%
}

.pull-1-3, .pull-4 {
  left: -33.33333%
}

.push-5 {
  left: 41.66665%;
  left: 41.66667%
}

.pull-5 {
  left: -41.66665%;
  left: -41.66667%
}

.push-1-2, .push-6 {
  left: 50%
}

.pull-1-2, .pull-6 {
  left: -50%
}

.push-7 {
  left: 58.33333%
}

.pull-7 {
  left: -58.33333%
}

.push-8 {
  left: 66.66666%;
  left: 66.66667%
}

.pull-8 {
  left: -66.66666%;
  left: -66.66667%
}

.push-3-4, .push-9 {
  left: 75%
}

.pull-3-4, .pull-9 {
  left: -75%
}

.push-10 {
  left: 83.33333%
}

.pull-10 {
  left: -83.33333%
}

.push-11 {
  left: 91.66666%;
  left: 91.66667%
}

.pull-11 {
  left: -91.66666%;
  left: -91.66667%
}

.row {
  padding-top: 1em;
  padding-bottom: 1em
}

.no-desktop {
  display: none
}

.no-margin, .no-style-heading {
  margin: 0
}

.no-padding {
  padding: 0 !important
}

.ol-padding {
  padding-inline-start: 40px;
}

@media only screen and (min-width:740px) and (max-width:959px) {
  .container, .tablet-container {
    max-width: 960px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    float: none
  }

  .container:first-child, .tablet-container:first-child {
    margin-left: auto
  }

  .tablet-container-full {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    float: none
  }

  .tablet-container-full:first-child {
    margin-left: auto
  }

  .tablet-no-gutter {
    padding-left: 0;
    padding-right: 0
  }

  .tablet-col-1 {
    width: 8.33333%
  }

  .tablet-col-2 {
    width: 16.66667%
  }

  .tablet-col-1-4, .tablet-col-3 {
    width: 25%
  }

  .tablet-col-1-3, .tablet-col-4 {
    width: 33.33333%
  }

  .tablet-col-5 {
    width: 41.66665%;
    width: 41.66667%
  }

  .tablet-col-1-2, .tablet-col-6 {
    width: 50%
  }

  .tablet-col-7 {
    width: 58.33333%
  }

  .tablet-col-8 {
    width: 66.66666%;
    width: 66.66667%
  }

  .tablet-col-3-4, .tablet-col-9 {
    width: 75%
  }

  .tablet-col-10 {
    width: 83.33333%
  }

  .tablet-col-11 {
    width: 91.66666%;
    width: 91.66667%
  }

  .tablet-col-12 {
    width: 100%
  }

  .tablet-push-1 {
    left: 8.33333%
  }

  .tablet-pull-1 {
    left: -8.33333%
  }

  .tablet-push-2 {
    left: 16.66667%
  }

  .tablet-pull-2 {
    left: -16.66667%
  }

  .tablet-push-1-4, .tablet-push-3 {
    left: 25%
  }

  .tablet-pull-1-4, .tablet-pull-3 {
    left: -25%
  }

  .tablet-push-1-3, .tablet-push-4 {
    left: 33.33333%
  }

  .tablet-pull-1-3, .tablet-pull-4 {
    left: -33.33333%
  }

  .tablet-push-5 {
    left: 41.66665%;
    left: 41.66667%
  }

  .tablet-pull-5 {
    left: -41.66665%;
    left: -41.66667%
  }

  .tablet-push-1-2, .tablet-push-6 {
    left: 50%
  }

  .tablet-pull-1-2, .tablet-pull-6 {
    left: -50%
  }

  .tablet-push-7 {
    left: 58.33333%
  }

  .tablet-pull-7 {
    left: -58.33333%
  }

  .tablet-push-8 {
    left: 66.66666%;
    left: 66.66667%
  }

  .tablet-pull-8 {
    left: -66.66666%;
    left: -66.66667%
  }

  .tablet-push-3-4, .tablet-push-9 {
    left: 75%
  }

  .tablet-pull-3-4, .tablet-pull-9 {
    left: -75%
  }

  .tablet-push-10 {
    left: 83.33333%
  }

  .tablet-pull-10 {
    left: -83.33333%
  }

  .tablet-push-11 {
    left: 91.66666%;
    left: 91.66667%
  }

  .tablet-pull-11 {
    left: -91.66666%;
    left: -91.66667%
  }

  .tablet-no-pull, .tablet-no-push {
    left: auto
  }

  .tablet-row {
    padding-top: 1em;
    padding-bottom: 1em
  }

  .tablet-full {
    left: auto;
    clear: both;
    float: none;
    width: 100%;
    margin: 1em 0 0;
    display: block
  }

  .tablet-full:first-child {
    margin-top: 0
  }

  .tablet-text-left {
    text-align: left
  }

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

  .tablet-text-center {
    text-align: center
  }

  .tablet-left {
    float: left
  }

  .tablet-right {
    float: right
  }

  .tablet-no-float {
    float: none
  }

  .tablet-no-margin {
    margin: 0
  }

  .tablet-no-padding {
    padding: 0
  }

  .no-tablet {
    display: none
  }

  .show-tablet {
    display: block
  }
}

@media only screen and (max-width:739px) {
  .container, .mobile-container {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    float: none
  }

  .container:first-child, .mobile-container:first-child {
    margin-left: auto
  }

  .mobile-container-full {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    float: none
  }

  .mobile-container-full:first-child {
    margin-left: auto
  }

  .mobile-no-gutter {
    padding-left: 0;
    padding-right: 0
  }

  .mobile-col-1-2 {
    width: 50%
  }

  .mobile-col-1-3 {
    width: 33.33333%
  }

  .mobile-col-1-4 {
    width: 25%
  }

  .mobile-col-3-4 {
    width: 75%
  }

  .mobile-push-1-2 {
    left: 50%
  }

  .mobile-pull-1-2 {
    left: -50%
  }

  .mobile-push-1-3 {
    left: 25%
  }

  .mobile-pull-1-3 {
    left: -25%
  }

  .mobile-push-1-4 {
    left: 33.33333%
  }

  .mobile-pull-1-4 {
    left: -33.33333%
  }

  .mobile-push-3-4 {
    left: 75%
  }

  .mobile-pull-3-4 {
    left: -75%
  }

  .mobile-no-pull, .mobile-no-push {
    left: auto
  }

  .mobile-row {
    padding-top: 1em;
    padding-bottom: 1em
  }

  .mobile-full {
    left: auto;
    clear: both;
    float: none;
    width: 100%;
    margin: .2em 0 0;
    display: block
  }

  .mobile-full:first-child {
    margin-top: 0
  }

  .mobile-text-left {
    text-align: left
  }

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

  .mobile-text-center {
    text-align: center
  }

  .mobile-left {
    float: left
  }

  .mobile-right {
    float: right
  }

  .mobile-no-float {
    float: none
  }

  .mobile-no-margin {
    margin: 0
  }

  .mobile-no-padding {
    padding: 0 !important
  }

  .no-mobile {
    display: none
  }

  .show-mobile {
    display: block
  }
}

.container {
  padding-right: 6.25%;
  padding-left: 6.25%
}

.container-small {
  padding-right: 12.5%;
  padding-left: 12.5%
}

@media screen and (max-width:739px) {
  .container-small {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

i {
  font-style: normal
}

.overlay-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.img-responsive-w {
  width: 100%;
  height: auto
}

.img-responsive-h {
  width: auto;
  height: 100%
}

@media screen and (min-width: 800px) {
  .desktop-hidden {
    display: none !important
  }
}

@media screen and (max-width: 800px) {
  .mobile-hidden {
    display: none !important
  }
}

@media screen and (max-width:739px) {
  .mobile-h_a {
    height: auto !important
  }

  .mobile-w_a {
    width: auto !important
  }

  .mobile-h_100 {
    height: 100% !important
  }

  .mobile-w_100 {
    width: 100% !important
  }

  .mobile-ml_1 {
    margin-left: .5rem
  }

  .mobile-ml_1c {
    margin-left: 6.25vw
  }

  .mobile-ml_2 {
    margin-left: 1rem
  }

  .mobile-ml_2c {
    margin-left: 12.5vw
  }

  .mobile-ml_3 {
    margin-left: 1.5rem
  }

  .mobile-ml_4 {
    margin-left: 2rem
  }

  .mobile-ml_5 {
    margin-left: 2.5rem
  }

  .mobile-ml_6 {
    margin-left: 3rem
  }

  .mobile-ml_7 {
    margin-left: 3.5rem
  }

  .mobile-ml_8 {
    margin-left: 4rem
  }

  .mobile-ml_9 {
    margin-left: 4.5rem
  }

  .mobile-ml_10 {
    margin-left: 5rem
  }

  .mobile-mr_1 {
    margin-right: .5rem
  }

  .mobile-mr_1c {
    margin-right: 6.25vw
  }

  .mobile-mr_2 {
    margin-right: 1rem
  }

  .mobile-mr_2c {
    margin-right: 12.5vw
  }

  .mobile-mr_3 {
    margin-right: 1.5rem
  }

  .mobile-mr_4 {
    margin-right: 2rem
  }

  .mobile-mr_5 {
    margin-right: 2.5rem
  }

  .mobile-mr_6 {
    margin-right: 3rem
  }

  .mobile-mr_7 {
    margin-right: 3.5rem
  }

  .mobile-mr_8 {
    margin-right: 4rem
  }

  .mobile-mr_9 {
    margin-right: 4.5rem
  }

  .mobile-mr_10 {
    margin-right: 5rem
  }

  .mobile-mt_1 {
    margin-top: .5rem !important
  }

  .mobile-mt_1c {
    margin-top: 6.25vw !important
  }

  .mobile-mt_2 {
    margin-top: 1rem !important
  }

  .mobile-mt_3 {
    margin-top: 1.5rem !important
  }

  .mobile-mt_4 {
    margin-top: 2rem !important
  }

  .mobile-mt_5 {
    margin-top: 2.5rem !important
  }

  .mobile-mt_6 {
    margin-top: 3rem !important
  }

  .mobile-mt_7 {
    margin-top: 3.5rem !important
  }

  .mobile-mt_8 {
    margin-top: 4rem !important
  }

  .mobile-mt_9 {
    margin-top: 4.5rem !important
  }

  .mobile-mt_10 {
    margin-top: 5rem !important
  }

  .mobile-mt_20 {
    margin-top: 10rem !important
  }

  .mobile-mb_1 {
    margin-bottom: .5rem !important
  }

  .mobile-mb_1c {
    margin-bottom: 6.25vw !important
  }

  .mobile-mb_2 {
    margin-bottom: 1rem !important
  }

  .mobile-mb_2c {
    margin-bottom: 12.5vw !important
  }

  .mobile-mb_3 {
    margin-bottom: 1.5rem !important
  }

  .mobile-mb_4 {
    margin-bottom: 2rem
  }

  .mobile-mb_5 {
    margin-bottom: 2.5rem
  }

  .mobile-mb_6 {
    margin-bottom: 3rem
  }

  .mobile-mb_7 {
    margin-bottom: 3.5rem !important
  }

  .mobile-mb_8 {
    margin-bottom: 4rem
  }

  .mobile-mb_9 {
    margin-bottom: 4.5rem
  }

  .mobile-mb_10 {
    margin-bottom: 5rem
  }

  .mobile-mb_20 {
    margin-bottom: 10rem
  }

  .mobile-mr-50p {
    margin-right: -50%
  }

  .mobile-mr-100p {
    margin-right: -100%
  }

  .mobile-mr_100p {
    margin-right: 100%
  }

  .mobile-ml_50p {
    margin-left: 50%
  }

  .mobile-mb-50p {
    margin-bottom: -50%
  }

  .mobile-mb_50p {
    margin-bottom: 50%
  }

  .mobile-mt-50p {
    margin-top: -50%
  }

  .mobile-mt_100p {
    margin-top: 100%
  }

  .mobile-mr-25p {
    margin-right: -25%
  }

  .mobile-ml_25p {
    margin-left: 25%
  }

  .mobile-ml_100p {
    margin-left: 100%
  }

  .mobile-ml-100p {
    margin-left: -100%
  }

  .mobile-mb-25p {
    margin-bottom: -25%
  }

  .mobile-mb_25p {
    margin-bottom: 25%
  }

  .mobile-mt-25p {
    margin-top: -25%
  }

  .mobile-mb_20rem {
    margin-bottom: 20rem
  }

  .mobile-mb_30rem {
    margin-bottom: 30rem
  }

  .mobile-pl_1 {
    padding-left: .5rem
  }

  .mobile-pl_1c {
    padding-left: 6.25vw
  }

  .mobile-pl_2 {
    padding-left: 1rem
  }

  .mobile-pl_3 {
    padding-left: 1.5rem
  }

  .mobile-pl_4 {
    padding-left: 2rem
  }

  .mobile-pl_5 {
    padding-left: 2.5rem
  }

  .mobile-pl_6 {
    padding-left: 3rem
  }

  .mobile-pl_7 {
    padding-left: 3.5rem
  }

  .mobile-pl_8 {
    padding-left: 4rem
  }

  .mobile-pl_9 {
    padding-left: 4.5rem
  }

  .mobile-pl_10 {
    padding-left: 5rem
  }

  .mobile-pr_1 {
    padding-right: .5rem
  }

  .mobile-pr_1c {
    padding-right: 6.25vw
  }

  .mobile-pr_2 {
    padding-right: 1rem
  }

  .mobile-pr_3 {
    padding-right: 1.5rem
  }

  .mobile-pr_4 {
    padding-right: 2rem
  }

  .mobile-pr_5 {
    padding-right: 2.5rem
  }

  .mobile-pr_6 {
    padding-right: 3rem
  }

  .mobile-pr_7 {
    padding-right: 3.5rem
  }

  .mobile-pr_8 {
    padding-right: 4rem
  }

  .mobile-pr_9 {
    padding-right: 4.5rem
  }

  .mobile-pr_10 {
    padding-right: 5rem
  }

  .mobile-pt_1 {
    padding-top: .5rem
  }

  .mobile-pt_1c {
    padding-top: 6.25vw
  }

  .mobile-pt_2 {
    padding-top: 1rem
  }

  .mobile-pt_3 {
    padding-top: 1.5rem
  }

  .mobile-pt_4 {
    padding-top: 2rem
  }

  .mobile-pt_5 {
    padding-top: 2.5rem
  }

  .mobile-pt_6 {
    padding-top: 3rem
  }

  .mobile-pt_7 {
    padding-top: 3.5rem
  }

  .mobile-pt_8 {
    padding-top: 4rem
  }

  .mobile-pt_9 {
    padding-top: 4.5rem
  }

  .mobile-pt_10 {
    padding-top: 5rem
  }

  .mobile-pt_h {
    padding-top: 6.4rem
  }

  .mobile-pb_1 {
    padding-bottom: .5rem
  }

  .mobile-pb_1c {
    padding-bottom: 6.25vw
  }

  .mobile-pb_2 {
    padding-bottom: 1rem
  }

  .mobile-pb_3 {
    padding-bottom: 1.5rem
  }

  .mobile-pb_4 {
    padding-bottom: 2rem
  }

  .mobile-pb_5 {
    padding-bottom: 2.5rem
  }

  .mobile-pb_6 {
    padding-bottom: 3rem
  }

  .mobile-pb_7 {
    padding-bottom: 3.5rem
  }

  .mobile-pb_8 {
    padding-bottom: 4rem
  }

  .mobile-pb_9 {
    padding-bottom: 4.5rem
  }

  .mobile-pb_10 {
    padding-bottom: 5rem
  }

  .mobile-fz34 {
    font-size: 2.125rem !important
  }

  .mobile-fz32 {
    font-size: 2rem !important
  }

  .mobile-p_0 {
    padding: 0 !important
  }

  .mobile-m_0 {
    margin: 0 !important
  }

  .mobile-ta_c {
    text-align: center !important
  }
}

.map-panel-top {
  height: 4.375rem;
  background: #2d496a;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1
}

.map-panel-top-block {
  position: relative;
  height: 100%;
  width: 20%;
  border-right: 1px solid #5a7085;
  color: #fff;
  line-height: 1
}

.map-panel-top-block .arrow-expand {
  border-color: #609de6;
  opacity: 1;
  transform: rotate(135deg);
  margin-bottom: .2rem
}

.map-panel-top-block-h {
  padding: .6rem 1rem;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  transition: background-color .2s;
  cursor: pointer
}

.map-panel-top-block-h.active {
  background: #4a90e2
}

.map-panel-top-block-h.active .arrow-expand {
  border-color: #fff;
  transform: rotate(315deg)
}

.map-panel-top-help-bt {
  position: relative;
  z-index: 2
}

.map-panel-top-help {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #4a90e2;
  color: #fff;
  padding: .6rem 2.3rem .6rem 1rem;
  left: 0;
  top: 0;
  font-size: .875rem;
  transition: opacity .3s, visibility .3s step-end
}

.map-panel-top-help.active {
  opacity: 1;
  visibility: visible;
  transition: opacity .3s, visibility 0s
}

.map-panel-top-block-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #4a90e2;
  color: #fff
}

.map-panel-top-select {
  cursor: pointer;
  transition: .2s;
  padding: .8rem 1rem
}

.map-panel-top-select:hover {
  background: #2d496a
}

.map-panel-left {
  width: 18rem;
}

.map-panel-left-content {
  bottom: 0
}

.map-search-result-container {
  width: 18rem;
}

.map-search-result-container .panel-head {
  padding: 0 1rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #fff;
  height: 3.2rem
}

.map-search-result-inner {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 4rem;
  width: 100%
}

.map-region-actions {
  border-radius: .3125rem;
  height: 2.7rem;
  position: absolute;
  right: 22%;
  top: .5rem;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.ico-help {
  width: 1.0625rem;
  height: 1.0625rem;
  line-height: 1.0625rem;
  border-radius: 100%;
  text-align: center;
  background-color: hsla(0, 0%, 100%, .2)
}

.ico-help:before {
  content: "?";
  color: #333;
  font-size: .875rem
}

.map-container {
  background: #fff
}

.choose-region-h, .panel-head {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: .875rem;
  cursor: pointer
}

.choose-region-h .arrow-expand, .panel-head .arrow-expand {
  opacity: 1;
  transform: rotate(135deg)
}

.choose-region-h.active .arrow-expand, .panel-head.active .arrow-expand {
  transform: rotate(-45deg)
}

.panel-head-changed-mark {
  width: .5rem;
  height: .5rem;
  border-radius: 100%;
  background: #d0021b;
  margin: 0 1rem;
  opacity: 0;
  transition: .2s
}

._filtered>span>.panel-head-changed-mark {
  opacity: 1;
}

.map-panel-left-block.filtered_>div>span>.panel-head-changed-mark {
  opacity: 1
}

.map-panel-left-block.filtered_ .missing-complexes {
  display: block;
}

.missing-complexes {
  display: none;
  position: absolute;
  bottom: -1.3em;
  font-size: .8em;
  color: red;
}

.map-panel-left-block {
  padding: .75rem;
  border-bottom: 2px solid #f8f8f8;
  background: #fff
}

.map-panel-left-block-small {
  padding-left: 0.5rem;
  padding-top: 0.5rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #f8f8f8;
  background: #fff
}

.form__checkmark.type2_:before {
  width: .6875rem;
  height: .6875rem;
  border-color: #9b9b9b;
  margin-top: 0
}

.choose-region-h._filtered>label>span:before {
  background: linear-gradient(135deg, rgba(74, 144, 224, 1) 48%, rgba(255, 255, 255, 1) 55%)
}

.form__checkmark.type2_:after {
  display: none
}

.form__checkbox:checked+.form__checkmark.type2_ {
  color: #4a90e2
}

.noUi-horizontal {
  height: 2px;
  box-shadow: none;
  background: hsla(0, 0%, 59%, .14);
  border-radius: 0;
  border: none
}

.noUi-horizontal .noUi-handle {
  width: 1rem;
  height: 1rem;
  background: #4a90e2;
  border: none;
  border-radius: 100%;
  box-shadow: none;
  top: -.5rem
}

.noUi-horizontal .noUi-handle:after, .noUi-horizontal .noUi-handle:before {
  display: none
}

.noUi-horizontal .noUi-handle {
  right: -.5rem !important
}

.noUi-connect {
  background: #4a90e2
}

.noUi-touch-area {
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.filter-container .slider-value-left, .filter-container .slider-value-right {
  background: #ededed;
  border-color: #ededed;
  color: #9b9b9b
}

.form__input_number {
  display: flex;
  flex-direction: row;
}

.form__input_number input {
  border: 1px solid #e4e5e7;
  background-color: #e4e5e7 !important;
  padding-right: .2rem;
  color: #000;
  font-family: dcom;
  min-height: 2rem;
  border-radius: 5px 0 0 5px;
}

.form__input_number button {
  background-color: #efefef;
  line-height: 0.9rem;
  width: 1em;
  border: 1px solid #e4e5e7;
  color: #9b9b9b;
  cursor: pointer;
  font-size: 0.9rem;
}

.form__input_number button:hover {
  background-color: #e4e5e7;
}

.form__input_number .button-increase {
  border-radius: 0 5px 0 0;
}

.form__input_number .button-decrease {
  border-radius: 0 0 5px 0;
}

.map-window-container {
  /* position: absolute;
  left: 50%;
  top: 50%; */
  font-family: dcom-l;
  width: 27.125rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center
}

.map-window {
  width: 27.125rem;
  position: relative;
  border-radius: .3125rem;
  background: #fff;
  padding: 1.5rem 0rem 1rem 1rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, .1)
}

.map-window:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  border-style: solid;
  border-width: 6px 6px 0;
  border-color: #fff transparent transparent
}

.map-window-close {
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: .5rem;
  top: .5rem
}

.map-window-close:after, .map-window-close:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 1px;
  width: .5625rem;
  background: #9b9b9b;
  transform: translate(-50%, -50%) rotate(45deg)
}

.map-window-close:after {
  transform: translate(-50%, -50%) rotate(135deg)
}

.choose-region-h {
  line-height: 1.1;
  color: rgba(34, 34, 34, .6);
  -ms-flex-pack: start;
  justify-content: start
}

.choose-region-h .arrow-expand {
  top: -.13rem
}

.choose-region-h.active .arrow-expand {
  transform: translateY(.2rem) rotate(-45deg)
}


.search-panel-button {
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #4a90e2;
  border: none;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.25rem;
  line-height: 2.25rem;
  text-align: center;
  padding: 0 1rem;
  font-family: dcom;
  color: #fff;
  z-index: 4;
}

.search-panel-button2 {
  bottom: 2.25rem;
}

.search-panel-flex-button {
  flex-shrink: 0;
  cursor: pointer;
  width: 100%;
  background: #4a90e2;
  border: none;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.25rem;
  line-height: 2.25rem;
  text-align: center;
  padding: 0 1rem;
  font-family: dcom;
  color: #fff;
  z-index: 4;
}

.map-clear-filter, .favorites-clear {
  background: #d0021b;
}

.map-clear-filter {
  display: none;
}

.map-panel-left.filtered_ .map-clear-filter {
  display: block;
}

.ps__scrollbar-y {
  background: #4a90e2 !important
}

.map-container [class*=-ground-pane] ymaps:nth-child(1) {
  filter: grayscale(1);
  -ms-filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1)
}

.map-legend {
  background: #fff;
  position: absolute;
  border-radius: .32rem;
  height: 1.8rem;
  font-size: .8rem;
}

.map-legend svg {
  width: .6875rem;
  height: .875rem;
  margin-right: .5rem
}

.map-legend-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem
}

svg.fill_green * {
  fill: #8ce24a
}

svg.fill_grey * {
  fill: #7f7f7f
}


svg.fill_yellow * {
  fill: #ffdd00
}

svg.fill_violet * {
  /*fill: #ac24d8*/
  fill: #f371d1
}

svg.fill_blue * {
  fill: #4a90e2
}

svg.fill_orange * {
  fill: #ff931e
}

.news-filter {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto
}

.news-filter>div {
  display: inline-block;
  margin: 0 .5rem .5rem 0 !important
}

@media (max-width:739px) {
  .news-filter {
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .news-filter>div {
    height: 2rem;
    line-height: 2rem;
    font-size: 1rem
  }
}

.news-list {
  padding-top: 1rem
}

.news-list-item {
  display: block;
  position: relative;
  padding: 1.875rem;
  background: #fff;
  border-radius: .3125rem;
  margin-bottom: 1.75rem
}

.news-list-item-date {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 11.25rem;
  margin-bottom: 1rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #2d496a;
}

.news-list-item-text a {
  color: #4a90e2 !important;
}

.news-list-item-text span {
  color: #2d496a !important;
}

.news-list-item-date:before {
  content: "";
  display: inline-block;
  background: 50% 50% no-repeat;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 37 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 9.094h10.706L14.522 0l2.13 18 4.509-14.214 3.403 5.308H37' stroke='%234A90E2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: contain;
  width: 2.375rem;
  height: 1.625rem;
  margin-right: 1.2rem
}

.news-list-item-date i {
  position: relative;
  display: block;
  height: .8rem;
  border-bottom: 1px solid #4a90e2;
  width: 2.25rem;
  margin-left: .6rem;
  text-align: right
}

.news-list-item-date i~i {
  display: inline-block;
  vertical-align: middle;
  width: .625rem;
  height: .625rem;
  border-top: 1px solid #4a90e2;
  border-right: 1px solid #4a90e2;
  border-bottom: none;
  margin: .4rem 0 0;
  transform: translateX(0) rotate(45deg)
}

.news-list-item-date span {
  display: block
}

@media (max-width:739px) {
  .news-list-item-date {
    width: 100%
  }

  .news-list-item-date:before {
    width: 20%;
    margin-right: .6rem
  }

  .news-list-item-date i {
    width: 40%
  }

  .news-list-item-date i:after {
    opacity: 1
  }

  .news-list-item-date span {
    display: inline
  }
}

.news-list-item-announce {
  width: 100%
}

.news-list-item-hash {
  display: -ms-flexbox;
  display: flex;
  padding-left: 11.25rem;
  margin-bottom: .4375rem
}

.news-list-item-hash a {
  position: relative;
  display: block;
  color: #4a90e2;
  margin-right: 1rem;
  z-index: 2
}

.news-list-item-h {
  font-family: beau-b;
  font-size: 1.875rem;
  color: #2d496a;
  margin-bottom: 1.25rem;
  line-height: 1.2
}

@media (max-width:739px) {
  .news-list-item-h {
    font-size: 1.5rem
  }
}

.next-news {
  filter: grayscale(100%);
  opacity: .6;
  transition: .3s
}

.next-news:hover {
  opacity: 1;
  filter: grayscale(0)
}

.a_i_c {
  align-items: center;
}

/*.blackout {*/
/*  position: fixed;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  display: none;*/
/*  top: 0;*/
/*  left: 0;*/
/*  height: 100%;*/
/*  width: 100%;*/
/*  background-color: rgba(0, 0, 0, .6);*/
/*  z-index: 10;*/
/*}*/

/*.ppn-modal-content, #alert, #confirm {*/
/*  position: absolute;*/
/*  padding: 3rem 5rem 1rem;*/
/*  background-color: white;*/
/*}*/

.ppn-modal-content {
  padding: 1.5rem 2rem;
}

#review-trigger {
  position: fixed;
  top: 50%;
  transform: translateY(-50%) rotate(270deg);
  right: -2.6rem;
  z-index: 9999;
  cursor: pointer;
  padding: .2rem 1rem;
  background-color: #e27777;
  color: white;
  border-radius: 2px;
  font-size: 1rem;
  font-family: dcom;
}

.ppn-modal-content textarea {
  font-family: inherit;
  line-height: 1.1;
}

#review-trigger:hover {
  background-color: #d05555;
}

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

.page-header .phone {
  color: #003a57;
  font-weight: bold;
}

.page-header .phone.desktop-hidden {
  right: 5em;
  position: relative;
  z-index: 3;
}

.wsn {
  white-space: nowrap;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.controls-container .bt~.bt {
  margin-left: 0;
}

.controls-container .bt:not(.bt-blue) {

}

.controls-container .bt.active {
  background: #4a90e2;
  color: #fff;
  border: 1px solid #4a90e2;
}

.flex_jcs {
  justify-content: space-between;
}

.w_5em {
  width: 5em;
}

.w_7em {
  width: 5em;
}

.m_a {
  margin: 0 auto;
}

.news_w_55 {
  width: 55% !important
}

.news_w_60 {
  width: 60% !important
}

.news_w_65 {
  width: 65% !important
}

.news_w_70 {
  width: 70% !important
}

.news_w_75 {
  width: 75% !important
}

.news_w_80 {
  width: 80% !important
}

.news_w_85 {
  width: 85% !important
}

.news_w_90 {
  width: 90% !important
}

.news_w_95 {
  width: 95% !important
}

.news_w_100 {
  width: 100%
}

.tag {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  font-size: 0.9em;
  align-items: center;
  height: 1.2em;
  line-height: 1em;
  text-align: center;
  padding: .3em;
  font-family: dcom;
  border-radius: .2em;
  text-decoration: none !important;
  margin: 0 0.3em;
}

.tag-blue {
  background: #4a90e2;
  color: #fff;
}

@media screen and (max-width:1200px) {
  .news_w_55 {
    width: 100% !important
  }
  .news_w_60 {
    width: 100% !important
  }

  .news_w_65 {
    width: 100% !important
  }

  .news_w_70 {
    width: 100% !important
  }

  .news_w_75 {
    width: 100% !important
  }

  .news_w_80 {
    width: 100% !important
  }

  .news_w_85 {
    width: 100% !important
  }

  .news_w_90 {
    width: 100% !important
  }

  .news_w_95 {
    width: 100% !important
  }

  .news_w_100 {
    width: 100%
  }
}

@media print {
  html, body {
    height: 297mm;
    width: 210mm;
    font-size: 14px;
  }
  h1 {
      font-size: 24px;
  }
  h2 {
      font-size: 20px;
  }
  h3 {
      font-size: 18px;
  }
  *, *:before, *:after {
    color: #000;
    box-shadow: none;
    text-shadow: none;
  }
  .page-header, .page-footer {
    display: none;
  }
  .page-content {
    padding: 0;
  }
  .noprint {
    display: none;
  }
  .news-list-item-date {
    display: none;
  }
  .next-news {
    display: none!important;
  }
  .bt-scroll-down {
    display: none!important;
  }
  #review-trigger {
    display: none;
  }
  .download-excel-button-container {
    display: none!important;
  }
  .container {
    padding: 1em;
  }
  .news-list-item-hash {
    display: none!important;
  }
}

@page {
	margin: 10mm 10mm 10mm 20mm;
}

.page-header {
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 4.625rem;
  background: #fff;
  padding: 0;
  font-family: dcom;
  border-bottom: 1px solid #dedede;
  margin: 0
}

.header-logo {
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 10
}

.header-logo img {
  width: auto;
  height: 100%;
  display: block;
  max-height: 2.8rem
}

@media screen and (max-width:800px) {
  .header-logo img {
    height: 80%
  }
}

.header-menu {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end
}

.header-menu>a {
  position: relative;
  display: block;
  font-size: 1rem;
  color: #162b3d;
  margin: 0 1rem;
  padding-bottom: 1.54rem;
  transition: .2s;
  white-space: nowrap;
}

.header-menu>a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  background: #4a90e2;
  transition: .2s
}

.header-menu>a.active, .header-menu>a:hover {
  color: #4a90e2
}

.header-menu>a.active:after, .header-menu>a:hover:after {
  height: 5px
}

@media screen and (max-width:800px) {
  .header-menu {
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: #2d496a;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 14vh 2rem 2rem;
    transform: translateY(-150%);
    transition: .6s
  }

  .header-menu>a {
    margin: 0 0 .4rem;
    font-size: .8rem;
    padding-bottom: .2rem;
    color: #9b9b9b;
    font-family: beau-b
  }

  .header-menu>a.active, .header-menu>a:hover {
    color: #fff
  }

  .header-menu.expanded-menu_ {
    transform: translateY(0)
  }

  .page-header {
    height: 10vh;
    z-index: 1000
  }

  .page-header:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 2
  }

  .header-access {
    width: 100%
  }

  .header-access>a {
    width: 100%;
    display: block;
    margin: 1rem 0 0 !important
  }

  .header-access>a:first-child {
    background: hsla(0, 0%, 100%, .3);
    color: #fff
  }

  .header-access>a:nth-child(2) {
    background: #4a90e2;
    color: #fff;
    border-color: #4a90e2
  }
}

.bt-show-mainmenu {
  display: none;
  position: absolute;
  right: 3vh;
  top: 3.8vh;
  width: 5vh;
  height: 2vh;
  z-index: 310
}

@media screen and (max-width:800px) {
  .bt-show-mainmenu {
    display: block
  }
}
@media screen and (min-width:800px) {
  .desktop-hidden {
    display: none !important
  }
}

.bt-show-mainmenu i {
  display: block;
  background: #222;
  height: 2px;
  width: 100%;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  will-change: transform
}

.bt-show-mainmenu.white_ i {
  background: #4a90e2
}

.bt-show-mainmenu.expanded-menu_ i {
  background: #000
}

.bt-show-mainmenu i.i1 {
  top: 50%
}

.bt-show-mainmenu i.i2 {
  top: 100%
}

.bt-show-mainmenu.expanded-menu_ .i0 {
  transform: rotate(45deg);
  left: 10%;
  width: 80%;
  top: 50%;
  margin: 0
}

.bt-show-mainmenu.expanded-menu_ .i1 {
  width: 0
}

.bt-show-mainmenu.expanded-menu_ .i2 {
  transform: rotate(-45deg);
  left: 10%;
  width: 80%;
  top: 50%;
  margin: 0
}

.spinner {
    height: 30px;
    width: 30px;
    margin: auto;
    position: relative;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 6px solid rgba(0, 162, 232, 0.15);
    border-right: 6px solid rgba(0, 162, 232, 0.15);
    border-bottom: 6px solid rgba(0, 162, 232, 0.15);
    border-top: 6px solid rgba(0, 162, 232, 0.8);
    border-radius: 100%;
}

.spinner.hidden {
    display: none;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.btn-primary, .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-color: #0781c2;
    border-color: #076ca2;
}

.vertical-align {
    display: flex;
    align-items: center;
}

/*Мешаем стилям Bulma*/
/*.label {*/
/*    font-size: 100%;*/
/*}*/

.label-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
    font-size: 14px; /* На странице ЖК лейбл в h1 используется */
}

.label-pulse {
    background-color: #0781c2;
}

.page-header a:focus, .page-header a:hover {
    text-decoration: none;
}
.no_decor, .no_decor:hover, .no_decor:active, .no_decor:focus {
    text-decoration: none;
}

sup {
    vertical-align: super;
    top: 0;
}

article, .articles {
    font-family: Muller, Arial, sans-serif;
    font-size: 14px;
}

#row-main {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.inplaceedit.textareainplaceedit {
    display: inline-block;
}

.bold {
    font-weight: 600;
}


.logout {
    white-space: nowrap;
}

.bt-blue:hover {
  color: #fff;
  text-decoration: none;
}

.bt:hover {
  letter-spacing: inherit !important;
}

.text-red {
  color: red;
}

a.a-standart {
  color: #0000ef;
}

a.a-standart:hover {
    color: #0076ef;
    text-decoration: underline;
}

a.a-black {
  color: #222;
}

a.a-black:hover {
    color: #000;
    text-decoration: underline;
}

ol.list-styled li:before {
  width: .5rem;
}

.close-button {
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQgLjdsLS43LS43TDcgNi4zLjcgMCAwIC43IDYuMyA3IDAgMTMuM2wuNy43TDcgNy43bDYuMyA2LjMuNy0uN0w3LjcgN3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) 50% no-repeat;
    opacity: .3;
    position: absolute;
    top: 0;
    right: 0;
}

.delete-pr {
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQgLjdsLS43LS43TDcgNi4zLjcgMCAwIC43IDYuMyA3IDAgMTMuM2wuNy43TDcgNy43bDYuMyA2LjMuNy0uN0w3LjcgN3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) 50% no-repeat;
    opacity: .3;
}


.empty-basket .empty-basket-wrapper {
    display: block !important;
}

.empty-basket-wrapper {
    display: none;
}

.empty-basket-content {
    font-size: 120%;
    text-align: center;
}

.empty-basket-content .map-icon {
    width: 100px;
    display: inline-block;
}

.empty-basket-content .map-icon #map-icon-path {
    fill: #22acf7;
}

.ie-support {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: red;
  font-size: 0.8rem;
  z-index: 999;
}
@supports (display: grid) {
  .ie-support {
    display: none;
  }
}

.flex_g {
  flex-grow: 1;
}

.flex_ww {
  flex-wrap: wrap;
}

.blackout {
  position: fixed;
  align-items: center;
  justify-content: center;
  display: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, .6);
  z-index: 999;
}
.ppn-modal-wrapper {
  font-family: dcom;
}
.ppn-modal-content, #alert, #confirm {
  position: absolute;
  background-color: white;
  max-width: 60%;
}

#alert, #confirm {
    padding: 3rem 5rem 1rem;
}

.flex_cg_1 {
    column-gap: .5rem;
}

.flex_cg_2 {
    column-gap: 1rem;
}

.flex_asc {
    align-self: center;
}
.form__warning {
    visibility: visible;
    opacity: 1;
    bottom: .4rem !important;
}

.form__warning ul.errorlist {
    list-style-type: none;
}


/****** LOGIN MODAL ******/
.loginmodal-container {
    padding: 30px;
    max-width: 350px;
    width: 100% !important;
    background-color: #fafafa;
    margin: 0 auto;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    font-family: roboto;
}

.loginmodal-container h1 {
    text-align: center;
    font-size: 1.8em;
    font-family: roboto;
}

.loginmodal-container input[type=submit] {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.loginmodal-container input[type=text]:hover, input[type=password]:hover, input[type=email]:hover {
    border: 1px solid #b9b9b9;
    border-top: 1px solid #a0a0a0;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.loginmodal {
    text-align: center;
    font-size: 14px;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    height: 36px;
    padding: 0 8px;
    /* border-radius: 3px; */
    /* -webkit-user-select: none;
      user-select: none; */
}

.loginmodal-submit {
    /* border: 1px solid #3079ed; */
    border: 0px;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    background-color: #0781c2;;
    padding: 17px 0px;
    font-family: roboto;
    font-size: 14px;
    /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */
}

.loginmodal-submit:hover {
    /* border: 1px solid #2f5bb7; */
    border: 0px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    background-color: #079fe5;
    /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */
}

.loginmodal-container a {
    text-decoration: none;
    color: #666;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    opacity: 0.6;
    transition: opacity ease 0.5s;
}

.login-help {
    /*font-size: 12px;*/
}

.login-help a {
    text-decoration: underline;
    color: black;
    opacity: 1;
    font-size: 110%;
}


.login-errorlist li {
    color: #a94442;
    font-size: .8rem;
    list-style-type: none;
}

.required-field {
    color: red;
    margin-left: 4px;
}

.icon {
    float: left;
    position: relative;
    text-align: center;
    margin: 0 auto;
    background: #5cb85c;
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

.icon span {
    postion: absolute;
    font-size: 4em;
    color: #fff;
    text-align: center;
    padding-top: 20px;
}

.register-success-text {
    float: left;
    font-size: 120%;
    margin-left: 20px;
    max-width: 170px;
}

.page-login-intro-inner {
    width: 30rem;
}

.login-errorlist li {
    font-size: 1em;
}

/*# sourceMappingURL=sourcemaps/login-7cf8087cc22a1036bd8c.css.map*/