body,
html {
   height: 100%;
}
.all {
   z-index: 100;
   overflow: hidden;
}
.all,
body,
html {
   min-height: 100%;
}
h2 {
   clear: both;
}
body {
   font:
      18px/1.3 "Roboto";
   background: url(../img/pattern.png) left top;
   margin: 0;
   color: #252626;
}
* {
   box-sizing: border-box;
}
.all,
.main {
   position: relative;
}
.all {
   max-width: 1068px;
   margin: 0 auto;
   min-width: 270px;
}
.main {
   padding: 0;
   width: 100%;
}
a,
a:hover,
h1 a,
h2 a {
   text-decoration: none;
}
html {
   font-size: 100%;
}
p {
   padding-bottom: 7px;
   margin: 0 !important;
}
img {
   margin: 0 0 5px;
   border: 0;
}
a {
   color: #0f315d;
}
h1,
h2 {
   padding: 0 0 5px;
}
h1 {
   margin: 0 0 22px;
   font-size: 20px;
   font-weight: 400;
   text-transform: uppercase;
}
h2 {
   font-weight: 700;
   font-size: 18px;
   margin: 22px 0;
}
h1 a,
h2 a {
   cursor: pointer;
   color: #4f4f4f;
}
.contentBox h1 {
   line-height: 1.2;
   margin-top: 20px;
   margin-bottom: 10px;
   font-weight: 700;
   font-size: 27px;
}
.contentBox {
   line-height: 1.5;
}
.contentBox p {
   padding-bottom: 10px;
   padding-top: 10px;
}
.contentBox h2 {
   line-height: 1.4;
   margin-top: 10px;
   margin-bottom: 10px;
}
h1,
h2 {
   border: 0 !important;
}
.form {
   max-width: 420px;
   padding: 0 16px;
   margin: 0 auto 60px;
   border-radius: 0.12rem;
}
.form input,
.form select {
   display: block;
   width: 100%;
   color: #000;
   padding: 10px 12px;
   border: 1px solid rgba(139, 140, 253, 0.6);
   margin-bottom: 16px;
   font-size: 13px !important;
   height: 38px;
}
.form ::-webkit-input-placeholder {
   font-size: 16px;
   font-weight: 400;
   line-height: 1;
   color: silver;
}
.form ::-moz-placeholder {
   font-size: 16px;
   font-weight: 400;
   line-height: 1;
   color: silver;
}
.form :-ms-input-placeholder {
   font-size: 16px;
   font-weight: 400;
   line-height: 1;
   color: silver;
}
.form ::-ms-input-placeholder {
   font-size: 16px;
   font-weight: 400;
   line-height: 1;
   color: silver;
}
.form ::placeholder {
   font-size: 16px;
   font-weight: 400;
   line-height: 1;
   color: silver;
}
.button {
   display: block;
   background: linear-gradient(87.71deg, #154f90 0, #4097f9 100%);
   border-radius: 8px;
   width: 100%;
   max-width: 340px;
   color: #fff;
   text-align: center;
   border: 0;
   outline: 0;
   margin: 0 auto 15px;
   padding: 20px;
   text-decoration: none;
   position: relative;
   cursor: pointer;
}
.blur {
   filter: blur(7px);
}
.blur--hide {
   filter: blur(0);
}
.header,
.header-1100,
.header-350,
.header-520,
.header-768 {
   width: 100%;
   margin: 0;
}
.header-1100,
.header-350,
.header-520,
.header-768 {
   display: none;
}
@media only screen and (max-width: 1100px) {
   .all {
      margin: 0 15px;
   }
}
@media (max-width: 1000px) {
   .header {
      display: none;
   }
   .header-1100 {
      display: block;
   }
}
@media (max-width: 800px) {
   .header-1100 {
      display: none;
   }
   .header-768 {
      display: block;
   }
}
@media only screen and (max-width: 770px) {
   img {
      margin: 3px 17px 5px 0;
      border: 0;
      float: none;
      max-width: 100%;
   }
   .main {
      padding: 0;
   }
}
@media (max-width: 600px) {
   .header-768 {
      display: none;
   }
   .header-520 {
      display: block;
   }
}
@media (max-width: 560px) {
   .contentBox h1 {
      font-size: 22px;
   }
}
@media (max-width: 460px) {
   .header-520 {
      display: none;
   }
   .header-350 {
      display: block;
   }
}