html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 1rem 40rem
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button, input, optgroup, select, textarea {
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1rem dotted ButtonText
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2rem
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

.mejs__offscreen {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal
}

.mejs__container {
    background: #000;
    box-sizing: border-box;
    font-family: Helvetica, Arial, serif;
    position: relative;
    text-align: left;
    text-indent: 0;
    vertical-align: top
}

.mejs__container * {
    box-sizing: border-box
}

.mejs__container video::-webkit-media-controls, .mejs__container video::-webkit-media-controls-panel, .mejs__container video::-webkit-media-controls-panel-container, .mejs__container video::-webkit-media-controls-start-playback-button {
    -webkit-appearance: none;
    display: none !important
}

.mejs__fill-container, .mejs__fill-container .mejs__container {
    height: 100%;
    width: 100%
}

.mejs__fill-container {
    background: 0 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.mejs__container:focus {
    outline: 0
}

.mejs__iframe-overlay {
    height: 100%;
    position: absolute;
    width: 100%
}

.mejs__embed, .mejs__embed body {
    background: #000;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.mejs__fullscreen {
    overflow: hidden !important
}

.mejs__container-fullscreen {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video {
    height: 100% !important;
    width: 100% !important
}

.mejs__background {
    left: 0;
    position: absolute;
    top: 0
}

.mejs__mediaelement {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.mejs__poster {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
}

:root .mejs__poster-img {
    display: none
}

.mejs__poster-img {
    border: 0;
    padding: 0
}

.mejs__overlay {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0
}

.mejs__layer {
    z-index: 1
}

.mejs__overlay-play {
    cursor: pointer
}

.mejs__overlay-button {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgNDAwIDEyMCI+PHN0eWxlPi5zdDB7ZmlsbDojRkZGRkZGO3dpZHRoOjE2cHg7aGVpZ2h0OjE2cHh9IC5zdDF7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDoxLjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fSAuc3Qye2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDt9IC5zdDN7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO30gLnN0NHtmaWxsOiMyMzFGMjA7fSAuc3Q1e29wYWNpdHk6MC43NTtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjU7ZW5hYmxlLWJhY2tncm91bmQ6bmV3O30gLnN0NntmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjU7fSAuc3Q3e29wYWNpdHk6MC40O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fSAuc3Q4e29wYWNpdHk6MC42O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fSAuc3Q5e29wYWNpdHk6MC44O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fSAuc3QxMHtvcGFjaXR5OjAuOTtmaWxsOiNGRkZGRkY7ZW5hYmxlLWJhY2tncm91bmQ6bmV3O30gLnN0MTF7b3BhY2l0eTowLjM7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldzt9IC5zdDEye29wYWNpdHk6MC41O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fSAuc3QxM3tvcGFjaXR5OjAuNztmaWxsOiNGRkZGRkY7ZW5hYmxlLWJhY2tncm91bmQ6bmV3O308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNi41IDguNWMuMy4xLjQuNS4yLjgtLjEuMS0uMS4yLS4yLjJsLTExLjQgN2MtLjUuMy0uOC4xLS44LS41VjJjMC0uNS40LS44LjgtLjVsMTEuNCA3eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNCAxaDIuMmMuNiAwIDEgLjQgMSAxdjE0YzAgLjYtLjQgMS0xIDFIMjRjLS42IDAtMS0uNC0xLTFWMmMwLS41LjQtMSAxLTF6bTkuOCAwSDM2Yy42IDAgMSAuNCAxIDF2MTRjMCAuNi0uNCAxLTEgMWgtMi4yYy0uNiAwLTEtLjQtMS0xVjJjMC0uNS40LTEgMS0xeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MSAxLjRjMC0uNi40LTEgMS0xaDUuNGMuNiAwIC43LjMuMy43bC02IDZjLS40LjQtLjcuMy0uNy0uM1YxLjR6bTAgMTUuOGMwIC42LjQgMSAxIDFoNS40Yy42IDAgLjctLjMuMy0uN2wtNi02Yy0uNC0uNC0uNy0uMy0uNy4zdjUuNHpNOTguOCAxLjRjMC0uNi0uNC0xLTEtMWgtNS40Yy0uNiAwLS43LjMtLjMuN2w2IDZjLjQuNC43LjMuNy0uM1YxLjR6bTAgMTUuOGMwIC42LS40IDEtMSAxaC01LjRjLS42IDAtLjctLjMtLjMtLjdsNi02Yy40LS40LjctLjMuNy4zdjUuNHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEyLjcgNWMwIC42LjQgMSAxIDFoNC4xYy42IDAgLjctLjMuMy0uN0wxMTMuNC42Yy0uNC0uNC0uNy0uMy0uNy4zVjV6bS03LjEgMWMuNiAwIDEtLjQgMS0xVi45YzAtLjYtLjMtLjctLjctLjNsLTQuNyA0LjdjLS40LjQtLjMuNy4zLjdoNC4xem0xIDcuMWMwLS42LS40LTEtMS0xaC00LjFjLS42IDAtLjcuMy0uMy43bDQuNyA0LjdjLjQuNC43LjMuNy0uM3YtNC4xem03LjEtMWMtLjYgMC0xIC40LTEgMXY0LjFjMCAuNS4zLjcuNy4zbDQuNy00LjdjLjQtLjQuMy0uNy0uMy0uN2gtNC4xeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NyA1LjhjLS41LjQtMS4yLjYtMS44LjZINjJjLS42IDAtMSAuNC0xIDF2NS43YzAgLjYuNCAxIDEgMWg0LjJjLjMuMi41LjQuOC42bDMuNSAyLjZjLjQuMy44LjEuOC0uNFYzLjVjMC0uNS0uNC0uNy0uOC0uNEw2NyA1Ljh6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTczLjkgMi41czMuOS0uOCAzLjkgNy43LTMuOSA3LjgtMy45IDcuOCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03Mi42IDYuNHMyLjYtLjQgMi42IDMuOC0yLjYgMy45LTIuNiAzLjkiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDcgNS44Yy0uNS40LTEuMi42LTEuOC42SDQyYy0uNiAwLTEgLjQtMSAxdjUuN2MwIC42LjQgMSAxIDFoNC4yYy4zLjIuNS40LjguNmwzLjUgMi42Yy40LjMuOC4xLjgtLjRWMy41YzAtLjUtLjQtLjctLjgtLjRMNDcgNS44eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01Mi44IDdsNS40IDUuNG0tNS40IDBMNTguMiA3Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTEyOC43IDguNmMtNi4yLTQuMi02LjUgNy44IDAgMy45bTYuNS0zLjljLTYuMi00LjItNi41IDcuOCAwIDMuOSIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjIuMiAzLjRoMTUuN3YxMy4xaC0xNS43VjMuNHpNMTIwLjggMnYxNS43aDE4LjNWMmgtMTguM3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQzLjIgM2gxNGMxLjEgMCAyIC45IDIgMnYxMGMwIDEuMS0uOSAyLTIgMmgtMTRjLTEuMSAwLTItLjktMi0yVjVjMC0xLjEuOS0yIDItMnoiLz48cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTQ2LjQgMTMuOGMtLjggMC0xLjYtLjQtMi4xLTEtMS4xLTEuNC0xLTMuNC4xLTQuOC41LS42IDItMS43IDQuNi4ybC0uNi44Yy0xLjQtMS0yLjYtMS4xLTMuMy0uMy0uOCAxLS44IDIuNC0uMSAzLjUuNy45IDEuOS44IDMuNC0uMWwuNS45Yy0uNy41LTEuNi43LTIuNS44em03LjUgMGMtLjggMC0xLjYtLjQtMi4xLTEtMS4xLTEuNC0xLTMuNC4xLTQuOC41LS42IDItMS43IDQuNi4ybC0uNS44Yy0xLjQtMS0yLjYtMS4xLTMuMy0uMy0uOCAxLS44IDIuNC0uMSAzLjUuNy45IDEuOS44IDMuNC0uMWwuNS45Yy0uOC41LTEuNy43LTIuNi44eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MC4zIDc3Yy42LjIuOC44LjYgMS40LS4xLjMtLjMuNS0uNi42TDMwIDk2LjVjLTEgLjYtMS43LjEtMS43LTF2LTM1YzAtMS4xLjgtMS41IDEuNy0xTDYwLjMgNzd6Ii8+PHBhdGggY2xhc3M9InN0NSIgZD0iTTIuNSA3OWMwLTIwLjcgMTYuOC0zNy41IDM3LjUtMzcuNVM3Ny41IDU4LjMgNzcuNSA3OSA2MC43IDExNi41IDQwIDExNi41IDIuNSA5OS43IDIuNSA3OXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQwLjMgNzdjLjYuMi44LjguNiAxLjQtLjEuMy0uMy41LS42LjZMMTEwIDk2LjVjLTEgLjYtMS43LjEtMS43LTF2LTM1YzAtMS4xLjgtMS41IDEuNy0xTDE0MC4zIDc3eiIvPjxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik04Mi41IDc5YzAtMjAuNyAxNi44LTM3LjUgMzcuNS0zNy41czM3LjUgMTYuOCAzNy41IDM3LjUtMTYuOCAzNy41LTM3LjUgMzcuNVM4Mi41IDk5LjcgODIuNSA3OXoiLz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMDEuOSIgY3k9IjQ3LjEiIHI9IjguMSIvPjxjaXJjbGUgY2xhc3M9InN0NyIgY3g9IjIzMy45IiBjeT0iNzkiIHI9IjUiLz48Y2lyY2xlIGNsYXNzPSJzdDgiIGN4PSIyMDEuOSIgY3k9IjExMC45IiByPSI2Ii8+PGNpcmNsZSBjbGFzcz0ic3Q5IiBjeD0iMTcwLjEiIGN5PSI3OSIgcj0iNyIvPjxjaXJjbGUgY2xhc3M9InN0MTAiIGN4PSIxNzguMiIgY3k9IjU2LjMiIHI9IjcuNSIvPjxjaXJjbGUgY2xhc3M9InN0MTEiIGN4PSIyMjYuMyIgY3k9IjU2LjEiIHI9IjQuNSIvPjxjaXJjbGUgY2xhc3M9InN0MTIiIGN4PSIyMjUuOCIgY3k9IjEwMi44IiByPSI1LjUiLz48Y2lyY2xlIGNsYXNzPSJzdDEzIiBjeD0iMTc4LjIiIGN5PSIxMDIuOCIgcj0iNi41Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE3OCA5LjRjMCAuNC0uNC43LS45LjctLjEgMC0uMiAwLS4yLS4xTDE3MiA4LjJjLS41LS4yLS42LS42LS4xLS44bDYuMi0zLjZjLjUtLjMuOC0uMS43LjVsLS44IDUuMXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY5LjQgMTUuOWMtMSAwLTItLjItMi45LS43LTItMS0zLjItMy0zLjItNS4yLjEtMy40IDIuOS02IDYuMy02IDIuNS4xIDQuOCAxLjcgNS42IDQuMWwuMS0uMSAyLjEgMS4xYy0uNi00LjQtNC43LTcuNS05LjEtNi45LTMuOS42LTYuOSAzLjktNyA3LjkgMCAyLjkgMS43IDUuNiA0LjMgNyAxLjIuNiAyLjUuOSAzLjggMSAyLjYgMCA1LTEuMiA2LjYtMy4zbC0xLjgtLjljLTEuMiAxLjItMyAyLTQuOCAyeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODMuNCAzLjJjLjggMCAxLjUuNyAxLjUgMS41cy0uNyAxLjUtMS41IDEuNS0xLjUtLjctMS41LTEuNWMwLS45LjctMS41IDEuNS0xLjV6bTUuMSAwaDguNWMuOSAwIDEuNS43IDEuNSAxLjVzLS43IDEuNS0xLjUgMS41aC04LjVjLS45IDAtMS41LS43LTEuNS0xLjUtLjEtLjkuNi0xLjUgMS41LTEuNXptLTUuMSA1Yy44IDAgMS41LjcgMS41IDEuNXMtLjcgMS41LTEuNSAxLjUtMS41LS43LTEuNS0xLjVjMC0uOS43LTEuNSAxLjUtMS41em01LjEgMGg4LjVjLjkgMCAxLjUuNyAxLjUgMS41cy0uNyAxLjUtMS41IDEuNWgtOC41Yy0uOSAwLTEuNS0uNy0xLjUtMS41LS4xLS45LjYtMS41IDEuNS0xLjV6bS01LjEgNWMuOCAwIDEuNS43IDEuNSAxLjVzLS43IDEuNS0xLjUgMS41LTEuNS0uNy0xLjUtMS41YzAtLjkuNy0xLjUgMS41LTEuNXptNS4xIDBoOC41Yy45IDAgMS41LjcgMS41IDEuNXMtLjcgMS41LTEuNSAxLjVoLTguNWMtLjkgMC0xLjUtLjctMS41LTEuNS0uMS0uOS42LTEuNSAxLjUtMS41eiIvPjwvc3ZnPgo=) no-repeat;
    background-position: 0 -39rem;
    height: 80rem;
    width: 80rem
}

.mejs__overlay:hover > .mejs__overlay-button {
    background-position: -80rem -39rem
}

.mejs__overlay-loading {
    height: 80rem;
    width: 80rem
}

.mejs__overlay-loading-bg-img {
    animation: mejs__loading-spinner 1s linear infinite;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgNDAwIDEyMCI+PHN0eWxlPi5zdDB7ZmlsbDojRkZGRkZGO3dpZHRoOjE2cHg7aGVpZ2h0OjE2cHh9IC5zdDF7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDoxLjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fSAuc3Qye2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDt9IC5zdDN7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO30gLnN0NHtmaWxsOiMyMzFGMjA7fSAuc3Q1e29wYWNpdHk6MC43NTtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjU7ZW5hYmxlLWJhY2tncm91bmQ6bmV3O30gLnN0NntmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjU7fSAuc3Q3e29wYWNpdHk6MC40O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fSAuc3Q4e29wYWNpdHk6MC42O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fSAuc3Q5e29wYWNpdHk6MC44O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fSAuc3QxMHtvcGFjaXR5OjAuOTtmaWxsOiNGRkZGRkY7ZW5hYmxlLWJhY2tncm91bmQ6bmV3O30gLnN0MTF7b3BhY2l0eTowLjM7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldzt9IC5zdDEye29wYWNpdHk6MC41O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fSAuc3QxM3tvcGFjaXR5OjAuNztmaWxsOiNGRkZGRkY7ZW5hYmxlLWJhY2tncm91bmQ6bmV3O308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNi41IDguNWMuMy4xLjQuNS4yLjgtLjEuMS0uMS4yLS4yLjJsLTExLjQgN2MtLjUuMy0uOC4xLS44LS41VjJjMC0uNS40LS44LjgtLjVsMTEuNCA3eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNCAxaDIuMmMuNiAwIDEgLjQgMSAxdjE0YzAgLjYtLjQgMS0xIDFIMjRjLS42IDAtMS0uNC0xLTFWMmMwLS41LjQtMSAxLTF6bTkuOCAwSDM2Yy42IDAgMSAuNCAxIDF2MTRjMCAuNi0uNCAxLTEgMWgtMi4yYy0uNiAwLTEtLjQtMS0xVjJjMC0uNS40LTEgMS0xeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MSAxLjRjMC0uNi40LTEgMS0xaDUuNGMuNiAwIC43LjMuMy43bC02IDZjLS40LjQtLjcuMy0uNy0uM1YxLjR6bTAgMTUuOGMwIC42LjQgMSAxIDFoNS40Yy42IDAgLjctLjMuMy0uN2wtNi02Yy0uNC0uNC0uNy0uMy0uNy4zdjUuNHpNOTguOCAxLjRjMC0uNi0uNC0xLTEtMWgtNS40Yy0uNiAwLS43LjMtLjMuN2w2IDZjLjQuNC43LjMuNy0uM1YxLjR6bTAgMTUuOGMwIC42LS40IDEtMSAxaC01LjRjLS42IDAtLjctLjMtLjMtLjdsNi02Yy40LS40LjctLjMuNy4zdjUuNHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEyLjcgNWMwIC42LjQgMSAxIDFoNC4xYy42IDAgLjctLjMuMy0uN0wxMTMuNC42Yy0uNC0uNC0uNy0uMy0uNy4zVjV6bS03LjEgMWMuNiAwIDEtLjQgMS0xVi45YzAtLjYtLjMtLjctLjctLjNsLTQuNyA0LjdjLS40LjQtLjMuNy4zLjdoNC4xem0xIDcuMWMwLS42LS40LTEtMS0xaC00LjFjLS42IDAtLjcuMy0uMy43bDQuNyA0LjdjLjQuNC43LjMuNy0uM3YtNC4xem03LjEtMWMtLjYgMC0xIC40LTEgMXY0LjFjMCAuNS4zLjcuNy4zbDQuNy00LjdjLjQtLjQuMy0uNy0uMy0uN2gtNC4xeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NyA1LjhjLS41LjQtMS4yLjYtMS44LjZINjJjLS42IDAtMSAuNC0xIDF2NS43YzAgLjYuNCAxIDEgMWg0LjJjLjMuMi41LjQuOC42bDMuNSAyLjZjLjQuMy44LjEuOC0uNFYzLjVjMC0uNS0uNC0uNy0uOC0uNEw2NyA1Ljh6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTczLjkgMi41czMuOS0uOCAzLjkgNy43LTMuOSA3LjgtMy45IDcuOCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03Mi42IDYuNHMyLjYtLjQgMi42IDMuOC0yLjYgMy45LTIuNiAzLjkiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDcgNS44Yy0uNS40LTEuMi42LTEuOC42SDQyYy0uNiAwLTEgLjQtMSAxdjUuN2MwIC42LjQgMSAxIDFoNC4yYy4zLjIuNS40LjguNmwzLjUgMi42Yy40LjMuOC4xLjgtLjRWMy41YzAtLjUtLjQtLjctLjgtLjRMNDcgNS44eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01Mi44IDdsNS40IDUuNG0tNS40IDBMNTguMiA3Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTEyOC43IDguNmMtNi4yLTQuMi02LjUgNy44IDAgMy45bTYuNS0zLjljLTYuMi00LjItNi41IDcuOCAwIDMuOSIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjIuMiAzLjRoMTUuN3YxMy4xaC0xNS43VjMuNHpNMTIwLjggMnYxNS43aDE4LjNWMmgtMTguM3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQzLjIgM2gxNGMxLjEgMCAyIC45IDIgMnYxMGMwIDEuMS0uOSAyLTIgMmgtMTRjLTEuMSAwLTItLjktMi0yVjVjMC0xLjEuOS0yIDItMnoiLz48cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTQ2LjQgMTMuOGMtLjggMC0xLjYtLjQtMi4xLTEtMS4xLTEuNC0xLTMuNC4xLTQuOC41LS42IDItMS43IDQuNi4ybC0uNi44Yy0xLjQtMS0yLjYtMS4xLTMuMy0uMy0uOCAxLS44IDIuNC0uMSAzLjUuNy45IDEuOS44IDMuNC0uMWwuNS45Yy0uNy41LTEuNi43LTIuNS44em03LjUgMGMtLjggMC0xLjYtLjQtMi4xLTEtMS4xLTEuNC0xLTMuNC4xLTQuOC41LS42IDItMS43IDQuNi4ybC0uNS44Yy0xLjQtMS0yLjYtMS4xLTMuMy0uMy0uOCAxLS44IDIuNC0uMSAzLjUuNy45IDEuOS44IDMuNC0uMWwuNS45Yy0uOC41LTEuNy43LTIuNi44eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MC4zIDc3Yy42LjIuOC44LjYgMS40LS4xLjMtLjMuNS0uNi42TDMwIDk2LjVjLTEgLjYtMS43LjEtMS43LTF2LTM1YzAtMS4xLjgtMS41IDEuNy0xTDYwLjMgNzd6Ii8+PHBhdGggY2xhc3M9InN0NSIgZD0iTTIuNSA3OWMwLTIwLjcgMTYuOC0zNy41IDM3LjUtMzcuNVM3Ny41IDU4LjMgNzcuNSA3OSA2MC43IDExNi41IDQwIDExNi41IDIuNSA5OS43IDIuNSA3OXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQwLjMgNzdjLjYuMi44LjguNiAxLjQtLjEuMy0uMy41LS42LjZMMTEwIDk2LjVjLTEgLjYtMS43LjEtMS43LTF2LTM1YzAtMS4xLjgtMS41IDEuNy0xTDE0MC4zIDc3eiIvPjxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik04Mi41IDc5YzAtMjAuNyAxNi44LTM3LjUgMzcuNS0zNy41czM3LjUgMTYuOCAzNy41IDM3LjUtMTYuOCAzNy41LTM3LjUgMzcuNVM4Mi41IDk5LjcgODIuNSA3OXoiLz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMDEuOSIgY3k9IjQ3LjEiIHI9IjguMSIvPjxjaXJjbGUgY2xhc3M9InN0NyIgY3g9IjIzMy45IiBjeT0iNzkiIHI9IjUiLz48Y2lyY2xlIGNsYXNzPSJzdDgiIGN4PSIyMDEuOSIgY3k9IjExMC45IiByPSI2Ii8+PGNpcmNsZSBjbGFzcz0ic3Q5IiBjeD0iMTcwLjEiIGN5PSI3OSIgcj0iNyIvPjxjaXJjbGUgY2xhc3M9InN0MTAiIGN4PSIxNzguMiIgY3k9IjU2LjMiIHI9IjcuNSIvPjxjaXJjbGUgY2xhc3M9InN0MTEiIGN4PSIyMjYuMyIgY3k9IjU2LjEiIHI9IjQuNSIvPjxjaXJjbGUgY2xhc3M9InN0MTIiIGN4PSIyMjUuOCIgY3k9IjEwMi44IiByPSI1LjUiLz48Y2lyY2xlIGNsYXNzPSJzdDEzIiBjeD0iMTc4LjIiIGN5PSIxMDIuOCIgcj0iNi41Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE3OCA5LjRjMCAuNC0uNC43LS45LjctLjEgMC0uMiAwLS4yLS4xTDE3MiA4LjJjLS41LS4yLS42LS42LS4xLS44bDYuMi0zLjZjLjUtLjMuOC0uMS43LjVsLS44IDUuMXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY5LjQgMTUuOWMtMSAwLTItLjItMi45LS43LTItMS0zLjItMy0zLjItNS4yLjEtMy40IDIuOS02IDYuMy02IDIuNS4xIDQuOCAxLjcgNS42IDQuMWwuMS0uMSAyLjEgMS4xYy0uNi00LjQtNC43LTcuNS05LjEtNi45LTMuOS42LTYuOSAzLjktNyA3LjkgMCAyLjkgMS43IDUuNiA0LjMgNyAxLjIuNiAyLjUuOSAzLjggMSAyLjYgMCA1LTEuMiA2LjYtMy4zbC0xLjgtLjljLTEuMiAxLjItMyAyLTQuOCAyeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODMuNCAzLjJjLjggMCAxLjUuNyAxLjUgMS41cy0uNyAxLjUtMS41IDEuNS0xLjUtLjctMS41LTEuNWMwLS45LjctMS41IDEuNS0xLjV6bTUuMSAwaDguNWMuOSAwIDEuNS43IDEuNSAxLjVzLS43IDEuNS0xLjUgMS41aC04LjVjLS45IDAtMS41LS43LTEuNS0xLjUtLjEtLjkuNi0xLjUgMS41LTEuNXptLTUuMSA1Yy44IDAgMS41LjcgMS41IDEuNXMtLjcgMS41LTEuNSAxLjUtMS41LS43LTEuNS0xLjVjMC0uOS43LTEuNSAxLjUtMS41em01LjEgMGg4LjVjLjkgMCAxLjUuNyAxLjUgMS41cy0uNyAxLjUtMS41IDEuNWgtOC41Yy0uOSAwLTEuNS0uNy0xLjUtMS41LS4xLS45LjYtMS41IDEuNS0xLjV6bS01LjEgNWMuOCAwIDEuNS43IDEuNSAxLjVzLS43IDEuNS0xLjUgMS41LTEuNS0uNy0xLjUtMS41YzAtLjkuNy0xLjUgMS41LTEuNXptNS4xIDBoOC41Yy45IDAgMS41LjcgMS41IDEuNXMtLjcgMS41LTEuNSAxLjVoLTguNWMtLjkgMC0xLjUtLjctMS41LTEuNS0uMS0uOS42LTEuNSAxLjUtMS41eiIvPjwvc3ZnPgo=) -160rem -40rem no-repeat;
    display: block;
    height: 80rem;
    width: 80rem;
    background-size: 400rem;
    z-index: 1
}

@keyframes mejs__loading-spinner {
    100% {
        transform: rotate(360deg)
    }
}

.mejs__controls {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    height: 40rem;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0 10rem;
    position: absolute;
    width: 100%;
    z-index: 3
}

.mejs__controls:not([style*='display: none']) {
    background: rgba(255, 0, 0, .7);
    background: linear-gradient(transparent, rgba(0, 0, 0, .35))
}

.mejs__button, .mejs__time, .mejs__time-rail {
    font-size: 10rem;
    height: 40rem;
    line-height: 10rem;
    margin: 0;
    width: 32rem
}

.mejs__button > button {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgNDAwIDEyMCI+PHN0eWxlPi5zdDB7ZmlsbDojRkZGRkZGO3dpZHRoOjE2cHg7aGVpZ2h0OjE2cHh9IC5zdDF7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO3N0cm9rZS13aWR0aDoxLjU7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7fSAuc3Qye2ZpbGw6bm9uZTtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDt9IC5zdDN7ZmlsbDpub25lO3N0cm9rZTojRkZGRkZGO30gLnN0NHtmaWxsOiMyMzFGMjA7fSAuc3Q1e29wYWNpdHk6MC43NTtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjU7ZW5hYmxlLWJhY2tncm91bmQ6bmV3O30gLnN0NntmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjU7fSAuc3Q3e29wYWNpdHk6MC40O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fSAuc3Q4e29wYWNpdHk6MC42O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fSAuc3Q5e29wYWNpdHk6MC44O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fSAuc3QxMHtvcGFjaXR5OjAuOTtmaWxsOiNGRkZGRkY7ZW5hYmxlLWJhY2tncm91bmQ6bmV3O30gLnN0MTF7b3BhY2l0eTowLjM7ZmlsbDojRkZGRkZGO2VuYWJsZS1iYWNrZ3JvdW5kOm5ldzt9IC5zdDEye29wYWNpdHk6MC41O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXc7fSAuc3QxM3tvcGFjaXR5OjAuNztmaWxsOiNGRkZGRkY7ZW5hYmxlLWJhY2tncm91bmQ6bmV3O308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNi41IDguNWMuMy4xLjQuNS4yLjgtLjEuMS0uMS4yLS4yLjJsLTExLjQgN2MtLjUuMy0uOC4xLS44LS41VjJjMC0uNS40LS44LjgtLjVsMTEuNCA3eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNCAxaDIuMmMuNiAwIDEgLjQgMSAxdjE0YzAgLjYtLjQgMS0xIDFIMjRjLS42IDAtMS0uNC0xLTFWMmMwLS41LjQtMSAxLTF6bTkuOCAwSDM2Yy42IDAgMSAuNCAxIDF2MTRjMCAuNi0uNCAxLTEgMWgtMi4yYy0uNiAwLTEtLjQtMS0xVjJjMC0uNS40LTEgMS0xeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MSAxLjRjMC0uNi40LTEgMS0xaDUuNGMuNiAwIC43LjMuMy43bC02IDZjLS40LjQtLjcuMy0uNy0uM1YxLjR6bTAgMTUuOGMwIC42LjQgMSAxIDFoNS40Yy42IDAgLjctLjMuMy0uN2wtNi02Yy0uNC0uNC0uNy0uMy0uNy4zdjUuNHpNOTguOCAxLjRjMC0uNi0uNC0xLTEtMWgtNS40Yy0uNiAwLS43LjMtLjMuN2w2IDZjLjQuNC43LjMuNy0uM1YxLjR6bTAgMTUuOGMwIC42LS40IDEtMSAxaC01LjRjLS42IDAtLjctLjMtLjMtLjdsNi02Yy40LS40LjctLjMuNy4zdjUuNHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEyLjcgNWMwIC42LjQgMSAxIDFoNC4xYy42IDAgLjctLjMuMy0uN0wxMTMuNC42Yy0uNC0uNC0uNy0uMy0uNy4zVjV6bS03LjEgMWMuNiAwIDEtLjQgMS0xVi45YzAtLjYtLjMtLjctLjctLjNsLTQuNyA0LjdjLS40LjQtLjMuNy4zLjdoNC4xem0xIDcuMWMwLS42LS40LTEtMS0xaC00LjFjLS42IDAtLjcuMy0uMy43bDQuNyA0LjdjLjQuNC43LjMuNy0uM3YtNC4xem03LjEtMWMtLjYgMC0xIC40LTEgMXY0LjFjMCAuNS4zLjcuNy4zbDQuNy00LjdjLjQtLjQuMy0uNy0uMy0uN2gtNC4xeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NyA1LjhjLS41LjQtMS4yLjYtMS44LjZINjJjLS42IDAtMSAuNC0xIDF2NS43YzAgLjYuNCAxIDEgMWg0LjJjLjMuMi41LjQuOC42bDMuNSAyLjZjLjQuMy44LjEuOC0uNFYzLjVjMC0uNS0uNC0uNy0uOC0uNEw2NyA1Ljh6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTczLjkgMi41czMuOS0uOCAzLjkgNy43LTMuOSA3LjgtMy45IDcuOCIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik03Mi42IDYuNHMyLjYtLjQgMi42IDMuOC0yLjYgMy45LTIuNiAzLjkiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDcgNS44Yy0uNS40LTEuMi42LTEuOC42SDQyYy0uNiAwLTEgLjQtMSAxdjUuN2MwIC42LjQgMSAxIDFoNC4yYy4zLjIuNS40LjguNmwzLjUgMi42Yy40LjMuOC4xLjgtLjRWMy41YzAtLjUtLjQtLjctLjgtLjRMNDcgNS44eiIvPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik01Mi44IDdsNS40IDUuNG0tNS40IDBMNTguMiA3Ii8+PHBhdGggY2xhc3M9InN0MyIgZD0iTTEyOC43IDguNmMtNi4yLTQuMi02LjUgNy44IDAgMy45bTYuNS0zLjljLTYuMi00LjItNi41IDcuOCAwIDMuOSIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMjIuMiAzLjRoMTUuN3YxMy4xaC0xNS43VjMuNHpNMTIwLjggMnYxNS43aDE4LjNWMmgtMTguM3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQzLjIgM2gxNGMxLjEgMCAyIC45IDIgMnYxMGMwIDEuMS0uOSAyLTIgMmgtMTRjLTEuMSAwLTItLjktMi0yVjVjMC0xLjEuOS0yIDItMnoiLz48cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTQ2LjQgMTMuOGMtLjggMC0xLjYtLjQtMi4xLTEtMS4xLTEuNC0xLTMuNC4xLTQuOC41LS42IDItMS43IDQuNi4ybC0uNi44Yy0xLjQtMS0yLjYtMS4xLTMuMy0uMy0uOCAxLS44IDIuNC0uMSAzLjUuNy45IDEuOS44IDMuNC0uMWwuNS45Yy0uNy41LTEuNi43LTIuNS44em03LjUgMGMtLjggMC0xLjYtLjQtMi4xLTEtMS4xLTEuNC0xLTMuNC4xLTQuOC41LS42IDItMS43IDQuNi4ybC0uNS44Yy0xLjQtMS0yLjYtMS4xLTMuMy0uMy0uOCAxLS44IDIuNC0uMSAzLjUuNy45IDEuOS44IDMuNC0uMWwuNS45Yy0uOC41LTEuNy43LTIuNi44eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MC4zIDc3Yy42LjIuOC44LjYgMS40LS4xLjMtLjMuNS0uNi42TDMwIDk2LjVjLTEgLjYtMS43LjEtMS43LTF2LTM1YzAtMS4xLjgtMS41IDEuNy0xTDYwLjMgNzd6Ii8+PHBhdGggY2xhc3M9InN0NSIgZD0iTTIuNSA3OWMwLTIwLjcgMTYuOC0zNy41IDM3LjUtMzcuNVM3Ny41IDU4LjMgNzcuNSA3OSA2MC43IDExNi41IDQwIDExNi41IDIuNSA5OS43IDIuNSA3OXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQwLjMgNzdjLjYuMi44LjguNiAxLjQtLjEuMy0uMy41LS42LjZMMTEwIDk2LjVjLTEgLjYtMS43LjEtMS43LTF2LTM1YzAtMS4xLjgtMS41IDEuNy0xTDE0MC4zIDc3eiIvPjxwYXRoIGNsYXNzPSJzdDYiIGQ9Ik04Mi41IDc5YzAtMjAuNyAxNi44LTM3LjUgMzcuNS0zNy41czM3LjUgMTYuOCAzNy41IDM3LjUtMTYuOCAzNy41LTM3LjUgMzcuNVM4Mi41IDk5LjcgODIuNSA3OXoiLz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMDEuOSIgY3k9IjQ3LjEiIHI9IjguMSIvPjxjaXJjbGUgY2xhc3M9InN0NyIgY3g9IjIzMy45IiBjeT0iNzkiIHI9IjUiLz48Y2lyY2xlIGNsYXNzPSJzdDgiIGN4PSIyMDEuOSIgY3k9IjExMC45IiByPSI2Ii8+PGNpcmNsZSBjbGFzcz0ic3Q5IiBjeD0iMTcwLjEiIGN5PSI3OSIgcj0iNyIvPjxjaXJjbGUgY2xhc3M9InN0MTAiIGN4PSIxNzguMiIgY3k9IjU2LjMiIHI9IjcuNSIvPjxjaXJjbGUgY2xhc3M9InN0MTEiIGN4PSIyMjYuMyIgY3k9IjU2LjEiIHI9IjQuNSIvPjxjaXJjbGUgY2xhc3M9InN0MTIiIGN4PSIyMjUuOCIgY3k9IjEwMi44IiByPSI1LjUiLz48Y2lyY2xlIGNsYXNzPSJzdDEzIiBjeD0iMTc4LjIiIGN5PSIxMDIuOCIgcj0iNi41Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE3OCA5LjRjMCAuNC0uNC43LS45LjctLjEgMC0uMiAwLS4yLS4xTDE3MiA4LjJjLS41LS4yLS42LS42LS4xLS44bDYuMi0zLjZjLjUtLjMuOC0uMS43LjVsLS44IDUuMXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY5LjQgMTUuOWMtMSAwLTItLjItMi45LS43LTItMS0zLjItMy0zLjItNS4yLjEtMy40IDIuOS02IDYuMy02IDIuNS4xIDQuOCAxLjcgNS42IDQuMWwuMS0uMSAyLjEgMS4xYy0uNi00LjQtNC43LTcuNS05LjEtNi45LTMuOS42LTYuOSAzLjktNyA3LjkgMCAyLjkgMS43IDUuNiA0LjMgNyAxLjIuNiAyLjUuOSAzLjggMSAyLjYgMCA1LTEuMiA2LjYtMy4zbC0xLjgtLjljLTEuMiAxLjItMyAyLTQuOCAyeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODMuNCAzLjJjLjggMCAxLjUuNyAxLjUgMS41cy0uNyAxLjUtMS41IDEuNS0xLjUtLjctMS41LTEuNWMwLS45LjctMS41IDEuNS0xLjV6bTUuMSAwaDguNWMuOSAwIDEuNS43IDEuNSAxLjVzLS43IDEuNS0xLjUgMS41aC04LjVjLS45IDAtMS41LS43LTEuNS0xLjUtLjEtLjkuNi0xLjUgMS41LTEuNXptLTUuMSA1Yy44IDAgMS41LjcgMS41IDEuNXMtLjcgMS41LTEuNSAxLjUtMS41LS43LTEuNS0xLjVjMC0uOS43LTEuNSAxLjUtMS41em01LjEgMGg4LjVjLjkgMCAxLjUuNyAxLjUgMS41cy0uNyAxLjUtMS41IDEuNWgtOC41Yy0uOSAwLTEuNS0uNy0xLjUtMS41LS4xLS45LjYtMS41IDEuNS0xLjV6bS01LjEgNWMuOCAwIDEuNS43IDEuNSAxLjVzLS43IDEuNS0xLjUgMS41LTEuNS0uNy0xLjUtMS41YzAtLjkuNy0xLjUgMS41LTEuNXptNS4xIDBoOC41Yy45IDAgMS41LjcgMS41IDEuNXMtLjcgMS41LTEuNSAxLjVoLTguNWMtLjkgMC0xLjUtLjctMS41LTEuNS0uMS0uOS42LTEuNSAxLjUtMS41eiIvPjwvc3ZnPgo=);
    border: 0;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20rem;
    line-height: 0;
    margin: 10rem 6rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-decoration: none;
    width: 20rem;
    background-size: 400rem
}

.mejs__button > button:focus {
    outline: dotted 1rem #999
}

.mejs__container-keyboard-inactive [role=slider], .mejs__container-keyboard-inactive [role=slider]:focus, .mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive button:focus {
    outline: 0
}

.mejs__time {
    box-sizing: content-box;
    color: #fff;
    font-size: 11rem;
    font-weight: 700;
    height: 24rem;
    overflow: hidden;
    padding: 16rem 6rem 0;
    text-align: center;
    width: auto
}

.mejs__play > button {
    background-position: 0 0
}

.mejs__pause > button {
    background-position: -20rem 0
}

.mejs__replay > button {
    background-position: -160rem 0
}

.mejs__time-rail {
    direction: ltr;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 40rem;
    margin: 0 10rem;
    padding-top: 10rem;
    position: relative
}

.mejs__time-buffering, .mejs__time-current, .mejs__time-float, .mejs__time-float-corner, .mejs__time-float-current, .mejs__time-hovered, .mejs__time-loaded, .mejs__time-marker, .mejs__time-total {
    border-radius: 2rem;
    cursor: pointer;
    display: block;
    height: 10rem;
    position: absolute
}

.mejs__time-total {
    background: rgba(255, 255, 255, .3);
    margin: 5rem 0 0;
    width: 100%
}

.mejs__time-buffering {
    animation: buffering-stripes 2s linear infinite;
    background: linear-gradient(-45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
    background-size: 15rem 15rem;
    width: 100%
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 30rem 0
    }
}

.mejs__time-loaded {
    background: rgba(255, 255, 255, .3)
}

.mejs__time-current, .mejs__time-handle-content {
    background: rgba(255, 255, 255, .9)
}

.mejs__time-hovered {
    background: rgba(255, 255, 255, .5);
    z-index: 10
}

.mejs__time-hovered.negative {
    background: rgba(0, 0, 0, .2)
}

.mejs__time-buffering, .mejs__time-current, .mejs__time-hovered, .mejs__time-loaded {
    left: 0;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: .15s ease-in all;
    width: 100%
}

.mejs__time-buffering {
    transform: scaleX(1)
}

.mejs__time-hovered {
    transition: height .1s cubic-bezier(.44, 0, 1, 1)
}

.mejs__time-hovered.no-hover {
    transform: scaleX(0) !important
}

.mejs__time-handle, .mejs__time-handle-content {
    border: 4rem solid transparent;
    cursor: pointer;
    left: 0;
    position: absolute;
    transform: translateX(0);
    z-index: 11
}

.mejs__time-handle-content {
    border: 4rem solid rgba(255, 255, 255, .9);
    border-radius: 50%;
    height: 10rem;
    left: -7rem;
    top: -4rem;
    transform: scale(0);
    width: 10rem
}

.mejs__time-rail .mejs__time-handle-content:active, .mejs__time-rail .mejs__time-handle-content:focus, .mejs__time-rail:hover .mejs__time-handle-content {
    transform: scale(1)
}

.mejs__time-float {
    background: #eee;
    border: solid 1rem #333;
    bottom: 100%;
    color: #111;
    display: none;
    height: 17rem;
    margin-bottom: 9rem;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    width: 36rem
}

.mejs__time-float-current {
    display: block;
    left: 0;
    margin: 2rem;
    text-align: center;
    width: 30rem
}

.mejs__time-float-corner {
    border: solid 5rem #eee;
    border-color: #eee transparent transparent;
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    line-height: 0;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    width: 0
}

.mejs__long-video .mejs__time-float {
    margin-left: -23rem;
    width: 64rem
}

.mejs__long-video .mejs__time-float-current {
    width: 60rem
}

.mejs__broadcast {
    color: #fff;
    height: 10rem;
    position: absolute;
    top: 15rem;
    width: 100%
}

.mejs__fullscreen-button > button {
    background-position: -80rem 0
}

.mejs__unfullscreen > button {
    background-position: -100rem 0
}

.mejs__mute > button {
    background-position: -60rem 0
}

.mejs__unmute > button {
    background-position: -40rem 0
}

.mejs__volume-button {
    position: relative
}

.mejs__volume-button > .mejs__volume-slider {
    -webkit-backface-visibility: hidden;
    background: rgba(50, 50, 50, .7);
    border-radius: 0;
    bottom: 100%;
    display: none;
    height: 115rem;
    left: 50%;
    margin: 0;
    position: absolute;
    transform: translateX(-50%);
    width: 25rem;
    z-index: 1
}

.mejs__volume-button:hover {
    border-radius: 0 0 4rem 4rem
}

.mejs__volume-total {
    background: rgba(255, 255, 255, .5);
    height: 100rem;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 8rem;
    transform: translateX(-50%);
    width: 2rem
}

.mejs__volume-current {
    background: rgba(255, 255, 255, .9);
    left: 0;
    margin: 0;
    position: absolute;
    width: 100%
}

.mejs__volume-handle {
    background: rgba(255, 255, 255, .9);
    border-radius: 1rem;
    cursor: ns-resize;
    height: 6rem;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 16rem
}

.mejs__horizontal-volume-slider {
    display: block;
    height: 36rem;
    position: relative;
    vertical-align: middle;
    width: 56rem
}

.mejs__horizontal-volume-total {
    background: rgba(50, 50, 50, .8);
    border-radius: 2rem;
    font-size: 1rem;
    height: 8rem;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 16rem;
    width: 50rem
}

.mejs__horizontal-volume-current {
    background: rgba(255, 255, 255, .8);
    border-radius: 2rem;
    font-size: 1rem;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mejs__horizontal-volume-handle {
    display: none
}

.mejs__captions-button, .mejs__chapters-button {
    position: relative
}

.mejs__captions-button > button {
    background-position: -140rem 0
}

.mejs__chapters-button > button {
    background-position: -180rem 0
}

.mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector {
    background: rgba(50, 50, 50, .7);
    border: solid 1rem transparent;
    border-radius: 0;
    bottom: 100%;
    margin-right: -43rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 50%;
    visibility: visible;
    width: 86rem
}

.mejs__chapters-button > .mejs__chapters-selector {
    margin-right: -55rem;
    width: 110rem
}

.mejs__captions-selector-list, .mejs__chapters-selector-list {
    list-style-type: none !important;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.mejs__captions-selector-list-item, .mejs__chapters-selector-list-item {
    color: #fff;
    cursor: pointer;
    display: block;
    list-style-type: none !important;
    margin: 0 0 6rem;
    overflow: hidden;
    padding: 0
}

.mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover {
    background-color: #c8c8c8 !important;
    background-color: rgba(255, 255, 255, .4) !important
}

.mejs__captions-selector-input, .mejs__chapters-selector-input {
    clear: both;
    float: left;
    left: -1000rem;
    margin: 3rem 3rem 0 5rem;
    position: absolute
}

.mejs__captions-selector-label, .mejs__chapters-selector-label {
    cursor: pointer;
    float: left;
    font-size: 10rem;
    line-height: 15rem;
    padding: 4rem 10rem 0;
    width: 100%
}

.mejs__captions-selected, .mejs__chapters-selected {
    color: rgba(33, 248, 248, 1)
}

.mejs__captions-translations {
    font-size: 10rem;
    margin: 0 0 5rem
}

.mejs__captions-layer {
    bottom: 0;
    color: #fff;
    font-size: 16rem;
    left: 0;
    line-height: 20rem;
    position: absolute;
    text-align: center
}

.mejs__captions-layer a {
    color: #fff;
    text-decoration: underline
}

.mejs__captions-layer[lang=ar] {
    font-size: 20rem;
    font-weight: 400
}

.mejs__captions-position {
    bottom: 15rem;
    left: 0;
    position: absolute;
    width: 100%
}

.mejs__captions-position-hover {
    bottom: 35rem
}

.mejs__captions-text, .mejs__captions-text * {
    background: rgba(20, 20, 20, .5);
    box-shadow: 5rem 0 0 rgba(20, 20, 20, .5), -5rem 0 0 rgba(20, 20, 20, .5);
    padding: 0;
    white-space: pre-wrap
}

.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container {
    display: none
}

.mejs__overlay-error {
    position: relative
}

.mejs__overlay-error > img {
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1
}

.mejs__cannotplay, .mejs__cannotplay a {
    color: #fff;
    font-size: .8em
}

.mejs__cannotplay {
    position: relative
}

.mejs__cannotplay a, .mejs__cannotplay p {
    display: inline-block;
    padding: 0 15rem;
    width: 100%
}

.body {
    min-width: 320rem;
    font-size: 16rem;
    height: 100%;
    margin: 0;
    background-color: #000;
    font-family: "Fira Sans", sans-serif;
    color: #FFF
}

.body_dashboard {
    background-image: linear-gradient(45deg, rgba(247, 20, 71, .3) 1%, rgba(99, 145, 170, .3) 65%, rgba(61, 149, 255, .3) 81%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed
}

.body_auth {
    background-image: url(../images/noise.png), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE5MDAgMTM2MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7Ij4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOTAwIiBoZWlnaHQ9IjEzNjAiIHN0eWxlPSJmaWxsOnVybCgjX1JhZGlhbDEpOyIvPgogICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE5MDAiIGhlaWdodD0iMTM4NS43NSIgc3R5bGU9ImZpbGw6dXJsKCNfUmFkaWFsMik7Ii8+CiAgICA8ZGVmcz4KICAgICAgICA8cmFkaWFsR3JhZGllbnQgaWQ9Il9SYWRpYWwxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDE0OTYuMzgsMCwwLDE0OTYuMzgsMzM4LjE5Myw0OTYuOTY0KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoNTYsMywzNSk7c3RvcC1vcGFjaXR5OjEiLz48c3RvcCBvZmZzZXQ9IjAuNzEiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigyNCw0MywzMSk7c3RvcC1vcGFjaXR5OjEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigxNCwzMSw1NSk7c3RvcC1vcGFjaXR5OjEiLz48L3JhZGlhbEdyYWRpZW50PgogICAgICAgIDxyYWRpYWxHcmFkaWVudCBpZD0iX1JhZGlhbDIiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoODA4LjczOCwwLDAsODA4LjczOCw5NTAsMjU5LjU0NikiPjxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDEzOSwxMDAsNjkpO3N0b3Atb3BhY2l0eTowLjY1NDg4NiIvPjxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDExMiw4MSw1NSk7c3RvcC1vcGFjaXR5OjAiLz48L3JhZGlhbEdyYWRpZW50PgogICAgPC9kZWZzPgo8L3N2Zz4K);
    background-size: 100rem 100rem, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: scroll, fixed;
    background-position: center center
}

* {
    box-sizing: border-box
}

::before {
    box-sizing: border-box
}

::after {
    box-sizing: border-box
}

.text-center {
    text-align: center
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1rem;
    margin: -1rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1rem
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border: 1rem solid #FFF;
    padding: 14rem 18rem 12rem;
    background-color: transparent;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 5rem;
    outline: 0;
    font-family: inherit;
    font-weight: 300;
    font-size: 13rem;
    line-height: 16rem;
    letter-spacing: 4rem;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.1s ease-out, border-color 0.1s ease-out, color 0.1s ease-out
}

.button::before {
    content: "";
    display: block;
    position: absolute;
    left: -8rem;
    top: -8rem;
    right: -8rem;
    bottom: -8rem;
    border: 2rem solid transparent;
    border-radius: 8rem;
    transition: border-color 0.1s ease-out
}

.button:hover {
    background-color: #FFF;
    color: #000
}

.button:active {
    background-color: #000;
    border-color: #000;
    color: #FFF;
    transition: none
}

html:not(.pointer-navigation) .button:focus::before {
    border-color: #FFF
}

.button_multiline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8rem 12rem 6rem;
    min-height: 44rem;
    white-space: normal;
    text-align: left;
    font-size: 12rem;
    line-height: 14rem
}

@media (min-width: 960px) {
    .button {
        padding: 19rem 20rem 17rem;
        font-size: 14rem;
        line-height: 17rem;
        letter-spacing: 4.67rem
    }

    .button_multiline {
        min-height: 55rem;
        padding: 13rem 12rem 12rem;
        font-size: 12rem;
        line-height: 14rem
    }
}

.button_disabled {
    opacity: .4;
    pointer-events: none
}

@keyframes flip-start {
    from {
        transform: rotateX(0)
    }
    to {
        transform: rotateX(90deg)
    }
}

@keyframes flip-end {
    from {
        transform: rotateX(-90deg)
    }
    to {
        transform: rotateX(0)
    }
}

.button_flip-start {
    animation: flip-start .25s ease-out forwards
}

.button_flip-end {
    animation: flip-end .25s ease-out forwards
}

.button_highlighted {
    background-color: rgba(126, 211, 33, .2)
}

.button_id_start {
    width: auto;
    min-width: 160rem;
    padding: 18rem 54rem 18rem 20rem;
    font-size: 14rem;
    line-height: 17rem;
    letter-spacing: 4.67rem;
    text-align: left
}

.button_id_start::after {
    content: "";
    position: absolute;
    right: 14rem;
    top: 50%;
    margin-top: -9rem;
    display: block;
    width: 18rem;
    height: 18rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cG9seWdvbiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHBvaW50cz0iMS45IC4zNyAxNi4wODkgOS4wMDcgMS45IDE3LjY0MyIvPgo8L3N2Zz4K);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.button_id_start:hover::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHBvaW50cz0iMS45IC4zNyAxNi4wODkgOS4wMDcgMS45IDE3LjY0MyIvPgo8L3N2Zz4K)
}

