body,
html {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  min-width: 320px;
  overflow: auto;
  margin: 0;
  padding: 0;
  color: #122A36
}

.error {
  color: red;
  font-size: 0.75rem;
  margin-top: 5px
}

button {
  padding: 0;
  margin: 0
}

button:focus {
  outline: 0
}

.link_red {
  color: #E51A4B;
  font-weight: 600
}

.link_black {
  color: #122A36;
  font-weight: 600
}

.bold {
  font-weight: 600
}

.text-right {
  text-align: right
}

.button_big {
  font-family: Montserrat, sans-serif;
  color: #FFFFFF;
  font-weight: 600;
  text-align: center;
  font-size: 16px;
  background-color: #E51A4B;
  height: 50px;
  width: 280px;
  border: none;
  cursor: pointer;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

.button_big:hover {
  background-color: #c31640;
  border-color: #b7153c
}

.button_big:focus {
  box-shadow: 0 0 0 0.2rem rgba(229, 26, 75, 0.5)
}

.button_a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.block-header {
  font-size: 1.5em;
  font-weight: 600;
  margin-bottom: 30px
}

.block-header-2 {
  font-size: 1.5em;
  font-weight: 600;
  margin-bottom: 0px
}

.allblock-pad {
  padding-top: 40px;
  padding-bottom: 40px
}

.bottom-gap {
  margin-bottom: 20px
}

.nobr {
  white-space: nowrap
}

.fs-14 {
  font-size: 0.813rem
}

#mobile_menu,
.button_close {
  cursor: pointer
}

.nav__wrap {
  background: #04D6B7 url("../img/nav_bg_pattern.svg")
}

.nav__container {
  font-size: 0.875em;
  font-weight: 600;
  height: 60px;
  background-color: #04D6B7;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center
}

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

.nav__brand-name {
  font-size: 1.25em;
  color: #FFF
}

.nav__brand-name a {
  text-decoration: none;
  color: inherit
}

.nav__brand-name a:hover {
  text-decoration: none;
  color: inherit
}

.nav__list {
  display: flex;
  list-style-type: none;
  padding-left: 0px;
  margin-left: 30px
}

.nav__list li {
  margin-left: 20px
}

.nav__list li a {
  color: #122A36
}

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

.nav__snet {
  display: flex;
  list-style-type: none;
  padding-left: 0px
}

.nav__snet li {
  margin-left: 30px
}

.nav__snet li:first-child {
  margin-left: 0
}

.hero__wrap {
  color: #FFFFFF;
  background: #122A36
}

.hero__logo {
  background: url("../img/hero_logo.svg") 0 67px no-repeat;
  padding: 160px 40px 100px 95px
}

.hero__logo_mob {
  padding: 50px 20px 50px 20px
}

.hero__desc {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5625em;
  margin: 20px 0 20px 0
}

.hero__tag {
  background: url("../img/hero_tag.svg") 0 center no-repeat
}

.org__warp {
  background: url("../img/org_back.svg") center center no-repeat;
  background-size: cover
}

.org__text {
  padding: 40px 20px 40px 20px;
  line-height: 1.5625em
}

.org__text p {
  text-indent: 20px;
  margin: 0 0 20px 0
}

.org__doc {
  list-style: none
}

.org__doc li {
  margin-top: 30px;
  position: relative
}

.org__doc li:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -43px;
  width: 30px;
  height: 30px;
  background: url("../img/icon_doc.svg")
}

.org__head {
  background: url("../img/org_head.png") top center no-repeat;
  background-size: cover;
  padding: 40px
}

.org__play {
  display: flex;
  align-items: center;
  background-color: #E51A4B;
  color: #FFF;
  width: 350px;
  padding: 25px;
  line-height: 1.25em;
  cursor: pointer;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 40px
}

.play__warp {
  background-color: #E51A4B
}

.play__warp a {
  color: #FFFFFF
}

.play__play {
  font-size: 1em;
  line-height: 1.5em;
  display: flex;
  padding: 20px;
  align-items: center
}

.play__play div {
  padding: 0px
}

.prize__wrap {
  background: #ECF2F4 url("../img/prize_back.svg") center center no-repeat
}

.prize__text {
  /*font-weight: 600;*/
  margin-top: 0px;
  margin-bottom: 40px;
  line-height: 1.5625em
}

.allblock-pad>div:last-child>.prize__text {
  margin-bottom: 0
}

.cta__wrap_01,
.cta__wrap_02 {
  background: #04D6B7
}

.cta__text {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5625em
}

.cta__text p {
  margin: 0 0 30px 0
}

.steps__back_act {
  background: url("../img/steps_arr-act.svg") 40px 12px no-repeat
}

