root {
    display: block;
}

body {
    background-color: #000;
    background-repeat: repeat-x;
    background-position: top;
}

*, *:before, *:after {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input, input:before, input:after {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
}

::selection {
    background: transparent;
    color: inherit;
}

::-moz-selection {
    background: transparent;
    color: inherit;
}

#canvas {
    position: fixed;
}

canvas {
    /*
        image-rendering: optimizeSpeed;
        image-rendering:-o-crisp-edges;
        image-rendering:-webkit-optimize-contrast;
        -ms-interpolation-mode: nearest-neighbor;*/
    -ms-touch-action: none;
}

.ani_hack {
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    -webkit-tap-highlight-color: transparent; /* mobile webkit */
}

/***************FONTS*******************/
/*@font-face {*/
/*    font-family: 'rocks__gregular';*/
/*    src: url('gomarice_rocks-webfont.eot');*/
/*    src: url('gomarice_rocks-webfont.eot?#iefix') format('embedded-opentype'),*/
/*    url('gomarice_rocks-webfont.woff2') format('woff2'),*/
/*    url('gomarice_rocks-webfont.woff') format('woff'),*/
/*    url('gomarice_rocks-webfont.ttf') format('truetype'),*/
/*    url('gomarice_rocks-webfont.svg#rocks__gregular') format('svg');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

@font-face {
    font-family: 'rocks__gregular';
    src: url('Bangers-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.check-fonts {
    position: fixed;
    opacity: 0;
}

.check-font-1 {
    font-family: 'rocks__gregular';
}

.check-font-2 {
    font-family: 'rocks__gregular';
}

.action-loader {
    background-color: rgba(0, 0, 0, 0.9);
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
}

.d-none {
    display: none;
}

.auth-overlay .auth-overlay-buttons {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.company-auth-btn {
    margin-right: 30px;
}

/*.back-button button {*/
/*    font-size: 14px !important;*/
/*}*/

.login-button button,
.back-button button {
    margin: 20px auto 0;
    width: 100px;
}

.company-auth-btn a,
.other-button button,
.back-button button,
.login-button button {
    background-color: #984123;
    border: 0;
    border-radius: 5px;
    display: block;
    padding: 7px 15px;
    color: #FFF;
    font-size: 20px;
    line-height: 1.1;
    cursor: pointer;
    text-decoration: none;
    font-family: 'rocks__gregular';
}

.form-element {
    display: flex;
    align-items: center;
}

.form-element .form-element-title-name {
    margin-right: 20px;
    width: 105px;
    text-align: right;
}

.form-element input {
    font-size: 14px;
    padding: 7px;
}

.error-overlay,
.auth-overlay {
    background-color: #e8c78c;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    font-family: 'rocks__gregular';
    font-size: 40px;
    line-height: 1.3;
    z-index: 10000;
}

.error-overlay .error-overlay-logo,
.auth-overlay .auth-overlay-logo {
    margin-bottom: 50px;
}

.d-none {
    display: none;
}