.button_id_start:active::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cG9seWdvbiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHBvaW50cz0iMS45IC4zNyAxNi4wODkgOS4wMDcgMS45IDE3LjY0MyIvPgo8L3N2Zz4K)
}

.button_id_next {
    padding-right: 34rem;
    font-size: 14rem;
    line-height: 17rem;
    letter-spacing: 4.67rem
}

.button_id_next::after {
    content: "";
    position: absolute;
    right: 20rem;
    top: 50%;
    margin-top: -9rem;
    display: block;
    width: 18rem;
    height: 18rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTMsOC41IEwzLDguNSBMMyw5LjUgTDEzLDkuNSBMMTMsMTEuNSBMMTYsOSBMMTMsNi41IEwxMyw4LjUgWiIvPgo8L3N2Zz4K);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.button_id_next:hover::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBkPSJNMTMsOC41IEwzLDguNSBMMyw5LjUgTDEzLDkuNSBMMTMsMTEuNSBMMTYsOSBMMTMsNi41IEwxMyw4LjUgWiIvPgo8L3N2Zz4K)
}

.button_id_next:active::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTMsOC41IEwzLDguNSBMMyw5LjUgTDEzLDkuNSBMMTMsMTEuNSBMMTYsOSBMMTMsNi41IEwxMyw4LjUgWiIvPgo8L3N2Zz4K)
}

