/*!
 * Data Recovery Moscow
 * https://datarecoverymoscow.ru/
 */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    background-color: #061161;
    background-image: -webkit-linear-gradient(left, #061161, #780206);
    /*regular - background-image: linear-gradient(to right, rgba(6, 17, 97, 0.8), rgba(120, 2, 6, 0.8)), url("images/background.jpg");*/
    /*regular 110 deg - background-image: linear-gradient(110deg, rgba(6, 17, 97, 0.8), rgba(120, 2, 6, 0.8)), url("images/background.jpg");*/
    /*ease, HCL - background-image: linear-gradient(110deg, hsl(233, 88%, 20%, 0.8) 0%, hsl(270, 89%, 19%, 0.8) 21%, hsl(290, 100%, 16%, 0.8) 30%, hsl(308, 100%, 17%, 0.8) 39%, hsl(321, 100%, 19%, 0.8) 46%, hsl(330, 100%, 21%, 0.8) 54%, hsl(337, 100%, 22%, 0.8) 61%, hsl(344, 100%, 23%, 0.8) 69%, hsl(350, 100%, 24%, 0.8) 79%, hsl(358, 97%, 24%, 0.8) 100%), url("images/background.jpg");*/
    /*lesser fun by 5 dots, HCL - background-image: linear-gradient(110deg, hsl(233, 88%, 20%, 0.8) 1%, hsl(270, 89%, 19%, 0.8) 28%, hsl(290, 100%, 16%, 0.8) 37%, hsl(308, 100%, 17%, 0.8) 43%, hsl(321, 100%, 19%, 0.8) 47%, hsl(330, 100%, 21%, 0.8) 52%, hsl(337, 100%, 22%, 0.8) 57%, hsl(344, 100%, 23%, 0.8) 63%, hsl(350, 100%, 24%, 0.8) 72%, hsl(358, 97%, 24%, 0.8) 100%), url("images/background.jpg");*/
    /*less fun by 4 dots, HCL - background-image: linear-gradient(110deg, hsl(233, 88%, 20%, 0.8) 1%, hsl(277, 98%, 18%, 0.8) 33%, hsl(301, 100%, 16%, 0.8) 42%, hsl(319, 100%, 19%, 0.8) 47%, hsl(331, 100%, 21%, 0.8) 52%, hsl(340, 100%, 23%, 0.8) 58%, hsl(348, 100%, 24%, 0.8) 66%, hsl(358, 97%, 24%, 0.8) 100%), url("images/background.jpg");*/
    /*asteroid, less fun by 4 dots, HCL: - background-image: linear-gradient(110deg, hsla(198, 44%, 11%, 0.8) 1%, hsla(197, 41%, 12%, 0.8) 31%, hsla(197, 39%, 14%, 0.8) 39%, hsla(196, 37%, 16%, 0.8) 44%, hsla(196, 36%, 18%, 0.8) 48%, hsla(196, 36%, 20%, 0.8) 52%, hsla(196, 37%, 22%, 0.8) 56%, hsla(197, 38%, 24%, 0.8) 61%, hsla(198, 38%, 26%, 0.8) 69%, hsla(198, 39%, 28%, 0.8) 99%), url("images/background.jpg");*/
    /*less fun by 4 dots, LAB:*/
    background-image: linear-gradient(110deg, hsla(233, 88%, 20%, 0.8) 1%, hsla(268, 71%, 19%, 0.8) 33%, hsla(294, 73%, 16%, 0.8) 42%, hsla(317, 80%, 17%, 0.8) 48%, hsla(331, 87%, 19%, 0.8) 52%, hsla(341, 91%, 21%, 0.8) 58%, hsla(349, 94%, 22%, 0.8) 66%, hsla(358, 97%, 24%, 0.8) 100%), url("images/background.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /*height: 100vh;*/
    height: -webkit-fill-available;
    color: #FFF;
    font: 18px/32px "Open Sans", Helvetica, Arial, sans-serif;
    font-display: swap;
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background: transparent;
    border-bottom: 1px dotted
}

a:active,
a:hover {
    outline: 0
}

a:link,
a:visited {
    color: #666;
    text-decoration: none
}

a:focus,
a:hover,
a:active {
    /* text-decoration: underline */
    border-bottom: 1px solid   
}

abbr[title] {
    border-bottom: 1px dotted
}

dfn {
    font-style: italic
}

h1 {
    text-transform: uppercase;
    font-size: 36px;
    line-height: 48px;
    margin: .67em 0 45px
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],

/* 1 */

input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

h2 {
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 40px
}

h2::after {
    content: "";
    display: block;
    width: 200px;
    height: 1px;
    margin-top: 16px;
    background: rgba(255, 255, 255, 0.6)
}

h3 {
    margin-top: 36px;
    margin-bottom: -6px
}

p {
    font-weight: 300
}

.wrapper a:link,
.wrapper a:visited {
    color: #fff
}

.wrapper {
    /* max-width: 768px; */
    max-width: 1167px;
    /*margin: 70px auto 140px auto;*/
    margin: 70px auto 0px auto;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 120px
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    color: #999;
    text-transform: uppercase;
    font-size: 12px
}

footer i {
    margin-right: 4px;
    color: #333
}

.footer-container {
    overflow: hidden;
    max-width: 1167px;
    margin: 8px auto;
    padding-left: 20px;
    padding-right: 20px
}

.profile {
    /*float: left;*/
    list-style: none;
    margin: 0;
    padding: 0
}

.profile-item {
    float: left;
    margin-right: 18px
}

.copyright {
    float: right;
    text-transform: none;
}

b,
strong,
optgroup {
    font-weight: 700
}

pre,
textarea {
    overflow: auto
}

button::-moz-focus-inner,
input::-moz-focus-inner,
legend {
    border: 0;
    padding: 0
}

/* @media (max-width: 992px) {
    .wrapper {
        margin: 60px 50px 0
    }
    .profile,
    .profile-item,
    .copyright {
        float: none
    }
    .copyright {
        display: block;
        margin-top: 64px;
        margin-bottom: 60px
    }
    footer {
        position: static;
        background: transparent;
        max-width: 768px;
        margin-top: 32px;
        color: #ccc;
        text-transform: none;
        font-size: 16px;
        font-weight: 300
    }
    footer i {
        display: block;
        width: 18px;
        margin-right: 5px;
        color: #eee;
        text-align: center
    }
    .footer-container {
        margin: 0 50px
    }
} */