.steps__back_dis {
  background: url("../img/steps_arr-dis.svg") 40px 12px no-repeat
}

.steps__block img {
  width: 40px
}

.steps__block h4 {
  font-size: 1.125em;
  font-weight: 600;
  margin: 10px 0 0 0
}

.steps__block p {
  font-size: 1em;
  margin: 5px 0 30px 0
}

.steps__final {
  font-size: 1.25em;
  text-align: center;
  padding: 20px;
  margin: 0 20px;
  border: 3px solid #BFDE11;
  box-sizing: border-box
}

.ment__wrap {
  background-color: #ECF2F4
}

.ment__item {
  margin-top: 30px
}

.ment__item img {
  width: 100px
}

.ment__item h4 {
  font-size: 1em;
  font-weight: 600;
  margin: 10px 0 0 0;
  line-height: 1;
  margin-bottom: 0.5rem !important
}

.ment__item p {
  font-size: 0.75em;
  margin: 5px 0 0 0;
  line-height: 15px
}

.part__wrap {
  background-color: #ECF2F4
}

.part__item {
  background-color: #FFFFFF;
  padding: 50px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%
}

.news__item,
.snews__item {
  position: relative;
  margin-bottom: 25px
}

.news__date,
.snews__date {
  color: #04D6B7;
  font-size: 0.75em;
  font-weight: 600;
  margin-bottom: 5px
}

.news__date {
  font-size: 1em
}

.news__header,
.snews__header {
  line-height: 1.5em
}

.news__header a,
.snews__header a {
  color: #122A36
}

.snews__allnews {
  margin-top: 10px;
  text-align: center
}

.down__wrap {
  background-color: #122A36
}

.down__container {
  color: #FFFFFF;
  line-height: 1.875em
}

.down__container a {
  color: #E51A4B;
  font-weight: 600
}

.down__list {
  padding: 0;
  list-style-type: none
}

.down__snet {
  padding: 0;
  list-style-type: none;
  display: flex
}

.down__snet li {
  margin-right: 25px
}

.down__snet li:last-child {
  margin-right: 0
}

.mail {
  line-height: 1.2
}

.fade {
  display: none;
  position: fixed;
  height: 200vh;
  width: 100%;
  z-index: 100;
  background-color: rgba(18, 42, 54, 0.8)
}

.support__container {
  display: none;
  position: fixed;
  background-color: #04D6B7;
  font-weight: 600;
  z-index: 400;
  width: 100%;
  bottom: 0;
  text-align: center;
  padding: 20px;
  font-size: 0.8em
}

.form__wrap {
  position: absolute;
  z-index: 200;
  display: none;
  justify-content: center;
  width: 100%
}

.form__container {
  background: #ECF2F4 url("../img/form_back.svg") center -70px repeat-y;
  width: 730px;
  padding: 20px
}

.form__head {
  font-size: 1.5em;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px
}

.form__head a {
  font-size: 1rem;
  font-weight: 400;
  color: #E51A4B
}

.form__item {
  font-size: 1em;
  margin-bottom: 20px
}

.form__item a {
  font-weight: 400;
  color: #E51A4B
}

.form__item input[type="text"],
.form__item input[type="email"] {
  font-family: Montserrat, sans-serif;
  font-size: 1.25em;
  border: 2px solid #C3D3DB;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  margin-top: 5px
}

.form__item input[type="text"]:disabled,
.form__item input[type="text"]:read-only,
.form__item input[type="email"]:disabled,
.form__item input[type="email"]:read-only {
  background-color: #f5f5f5
}

.form__item input[type="checkbox"] {
  cursor: pointer
}

.form__item select {
  font-family: Montserrat, sans-serif;
  font-size: 1.25em;
  border: 2px solid #C3D3DB;
  box-sizing: border-box;
  margin: 5px 15px 0 0;
  background-color: #FFFFFF;
  height: 2.4em
}

.form__new-block {
  margin-top: 50px
}

.form__birth_day {
  width: 2.75em
}

.form__birth_month {
  width: 6.5em
}

.form__birth_year {
  width: 3.75em
}

.form__sel-full-w {
  width: 100%
}

.form__sel-right {
  display: flex;
  align-items: center
}

.form__sel-right div:first-child {
  margin-right: 20px
}

.form__button {
  text-align: center;
  margin-bottom: 0
}