.preview {
    position: relative;
    display: block;
    color: inherit;
    text-decoration: none;
    outline: 0;
    text-shadow: 0 0 12rem #000;
    transition: box-shadow 0.1s ease-out
}

.preview:hover {
    box-shadow: 0 0 62rem rgba(255, 255, 255, .4)
}

.preview_locked:hover {
    box-shadow: none
}

.preview::before {
    content: "";
    position: absolute;
    left: 10rem;
    right: 10rem;
    top: 10rem;
    bottom: 10rem;
    display: block;
    border: 2rem solid transparent;
    transition: border-color 0.1s ease-out
}

@media (min-width: 520px) {
    .preview::before {
        left: -10rem;
        right: -10rem;
        top: -10rem;
        bottom: -10rem
    }
}

html:not(.pointer-navigation) .preview:focus::before {
    border-color: #FFF
}

.preview__summary {
    position: absolute;
    z-index: 10;
    left: 21rem;
    bottom: 11rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.preview__index {
    min-width: 23rem;
    margin-right: 6rem;
    font-weight: 300;
    font-size: 42rem;
    line-height: 50rem
}

.preview__title {
    padding: 15rem;
    margin: -15rem;
    font-weight: 800;
    font-size: 17rem;
    line-height: 21rem;
    white-space: nowrap;
    max-width: 260rem;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 320px) and (max-width: 480px) {
    .preview__title {
        max-width: 225rem
    }
}

.preview__image {
    position: relative
}

.preview__pic {
    vertical-align: top;
    width: 100%;
    height: auto
}

.preview_locked .preview__image {
    opacity: .1
}

@supports (filter:blur(10rem)) {
    .preview_locked .preview__image {
        opacity: .8;
        filter: blur(10rem)
    }
}

.preview__status {
    position: absolute;
    right: 18rem;
    bottom: 18rem;
    width: 42rem;
    height: 42rem;
    background-color: transparent;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.preview__status::after, .preview__status::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity 0.1s ease-out
}

.preview__status::before {
    opacity: 1
}

.preview__status::after {
    opacity: 0
}

.preview:not(.preview_locked):hover .preview__status::before {
    opacity: 0
}

.preview:not(.preview_locked):hover .preview__status::after {
    opacity: 1
}

.preview_completed .preview__status::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDQyIDQyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHJlY3Qgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiB4PSIzIiB5PSIzIiBmaWxsPSIjMDAwIiByeD0iNCIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjYuODk2MTgyOSwxNS40MzEwMTcxIEMyNy4yNjMwMDMzLDE1LjExMDA0OTIgMjcuNzA2NzAxMiwxNC45Mzc1IDI4LjE4NzUsMTQuOTM3NSBDMjguNjY4Mjk4OCwxNC45Mzc1IDI5LjExMTk5NjcsMTUuMTEwMDQ5MiAyOS40Nzg4MTcxLDE1LjQzMTAxNzEgQzI5Ljg3OTY1MTYsMTUuNzgxNzQ3MiAzMC4xMDE1NjI1LDE2LjI1MzMwOCAzMC4xMDE1NjI1LDE2Ljc4MTI1IEMzMC4xMDE1NjI1LDE3LjI5MDU2MjYgMjkuODk2MzkxNywxNy43NTIxOTY4IDI5LjUyNTk0MTUsMTguMTIyNjQ0IEwyMS4wODg0NDE1LDI2LjUyNDk4NzcgTDIxLjAwNzUwNzUsMjYuNTk3Mjc1MSBDMjAuNjA5MTA5NCwyNi45MTU5OTM2IDIwLjE3NzY2MDYsMjcuMDk3NjU2MiAxOS43MTQ4NDM4LDI3LjA5NzY1NjIgQzE5LjIxOTk3NDMsMjcuMDk3NjU2MiAxOC43NzQ2NjgxLDI2Ljg4ODEwMDQgMTguNDEzMjg3NSwyNi41MjY3MDUzIEwxNC41MDc3MzcsMjIuNjU2MzI1NSBDMTQuMTUwMzEwNCwyMi4yOTg4OTg5IDEzLjk2ODc1LDIxLjgzMjAyOTQgMTMuOTY4NzUsMjEuMzE2NDA2MiBDMTMuOTY4NzUsMjAuODAwNzgzMSAxNC4xNTAzMTA0LDIwLjMzMzkxMzYgMTQuNTA3NzM3LDE5Ljk3NjQ4NyBDMTUuMjkwMzQ1LDE5LjE5Mzg3ODkgMTYuMzE1MjA1LDE5LjE5Mzg3ODkgMTcuMTg3NTc1NSwxOS45NzY0ODcgTDE5Ljc1MTcyNiwyMi41NDA2Mzc1IEwyNi44OTYxODI5LDE1LjQzMTAxNzEgWiIvPgogIDwvZz4KPC9zdmc+Cg==);
    background-size: 42rem
}

.preview_current .preview__status::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDQyIDQyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iIzAwMCIgZD0iTTguNjE4ODM1MDEsNy41ODE5NzYxMyBMOC41NDc2OTMxNCwzNC4zOTA2NzczIEM4LjUzNzQzNDA1LDM4LjI1NjY1NyAxMS42NjMxMTMxLDQxLjM5ODk2OTMgMTUuNTI5MDkyOCw0MS40MDkyMjg0IEMxNi45OTI4NDEyLDQxLjQxMzExMjcgMTguNDIwOTgyMyw0MC45NTgwNDI0IDE5LjYxMjYzOTMsNDAuMTA4MDI1OSBMMzguNDU0MzYzNiwyNi42NjgxMDQ0IEM0MS42MDE3MDg5LDI0LjQyMzA4MyA0Mi4zMzMxODcsMjAuMDUxNzA2IDQwLjA4ODE2NTYsMTYuOTA0MzYwNyBDMzkuNjM2ODQyNSwxNi4yNzE2NDA4IDM5LjA4MzMwMTMsMTUuNzE4NDk4MyAzOC40NTAyNTY0LDE1LjI2NzYzMTIgTDE5LjY3OTY3NCwxLjg5ODg1MTU0IEMxNi41MzA3MTE5LC0wLjM0MzkwMTUxMyAxMi4xNTk4NjMxLDAuMzkwNzI2MDk3IDkuOTE3MTEwMDQsMy41Mzk2ODgyMyBDOS4wNzYzMTA1OCw0LjcyMDIyMTk4IDguNjIyNjgxMSw2LjEzMjYzNTI5IDguNjE4ODM1MDEsNy41ODE5NzYxMyBaIi8+CiAgICA8cG9seWdvbiBmaWxsPSIjRkZGIiBwb2ludHM9IjE4LjMwNSAxNC41MSAyOC45NzggMjEuMDA2IDE4LjMwNSAyNy41MDMiLz4KICA8L2c+Cjwvc3ZnPgo=);
    background-size: 42rem
}

.preview_locked .preview__status::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDQyIDQyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHJlY3Qgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiB4PSIzIiB5PSIzIiBmaWxsPSIjMDAwIiByeD0iNCIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjUuMjg1NzE0MywyNy41IEwxNi43MTQyODU3LDI3LjUgQzE1LjM1NDQ5MTgsMjcuNSAxNC4yNSwyNi40MDI5NzA5IDE0LjI1LDI1LjA0NzI5NzMgTDE0LjI1LDE5LjUxMzUxMzUgQzE0LjI1LDE4LjE1NzgzOTkgMTUuMzU0NDkxOCwxNy4wNjA4MTA4IDE2LjcxNDI4NTcsMTcuMDYwODEwOCBMMjUuMjg1NzE0MywxNy4wNjA4MTA4IEMyNi42NDU1MDgyLDE3LjA2MDgxMDggMjcuNzUsMTguMTU3ODM5OSAyNy43NSwxOS41MTM1MTM1IEwyNy43NSwyNS4wNDcyOTczIEMyNy43NSwyNi40MDI5NzA5IDI2LjY0NTUwODIsMjcuNSAyNS4yODU3MTQzLDI3LjUgWiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjQuMTA3MTQyOSwxNC44MzEwODExIEMyNC4xMDcxNDI5LDEzLjEzMDQwMzQgMjIuNzE3MzQ5LDExLjc1IDIxLDExLjc1IEMxOS4yODI2NTEsMTEuNzUgMTcuODkyODU3MSwxMy4xMzA0MDM0IDE3Ljg5Mjg1NzEsMTQuODMxMDgxMSBMMTcuODkyODU3MSwxNy4wNjA4MTA4IEwyNC4xMDcxNDI5LDE3LjA2MDgxMDggTDI0LjEwNzE0MjksMTQuODMxMDgxMSBaIE0xNi4zOTI4NTcxLDE4LjU2MDgxMDggTDE2LjM5Mjg1NzEsMTQuODMxMDgxMSBDMTYuMzkyODU3MSwxMi4yOTk2OTEyIDE4LjQ1NjQ5MTgsMTAuMjUgMjEsMTAuMjUgQzIzLjU0MzUwODIsMTAuMjUgMjUuNjA3MTQyOSwxMi4yOTk2OTEyIDI1LjYwNzE0MjksMTQuODMxMDgxMSBMMjUuNjA3MTQyOSwxOC41NjA4MTA4IEwxNi4zOTI4NTcxLDE4LjU2MDgxMDggWiIvPgogIDwvZz4KPC9zdmc+Cg==);
    background-size: 42rem
}

