a {
  text-decoration: none;
}

* {
  -webkit-appearance: none;
  margin: 0;
  font-family: "Neue Machina";
}

.b1 {
  background: url(../img/2/b1_bg2_m.jpg) top center;
  background-size: cover;
  overflow: hidden;
}

:focus {
  outline: none;
}

.svg-animate-img.hidden {
  display: none;
}

.lazy {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

img:not([src]):not([srcset]) {
  opacity: 0;
  display: block;
}

.main {
  max-width: 1180px;
  margin: 0 auto;
  width: 100%;
}

.b1_bg {
  background-position: top center;
  padding: 0px 0 1px;
  background-size: cover;
}

.b1_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.b1_t1 {
  text-align: center;
  font-size: 35px;
  line-height: 100%;
  /* identical to box height, or 35px */
  text-align: center;
  letter-spacing: 0.8em;
  color: #FFFFFF;
  margin: -98px 0 0;
  position: relative;
  z-index: 30;
}

.b1_t2 {
  text-align: center;
  font-weight: 900;
  font-size: 165px;
  line-height: 100%;
  /* identical to box height, or 165px */
  text-align: center;
  color: #CEFF41;
  text-shadow: 0px 4px 75px rgba(206, 255, 65, 0.5);
  padding: 4px 0 0;
}

.b1_t3 {
  font-size: 25px;
  line-height: 140%;
  /* identical to box height, or 35px */
  text-align: center;
  color: #FFFFFF;
  margin: -17px 0 0;
}

.b1_t4 {
  text-align: center;
  font-size: 25px;
  line-height: 140%;
  /* identical to box height, or 35px */
  text-align: center;
  color: #FFFFFF;
  padding: 39px 0 0;
  font-weight: 700;
}

p.b1_t5 {
  text-align: center;
  font-size: 20px;
  line-height: 140%;
  /* identical to box height, or 28px */
  text-align: center;
  color: #FFFFFF;
  padding: 4px 0 14px;
}

.box_form {
  background: #343541;
  -webkit-box-shadow: 0px 4px 86px rgba(255, 255, 255, 0.5);
  box-shadow: 0px 4px 86px rgba(255, 255, 255, 0.5);
  border-radius: 15px;
  width: 100%;
  max-width: 570px;
  margin: 0 auto 101px;
  padding: 31px 0 31px;
  position: relative;
  z-index: 40;
}

.box_form_main {
  margin: 0 70px;
}

.box_form_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 16px;
}