@media (min-width: 576px) {
  .form__wrap {
    padding: 30px
  }

  .form__container {
    padding: 60px
  }

  .form__head {
    font-size: 1.5em;
    margin-bottom: 25px
  }

  .form__item {
    margin-bottom: 25px
  }

  .hero__wrap {
    color: #FFFFFF;
    background: #122A36 url("../img/hero_bg.svg") -50px 200px no-repeat
  }

  .hero__desc {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5625em;
    margin: 0 0 35px 0
  }

  .steps__final {
    margin: 0
  }

  .snews__item {
    padding-left: 60px;
    margin-bottom: 30px
  }

  .news__item {
    padding-left: 75px;
    margin-bottom: 30px
  }

  .snews__item_vk::before,
  .snews__item_fb::before,
  .snews__item_inst::before,
  .snews__item_etc::before,
  .news__item_vk::before,
  .news__item_fb::before,
  .news__item_inst::before,
  .news__item_etc::before {
    content: '';
    position: absolute;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0
  }

  .news__item_vk::before,
  .news__item_fb::before,
  .news__item_inst::before,
  .news__item_etc::before {
    left: 15px
  }

  .snews__item_vk::before,
  .news__item_vk::before {
    background: url("../img/icon_news_vk.svg") center center no-repeat
  }

  .snews__item_fb::before,
  .news__item_fb::before {
    background: url("../img/icon_news_fb.svg") center center no-repeat
  }

  .snews__item_inst::before,
  .news__item_inst::before {
    background: url("../img/icon_news_inst.svg") center center no-repeat
  }

  .snews__item_etc::before,
  .news__item_etc::before {
    background: url("../img/icon_news_etc.svg") center center no-repeat
  }

  .snews__date {
    margin-bottom: 5px
  }

  .snews__allnews {
    margin-top: 10px;
    text-align: center
  }
}

@media (min-width: 768px) {

  body,
  html {
    font-size: 14px
  }

  .form__new-block {
    margin-top: 65px
  }

  .form__head {
    font-size: 1.75em;
    margin-bottom: 35px
  }

  .form__birth_day {
    width: 3em
  }

  .form__birth_month {
    width: 7em
  }

  .form__birth_year {
    width: 4em
  }

  .button_big {
    font-size: 20px;
    height: 60px;
    width: 350px
  }

  .button_news {
    color: #E51A4B;
    font-size: 1em;
    padding: 10px 30px;
    border: 1px solid #E51A4B;
    box-sizing: border-box;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
  }

  .button_news:hover {
    border-color: #b7153c;
    color: #b7153c
  }

  .block-header {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 25px
  }

  .block-header-2 {
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 0px
  }

  .form__wrap {
    padding: 100px
  }

  .form__container {
    padding: 60px
  }

  .prize__text {
    /*font-weight: 600;*/
    margin-top: 20px;
    margin-bottom: 0px;
    line-height: 1.5625em
  }

  .hero__logo {
    background: url("../img/hero_logo.svg") 0 107px no-repeat;
    padding: 200px 40px 140px 95px
  }

  .hero__desc {
    font-size: 1.25em;
    line-height: 30px;
    margin: 0 0 35px 0
  }

  .play__play {
    font-size: 1.25em
  }

  .play__play div {
    padding: 20px
  }

  .cta__wrap_01,
  .cta__wrap_02 {
    background: url("../img/cta_pat.svg") 200% center no-repeat, #04D6B7 url("../img/cta_back.svg") center center no-repeat;
    background-size: auto, cover
  }

  .cta__text {
    font-size: 1.25em;
    line-height: 30px
  }

  .ment__item {
    margin-top: 20px
  }

  .ment__item img {
    width: 100px
  }

  .ment__item h4 {
    font-size: 0.9em;
    margin: 10px 0 0 0
  }

  .ment__item p {
    font-size: 0.75em;
    margin: 5px 0 0 0;
    line-height: 15px
  }

  .down__container {
    font-size: 0.75em;
    line-height: 1.5625em
  }

  .snews__item:nth-child(2n) {
    padding-left: 75px
  }

  .snews__item:nth-child(2n)::before {
    left: 15px
  }
}

