html {
    color: #000;
    background: #fff;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

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

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input, textarea, select {
    *font-size: 100%;
}

legend {
    color: #000;
}

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

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

select, button, input {
    appearance: button;
    /*-moz-appearance: button;*/
    /*-webkit-appearance: button;*/
}

select {
    outline: 0;
}

html, body {
    -webkit-overflow-scrolling: touch;
}

body {
    -webkit-text-size-adjust: 100%;
    overflow: hidden;
    overflow-y: auto;
}

@media (max-width: 767px) {
    body {
        min-width: 280px;
    }
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
}

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

p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
}

* > p:last-child {
    margin-bottom: 0;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #eee;
    margin-right: 0;
    margin-top: 0;
}

::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 100px;
}

input::selection, ::selection {
    color: #333;
    background: #fff;
}

input::-moz-selection, ::-moz-selection {
    color: #333;
    background: #fff;
}

.w.w25p {
    width: 25%;
}

.w.w50p {
    width: 50%;
}

.w.w75p {
    width: 75%;
}

.w.w100p {
    width: 100%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes spinCenter {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes headerLoading {
    0% {
        left: -1800px;
    }

    100% {
        left: 0;
    }
}

.button {
    background: #292c38;
    color: white;
    display: inline-block;
    padding: 13px 20px;
    border-radius: 5px;
    font-size: 13px;
    text-transform: uppercase;
    line-height: normal;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    font-weight: bold;
}

.button--ico {
    padding-left: 40px;
}

    .button--ico:after {
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 14px;
        width: 14px;
        height: 14px;
        opacity: 0.5;
        transform: translate(0, -50%);
        content: '';
    }

.button--ico--plus:after {
    background-image: url(img/svg/plus--fff.svg);
}




.layout {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.layout {
    min-width: 320px;
}

.layout__container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s;
    overflow: hidden;
}


@keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.layout__container--firstaccess {
    transform: translate(0, 0);
    overflow: hidden;
    z-index: 100;
}

html.logged .layout__container--firstaccess {
    transform: translate(-100%, 0);
}

.layout__container--firstaccess .logo {
    width: 220px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    /*background-image: url(img/logo/Logo-white.png);*/
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDUuNzQgMzEuOSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5sb2dvPC90aXRsZT48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxnIGlkPSJMYXllcl8yLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMiI+PGcgaWQ9IkxheWVyXzEtMi0yIiBkYXRhLW5hbWU9IkxheWVyIDEtMiI+PGcgaWQ9IkxheWVyXzItMi0yIiBkYXRhLW5hbWU9IkxheWVyIDItMiI+PGcgaWQ9IkxheWVyXzEtMi0yLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMS0yLTIiPjxnIGlkPSJMYXllcl8yLTItMi0yIiBkYXRhLW5hbWU9IkxheWVyIDItMi0yIj48ZyBpZD0iTGF5ZXJfMS0yLTItMi0yIiBkYXRhLW5hbWU9IkxheWVyIDEtMi0yLTIiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI3LjYsMTBWMjEuOEEzMy4yNCwzMy4yNCwwLDAsMCwwLDIxLjhWMTBhMzIuNjUsMzIuNjUsMCwwLDAsMTMuOCwzLDMzLDMzLDAsMCwwLDEzLjgtM20wLDEzLjlBMzMuMjQsMzMuMjQsMCwwLDAsMCwyMy45SDBsMTMuOCw4LDEzLjgtOFpNMjcuNiw4LDEzLjgsMCwwLDhIMGEzMi42NSwzMi42NSwwLDAsMCwxMy44LDNBMzMsMzMsMCwwLDAsMjcuNiw4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwNiw4LjdhNy43Miw3LjcyLDAsMCwwLTEuNS4yLDYuMTIsNi4xMiwwLDAsMC0xLjIuNSw1LjUsNS41LDAsMCwwLS45LjcsNC4zNSw0LjM1LDAsMCwwLS42LjdMMTAxLjcsOUg5OC4zVjIzaDMuNVYxNS40YTMuMTYsMy4xNiwwLDAsMSwyLjItMy4yLDMuMTgsMy4xOCwwLDAsMSwxLjQtLjIsMi43NywyLjc3LDAsMCwxLC45LjEsNC4zMyw0LjMzLDAsMCwxLC41LjFsLjctMy4zYy0uMi0uMS0uNC0uMS0uNi0uMmEyLjcyLDIuNzIsMCwwLDAtLjksMCIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTk0LjEsOS45YTYuOTIsNi45MiwwLDAsMC0xLjktMSw2LjcyLDYuNzIsMCwwLDAtMi40LS40LDguMiw4LjIsMCwwLDAtMi4yLjJBNC41Myw0LjUzLDAsMCwwLDg2LDlhMy43OSwzLjc5LDAsMCwwLTEuMy42bC0xLC42LDEuNiwyLjRhOC44Niw4Ljg2LDAsMCwxLDEuNy0uOCw2LjcyLDYuNzIsMCwwLDEsMi40LS40LDQuMjgsNC4yOCwwLDAsMSwyLjIuNiwxLjgyLDEuODIsMCwwLDEsLjgsMS42di4zbC0xLjEtLjFIODkuNGExMC42OCwxMC42OCwwLDAsMC0yLjUuMyw0LjM1LDQuMzUsMCwwLDAtMS45LDEsNS4wOSw1LjA5LDAsMCwwLTEuMywxLjYsNCw0LDAsMCwwLS40LDIuMSw0LjQ4LDQuNDgsMCwwLDAsLjQsMiw1LjI2LDUuMjYsMCwwLDAsMS4xLDEuNCw0LjgxLDQuODEsMCwwLDAsMS42LjgsNS4wOCw1LjA4LDAsMCwwLDEuNy4zLDcuNTEsNy41MSwwLDAsMCwyLjYtLjUsNC4zNCw0LjM0LDAsMCwwLDEuNy0xLjJsLjEsMS4zaDMuM1YxMy41YTQuNDgsNC40OCwwLDAsMC0uNC0yLDQuODEsNC44MSwwLDAsMC0xLjItMS42TTkyLjQsMThhMS42OSwxLjY5LDAsMCwxLS4zLDEsMi43LDIuNywwLDAsMS0uNy44LDMuNDksMy40OSwwLDAsMS0yLjIuOCwzLjIsMy4yLDAsMCwxLTEuOS0uNSwxLjU0LDEuNTQsMCwwLDEtLjYtMS40LDIuMTMsMi4xMywwLDAsMSwuNy0xLjUsMy40MSwzLjQxLDAsMCwxLDIuNC0uN2gxLjdsMSwuMVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01NS45LDE2YTMuNzcsMy43NywwLDAsMC0xLjUtLjksNyw3LDAsMCwwLTEuOS0uNiwyNS44MiwyNS44MiwwLDAsMS0yLjYtLjhjLS42LS4zLS44LS42LS44LTFhMS4wNSwxLjA1LDAsMCwxLC41LS45LDMuMjksMy4yOSwwLDAsMSwxLjctLjRBNyw3LDAsMCwxLDU1LDEyLjVMNTYuNywxMGE5LDksMCwwLDAtMi40LTEuMiwxMS4yNCwxMS4yNCwwLDAsMC0zLjItLjQsNy42MSw3LjYxLDAsMCwwLTIuMS4zLDUuMDgsNS4wOCwwLDAsMC0xLjguOUE0LjM2LDQuMzYsMCwwLDAsNDUuOSwxMWE0LjE0LDQuMTQsMCwwLDAtLjUsMS45LDMuMzcsMy4zNywwLDAsMCwuNSwxLjdBNi44OSw2Ljg5LDAsMCwwLDQ3LDE1LjlhNS4zLDUuMywwLDAsMCwxLjUuOCw4LjgsOC44LDAsMCwwLDEuNS41LDEzLjMyLDEzLjMyLDAsMCwxLDEuOS41LDUuMzYsNS4zNiwwLDAsMSwxLjEuNSwxLjIxLDEuMjEsMCwwLDEsLjUuNSwxLjA5LDEuMDksMCwwLDEsLjEuNSwxLDEsMCwwLDEtLjcsMSw1LjY2LDUuNjYsMCwwLDEtMS44LjMsNi4zNSw2LjM1LDAsMCwxLTIuMy0uNSw2LjE5LDYuMTksMCwwLDEtMS43LTEuMUw0NSwyMS4yYTUuNDQsNS40NCwwLDAsMCwyLjYsMS42LDksOSwwLDAsMCwzLjYuNSw4LjUyLDguNTIsMCwwLDAsMi4zLS4zLDYuNjMsNi42MywwLDAsMCwxLjktLjksNC4zNiw0LjM2LDAsMCwwLDEuMy0xLjQsMywzLDAsMCwwLC40LTEuOCwzLjkyLDMuOTIsMCwwLDAtLjQtMS44LDEuOTQsMS45NCwwLDAsMC0uOC0xLjEiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMTcuNSwyMC4xYTIsMiwwLDAsMS0xLjMuMiwxLjYxLDEuNjEsMCwwLDEtMS4zLS42LDMuOTIsMy45MiwwLDAsMS0uNC0xLjhWMTEuOGg0LjJWOC45aC00LjJ2LTVoLS4xbC0zLjQsMnYzaC0yLjR2Mi45SDExMXY2LjRhMTQuOTIsMTQuOTIsMCwwLDAsLjIsMi4xQTMuODEsMy44MSwwLDAsMCwxMTIsMjJhNC41MSw0LjUxLDAsMCwwLDEuNCwxLDUuMzgsNS4zOCwwLDAsMCwyLjIuNCw2LjIsNi4yLDAsMCwwLDIuMy0uNCwxMS4yNSwxMS4yNSwwLDAsMCwyLjEtMS4ybC0xLjYtMi4xYTcuOTMsNy45MywwLDAsMC0uOS40Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzUuOSw4LjZhNS43NSw1Ljc1LDAsMCwwLTIuNi41LDYuOTEsNi45MSwwLDAsMC0yLjIsMS42LDUsNSwwLDAsMC00LjItMiw3LjcyLDcuNzIsMCwwLDAtMS41LjJjLS40LjEtLjguMy0xLjEuNGE1LjU1LDUuNTUsMCwwLDAtLjguNmwtLjYuNkw2Mi44LDlINTkuNFYyM2gzLjVWMTUuM2E1LjksNS45LDAsMCwxLC4yLTEuNCwzLjc1LDMuNzUsMCwwLDEsLjctMS4yLDMuOTIsMy45MiwwLDAsMSwxLS44LDMuMDgsMy4wOCwwLDAsMSwxLjMtLjMsMi4yNywyLjI3LDAsMCwxLDEuOC43LDMuMTQsMy4xNCwwLDAsMSwuNywyLjF2OC41aDMuNVYxNS4zYTUuOSw1LjksMCwwLDEsLjItMS40LDMuMzgsMy4zOCwwLDAsMSwuNi0xLjIsMy45MiwzLjkyLDAsMCwxLDEtLjgsMy4wOCwzLjA4LDAsMCwxLDEuMy0uMywyLjI3LDIuMjcsMCwwLDEsMS44LjcsMy4xNCwzLjE0LDAsMCwxLC43LDIuMXY4LjVoMy41VjE0LjRhNi4zNyw2LjM3LDAsMCwwLTEuMy00LjIsNSw1LDAsMCwwLTQtMS42Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTkwLjksMTFhNiw2LDAsMCwwLTIuMS0xLjgsNy40OSw3LjQ5LDAsMCwwLTYuMS0uMSw2LjkxLDYuOTEsMCwwLDAtMi4yLDEuNiw2Ljc4LDYuNzgsMCwwLDAtMS40LDIuMyw3LjEsNy4xLDAsMCwwLS41LDIuOSwxMC41OSwxMC41OSwwLDAsMCwuNSwzLjEsNi4wOCw2LjA4LDAsMCwwLDEuNSwyLjQsOC42OCw4LjY4LDAsMCwwLDIuMywxLjYsOCw4LDAsMCwwLDMsLjYsOC42Myw4LjYzLDAsMCwwLDIuOC0uNCwxMC44NCwxMC44NCwwLDAsMCwxLjktLjgsNC43LDQuNywwLDAsMCwxLjItLjlsLjUtLjUtMS45LTIuMS0uNS41YTQuMDUsNC4wNSwwLDAsMS0uOS41LDYuNjEsNi42MSwwLDAsMS0zLjEuNiw2Ljc1LDYuNzUsMCwwLDEtMS40LS4yLDUuMzksNS4zOSwwLDAsMS0xLjMtLjcsMy4xMywzLjEzLDAsMCwxLS45LTEuMSwzLjE5LDMuMTksMCwwLDEtLjMtMS40aDEwLjR2LS41YTkuMjUsOS4yNSwwLDAsMC0uNC0yLjksNSw1LDAsMCwwLTEuMS0yLjdtLTksMy41YTQuMjUsNC4yNSwwLDAsMSwuMi0xLjEsMy41OSwzLjU5LDAsMCwxLC43LTEsMi41OSwyLjU5LDAsMCwxLDEuMS0uNyw0LDQsMCwwLDEsMS41LS4zLDMuMTksMy4xOSwwLDAsMSwxLjQuMywzLjU5LDMuNTksMCwwLDEsMSwuNywyLjA3LDIuMDcsMCwwLDEsLjYsMSwzLjU5LDMuNTksMCwwLDEsLjIsMS4xWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIwNS41LDE3LjJhNC4xMiw0LjEyLDAsMCwwLTEtMS4zQTMuNzcsMy43NywwLDAsMCwyMDMsMTVhNyw3LDAsMCwwLTEuOS0uNiwyNS44MywyNS44MywwLDAsMS0yLjYtLjgsMS4yOCwxLjI4LDAsMCwxLS45LTEsMS4wNSwxLjA1LDAsMCwxLC41LS45LDMuMjksMy4yOSwwLDAsMSwxLjctLjQsNyw3LDAsMCwxLDMuNywxLjFsMS44LTIuNWE5LDksMCwwLDAtMi40LTEuMiwxMS4yNCwxMS4yNCwwLDAsMC0zLjItLjQsNy42MSw3LjYxLDAsMCwwLTIuMS4zLDUuMDgsNS4wOCwwLDAsMC0xLjguOSw0LjM2LDQuMzYsMCwwLDAtMS4zLDEuNCw0LjE0LDQuMTQsMCwwLDAtLjUsMS45LDQuMDcsNC4wNywwLDAsMCwuNSwxLjgsNi44OSw2Ljg5LDAsMCwwLDEuMSwxLjMsNS4zLDUuMywwLDAsMCwxLjUuOCw4LjgsOC44LDAsMCwwLDEuNS41LDEzLjMyLDEzLjMyLDAsMCwxLDEuOS41LDUuMzYsNS4zNiwwLDAsMSwxLjEuNSwxLjIxLDEuMjEsMCwwLDEsLjUuNSwxLjA5LDEuMDksMCwwLDEsLjEuNSwxLDEsMCwwLDEtLjcsMSw1LjY2LDUuNjYsMCwwLDEtMS44LjMsNS44Nyw1Ljg3LDAsMCwxLTIuMy0uNCw0LjUyLDQuNTIsMCwwLDEtMS43LTEuMWwtMi4xLDIuM2E1LjQ0LDUuNDQsMCwwLDAsMi42LDEuNiw5LDksMCwwLDAsMy42LjUsOC41Miw4LjUyLDAsMCwwLDIuMy0uMyw2LjYzLDYuNjMsMCwwLDAsMS45LS45LDQuMzYsNC4zNiwwLDAsMCwxLjMtMS40LDMsMywwLDAsMCwuNC0xLjgsNCw0LDAsMCwwLS4yLTEuOCIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEzMS4zLDE2YTMuNzcsMy43NywwLDAsMC0xLjUtLjksNyw3LDAsMCwwLTEuOS0uNiwyNS44MiwyNS44MiwwLDAsMS0yLjYtLjhjLS42LS4zLS44LS42LS44LTFhMS4wNSwxLjA1LDAsMCwxLC41LS45LDMuMjksMy4yOSwwLDAsMSwxLjctLjQsNyw3LDAsMCwxLDMuNywxLjFsMS43LTIuNWE5LDksMCwwLDAtMi40LTEuMiwxMS4yNCwxMS4yNCwwLDAsMC0zLjItLjQsNy42MSw3LjYxLDAsMCwwLTIuMS4zLDUuMDgsNS4wOCwwLDAsMC0xLjguOSw0LjM2LDQuMzYsMCwwLDAtMS4zLDEuNCw0LjE0LDQuMTQsMCwwLDAtLjUsMS45LDQuMDcsNC4wNywwLDAsMCwuNSwxLjgsNi44OSw2Ljg5LDAsMCwwLDEuMSwxLjMsNS4zLDUuMywwLDAsMCwxLjUuOCw4LjgsOC44LDAsMCwwLDEuNS41LDEzLjMyLDEzLjMyLDAsMCwxLDEuOS41LDUuMzYsNS4zNiwwLDAsMSwxLjEuNSwxLjIxLDEuMjEsMCwwLDEsLjUuNSwxLjA5LDEuMDksMCwwLDEsLjEuNSwxLDEsMCwwLDEtLjcsMSw1LjY2LDUuNjYsMCwwLDEtMS44LjMsNS44Nyw1Ljg3LDAsMCwxLTIuMy0uNCw2LjE5LDYuMTksMCwwLDEtMS43LTEuMWwtMi4xLDIuM0E1LjQ0LDUuNDQsMCwwLDAsMTIzLDIzYTksOSwwLDAsMCwzLjYuNSw4LjUyLDguNTIsMCwwLDAsMi4zLS4zLDYuNjMsNi42MywwLDAsMCwxLjktLjksNC4zNiw0LjM2LDAsMCwwLDEuMy0xLjQsMywzLDAsMCwwLC40LTEuOCwzLjkyLDMuOTIsMCwwLDAtLjQtMS44LDIuNTgsMi41OCwwLDAsMC0uOC0xLjMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNjksMTIuOWEzLjc4LDMuNzgsMCwwLDEsMS4yLTEsMy42NiwzLjY2LDAsMCwxLDEuOC0uNCw0LjMzLDQuMzMsMCwwLDEsMS45LjQsNC44Niw0Ljg2LDAsMCwxLDEuNCwxLjFsMi4yLTIuM0E4LjA3LDguMDcsMCwwLDAsMTc1LjEsOWE4LjMxLDguMzEsMCwwLDAtNi4yLDAsNyw3LDAsMCwwLTMuOSw0LDcuMTcsNy4xNywwLDAsMC0uNiwyLjksMTAuNDcsMTAuNDcsMCwwLDAsLjUsMyw2LjI5LDYuMjksMCwwLDAsMy45LDMuOSw3LDcsMCwwLDAsMy4yLjUsOC4xNSw4LjE1LDAsMCwwLDMuMS0uNiw2LjU4LDYuNTgsMCwwLDAsMi4zLTEuN2wtMi4xLTIuM2E0LjE4LDQuMTgsMCwwLDEtMS41LDEuMSw0LjMzLDQuMzMsMCwwLDEtMS45LjQsMy43NSwzLjc1LDAsMCwxLTMtMS40LDMuNjksMy42OSwwLDAsMS0uNy0xLjQsNC4xNCw0LjE0LDAsMCwxLS4yLTEuNiw3Ljc3LDcuNzcsMCwwLDEsLjItMS42LDIuODcsMi44NywwLDAsMSwuOC0xLjMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNDcuMiwxMC45YTUuODgsNS44OCwwLDAsMC00LjgtMi4zLDguNzUsOC43NSwwLDAsMC0xLjYuMmMtLjQuMS0uOC4zLTEuMy40YTguNzksOC43OSwwLDAsMC0xLC42Yy0uMi4yLS41LjQtLjcuNmwtLjEtMS42aC0zLjR2MjBoMy41VjIyLjVsLjcuM2ExLjg4LDEuODgsMCwwLDAsLjguMmMuMy4xLjYuMS45LjJzLjguMSwxLjIuMWE3LjE3LDcuMTcsMCwwLDAsMi45LS42LDYuMyw2LjMsMCwwLDAsMi42LTIsOC4xOCw4LjE4LDAsMCwwLDEuMi0yLDkuMTgsOS4xOCwwLDAsMCwuNS0yLjgsOC40Miw4LjQyLDAsMCwwLS40LTIuNyw2LjQ0LDYuNDQsMCwwLDAtMS0yLjNNMTQ1LDE3LjZhMy45MiwzLjkyLDAsMCwxLS44LDEuNCw0LjEyLDQuMTIsMCwwLDEtMS4zLDEsMy4yOSwzLjI5LDAsMCwxLTEuNy40LDQuNzcsNC43NywwLDAsMS0zLjItLjlWMTUuM2EyLjY2LDIuNjYsMCwwLDEsLjMtMS4yLDcuNDYsNy40NiwwLDAsMSwuNy0xLjIsMy4xMywzLjEzLDAsMCwxLDEuMS0uOSw0LjE5LDQuMTksMCwwLDEsMS41LS40LDMuMjksMy4yOSwwLDAsMSwxLjcuNCwzLjEzLDMuMTMsMCwwLDEsMS4xLjksMy41MSwzLjUxLDAsMCwxLC42LDEuNCw4LjgxLDguODEsMCwwLDEsLjIsMS43LDMsMywwLDAsMS0uMiwxLjYiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xNjAuOSw5LjlhNi45Miw2LjkyLDAsMCwwLTEuOS0xLDYuNzIsNi43MiwwLDAsMC0yLjQtLjQsOC4yLDguMiwwLDAsMC0yLjIuMiwxMC40NiwxMC40NiwwLDAsMC0xLjcuNCw3LjU0LDcuNTQsMCwwLDAtMS4zLjZsLTEsLjYsMS42LDIuNGE4LDgsMCwwLDEsMS42LS44LDYuNzIsNi43MiwwLDAsMSwyLjQtLjQsNC4yOCw0LjI4LDAsMCwxLDIuMi42LDEuODIsMS44MiwwLDAsMSwuOCwxLjZWMTRsLTEuMS0uMWgtMmExMC42OCwxMC42OCwwLDAsMC0yLjUuMyw0LjM1LDQuMzUsMCwwLDAtMS45LDEsNS4wOSw1LjA5LDAsMCwwLTEuMywxLjYsNCw0LDAsMCwwLS40LDIuMSw0LjQ4LDQuNDgsMCwwLDAsLjQsMiw1LjI2LDUuMjYsMCwwLDAsMS4xLDEuNCw0LjgxLDQuODEsMCwwLDAsMS42LjgsNS4wOCw1LjA4LDAsMCwwLDEuNy4zLDcuNTEsNy41MSwwLDAsMCwyLjYtLjUsNS42Nyw1LjY3LDAsMCwwLDEuOC0xLjJsLjEsMS4zaDMuM1YxMy42YTQuNDgsNC40OCwwLDAsMC0uNC0yLDQuODEsNC44MSwwLDAsMC0xLjItMS42bS0xLjcsOGExLjY5LDEuNjksMCwwLDEtLjMsMSwyLjcsMi43LDAsMCwxLS43LjgsMy40OSwzLjQ5LDAsMCwxLTIuMi44LDMuMiwzLjIsMCwwLDEtMS45LS41LDEuNTQsMS41NCwwLDAsMS0uNi0xLjQsMi4xMywyLjEzLDAsMCwxLC43LTEuNSwzLjQxLDMuNDEsMCwwLDEsMi40LS43aDEuN2wxLC4xWiIvPjwvZz48L2c+PC9nPjwvZz48L2c+PC9nPjwvZz48L2c+PC9zdmc+);
    z-index: 50;
    margin: 0 auto;
}

.layout__container--firstaccess .box {
    width: calc(100% - 40px);
    max-width: 270px;
    border-radius: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 100;
    text-align: center;
}

.layout__container--firstaccess .box__content {
    padding: 20px 20px 0;
    transition: 0.15s;
}

    .layout__container--firstaccess .box__content.no-padding {
        padding: 0px 20px 0;
        transition: 0.15s;
    }

.layout__container--firstaccess .box__content--left {
    transform: translateX(-20px);
}

.layout__container--firstaccess .box__content--right {
    transform: translateX(20px);
}

.layout__container--firstaccess .box button,
.layout__container--firstaccess .box input[type="submit"],
.layout__container--firstaccess .box .input-box {
    margin-bottom: 15px;
}

.layout__container--firstaccess .box button,
.layout__container--firstaccess .box input[type="submit"],
.layout__container--firstaccess .box .input-container {
    background-color: rgba(255, 255, 255, 0.1);
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
    overflow: hidden;
    padding-left: 50px;
    border: 0;
    text-align: center;
    position: relative;
    outline: 0;
}

    .layout__container--firstaccess .box button,
    .layout__container--firstaccess .box input[type="submit"] input,
    .layout__container--firstaccess .box .input-container input {
        border: 0;
        height: 45px;
        line-height: 45px;
        outline: 0;
        width: 100%;
        background: transparent;
        text-align: left;
        color: white;
        font-size: 14px;
    }

        .layout__container--firstaccess .box input[type="submit"] input::-webkit-input-placeholder, .layout__container--firstaccess .box .input-container input::-webkit-input-placeholder {
            color: white;
        }

        .layout__container--firstaccess .box input[type="submit"] input::-moz-placeholder, .layout__container--firstaccess .box .input-container input::-moz-placeholder {
            color: white;
        }

        .layout__container--firstaccess .box input[type="submit"] input:-ms-input-placeholder, .layout__container--firstaccess .box .input-container input:-ms-input-placeholder {
            color: white;
        }

        .layout__container--firstaccess .box input[type="submit"] input:-moz-placeholder, .layout__container--firstaccess .box .input-container input:-moz-placeholder {
            color: white;
        }

    .layout__container--firstaccess .box input[type="submit"]:after, .layout__container--firstaccess .box .input-container:after {
        top: 50%;
        position: absolute;
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        left: 18px;
        transform: translateY(-50%);
        content: '';
        display: block;
    }

.layout__container--firstaccess .box .input-container--username:after {
    background-image: url(img/svg/man--fff.svg);
}

.layout__container--firstaccess .box .input-container--password:after {
    background-image: url(img/svg/lock--fff.svg);
}

.layout__container--firstaccess .box .password-container-reveal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    cursor: pointer;
}