.preview_completed .preview__status::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDQyIDQyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHJlY3Qgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiB4PSIzIiB5PSIzIiBmaWxsPSIjRkZGIiByeD0iNCIvPgogICAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjYuODk2MTgyOSwxNS40MzEwMTcxIEMyNy4yNjMwMDMzLDE1LjExMDA0OTIgMjcuNzA2NzAxMiwxNC45Mzc1IDI4LjE4NzUsMTQuOTM3NSBDMjguNjY4Mjk4OCwxNC45Mzc1IDI5LjExMTk5NjcsMTUuMTEwMDQ5MiAyOS40Nzg4MTcxLDE1LjQzMTAxNzEgQzI5Ljg3OTY1MTYsMTUuNzgxNzQ3MiAzMC4xMDE1NjI1LDE2LjI1MzMwOCAzMC4xMDE1NjI1LDE2Ljc4MTI1IEMzMC4xMDE1NjI1LDE3LjI5MDU2MjYgMjkuODk2MzkxNywxNy43NTIxOTY4IDI5LjUyNTk0MTUsMTguMTIyNjQ0IEwyMS4wODg0NDE1LDI2LjUyNDk4NzcgTDIxLjAwNzUwNzUsMjYuNTk3Mjc1MSBDMjAuNjA5MTA5NCwyNi45MTU5OTM2IDIwLjE3NzY2MDYsMjcuMDk3NjU2MiAxOS43MTQ4NDM4LDI3LjA5NzY1NjIgQzE5LjIxOTk3NDMsMjcuMDk3NjU2MiAxOC43NzQ2NjgxLDI2Ljg4ODEwMDQgMTguNDEzMjg3NSwyNi41MjY3MDUzIEwxNC41MDc3MzcsMjIuNjU2MzI1NSBDMTQuMTUwMzEwNCwyMi4yOTg4OTg5IDEzLjk2ODc1LDIxLjgzMjAyOTQgMTMuOTY4NzUsMjEuMzE2NDA2MiBDMTMuOTY4NzUsMjAuODAwNzgzMSAxNC4xNTAzMTA0LDIwLjMzMzkxMzYgMTQuNTA3NzM3LDE5Ljk3NjQ4NyBDMTUuMjkwMzQ1LDE5LjE5Mzg3ODkgMTYuMzE1MjA1LDE5LjE5Mzg3ODkgMTcuMTg3NTc1NSwxOS45NzY0ODcgTDE5Ljc1MTcyNiwyMi41NDA2Mzc1IEwyNi44OTYxODI5LDE1LjQzMTAxNzEgWiIvPgogIDwvZz4KPC9zdmc+Cg==);
    background-size: 42rem
}

.preview_current .preview__status::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MiIgaGVpZ2h0PSI0MiIgdmlld0JveD0iMCAwIDQyIDQyIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTguNjE4ODM1MDEsNy41ODE5NzYxMyBMOC41NDc2OTMxNCwzNC4zOTA2NzczIEM4LjUzNzQzNDA1LDM4LjI1NjY1NyAxMS42NjMxMTMxLDQxLjM5ODk2OTMgMTUuNTI5MDkyOCw0MS40MDkyMjg0IEMxNi45OTI4NDEyLDQxLjQxMzExMjcgMTguNDIwOTgyMyw0MC45NTgwNDI0IDE5LjYxMjYzOTMsNDAuMTA4MDI1OSBMMzguNDU0MzYzNiwyNi42NjgxMDQ0IEM0MS42MDE3MDg5LDI0LjQyMzA4MyA0Mi4zMzMxODcsMjAuMDUxNzA2IDQwLjA4ODE2NTYsMTYuOTA0MzYwNyBDMzkuNjM2ODQyNSwxNi4yNzE2NDA4IDM5LjA4MzMwMTMsMTUuNzE4NDk4MyAzOC40NTAyNTY0LDE1LjI2NzYzMTIgTDE5LjY3OTY3NCwxLjg5ODg1MTU0IEMxNi41MzA3MTE5LC0wLjM0MzkwMTUxMyAxMi4xNTk4NjMxLDAuMzkwNzI2MDk3IDkuOTE3MTEwMDQsMy41Mzk2ODgyMyBDOS4wNzYzMTA1OCw0LjcyMDIyMTk4IDguNjIyNjgxMSw2LjEzMjYzNTI5IDguNjE4ODM1MDEsNy41ODE5NzYxMyBaIi8+CiAgICA8cG9seWdvbiBmaWxsPSIjMDAwIiBwb2ludHM9IjE4LjMwNSAxNC41MSAyOC45NzggMjEuMDA2IDE4LjMwNSAyNy41MDMiLz4KICA8L2c+Cjwvc3ZnPgo=);
    background-size: 42rem
}

.safari .preview__status::before {
    opacity: 1 !important
}

.safari .preview__status::after {
    opacity: 0 !important
}

.path {
    padding-bottom: 62rem
}

.path__wrap {
    max-width: 430rem;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 480px) {
    .path__item {
        margin-top: 30rem
    }

    .path__item:first-child {
        margin-top: 0
    }
}

@media (min-width: 960px) {
    .path {
        padding-top: 20rem
    }

    .path__wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 960rem;
        max-width: none
    }

    .path__item {
        margin-top: 0;
        padding: 20rem 25rem;
        width: 50%
    }
}

.passport {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 262rem;
    height: 85rem;
    padding: 0 0 0 85rem;
    border: none;
    background-color: transparent;
    background-image: url(../images/passport.png);
    background-size: 282rem 85rem;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 5rem;
    outline: 0;
    font-family: inherit;
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.passport::before {
    content: "";
    position: absolute;
    left: -10rem;
    top: -10rem;
    right: -10rem;
    bottom: -10rem;
    border: 2rem solid transparent;
    border-radius: 4rem;
    transition: border-color 0.1s ease-out
}

html:not(.pointer-navigation) .passport:focus::before {
    border-color: #FFF
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .passport {
        background-image: url(../images/passport@2x.png)
    }
}

.passport__photo {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 85rem;
    height: 85rem;
    background-image: url(../images/passport__photo.png);
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .passport__photo {
        background-image: url(../images/passport__photo@2x.png)
    }
}

.passport__pic {
    vertical-align: top;
    width: 85rem;
    height: 85rem
}

.passport__title {
    display: block;
    padding: 6rem 24rem;
    font-weight: 800;
    font-size: 13rem;
    line-height: 18rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.passport__data {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    border-top: 1rem solid #3D2D31;
    border-top: 1rem solid rgba(255, 255, 255, .1);
    padding: 7rem 16rem 4rem
}

.passport__stat {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    text-align: center
}

.passport__param {
    display: block;
    font-weight: 700;
    font-size: 12rem;
    line-height: 14rem;
    text-transform: uppercase
}

.passport__value {
    display: block;
    margin-left: -8rem;
    margin-right: -8rem;
    font-size: 21rem;
    line-height: 25rem;
    font-weight: 800;
    color: #98C134
}

.passport__output {
    margin-left: 20rem;
    margin-top: 4rem;
    font-size: 12rem;
    line-height: 14rem
}

.passport::after {
    content: "";
    position: absolute;
    right: 6rem;
    top: 7rem;
    opacity: 0;
    width: 14rem;
    height: 14rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBmaWxsPSIjRkZGIiBkPSJNMywxNy4yNSBMMywyMSBMNi43NSwyMSBMMTcuODEsOS45NCBMMTQuMDYsNi4xOSBMMywxNy4yNSBaIE0yMC43MSw3LjA0IEMyMS4xLDYuNjUgMjEuMSw2LjAyIDIwLjcxLDUuNjMgTDE4LjM3LDMuMjkgQzE3Ljk4LDIuOSAxNy4zNSwyLjkgMTYuOTYsMy4yOSBMMTUuMTMsNS4xMiBMMTguODgsOC44NyBMMjAuNzEsNy4wNCBaIi8+Cjwvc3ZnPgo=);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    transition: opacity 0.1s ease-out
}

.passport:hover::after {
    opacity: 1
}

html:not(.pointer-navigation) .passport:focus::after {
    opacity: 1
}

.passport_has-failing-grade .passport__value {
    color: #D0021B
}

.alert a, .link {
    position: relative;
    display: inline;
    vertical-align: baseline;
    padding-top: 10rem;
    color: inherit;
    text-decoration: none;
    border-bottom: 1rem solid
}

html:not(.pointer-navigation) .alert a:focus, html:not(.pointer-navigation) .link:focus {
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    border-bottom-color: transparent;
    outline: 2rem solid currentColor
}

@media (min-width: 960px) {
    .alert a, .link {
        padding-top: 0
    }
}

.alert a:hover, .link:hover {
    text-decoration: none;
    border-bottom-color: transparent
}

.badge {
    width: 73rem;
    font-size: 13rem;
    line-height: 15rem;
    color: #7F7F7F;
    color: rgba(253, 253, 253, .5);
    text-align: center
}

.badge__icon {
    vertical-align: top;
    width: 65rem;
    height: 65rem;
    margin-bottom: 4rem;
    background-color: #2A262A;
    background-color: rgba(43, 38, 42, .8);
    border-radius: 50%
}

.badge_placeholder {
    position: relative;
    height: 84rem;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.badge_placeholder::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    width: 65rem;
    height: 65rem;
    margin-bottom: 4rem;
    margin-left: auto;
    margin-right: auto;
    background-color: #2A262A;
    background-color: rgba(43, 38, 42, .8);
    border-radius: 50%
}

.badge_placeholder::after {
    content: "";
    position: absolute;
    top: 74rem;
    left: 0;
    right: 0;
    display: block;
    width: 52rem;
    margin-left: auto;
    margin-right: auto;
    height: 6rem;
    background-color: #2A262A;
    background-color: rgba(43, 38, 42, .8);
    border-radius: 3rem
}

.honor {
    position: relative;
    width: 303rem
}

.honor__shelf {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 1000rem;
    overflow: hidden
}

.honor__item {
    margin-top: 15rem;
    margin-left: 14rem;
    margin-right: 14rem;
    transition: visibility .3s ease-out
}

.honor__handler {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 48rem;
    height: 48rem;
    border: 2rem solid transparent;
    padding: 0;
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDIyIDE0Ij4KICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMSwxMy40NDk1NzAxIEMxMC41OTUwOTAxLDEzLjQ0OTU3MDEgMTAuMjM1MTc1NiwxMy4yOTIxMDc1IDkuOTIwMjQ1NjYsMTIuOTc3MTc3NiBMMC41Mzk4Nzk4NjgsMy4xOTE5MDM5IEMtMC4xNzk5NTk5NTYsMi40NzIwNjQwNyAtMC4xNzk5NTk5NTYsMS43NzQ3Mjk3IDAuNTM5ODc5ODY4LDEuMDk5ODc5ODcgQzEuMjU5NzE5NjksMC4zODAwNDAwNDcgMS45Nzk1NDg3MiwwLjM4MDA0MDA0NyAyLjY5OTM4ODU0LDEuMDk5ODc5ODcgTDExLDkuNzM3OTE0NTYgTDE5LjMwMDYxMTUsMS4wOTk4Nzk4NyBDMTkuOTYwMjk0NSwwLjMzMDI0OTY1OSAyMC42ODAxOTg0LDAuNDM4MTgwMjkyIDIxLjQ2MDEyMDEsMS4wOTk4Nzk4NyBDMjIuMTc5OTYsMS43NzQ3Mjk3IDIyLjE3OTk2LDIuNDcyMDY0MDcgMjEuNDYwMTIwMSwzLjE5MTkwMzkgTDEyLjA3OTc1NDMsMTIuOTc3MTc3NiBDMTEuNzY0ODI0NCwxMy4yOTIxMDc1IDExLjQwNDkwOTksMTMuNDQ5NTcwMSAxMSwxMy40NDk1NzAxIFoiLz4KPC9zdmc+Cg==);
    background-size: 22rem 14rem;
    background-repeat: no-repeat;
    background-position: center center;
    outline: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    transform: scale(-1);
    transition: transform 0.3s ease-out, border-color 0.1s ease-out, opacity 0.1s ease-out
}

html:not(.pointer-navigation) .honor__handler:focus {
    border-color: #FFF
}

.honor__handler:hover {
    opacity: .4
}

.honor__item_desktop-only {
    display: none
}

@media (min-width: 960px) {
    .honor {
        width: 606rem
    }

    .honor__item_desktop-only {
        display: block
    }

    .honor__handler {
        position: absolute;
        left: 100%;
        top: 27rem
    }
}

.honor__shelf[aria-hidden=true] {
    max-height: 110rem !important
}

@media (min-width: 960rem) {
    .honor__shelf[aria-hidden=true] {
        max-height: 99rem !important
    }
}

.honor__handler[aria-expanded=false] {
    transform: scale(1)
}

.profile__wrap {
    text-align: center
}

.profile__person {
    margin-left: auto;
    margin-right: auto
}

.profile__trophies {
    margin-top: 9rem;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 960px) {
    .profile__wrap {
        display: -ms-flexbox;
        display: flex;
        width: 960rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 25rem;
        padding-right: 25rem
    }

    .profile__person {
        margin-top: 14rem;
        margin-left: 0;
        margin-right: 0
    }

    .profile__trophies {
        margin-top: 0;
        margin-left: 14rem;
        margin-right: 0
    }
}

.route {
    position: relative;
    overflow: hidden
}

.route__ribbon {
    margin-left: -420rem;
    margin-right: -420rem;
    text-align: center
}

.route__widget {
    display: inline-block;
    vertical-align: top
}

.map {
    position: relative;
    margin-top: -60rem;
    padding-bottom: 100rem
}

.map__image {
    display: inline-block;
    vertical-align: top
}

.map__pic {
    vertical-align: top;
    width: 640rem;
    height: 367rem
}

@media (min-width: 960px) {
    .map {
        margin-top: -100rem;
        padding-bottom: 100rem
    }

    .map__pic {
        width: 1024rem;
        height: 587rem
    }
}

.header {
    position: relative;
    height: 86rem
}

.header__wrap {
    position: relative;
    height: 100%;
    padding-top: 6rem
}

.header__burger {
    position: absolute;
    z-index: 3000;
    left: 21rem;
    top: 15rem;
    display: inline-block;
    vertical-align: top;
    width: 56rem;
    height: 56rem;
    padding: 0;
    border: 2rem solid transparent;
    background-color: transparent;
    outline: 0;
    cursor: pointer;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.header__burger:hover {
    opacity: .4
}

html:not(.pointer-navigation) .header__burger:focus {
    border-color: #FFF
}

.header__burger[aria-expanded=true] {
    position: fixed
}

.header__cutlet {
    position: absolute;
    left: 50%;
    margin-left: -15rem;
    display: block;
    width: 30rem;
    height: 2rem;
    border-radius: 1rem;
    background-color: #FFF;
    transition: transform 0.3s ease-out
}

.header__cutlet:nth-child(1) {
    top: 17rem
}

.header__cutlet:nth-child(2) {
    top: 25rem
}

.header__cutlet:nth-child(3) {
    top: 25rem
}

.header__cutlet:nth-child(4) {
    top: 33rem
}

.header__burger[aria-expanded=true] .header__cutlet:nth-child(1) {
    transform: translateY(8rem) scale(0);
    transform-origin: bottom
}

.header__burger[aria-expanded=true] .header__cutlet:nth-child(2) {
    transform: rotate(45deg)
}

.header__burger[aria-expanded=true] .header__cutlet:nth-child(3) {
    transform: rotate(-45deg)
}

.header__burger[aria-expanded=true] .header__cutlet:nth-child(4) {
    transform: translateY(-8rem) scale(0);
    transform-origin: top
}

.header__logo {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10rem
}

.header__full-logo {
    margin: 19rem auto 0
}

.header__progress {
    position: absolute;
    right: 27rem;
    top: 21rem
}

.header__dropdown {
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 320rem;
    height: 100%;
    padding-top: 86rem;
    opacity: .1;
    visibility: hidden;
    transform: translate3d(-320rem, 0, 0);
    transition: transform 0.3s ease-out, opacity 0.3s ease-out .1s, visibility 0.3s ease-out
}

.header__dropdown[aria-hidden=false] {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0)
}

.header__dropdown::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/noise.png), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDMyMCA4NTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjQxNDIxOyI+CiAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMzIwIiBoZWlnaHQ9Ijg1MCIgc3R5bGU9ImZpbGw6cmdiKDQ2LDYwLDQ3KTsiLz4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuMTY4NDIxLDAsMCwwLjYxMzM4OCwwLC0xLjYyMDExZS0xNCkiPgogICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOTAwIiBoZWlnaHQ9IjEzODUuNzUiIHN0eWxlPSJmaWxsOnVybCgjX1JhZGlhbDEpOyIvPgogICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOTAwIiBoZWlnaHQ9IjEzODUuNzUiIHN0eWxlPSJmaWxsOnVybCgjX1JhZGlhbDIpOyIvPgogICAgICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxOTAwIiBoZWlnaHQ9IjEzODUuNzUiIHN0eWxlPSJmaWxsOnVybCgjX0xpbmVhcjMpOyIvPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMC4xNjg0MjEsMCwwLDAuNjEzMzg4LDAsLTEuNjIwMTFlLTE0KSI+CiAgICAgICAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE5MDAiIGhlaWdodD0iMTM4NS43NSIgc3R5bGU9ImZpbGw6dXJsKCNfUmFkaWFsNCk7Ii8+CiAgICA8L2c+CiAgICA8ZGVmcz4KICAgICAgICA8cmFkaWFsR3JhZGllbnQgaWQ9Il9SYWRpYWwxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDIyNTAuNjEsMCwwLDYxNy45NjIsMjU0LjgzLDY2NS4yMzcpIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYigxMzksNDksNzIpO3N0b3Atb3BhY2l0eToxIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoMTM5LDQ5LDcyKTtzdG9wLW9wYWNpdHk6MCIvPjwvcmFkaWFsR3JhZGllbnQ+CiAgICAgICAgPHJhZGlhbEdyYWRpZW50IGlkPSJfUmFkaWFsMiIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgyMDY0Ljg1LDAsMCw2OTIuODczLDE5MDAsNjkyLjg3MykiPjxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDEzOSwxMDAsNjkpO3N0b3Atb3BhY2l0eTowLjc4MjgyNyIvPjxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDExMiw4MSw1NSk7c3RvcC1vcGFjaXR5OjAiLz48L3JhZGlhbEdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iX0xpbmVhcjMiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCg5LjE5Njk3ZS0xNCwtNDEyLjQwNiwxNTAxLjk4LDIuNTI1MjZlLTE0LDE0MjMuNDUsMTMzMS44OSkiPjxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3AtY29sb3I6cmdiKDMzLDUzLDQyKTtzdG9wLW9wYWNpdHk6MCIvPjxzdG9wIG9mZnNldD0iMC41IiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoMzUsNTQsNjApO3N0b3Atb3BhY2l0eTowLjc1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoMzMsNTMsNDIpO3N0b3Atb3BhY2l0eTowIi8+PC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8cmFkaWFsR3JhZGllbnQgaWQ9Il9SYWRpYWw0IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEyNjEuODMsMCwwLDUxMS44NTMsNDQ2LjY0Miw5NzkuODc2KSI+PHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoNDEsMjUsNTYpO3N0b3Atb3BhY2l0eTowLjc1Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2IoNzEsNDMsNjUpO3N0b3Atb3BhY2l0eTowIi8+PC9yYWRpYWxHcmFkaWVudD4KICAgIDwvZGVmcz4KPC9zdmc+Cg==);
    background-size: 100rem 100rem, 320rem 850rem;
    background-repeat: repeat;
    background-attachment: scroll, fixed;
    opacity: .95
}

.header__dropdown::after {
    content: "";
    position: absolute;
    top: 86rem;
    left: 35rem;
    right: 35rem;
    display: block;
    height: 1rem;
    background-color: #4A5247;
    background-color: rgba(151, 151, 151, .2)
}

.header__container {
    position: relative;
    height: 100%;
    padding-left: 35rem;
    padding-right: 35rem;
    overflow-y: auto
}

