@import url("https://fonts.googleapis.com/css?family=Montserrat|Roboto:300,400,700,900&display=swap&subset=cyrillic,cyrillic-ext");

html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */ }

body {
margin: 0;}

/**
* Render the `main` element consistently in IE.
*/
main {
display: block; }

/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }

/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
      box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }


/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent; }

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
 -moz-text-decoration: underline dotted;
      text-decoration: underline dotted;
/* 2 */ }

img {
border-style: none; }

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible; }

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }

/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }

/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }

/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }

/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto; }

/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
      box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }

/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }

/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none; }

*,
*::before,
*::after {
-webkit-box-sizing: inherit;
 -moz-box-sizing: inherit;
      box-sizing: inherit; }

html {
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
      box-sizing: border-box; }

h1, h2, h3, h4, h5, h6, p {
padding: 0;
margin: 0; }

a {
text-decoration: none;
color: inherit; }

ul {
margin: 0;
padding: 0; }
ul li {
list-style: none; }

main {
overflow-x: hidden;
position: relative;
width: 100%;
background-color: #fff; }

.container {
width: 100%;
max-width: 995px;
margin: 0 auto; }
@media (max-width: 1040px) {
.container {
  max-width: unset;
  width: 85%; } }

.title {
opacity: 0.4;
color: #e9edf4;
font-family: "Roboto", sans-serif;
font-size: 282px;
position: absolute;
left: 50%;
text-transform: uppercase;
font-weight: 900;
word-wrap: normal;
width: 100%;
text-align: center; }
@media (max-width: 1050px) {
.title {
  font-size: 220px; } }
@media (max-width: 880px) {
.title {
  font-size: 170px; } }
@media (max-width: 650px) {
.title {
  font-size: 80px; } }

.header {
    position: relative;
    overflow: hidden;
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    width: 100%;
    z-index: 100; }

.header .container {
position: relative; }
.header-top {
padding: 26px 0 20px;
height: 65px;
width: 100%;
border-bottom: 1px solid #d0daeb; }
@media (max-width: 600px) {
  .header-top {
    height: 80px; } }
.header-top_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (max-width: 1025px) {
    .header-top_wrapper {
      padding-right: 50px; } }
.header-top_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media (max-width: 1025px) {
    .header-top_content {
      display: none; } }
.header-top__title {
  color: #061e46;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400; }
.header-top__link {
  display: block;
  color: #061e46;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -moz-transition: .2s;
  transition: .2s; }
  .header-top__link:hover {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-transition: .2s;
    -o-transition: .2s;
    -moz-transition: .2s;
    transition: .2s; }
  @media (max-width: 450px) {
    .header-top__link {
      font-size: 14px; } }
  .header-top__link:first-child {
    margin-right: 41px; }
    @media (max-width: 600px) {
      .header-top__link:first-child {
        margin-right: 0; } }
.header-bottom {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
   -moz-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
   -moz-box-align: center;
    -ms-flex-align: center;
        align-items: center;
margin-top: 30px; }
@media (max-width: 450px) {
  .header-bottom {
    margin-top: 20px; } }
.custom-logo-link {
  display: block; }
  @media (max-width: 450px) {
    .custom-logo-link {
      height: 36px; } }
  .custom-logo-link img {
    height: 100%; }
.header-bottom .header-top_content {
  display: none; }
  @media (max-width: 1025px) {
    .header-bottom .header-top_content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; } }
  @media (max-width: 600px) {
    .header-bottom .header-top_content {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
         -moz-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; } }
  @media (max-width: 450px) {
    .header-bottom .header-top_content {
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }

.menu {
    max-width: 633px;
    width: 100%; }

.menu ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
@media (max-width: 768px) {
    .menu ul {
        display: inline;
        margin: 5px;
        padding: 0px 0px;
        text-align: right;
    }
}

.menu-item {
    display: block;
    position: relative;
    color: #061e46;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 400;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s; }

.menu-item::after {
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    bottom: -3px;
    content: "";
    position: absolute;
    width: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%);
    height: 1px;
    background: #061e46; }

.menu-item:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
     -o-transform: scale(1.1);
     transform: scale(1.1); }

.menu-item:hover::after {
    width: 100%;
    background: #061e46;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s; }

.current-menu-item{
    color: #061e46;
    position: relative;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.current-menu-item::after{
    position: absolute;
    background: #061e46;
    -webkit-transition: .4s;
    bottom: -3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    width: 100%;
    height: 1px;}

.footer {
    background-color: #061e46;
    padding: 43px 0; }
@media (max-height: 560px) {
    .footer {
        display: none;}
}
.footer-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
@media (max-width: 520px) {
  .footer-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; } }

.footer-block .custom-logo-link {
  display: block; }
  @media (max-width: 600px) {
   .footer-block .custom-logo-link {
      height: 30px; } }

  .footer-block .custom-logo-link img {
    filter: brightness(0) invert(1);
    height: 100%; }

.footer-block__text {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 300; }
@media (max-width: 768px) {
    .footer-block__text {
      width: 100%;
      margin: 20px 0;
      text-align: center; } }

.footer-block__tel {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 300; }
  @media (max-width: 1040px) {
    .footer-block__tel {
      font-size: 14px; } }
  @media (max-width: 700px) {
    .footer-block__tel {
      margin-top: 5px;
      font-size: 12px; } }

.main {
padding-top: 50px;
height: -webkit-calc(100vh - 145px);
height: -moz-calc(100vh - 145px);
height: calc(100vh - 145px);
position: relative;
background-color: #e9edf4; }
@media (max-width: 600px) {
.main {
  height: -webkit-calc(100vh - 160px);
  height: -moz-calc(100vh - 160px);
  height: calc(100vh - 160px);
  padding-top: 50px; } }
@media (max-width: 450px) {
.main {
  height: -webkit-calc(100vh - 136px);
  height: -moz-calc(100vh - 136px);
  height: calc(100vh - 136px); } }
.main__title {
-webkit-animation: slide-title 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
   -moz-animation: slide-title 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
     -o-animation: slide-title 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
        animation: slide-title 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
color: #061e46;
font-family: "Roboto", sans-serif;
font-size: 50px;
font-weight: 900;
line-height: 60px;
text-align: center;
margin: 0 auto;
text-transform: uppercase; }
@media (max-width: 1050px) {
  .main__title {
    font-size: 50px;
    line-height: 50px; } }
@media (max-width: 600px) {
  .main__title {
    font-size: 32px;
    line-height: 42px; } }

.main__title + p {
-webkit-animation: slide-text 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
   -moz-animation: slide-text 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
     -o-animation: slide-text 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
        animation: slide-text 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
text-align: center;
margin-top: 34px;
color: #061e46;
font-family: "Montserrat", sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 26px; }

@media (max-width: 768px) {
  .main__text {
    font-size: 16px;
    line-height: 20px;
    margin-top: 20px; }}

.main-bg {
    position: absolute;
    bottom: 0;
    width: 100%; }

@media (max-height: 600px) {
    .main-bg {
        display:none;
    }}

.main-bg__img {
  overflow: hidden;
  position: absolute;
  bottom: 0; }
.main-bg__img--first {
    width: 100%;
    z-index: 0;
    left: -26px;}
.main-bg__img--last {
    width: 100%;
    z-index: 1; }

.main-info {
background: #fff;
position: relative;
padding: 140px 0 202px; }
@media (max-width: 650px) {
    .main-info {
      padding: 60px 0 50px; } }
@media (max-height: 560px) {
    .main-info {
        display: none;}
}
.main-info_wrap {
    margin: 0 auto;
    max-width: 1280px;
    width: 100%; }
@media (max-width: 650px) {
  .main-info_wrap {
    max-width: unset;
    width: auto;
}}

.main-info__title {
top: -21px;
-webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
        transform: translateX(-50%); }

@media (max-width: 768px) {
  .main-info__title {
    display: none;
    top: -5px; } }

.main-info_flex {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

@media (max-width: 650px) {
    .main-info_flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }

.main-info_flex--end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }

.main-info_box {
    color: #061e46;
    font-family: "Montserrat", sans-serif;
    z-index: 1;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 30px 35px 35px;
    -webkit-box-shadow: 0 5px 30px rgba(6, 30, 70, 0.15);
    -moz-box-shadow: 0 5px 30px rgba(6, 30, 70, 0.15);
    box-shadow: 0 5px 30px rgba(6, 30, 70, 0.15); }
@media (max-width: 1050px) {
    .main-info_box {
        padding: 15px 4px 15px;
    }
}


.main-info_box--items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.main-info_box__title {
  color: #061e46;
  font-family: "Roboto", sans-serif;
  font-size: 32px;
  font-weight: 900;
  line-height: 40px;
  width: 50%; }
  @media (max-width: 1050px) {
    .main-info_box__title {
      font-size: 24px;
      line-height: 28px; } }

.main-info_box__icon {
  display: block; }
  @media (max-width: 1050px) {
    .main-info_box__icon {
      height: 60px; } }

.main-info_box__icon--end {
    margin-top: 47px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end; }

.main-info_box__text {
  color: #061e46;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 26px;
  margin-top: 45px; }
  @media (max-width: 1050px) {
  .main-info_box__text {
      margin-top: 35px;
      font-size: 16px; } }
  .main-info_box__text--last {
    padding: 0 10px 0 5px;
    margin-top: 106px; }
    @media (max-width: 1050px) {
      .main-info_box__text--last {
        margin-top: 56px;
        padding: 0 5px; } }

@-webkit-keyframes slide-title {
0% {
-webkit-transform: scale(0.5);
        transform: scale(0.5); }
100% {
-webkit-transform: scale(1);
        transform: scale(1); } }

@-moz-keyframes slide-title {
0% {
-moz-transform: scale(0.5);
     transform: scale(0.5); }
100% {
-moz-transform: scale(1);
     transform: scale(1); } }

@-o-keyframes slide-title {
0% {
-o-transform: scale(0.5);
   transform: scale(0.5); }
100% {
-o-transform: scale(1);
   transform: scale(1); } }

@keyframes slide-title {
0% {
-webkit-transform: scale(0.5);
   -moz-transform: scale(0.5);
     -o-transform: scale(0.5);
        transform: scale(0.5); }
100% {
-webkit-transform: scale(1);
   -moz-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1); } }

@-webkit-keyframes slide-text {
20% {
-webkit-transform: translateZ(-300px) translateX(-200px);
        transform: translateZ(-300px) translateX(-200px);
opacity: .5; }
100% {
-webkit-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
opacity: 1; } }

@-moz-keyframes slide-text {
20% {
-moz-transform: translateZ(-300px) translateX(-200px);
     transform: translateZ(-300px) translateX(-200px);
opacity: .5; }
100% {
-moz-transform: translateZ(0) translateX(0);
     transform: translateZ(0) translateX(0);
opacity: 1; } }

@-o-keyframes slide-text {
20% {
transform: translateZ(-300px) translateX(-200px);
opacity: .5; }
100% {
transform: translateZ(0) translateX(0);
opacity: 1; } }

@keyframes slide-text {
20% {
-webkit-transform: translateZ(-300px) translateX(-200px);
   -moz-transform: translateZ(-300px) translateX(-200px);
        transform: translateZ(-300px) translateX(-200px);
opacity: .5; }
100% {
-webkit-transform: translateZ(0) translateX(0);
   -moz-transform: translateZ(0) translateX(0);
        transform: translateZ(0) translateX(0);
opacity: 1; } }

.home main{
    background: #e9edf4;
}

@media (max-width: 768px) {
    .serial_label {
        font-size: 110%;
    }

    .serial_input {
       background: #181818;
       color: white;
       height: 60px;
       width: 250px;
       border: none;
       outline: none;
       font-size: 120%;
    }

    .formtable tbody td {
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: 5px;
    }
}