.layout__container--firstaccess .box .password-container-reveal:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background: #c33;
    content: '';
    z-index: 1;
    opacity: 0;
    width: 0;
    height: 0;
    transition: 0.3s;
}

.layout__container--firstaccess .box .password-container-reveal:after {
    background-image: url(img/svg/visibility.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
}

.layout__container--firstaccess .box .password-container-reveal.active:before {
    opacity: 1;
    width: 26px;
    height: 3px;
}

.layout__container--firstaccess .box .input-container--submit {
    padding-left: 0;
}

    .layout__container--firstaccess .box .input-container--submit:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 26px;
        border-radius: 50%;
        width: 14px;
        height: 14px;
        animation: spinCenter 0.7s infinite linear;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        border: 3px solid rgba(255, 255, 255, 0.2);
        border-top-color: #fff;
    }

html.login-in-progress .layout__container--firstaccess .box .input-container--submit:after {
    opacity: 1;
    visibility: visible;
}

.layout__container--firstaccess .box .input-container--submit button,
.layout__container--firstaccess .box .input-container--submit input[type="submit"] {
    width: 100%;
    padding: 0;
    background-color: #006c9d;
    font-weight: bold;
    font-size: 14px;
    color: white;
    cursor: pointer;
    transition: 0.5s;
    text-align: center;
}

    .layout__container--firstaccess .box .input-container--submit button:hover,
    .layout__container--firstaccess .box .input-container--submit input[type="submit"]:hover {
        background-color: #002637;
    }