.header__ribbon {
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.header__menu {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-top: 15rem;
    padding-bottom: 15rem;
    list-style: none
}

.header__nav-item {
    margin-top: 2rem
}

.header__nav-item:first-child {
    margin-top: 0
}

.header__link {
    margin-left: -16rem;
    margin-right: -16rem;
    padding: 14rem;
    display: inline-block;
    vertical-align: top;
    background-color: transparent;
    border: 2rem solid transparent;
    outline: 0;
    font-weight: 800;
    font-size: 19rem;
    line-height: 19rem;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 0.1s ease-out, color 0.1s ease-out
}

.header__link:hover {
    color: rgba(255, 255, 255, .4)
}

html:not(.pointer-navigation) .header__link:focus {
    border-color: #FFF
}

.header__developer {
    margin-top: auto;
    border-top: 1rem solid #4A5247;
    border-top: 1rem solid rgba(151, 151, 151, .2);
    padding-top: 36rem;
    padding-bottom: 36rem
}

@media (min-width: 960px) {
    .header__full-logo {
        margin-top: 9rem
    }
}

.stat {
    display: inline-block;
    vertical-align: top
}

.stat__heading {
    display: block;
    font-weight: 700;
    font-size: 8rem;
    line-height: 11rem;
    letter-spacing: 1.33rem;
    text-transform: uppercase;
    text-align: center
}

.stat__value {
    display: block;
    font-weight: 800;
    font-size: 21rem;
    line-height: 27rem;
    text-align: center
}

.dashboard {
    position: relative;
    min-height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.dashboard__head {
    position: absolute;
    z-index: 2000;
    left: 0;
    top: 0;
    right: 0
}

.dashboard__main {
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    z-index: 100;
    margin-top: -175rem;
    padding-top: 66rem;
    overflow: hidden;
    background-image: url(../images/dashboard-background.svg);
    background-size: 960rem auto;
    background-repeat: no-repeat;
    background-position: center top
}

@media (min-width: 960px) {
    .dashboard__main {
        margin-top: -240rem;
        padding-top: 98rem;
        background-size: 1920rem auto;
        background-repeat: no-repeat;
        background-position: center top
    }
}

.dashboard__stages {
    position: relative;
    padding-top: 62rem;
    overflow: hidden
}

@supports (pointer-events:none) {
    .dashboard__stages::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        display: block;
        height: 120rem;
        pointer-events: none;
        background-image: url(../images/dashboard-mobile-lines.svg);
        background-repeat: no-repeat;
        background-position: center center
    }
}

@media (min-width: 960px) {
    .dashboard__stages {
        padding-top: 62rem
    }

    @supports (pointer-events:none) {
        .dashboard__stages::after {
            top: 20rem;
            background-image: url(../images/dashboard-desktop-lines.svg);
            height: 400rem
        }
    }
}

@media (min-width: 1920px) {
    .dashboard__main {
        background-size: 100% auto
    }

    @supports (pointer-events:none) {
        .dashboard__stages::after {
            height: 800rem;
            background-size: 100% auto;
            background-position: center top
        }
    }
}

.current-position {
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 5rem 6rem 0
}

.current-position__stage {
    margin-left: 14rem
}

.input {
    position: relative;
    border-radius: 5rem
}

.input::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #0F0F0F;
    background-image: url(../images/stars.jpg);
    background-size: 300rem 300rem;
    background-repeat: repeat;
    background-position: center center;
    border-radius: 5rem;
    opacity: .3;
    transition: opacity 0.1s ease-out
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .input::before {
        background-image: url(../images/stars@2x.jpg)
    }
}

.input:hover::before {
    opacity: .6
}

.input__widget {
    position: relative;
    vertical-align: top;
    width: 100%;
    height: 58rem;
    padding: 27rem 16rem 11rem;
    border: none;
    outline: 0;
    background-color: transparent;
    background-clip: padding-box;
    border-radius: 5rem;
    font-family: inherit;
    font-size: 15rem;
    line-height: 20rem;
    color: #FFF;
    transition: box-shadow 0.1s ease-out
}

.input__widget:focus {
    box-shadow: 0 0 0 2rem #FFF
}

.input__widget:-webkit-autofill {
    -webkit-text-fill-color: #000
}

.input__widget:-webkit-autofill ~ .input__label {
    color: #000
}

.input__label {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 22rem 16rem 0;
    font-size: 12rem;
    line-height: 14rem;
    color: #FFF;
    color: rgba(255, 255, 255, .4);
    text-transform: uppercase;
    letter-spacing: 3rem;
    pointer-events: none;
    cursor: pointer;
    transition: padding-top .1s ease-out
}

.input_uncovered::before {
    opacity: 1 !important
}

.input_uncovered .input__label {
    width: auto;
    height: auto;
    padding-top: 12rem
}

.input__widget:-webkit-autofill ~ .input__label {
    width: auto;
    height: auto;
    padding-top: 12rem
}

.input_type_select {
    padding-top: 16rem;
    padding-left: 10rem
}

.input_type_select .input__widget {
    height: 42rem;
    padding-top: 11rem;
    cursor: pointer
}

.input_type_select option {
    color: #000
}

@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
    .input_type_select {
        padding-top: 0;
        padding-left: 0;
        background-color: transparent
    }

    .input_type_select .input__widget {
        height: 58rem;
        padding-top: 27rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTEgNyI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNS41MDIxMTA3MSw2LjY3MTc5ODIyIEM1LjMwMjg5MDk2LDYuNjcxNzk4MjIgNS4xMjU4MDk0LDYuNTk0MzI1MDMgNC45NzA4NjA3MSw2LjQzOTM3NjM0IEwwLjM1NTYyNjMzMiwxLjYyNDkyMzIyIEMwLjAwMTQ1Nzg5NDIsMS4yNzA3NTQ3OCAwLjAwMTQ1Nzg5NDIsMC45Mjc2NTkyNTEgMC4zNTU2MjYzMzIsMC41OTU2MjYzNDEgQzAuNzA5Nzk0NzY5LDAuMjQxNDU3OTA0IDEuMDYzOTU3ODksMC4yNDE0NTc5MDQgMS40MTgxMjYzMywwLjU5NTYyNjM0MSBMNS41MDIxMTA3MSw0Ljg0NTYyNjM0IEw5LjU4NjA5NTA4LDAuNTk1NjI2MzQxIEM5LjkxMDY2NTc4LDAuMjE2OTYwNTMyIDEwLjI2NDg2NTcsMC4yNzAwNjM0OSAxMC42NDg1OTUxLDAuNTk1NjI2MzQxIEMxMS4wMDI3NjM1LDAuOTI3NjU5MjUxIDExLjAwMjc2MzUsMS4yNzA3NTQ3OCAxMC42NDg1OTUxLDEuNjI0OTIzMjIgTDYuMDMzMzYwNzEsNi40MzkzNzYzNCBDNS44Nzg0MTIwMiw2LjU5NDMyNTAzIDUuNzAxMzMwNDUsNi42NzE3OTgyMiA1LjUwMjExMDcxLDYuNjcxNzk4MjIgWiIgb3BhY2l0eT0iLjQiLz4KPC9zdmc+Cg==);
        background-repeat: no-repeat;
        background-position: right 16rem center
    }
}

@media (min-width: 960px) {
    .input__widget {
        height: 72rem;
        padding: 35rem 18rem 17rem;
        font-size: 15rem;
        line-height: 20rem
    }

    .input__label {
        padding: 17rem 18rem 0
    }

    .input__label {
        padding-top: 31rem
    }

    .input_uncovered .input__label {
        padding-top: 17rem
    }

    .input__widget:-webkit-autofill ~ .input__label {
        padding-top: 17rem
    }

    .input_type_select {
        padding-top: 18rem;
        padding-left: 10rem
    }

    .input_type_select .input__widget {
        height: 54rem;
        padding-top: 17rem;
        cursor: pointer
    }

    @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
        .input_type_select {
            padding-top: 0;
            padding-left: 0
        }

        .input_type_select .input__widget {
            height: 72rem;
            padding-top: 35rem;
            background-position: right 21rem center
        }
    }
}

.input_type_textarea .input__widget {
    resize: vertical;
    height: 322rem
}

.faces {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 8rem;
    padding-right: 8rem
}

.faces__item {
    width: 25%;
    padding: 3rem 5rem;
    position: relative
}

.faces__pick {
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer
}

.faces__widget {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.faces__avatar {
    width: 100%;
    height: auto;
    vertical-align: top;
    background-color: #FFF;
    border-radius: 50%;
    opacity: .3;
    transition: opacity 0.1s ease-out
}

.faces__outline {
    position: absolute;
    left: -5rem;
    top: -5rem;
    right: -5rem;
    bottom: -5rem;
    border: 2rem solid transparent;
    border-radius: 50%;
    transition: border-color 0.1s ease-out
}

@media (min-width: 960px) {
    .faces__outline {
        left: -6rem;
        top: -6rem;
        right: -6rem;
        bottom: -6rem
    }
}

html:not(.pointer-navigation) .faces__widget:focus ~ .faces__outline {
    border-color: #FFF
}

.faces__widget:checked + .faces__avatar {
    opacity: 1
}

.faces__pick:hover .faces__avatar {
    opacity: 1
}

@media (min-width: 960px) {
    .faces {
        padding-left: 14rem;
        padding-right: 14rem
    }

    .faces__item {
        width: 25%;
        padding: 4rem 7rem
    }
}

.fold {
    position: relative;
    background-color: #0F0F0F;
    background-image: url(../images/stars.jpg);
    background-size: 300rem 300rem;
    background-repeat: repeat;
    background-position: center top;
    border-radius: 5rem
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .fold {
        background-image: url(../images/stars@2x.jpg)
    }
}

.fold__heading {
    position: relative;
    display: block;
    padding: 22rem 16rem 12rem;
    font-size: 12rem;
    line-height: 14rem;
    color: #FFF;
    color: rgba(255, 255, 255, .4);
    text-transform: uppercase;
    letter-spacing: 3rem
}

.fold__body {
    position: relative;
    padding: 0 16rem 18rem
}

@media (min-width: 960px) {
    .fold__heading {
        padding: 29rem 18rem 19rem
    }

    .fold__body {
        padding: 0 18rem 22rem
    }
}

.field {
    position: relative
}

.field__note {
    margin-left: 16rem;
    margin-right: 16rem;
    padding: 10rem;
    background-color: rgba(222, 40, 28, .7);
    border-bottom-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
    font-size: 12rem;
    line-height: 12rem;
    letter-spacing: .71rem
}

.field__hint {
    margin-top: 10rem
}

.field__hint:first-child {
    margin-top: 0
}

.field_error::after, .field_success::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 21rem;
    width: 18rem;
    height: 18rem;
    margin-left: 1rem;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center
}

@media (min-width: 340px) {
    .field_error::after, .field_success::after {
        margin-left: 6rem
    }
}

@media (min-width: 360px) {
    .field_error::after, .field_success::after {
        margin-left: 11rem
    }
}

.field_success::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjOEZERTc2IiBkPSJNMTIuNTQxMzA0MSw0Ljk4ODExODc4IEMxMi44MDU4ODM0LDQuNzU2NjExOTUgMTMuMTI1OTEyNSw0LjYzMjE1NjE2IDEzLjQ3MjcwMTgsNC42MzIxNTYxNiBDMTMuODE5NDkxLDQuNjMyMTU2MTYgMTQuMTM5NTIwMiw0Ljc1NjYxMTk1IDE0LjQwNDA5OTQsNC45ODgxMTg3OCBDMTQuNjkzMjEyMiw1LjI0MTA5MjQ1IDE0Ljg1MzI3MTUsNS41ODEyMTg0OSAxNC44NTMyNzE1LDUuOTYyMDExMDcgQzE0Ljg1MzI3MTUsNi4zMjkzNjY2NSAxNC43MDUyODY1LDYuNjYyMzMyOTIgMTQuNDM4MDg5Miw2LjkyOTUyOCBMOC4zNTIzMTI0NywxMi45ODk5NDczIEw4LjI5MzkzNjYzLDEzLjA0MjA4NjUgQzguMDA2NTgxMDksMTMuMjcxOTcxIDcuNjk1Mzg2OSwxMy40MDMwMDAxIDcuMzYxNTY3NjUsMTMuNDAzMDAwMSBDNy4wMDQ2Mjk1NiwxMy40MDMwMDAxIDYuNjgzNDQwMzUsMTMuMjUxODUyMiA2LjQyMjc4NDc2LDEyLjk5MTE4NjIgTDMuNjA1ODAwMDUsMTAuMTk5NTY5MyBDMy4zNDc5OTYzOCw5Ljk0MTc2NTY2IDMuMjE3MDQxMDIsOS42MDUwMjMzIDMuMjE3MDQxMDIsOS4yMzMxMTYwNSBDMy4yMTcwNDEwMiw4Ljg2MTIwODggMy4zNDc5OTYzOCw4LjUyNDQ2NjQ0IDMuNjA1ODAwMDUsOC4yNjY2NjI3NyBDNC4xNzAyNzc0MSw3LjcwMjE4NTQxIDQuOTA5NDg1Niw3LjcwMjE4NTQxIDUuNTM4NzA2NjEsOC4yNjY2NjI3NyBMNy4zODgxNzAwMSwxMC4xMTYxMjYyIEwxMi41NDEzMDQxLDQuOTg4MTE4NzggWiIvPgo8L3N2Zz4K)
}

.field_error::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cG9seWdvbiBmaWxsPSIjREUyODFDIiBwb2ludHM9IjEwLjc3OCA5IDE0LjQxNCAxMi42MzYgMTIuNjM2IDE0LjQxNCA5IDEwLjc3OCA1LjM2NCAxNC40MTQgMy41ODYgMTIuNjM2IDcuMjIyIDkgMy41ODYgNS4zNjQgNS4zNjQgMy41ODYgOSA3LjIyMiAxMi42MzYgMy41ODYgMTQuNDE0IDUuMzY0Ii8+Cjwvc3ZnPgo=)
}

.auth__heading {
    margin-top: 0;
    margin-bottom: 20rem;
    border-bottom: 1rem solid rgba(255, 255, 255, .1);
    padding-bottom: 16rem;
    font-weight: 200;
    font-size: 31rem;
    line-height: 31rem;
    letter-spacing: 7rem;
    text-align: center;
    text-transform: uppercase
}

.auth__form + .auth__heading {
    margin-top: 40rem
}

.auth__informer {
    margin-bottom: 24rem
}

.auth__form + .auth__form {
    margin-top: 40rem
}

.auth__fieldset {
    margin: 20rem 0 0;
    border: none;
    border-top: 1rem solid rgba(255, 255, 255, .1);
    padding: 20rem 0 0
}

.auth__fieldset:first-child {
    margin-top: 0;
    border-top: none;
    padding-top: 0
}

.auth__note {
    padding-top: 1rem;
    font-weight: 800;
    font-size: 12rem;
    line-height: 17rem
}

.auth__section-switch {
    margin-top: 10rem;
    margin-bottom: -8rem;
    padding-left: 13rem;
    padding-right: 13rem
}

.auth__item {
    margin-top: 16rem
}

.auth__item:first-of-type {
    margin-top: 0
}

.auth__submit {
    margin-top: 25rem
}

.auth__alternate {
    margin-top: 27rem;
    border-top: 1rem solid rgba(255, 255, 255, .1);
    padding-top: 12rem
}

.auth__action {
    text-align: center
}

.auth__link {
    display: inline-block;
    vertical-align: top;
    padding: 6rem 8rem;
    border: 2rem solid transparent;
    font-size: 13rem;
    line-height: 18rem;
    color: #FFF;
    color: rgba(255, 255, 255, .8);
    text-decoration: none;
    transition: border-color 0.1s ease-out, color 0.1s ease-out
}

.auth__link:hover {
    color: #FFF
}

html:not(.pointer-navigation) .auth__link:focus {
    outline: 0;
    border-color: #FFF
}

@media (min-width: 960px) {
    .auth__container {
        width: 350rem;
        -ms-flex-pack: center;
        justify-content: center
    }

    .auth__heading {
        padding-bottom: 24rem;
        margin-bottom: 24rem
    }

    .auth__form + .auth__heading {
        margin-top: 60rem
    }

    .auth__form + .auth__form {
        margin-top: 60rem
    }

    .auth__fieldset {
        margin-top: 25rem;
        padding-top: 25rem
    }

    .auth__note {
        padding-top: 6rem;
        padding-bottom: 1rem
    }

    .auth__item {
        margin-top: 21rem
    }

    .auth__submit {
        margin-top: 31rem
    }

    .auth__alternate {
        margin-top: 35rem;
        padding-top: 18rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .auth__action:first-child {
        margin-left: -8rem
    }

    .auth__action:last-child {
        margin-right: -8rem
    }
}

.lang {
    display: inline-block;
    vertical-align: top
}

.lang__handler {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: -15rem;
    margin-right: -15rem;
    padding: 14rem 44rem 14rem 14rem;
    border: 2rem solid transparent;
    background-color: transparent;
    outline: 0;
    font-family: inherit;
    font-weight: 800;
    font-size: 19rem;
    line-height: 19rem;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 0.1s ease-out, color 0.1s ease-out
}

.lang__handler:hover {
    color: rgba(255, 255, 255, .4)
}

html:not(.pointer-navigation) .lang__handler:focus {
    border-color: #FFF
}

.lang__handler::after {
    content: "";
    position: absolute;
    right: 14rem;
    top: 18rem;
    display: block;
    width: 18rem;
    height: 11rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDE4IDExIj4KICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LDEwLjgxNjM2MzYgQzguNjY4NzEwMDgsMTAuODE2MzYzNiA4LjM3NDIzNDU3LDEwLjY4NjQyNjggOC4xMTY1NjQ2MywxMC40MjY1NDk0IEwwLjQ0MTcxOTg5MiwyLjM1MTgyNDcyIEMtMC4xNDcyMzk5NjQsMS43NTc4MTkwMiAtMC4xNDcyMzk5NjQsMS4xODIzODQ2MyAwLjQ0MTcxOTg5MiwwLjYyNTUwNDI4MyBDMS4wMzA2Nzk3NSwwLjAzMTQ5ODU4MTggMS42MTk2MzA3NywwLjAzMTQ5ODU4MTggMi4yMDg1OTA2MiwwLjYyNTUwNDI4MyBMOSw3Ljc1MzUzNzA2IEwxNS43OTE0MDk0LDAuNjI1NTA0MjgzIEMxNi4wMTIyNjkzLDAuMzY1NjI2Nzg5IDE2LjI5NzU0MjUsMC4yMzU2ODk5OTEgMTYuNjQ3MjM3NCwwLjIzNTY4OTk5MSBDMTYuOTk2OTMyMywwLjIzNTY4OTk5MSAxNy4zMDA2MTAyLDAuMzY1NjI2Nzg5IDE3LjU1ODI4MDEsMC42MjU1MDQyODMgQzE4LjE0NzI0LDEuMTgyMzg0NjMgMTguMTQ3MjQsMS43NTc4MTkwMiAxNy41NTgyODAxLDIuMzUxODI0NzIgTDkuODgzNDM1MzcsMTAuNDI2NTQ5NCBDOS42MjU3NjU0MywxMC42ODY0MjY4IDkuMzMxMjg5OTIsMTAuODE2MzYzNiA5LDEwLjgxNjM2MzYgWiIvPgo8L3N2Zz4K);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    transform: scale(-1);
    transition: transform 0.3s ease-out
}

.lang__handler[aria-expanded=false]::after {
    transform: scale(1)
}

.lang__dropdown {
    margin: 0 -15rem;
    display: none;
    padding-left: 15rem;
    padding-right: 15rem;
    list-style: none;
    max-height: 300rem;
    overflow: hidden;
    visibility: visible;
    transition: max-height 0.3s ease-out
}

@keyframes lang-fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.lang__dropdown[aria-hidden=false] {
    display: block;
    animation: lang-fade-in .3s ease
}

.lang__item {
    padding-top: 2rem
}

.lang__link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: -15rem;
    margin-right: -15rem;
    padding: 14rem 14rem 14rem 34rem;
    border: 2rem solid transparent;
    background-color: transparent;
    outline: 0;
    font-weight: 800;
    font-size: 19rem;
    line-height: 19rem;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 0.1s ease-out, color 0.1s ease-out
}

.lang__link:hover {
    color: rgba(255, 255, 255, .4)
}

html:not(.pointer-navigation) .lang__link:focus {
    border-color: #FFF
}

.lang__link::before {
    content: "";
    position: absolute;
    left: 16rem;
    top: 19rem;
    display: block;
    width: 8rem;
    height: 8rem;
    border: 1rem solid;
    border-radius: 50%
}

.dialog {
    width: 280rem;
    height: 100%;
    display: table;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto
}

.dialog__container {
    display: table-cell;
    vertical-align: middle
}

.dialog__inner {
    margin-top: 116rem;
    padding-bottom: 10vh;
    pointer-events: all
}

@media (min-height: 860rem) {
    .dialog__inner {
        padding-bottom: 86rem
    }
}

@media (min-width: 960px) {
    .dialog {
        width: 350rem
    }
}

.question__note {
    margin-bottom: 15rem;
    font-weight: 300;
    font-size: 10rem;
    line-height: 12rem;
    letter-spacing: 3rem;
    text-transform: uppercase;
    text-align: center
}

.question__heading {
    margin-top: 0;
    margin-bottom: 12rem;
    border-bottom: 1rem solid rgba(255, 255, 255, .1);
    padding-bottom: 18rem;
    font-weight: 200;
    font-size: 31rem;
    line-height: 31rem;
    text-align: center
}

.question__item {
    margin-top: 2rem
}

.question__item:first-child {
    margin-top: 0
}

.question__actions {
    margin-top: 14rem;
    border-top: 1rem solid rgba(255, 255, 255, .1);
    padding-top: 23rem
}

.question__next {
    width: 50%;
    margin-left: auto;
    display: none
}

@media (min-width: 960px) {
    .question__note {
        margin-bottom: 18rem
    }

    .question__heading {
        margin-bottom: 8rem;
        padding-bottom: 21rem
    }

    .question__actions {
        margin-top: 28rem;
        padding-top: 28rem
    }
}

.choice {
    margin-left: -6rem;
    margin-right: -6rem;
    position: relative;
    display: block
}

