@charset "UTF-8";
/*! */
/*! */
/*! */
/*! */
/*! */
/*! */
/*! Нельзя редактировать этот файл! Он сгенерирован через sass  -  DO NOT EDIT THIS FILE! IT GENERATED SASS */
/*! */
/*! */
/*! */
/*! */
/*! */
/*! */
/*! */
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; vertical-align: baseline; }

body, html { height: 100%; }

body a, html a { text-decoration: none; }

body input, html input { -webkit-appearance: none; }

img, fieldset, a img { border: none; }

input[type="submit"], button { cursor: pointer; }

input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; }

textarea { overflow: auto; }

input, button { margin: 0; padding: 0; border: 0; }

input, textarea, select, button, h1, h2, h3, h4, h5, h6, a, span, a:focus { outline: none; }

div { outline: none !important; }

* { outline: none !important; }

ul, ol { list-style-type: none; }

img { vertical-align: top; }

li { list-style: none; }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { * { -webkit-text-size-adjust: none; } }

table { border-spacing: 0; border-collapse: collapse; width: 100%; }

.clear { clear: both; }

@font-face { font-family: Marsfont; src: url("../fonts/Marsfont.eot"); src: url("../fonts/Marsfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Marsfont.woff2") format("woff2"), url("../fonts/Marsfont.woff") format("woff"), url("../fonts/Marsfont.ttf") format("truetype"); font-weight: normal; font-style: normal; font-weight: 400; }

body { background: #059; font-family: Marsfont; }

#page { min-height: 100%; width: 100%; overflow: hidden; position: relative; max-width: 1920px; margin: auto; }

#page .logo { display: block; position: absolute; top: 16%; left: 50%; margin-left: -312px; }

#page .form { position: absolute; bottom: 14.8%; left: 50%; width: 340px; margin-left: -170px; }

#page .form input { display: block; width: 316px; height: 29px; margin-bottom: 11px; padding: 0 10px; font-size: 14px; font-family: Marsfont; color: #333; border: none; background: #fff; border: 2px solid #fff; }

#page .form input.none { border-color: red; }

#page .form p { color: white; font-family: Marsfont; font-size: 16px; font-weight: 400; line-height: 13px; white-space: nowrap; }

#page .anim-st1 { position: absolute; left: 0; right: 0; top: 56.3%; }

#page .anim-st1 .j1 { position: absolute; top: 0; width: 400px; background: url(../img/ev1.png); height: 3px; -webkit-animation: t1 12s infinite linear; animation: t1 12s infinite linear; }

#page .anim-st1 .j1:before { position: absolute; top: 0; left: -2px; bottom: 0; width: 90px; display: block; content: ''; background: url(../img/grad1.png); }

#page .anim-st1 .j1:after { position: absolute; top: -40px; right: -15px; display: block; content: ''; width: 79px; height: 84px; background: url(../img/sm1.png); }

@-webkit-keyframes t1 { 0% { left: -420px; }
  100% { left: 100%; } }

@keyframes t1 { 0% { left: -420px; }
  100% { left: 100%; } }