@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;500;600;700&display=swap');
@font-face {
    font-family: 'Byz';
    src: url('/assets/fonts/byz.ttf')  format('truetype');
}
@font-face {
    font-family: 'PTRoot';
    font-weight: normal;
    src: url('/assets/fonts/ptroot/pt-root-ui-regular.woff')  format('woff'),
    src: url('/assets/fonts/ptroot/pt-root-ui-regular.woff2')  format('woff2');
}
@font-face {
    font-family: 'PTRoot';
    font-weight: bold;
    src: url('/assets/fonts/ptroot/pt-root-ui-bold.woff')  format('woff'),
    src: url('/assets/fonts/ptroot/pt-root-ui-bold.woff2')  format('woff2');
}
body {
    margin: 0;
    font-family: "PTRoot", "Open Sans", sans-serif;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
}
h1, h2, h3, h4, h5 { color: #ad1443; }
h2, h3, h4, h5 { font-weight: 500; }
article { margin-bottom: 30px; }

header {
    display: flex;
    color: #ffffff;
    background-image: url(../img/neon-city-3.png), linear-gradient(135deg, rgb(26, 2, 2) 15%, rgb(124, 11, 46), rgb(88, 22, 135));
    background-size: auto 95%;
    background-repeat: no-repeat;
    background-position-x: 95%;
}
.frontpage header {
    height: 565px;
    padding: 0 10%;
}
.common header { height: 90px; }
.logo {
    position: absolute;
    display: flex;
    align-items: center;
    font-family: "Byz", sans-serif;
    top: 20px;
    left: 10%;
    font-size: 33px;

    height: 43px;
    background: no-repeat 0 0 url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 197.39 197.39"><path d="M188.13,88.52a10.19,10.19,0,0,0-8.78,3.62,80.47,80.47,0,0,0-11.1-34.81,3,3,0,0,0-4.77-.49c-8.61,9.48-21.64,16.93-37.15,21a34.6,34.6,0,0,0-6.81-6.81c4.1-15.51,11.55-28.54,21-37.15a3,3,0,0,0-.49-4.77,80.41,80.41,0,0,0-34.81-11.09,10.22,10.22,0,1,0-13.12,0A80.33,80.33,0,0,0,57.33,29.14a3,3,0,0,0-.49,4.77c9.48,8.61,16.93,21.64,21,37.15a34.87,34.87,0,0,0-6.81,6.81c-15.5-4.1-28.54-11.55-37.15-21a3,3,0,0,0-4.77.49A80.33,80.33,0,0,0,18.05,92.14a10.21,10.21,0,1,0,0,13.12,80.41,80.41,0,0,0,11.09,34.81,3,3,0,0,0,4.77.49c8.61-9.49,21.65-16.94,37.15-21a34.6,34.6,0,0,0,6.81,6.81c-4.1,15.51-11.55,28.54-21,37.15a3,3,0,0,0,.49,4.77,80.47,80.47,0,0,0,34.81,11.1,10.21,10.21,0,1,0,13.12,0,80.56,80.56,0,0,0,34.81-11.1,3,3,0,0,0,.49-4.77c-9.49-8.61-16.94-21.64-21-37.15a34.33,34.33,0,0,0,6.81-6.81c15.51,4.1,28.54,11.55,37.15,21a3,3,0,0,0,4.77-.49,80.56,80.56,0,0,0,11.1-34.81,10.22,10.22,0,1,0,8.78-16.74m-144.84,24A13.9,13.9,0,1,1,55.7,100.11a13.9,13.9,0,0,1-12.41,12.41m54-84.47A13.9,13.9,0,1,1,84.87,40.46,13.9,13.9,0,0,1,97.28,28.05m2.83,141.29a13.9,13.9,0,1,1,12.41-12.41,13.9,13.9,0,0,1-12.41,12.41m1.09-47.71a23.07,23.07,0,1,1,20.44-20.43,23.09,23.09,0,0,1-20.44,20.43m55.73-9.11a13.9,13.9,0,1,1,12.41-12.41,13.9,13.9,0,0,1-12.41,12.41" transform="translate(0 0)" fill="%23fff"/></svg>');
    background-size: contain;
}
.logo a { text-decoration: none; color: #ffffff; padding-left: 50px; }
.logo span.beta {
    font-family: "PTRoot", "Open Sans", sans-serif;
    font-size: 11px;
    padding-bottom: 25px;
    opacity: 0.5;
    cursor: default;
}

.menu {
    position: absolute;
    display: block;
    top: 33px;
    right: 10%;
}
.menu a { color: #ffffff; }

.menu #main_menu li.dots-icon { display: none; }

.intro {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.slogan {
    font-size: 40px;
    font-weight: 300;
    width: 40%;
    margin-top: 80px;
}
.actions {
    margin: 40px 0;
}
.actions .btn { margin-right: 20px; }
nav > div {
    display: flex;
    align-items: center;
}

.lang { font-size: 12px; }
.lang a { text-decoration: none; }
.lang a:not(:last-child)::after { content: '|'; margin: 0 2px; text-decoration: none; }

nav ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 55px 0 0;
}
nav ul li {
    text-align: center;
    padding: 0 20px;
}
nav ul li a {
    text-decoration: none;
    color: #ffffff;
}
header, main, footer {
    padding: 0 10%;
}
main {
    padding-top: 100px;
    padding-bottom: 100px;
    min-height: calc( 100vh - 525px );
}
footer {
    background-color: #474654;
    color: #7b7989;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 100px;
    padding-bottom: 100px;

    position: sticky;

}

nav a.sign-in { text-decoration: underline; }

.dots-icon { display: none; }

.btn {
    display: inline-block;
    text-decoration: none;
    min-width: 100px;
    padding: 0 15px;
    text-align: center;
    color: #64424c;
    border: 1px solid #8e536552;
    min-height: 40px;
    border-radius: 20px;
    line-height: 40px;
}
.btn-primary {
    color: #ffffff;
    background-color: #a51441;
    border: 1px solid #a51441!important;
}

.btn-android-icon {
    padding-left: 38px;
    background: 10px center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='20' height='20' viewBox='0,0,256,256'%0Astyle='fill:%23FFFFFF;'%3E%3Cg fill='%23ffffff' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode: normal'%3E%3Cg transform='scale(10.66667,10.66667)'%3E%3Cpath d='M7.5,1c-0.128,0 -0.25602,0.04898 -0.35352,0.14648c-0.195,0.195 -0.195,0.51203 0,0.70703l1.31055,1.31055c-1.48792,1.09186 -2.45703,2.84869 -2.45703,4.83594h12c0,-1.98725 -0.96911,-3.74408 -2.45703,-4.83594l1.31055,-1.31055c0.195,-0.196 0.195,-0.51103 0,-0.70703c-0.195,-0.195 -0.51203,-0.195 -0.70703,0l-1.48242,1.48242c-0.80345,-0.39935 -1.70587,-0.62891 -2.66406,-0.62891c-0.95819,0 -1.86062,0.22956 -2.66406,0.62891l-1.48242,-1.48242c-0.0975,-0.0975 -0.22552,-0.14648 -0.35352,-0.14648zM9,5h1v1h-1zM14,5h1v1h-1zM4,9c-0.552,0 -1,0.448 -1,1v6c0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1v-6c0,-0.552 -0.448,-1 -1,-1zM6,9v8c0,0.552 0.448,1 1,1h1v3.5c0,0.828 0.672,1.5 1.5,1.5c0.828,0 1.5,-0.672 1.5,-1.5v-3.5h2v3.5c0,0.828 0.672,1.5 1.5,1.5c0.828,0 1.5,-0.672 1.5,-1.5v-3.5h1c0.552,0 1,-0.448 1,-1v-8zM20,9c-0.552,0 -1,0.448 -1,1v6c0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1v-6c0,-0.552 -0.448,-1 -1,-1z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

header .btn {
    color: #ffffff;
    border: 1px solid #ffffff66;
}
header .btn-primary {
    color: #8d0b34;
    background-color: #ffffff;
    border: 1px solid #ffffff!important;
}

.copyright span { white-space: nowrap; }


@media screen and (max-width: 950px) {
    a.dots-icon {
        background: no-repeat 0 0 url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="276.167px" height="276.167px" viewBox="0 0 276.167 276.167" style="enable-background:new 0 0 276.167 276.167;" xml:space="preserve" fill="%23fff"><g><g><path d="M33.144,2.471C15.336,2.471,0.85,16.958,0.85,34.765s14.48,32.293,32.294,32.293s32.294-14.486,32.294-32.293 S50.951,2.471,33.144,2.471z"/><path d="M137.663,2.471c-17.807,0-32.294,14.487-32.294,32.294s14.487,32.293,32.294,32.293c17.808,0,32.297-14.486,32.297-32.293 S155.477,2.471,137.663,2.471z"/><path d="M243.873,67.059c17.804,0,32.294-14.486,32.294-32.293S261.689,2.471,243.873,2.471s-32.294,14.487-32.294,32.294 S226.068,67.059,243.873,67.059z"/><path d="M32.3,170.539c17.807,0,32.297-14.483,32.297-32.293c0-17.811-14.49-32.297-32.297-32.297S0,120.436,0,138.246 C0,156.056,14.493,170.539,32.3,170.539z"/><path d="M136.819,170.539c17.804,0,32.294-14.483,32.294-32.293c0-17.811-14.478-32.297-32.294-32.297 c-17.813,0-32.294,14.486-32.294,32.297C104.525,156.056,119.012,170.539,136.819,170.539z"/><path d="M243.038,170.539c17.811,0,32.294-14.483,32.294-32.293c0-17.811-14.483-32.297-32.294-32.297 s-32.306,14.486-32.306,32.297C210.732,156.056,225.222,170.539,243.038,170.539z"/><path d="M33.039,209.108c-17.807,0-32.3,14.483-32.3,32.294c0,17.804,14.493,32.293,32.3,32.293s32.293-14.482,32.293-32.293 S50.846,209.108,33.039,209.108z"/><path d="M137.564,209.108c-17.808,0-32.3,14.483-32.3,32.294c0,17.804,14.487,32.293,32.3,32.293 c17.804,0,32.293-14.482,32.293-32.293S155.368,209.108,137.564,209.108z"/><path d="M243.771,209.108c-17.804,0-32.294,14.483-32.294,32.294c0,17.804,14.49,32.293,32.294,32.293 c17.811,0,32.294-14.482,32.294-32.293S261.575,209.108,243.771,209.108z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>');
        background-size: contain;
        width: 20px;
        height: 20px;
        display: block;
        float: right;
    }
    .frontpage header {
        height: 100vh;
        min-height: 440px;
    }
    .common header { height: 125px; }

    nav > div {
        display: flex;
        flex-direction: row-reverse;
    }

    .lang {
        margin-right: 28px;
    }

    header nav ul {
        display: none;
        clear: both;
        flex-direction: column;
        align-items: start;
        margin: 0;
        background-color: #8b1338;
    }
    header nav ul.show-menu {
        display: flex!important;
        position: fixed;
        z-index: 10;
        left: 0;
        bottom: 0;
        top: 0;
        right: 0;
        padding: 31px;
        align-items: center;
        justify-content: center;
    }
    header nav ul li {
        padding: 20px;
    }
    header nav ul li a {
        display: block;
        font-size: 17px;
    }

    ul.show-menu li.dots-icon { display: block!important; }
    ul.show-menu li.dots-icon a {
        background: no-repeat 0 0 url(data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="276.167px" height="276.167px" viewBox="0 0 276.167 276.167" style="enable-background:new 0 0 276.167 276.167;" xml:space="preserve" fill="%23fff"><g><g><path d="M33.144,2.471C15.336,2.471,0.85,16.958,0.85,34.765s14.48,32.293,32.294,32.293s32.294-14.486,32.294-32.293 S50.951,2.471,33.144,2.471z"/><path d="M137.663,2.471c-17.807,0-32.294,14.487-32.294,32.294s14.487,32.293,32.294,32.293c17.808,0,32.297-14.486,32.297-32.293 S155.477,2.471,137.663,2.471z"/><path d="M243.873,67.059c17.804,0,32.294-14.486,32.294-32.293S261.689,2.471,243.873,2.471s-32.294,14.487-32.294,32.294 S226.068,67.059,243.873,67.059z"/><path d="M32.3,170.539c17.807,0,32.297-14.483,32.297-32.293c0-17.811-14.49-32.297-32.297-32.297S0,120.436,0,138.246 C0,156.056,14.493,170.539,32.3,170.539z"/><path d="M136.819,170.539c17.804,0,32.294-14.483,32.294-32.293c0-17.811-14.478-32.297-32.294-32.297 c-17.813,0-32.294,14.486-32.294,32.297C104.525,156.056,119.012,170.539,136.819,170.539z"/><path d="M243.038,170.539c17.811,0,32.294-14.483,32.294-32.293c0-17.811-14.483-32.297-32.294-32.297 s-32.306,14.486-32.306,32.297C210.732,156.056,225.222,170.539,243.038,170.539z"/><path d="M33.039,209.108c-17.807,0-32.3,14.483-32.3,32.294c0,17.804,14.493,32.293,32.3,32.293s32.293-14.482,32.293-32.293 S50.846,209.108,33.039,209.108z"/><path d="M137.564,209.108c-17.808,0-32.3,14.483-32.3,32.294c0,17.804,14.487,32.293,32.3,32.293 c17.804,0,32.293-14.482,32.293-32.293S155.368,209.108,137.564,209.108z"/><path d="M243.771,209.108c-17.804,0-32.294,14.483-32.294,32.294c0,17.804,14.49,32.293,32.294,32.293 c17.811,0,32.294-14.482,32.294-32.293S261.575,209.108,243.771,209.108z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>);
        background-size: contain;
        width: 20px;
        height: 20px;
        display: block;
        position: fixed;
        right: 39px;
        top: 53px;
        opacity: 0.5;
    }



    header {
        height: calc( 70px );
    }
    .logo { top: 40px; }
    .menu { top: 53px; }
    .intro {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .slogan {
        width: 100%;
    }
    .illustration { display: none; }

    footer nav ul {
        flex-direction: column;
        gap: 40px;
        margin: 0;
        padding: 0;
    }
}