.choice__widget {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.choice__icon {
    position: absolute;
    left: 10rem;
    top: 10rem;
    display: block;
    width: 28rem;
    height: 28rem;
    border: 1rem solid #FFF;
    border: 1rem solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    transition: background-color 0.1s ease-out, box-shadow 0.1s ease-out, border-color 0.1s ease-out
}

.choice__label {
    position: relative;
    min-height: 48rem;
    border: 2rem solid transparent;
    padding: 6rem 10rem 6rem 48rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 300;
    font-size: 14rem;
    line-height: 16rem;
    cursor: pointer;
    transition: border-color 0.1s ease-out, color 0.1s ease-out
}

.choice:hover .choice__label {
    color: rgba(255, 255, 255, .7)
}

.choice__widget:checked + .choice__icon {
    background-color: rgba(255, 255, 255, .3);
    box-shadow: inset 0 0 0 1rem #FFF;
    border-color: #FFF
}

html:not(.pointer-navigation) .choice__widget:focus ~ .choice__label {
    border-color: #FFF
}

.choice_wrong {
    pointer-events: none
}

.choice_wrong .choice__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cG9seWdvbiBmaWxsPSIjREUyODFDIiBwb2ludHM9IjEwLjc3OCA5IDE0LjQxNCAxMi42MzYgMTIuNjM2IDE0LjQxNCA5IDEwLjc3OCA1LjM2NCAxNC40MTQgMy41ODYgMTIuNjM2IDcuMjIyIDkgMy41ODYgNS4zNjQgNS4zNjQgMy41ODYgOSA3LjIyMiAxMi42MzYgMy41ODYgMTQuNDE0IDUuMzY0Ii8+Cjwvc3ZnPgo=);
    background-size: 18rem 18rem;
    background-repeat: no-repeat;
    background-position: center center
}

.choice_wrong .choice__icon::after {
    display: none !important
}

.choice_correct {
    pointer-events: none
}

.choice_correct .choice__icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8cGF0aCBmaWxsPSIjOEZERTc2IiBkPSJNMTIuNTQxMzA0MSw0Ljk4ODExODc4IEMxMi44MDU4ODM0LDQuNzU2NjExOTUgMTMuMTI1OTEyNSw0LjYzMjE1NjE2IDEzLjQ3MjcwMTgsNC42MzIxNTYxNiBDMTMuODE5NDkxLDQuNjMyMTU2MTYgMTQuMTM5NTIwMiw0Ljc1NjYxMTk1IDE0LjQwNDA5OTQsNC45ODgxMTg3OCBDMTQuNjkzMjEyMiw1LjI0MTA5MjQ1IDE0Ljg1MzI3MTUsNS41ODEyMTg0OSAxNC44NTMyNzE1LDUuOTYyMDExMDcgQzE0Ljg1MzI3MTUsNi4zMjkzNjY2NSAxNC43MDUyODY1LDYuNjYyMzMyOTIgMTQuNDM4MDg5Miw2LjkyOTUyOCBMOC4zNTIzMTI0NywxMi45ODk5NDczIEw4LjI5MzkzNjYzLDEzLjA0MjA4NjUgQzguMDA2NTgxMDksMTMuMjcxOTcxIDcuNjk1Mzg2OSwxMy40MDMwMDAxIDcuMzYxNTY3NjUsMTMuNDAzMDAwMSBDNy4wMDQ2Mjk1NiwxMy40MDMwMDAxIDYuNjgzNDQwMzUsMTMuMjUxODUyMiA2LjQyMjc4NDc2LDEyLjk5MTE4NjIgTDMuNjA1ODAwMDUsMTAuMTk5NTY5MyBDMy4zNDc5OTYzOCw5Ljk0MTc2NTY2IDMuMjE3MDQxMDIsOS42MDUwMjMzIDMuMjE3MDQxMDIsOS4yMzMxMTYwNSBDMy4yMTcwNDEwMiw4Ljg2MTIwODggMy4zNDc5OTYzOCw4LjUyNDQ2NjQ0IDMuNjA1ODAwMDUsOC4yNjY2NjI3NyBDNC4xNzAyNzc0MSw3LjcwMjE4NTQxIDQuOTA5NDg1Niw3LjcwMjE4NTQxIDUuNTM4NzA2NjEsOC4yNjY2NjI3NyBMNy4zODgxNzAwMSwxMC4xMTYxMjYyIEwxMi41NDEzMDQxLDQuOTg4MTE4NzggWiIvPgo8L3N2Zz4K);
    background-size: 18rem 18rem;
    background-repeat: no-repeat;
    background-position: center center
}

.choice_correct .choice__icon::after {
    display: none !important
}

.choice_type_radio .choice__icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12rem;
    height: 12rem;
    margin-left: -6rem;
    margin-top: -6rem;
    border-radius: 50%;
    transition: background-color 0.1s ease-out
}

.choice_type_radio .choice__widget:checked + .choice__icon::after {
    background-color: #FFF
}

.choice_type_radio .choice__widget:checked ~ .choice__label {
    color: #FFF;
    cursor: default
}

.choice_type_checkbox .choice__icon {
    border-radius: 6rem
}

.choice_type_checkbox .choice__icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6rem;
    height: 14rem;
    border-right: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
    margin-left: -3rem;
    margin-top: -8rem;
    border-radius: 0;
    transform: rotate(45deg);
    transition: border-color 0.1s ease-out
}

.choice_type_checkbox .choice__widget:checked + .choice__icon::after {
    border-color: #FFF
}

@media (min-width: 960px) {
    .choice {
        margin-left: -9rem;
        margin-right: -9rem
    }

    .choice__icon {
        left: 13rem;
        top: 13rem;
        width: 36rem;
        height: 36rem
    }

    .choice__label {
        min-height: 62rem;
        padding-top: 10rem;
        padding-bottom: 10rem;
        padding-left: 61rem;
        font-size: 15rem;
        line-height: 19rem
    }

    .choice_wrong .choice__icon {
        background-size: 22rem 22rem
    }

    .choice_correct .choice__icon {
        background-size: 22rem 22rem
    }

    .choice_type_radio .choice__icon::after {
        width: 16rem;
        height: 16rem;
        margin-left: -8rem;
        margin-top: -8rem
    }

    .choice_type_checkbox .choice__icon::after {
        width: 8rem;
        height: 17rem;
        margin-left: -4rem;
        margin-top: -10rem
    }
}

.scene {
    position: relative;
    height: 100%
}

.scene__background {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.scene__image {
    position: absolute;
    left: -20rem;
    top: -20rem;
    right: -20rem;
    bottom: -20rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #666;
    filter: blur(20rem)
}

.scene__background::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6)
}

.scene__head {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    right: 0;
    opacity: 1;
    transition: opacity 0.3s ease-out;
    visibility: 0.3s ease-out
}

.scene__head_hidden {
    opacity: 0;
    visibility: hidden
}

.scene__body {
    position: relative;
    height: 100%
}

.scene__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto
}

.interaction__heading {
    margin-top: 0;
    margin-bottom: 20rem;
    border-bottom: 1rem solid rgba(255, 255, 255, .1);
    padding-bottom: 16rem;
    font-weight: 200;
    font-size: 31rem;
    line-height: 31rem;
    text-align: center
}

.interaction__item {
    margin-top: 16rem
}

.interaction__item:first-child {
    margin-top: 0
}

@media (min-width: 960px) {
    .interaction__heading {
        padding-bottom: 24rem;
        margin-bottom: 24rem
    }
}

.decision__heading {
    margin-top: 0;
    margin-bottom: 20rem;
    border-bottom: 1rem solid rgba(255, 255, 255, .1);
    padding-bottom: 16rem;
    font-weight: 200;
    font-size: 31rem;
    line-height: 31rem;
    letter-spacing: 7rem;
    text-align: center;
    text-transform: uppercase
}

.decision__item {
    margin-top: 16rem
}

.decision__item:first-child {
    margin-top: 0
}

@media (min-width: 960px) {
    .decision__heading {
        padding-bottom: 24rem;
        margin-bottom: 24rem
    }
}

.back {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 11rem 0 11rem 20rem;
    border: none;
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgNyAxMSI+CiAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMy41MDA4OTkxMSw4LjY3MzAwOTgxIEMzLjMwMTY3OTM3LDguNjczMDA5ODEgMy4xMjQ1OTc4MSw4LjU5NTUzNjYyIDIuOTY5NjQ5MTEsOC40NDA1ODc5MyBMLTEuNjQ1NTg1MjYsMy42MjYxMzQ4MSBDLTEuOTk5NzUzNywzLjI3MTk2NjM3IC0xLjk5OTc1MzcsMi45Mjg4NzA4NCAtMS42NDU1ODUyNiwyLjU5NjgzNzkzIEMtMS4yOTE0MTY4MiwyLjI0MjY2OTUgLTAuOTM3MjUzNjk4LDIuMjQyNjY5NSAtMC41ODMwODUyNiwyLjU5NjgzNzkzIEwzLjUwMDg5OTExLDYuODQ2ODM3OTMgTDcuNTg0ODgzNDksMi41OTY4Mzc5MyBDNy43MTc2OTY2NSwyLjQ0MTg4OTI0IDcuODg5MjQ0NDIsMi4zNjQ0MTYwNiA4LjA5OTUzMTkzLDIuMzY0NDE2MDYgQzguMzA5ODE5NDQsMi4zNjQ0MTYwNiA4LjQ5MjQzNDgsMi40NDE4ODkyNCA4LjY0NzM4MzQ5LDIuNTk2ODM3OTMgQzkuMDAxNTUxOTMsMi45Mjg4NzA4NCA5LjAwMTU1MTkzLDMuMjcxOTY2MzcgOC42NDczODM0OSwzLjYyNjEzNDgxIEw0LjAzMjE0OTExLDguNDQwNTg3OTMgQzMuODc3MjAwNDIsOC41OTU1MzY2MiAzLjcwMDExODg2LDguNjczMDA5ODEgMy41MDA4OTkxMSw4LjY3MzAwOTgxIFoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDMuNSA1LjUwMikiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-position: left center;
    font-family: inherit;
    font-size: 13rem;
    line-height: 18rem;
    color: #FFF;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer
}

.back:hover {
    opacity: .4
}

.alert {
    padding: 10rem 16rem 8rem;
    background-color: #FFF;
    font-size: 15rem;
    line-height: 20rem;
    color: #000;
    border-radius: 5rem
}

@media (min-width: 960px) {
    .alert {
        padding: 17rem 18rem 15rem
    }
}

.alert_palette_danger {
    background-color: #DE281C;
    background-color: rgba(222, 40, 28, .8);
    color: #FFF;
    color: rgba(255, 255, 255, .8)
}

.alert_palette_success {
    background-color: #8FDE76;
    background-color: rgba(169, 144, 90, .8);
    color: #FFF;
    color: rgba(255, 255, 255, .8)
}

.hide-on-empty:empty {
    display: none
}

.developer {
    display: inline-block;
    vertical-align: top;
    width: 224rem;
    height: 124rem;
    margin: -12rem;
    border: 2rem solid transparent;
    background-image: url(../images/developer.png);
    background-size: 200rem 100rem;
    background-repeat: no-repeat;
    background-position: center center;
    outline: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    transition: border-color 0.1s ease-out
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .developer {
        background-image: url(../images/developer@2x.png)
    }
}

html:not(.pointer-navigation) .developer:focus {
    border-color: #FFF
}

.movie {
    width: 100%;
    max-width: 1920rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 86rem;
    height: calc(100% - 86rem);
    border: none;
    vertical-align: top
}

.popup {
    position: fixed;
    z-index: 5000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out
}

.popup__container {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%
}

.popup__viewport {
    display: table-cell;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle
}

.popup__overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: rgba(0, 0, 0, .5);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.popup__close {
    position: fixed;
    z-index: 400;
    right: 14rem;
    top: 14rem;
    display: inline-block;
    vertical-align: top;
    width: 40rem;
    height: 40rem;
    padding: 0;
    border: 2rem solid transparent;
    outline: 0;
    background-color: transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjU4NTk0MTU1LDExLjAwMDE1NTEgTDAuNzQ3MTA2NzgsMTkuODM4OTg5OSBMMC43NDcxMDY3OCwxOS44Mzg5ODk5IEMwLjM1NjU4MjQ4OSwyMC4yMjk1MTQyIDAuMzU2NTgyNDg5LDIwLjg2MjY3OTEgMC43NDcxMDY3OCwyMS4yNTMyMDM0IEMxLjEzNzYzMTA3LDIxLjY0MzcyNzcgMS43NzA3OTYwNSwyMS42NDM3Mjc3IDIuMTYxMzIwMzQsMjEuMjUzMjAzNCBMMi4xNjEzMjAzNCwyMS4yNTMyMDM0IEwxMS4wMDAxNTUxLDEyLjQxNDM2ODcgTDE5LjgzODk4OTksMjEuMjUzMjAzNCBDMjAuMjI5NTE0MiwyMS42NDM3Mjc3IDIwLjg2MjY3OTEsMjEuNjQzNzI3NyAyMS4yNTMyMDM0LDIxLjI1MzIwMzQgQzIxLjY0MzcyNzcsMjAuODYyNjc5MSAyMS42NDM3Mjc3LDIwLjIyOTUxNDIgMjEuMjUzMjAzNCwxOS44Mzg5ODk5IEwyMS4yNTMyMDM0LDE5LjgzODk4OTkgTDEyLjQxNDM2ODcsMTEuMDAwMTU1MSBMMjEuMjUzMjAzNCwyLjE2MTMyMDM0IEMyMS42NDM3Mjc3LDEuNzcwNzk2MDUgMjEuNjQzNzI3NywxLjEzNzYzMTA3IDIxLjI1MzIwMzQsMC43NDcxMDY3OCBDMjAuODYyNjc5MSwwLjM1NjU4MjQ4OSAyMC4yMjk1MTQyLDAuMzU2NTgyNDg5IDE5LjgzODk4OTksMC43NDcxMDY3OCBMMTkuODM4OTg5OSwwLjc0NzEwNjc4IEwxMS4wMDAxNTUxLDkuNTg1OTQxNTUgTDIuMTYxMzIwMzQsMC43NDcxMDY3OCBMMi4xNjEzMjAzNCwwLjc0NzEwNjc4IEMxLjc3MDc5NjA1LDAuMzU2NTgyNDg5IDEuMTM3NjMxMDcsMC4zNTY1ODI0ODkgMC43NDcxMDY3OCwwLjc0NzEwNjc4IEMwLjM1NjU4MjQ4OSwxLjEzNzYzMTA3IDAuMzU2NTgyNDg5LDEuNzcwNzk2MDUgMC43NDcxMDY3OCwyLjE2MTMyMDM0IEwwLjc0NzEwNjc4LDIuMTYxMzIwMzQgTDkuNTg1OTQxNTUsMTEuMDAwMTU1MSBaIi8+Cjwvc3ZnPgo=);
    background-size: 22rem 22rem;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    transition: opacity 0.1s ease-out
}

.popup__close:hover {
    opacity: .4
}

html:not(.pointer-navigation) .popup__close:focus {
    border-color: #FFF
}

.popup__slot {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 20rem 10rem
}

.popup_active {
    overflow: hidden
}

.popup_active .popup-blur {
    opacity: .1
}

@supports (filter:blur(20rem)) {
    .popup_active .popup-blur {
        opacity: 1;
        filter: blur(20rem)
    }
}

.popup_visible {
    opacity: 1;
    visibility: visible
}

.title {
    display: table;
    table-layout: fixed;
    width: 100%;
    max-width: 280rem;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.title__container {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.title__inner {
    padding-top: 86rem;
    padding-bottom: 10vh
}

@media (min-height: 860px) {
    .title__inner {
        padding-bottom: 86rem
    }
}

.title__body {
    padding: 30rem 40rem;
    background-color: rgba(0, 0, 0, .95);
    border-radius: 10rem
}

.title__prefix {
    font-weight: 700;
    font-size: 10rem;
    line-height: 14rem;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 2rem;
    text-align: center
}

.title__heading {
    margin-top: 8rem;
    font-weight: 800;
    font-size: 22rem;
    line-height: 22rem;
    text-align: center;
    color: #FFF
}

.grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.grid__row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.grid-item {
    padding: 15rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

@media (min-width: 960px) {
    .grid-item__one-half {
        width: 55%
    }

    .grid-item__one-fourth {
        width: 25%
    }

    .grid-item__three-fourths {
        width: 75%
    }

    .grid-item__one-third {
        width: 33.333%
    }

    .grid-item__two-thirds {
        width: 66.666%
    }
}

.replay {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: -7rem -8rem;
    padding: 16rem 56rem 14rem 14rem;
    border: 2rem solid transparent;
    background-color: transparent;
    outline: 0;
    font-family: inherit;
    font-weight: 800;
    font-size: 17rem;
    line-height: 24rem;
    color: #FFF;
    text-decoration: none;
    text-shadow: 0 0 23rem rgba(0, 0, 0, .89);
    cursor: pointer;
    transition: border-color 0.1s ease-out
}

html:not(.pointer-navigation) .replay:focus {
    border-color: #FFF
}

.replay::after, .replay::before {
    content: "";
    position: absolute;
    right: 10rem;
    top: 8rem;
    display: block;
    width: 40rem;
    height: 40rem;
    transition: opacity 0.1s ease-out
}

.replay::before {
    background-size: 40rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0icGxheS1hIiBkPSJNMjguNTYwNTQ1NSw4LjQ5OTA5Njg4IEw4LjM2MDc0NDcyLDI4Ljg3NDk3MTggTDguMzYwNzQ0NzIsMjguODc0OTcxOCBDNi41NDkzOTg4NSwzMC43MDIxMDY1IDYuNTYyMTk4MjMsMzMuNjUxNjc3NyA4LjM4OTMzMjkzLDM1LjQ2MzAyMzYgQzkuMDcwNjQwOTEsMzYuMTM4NDQ0MiA5Ljk0Mzg2MzMxLDM2LjU4NzA0NzkgMTAuODg5NzAzMywzNi43NDc1NDc4IEwzNS4xNDg4NzgxLDQwLjg2NDA5NjIgTDM1LjE0ODg3ODEsNDAuODY0MDk2MiBDMzcuNjg1NDM2LDQxLjI5NDUyNTYgNDAuMDkwNjU0NCwzOS41ODcxNzEyIDQwLjUyMTA4MzgsMzcuMDUwNjEzNCBDNDAuNjA3NjE5NywzNi41NDA2NTAxIDQwLjYwODYyMDIsMzYuMDE5ODM1MyA0MC41MjQwNDQ0LDM1LjUwOTU0MzMgTDM2LjQ2NDY3MDMsMTEuMDE3MTIgTDM2LjQ2NDY3MDMsMTEuMDE3MTIgQzM2LjA0Mzk5MDIsOC40Nzg5MjcxMSAzMy42NDUzNDk3LDYuNzYyMzQzNzggMzEuMTA3MTU2OCw3LjE4MzAyMzg2IEMzMC4xNDEwNTg1LDcuMzQzMTQ0OTggMjkuMjQ5OTg4LDcuODAzNjQ0NzQgMjguNTYwNTQ1NSw4LjQ5OTA5Njg4IFoiLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNyAtNCkiPgogICAgPG1hc2sgaWQ9InBsYXktYiIgZmlsbD0iI2ZmZiI+CiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BsYXktYSIvPgogICAgPC9tYXNrPgogICAgPHVzZSBmaWxsPSIjMEYwRjBGIiBzdHJva2U9IiNGRkYiIHN0cm9rZS1vcGFjaXR5PSIuMTk3IiBzdHJva2Utd2lkdGg9Ii45MzIiIHRyYW5zZm9ybT0icm90YXRlKC00NSAyMy44NDggMjQuMDIxKSIgeGxpbms6aHJlZj0iI3BsYXktYSIvPgogICAgPHBvbHlnb24gZmlsbD0iI0ZGRiIgcG9pbnRzPSIyOC40NjkgMjAuMTE4IDMwLjQzOCAyOC4zMjUgMjIuMzQ1IDI2LjMyOSIgbWFzaz0idXJsKCNwbGF5LWIpIiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgMjYuMzkxIDI0LjIyMikiLz4KICA8L2c+Cjwvc3ZnPgo=);
    opacity: 1
}

.replay::after {
    background-size: 40rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCI+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0icGxheS1ob3Zlci1hIiBkPSJNMjguNTYwNTQ1NSw4LjQ5OTA5Njg4IEw4LjM2MDc0NDcyLDI4Ljg3NDk3MTggTDguMzYwNzQ0NzIsMjguODc0OTcxOCBDNi41NDkzOTg4NSwzMC43MDIxMDY1IDYuNTYyMTk4MjMsMzMuNjUxNjc3NyA4LjM4OTMzMjkzLDM1LjQ2MzAyMzYgQzkuMDcwNjQwOTEsMzYuMTM4NDQ0MiA5Ljk0Mzg2MzMxLDM2LjU4NzA0NzkgMTAuODg5NzAzMywzNi43NDc1NDc4IEwzNS4xNDg4NzgxLDQwLjg2NDA5NjIgTDM1LjE0ODg3ODEsNDAuODY0MDk2MiBDMzcuNjg1NDM2LDQxLjI5NDUyNTYgNDAuMDkwNjU0NCwzOS41ODcxNzEyIDQwLjUyMTA4MzgsMzcuMDUwNjEzNCBDNDAuNjA3NjE5NywzNi41NDA2NTAxIDQwLjYwODYyMDIsMzYuMDE5ODM1MyA0MC41MjQwNDQ0LDM1LjUwOTU0MzMgTDM2LjQ2NDY3MDMsMTEuMDE3MTIgTDM2LjQ2NDY3MDMsMTEuMDE3MTIgQzM2LjA0Mzk5MDIsOC40Nzg5MjcxMSAzMy42NDUzNDk3LDYuNzYyMzQzNzggMzEuMTA3MTU2OCw3LjE4MzAyMzg2IEMzMC4xNDEwNTg1LDcuMzQzMTQ0OTggMjkuMjQ5OTg4LDcuODAzNjQ0NzQgMjguNTYwNTQ1NSw4LjQ5OTA5Njg4IFoiLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNyAtNCkiPgogICAgPG1hc2sgaWQ9InBsYXktaG92ZXItYiIgZmlsbD0iI2ZmZiI+CiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BsYXktaG92ZXItYSIvPgogICAgPC9tYXNrPgogICAgPHVzZSBmaWxsPSIjRkZGIiB0cmFuc2Zvcm09InJvdGF0ZSgtNDUgMjMuODQ4IDI0LjAyMSkiIHhsaW5rOmhyZWY9IiNwbGF5LWhvdmVyLWEiLz4KICAgIDxwb2x5Z29uIGZpbGw9IiMwRjBGMEYiIHBvaW50cz0iMjguNDY5IDIwLjExOCAzMC40MzggMjguMzI1IDIyLjM0NSAyNi4zMjkiIG1hc2s9InVybCgjcGxheS1ob3Zlci1iKSIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDI2LjM5MSAyNC4yMjIpIi8+CiAgPC9nPgo8L3N2Zz4K);
    opacity: 0
}

.replay:hover::before {
    opacity: 0
}

.replay:hover::after {
    opacity: 1
}

@media (max-width: 479px) {
    .replay {
        width: 58rem;
        height: 58rem;
        padding: 0;
        text-indent: 200%;
        white-space: nowrap;
        overflow: hidden
    }
}

.html {
    font-size: 1px;
    height: 100%
}

@media (min-width: 1500px) {
    .html {
        font-size: 1.1px
    }
}

@media (min-width: 1600px) {
    .html {
        font-size: 1.2px
    }
}

@media (min-width: 1700px) {
    .html {
        font-size: 1.3px
    }
}

@media (min-width: 1800px) {
    .html {
        font-size: 1.4px
    }
}

@media (min-width: 1920px) {
    .html {
        font-size: 1.5px
    }
}

.play {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 280rem;
    padding: 86rem 16rem 10rem;
    border: 2rem solid transparent;
    outline: 0;
    text-decoration: none;
    text-align: center;
    transition: border-color 0.1s ease-out
}

html:not(.pointer-navigation) .play:focus {
    border-color: #FFF
}

.play::after, .play::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 14rem;
    display: block;
    width: 72rem;
    height: 72rem;
    margin-left: -36rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    transition: opacity 0.1s ease-out
}

