.flex-it{display:flex!important}
.wrap-it{flex-wrap:wrap!important}
.middle-it{align-items:center!important}
.center-it{justify-content:center!important}
.between-it{justify-content:space-between!important}
.evenly-it{justify-content:space-evenly!important}
.stretch-it{align-items:stretch!important}
.n-grow-it{flex-grow:0!important}
.n-shrink-it{flex-shrink:0!important}
.grow-it{flex-grow:1!important}
.shrink-it{flex-shrink:1!important}
.reverse-it{flex-direction:row-reverse!important}



.m0 {margin: 0 !important;}


::selection {
    background-color: #ff008e;
    color: #fff;
}




.fullSize+script+.main-footer {
    background: transparent;
    border: 0;
    display: flex;
    justify-content: center;
    flex-flow: row-reverse;
}
.fullSize+script+.main-footer>p{
    padding: 0 10px;
    margin: 0;
}
.login-page, .register-page {
    background: transparent;
    max-width: 390px;
}
body, html {
    line-height: 1.4;
    font-size: 14px;
    min-height: 500px;
}

.fullSize {
    height: 100vh;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px;
    overflow: auto;
}
.fullSize h1 {
    font-size: 2.3em;
    margin: 0 0 5px 0;
    padding: 0;
    border: 0;
    font-weight: 600;
    color: #fff;
}
.fullSize h2 {
    margin: 0 0 40px 0;
    font-size: 1.3em;
    color: #fff;
}
.fullSize+script+.main-footer {
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: .9em;
}
.fullSize+script+.main-footer * {
    color: #fff !important;
}
.fullSize+script+.main-footer a:hover {
    text-decoration: underline;
}
.fullSize .login-page form input, .fullSize .login-page form select {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 1.1em;
    border-radius: 5px;
    border: 0;
    height: auto;
}
.fullSize .login-page form input.btn {
    margin: 15px 0 0 0;
    display: inline-block;
    width: auto;
    font-size: 1.2em;
    font-weight: 600;
    padding: 8px 20px;
    background: #0d00a0 !important;
    border-radius: 24px;
}
.logoMare {
    width: 100px;
    margin-bottom: 20px;
}



.fullSizeLong {
    display: block;
    padding: 100px 20px 100px;
    height: auto;
}
.fullSizeLong+script+.main-footer {
    position: relative;
    margin-top: -74px;
}
.allWhite {
    color: #fff;
}
.allWhite a b{
    color: #fff;
}






@media (max-width:767px){

    .fullSize+script+.main-footer {
        display: block;
    }
    .fullSize+script+.main-footer>p{
        margin: 10px 0 0;
        padding: 0;
        text-align: center;
    }
    .fullSize+script+.main-footer>p:nth-child(1){
        margin: 0;
    }
}