.box_form_top i {
  margin: 0 21px 0 0;
  font-size: 0;
  -webkit-filter: drop-shadow(0px 1px 14px #F3CA51) drop-shadow(0px 0px 47px #F3CA51);
  filter: drop-shadow(0px 1px 14px #F3CA51) drop-shadow(0px 0px 47px #F3CA51);
}

.box_form_top p {
  font-size: 16px;
  line-height: 140%;
  /* or 22px */
  color: #FFFFFF;
}

label.input {
  position: relative;
  display: block;
  width: 100%;
}

label.input input {
  background: #FFF5E8;
  border-radius: 15px;
  width: 100%;
  height: 80px;
  font-size: 20px;
  line-height: 140%;
  /* identical to box height, or 28px */
  color: #000;
  text-indent: 81px;
  border: 0;
  padding: 0;
}

label.input i {
  position: absolute;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 22px;
  bottom: 0;
  top: 0;
  margin: auto;
}

label.input input::-webkit-input-placeholder {
  color: #484848;
}

label.input input::-moz-placeholder {
  color: #484848;
}

label.input input:-ms-input-placeholder {
  color: #484848;
}

label.input input::-ms-input-placeholder {
  color: #484848;
}

label.input input::placeholder {
  color: #484848;
}

.bt {
  background: #CEFF41;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-box-shadow: 0px 15px 45px #CEFF41;
  box-shadow: 0px 15px 45px #CEFF41;
  border-radius: 15px;
  width: 100%;
  height: 80px;
  cursor: pointer;
  border: 0;
  margin: 10px 0 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  /* identical to box height, or 28px */
  text-align: center;
  color: #2D2D2D;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
}

.bt:hover {
  background: #d1ff4d;
  -webkit-box-shadow: 0px 15px 65px #ceff41;
  box-shadow: 0px 15px 65px #ceff41;
}

.bt {
  position: relative;
  z-index: 20;
}

label.checkbox {
  position: relative;
  display: block;
  margin: 31px 0 18px;
}

label.checkbox i {
  background: #FFF5E8;
  border-radius: 10px;
  width: 40px;
  height: 40px;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

label.checkbox p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  width: 100%;
}

label.checkbox p span {
  font-size: 14px;
  line-height: 140%;
  /* or 20px */
  color: #D8D8D8;
  width: 352px;
  margin: 0 0 0 12px;
}

label.checkbox p span a {
  color: #D8D8D8;
  text-decoration: underline;
}

label.checkbox p span a:hover {
  color: #fff;
}

label.checkbox i:after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1249 0.29062L6.81867 11.8156L1.81866 6.72031C1.65336 6.55622 1.43009 6.46384 1.19717 6.46314C0.964262 6.46245 0.740444 6.5535 0.574164 6.7166C0.407885 6.87969 0.31252 7.10171 0.308712 7.33459C0.304904 7.56747 0.392959 7.79249 0.553817 7.96093L6.1921 13.7094C6.28376 13.8028 6.39501 13.8748 6.51783 13.9201C6.64066 13.9654 6.77199 13.9829 6.90239 13.9713C7.03278 13.9597 7.15898 13.9193 7.2719 13.8531C7.38481 13.7869 7.48164 13.6964 7.55539 13.5883C7.56632 13.5789 7.57726 13.5695 7.58742 13.5594L19.3843 1.52812C19.5261 1.3572 19.5986 1.13925 19.5873 0.91744C19.576 0.695631 19.4819 0.486147 19.3234 0.330484C19.165 0.174821 18.9539 0.0843346 18.732 0.0769518C18.51 0.0695691 18.2933 0.145827 18.1249 0.29062Z' fill='%23929292'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 14px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.checkbox input:checked + p i:after {
  opacity: 1;
}

.b1_krug {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  height: 0;
  animation: anim2 2s linear infinite reverse;
}

.b1_krug img {
  margin: -386px 0 0;
}

.bg_many > div {
  font-size: 0;
  display: table;
  position: absolute;
  z-index: 40;
}

.b1 .main {
  position: relative;
}

.bg_many_1 {
  top: 21%;
  left: 0%;
  -webkit-animation: anim1 5s linear infinite;
  animation: anim1 5s linear infinite;
}

.bg_many_2 {
  right: 10%;
  top: 12%;
  animation: anim1 5s linear infinite reverse;
}

.bg_many_3 {
  bottom: 17%;
  left: 8%;
  animation: anim1 5s linear infinite reverse;
}

.bg_many_4 {
  right: 0%;
  bottom: 18%;
  -webkit-animation: anim1 5s linear infinite;
  animation: anim1 5s linear infinite;
}

.footer {
  text-align: center;
  padding: 135px 0 51px;
}

.footer a {
  font-size: 20px;
  line-height: 140%;
  /* identical to box height, or 28px */
  text-align: center;
  color: #FFFFFF;
  border-bottom: 1px solid;
}

.footer a:hover {
  color: #ceff42;
}

@-webkit-keyframes anim1 {
  0% {
    -webkit-transform: trtranslateY(0px);
    transform: trtranslateY(0px);
  }
  50% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes anim1 {
  0% {
    -webkit-transform: trtranslateY(0px);
    transform: trtranslateY(0px);
  }
  50% {
    -webkit-transform: translateY(-40px);
    transform: translateY(-40px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes anim2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes anim2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes anim3 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes anim3 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.b1_img:after, .b1_img:before {
  content: "";
  position: absolute;
  top: 32%;
  left: 50%;
  /* background: #cf484b; */
  width: 28px;
  height: 9px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 16px 13px #cf484b;
  box-shadow: 0 0 16px 13px #cf484b;
  -webkit-filter: blur(3px);
  filter: blur(3px);
  opacity: 0;
  -webkit-animation: anim3 1s linear infinite;
  animation: anim3 1s linear infinite;
}

.b1_img:before {
  left: 46.5%;
  /* opacity: 1; */
}

@-webkit-keyframes sheens {
  0%, 79% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
    transform: rotateZ(60deg) translate(-5em, 7.5em);
  }
  80% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
    transform: rotateZ(60deg) translate(-5em, 7.5em);
  }
  95% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotateZ(60deg) translate(1em, -11em);
    transform: rotateZ(60deg) translate(1em, -11em);
  }
  to {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: rotateZ(60deg) translate(1em, -9em);
    transform: rotateZ(60deg) translate(1em, -9em);
  }
}
@keyframes sheens {
  0%, 79% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
    transform: rotateZ(60deg) translate(-5em, 7.5em);
  }
  80% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
    transform: rotateZ(60deg) translate(-5em, 7.5em);
  }
  95% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotateZ(60deg) translate(1em, -11em);
    transform: rotateZ(60deg) translate(1em, -11em);
  }
  to {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: rotateZ(60deg) translate(1em, -9em);
    transform: rotateZ(60deg) translate(1em, -9em);
  }
}
.bt:after {
  content: "";
  top: -50%;
  right: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  background: -o-linear-gradient(top, rgba(229, 172, 142, 0), rgba(255, 255, 255, 0.7) 50%, rgba(229, 172, 142, 0));
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(229, 172, 142, 0)), color-stop(50%, rgba(255, 255, 255, 0.7)), to(rgba(229, 172, 142, 0)));
  background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255, 255, 255, 0.7) 50%, rgba(229, 172, 142, 0));
  -webkit-transform: rotateZ(60deg) translate(-5em, 7.5em);
  -ms-transform: rotate(60deg) translate(-5em, 7.5em);
  transform: rotateZ(60deg) translate(-5em, 7.5em);
  opacity: 0;
  position: absolute;
  z-index: 1;
  filter: alpha(opacity=0);
  -webkit-animation: sheens 3s infinite;
  animation: sheens 3s infinite;
}