.play::before {
    background-size: 40rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA3MiA3MiI+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0icGxheS1hIiBkPSJNMTYuMDY2NTU1Nyw5Ljc3MDc4NTU5IEwxNi4wMDAwMDcsNjMuMjA3OTk5NCBDMTUuOTkzOTY3NCw2OC4wNTc2MzQ5IDE5LjkxNDYyMSw3MS45OTM5NDQ2IDI0Ljc1NzAzMTksNzEuOTk5OTkzMiBDMjYuNTg0ODk1Miw3Mi4wMDIyNzYzIDI4LjM2Nzc3MTIsNzEuNDMyMzkxNSAyOS44NTYzNDE1LDcwLjM3MDAzMTYgTDY3LjMxOTcxNzUsNDMuNjMzMjQ0NiBDNzEuMjYzMjY2NSw0MC44MTg4MjA1IDcyLjE4MjAwMiwzNS4zMzU2MzEyIDY5LjM3MTc3MDYsMzEuMzg2MTk4NyBDNjguODA2ODIyOSwzMC41OTIyMzQ2IDY4LjExMzc5NSwyOS44OTgwMzU5IDY3LjMyMTEyNTEsMjkuMzMyMDg4OCBMMjkuOTI0Mjk3OCwyLjYzMTY2MTk0IEMyNS45ODEzMDI4LC0wLjE4MzU0MDcyNSAyMC41MDYxMDEsMC43MzU0ODQ0NjcgMTcuNjk1MDkyMyw0LjY4NDM2MjE1IEMxNi42MzgwMTQxLDYuMTY5MzM1MiAxNi4wNjg4MjY4LDcuOTQ3MDgzMTIgMTYuMDY2NTU1Nyw5Ljc3MDc4NTU5IFoiLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxtYXNrIGlkPSJwbGF5LWIiIGZpbGw9IiNmZmYiPgogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwbGF5LWEiLz4KICAgIDwvbWFzaz4KICAgIDx1c2UgZmlsbD0iIzBGMEYwRiIgeGxpbms6aHJlZj0iI3BsYXktYSIvPgogICAgPHBvbHlnb24gZmlsbD0iI0ZGRiIgcG9pbnRzPSIzMiAyOSA0NSAzNy4wMTggMzIuMDIyIDQ1IiBtYXNrPSJ1cmwoI3BsYXktYikiLz4KICA8L2c+Cjwvc3ZnPgo=);
    opacity: 1
}

.play::after {
    background-size: 40rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA3MiA3MiI+CiAgPGRlZnM+CiAgICA8cGF0aCBpZD0icGxheS1ob3Zlci1hIiBkPSJNMTYuMDY2NTU1Nyw5Ljc3MDc4NTU5IEwxNi4wMDAwMDcsNjMuMjA3OTk5NCBDMTUuOTkzOTY3NCw2OC4wNTc2MzQ5IDE5LjkxNDYyMSw3MS45OTM5NDQ2IDI0Ljc1NzAzMTksNzEuOTk5OTkzMiBDMjYuNTg0ODk1Miw3Mi4wMDIyNzYzIDI4LjM2Nzc3MTIsNzEuNDMyMzkxNSAyOS44NTYzNDE1LDcwLjM3MDAzMTYgTDY3LjMxOTcxNzUsNDMuNjMzMjQ0NiBDNzEuMjYzMjY2NSw0MC44MTg4MjA1IDcyLjE4MjAwMiwzNS4zMzU2MzEyIDY5LjM3MTc3MDYsMzEuMzg2MTk4NyBDNjguODA2ODIyOSwzMC41OTIyMzQ2IDY4LjExMzc5NSwyOS44OTgwMzU5IDY3LjMyMTEyNTEsMjkuMzMyMDg4OCBMMjkuOTI0Mjk3OCwyLjYzMTY2MTk0IEMyNS45ODEzMDI4LC0wLjE4MzU0MDcyNSAyMC41MDYxMDEsMC43MzU0ODQ0NjcgMTcuNjk1MDkyMyw0LjY4NDM2MjE1IEMxNi42MzgwMTQxLDYuMTY5MzM1MiAxNi4wNjg4MjY4LDcuOTQ3MDgzMTIgMTYuMDY2NTU1Nyw5Ljc3MDc4NTU5IFoiLz4KICA8L2RlZnM+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxtYXNrIGlkPSJwbGF5LWhvdmVyLWIiIGZpbGw9IiNmZmYiPgogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwbGF5LWhvdmVyLWEiLz4KICAgIDwvbWFzaz4KICAgIDx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI3BsYXktaG92ZXItYSIvPgogICAgPHBvbHlnb24gZmlsbD0iIzBGMEYwRiIgcG9pbnRzPSIzMiAyOSA0NSAzNy4wMTggMzIuMDIyIDQ1IiBtYXNrPSJ1cmwoI3BsYXktaG92ZXItYikiLz4KICA8L2c+Cjwvc3ZnPgo=);
    opacity: 0
}

.play:hover::before {
    opacity: 0
}

.play:hover::after {
    opacity: 1
}

.play__title {
    font-weight: 800;
    font-size: 22rem;
    line-height: 30rem;
    color: #FFF
}

.play__note {
    font-weight: 700;
    font-size: 10rem;
    line-height: 14rem;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 2rem
}

.world__actions {
    position: absolute;
    left: 0;
    right: 0;
    top: 70rem;
    text-align: center
}

@media (min-width: 960px) {
    .world__actions {
        top: 150rem
    }
}

.level {
    overflow: hidden
}

.level__path {
    margin-top: -183rem;
    margin-bottom: 50rem;
    opacity: .6
}

.level__actions {
    position: absolute;
    z-index: 200;
    left: 0;
    right: 0;
    top: 70rem;
    text-align: center
}

@media (min-width: 960px) {
    .level__path {
        margin-top: -323rem;
        margin-bottom: 70rem
    }

    .level__actions {
        top: 100rem
    }
}

.gate {
    position: relative;
    height: 100%
}