@media (min-width: 992px) {

  body,
  html {
    font-size: 16px
  }

  .block-header {
    font-size: 1.75em;
    font-weight: 600;
    margin-bottom: 40px
  }

  .block-header-2 {
    font-size: 1.75em;
    font-weight: 600;
    margin-bottom: 0px
  }

  .allblock-pad {
    padding-top: 90px;
    padding-bottom: 90px
  }

  .support__container {
    font-size: 1em
  }

  .form__wrap {
    padding: 100px
  }

  .form__container {
    padding: 80px
  }

  .nav__brand-name {
    font-size: 0.875rem
  }

  .hero__wrap {
    background: #122A36 url("../img/hero_bg.svg") -120px 260px no-repeat
  }

  .hero__logo {
    background: url("../img/hero_logo.svg") 0 107px no-repeat;
    padding: 200px 0px 140px 95px
  }

  .org__text {
    padding: 80px 0 80px 0;
    line-height: 1.5625em
  }

  .cta__wrap_01 {
    background: url("../img/cta_photo-01.png") 94% center no-repeat, url("../img/cta_pat.svg") 90% center no-repeat, #04D6B7 url("../img/cta_back.svg") center center no-repeat;
    background-size: auto, auto, cover
  }

  .cta__wrap_02 {
    background: url("../img/cta_photo-02.png") 94% center no-repeat, url("../img/cta_pat.svg") 90% center no-repeat, #04D6B7 url("../img/cta_back.svg") center center no-repeat;
    background-size: auto, auto, cover
  }

  .steps__back_act {
    background: url("../img/steps_arr-act.svg") 60px 20px no-repeat
  }

  .steps__back_dis {
    background: url("../img/steps_arr-dis.svg") 60px 20px no-repeat
  }

  .steps__block img {
    width: 60px
  }

  .steps__block h4 {
    font-size: 1.25em;
    margin: 30px 0 0 0
  }

  .steps__block p {
    font-size: 1em;
    margin: 10px 0 30px 0
  }

  .steps__final {
    font-size: 1.75em;
    padding: 30px;
    border: 4px solid #BFDE11
  }

  .ment__item {
    margin-top: 40px
  }

  .ment__item img {
    width: 150px
  }

  .ment__item h4 {
    font-size: 1.25em;
    font-weight: 600;
    margin: 20px 0 0 0
  }

  .ment__item p {
    font-size: 1em;
    margin: 5px 0 0 0;
    line-height: 1.25em
  }

  .snews__item {
    margin-bottom: 40px
  }

  .snews__date {
    margin-bottom: 10px
  }

  .snews__item:nth-child(2n) {
    padding-left: 60px
  }

  .snews__item:nth-child(2n)::before {
    left: 0
  }

  .snews__item:nth-child(3n-1) {
    padding-left: 75px
  }

  .snews__item:nth-child(3n-1)::before {
    left: 15px
  }

  .news__item {
    padding-left: 95px;
    margin-bottom: 50px
  }

  .news__item_vk::before,
  .news__item_fb::before,
  .news__item_inst::before,
  .news__item_etc::before {
    height: 60px;
    width: 60px;
    left: 15px;
    background-size: contain
  }

  .news__date {
    font-size: 1em;
    margin-top: 5px
  }

  .news__header {
    font-size: 1.25em
  }

  .down__container {
    font-size: 1em
  }
}

@media (min-width: 1200px) {
  .allblock-pad {
    padding-top: 90px;
    padding-bottom: 90px
  }

  .hero__wrap {
    background: #122A36 url("../img/hero_bg.svg") -50px 200px no-repeat
  }

  .org__warp {
    background: url("../img/org_tri.svg") 110% 70px no-repeat, url("../img/org_pat.svg") 90% center no-repeat, url("../img/org_back.svg") center center no-repeat;
    background-size: auto, auto, cover
  }

  .part__wrap {
    background-color: #ECF2F4
  }

  .part__item {
    background-color: #FFFFFF;
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
  }
}

@media (min-width: 1400px) {
  .cta__wrap_01 {
    background: url("../img/cta_photo-01.png") 88% center no-repeat, url("../img/cta_pat.svg") 90% center no-repeat, #04D6B7 url("../img/cta_back.svg") center center no-repeat;
    background-size: auto, auto, cover
  }

  .cta__wrap_02 {
    background: url("../img/cta_photo-02.png") 88% center no-repeat, url("../img/cta_pat.svg") 90% center no-repeat, #04D6B7 url("../img/cta_back.svg") center center no-repeat;
    background-size: auto, auto, cover
  }
}

.wp-block-quote {
  font-size: 1.2rem
}

.h-100 {
  height: 100% !important
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important
}

.mt-auto,
.my-auto {
  margin-top: auto !important
}

.form-check-label a {
  color: #04D6B7
}

.form-check {
  position: relative;
  padding-left: 1.25rem
}

.form-check .form-check-label {
  margin-left: 2rem;
  display: block
}

.form-check-input {
  display: block
}

.form-check-input:not(checked) {
  position: absolute;
  opacity: 0
}

.form-check-input:not(checked)+.form-check-label:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1.875rem;
  height: 1.875rem;
  border: 0.125rem solid #C3D3DB;
  border-radius: 100%;
  background: #fff
}

.form-check-input:not(checked)+.form-check-label:after {
  content: '';
  position: absolute;
  top: 0.413rem;
  left: 0.438rem;
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background: #04D6B7;
  opacity: 0;
  transition: all .2s
}

.form-check-input:checked+.form-check-label:after {
  opacity: 1
}