@font-face {
  font-family: 'Helvetica Neue';
  src: url('../fonts/HelveticaNeue/helveticaneue_light-webfont.eot');
  src: url('../fonts/HelveticaNeue/helveticaneue_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeue/helveticaneue_light-webfont.woff2') format('woff2'), url('../fonts/HelveticaNeue/helveticaneue_light-webfont.woff') format('woff'), url('../fonts/HelveticaNeue/helveticaneue_light-webfont.ttf') format('truetype'), url('../fonts/HelveticaNeue/helveticaneue_light-webfont.svg#helveticaneuelight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@-webkit-keyframes flip_in_hor_top {
  0% {
    -webkit-transform: rotateX(-60deg);
            transform: rotateX(-60deg);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
@keyframes flip_in_hor_top {
  0% {
    -webkit-transform: rotateX(-60deg);
            transform: rotateX(-60deg);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  0% {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  100% {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  100% {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  100% {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
  100% {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
}
@-webkit-keyframes fade_in_bck {
  0% {
    -webkit-transform: translate3d(15px, 1px, 193px) rotateX(40deg);
            transform: translate3d(15px, 1px, 193px) rotateX(40deg);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    background-color: #ffffff;
  }
  20% {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background-color: #ffffff;
  }
  60% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0deg);
            transform: translate3d(0, 0, 0) rotateX(0deg);
  }
  80% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0deg);
            transform: translate3d(0, 0, 0) rotateX(0deg);
    background-color: #ffffff;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0deg);
            transform: translate3d(0, 0, 0) rotateX(0deg);
    background-color: rgba(255, 255, 255, 0.8);
  }
}
@keyframes fade_in_bck {
  0% {
    -webkit-transform: translate3d(15px, 1px, 193px) rotateX(40deg);
            transform: translate3d(15px, 1px, 193px) rotateX(40deg);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    background-color: #ffffff;
  }
  20% {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    background-color: #ffffff;
  }
  60% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0deg);
            transform: translate3d(0, 0, 0) rotateX(0deg);
  }
  80% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0deg);
            transform: translate3d(0, 0, 0) rotateX(0deg);
    background-color: #ffffff;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0deg);
            transform: translate3d(0, 0, 0) rotateX(0deg);
    background-color: rgba(255, 255, 255, 0.8);
  }
}
@-webkit-keyframes fadeInBckForLogoElements {
  0% {
    -webkit-transform: translate3d(15px, 1px, 600px) rotateX(40deg);
            transform: translate3d(15px, 1px, 600px) rotateX(40deg);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0deg);
            transform: translate3d(0, 0, 0) rotateX(0deg);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
@keyframes fadeInBckForLogoElements {
  0% {
    -webkit-transform: translate3d(15px, 1px, 600px) rotateX(40deg);
            transform: translate3d(15px, 1px, 600px) rotateX(40deg);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotateX(0deg);
            transform: translate3d(0, 0, 0) rotateX(0deg);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}
@media only screen and (min-width: 767px) {
  .flipForFormBlock {
    -webkit-animation: flip_in_hor_top 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: flip_in_hor_top 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    -o-animation: flip_in_hor_top 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  }
}
.fadeIn {
  -webkit-animation: 2270.2ms cubic-bezier(0.4, 0, 1, 1) 0ms 1 normal both running fadein;
  animation: 2270.2ms cubic-bezier(0.4, 0, 1, 1) 0ms 1 normal both running fadein;
  -o-animation: 2270.2ms cubic-bezier(0.4, 0, 1, 1) 0ms 1 normal both running fadein;
}
.fadeOut {
  -webkit-animation: 2270.2ms cubic-bezier(0.4, 0, 1, 1) 0ms 1 normal both running fadeOut;
  animation: 2270.2ms cubic-bezier(0.4, 0, 1, 1) 0ms 1 normal both running fadeOut;
  -o-animation: 2270.2ms cubic-bezier(0.4, 0, 1, 1) 0ms 1 normal both running fadeOut;
}
@media only screen and (min-width: 767px) {
  .fadeInBckForLogo {
    -webkit-animation: 1748.35ms cubic-bezier(0.39, 0.575, 0.565, 1) 700ms 1 normal both running fade_in_bck;
    animation: 1748.35ms cubic-bezier(0.39, 0.575, 0.565, 1) 700ms 1 normal both running fade_in_bck;
    -o-animation: 1748.35ms cubic-bezier(0.39, 0.575, 0.565, 1) 700ms 1 normal both running fade_in_bck;
  }
}
@media only screen and (min-width: 767px) {
  .fadeInBckForLogoElement1 {
    -webkit-animation: fadeInBckForLogoElements 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.1s both;
            animation: fadeInBckForLogoElements 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.1s both;
  }
  .fadeInBckForLogoElement2 {
    -webkit-animation: fadeInBckForLogoElements 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.2s both;
            animation: fadeInBckForLogoElements 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.2s both;
  }
  .fadeInBckForLogoElement3 {
    -webkit-animation: fadeInBckForLogoElements 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.3s both;
            animation: fadeInBckForLogoElements 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.3s both;
  }
  .fadeInBckForLogoElement4 {
    -webkit-animation: fadeInBckForLogoElements 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.4s both;
            animation: fadeInBckForLogoElements 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1.4s both;
  }
}
* {
  padding: 0;
  margin: 0;
  border: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
:focus,
:active {
  outline: none;
}
a:focus,
a:active {
  outline: none;
}
nav,
footer,
header,
aside {
  display: block;
}
html,
body {
  height: 100%;
  width: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
input,
button,
textarea {
  font-family: inherit;
}
input::-ms-clear {
  display: none;
}
button {
  cursor: pointer;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
a,
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
ul li {
  list-style: none;
}
img {
  vertical-align: top;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  background: #e5e5e5;
  font-family: 'Helvetica Neue', serif;
  font-weight: 300;
  color: #000;
  line-height: 1.2;
  font-size: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 2dppx) {
  body {
    font-size: 14px;
  }
}
h1 {
  font-size: 4.28571429em;
}
h2 {
  font-size: 2.14285714em;
}
.mainBlock {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-perspective: 160vw;
          perspective: 160vw;
}
.mainBlock .bg_block {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.mainBlock .bg_block.bg_block1 {
  background-image: url("../image/background1.png");
}
.mainBlock .bg_block.bg_block2 {
  background-image: url("../image/background2.jpg");
}
.mainBlock .bg_block.bg_block3 {
  background-image: url("../image/background3.jpg");
}
.mainBlock .bg_block.bg_block4 {
  background-image: url("../image/background4.jpg");
}
.formContainer {
  -webkit-transform-origin: top;
      -ms-transform-origin: top;
          transform-origin: top;
  -webkit-perspective-origin: top;
          perspective-origin: top;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0.419px 5.985px 65px 0 rgba(0, 0, 0, 0.22);
          box-shadow: 0.419px 5.985px 65px 0 rgba(0, 0, 0, 0.22);
  width: 90%;
  z-index: 7;
  padding: 11.14285714em 3.57142857em 6.42857143em;
  margin: auto;
  text-align: center;
  -webkit-perspective: 772px;
          perspective: 772px;
  max-width: 51.42857143em;
}
@media only screen and (min-width: 480px) {
  .formContainer {
    width: 60%;
  }
}
@media only screen and (min-width: 768px) {
  .formContainer {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .formContainer {
    width: 33%;
  }
}
@media only screen and (min-width: 1200px) {
  .formContainer {
    width: 29%;
  }
}
.formContainer h1 {
  margin-bottom: 0.26666667em;
}
.formContainer h2 {
  margin-bottom: 2.46666667em;
}
.formContainer .formLogo {
  -webkit-perspective-origin: bottom;
          perspective-origin: bottom;
  position: absolute;
  left: 0;
  right: 0;
  height: 14.28571429em;
  width: 14.28571429em;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 20%;
  top: calc(-14.28571429em / 2);
  margin: auto;
  -webkit-box-shadow: 0.42857143em 0.42857143em 1.71428571em 0 rgba(0, 0, 0, 0.07);
          box-shadow: 0.42857143em 0.42857143em 1.71428571em 0 rgba(0, 0, 0, 0.07);
  -webkit-perspective: 772px;
          perspective: 772px;
}
.formContainer .formLogo img {
  display: none;
}
.formContainer label {
  display: block;
  position: relative;
}
.formContainer label .borderFocusElem {
  position: absolute;
  border-width: 0.28571429em;
  border-color: #3e9ffd;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  border-style: solid;
  pointer-events: none;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 5.71428571em;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.formContainer label:focus {
  background-color: red;
}
.formContainer label .inputCheckLine {
  pointer-events: none;
  width: 0;
  height: 0.28571429em;
  background-color: transparent;
  position: absolute;
  left: 0;
  bottom: 2.42857143em;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.formContainer .formInput {
  border-width: 0.08430637em;
  border-color: #636363;
  border-style: solid;
  background-color: #ffffff;
  width: 100%;
  font-size: 2.28571429em;
  color: #000;
  padding: 0.625em 0.5625em 0.5em;
  margin-bottom: 1.25em;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.formContainer .formInput::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.302);
}
.formContainer .formInput:-moz-placeholder {
  color: rgba(0, 0, 0, 0.302);
}
.formContainer .formInput::-moz-placeholder {
  color: rgba(0, 0, 0, 0.302);
}
.formContainer .formInput:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.302);
}
.formContainer .formInput:focus {
  border-color: #3e9ffd;
  -webkit-box-shadow: inset 0 3px 9px 0 rgba(0, 0, 0, 0.39);
          box-shadow: inset 0 3px 9px 0 rgba(0, 0, 0, 0.39);
}
.formContainer .formInput:focus::-webkit-input-placeholder {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.formContainer .formInput:focus:-moz-placeholder {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.formContainer .formInput:focus::-moz-placeholder {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.formContainer .formInput:focus:-ms-input-placeholder {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.formContainer .formInput:focus ~ .borderFocusElem {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.formContainer .checkboxContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 1.38461538em;
  margin-bottom: 3.26923077em;
  margin-top: 0.30769231em;
  cursor: pointer;
  font-size: 1.85714286em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
  /* Hide the browser's default checkbox */
}
.formContainer .checkboxContainer input {
  position: absolute;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.formContainer .checkboxContainer .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.92307692em;
  width: 0.92307692em;
  background-color: #fff;
  border-radius: 0.19230769em;
  bottom: 0;
  margin: auto;
}
.formContainer .checkboxContainer:hover input ~ .checkmark {
  background-color: #fff;
  -webkit-box-shadow: 1px 1px rgba(255, 255, 255, 0.7);
          box-shadow: 1px 1px rgba(255, 255, 255, 0.7);
}
.formContainer .checkboxContainer input:checked ~ .checkmark {
  background-color: #2196F3;
}
.formContainer .checkboxContainer .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.formContainer .checkboxContainer input:checked ~ .checkmark:after {
  display: block;
}
.formContainer .checkboxContainer .checkmark:after {
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 0.19230769em;
  height: 0.38461538em;
  border: solid white;
  border-width: 0 0.11538462em 0.11538462em 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.formContainer .formSubmitButton {
  padding: 0.65625em 0.3125em;
  background-color: #3e9ffd;
  width: 100%;
  display: block;
  font-size: 2.28571429em;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.formContainer .formSubmitButton:hover {
  background-color: #0279ec;
}
.formContainer .formSubmitButton:disabled {
  background-color: #8ac5fe;
}
.formLogo .colorBlock {
  height: 4em;
  width: 4em;
  border-radius: 20%;
  position: absolute;
  -webkit-perspective-origin: top;
          perspective-origin: top;
}
.formLogo .colorBlock.orange {
  background: rgba(255, 165, 0, 0.7);
  top: 2.14285714em;
  left: 4em;
}
.formLogo .colorBlock.pink {
  background: rgba(199, 21, 133, 0.7);
  bottom: 6.14285714em;
  right: 4em;
}
.formLogo .colorBlock.blue {
  background: rgba(0, 0, 255, 0.7);
  top: 6.14285714em;
  left: 4em;
}
.formLogo .colorBlock.green {
  background: rgba(50, 205, 50, 0.7);
  bottom: 2.14285714em;
  right: 4em;
}
.formContainer .formInput:valid ~ .inputCheckLine,
.formContainer .formInput:invalid:focus ~ .inputCheckLine {
  width: 100%;
  right: 0;
}
.formContainer .formInput:valid ~ .inputCheckLine {
  background-color: green;
}
.formContainer .formInput:invalid:focus ~ .inputCheckLine {
  background-color: red;
}