button.bt span {
  position: relative;
  z-index: 20;
}

@media only screen and (max-width: 680px) {
  .main {
    width: 320px;
  }

  .b1_img img {
    width: 510px;
    height: 191px;
  }

  .b1_img:after, .b1_img:before {
    -webkit-box-shadow: 0 0 5px 6px #cf484b;
    box-shadow: 0 0 5px 6px #cf484b;
  }

  .b1_t1 {
    font-size: 18px;
    line-height: 100%;
    /* identical to box height, or 18px */
    text-align: center;
    letter-spacing: 0.8em;
    color: #FFFFFF;
    margin: -59px 0 0;
  }

  .bg_many > div {
    display: none;
  }

  .b1_krug {
    display: none;
  }

  p.b1_t2 {
    font-size: 60px;
    line-height: 100%;
    margin: 0 0 0 -7px;
  }

  p.b1_t3 {
    font-size: 16px;
    line-height: 140%;
    margin: -6px 0 0;
  }

  p.b1_t4 {
    font-size: 16px;
    line-height: 140%;
    padding: 23px 0 4px;
  }

  p.b1_t5 {
    font-size: 16px;
    line-height: 140%;
  }

  .box_form_main {
    margin: 0 10px;
  }

  .box_form_top i img {
    width: 40px;
    height: 28px;
  }

  .box_form_top p {
    font-size: 16px;
    line-height: 140%;
    width: 225px;
  }

  .box_form_top p br {
    display: none;
  }

  .box_form_top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 0 8px;
  }

  .box_form_top i {
    margin: 5px 18px 0 0;
  }

  label.input input {
    font-size: 16px;
    line-height: 140%;
  }

  label.checkbox p span {
    font-size: 12px;
    line-height: 140%;
    width: 248px;
  }

  label.checkbox i {
    width: 32px;
    height: 32px;
  }

  label.checkbox p {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  label.checkbox {
    margin: 12px 0 -7px;
  }

  .footer {
    padding: 0 0 41px;
  }

  .box_form {
    margin: 0 auto 43px;
  }

  .footer a {
    font-size: 16px;
  }
}
@media screen and (max-width: 980px) and (min-width: 681px) {
  .main {
    max-width: 620px;
  }

  .b1_img img {
    width: 510px;
    height: auto;
    height: 191px;
  }

  .b1_img:after, .b1_img:before {
    width: 11px;
    display: none;
  }

  p.b1_t1 {
    font-size: 20px;
    line-height: 100%;
    /* identical to box height, or 20px */
    text-align: center;
    letter-spacing: 0.8em;
    color: #FFFFFF;
    margin: -61px 0 0;
  }

  p.b1_t2 {
    font-weight: 900;
    font-size: 100px;
    line-height: 100%;
    /* identical to box height, or 100px */
    text-align: center;
    color: #CEFF41;
    text-shadow: 0px 4px 75px rgba(206, 255, 65, 0.5);
  }

  .bg_many_1 img {
    width: 65px;
    height: 63px;
  }

  .bg_many_1 {
    top: 13%;
    left: 3%;
  }

  .bg_many_2 img {
    width: 51px;
    height: 62px;
  }

  .bg_many_2 {
    right: 0%;
    top: 6%;
  }

  .b1_krug img {
    width: 861px;
    height: 861px;
  }

  .b1_krug img {
    margin: -225px 0 0;
  }

  .b1_t3 {
    font-size: 16px;
    line-height: 140%;
    /* or 22px */
    text-align: center;
    color: #FFFFFF;
    margin: -9px 0 0;
  }

  .b1_t4 {
    font-size: 20px;
    line-height: 140%;
    /* identical to box height, or 28px */
    text-align: center;
    color: #FFFFFF;
    padding: 22px 0 0;
  }

  p.b1_t5 {
    font-size: 18px;
    line-height: 140%;
    /* or 25px */
    text-align: center;
    color: #FFFFFF;
  }

  .box_form {
    width: 500px;
    margin: 0 auto 38px;
  }

  .bg_many_3 img {
    width: 58px;
    height: 57px;
  }

  .bg_many_3 {
    bottom: 41%;
    left: -6%;
  }

  .box_form_main {
    margin: 0 35px 0;
  }

  .footer {
    padding: 0 0 41px;
  }

  .bg_many_4 img {
    width: 89px;
    height: 87px;
  }

  .bg_many_4 {
    right: -10%;
    bottom: 52%;
  }
}
@media screen and (min-width: 981px) and (max-width: 1169px) {
  html {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: calc(100%/0.75);
    height: calc(100%/0.75);
    min-width: 1200px;
  }
}