.gate__head {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.honk {
    background-color: rgba(0, 0, 0, .6);
    background-image: linear-gradient(45deg, rgba(247, 20, 71, .5) 1%, rgba(99, 145, 170, .5) 65%, rgba(61, 149, 255, .5) 81%);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 9999999999
}

.honk-popup {
    width: 80%;
    max-width: 500rem;
    max-height: 90%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0 0 15rem 0 rgba(0, 0, 0, .5);
    border-radius: 5rem;
    background-color: #0F0F0F;
    background-image: url(../images/stars.jpg);
    background-size: 300rem 300rem;
    background-repeat: repeat;
    background-position: center center
}

.honk-header {
    border-top-left-radius: 5rem;
    border-top-right-radius: 5rem;
    padding: 10rem 20rem;
    font-size: 12rem;
    font-weight: 700;
    text-transform: uppercase
}

.honk-content {
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    padding: 50rem 30rem 30rem;
    font-size: 20rem;
    line-height: 24rem;
    text-align: center
}

.honk-footer {
    padding: 20rem 30rem 30rem;
    border-bottom-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
    text-align: center
}

.honk-footer .button {
    width: auto;
    padding-left: 60rem;
    padding-right: 60rem
}

.game-over__background.map {
    margin-top: 0;
    padding-bottom: 60rem
}

.game-over__congrats {
    position: absolute;
    left: 0;
    right: 0;
    top: 90rem
}

.game-over__heading {
    font-weight: 700;
    font-size: 40rem;
    line-height: 40rem;
    letter-spacing: 2rem;
    color: #FFF;
    text-align: center;
    text-shadow: 0 0 23rem rgba(0, 0, 0, .89)
}

.game-over__certificate {
    margin-top: 16rem
}

.game-over__note {
    margin-top: 14rem;
    font-size: 16rem;
    line-height: 30rem;
    color: #FFF;
    text-align: center;
    text-shadow: 0 0 23rem rgba(0, 0, 0, .89)
}

@media (min-width: 960px) {
    .game-over__background.map {
        margin-top: -40rem;
        padding-bottom: 40rem
    }

    .game-over__congrats {
        top: 138rem
    }

    .game-over__heading {
        font-size: 64rem;
        line-height: 64rem
    }

    .game-over__note {
        font-size: 20rem;
        line-height: 34rem
    }
}

.simplified-dialog {
    width: 280rem;
    padding-top: 40rem
}

@media (min-width: 960px) {
    .simplified-dialog {
        width: 350rem
    }
}

.logo {
    display: block;
    width: 128rem;
    height: 37rem;
    border: 8rem solid transparent;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-image: url(../images/aspire-web.png);
    background-position: center center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.logo_interactive {
    outline: 0
}

.logo_interactive:hover {
    opacity: .8
}

html:not(.pointer-navigation) .logo_interactive:focus {
    box-shadow: 0 0 0 2rem #FFF
}

@media (min-width: 960px) {
    .logo {
        width: 191rem;
        height: 55rem
    }
}

.emblem {
    display: block;
    width: 54rem;
    height: 54rem;
    border: 2rem solid transparent;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj4KICA8ZyBmaWxsPSIjRkZGIj4KICAgIDxwYXRoIGQ9Ik0xNC4yNjYxMzgxIDMyLjA0MDM3NjdDMTAuMjMyNDA1NiAzMy43NDM4NzY0IDcuMTc1Njg0MzIgMzUuMTgzOTQ4NCA1LjI0MzQ0NzY5IDM2LjEzNDA0NDYgNS4wNjMyMzYyMyAzNi4yMjQ2Njk2IDQuOTY2NjI2NDIgMzYuNDMzNzA4OCA1LjAxMDUwNjc2IDM2LjYzODA2OTggNS4wNTgyMTI2IDM2Ljg1NDMyNzkgNS4yNDQ1NDI2MSAzNy4wMDU1NDczIDUuNDU2Mjc4NjEgMzYuOTk5ODQ0TDEzLjY1NzgxMDMgMzYuOTk5ODQ0QzEzLjkwODAzODggMzYuOTk5OTc3NCAxNC4xMjQ0MzE1IDM2LjgxNzA5OTkgMTQuMTc3MzE4OSAzNi41NjA3OTc3TDE0Ljk4ODQyMjUgMzIuNjc2MTE1OEMxNS4wMjkyNTA2IDMyLjQ3Mzc1MDQgMTQuOTYwMzU0NCAzMi4yNjQyNzQ1IDE0LjgwOTIxNjMgMzIuMTMxMjQ1OSAxNC42NTgwNzgxIDMxLjk5ODIxNzMgMTQuNDQ5MjkwOSAzMS45NjMyODI2IDE0LjI2NjEzODEgMzIuMDQwMzc2N0wxNC4yNjYxMzgxIDMyLjA0MDM3Njd6TTMyLjA2NTk0MDMgMjYuMzc1NTQ4N0MzMS45Nzk1NDk1IDI2LjA5NTU2ODcgMzEuNjg3NjE5IDI1LjkzODMyIDMxLjQxMTE0NDYgMjYuMDIyODQyMiAyOC45MTMwOTg5IDI2LjgxNTg3NzMgMjYuNTU2Mzc5OSAyNy42MDU1ODQ5IDI0LjM0MDk4NzYgMjguMzkxOTY1MSAyNC4wOTQ4Mjc5IDI4LjQ4MjA3NiAyMy45NTQwODY3IDI4Ljc0NTI2NjggMjQuMDEzNTg5OCAyOS4wMDQyMTAzTDI1LjY1MDU3OTEgMzYuNTg0MDcyNUMyNS43MDIyNDA2IDM2LjgyNjg3ODYgMjUuOTEzNjE3NSAzNy4wMDAxMjY0IDI2LjE1ODA0NTggMzYuOTk5OTk5OUwzNC40ODcwNDc2IDM2Ljk5OTk5OTlDMzQuNjQ5OTk5OCAzNi45OTgwOTIyIDM0LjgwMjYwNTUgMzYuOTE4NDk3NyAzNC44OTkxNDMyIDM2Ljc4NTA2MzMgMzQuOTk1NjgxIDM2LjY1MTYyODggMzUuMDI0OTM2NCAzNi40Nzk4NTUyIDM0Ljk3ODE0NDQgMzYuMzIxMjA2M0wzMi4wNjU5NDAzIDI2LjM3NTU0ODd6TTI5Ljk3OTU1NDcgMTguMTM2MDlMMjUuNDUwODA0IDMuMzYyNzgwMzJDMjUuMzg1NzM1MiAzLjE0OTg0Mjc3IDI1LjE4NTA5MDUgMy4wMDI3NzYxOCAyNC45NTU4NTg2IDNMMTQuOTUxMzYxNiAzQzE0LjcyMjEyOTYgMy4wMDI3NzYxOCAxNC41MjE0ODUgMy4xNDk4NDI3NyAxNC40NTY0MTYyIDMuMzYyNzgwMzJMOC4wMjIxMjU1NyAyNC4zNTEzMDAxQzcuOTY0NjY0NCAyNC41MzU5ODE3IDguMDIxMTkxNzggMjQuNzM2MjMxMSA4LjE2NzY2OTc0IDI0Ljg2Njg5MyA4LjMxNDE0NzcgMjQuOTk3NTU1IDguNTI0ODIwMTYgMjUuMDM1NjU0NiA4LjcxMDA5OTcyIDI0Ljk2NDk5MDEgMTEuMzAxOTY0IDIzLjk4ODUxOTcgMTMuOTU2NTIxMyAyMy4wODM5NjYyIDE2LjY1Mzk3MzkgMjIuMjQ4MTMzMSAxNi44MzA4NjA3IDIyLjE5MzQ0NzUgMTYuOTY0MTkwNSAyMi4wNTE0OTk1IDE3LjAwMzczNTMgMjEuODc1NzYzOUwxOS4zNDE1Mjc2IDExLjQ2MzgwODhDMTkuMzkzMDg5MSAxMS4yMzAwOTM3IDE5LjYwNjI1MjIgMTEuMDYzMDcxNiAxOS44NTI5NzEyIDExLjA2MzA3MTYgMjAuMDk5NjkwMSAxMS4wNjMwNzE2IDIwLjMxMjg1MzIgMTEuMjMwMDkzNyAyMC4zNjQ0MTQ4IDExLjQ2MzgwODhMMjIuMjk5NjUxNCAyMC4wNDQyODI2QzIyLjMyOTgyNTggMjAuMTgwMDQ2MSAyMi40MTY1NTY2IDIwLjI5NzcwNDUgMjIuNTM5MzI0NSAyMC4zNjk0MjE2IDIyLjY2MjA5MjUgMjAuNDQxMTM4NyAyMi44MDk5OTEyIDIwLjQ2MDU0MzIgMjIuOTQ4MDI5OSAyMC40MjMwNDQ0IDI1LjE1NDM4NjcgMTkuODMwNjYzIDI3LjM3MTc0MjIgMTkuMjc4MjM1NCAyOS42MDAwOTY1IDE4Ljc2NTc2MTYgMjkuNzM4NDk5NSAxOC43MzQwMDMyIDI5Ljg1NzQxNyAxOC42NDg2ODM0IDI5LjkyOTEyMjkgMTguNTI5Njk0OSAzMC4wMDA4Mjg3IDE4LjQxMDcwNjUgMzAuMDE5MDU1OSAxOC4yNjg0NDg4IDI5Ljk3OTU1NDcgMTguMTM2MDlMMjkuOTc5NTU0NyAxOC4xMzYwOXoiLz4KICA8L2c+Cjwvc3ZnPgo=);
    background-size: 40rem 40rem;
    background-repeat: no-repeat;
    background-position: center center;
    outline: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    transition: border-color 0.1s ease-out;
    filter: drop-shadow(0 2rem 10rem #000)
}

.emblem_interactive {
    cursor: pointer
}

.emblem_interactive:hover {
    opacity: .4
}

html:not(.pointer-navigation) .emblem_interactive:focus {
    border-color: #FFF
}

.hero {
    display: inline-block;
    vertical-align: top
}

.hero__pic {
    vertical-align: top;
    width: 640rem;
    height: 284rem
}

@media (min-width: 960px) {
    .hero__pic {
        width: 1024rem;
        height: 454rem
    }
}

.index {
    position: relative
}

.index__head {
    position: absolute;
    z-index: 400;
    left: 0;
    right: 0;
    top: 0
}

.index__body {
    position: relative;
    z-index: 100;
    margin-top: -64rem;
    padding-top: 94rem;
    overflow: hidden;
    background-image: url(../images/dashboard-background.svg);
    background-size: 960rem auto;
    background-repeat: no-repeat;
    background-position: center top
}

@media (min-width: 480px) and (max-width: 959px) {
    .index__body {
        padding-bottom: 60rem
    }
}

@media (min-width: 960px) {
    .index__body {
        margin-top: -100rem;
        padding-top: 180rem;
        padding-bottom: 100rem;
        background-size: 1920rem auto;
        background-repeat: no-repeat;
        background-position: center top
    }
}

@supports (pointer-events:none) {
    .index__body::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 60rem;
        display: block;
        height: 120rem;
        pointer-events: none;
        background-image: url(../images/dashboard-mobile-lines.svg);
        background-repeat: no-repeat;
        background-position: center center
    }
}

@media (min-width: 960px) {
    @supports (pointer-events:none) {
        .index__body::after {
            top: 90rem;
            background-image: url(../images/dashboard-desktop-lines.svg);
            height: 400rem
        }
    }
}

@media (min-width: 1920px) {
    @supports (pointer-events:none) {
        .index__body::after {
            height: 800rem;
            background-size: 100% auto;
            background-position: center top
        }
    }
}

.index__container {
    max-width: 430rem;
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 960px) {
    .index__container {
        width: 960rem;
        max-width: none
    }
}

@media (min-width: 480px) and (max-width: 959px) {
    .index__tile, .index__tile-full {
        padding-bottom: 30rem
    }
}

@media (min-width: 960px) {
    .index__summary {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 -15rem
    }

    .index__tile {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 50%;
        padding: 15rem
    }

    .index__tile-full {
        width: 100%;
        padding: 15rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.index__title {
    margin-top: 15rem;
    margin-bottom: 30rem;
    font-weight: 800;
    font-size: 22rem;
    line-height: 26rem;
    color: #FFF;
    letter-spacing: 4.23rem;
    text-transform: uppercase;
    text-align: center
}

@media (min-width: 960px) {
    .index__presentation {
        margin-top: 54rem
    }

    .index__title {
        font-size: 36rem;
        line-height: 34rem
    }
}

@media (min-width: 1920px) {
    .index__body {
        background-size: 100% auto
    }

    @supports (pointer-events:none) {
        .index__body::after {
            height: 800rem;
            background-size: 100% auto;
            background-position: center top
        }
    }
}

.jumbotron {
    position: relative
}

.jumbotron__content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.jumbotron__trailer {
    margin-top: 10rem;
    font-weight: 300;
    font-size: 14rem;
    line-height: 18rem
}

@media (min-width: 960px) {
    .jumbotron__trailer {
        font-size: 16rem;
        line-height: 20rem
    }
}

.be-aspired {
    min-height: 300rem;
    padding: 43rem 43rem 21rem
}

.be-aspired__heading {
    margin-top: 0;
    margin-bottom: 19rem;
    font-weight: 800;
    font-size: 22rem;
    line-height: 26rem;
    color: #FFF;
    letter-spacing: 4.23rem;
    text-transform: uppercase
}

.be-aspired__description {
    margin-bottom: 27rem;
    font-weight: 300;
    font-size: 16rem;
    line-height: 22rem;
    color: #FFF
}

@media (min-width: 960px) {
    .be-aspired {
        height: 300rem
    }

    .be-aspired__heading {
        font-size: 36rem;
        line-height: 34rem
    }
}

.resources {
    height: 300rem;
    padding: 40rem 52rem;
    background-color: #1D0F1E;
    background-image: url(../images/resources.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .resources {
        background-image: url(../images/resources@2x.jpg)
    }
}

.resources__heading {
    margin-top: 0;
    margin-bottom: 18rem;
    font-weight: inherit;
    font-size: 12rem;
    line-height: 16rem;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 2.77rem
}

.resources__list {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.resources__item {
    margin-top: 7rem
}

.resources__item:first-child {
    margin-top: 0
}

.resources__link {
    display: inline-block;
    vertical-align: top;
    padding: 4rem 6rem;
    margin-left: -8rem;
    margin-right: -8rem;
    border: 2rem solid transparent;
    outline: 0;
    font-weight: 800;
    font-size: 17rem;
    line-height: 19rem;
    color: #FFF;
    text-decoration: none;
    transition: border-color 0.1s ease-out, opacity 0.1s ease-out
}

.resources__link:hover {
    opacity: .8
}

html:not(.pointer-navigation) .resources__link:focus {
    border-color: #FFF
}

.intro {
    min-height: 300rem;
    padding: 43rem 43rem 21rem;
    background-image: url(../images/intro.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}
.intro-wrap-content {
    padding: 0 30rem;
}
    .intro-wrap-content > .intro {
        height: fit-content !important;
        min-height: fit-content !important;
        padding-bottom: 43rem !important;
    }



@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .intro {
        background-image: url(../images/intro@2x.jpg)
    }
}

@media (min-width: 960px) {
    .intro {
        height: 300rem
    }
}

.intro__heading {
    margin-top: 0;
    margin-bottom: 23rem;
    font-weight: inherit;
    font-size: 17rem;
    line-height: 21rem;
    color: #FFF
}

.intro__description {
    margin-top: 0;
    margin-bottom: 17rem;
    font-size: 13rem;
    line-height: 21rem;
    color: #FFF
}

.intro__details {
    position: relative;
    padding: 2rem 1rem 2rem 4rem;
    margin-left: -5rem;
    margin-right: -5rem;
    border: 2rem solid transparent;
    outline: 0;
    font-weight: 300;
    font-size: 14rem;
    line-height: 17rem;
    text-transform: uppercase;
    color: #FFF;
    letter-spacing: 3.57rem;
    text-decoration: none
}

.intro__details::after {
    content: "";
    display: block;
    position: absolute;
    left: 3rem;
    right: 5rem;
    bottom: 0;
    height: 1rem;
    background-color: currentColor;
    transition: background-color 0.1s ease-out
}

.intro__details:hover::after {
    background-color: transparent
}

html:not(.pointer-navigation) .intro__details:focus {
    border-color: #FFF
}

.video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #000
}

.video__widget {
    vertical-align: top;
    border: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.gallery {
    position: relative;
    height: 300rem
}

.gallery__heading {
    position: absolute;
    z-index: 100;
    left: 20rem;
    right: 20rem;
    bottom: 47rem;
    font-size: 12rem;
    line-height: 18rem;
    letter-spacing: 2.77rem;
    text-transform: uppercase;
    color: #FFF
}

.gallery__viewport {
    position: relative;
    height: 100%
}

.gallery__item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out
}

.gallery__item.screenshot {
    position: absolute
}

.gallery__item_active {
    opacity: 1;
    visibility: visible
}

.gallery__control {
    position: absolute;
    bottom: 8rem;
    display: inline-block;
    vertical-align: top;
    width: 52rem;
    height: 52rem;
    border: 2rem solid transparent;
    padding: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    outline: 0;
    border-radius: 3rem;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    transition: background-color 0.1s ease-out, border-color 0.1s ease-out
}

.gallery__control:hover {
    background-color: rgba(255, 255, 255, .1)
}

html:not(.pointer-navigation) .gallery__control:focus {
    border-color: #FFF;
    border-radius: 0
}

.gallery__control_prev {
    right: 60rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDEyIDE3Ij4KICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjU2OTgzNDk5LDguNDk3MjIzODkgQzkuNTc2MTQ3ODUsOC42NjgyNjMwMyA5LjUyMTIyNTk0LDguODQxOTg1MTMgOS4zOTg3NTY0LDguOTczNDUwNSBDOS4zNzA5Nzk4LDkuMDAyMjkyNCA5LjMzMDU3NzQ4LDguOTk0MjQzNSA5LjI5OTY0NDQ1LDkuMDE1NzA3MjMgTDEuNzc0MDgwMzQsMTYuMzUxNjA5MyBDMS41Mzg2MTA1NCwxNi42MDExMjUyIDEuMTU3OTQ0OSwxNi42MDExMjUyIDAuOTIzMTA2MzkxLDE2LjM1MTYwOTMgQzAuNjg4MjY3ODgzLDE2LjEwMjA5MzMgMC42ODgyNjc4ODMsMTUuNjk2OTY1NCAwLjkyMzEwNjM5MSwxNS40NDc0NDk0IEw4LjA1NzI3Mjk5LDguNDk0NTQwOTMgTDAuOTIyNDc1MTA0LDEuNTQxNjMyNDEgQzAuNjg3NjM2NTk3LDEuMjkyMTE2NDkgMC42ODc2MzY1OTcsMC44ODY5ODg1MDQgMC45MjI0NzUxMDQsMC42MzgxNDMzMzIgQzEuMTU3MzEzNjEsMC4zODkyOTgxNTkgMS41Mzc5NzkyNiwwLjM4OTI5ODE1OSAxLjc3MjgxNzc3LDAuNjM4MTQzMzMyIEw5LjI5NzExOTMsNy45NzA2OTE2NSBDOS4zMjg2ODM2Miw3Ljk5MzQ5Njg3IDkuMzcwOTc5OCw3Ljk4NTQ0Nzk3IDkuMzk4NzU2NCw4LjAxNTYzMTM1IEM5LjUyMzc1MTA5LDguMTQ3NzY3NDYgOS41Nzc0MTA0Myw4LjMyMzUwMTc5IDkuNTY5ODM0OTksOC40OTcyMjM4OSBMOS41Njk4MzQ5OSw4LjQ5NzIyMzg5IFoiIG9wYWNpdHk9Ii42IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMC4zMTcgMCkiLz4KPC9zdmc+Cg==)
}

.gallery__control_next {
    right: 9rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDEyIDE3Ij4KICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjU5Mjg0Njk3LDguNDk3MjIzODkgQzkuNTk5MTU5ODQsOC42NjgyNjMwMyA5LjU0NDIzNzkzLDguODQxOTg1MTMgOS40MjE3NjgzOCw4Ljk3MzQ1MDUgQzkuMzkzOTkxNzgsOS4wMDIyOTI0IDkuMzUzNTg5NDYsOC45OTQyNDM1IDkuMzIyNjU2NDMsOS4wMTU3MDcyMyBMMS43OTcwOTIzMiwxNi4zNTE2MDkzIEMxLjU2MTYyMjUzLDE2LjYwMTEyNTIgMS4xODA5NTY4OCwxNi42MDExMjUyIDAuOTQ2MTE4MzczLDE2LjM1MTYwOTMgQzAuNzExMjc5ODY2LDE2LjEwMjA5MzMgMC43MTEyNzk4NjYsMTUuNjk2OTY1NCAwLjk0NjExODM3MywxNS40NDc0NDk0IEw4LjA4MDI4NDk3LDguNDk0NTQwOTMgTDAuOTQ1NDg3MDg3LDEuNTQxNjMyNDEgQzAuNzEwNjQ4NTc5LDEuMjkyMTE2NDkgMC43MTA2NDg1NzksMC44ODY5ODg1MDQgMC45NDU0ODcwODcsMC42MzgxNDMzMzIgQzEuMTgwMzI1NTksMC4zODkyOTgxNTkgMS41NjA5OTEyNCwwLjM4OTI5ODE1OSAxLjc5NTgyOTc1LDAuNjM4MTQzMzMyIEw5LjMyMDEzMTI5LDcuOTcwNjkxNjUgQzkuMzUxNjk1Niw3Ljk5MzQ5Njg3IDkuMzkzOTkxNzgsNy45ODU0NDc5NyA5LjQyMTc2ODM4LDguMDE1NjMxMzUgQzkuNTQ2NzYzMDcsOC4xNDc3Njc0NiA5LjYwMDQyMjQxLDguMzIzNTAxNzkgOS41OTI4NDY5Nyw4LjQ5NzIyMzg5IEw5LjU5Mjg0Njk3LDguNDk3MjIzODkgWiIgb3BhY2l0eT0iLjYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIpIi8+Cjwvc3ZnPgo=)
}

.screenshot {
    margin: 0;
    overflow: hidden;
    position: relative
}

.screenshot__container {
    margin-left: -100rem;
    margin-right: -100rem;
    text-align: center
}

.screenshot__pic {
    vertical-align: top;
    width: 465rem;
    height: 300rem
}

.screenshot__label {
    position: absolute;
    bottom: 35rem;
    left: 20rem;
    right: 20rem;
    font-size: 13rem;
    line-height: 18rem;
    letter-spacing: .87rem;
    color: #FFF
}

.page {
    padding-bottom: 40rem
}

.page__body {
    padding-top: 30rem
}

.simplified-head {
    margin-top: 0;
    margin-bottom: 20rem;
    border-bottom: 1rem solid rgba(255, 255, 255, .1);
    padding-bottom: 16rem;
    font-weight: 200;
    font-size: 31rem;
    line-height: 31rem;
    letter-spacing: 7rem;
    text-align: center;
    text-transform: uppercase
}

@media (min-width: 960px) {
    .simplified-head {
        padding-bottom: 24rem;
        margin-bottom: 24rem
    }
}

.faq__wrap {
    max-width: 430rem;
    border-left: 20rem solid transparent;
    border-right: 20rem solid transparent;
    margin-left: auto;
    margin-right: auto
}

.faq__heading {
    margin-top: 0;
    margin-bottom: 0
}

.faq__list {
    margin-top: 40rem
}

.faq__item {
    margin-top: 20rem;
    font-size: 13rem;
    line-height: 21rem
}

.faq__item:first-child {
    margin-top: 0
}

.faq__head {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.faq__question {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    font-size: inherit;
    line-height: inherit;
    text-transform: uppercase
}

.faq__handler {
    position: absolute;
    left: -10rem;
    top: -10rem;
    width: 100%;
    width: calc(100% + 20rem);
    height: 42rem;
    padding: 0;
    background-color: transparent;
    color: transparent;
    outline: 0;
    border: 2rem solid transparent;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    transition: border-color .1s ease;
    cursor: pointer
}

html:not(.pointer-navigation) .faq__handler:focus {
    border-color: #FFF
}

@keyframes faq-answer-fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.faq__answer {
    display: none;
    padding-top: 20rem;
    padding-bottom: 20rem;
    font-weight: 300;
    animation: faq-answer-fade-in .6s ease
}

[aria-hidden=false].faq__answer {
    display: block
}

.faq__answer > p:first-child {
    margin-top: 0
}

.faq__answer > p:last-child {
    margin-bottom: 0
}

@media (min-width: 960px) {
    .faq__wrap {
        width: 960rem;
        max-width: none;
        border-left: none;
        border-right: none
    }

    .faq__item {
        font-size: 14rem;
        line-height: 22rem
    }
}

.testimonial__wrap {
    max-width: 430rem;
    border-left: 20rem solid transparent;
    border-right: 20rem solid transparent;
    margin-left: auto;
    margin-right: auto
}

.testimonial__heading {
    margin-top: 0;
    margin-bottom: 0
}

.testimonial__list {
    margin-top: 40rem
}

.testimonial__item {
    margin-top: 20rem;
    font-size: 13rem;
    line-height: 21rem
}

.testimonial__item:first-child {
    margin-top: 0
}

.testimonial__foot {
    position: relative;
    /*display: inline-block;*/
    vertical-align: top
}

.testimonial__attribution {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    font-size: inherit;
    line-height: inherit;
    text-transform: uppercase
}

@keyframes testimonial-answer-fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.testimonial__text {
    padding-top: 20rem;
    padding-bottom: 20rem;
    font-weight: 300;
    margin-left: 24px;
}

@media (min-width: 960px) {
    .testimonial__wrap {
        width: 960rem;
        max-width: none;
        border-left: none;
        border-right: none
    }

    .testimonial__item {
        font-size: 14rem;
        line-height: 22rem
    }
}

.help-desk {
    padding-bottom: 40rem
}

.help-desk__wrap {
    max-width: 430rem;
    border-left: 20rem solid transparent;
    border-right: 20rem solid transparent;
    margin-left: auto;
    margin-right: auto
}

.help-desk__heading {
    margin-top: 0;
    margin-bottom: 0
}

.help-desk__summary {
    margin-top: 40rem
}

.help-desk__input {
    margin-top: 21rem
}

.help-desk__input:first-child {
    margin-top: 0
}

.help-desk__reason {
    margin-top: 30rem;
    border-top: 1rem solid rgba(255, 255, 255, .1);
    padding-top: 20rem
}

.help-desk__actions {
    margin-top: 20rem;
    border-top: 1rem solid rgba(255, 255, 255, .1);
    padding-top: 20rem
}

.help-desk__submit {
    margin-top: 10rem
}

@media (min-width: 960px) {
    .help-desk__wrap {
        width: 960rem;
        max-width: none;
        border-left: none;
        border-right: none
    }

    .help-desk__reason {
        margin-top: 35rem;
        padding-top: 22rem
    }

    .help-desk__actions {
        padding-top: 30rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .help-desk__agreement {
        -ms-flex-order: 2;
        order: 2
    }

    .help-desk__submit {
        -ms-flex-order: 1;
        order: 1;
        width: 350rem;
        margin-top: 3rem;
        margin-right: 25rem
    }

    .help-desk__submit.button {
        width: 350rem
    }
}

.session-timer {
    position: fixed;
    bottom: -100rem;
    width: 100%;
    background-color: #DE281C;
    padding: 8rem;
    font-size: 13rem;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    z-index: 5000;
    transition: bottom .25s ease-in-out
}

.session-timer.session-timer__show {
    bottom: 0
}

.select {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.select__wrap {
    max-width: 910rem;
    margin-left: auto;
    margin-right: auto
}

.select__main {
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden
}

.select__heading {
    margin-top: 40rem;
    margin-bottom: 20rem;
    border-bottom: 1rem solid rgba(255, 255, 255, .1);
    padding-bottom: 16rem;
    font-weight: 200;
    font-size: 31rem;
    line-height: 31rem;
    letter-spacing: 7rem;
    text-align: center;
    text-transform: uppercase
}

.lessons {
    padding-bottom: 62rem
}

.lessons__wrap {
    max-width: 910rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: start;
    align-items: flex-start
}

.lessons__item {
    margin-top: 30rem;
    width: calc(50% - 15rem)
}

.lessons__item:nth-child(odd) {
    margin-right: 30rem
}

@media (max-width: 649px) {
    .lessons__item {
        margin-top: 30rem;
        width: 100%
    }

    .lessons__item:nth-child(odd) {
        margin-right: 0
    }
}

.select__stages {
    position: relative;
    overflow: hidden
}

.select__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    pointer-events: none
}

.ios-cc-alert {
    position: fixed;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    width: 100%;
    background-color: #DE281C;
    text-align: left;
    padding: 15rem;
    z-index: 100000;
    box-sizing: border-box;
    font-size: 15rem;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

.ios-cc-alert a {
    color: #FFF
}

.ios-cc-alert-link {
    -ms-flex: 1;
    flex: 1
}

.ios-cc-alert .iso-cc-alert-close {
    font-size: 36rem;
    line-height: 0
}

.calculator {
    width: 240rem;
    border: 4rem solid #c8c8c8;
    padding: 10rem 0;
    margin: auto;
    border-radius: 10rem
}

.calculator__content {
    width: calc(100% + 8rem);
    border: 4rem solid #c8c8c8;
    border-radius: 10rem;
    padding: 15rem;
    margin: 0 -4rem
}

.calculator__input {
    position: relative
}

.calculator__input input[type=number] {
    font-size: 32rem;
    width: 100%;
    color: #c8c8c8;
    border-radius: 0;
    background: 0 0;
    border: 3rem solid #c8c8c8;
    padding: 15rem 15rem 15rem 45rem
}

.calculator__input input[type=number]:focus {
    border: 3rem solid #FFF;
    color: #FFF;
    outline: 0
}

.calculator__input .calculator__currency_placeholder {
    position: absolute;
    color: #c8c8c8;
    font-size: 32rem;
    top: 0;
    left: 0;
    padding: 18rem 0 0 15rem;
    position: absolute
}

.calculator__input input[type=number]:focus + .calculator__currency_placeholder {
    color: #FFF
}

.calculator__currencies {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15rem 0
}

.calculator__currency-radio {
    position: relative;
    overflow: hidden;
    width: 25%
}

.calculator__currency-radio input {
    position: absolute;
    top: -50rem
}

.calculator__currency-radio input + label {
    border: 3rem solid #c8c8c8;
    color: #c8c8c8;
    width: 100%;
    padding: 5rem 15rem;
    display: block;
    text-align: center
}

.calculator__currency-radio input:checked + label, .calculator__currency-radio label:hover {
    border: 3rem solid #FFF;
    background-color: #FFF;
    color: #111
}

.calculator__calculate-button {
    font-size: 22rem;
    width: 100%;
    color: #FFF;
    border-radius: 0;
    background: 0 0;
    border: 3rem solid #c8c8c8;
    padding: 5rem 15rem
}

.calculator__calculate-button:focus {
    border: 3rem solid #FFF;
    background-color: #FFF;
    color: #111;
    outline: 0;
    cursor: pointer
}

.calculator__calculations {
    font-weight: 700;
    padding-top: 15rem
}

.calculator__calculations div {
    padding: 5rem 0;
    font-size: 16rem;
    text-align: center
}

.calculator__calculations span {
    font-weight: 400
}

.calculator-message {
    font-size: 20rem;
    font-weight: 700;
    color: #FFF;
    padding: 25rem 0;
    text-align: center
}