.layout__container--firstaccess .box a {
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
}

.layout__container--firstaccess .bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.layout__container--firstaccess--version-2 .box {
    min-width: 520px;
    display: flex;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1000px) {
    .layout__container--firstaccess--version-2 .box {
        min-width: 320px;
    }
}

@media (max-width: 480px) {
    .layout__container--firstaccess--version-2 .box {
        min-width: 240px;
    }
}

.layout__container--firstaccess--version-2 .box .col {
    width: 100%;
    padding: 60px 44px 80px;
}

@media (max-width: 1000px) {
    .layout__container--firstaccess--version-2 .box .col {
        width: 100%;
        padding: 80px 24px;
    }
}

@media (max-width: 480px) {
    .layout__container--firstaccess--version-2 .box .col {
        padding: 40px 0;
    }
}

/*.layout__container--firstaccess--version-2 .box .col:first-child {
    background-image: url('img/jpg/bg.jpg');
    background-size: cover;
    background-position: center center;
}*/


.layout__container--firstaccess--version-2 .box .col:last-child {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    /*background: linear-gradient(-45deg, #0082ad, #f8bca2, #f05f3a, #f8bca2);*/
    background-size: 400% 400%;
    animation: Gradient 15s ease infinite;
}

.layout__container--firstaccess--version-2 .bg {
    /*background-image: url('img/jpg/login-3.jpg');
    background-size: cover;
    background-position: center center;
    filter: blur(40px);
    left: -120px;
    bottom: -120px;
    top: -120px;
    right: -120px;
    animation: none;*/
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    /*background: linear-gradient(-45deg, #0082ad, #f8bca2, #f05f3a, #f8bca2);*/
    background-size: 400% 400%;
    animation: Gradient 15s ease infinite;
}

.validation-summary-errors {
    padding-bottom: 20px;
    color: #FFFFFF;
    font-weight: bold;
}

.validation-multi-line ul li {
    padding: 5px 0 5px 0;
}


.field-validation-error {
    display: block;
    text-align: left;
    font-size: 12px;
    color: #ffffff;
    padding-top: 5px;
}

.form-group h4 {
    margin: 0;
    padding: 0 0 15px 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}

.form-group select {
    width: 100%;
    padding: 8px 5px;
}

.actionLinkAsLink {
    margin-top: 25px;
    display: inline-block;
}

.textBoxAsLabel {
    border: none;
    color: #fff;
    font-size: 14px;
    background: transparent;
    text-align: center;
    padding-bottom: 25px;
}

.lblTimeOut {
    display: inline-block;
    padding-bottom: 25px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.checkbox {
    text-align: left;
    padding: 15px 0 0 0;
    margin: 0;
}

    .checkbox label {
        font-size: 14px;
        color: #ffffff;
    }


.validation-sub-title ul {
    margin: 0;
    padding: 0;
}

.validation-sub-title ul li {
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    padding: 0;
    margin: 0;
}