/*!
 * Milligram v1.3.0
 * https://milligram.github.io
 *
 * Copyright (c) 2017 CJ Patoilo
 * Licensed under the MIT license
 */

*, :after, :before {
    box-sizing: inherit
}

html {
    box-sizing: border-box;
    font-size: 62.5%
}

body {
    color: #606c76;
    font-family: Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    letter-spacing: .01em;
    line-height: 1.6
}

blockquote {
    border-left: .3rem solid #d1d1d1;
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 1.5rem
}

    blockquote :last-child {
        margin-bottom: 0
    }

.button, button, input[type=button], input[type=reset], input[type=submit] {
    background-color: #9b4dca;
    border: .1rem solid #9b4dca;
    border-radius: .4rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 700;
    height: 3.8rem;
    letter-spacing: .1rem;
    line-height: 3.8rem;
    padding: 0 3rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

    .button:focus, .button:hover, button:focus, button:hover, input[type=button]:focus, input[type=button]:hover, input[type=reset]:focus, input[type=reset]:hover, input[type=submit]:focus, input[type=submit]:hover {
        background-color: #606c76;
        border-color: #606c76;
        color: #fff;
        outline: 0
    }

    .button[disabled], button[disabled], input[type=button][disabled], input[type=reset][disabled], input[type=submit][disabled] {
        cursor: default;
        opacity: .5
    }

        .button[disabled]:focus, .button[disabled]:hover, button[disabled]:focus, button[disabled]:hover, input[type=button][disabled]:focus, input[type=button][disabled]:hover, input[type=reset][disabled]:focus, input[type=reset][disabled]:hover, input[type=submit][disabled]:focus, input[type=submit][disabled]:hover {
            background-color: #9b4dca;
            border-color: #9b4dca
        }

    .button.button-outline, button.button-outline, input[type=button].button-outline, input[type=reset].button-outline, input[type=submit].button-outline {
        background-color: transparent;
        color: #9b4dca
    }

        .button.button-outline:focus, .button.button-outline:hover, button.button-outline:focus, button.button-outline:hover, input[type=button].button-outline:focus, input[type=button].button-outline:hover, input[type=reset].button-outline:focus, input[type=reset].button-outline:hover, input[type=submit].button-outline:focus, input[type=submit].button-outline:hover {
            background-color: transparent;
            border-color: #606c76;
            color: #606c76
        }

        .button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover, button.button-outline[disabled]:focus, button.button-outline[disabled]:hover, input[type=button].button-outline[disabled]:focus, input[type=button].button-outline[disabled]:hover, input[type=reset].button-outline[disabled]:focus, input[type=reset].button-outline[disabled]:hover, input[type=submit].button-outline[disabled]:focus, input[type=submit].button-outline[disabled]:hover {
            border-color: inherit;
            color: #9b4dca
        }

    .button.button-clear, button.button-clear, input[type=button].button-clear, input[type=reset].button-clear, input[type=submit].button-clear {
        background-color: transparent;
        border-color: transparent;
        color: #9b4dca
    }

        .button.button-clear:focus, .button.button-clear:hover, button.button-clear:focus, button.button-clear:hover, input[type=button].button-clear:focus, input[type=button].button-clear:hover, input[type=reset].button-clear:focus, input[type=reset].button-clear:hover, input[type=submit].button-clear:focus, input[type=submit].button-clear:hover {
            background-color: transparent;
            border-color: transparent;
            color: #606c76
        }

        .button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover, button.button-clear[disabled]:focus, button.button-clear[disabled]:hover, input[type=button].button-clear[disabled]:focus, input[type=button].button-clear[disabled]:hover, input[type=reset].button-clear[disabled]:focus, input[type=reset].button-clear[disabled]:hover, input[type=submit].button-clear[disabled]:focus, input[type=submit].button-clear[disabled]:hover {
            color: #9b4dca
        }

code {
    border-radius: .4rem;
    font-size: 86%;
    margin: 0 .2rem;
    padding: .2rem .5rem;
    white-space: nowrap
}

code, pre {
    background: #f4f5f6
}

pre {
    border-left: .3rem solid #9b4dca;
    overflow-y: hidden
}

    pre > code {
        border-radius: 0;
        display: block;
        padding: 1rem 1.5rem;
        white-space: pre
    }

hr {
    border: 0;
    border-top: .1rem solid #f4f5f6;
    margin: 3rem 0
}

input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: .1rem solid #d1d1d1;
    border-radius: .4rem;
    box-shadow: none;
    box-sizing: inherit;
    height: 3.8rem;
    padding: .6rem 1rem;
    width: 100%
}

    input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
        border-color: #9b4dca;
        outline: 0
    }

select {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') 100% no-repeat;
    padding-right: 3rem
}

    select:focus {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
    }

textarea {
    min-height: 6.5rem
}

label, legend {
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: .5rem
}

fieldset {
    border-width: 0;
    padding: 0
}

input[type=checkbox], input[type=radio] {
    display: inline
}

.label-inline {
    display: inline-block;
    font-weight: 400;
    margin-left: .5rem
}

.container {
    margin: 0 auto;
    max-width: 112rem;
    padding: 0 2rem;
    position: relative;
    width: 100%
}

.row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%
}

    .row, .row.row-no-padding, .row.row-no-padding > .column {
        padding: 0
    }

        .row.row-wrap {
            flex-wrap: wrap
        }

        .row.row-top {
            -webkit-box-align: start;
            align-items: flex-start
        }

        .row.row-bottom {
            -webkit-box-align: end;
            align-items: flex-end
        }

        .row.row-center {
            -webkit-box-align: center;
            align-items: center
        }

        .row.row-stretch {
            -webkit-box-align: stretch;
            align-items: stretch
        }

        .row.row-baseline {
            -webkit-box-align: baseline;
            align-items: baseline
        }

        .row .column {
            display: block;
            -webkit-box-flex: 1;
            flex: 1 1 auto;
            margin-left: 0;
            max-width: 100%;
            width: 100%
        }

            .row .column.column-offset-10 {
                margin-left: 10%
            }

            .row .column.column-offset-20 {
                margin-left: 20%
            }

            .row .column.column-offset-25 {
                margin-left: 25%
            }

            .row .column.column-offset-33, .row .column.column-offset-34 {
                margin-left: 33.3333%
            }

            .row .column.column-offset-50 {
                margin-left: 50%
            }

            .row .column.column-offset-66, .row .column.column-offset-67 {
                margin-left: 66.6666%
            }

            .row .column.column-offset-75 {
                margin-left: 75%
            }

            .row .column.column-offset-80 {
                margin-left: 80%
            }

            .row .column.column-offset-90 {
                margin-left: 90%
            }

            .row .column.column-10 {
                -webkit-box-flex: 0;
                flex: 0 0 10%;
                max-width: 10%
            }

            .row .column.column-20 {
                -webkit-box-flex: 0;
                flex: 0 0 20%;
                max-width: 20%
            }

            .row .column.column-25 {
                -webkit-box-flex: 0;
                flex: 0 0 25%;
                max-width: 25%
            }

            .row .column.column-33, .row .column.column-34 {
                -webkit-box-flex: 0;
                flex: 0 0 33.3333%;
                max-width: 33.3333%
            }

            .row .column.column-40 {
                -webkit-box-flex: 0;
                flex: 0 0 40%;
                max-width: 40%
            }

            .row .column.column-50 {
                -webkit-box-flex: 0;
                flex: 0 0 50%;
                max-width: 50%
            }

            .row .column.column-60 {
                -webkit-box-flex: 0;
                flex: 0 0 60%;
                max-width: 60%
            }

            .row .column.column-66, .row .column.column-67 {
                -webkit-box-flex: 0;
                flex: 0 0 66.6666%;
                max-width: 66.6666%
            }

            .row .column.column-75 {
                -webkit-box-flex: 0;
                flex: 0 0 75%;
                max-width: 75%
            }

            .row .column.column-80 {
                -webkit-box-flex: 0;
                flex: 0 0 80%;
                max-width: 80%
            }

            .row .column.column-90 {
                -webkit-box-flex: 0;
                flex: 0 0 90%;
                max-width: 90%
            }

            .row .column .column-top {
                align-self: flex-start
            }

            .row .column .column-bottom {
                align-self: flex-end
            }

            .row .column .column-center {
                -ms-grid-row-align: center;
                align-self: center
            }

@media (min-width:40rem) {
    .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        margin-left: -1rem;
        width: calc(100% + 2rem)
    }

        .row .column {
            margin-bottom: inherit;
            padding: 0 1rem
        }
}

a {
    color: #9b4dca;
    text-decoration: none
}

    a:focus, a:hover {
        color: #606c76
    }

dl, ol, ul {
    list-style: none;
    margin-top: 0;
    padding-left: 0
}

    dl dl, dl ol, dl ul, ol dl, ol ol, ol ul, ul dl, ul ol, ul ul {
        font-size: 90%;
        margin: 1.5rem 0 1.5rem 3rem
    }

ol {
    list-style: decimal inside
}

ul {
    list-style: circle inside
}

.button, button, dd, dt, li {
    margin-bottom: 1rem
}

fieldset, input, select, textarea {
    margin-bottom: 1.5rem
}

blockquote, dl, figure, form, ol, p, pre, table, ul {
    margin-bottom: 2.5rem
}

table {
    border-spacing: 0;
    width: 100%
}

td, th {
    border-bottom: .1rem solid #e1e1e1;
    padding: 1.2rem 1.5rem;
    text-align: left
}

    td:first-child, th:first-child {
        padding-left: 0
    }

    td:last-child, th:last-child {
        padding-right: 0
    }

b, strong {
    font-weight: 700
}

p {
    margin-top: 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    letter-spacing: -.1rem;
    margin-bottom: 2rem;
    margin-top: 0
}

h1 {
    font-size: 4.6rem;
    line-height: 1.2
}

h2 {
    font-size: 3.6rem;
    line-height: 1.25
}

h3 {
    font-size: 2.8rem;
    line-height: 1.3
}

h4 {
    font-size: 2.2rem;
    letter-spacing: -.08rem;
    line-height: 1.35
}

h5 {
    font-size: 1.8rem;
    letter-spacing: -.05rem;
    line-height: 1.5
}

h6 {
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 1.4
}

img {
    max-width: 100%
}

.clearfix:after {
    clear: both;
    content: " ";
    display: table
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.vue-recycle-scroller {
    position: relative
}

    .vue-recycle-scroller.direction-vertical:not(.page-mode) {
        overflow-y: auto
    }

    .vue-recycle-scroller.direction-horizontal:not(.page-mode) {
        overflow-x: auto
    }

    .vue-recycle-scroller.direction-horizontal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.vue-recycle-scroller__slot {
    -webkit-box-flex: 1;
    -ms-flex: auto 0 0px;
    flex: auto 0 0
}

.vue-recycle-scroller__item-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative
}

.vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform
}

.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
    width: 100%
}

.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
    height: 100%
}

.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
    width: 100%
}

.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
    height: 100%
}

.resize-observer[data-v-b329ee4c] {
    border: none;
    background-color: transparent;
    opacity: 0
}

    .resize-observer[data-v-b329ee4c], .resize-observer[data-v-b329ee4c] object {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%;
        pointer-events: none;
        display: block;
        overflow: hidden
    }

@font-face {
    font-family: Proxima Nova Cn Lt;
    src: url(/static/fonts/ProximaNovaCond-LightIt.f54d779.eot);
    src: local("Proxima Nova Condensed Light Italic"),local("ProximaNovaCond-LightIt"),url(/static/fonts/ProximaNovaCond-LightIt.f54d779.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaCond-LightIt.96af7a7.woff) format("woff"),url(/static/fonts/ProximaNovaCond-LightIt.fee4e5d.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova Lt;
    src: url(/static/fonts/ProximaNova-LightIt.4f987e1.eot);
    src: local("Proxima Nova Light Italic"),local("ProximaNova-LightIt"),url(/static/fonts/ProximaNova-LightIt.4f987e1.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNova-LightIt.0efcf5f.woff) format("woff"),url(/static/fonts/ProximaNova-LightIt.4082bf0.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova Cn Rg;
    src: url(/static/fonts/ProximaNovaCond-Regular.c4c6ffa.eot);
    src: local("Proxima Nova Condensed Regular"),local("ProximaNovaCond-Regular"),url(/static/fonts/ProximaNovaCond-Regular.c4c6ffa.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaCond-Regular.90f4f06.woff) format("woff"),url(/static/fonts/ProximaNovaCond-Regular.45e443b.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova Th;
    src: url(/static/fonts/ProximaNova-Extrabld.169bc0f.eot);
    src: local("Proxima Nova Extrabold"),local("ProximaNova-Extrabld"),url(/static/fonts/ProximaNova-Extrabld.169bc0f.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNova-Extrabld.ccf59c7.woff) format("woff"),url(/static/fonts/ProximaNova-Extrabld.5156391.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova Cn Bl;
    src: url(/static/fonts/ProximaNovaCond-Black.f4aee82.eot);
    src: local("Proxima Nova Condensed Black"),local("ProximaNovaCond-Black"),url(/static/fonts/ProximaNovaCond-Black.f4aee82.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaCond-Black.8576a0d.woff) format("woff"),url(/static/fonts/ProximaNovaCond-Black.e446a24.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova Cn Th;
    src: url(/static/fonts/ProximaNovaCond-ExtrabldIt.4e4c807.eot);
    src: local("Proxima Nova Condensed Extrabold Italic"),local("ProximaNovaCond-ExtrabldIt"),url(/static/fonts/ProximaNovaCond-ExtrabldIt.4e4c807.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaCond-ExtrabldIt.ed0f049.woff) format("woff"),url(/static/fonts/ProximaNovaCond-ExtrabldIt.831f0fd.ttf) format("truetype");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova Rg;
    src: url(/static/fonts/ProximaNova-Regular.b7c5127.eot);
    src: local("Proxima Nova Regular"),local("ProximaNova-Regular"),url(/static/fonts/ProximaNova-Regular.b7c5127.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNova-Regular.2d2ae25.woff) format("woff"),url(/static/fonts/ProximaNova-Regular.7ce6760.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova Lt;
    src: url(/static/fonts/ProximaNova-Semibold.cddac65.eot);
    src: local("Proxima Nova Semibold"),local("ProximaNova-Semibold"),url(/static/fonts/ProximaNova-Semibold.cddac65.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNova-Semibold.8feb512.woff) format("woff"),url(/static/fonts/ProximaNova-Semibold.df8c626.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova ExCn Th;
    src: url(/static/fonts/ProximaNovaExCn-Thin.31d025f.eot);
    src: local("Proxima Nova Extra Condensed Thin"),local("ProximaNovaExCn-Thin"),url(/static/fonts/ProximaNovaExCn-Thin.31d025f.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaExCn-Thin.2bf5104.woff) format("woff"),url(/static/fonts/ProximaNovaExCn-Thin.508bce5.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova Cn Lt;
    src: url(/static/fonts/ProximaNovaCond-Semibold.9f85508.eot);
    src: local("Proxima Nova Condensed Semibold"),local("ProximaNovaCond-Semibold"),url(/static/fonts/ProximaNovaCond-Semibold.9f85508.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaCond-Semibold.f63773f.woff) format("woff"),url(/static/fonts/ProximaNovaCond-Semibold.c8b3d95.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova ExCn Lt;
    src: url(/static/fonts/ProximaNovaExCn-SemiboldIt.e538ddf.eot);
    src: local("Proxima Nova Extra Condensed Semibold Italic"),local("ProximaNovaExCn-SemiboldIt"),url(/static/fonts/ProximaNovaExCn-SemiboldIt.e538ddf.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaExCn-SemiboldIt.e22b9b8.woff) format("woff"),url(/static/fonts/ProximaNovaExCn-SemiboldIt.ebcc7fc.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova ExCn Lt;
    src: url(/static/fonts/ProximaNovaExCn-Semibold.43451cf.eot);
    src: local("Proxima Nova Extra Condensed Semibold"),local("ProximaNovaExCn-Semibold"),url(/static/fonts/ProximaNovaExCn-Semibold.43451cf.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaExCn-Semibold.531859d.woff) format("woff"),url(/static/fonts/ProximaNovaExCn-Semibold.0ed922a.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova Th;
    src: url(/static/fonts/ProximaNova-ThinIt.2b7c2fd.eot);
    src: local("Proxima Nova Thin Italic"),local("ProximaNova-ThinIt"),url(/static/fonts/ProximaNova-ThinIt.2b7c2fd.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNova-ThinIt.0d23ced.woff) format("woff"),url(/static/fonts/ProximaNova-ThinIt.2b8aab3.ttf) format("truetype");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova Cn Th;
    src: url(/static/fonts/ProximaNovaCond-Thin.e835f8d.eot);
    src: local("Proxima Nova Condensed Thin"),local("ProximaNovaCond-Thin"),url(/static/fonts/ProximaNovaCond-Thin.e835f8d.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaCond-Thin.755473e.woff) format("woff"),url(/static/fonts/ProximaNovaCond-Thin.01b7663.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova Cn Rg;
    src: url(/static/fonts/ProximaNovaCond-RegularIt.a4938eb.eot);
    src: local("Proxima Nova Condensed Regular Italic"),local("ProximaNovaCond-RegularIt"),url(/static/fonts/ProximaNovaCond-RegularIt.a4938eb.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaCond-RegularIt.24200a6.woff) format("woff"),url(/static/fonts/ProximaNovaCond-RegularIt.56ba7fb.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova ExCn Th;
    src: url(/static/fonts/ProximaNovaExCn-ThinIt.c951eef.eot);
    src: local("Proxima Nova Extra Condensed Thin Italic"),local("ProximaNovaExCn-ThinIt"),url(/static/fonts/ProximaNovaExCn-ThinIt.c951eef.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaExCn-ThinIt.ea36ec3.woff) format("woff"),url(/static/fonts/ProximaNovaExCn-ThinIt.a2372b2.ttf) format("truetype");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova Lt;
    src: url(/static/fonts/ProximaNova-SemiboldIt.f5e20c8.eot);
    src: local("Proxima Nova Semibold Italic"),local("ProximaNova-SemiboldIt"),url(/static/fonts/ProximaNova-SemiboldIt.f5e20c8.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNova-SemiboldIt.12fd4b2.woff) format("woff"),url(/static/fonts/ProximaNova-SemiboldIt.76050cd.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova Rg;
    src: url(/static/fonts/ProximaNova-RegularIt.5f5d216.eot);
    src: local("Proxima Nova Regular Italic"),local("ProximaNova-RegularIt"),url(/static/fonts/ProximaNova-RegularIt.5f5d216.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNova-RegularIt.c88bf68.woff) format("woff"),url(/static/fonts/ProximaNova-RegularIt.61fd1e8.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova Cn Th;
    src: url(/static/fonts/ProximaNovaCond-Extrabld.b1527e7.eot);
    src: local("Proxima Nova Condensed Extrabold"),local("ProximaNovaCond-Extrabld"),url(/static/fonts/ProximaNovaCond-Extrabld.b1527e7.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaCond-Extrabld.f0bf048.woff) format("woff"),url(/static/fonts/ProximaNovaCond-Extrabld.52ca4fc.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova ExCn Th;
    src: url(/static/fonts/ProximaNovaExCn-ExtrabldIt.69ddbf2.eot);
    src: local("Proxima Nova Extra Condensed Extrabold Italic"),local("ProximaNovaExCn-ExtrabldIt"),url(/static/fonts/ProximaNovaExCn-ExtrabldIt.69ddbf2.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaExCn-ExtrabldIt.e041491.woff) format("woff"),url(/static/fonts/ProximaNovaExCn-ExtrabldIt.053bb2a.ttf) format("truetype");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova ExCn Bl;
    src: url(/static/fonts/ProximaNovaExCn-BlackIt.7ec9ee0.eot);
    src: local("Proxima Nova Extra Condensed Black Italic"),local("ProximaNovaExCn-BlackIt"),url(/static/fonts/ProximaNovaExCn-BlackIt.7ec9ee0.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaExCn-BlackIt.6e11383.woff) format("woff"),url(/static/fonts/ProximaNovaExCn-BlackIt.a0fb7c8.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova ExCn Lt;
    src: url(/static/fonts/ProximaNovaExCn-LightIt.6dbeb4c.eot);
    src: local("Proxima Nova Extra Condensed Light Italic"),local("ProximaNovaExCn-LightIt"),url(/static/fonts/ProximaNovaExCn-LightIt.6dbeb4c.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaExCn-LightIt.e93c2b7.woff) format("woff"),url(/static/fonts/ProximaNovaExCn-LightIt.6394b41.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova Cn Th;
    src: url(/static/fonts/ProximaNovaCond-ThinIt.c337e8f.eot);
    src: local("Proxima Nova Condensed Thin Italic"),local("ProximaNovaCond-ThinIt"),url(/static/fonts/ProximaNovaCond-ThinIt.c337e8f.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaCond-ThinIt.4aba456.woff) format("woff"),url(/static/fonts/ProximaNovaCond-ThinIt.ce73896.ttf) format("truetype");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova ExCn Lt;
    src: url(/static/fonts/ProximaNovaExCn-Light.18c6572.eot);
    src: local("Proxima Nova Extra Condensed Light"),local("ProximaNovaExCn-Light"),url(/static/fonts/ProximaNovaExCn-Light.18c6572.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaExCn-Light.e728f01.woff) format("woff"),url(/static/fonts/ProximaNovaExCn-Light.91f04ef.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova Cn Rg;
    src: url(/static/fonts/ProximaNovaCond-BoldIt.d78ecc8.eot);
    src: local("Proxima Nova Condensed Bold Italic"),local("ProximaNovaCond-BoldIt"),url(/static/fonts/ProximaNovaCond-BoldIt.d78ecc8.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaCond-BoldIt.d550291.woff) format("woff"),url(/static/fonts/ProximaNovaCond-BoldIt.952bd32.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova ExCn Th;
    src: url(/static/fonts/ProximaNovaExCn-Extrabld.c9be7f0.eot);
    src: local("Proxima Nova Extra Condensed Extrabold"),local("ProximaNovaExCn-Extrabld"),url(/static/fonts/ProximaNovaExCn-Extrabld.c9be7f0.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaExCn-Extrabld.ae8b34e.woff) format("woff"),url(/static/fonts/ProximaNovaExCn-Extrabld.17b1886.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova ExCn Rg;
    src: url(/static/fonts/ProximaNovaExCn-BoldIt.15c6f1b.eot);
    src: local("Proxima Nova Extra Condensed Bold Italic"),local("ProximaNovaExCn-BoldIt"),url(/static/fonts/ProximaNovaExCn-BoldIt.15c6f1b.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaExCn-BoldIt.5b14909.woff) format("woff"),url(/static/fonts/ProximaNovaExCn-BoldIt.3b25063.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova Bl;
    src: url(/static/fonts/ProximaNova-Black.4325ed8.eot);
    src: local("Proxima Nova Black"),local("ProximaNova-Black"),url(/static/fonts/ProximaNova-Black.4325ed8.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNova-Black.b978d1b.woff) format("woff"),url(/static/fonts/ProximaNova-Black.a0606c5.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova Bold;
    src: url(/static/fonts/ProximaNova-Bold.10141a9.eot);
    src: local("Proxima Nova Bold"),local("ProximaNova-Bold"),url(/static/fonts/ProximaNova-Bold.10141a9.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNova-Bold.e2cf3dc.woff) format("woff"),url(/static/fonts/ProximaNova-Bold.926a08f.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova ExCn Rg;
    src: url(/static/fonts/ProximaNovaExCn-Bold.1e72bd9.eot);
    src: local("Proxima Nova Extra Condensed Bold"),local("ProximaNovaExCn-Bold"),url(/static/fonts/ProximaNovaExCn-Bold.1e72bd9.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaExCn-Bold.966eb9c.woff) format("woff"),url(/static/fonts/ProximaNovaExCn-Bold.0006327.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova Th;
    src: url(/static/fonts/ProximaNovaT-Thin.c851667.eot);
    src: local("Proxima Nova Thin"),local("ProximaNovaT-Thin"),url(/static/fonts/ProximaNovaT-Thin.c851667.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaT-Thin.2499eb7.woff) format("woff"),url(/static/fonts/ProximaNovaT-Thin.4a39619.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova Rg;
    src: url(/static/fonts/ProximaNova-BoldIt.54fe7d5.eot);
    src: local("Proxima Nova Bold Italic"),local("ProximaNova-BoldIt"),url(/static/fonts/ProximaNova-BoldIt.54fe7d5.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNova-BoldIt.af44a85.woff) format("woff"),url(/static/fonts/ProximaNova-BoldIt.0e18c5b.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova Cn Rg;
    src: url(/static/fonts/ProximaNovaCond-Bold.9b75d58.eot);
    src: local("Proxima Nova Condensed Bold"),local("ProximaNovaCond-Bold"),url(/static/fonts/ProximaNovaCond-Bold.9b75d58.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaCond-Bold.d04bcdb.woff) format("woff"),url(/static/fonts/ProximaNovaCond-Bold.4a705b0.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova ExCn Bl;
    src: url(/static/fonts/ProximaNovaExCn-Black.50e3049.eot);
    src: local("Proxima Nova Extra Condensed Black"),local("ProximaNovaExCn-Black"),url(/static/fonts/ProximaNovaExCn-Black.50e3049.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaExCn-Black.53fca16.woff) format("woff"),url(/static/fonts/ProximaNovaExCn-Black.f5dd0d6.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova ExCn Rg;
    src: url(/static/fonts/ProximaNovaExCn-RegularIt.eb56098.eot);
    src: local("Proxima Nova Extra Condensed Regular Italic"),local("ProximaNovaExCn-RegularIt"),url(/static/fonts/ProximaNovaExCn-RegularIt.eb56098.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaExCn-RegularIt.e1ec041.woff) format("woff"),url(/static/fonts/ProximaNovaExCn-RegularIt.90c38ad.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova Cn Lt;
    src: url(/static/fonts/ProximaNovaCond-Light.48aa3a1.eot);
    src: local("Proxima Nova Condensed Light"),local("ProximaNovaCond-Light"),url(/static/fonts/ProximaNovaCond-Light.48aa3a1.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaCond-Light.673b6a3.woff) format("woff"),url(/static/fonts/ProximaNovaCond-Light.e72c6a1.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova Th;
    src: url(/static/fonts/ProximaNova-ExtrabldIt.6ba3d75.eot);
    src: local("Proxima Nova Extrabold Italic"),local("ProximaNova-ExtrabldIt"),url(/static/fonts/ProximaNova-ExtrabldIt.6ba3d75.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNova-ExtrabldIt.45a35c6.woff) format("woff"),url(/static/fonts/ProximaNova-ExtrabldIt.200afa6.ttf) format("truetype");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova Cn Bl;
    src: url(/static/fonts/ProximaNovaCond-BlackIt.a05b818.eot);
    src: local("Proxima Nova Condensed Black Italic"),local("ProximaNovaCond-BlackIt"),url(/static/fonts/ProximaNovaCond-BlackIt.a05b818.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaCond-BlackIt.72a6922.woff) format("woff"),url(/static/fonts/ProximaNovaCond-BlackIt.8ffbb5f.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova ExCn Rg;
    src: url(/static/fonts/ProximaNovaExCn-Regular.22d35e1.eot);
    src: local("Proxima Nova Extra Condensed Regular"),local("ProximaNovaExCn-Regular"),url(/static/fonts/ProximaNovaExCn-Regular.22d35e1.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaExCn-Regular.c284d8b.woff) format("woff"),url(/static/fonts/ProximaNovaExCn-Regular.44d67cd.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova Lt;
    src: url(/static/fonts/ProximaNova-Light.d778218.eot);
    src: local("Proxima Nova Light"),local("ProximaNova-Light"),url(/static/fonts/ProximaNova-Light.d778218.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNova-Light.eb74a59.woff) format("woff"),url(/static/fonts/ProximaNova-Light.0188899.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Proxima Nova Cn Lt;
    src: url(/static/fonts/ProximaNovaCond-SemiboldIt.80bd50e.eot);
    src: local("Proxima Nova Condensed Semibold Italic"),local("ProximaNovaCond-SemiboldIt"),url(/static/fonts/ProximaNovaCond-SemiboldIt.80bd50e.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNovaCond-SemiboldIt.8a742ee.woff) format("woff"),url(/static/fonts/ProximaNovaCond-SemiboldIt.5177fab.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: Proxima Nova Bl;
    src: url(/static/fonts/ProximaNova-BlackIt.a9ee33c.eot);
    src: local("Proxima Nova Black Italic"),local("ProximaNova-BlackIt"),url(/static/fonts/ProximaNova-BlackIt.a9ee33c.eot?#iefix) format("embedded-opentype"),url(/static/fonts/ProximaNova-BlackIt.f7d3368.woff) format("woff"),url(/static/fonts/ProximaNova-BlackIt.77aed8e.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Roboto Md It;
    src: url(/static/fonts/Roboto-MediumItalic.5ed587d.eot);
    src: local("Roboto Medium Italic"),local("Roboto-MediumItalic"),url(/static/fonts/Roboto-MediumItalic.5ed587d.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Roboto-MediumItalic.cf9744a.woff) format("woff"),url(/static/fonts/Roboto-MediumItalic.ebbeb79.ttf) format("truetype");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Roboto It;
    src: url(/static/fonts/Roboto-Italic.d798f93.eot);
    src: local("Roboto Italic"),local("Roboto-Italic"),url(/static/fonts/Roboto-Italic.d798f93.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Roboto-Italic.fd59701.woff) format("woff"),url(/static/fonts/Roboto-Italic.b391d0e.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Roboto Bold;
    src: url(/static/fonts/Roboto-Bold.4a1d8c2.eot);
    src: local("Roboto Bold"),local("Roboto-Bold"),url(/static/fonts/Roboto-Bold.4a1d8c2.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Roboto-Bold.08cb8f7.woff) format("woff"),url(/static/fonts/Roboto-Bold.16d7bb9.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    src: url(/static/fonts/Roboto-Regular.b907762.eot);
    src: local("Roboto"),local("Roboto-Regular"),url(/static/fonts/Roboto-Regular.b907762.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Roboto-Regular.94dac78.woff) format("woff"),url(/static/fonts/Roboto-Regular.4312f1f.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Roboto Md;
    src: url(/static/fonts/Roboto-Medium.02aa6e7.eot);
    src: local("Roboto Medium"),local("Roboto-Medium"),url(/static/fonts/Roboto-Medium.02aa6e7.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Roboto-Medium.9a3bf7a.woff) format("woff"),url(/static/fonts/Roboto-Medium.b2bcaa5.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Roboto Bold It;
    src: url(/static/fonts/Roboto-BoldItalic.5d3bff6.eot);
    src: local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(/static/fonts/Roboto-BoldItalic.5d3bff6.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Roboto-BoldItalic.65c7b0c.woff) format("woff"),url(/static/fonts/Roboto-BoldItalic.41db5f5.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Roboto Th It;
    src: url(/static/fonts/Roboto-ThinItalic.16eb301.eot);
    src: local("Roboto Thin Italic"),local("Roboto-ThinItalic"),url(/static/fonts/Roboto-ThinItalic.16eb301.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Roboto-ThinItalic.3ebe587.woff) format("woff"),url(/static/fonts/Roboto-ThinItalic.d687b55.ttf) format("truetype");
    font-weight: 100;
    font-style: italic
}

@font-face {
    font-family: Roboto Bl;
    src: url(/static/fonts/Roboto-Black.4f5771d.eot);
    src: local("Roboto Black"),local("Roboto-Black"),url(/static/fonts/Roboto-Black.4f5771d.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Roboto-Black.fdd88b7.woff) format("woff"),url(/static/fonts/Roboto-Black.232725f.ttf) format("truetype");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: Roboto Lt;
    src: url(/static/fonts/Roboto-Light.35d8503.eot);
    src: local("Roboto Light"),local("Roboto-Light"),url(/static/fonts/Roboto-Light.35d8503.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Roboto-Light.10ad0f8.woff) format("woff"),url(/static/fonts/Roboto-Light.2382fa8.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Roboto Lt It;
    src: url(/static/fonts/Roboto-LightItalic.56482a4.eot);
    src: local("Roboto Light Italic"),local("Roboto-LightItalic"),url(/static/fonts/Roboto-LightItalic.56482a4.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Roboto-LightItalic.1d77cf8.woff) format("woff"),url(/static/fonts/Roboto-LightItalic.d63782f.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Roboto Bl It;
    src: url(/static/fonts/Roboto-BlackItalic.a586775.eot);
    src: local("Roboto Black Italic"),local("Roboto-BlackItalic"),url(/static/fonts/Roboto-BlackItalic.a586775.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Roboto-BlackItalic.ac9a922.woff) format("woff"),url(/static/fonts/Roboto-BlackItalic.2a09b4f.ttf) format("truetype");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: Roboto Th;
    src: url(/static/fonts/Roboto-Thin.307ba41.eot);
    src: local("Roboto Thin"),local("Roboto-Thin"),url(/static/fonts/Roboto-Thin.307ba41.eot?#iefix) format("embedded-opentype"),url(/static/fonts/Roboto-Thin.f09d9b5.woff) format("woff"),url(/static/fonts/Roboto-Thin.0f5cc8c.ttf) format("truetype");
    font-weight: 100;
    font-style: normal
}

.tng-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem
}

    .tng-icon.user {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAABH5JREFUWAnNWU1IVFEU9j2nwGmCFBIdkJKGFo4KYQvbRUREi8KkctEiAltItKhcWpobQWwR0UIhClqkUBJBFEjUqkVF+DNCMTGFMA4GTotphPyZvu9x7zDz5t33MzOmFy733nPP+c435953/0arKDLNzs4eyGQyZ2DehhxEPahpWpBwqMdRj6PK/Bn1Fy0tLd/Z5zVpXgyi0WhtOp2+CgIdsGv2YgvdORCd9Pv990Oh0JJbW1cEE4nErqWlpRsA7QW5gFtwKz2QTEE+XFtbO1JXV/fHSidX5kgQQ9kBUg+Q63INS62DaAK5B0M/aYelqzpBSJuZmbmF8lm5ydEnMYktfCgDZdmxsLBQlUwmHwHgvOoHlFOOSE5UV1dfamhoWDHjFkQQpDSQe+yWHMAzyKM+n68debfI7ZSxz+zQqk1fIiAFASsQiJAPWAGZZSCwWFlZeTEcDr8197EdiUSOra+vPwGBeqt+swx4t1tbW+/kyvMIig+Ccy5Pnmsg64wOyB1XkZN6guSUW0zgduZ+ONkh5lICEH6tjuSE8zEnctQTOmOSsF1J3+RALlIvS5DrHDpdLyWI3kMJ4lR60SUHseYasAZB7hBo9To5MvVHTG27phdd4vQKThUGQbF9lbRD2LHz2ocoBsiJdgZBCLi3ek1hDwZedA1YyUnnqQQSrxt/BZaPy24JetHNwWwmNx1MeWQqJnVzCXEyFDrdTnpW/eTGIeZ5znOCscZF2I6kWAO5ULtdusw82nyQGIdMc4+bNhzXg+QUdp8xsZTIrzXMYUXuLoEcKQS16enpr6gcdENoC3S+6dhaio7gZhMmN2OZ2WxHJeBnfJgjvNiUNMQ8OCAtAicpyFRDVl/i/OOhdtEHoDgqngiSEIh8Qn6p6/rrmpqaSDAYTAtyRhGPx/3Ly8vhjY2NkxCcRm7zSpjc+BUzgm7TTxgN41D6vKmpiRFTJkH4IxSYB+fn5+vX1tY6QfIm2vuUhvkdcd47rsNoJF9e0FoFsT6c0+6iXC3o9SCArx3YIXhyGoQZA6RM8HVD43aCYYiqtKD0F30ncNJ9r9IpRg6/R0HyDfJOlT2mT0gXN/45lRLkfeUmR1/w+47YrCvSHLkZywyipLybYr6NKwBKFtthS04GQT5HQMAbf0HCxL5QICyTQIVNLuRENwZB8VYyrPA7hPlyVtFXtFhgDikAhuX7TfaUId5fopi0VveSFUzYU2LeKDDdi/mB4MN8BYsqsxWil8C7TUi+22S3OgrQ2YNsddmuAiBPLQP4AZVmULdt2hKDWApyfATokeSIm42gdAIAvscMyLa5BMAH5GuIJncS1wlROwzce8hHVEbAtb+40xAAXBvHUZ5TAQn5Fwz7aCAQeNrY2PjbSjcWi+1JpVJdiNgV9B+y0pEykJvAj+5CmTeCBRGkgXg84vuME0mJ/wvAP9CICUEjbPejvle0bQuSUz0eWRIkmogkF9J+1m09FNkpotWPyA2aIychHR1juLf0AdORIH/Jtn4ClqFmuW0f0XNJyjqG/r/8DfEPivRZk5ZREGAAAAAASUVORK5CYII=) no-repeat 50%/contain
    }

    .tng-icon.mail {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0QxRDFEMSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTAuMjg4IDEwLjE3NWMtLjQzNS4zMDktMS4xNC4zMDktMS41NzYgMEwwIDR2OS45NzNDMCAxNC41NC40OTggMTUgMS4xMTIgMTVoMTYuNzc2Yy42MTQgMCAxLjExMi0uNDYgMS4xMTItMS4wMjdWNGwtOC43MTIgNi4xNzV6Ii8+PHBhdGggZD0iTTEuMTEyIDBDLjQ5OCAwIDAgLjQzNSAwIC45NzJ2Ljk2TDguNzEyIDcuNzhjLjQzNS4yOTIgMS4xNC4yOTIgMS41NzYgMEwxOSAxLjkzVi45NzJDMTkgLjQzNSAxOC41MDIgMCAxNy44ODkgMEgxLjExMnoiLz48L2c+PC9zdmc+) no-repeat 50%/contain
    }

    .tng-icon.password {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAoCAYAAACIC2hQAAAAAXNSR0IArs4c6QAAA/NJREFUWAntl0toE0EYxzdvKtGaVg2CPYgJJk2bSC3oQbAIUvEiPq4VRPQiaC8epCcRwWM9eBFFqOJJLb0UHyB6U9Fq2qYJJh5EENFKbBuIefv/QiZsNrszm3S3enBgmZnvNb/5Mq9I0v+iLwOxWMxXqVQsImuryMBMPSD3FIvFt/Pz8zdFsMKZmAVag3yC+J00htVqvdXX13fWYrFU1Mb8K6BKSAbGg11zUC1IEeyagoogebBrBqoXsga7ZLfbB0OhUKoOzxpm1m1ADsshic30jLYJ+VqZOFPP0RYhJRxNizab7YsS0tSMtgopg0u6XK6hQCDwVSYz56dfBSRja4I1fI0aAKkKayiogZBNsELQeDzeXSgUTsBzPx4OQdSb8RVo4aN+j++Fx+OZXF5eDpdKpaew2QAZt8A3A4N1sNWzmT96vd4BTdBUKrUlm81eRbARfC7uyJK0hMGtsFsvsCM1HebDsN1ZLpfvoObCIu6lcDh8TRV0bm7uGILcRtCNOgZuxaQKicO8ek7ieXeSB8sgaYCm2QDyPGb5ADpTIWlwPOsm8GI6BaAy9eVFDknyhozOzs4egWwSoA1yeYA22w2ZVMZQZlYJSfZ1oEQisT2fz0cBqWedKcfi9bmQzJHBoj9Ga5LJWV0HjUajExCOMIURNTKzgivxIFuTopg43mAaiqnZVUEXFhb8+O+SEO1AtQAC2VJXV9fWnp6erMBOqK5uJkAeF0EiO98Q7QzqILK0C5vgItp0HvJKZzqdPsoz0Kuz1wwPCxw+OxyO3cFg8KfMLopfYgqTnMEk3TK5sjkEwX2lsNV+NaMYKMBzROYuKCCr5r29vUnoLvN8oRsQ6HWp6TaxY7BNWtbQVZxO53OO/pmWjuSI383T69VZcVXaEKy++5WO0JXxPiwo5awPfZ61NWqHhrwlsdXv9+eQtTTHy5bJZPZq6QG6T0tXk/8Q6HWp2RX6iWcNmHGccU6lDb2sILuilMv7SEJc3m+3zXb9YwQY1AoC0AiecG/wDhh1u92vcrmcA7fYAXzX4ePV8qvJXwr0utTVtYlbiXbmO10eklRClmgTaq5rFgd2v3GsbVM7MZiN3rr600cikRkEndbpxN188hiIec8ISIrJ1qiE22YM/aJ8oFW2f3V0dFBMQ0odFI+BD8jAqBFREaeCK/a0z+f7bkQ8ilEHpQ6eVzcwyDi12y0ESRPu7+9/1G4MNT/VDYEH9Dk6kuDATgU13yYZAFcgHMGEp5qUqxQ0ZJTFosxizQ5iYF0bDHb0V+IurtqIGZDEpZpRBkw1HV0AoafaIXw7kGkP+qgqi6gTkE3jX+VDeqCg/e+UZDLpAmRLS8II+j89VLrfukvQMwAAAABJRU5ErkJggg==) no-repeat 50%/contain
    }

    .tng-icon.show-password {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAgCAYAAABpRpp6AAAAAXNSR0IArs4c6QAAA+BJREFUWAnVWE9IFFEcdkeXXFZIS4IED7FIuIsrUSKFEll26LTWqegkhLduhkHHIKlbtyXw1J9T6TlLCKWQinBlV0Skg2AQlgYua6zu9n3D/IY3086b3fTQDDze773f933vmzfzZt5MXV3AjtB+/K6urh7e2dk5WyqV+lFOQ+tYKBRqLZfLrdRFvIF4A+F3wzA+o8w2NjZ+iMViv5j/l6NmwysrK4cKhcI1DDaC0gdDRi0D4yRKwM+hpCORyMuOjo7fNfGrBWez2SbM4hgKjZozWC1Xg9vArKdRxhOJxLYGZ6eqmuFMJnMDM/kIrDabebDBOmZ+NJlMPveT1RpeWlo6WiwWX8DsoJ/QQeRhejocDl/v7Oz84aXnaXhxcTGJyz8F4gkvstJfxGDETmHAT+CtM4dL3YYTPoMwhZNOoQ6z3+f4Cl6qq6srUwlX0TDMDmLQSRCilUhqH4xO8nJigFW13x1DM8bbCmXInavQzsP0EDSn3bm/DGNx9e7u7r4FUGsWJksYfKy7u5v3dtXHwsLCKLjj4Po9XfINDQ0XsRjnVXGHYZiN7+3tzULsiAryiO/UalZ0aBrxQ2l71Tixn/X19f0wnROMbXhtbS2yubn5BWZPStKrhtAkVvRVNQ9eCJf9Fuph5BPMIc4insClfYK6rOLx5HmFvO/tAd5yS0vLqfb29gL59mXZ2tp6AAFfs+BwgXGG7COXyx2HgTfgp9HZi7qJxYrTzBFjExBYGkW1r1JMT/QmOdMwBM8jcVs6dTUGmlIXGHghPAmegTOg4Q0A85RYwVCDWtLW1fRGj8TIDHP12mI6MnKOQXgboO+CD4fpAQurQh1aakKNLW/m4jYgchkdPSpAF/M5q+bBHVbbutiNdWv5cHvo1YDIPR3QnZOXgvTjspoLTNq62o11a+m4zNGr3BJ+2P8mb+Cs79fihq9bFY+zzqptXezGurV0XObo1cBqfY3gox9Y8tbeQJoUmbAbPoEb69bS0emRXuWW4OvS8WDXkLmJsQ+IPEFjxu7wDmYsrIpwaKkJNba8mc9+0zDeWu/Q+VgFecW4rCms1pjkKYbVfhNtnekZYqyBTSo1qCU6upre6JEYmeG65ubmu0gs64hWLoyBzGeiYOPx+DcIXgKfXyPzqLdZrHiEOWIEz9rS8N1u0hO9CdfxsgjC5seeYZ4Bd0XYHV1BmJcz8qpx5uPWrssLUrFftpcVk87OPL2oOzWmHTMseNxfwdnAK6aD84kkpgP1ESqmWWNrF4zPfNV0oH6kqMYD86tKNS0xfwbm8/lzeMT1Yavo+zMQL4u5aDT6fj8/A2XswNR/AJG4DW02Onf8AAAAAElFTkSuQmCC) no-repeat 50%/contain
    }

    .tng-icon.facebook {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAb5JREFUWAntWbFKQzEUTaQ4iVAHHVx0UdBJwVWcRMFfcLCIguAHdPUDOvgD3Tu5OLuKIA76/AQHdRAVwcX03NrSNt6reX3mcYcEDi85Cfeed5K895pa59yaMaYJLAEW0FAcRGRAzULgHSrLGlQxGjIS+IUOLc75Gt2YYnEk1pJA1SUJ7E7PFa7HwAowA0wAVWAWoKfHIcCWCsv+H/mGUPvW2pYQ8gX8AzbqpNBvYgr8RNJNiLuUkofwMdfgSVFxdAOxBL4i9mmIQ3+NiTXFF3DvXUqONUdvrnlgvDtmQRobS+A1lxDCaMbOgS2un+NiTfEjlwzcBhAsjmLEEvhBwZkyx3C/UrEESklzL6myBUrCRV69wNyWM7faAPfk8Tdeu9ekd3K91xi4rqO+PdDuV7H1i5bFfrTRahDQkERomWJ6aLMlCWRt+UnqdRBrbwp6o34PHiHJs2fKGT4Wbj3OYNwquB2Pn/baw01p9xTkd4ezfLcQ8yBvXC2bhLufDpcEitYEdiQHA40ShyUHRWsCO5KDgUaJw5KDojWBHeQgHViXVfIeNXd+6d+XpW6EPBk5uAfQkX8ZTobmoHH070OtDV/xLYz0+cF1AAAAAElFTkSuQmCC) no-repeat 50%/contain
    }

    .tng-icon.vk {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAcCAYAAAAuh5ywAAAAAXNSR0IArs4c6QAAA4JJREFUWAnFmDtoFEEYx+8Sgy8QGwMRxKhV8BkQrBSbFCGCqEW0UhBfSRNUNEFj0Ag+go2FIKSJBCNBLSy00E4Q7FL4QomKBjGKRiQxah7n7wu7l7ndmd3v9o7zg//Nt9/jP/Pt7NzsbCpVJMlkMjvBLfAMfAd/wLSHCdqf4A24DeqK1G2IJg35AazbwFxQBtJea+pD2M6n0+kXtCGBoxPj6ZDDbZjGVQ3fR3dIKgVvOf5TYB2QcfljC7YV+MZArySNAY18Img+SSHBvhDsAcNAK3IjIwWiI1oyL+6zzMKdSNZZZxXqvtnLWY07PQb6sGwFcvc1siQqiAHKLLRExVh8AzJDNWDKqzCuGSRgjoUoa8L/NI7E85/IJlkUYnYoecyw+jLu7Ev4+i2cNtNKjHttDsP23NCj1F9RTnztMf6g+z61PJBHTuQsmJrR4n86uCXWteSl/oinmIkYd8XB34iv1uW32OUPoVnsMwVR2Sv0XjEoZBkxxyPihFwjf21BFDMP+yWbL8LWTA3vxe/PkOgyxb9FUUgrHa9wxGlnesKRL3//yx0+m7mHYnp8R7YgjLInXPUdMe0C/NcdMbInaCRUEDdpA4knNclejKzXJjM+W5BnvED71QyI0OsYwGGLf7HFFmuCS9alPPaR/6IG0Qj6diYi588lpyCcsqDbjKQ49QoDWRsIqg5cuy4XBRzXuF4dsLku5bFuZLyDroCsnQHK65B2LyE08xYsFQLaCvANaKTb75TgDk2CEXPMz1W1JG4EkwZBnPqBgEOgOy7Q8Mtm3gb6DJtG1e6ZubXCfFnDXuKYL/QXuUZz1lBuSakzXL8O2P735U1vnTvH4SyIRNmT9gPtvuLspIiOfPYne7dMcXuJH6u47g7aR6q0wl4GHsb1UkK/nIJblMO3h0FQCYZKOGhNV10EyZkpmZC8BoxoeiphzA36kmN6MiF5Cxgv4oDlWN8JHhXA2U+u9nUpXDjJDWC0gAGYqev9HjAeBbI+kojMVEGPXy0Eha6pJ34xfgtnU5JqvBzZN5MLJFXgXgEDuGjrHT45ayUReZXabOPMywbJLvAO5Cs55xizU4jO5UvmxYdm3eRV65CVg93gMdCuA/m46RR45PGTr6/5yHDyheQYCr3L97t6sAnUALmWr7K+yEn1Lmjl9SrytQquVcTJCbYBVALJlRzBpKHL94kB0PUP7ZcAPESXZ7gAAAAASUVORK5CYII=) no-repeat 50%/contain
    }

    .tng-icon.google {
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAmFJREFUSA29l7tPFFEUh3dAsoZVidlCoMX4aiDEGCw2cRvWRLbS2NqpsRCFECjwH5DKVisKGyi0soEQSNRGC42hMUqCyWZ9IIQYIkpg+M5mhsHxPmbnrp7ky71zXr+Z3Zk7d7xMAvN9/xBpJSjDSeiEY/ATvsFneAmz8NzzvE3G9IZgJzyCTUhqX0kcBTnZ+oyiJhiHDUhrVQoLiZVJzsHTtGqxut8c37SKkySir2PFrofLNDhsFCdh2lUlVl/h+LhNdDhW5Hr4hQandKKeBEjIMyzBETk22EdikzAPFWiF03AVrkBo35kUeazehQ7liPCE5fK2iI9Ai7IBTmIDID/tGvTq8vb8JGXhB+jsF4H+vQLDhLwOOGtIiUIklsBkN6Lsxs0O0GrA0O4VsYfxOGd5Dp8sj2lshv/+sgh3G6ofkOQr4s34zM+moihwnZGxCToCh2p4pnI6+mp6ItyuabTO1a5pYi7unBSL8P+2LREUYXmXqqyNm+ioKuDoW5V6Ea4aGl0yxNKGZFXLyF39FnTvzdtc9WPFnf2GGlkqVXYQ5zy0qYL43tf8NO4Hk9W1gNBo0NSM2J1QOMmSWdKc/R9umvbAqkU4WsdJvG9JTvKSuECPFUsf+VsjIzkP65YiCX+Ae1CALjgP12AWktj1SDWYUTWUpNIhZ5Ha7F/C4iAw5dDYVLpNsE8pGgj/i82enNAtrWgYIEnEn0h2A2yHHnfD3taR5EZs6D/Rp2gVUyVQKFuZej9hZN81BsaNY22XqRLd76OJfAddhDKcgPCjTT7OVkB2nC9gAeZYYmtvIOZa2wVRK956j15E8QAAAABJRU5ErkJggg==) no-repeat 50%/contain
    }

    .tng-icon.ewa-logo {
        background: url(data:image/png;base64,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) no-repeat 50%/contain
    }

    .tng-icon.ewa-logo-white {
        background: url(data:image/png;base64,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) no-repeat 50%/contain
    }

    .tng-icon.ewa-icon {
        background: url(/static/img/ewa-icon.5fd9f48.png) no-repeat 50%/contain
    }

    .tng-icon.payment-cards {
        background: url(/static/img/payment-cards.2b9fae6.svg) no-repeat 50%/contain
    }

    .tng-icon.visa {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSI1MCI+PHBhdGggZmlsbD0iIzFBMUY3MSIgZD0iTTcxLjkyNiAxNS4zNThMNzYgMzQuNzE5aC00LjY3MnMtLjQ2NC0yLjIyNy0uNjE0LTIuOTAyYy0uNzMzIDAtNS44Ny0uMDExLTYuNDQ3LS4wMTEtLjE5Ni41MjUtMS4wNTkgMi45MTMtMS4wNTkgMi45MTNINTcuOTJsNy40NzgtMTcuNzU2Yy41MjgtMS4yNjMgMS40MzItMS42MDUgMi42MzktMS42MDVoMy44OXptLTYuMjExIDEyLjQ4NWg0LjE3OWMtLjItLjk2OS0xLjE2NS01LjU5Mi0xLjE2NS01LjU5MmwtLjM0LTEuNjcyYy0uMjU0LjcyNy0uNjk3IDEuOS0uNjY4IDEuODUgMCAwLTEuNTg5IDQuMy0yLjAwNiA1LjQxNHptLTYuNjA4LTEyLjAzbC0uNjggNC4yLS40NTMtLjIyYTguODk1IDguODk1IDAgMDAtMy43NjktLjc0NWMtMS45NzEgMC0yLjg4My44NjItMi44ODQgMS42NjYtLjAxMi45MSAxLjA2OCAxLjUwNSAyLjgyNyAyLjQwNCAyLjkwNiAxLjM4MyA0LjI0NyAzLjA1NiA0LjIzIDUuMjY1QzU4LjMzNyAzMi40MDMgNTQuOSAzNSA0OS42MDggMzVjLTIuMjU5LS4wMjQtNC40MzUtLjQ5My01LjYwOS0xLjAzM2wuNzA0LTQuMzM2LjY0OC4zMDhjMS42NTYuNzIzIDIuNzI3IDEuMDE2IDQuNzQyIDEuMDE2IDEuNDQ4IDAgMy0uNTk1IDMuMDEzLTEuODkyLjAwOS0uODQ4LS42NS0xLjQ1NS0yLjYxMi0yLjQwNC0xLjkwOS0uOTI1LTQuNDQtMi40OC00LjQxLTUuMjY0LjAzLTMuNzY2IDMuNTM0LTYuMzk1IDguNTExLTYuMzk1IDEuOTUgMCAzLjUxNi40MjQgNC41MTEuODEzek0zNS45MTEgMzQuNzEybDMuMTUtMTkuMzc0aDUuMDM0bC0zLjE1IDE5LjM3NGgtNS4wMzR6bS05LjE0Ny02LjE1aC0uMDA0bDQuOTI3LTEzLjIwOGg1LjMzNWwtNy45MjggMTkuMzQzaC01LjMyOGwtNC4wMjQtMTUuMTI0TDE0IDE1LjM1M2gxMC4xNDZsMi42MTggMTMuMjF6Ii8+PC9zdmc+) no-repeat 50%/contain
    }

    .tng-icon.mastercard {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSI1MCI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0ZGNUYwMCIgZD0iTTM5LjIyMyAxNS4yMmgxMi4zNHYxOS41MjFoLTEyLjM0eiIvPjxwYXRoIGZpbGw9IiNFQjAwMUIiIGQ9Ik00MC40OTQgMjQuOTgzYy0uMDAzLTMuODA5IDEuODAyLTcuNDA3IDQuODk2LTkuNzU5LTUuMjU2LTQtMTIuODAzLTMuNDE3LTE3LjMzOCAxLjMzOS00LjUzNSA0Ljc1NS00LjUzNSAxMi4wODggMCAxNi44NDMgNC41MzUgNC43NTYgMTIuMDgyIDUuMzM5IDE3LjMzOCAxLjMzOS0zLjA5NS0yLjM1Mi00LjktNS45NTItNC44OTYtOS43NjJ6Ii8+PHBhdGggZmlsbD0iI0Y3OUUxQiIgZD0iTTY2LjEzIDI0Ljk4M2MwIDQuNzUzLTIuODAyIDkuMDg4LTcuMjE3IDExLjE2NS00LjQxNCAyLjA3Ny05LjY2NSAxLjUzLTEzLjUyMy0xLjQwNyAzLjA5Mi0yLjM1MyA0Ljg5Ny01Ljk1MSA0Ljg5Ny05Ljc2cy0xLjgwNS03LjQwNy00Ljg5Ny05Ljc2YzMuODU4LTIuOTM4IDkuMTEtMy40ODQgMTMuNTIzLTEuNDA3IDQuNDE1IDIuMDc3IDcuMjE3IDYuNDEyIDcuMjE3IDExLjE2NXYuMDA0eiIvPjwvZz48L3N2Zz4=) no-repeat 50%/contain
    }

    .tng-icon.americanexpress {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MCIgaGVpZ2h0PSI1MCI+PHBhdGggZmlsbD0iIzAwNkZDRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNzIuNzI4IDM0LjQ2OEg2OS4xMlYzNmgzLjQ3NWMxLjQ3IDAgMi40MDUtLjk3NSAyLjQwNS0yLjM2N3MtLjgwMi0yLjA4OS0yLjEzOC0yLjA4OWgtMS42MDRjLS40IDAtLjY2OC0uMjc4LS42NjgtLjY5NiAwLS40MTguMjY3LS42OTYuNjY4LS42OTZoMy4wNzRMNzUgMjguNjJoLTMuNjA4Yy0xLjQ3IDAtMi40MDUuOTc1LTIuNDA1IDIuMjI4IDAgMS4zOTMuODAxIDIuMDg5IDIuMTM4IDIuMDg5aDEuNjAzYy40MDEgMCAuNjY4LjI3OC42NjguNjk2LjEzNC41NTctLjEzMy44MzUtLjY2OC44MzV6bS02LjU0OCAwaC0zLjYwOFYzNmgzLjQ3NWMxLjQ3IDAgMi40MDUtLjk3NSAyLjQwNS0yLjM2N3MtLjgwMi0yLjA4OS0yLjEzOC0yLjA4OUg2NC43MWMtLjQgMC0uNjY4LS4yNzgtLjY2OC0uNjk2IDAtLjQxOC4yNjgtLjY5Ni42NjgtLjY5NmgzLjA3NGwuNjY4LTEuNTMyaC0zLjYwOGMtMS40NyAwLTIuNDA1Ljk3NS0yLjQwNSAyLjIyOCAwIDEuMzkzLjgwMiAyLjA4OSAyLjEzOCAyLjA4OWgxLjYwM2MuNDAxIDAgLjY2OS4yNzguNjY5LjY5Ni4xMzMuNTU3LS4yNjguODM1LS42NjkuODM1em0tNC42NzctNC40NTVWMjguNDhoLTUuNjEydjcuMzhoNS42MTJ2LTEuNTMyaC00LjAwOXYtMS41MzJoMy44NzZ2LTEuNTMxaC0zLjg3NnYtMS4zOTNoNC4wMXYuMTR6bS05LjA4NyAwYy42NjkgMCAuOTM2LjQxNy45MzYuODM1cy0uMjY3LjgzNi0uOTM2LjgzNmgtMi4wMDR2LTEuODFsMi4wMDQuMTM5em0tMi4wMDQgMy4yMDJoLjgwMmwyLjEzOCAyLjY0NmgyLjAwNGwtMi40MDUtMi43ODVjMS4yMDMtLjI3OSAxLjg3LTEuMTE0IDEuODctMi4yMjggMC0xLjM5Mi0uOTM1LTIuMzY3LTIuNDA1LTIuMzY3aC0zLjc0MXY3LjM4aDEuNjAzbC4xMzQtMi42NDZ6bS00LjI3Ni0yLjIyOGMwIC41NTctLjI2Ny45NzUtLjkzNi45NzVoLTIuMTM4di0xLjk1aDIuMDA1Yy42NjggMCAxLjA2OS40MTggMS4wNjkuOTc1em0tNC42NzctMi41MDZ2Ny4zOGgxLjYwM3YtMi41MDdINDUuMmMxLjQ3IDAgMi41NC0uOTc0IDIuNTQtMi41MDYgMC0xLjM5Mi0uOTM2LTIuNTA2LTIuNDA2LTIuNTA2bC0zLjg3NS4xMzl6bS0yLjQwNiA3LjM4aDIuMDA1bC0yLjgwNi0zLjc2IDIuODA2LTMuNjJoLTIuMDA1bC0xLjczNyAyLjM2Ny0xLjczNy0yLjM2N2gtMi4wMDRsMi44MDYgMy42Mi0yLjgwNiAzLjYyaDIuMDA0bDEuNzM3LTIuMzY3IDEuNzM3IDIuNTA3em0tNi4wMTMtNS44NDhWMjguNDhoLTUuNjEydjcuMzhoNS42MTJ2LTEuNTMyaC00LjAwOXYtMS41MzJoMy44NzV2LTEuNTMxaC0zLjg3NXYtMS4zOTNoNC4wMXYuMTR6bTMyLjQ3Mi0xMy4wODlsMi44MDYgNC40NTZoMi4wMDVWMTRoLTEuNjA0djQuODczbC0uNC0uNjk2TDY1Ljc3OCAxNEg2My42NHY3LjM4aDEuNjA0di01LjAxM2wuMjY3LjU1N3ptLTYuOTQ5LS4xNGwuNTM1LTEuNTMuNTM1IDEuNTMuNjY4IDEuNjcyaC0yLjQwNmwuNjY4LTEuNjcxem0yLjgwNyA0LjU5NmgxLjczN0w2MC4wMzMgMTRoLTIuMTM4bC0zLjA3MyA3LjM4aDEuNzM3bC42NjgtMS41MzJoMy40NzVsLjY2OCAxLjUzMnptLTcuNDg0IDBsLjY2OS0xLjUzMmgtLjQwMWMtMS4yMDMgMC0xLjg3MS0uODM1LTEuODcxLTIuMDg5di0uMTM5YzAtMS4yNTMuNjY4LTIuMDg4IDEuODctMi4wODhoMS43MzhWMTRINTQuMDJjLTIuMTM4IDAtMy4zNCAxLjUzMi0zLjM0IDMuNjJ2LjE0YzAgMi4yMjcgMS4yMDIgMy42MiAzLjIwNiAzLjYyem0tNi4wMTMgMGgxLjYwNHYtNy4yNGgtMS42MDR2Ny4yNHpNNDQuNCAxNS41MzJjLjY2OCAwIC45MzUuNDE3LjkzNS44MzVzLS4yNjcuODM2LS45MzUuODM2aC0yLjAwNXYtMS44MWwyLjAwNS4xMzl6bS0yLjAwNSAzLjIwMmguODAybDIuMTM4IDIuNjQ2aDIuMDA1bC0yLjQwNi0yLjc4NWMxLjIwMy0uMjc5IDEuODcxLTEuMTE0IDEuODcxLTIuMjI4IDAtMS4zOTItLjkzNS0yLjM2Ny0yLjQwNS0yLjM2N2gtMy43NDJ2Ny4zOGgxLjYwNGwuMTMzLTIuNjQ2em0tMi45NC0zLjIwMlYxNGgtNS42MTJ2Ny4zOGg1LjYxMnYtMS41MzJoLTQuMDA5di0xLjUzMmgzLjg3NnYtMS41MzFoLTMuODc2di0xLjM5M2g0LjAxdi4xNHptLTEyLjE2IDUuODQ4aDEuNDdsMi4wMDQtNS45ODh2NS45ODhoMS42MDRWMTRIMjkuN2wtMS42MDMgNS4wMTNMMjYuNDkyIDE0SDIzLjgydjcuMzhoMS42MDN2LTUuOTg4bDEuODcxIDUuOTg4em0tOC42ODYtNC41OTVsLjUzNS0xLjUzMi41MzQgMS41MzIuNjY4IDEuNjdIMTcuOTRsLjY2OC0xLjY3em0yLjgwNiA0LjU5NWgxLjczN0wyMC4wNzggMTRoLTIuMDA1TDE1IDIxLjM4aDEuNzM3bC42NjgtMS41MzJoMy40NzVsLjUzNCAxLjUzMnoiLz48L3N2Zz4=) no-repeat 50%/contain
    }

    .tng-icon.lock {
        background: url(/static/img/lock-icon.cda9931.png) no-repeat 50%/contain
    }

    .tng-icon.payment-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTM2LjclIiB5PSItMTIuOSUiIHdpZHRoPSIxNzMuNSUiIGhlaWdodD0iMTUxLjQlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJhIj48ZmVPZmZzZXQgZHk9IjIiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxIiBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC43ODAzOTIxNTcgMCAwIDAgMCAwLjc4MDM5MjE1NyAwIDAgMCAwIDAuOCAwIDAgMCAxIDAiIGluPSJzaGFkb3dCbHVyT3V0ZXIxIi8+PC9maWx0ZXI+PHBhdGggZD0iTTE4LjM0IDEyLjAwOGMuMDQ2LjAyLjA5LjA0My4xMzYuMDY3LjMwOC4xNjUuNTUuNDA3LjcxNi43MTYuMTY1LjMwOS4yNTIuNjE1LjI1MiAxLjQ1OXY0LjMyMmMwIC44NDUtLjA4NyAxLjE1LS4yNTIgMS40NmExLjcyIDEuNzIgMCAwMS0uNzE2LjcxNWMtLjMwOS4xNjUtLjYxNS4yNTMtMS40Ni4yNTNoLTYuMDMzYy0uODQ0IDAtMS4xNS0uMDg4LTEuNDU5LS4yNTNhMS43MiAxLjcyIDAgMDEtLjcxNi0uNzE2Yy0uMTY1LS4zMDgtLjI1Mi0uNjE0LS4yNTItMS40NTlWMTQuMjVjMC0uODQ0LjA4Ny0xLjE1LjI1Mi0xLjQ1OWExLjcyIDEuNzIgMCAwMS44NTItLjc4M1Y5Ljc4NGE0LjM0IDQuMzQgMCAwMTguNjggMHYyLjIyNHpNMTQgN2EyLjc2MiAyLjc2MiAwIDAwLTIuNzYyIDIuNzYydjIuMDZoNS41MjR2LTIuMDZBMi43NjIgMi43NjIgMCAwMDE0IDd6IiBpZD0iYiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgZmlsbD0iI0FCQUJCMCIgY3g9IjE0IiBjeT0iMTQiIHI9IjE0Ii8+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjYSkiIHhsaW5rOmhyZWY9IiNiIi8+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYiIvPjwvZz48L3N2Zz4=) no-repeat 50%/contain
    }

    .tng-icon.ewa-purple {
        background: url(data:image/png;base64,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) no-repeat 50%/contain
    }

    .tng-icon.word-cards {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgc3Ryb2tlPSIjQUJBQkIwIiBzdHJva2Utd2lkdGg9IjEuNSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik05LjI2IDE4SDIuMDczQzEuNDggMTggMSAxNy40NzMgMSAxNi44MjJWNi4yMjZjMC0uNjUxLjQ4LTEuMTc4IDEuMDczLTEuMTc4SDkuMjZjLjU5MyAwIDEuMDczLjUyNyAxLjA3MyAxLjE3OHYxMC41OTZjMCAuNjUtLjQ4IDEuMTc4LTEuMDczIDEuMTc4eiIvPjxwYXRoIGQ9Ik01LjY2NyAzLjI3OWwuMjEzLTEuMzI4Yy4xLS42MjQuNjUtMS4wNDIgMS4yMjgtLjkzNGw3LjAxIDEuMzFjLjU3OS4xMDkuOTY2LjcwMi44NjYgMS4zMjVsLTEuNjMzIDEwLjE2Yy0uMS42MjMtLjY1IDEuMDQxLTEuMjI4LjkzMyIvPjwvZz48L3N2Zz4=) no-repeat 50%/contain
    }

    .tng-icon.heart {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNUFDOEZBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS40IiBkPSJNMTIuNzQ3IDFjLTEuODkzLjAwNC0zLjAzMy44OS0zLjY1NCAxLjgxNEM4LjQ1NyAxLjg5IDcuMjkgMS4wMDQgNS4zNTMgMSAyLjc4NyAxIDEgMy4yMjUgMSA1LjIyYzAgMS44NjYgMS4wNDggMi45NDggMi45NTEgNC45MDUgMS43OTIgMS44NDcgNC42ODMgNC42NzEgNC43MTIgNC43MDJsLjAxOC4wMWMuMDAzLjAwNS4wMDMuMDA4LjAwNy4wMTJzLjAxLjAwNC4wMTYuMDA4Yy4wNTMuMDQ1LjExLjA3OS4xNzMuMTAyYS4wMzguMDM4IDAgMDAuMDE4LjAwM0EuNjM1LjYzNSAwIDAwOS4xIDE1YS42Ni42NiAwIDAwLjIxLS4wMzhjLjAwNSAwIC4wMS0uMDAzLjAxNi0uMDAzYS42NjUuNjY1IDAgMDAuMTc3LS4xMDZsLjAxNS0uMDExYy4wMDMgMCAuMDA0LS4wMDQuMDA2LS4wMDguMDA2LS4wMDQuMDEzLS4wMDcuMDE4LS4wMTUuMDI4LS4wMjYgMi44NDItMi44NSA0LjU4Ni00LjY5OEMxNS45OCA4LjE2IDE3IDcuMDggMTcgNS4yMTkgMTcgMy4yMjUgMTUuMjU0IDEgMTIuNzQ3IDF6Ii8+PC9zdmc+) no-repeat 50%/contain
    }

    .tng-icon.heart-active {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIyMCIgZmlsbD0iI0Y5NUI1QyIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMy4yNzkgMTRjLTEuNjU3LjAwNC0yLjY1NC44MjYtMy4xOTggMS42ODQtLjU1Ny0uODU4LTEuNTc3LTEuNjgtMy4yNzMtMS42ODRDMTQuNTY0IDE0IDEzIDE2LjA2NiAxMyAxNy45MThjMCAxLjczMy45MTcgMi43MzggMi41ODIgNC41NTUgMS41NjggMS43MTYgNC4wOTggNC4zMzggNC4xMjMgNC4zNjZsLjAxNi4wMS4wMDYuMDExYy4wMDQuMDAzLjAxLjAwMy4wMTQuMDA3YS40OC40OCAwIDAwLjE2Ny4wOTguNTI4LjUyOCAwIDAwLjE4LjAzNS41NDguNTQ4IDAgMDAuMTgzLS4wMzVjLjAwNCAwIC4wMS0uMDA0LjAxNC0uMDA0YS41NzYuNTc2IDAgMDAuMTU1LS4wOThsLjAxMy0uMDFjLjAwMyAwIC4wMDMtLjAwNC4wMDYtLjAwNy4wMDUtLjAwNC4wMS0uMDA3LjAxNS0uMDE0YTI2OC44OCAyNjguODggMCAwMDQuMDEzLTQuMzYzQzI2LjEwNyAyMC42NSAyNyAxOS42NDcgMjcgMTcuOTE4IDI3IDE2LjA2NiAyNS40NzIgMTQgMjMuMjc5IDE0eiIvPjwvZz48L3N2Zz4=) no-repeat 50%/contain
    }

    .tng-icon.courses-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjQyMiA4LjcwOWw2LjY1OS0xLjkwOHYzLjQ2NmMwIC4wODQtLjAxNy4xNy0uMDQ3LjI1QzE3LjkzNyAxMC43NyAxNi45MyAxMyAxMS4xNTYgMTNjLTUuNzc2IDAtNi43ODItMi4yMjktNi44NzktMi40ODRhLjcwOC43MDggMCAwMS0uMDQ2LS4yNDlWNi44OTFsNi4zNCAxLjgxNmExLjUxNSAxLjUxNSAwIDAwLjg1LjAwMnptMTAuMDYtNS44NzZjLjMwNy4wODQuNTE4LjM1LjUxOC42NTFhLjY4My42ODMgMCAwMS0uNTE4LjY1MUwxMS4xOTcgNi45NDJhLjcxLjcxIDAgMDEtLjE5OC4wMjcuNzEuNzEgMCAwMS0uMTk3LS4wMjdMLjUxOCA0LjEzNUEuNjgzLjY4MyAwIDAxMCAzLjQ4NWMwLS4zMDIuMjExLS41NjguNTE4LS42NTJMMTAuODAyLjAyNmEuNzYxLjc2MSAwIDAxLjM5NSAwbDEwLjI4NSAyLjgwN3oiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat 50%/contain
    }

    .tng-icon.lessons-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0iIzQ0NDM1RCIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTIuNTMyIDE0LjM5NEwxOS43MTQgMTJ2Ni41OThhLjY5Mi42OTIgMCAwMS0uMDUuMjU5Yy0uMTA4LjI2My0xLjIzMSAyLjU3Mi03LjY2NCAyLjU3Mi02LjQzNSAwLTcuNTU2LTIuMzA5LTcuNjY0LTIuNTcyYS42OTIuNjkyIDAgMDEtLjA1LS4yNlYxMmw3LjE4MyAyLjM5NGExLjY4IDEuNjggMCAwMDEuMDYzIDB6Ii8+PHBhdGggZD0iTTEyLjU0MyAzLjYxNGwxMC44NzUgMy43MThhLjg1Ni44NTYgMCAwMTAgMS42MjFsLTEwLjg3NSAzLjcxOGExLjY4IDEuNjggMCAwMS0xLjA4NiAwTC41ODIgOC45NTNhLjg1Ni44NTYgMCAwMTAtMS42MmwxMC44NzUtMy43MTlhMS42OCAxLjY4IDAgMDExLjA4NiAweiIvPjwvZz48L3N2Zz4=) 50%
    }

    .tng-icon.profile-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0xMCAwQzQuNDggMCAwIDQuNDggMCAxMHM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTUuNTIgMCAxMCAwem0wIDNjMS42NiAwIDMgMS4zNCAzIDNzLTEuMzQgMy0zIDMtMy0xLjM0LTMtMyAxLjM0LTMgMy0zem0wIDE0Yy0yLjUgMC00LjcxLTEuMjE5LTYtMy4wNjdDNC4wMyAxMi4wMzggOCAxMSAxMCAxMWMxLjk5IDAgNS45NyAxLjAzOCA2IDIuOTMzQzE0LjcxIDE1Ljc4MSAxMi41IDE3IDEwIDE3eiIgaWQ9ImEiLz48L2RlZnM+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat 50%/contain
    }

    .tng-icon.library-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE5LjQ0MyA0LjMzYS44NTIuODUyIDAgMDExLjEyOC44MDR2MTIuNjE0YS44NDguODQ4IDAgMDEtLjU4Ni44MDNsLTYgMS45NzdhLjg1Mi44NTIgMCAwMS0xLjEyOC0uODA0VjcuMTFjMC0uMzY0LjIzNi0uNjg4LjU4Ni0uODAzbDYtMS45Nzd6bS0xNC44ODYgMGw2IDEuOTc2Yy4zNS4xMTUuNTg2LjQzOS41ODYuODAzdjEyLjYxNWEuODUyLjg1MiAwIDAxLTEuMTI4LjgwNGwtNi0xLjk3N2EuODQ4Ljg0OCAwIDAxLS41ODYtLjgwM1Y1LjEzM2EuODUyLjg1MiAwIDAxMS4xMjgtLjgwNHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat 50%/contain
    }

    .tng-icon.words-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNNi44NTcgMTJoMTJMOC4yNyAyMS44MzJhLjg0Ljg0IDAgMDEtMS40MTItLjYxNVYxMnoiLz48cGF0aCBkPSJNMTIgMTcuMTQzYy03IDAtOS40MjktMS43NjYtOS40MjktNi44NTdDMi41NzEgNS4xOTQgNSAzLjQyOSAxMiAzLjQyOXM5LjQyOSAxLjc2NSA5LjQyOSA2Ljg1N2MwIDUuMDkxLTIuNDI4IDYuODU3LTkuNDI5IDYuODU3eiIvPjwvZz48L3N2Zz4=) no-repeat 50%/contain
    }

    .tng-icon.facebook-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzk2QTNBQyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiAwaDEyYTYgNiAwIDAxNiA2djEyYTYgNiAwIDAxLTYgNkg2YTYgNiAwIDAxLTYtNlY2YTYgNiAwIDAxNi02em03LjAzMyA5Ljg5N3YtMS4xMWMuMTI5LTEuMDUxIDEuOTYtLjg1MiAxLjk2LS44NTJWNi4xM2gtLjAwMWMtLjA2NC0uMDE0LTMuNjQ0LS44Mi00LjM1NSAxLjc2MnYuMDAybC0uMDA1LjAxN2MtLjExMi4zMjMtLjEwNSAxLjgtLjEwMyAxLjk4Nkg5djEuOTc3aDEuNjI0djUuMzc2aDIuMzY0di01LjM3NmgxLjgwOEwxNSA5Ljg5N2gtMS45Njd6Ii8+PC9zdmc+) no-repeat 50%/contain
    }

    .tng-icon.instagram-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzk2QTNBQyIgZD0iTTYgMGgxMmE2IDYgMCAwMTYgNnYxMmE2IDYgMCAwMS02IDZINmE2IDYgMCAwMS02LTZWNmE2IDYgMCAwMTYtNnptNiA2Yy0zLjMwOCAwLTYgMi42OTItNiA2czIuNjkyIDYgNiA2IDYtMi42OTIgNi02LTIuNjkyLTYtNi02em0wIDEwYy0yLjIwNiAwLTQtMS43OTQtNC00czEuNzk0LTQgNC00IDQgMS43OTQgNCA0LTEuNzk0IDQtNCA0em02LjUtMTJBMS41MDcgMS41MDcgMCAwMDE3IDUuNWMwIC4zOTQuMTYuNzgxLjQ0IDEuMDYuMjc5LjI4LjY2Ni40NCAxLjA2LjQ0QTEuNTA2IDEuNTA2IDAgMDAyMCA1LjVjMC0uMzk1LS4xNi0uNzgzLS40NC0xLjA2QTEuNTA2IDEuNTA2IDAgMDAxOC41IDR6Ii8+PC9zdmc+) no-repeat 50%/contain
    }

    .tng-icon.books-learning-icon {
        background: url(/static/img/read_books.d5ad9bb.svg) no-repeat 50%/contain
    }

    .tng-icon.courses-learning-icon {
        background: url(/static/img/watch_movie.7d25ff3.svg) no-repeat 50%/contain
    }

    .tng-icon.icon-listen {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTQuNSAxNi41YTMgMyAwIDAwLTMgM3Y5YTMgMyAwIDAwMyAzSDZBMS41IDEuNSAwIDAwNy41IDMwVjE4QTEuNSAxLjUgMCAwMDYgMTYuNUg0LjV6bTE5LjUgMGExLjUgMS41IDAgMDAtMS41IDEuNXYxMmExLjUgMS41IDAgMDAxLjUgMS41aDEuNWEzIDMgMCAwMDMtM3YtOWEzIDMgMCAwMC0zLTNIMjR6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTI3IDE5di00YzAtNi42MjctNS4zNzMtMTItMTItMTJTMyA4LjM3MyAzIDE1djRIMHYtNEMwIDYuNzE2IDYuNzE2IDAgMTUgMGM4LjI4NCAwIDE1IDYuNzE2IDE1IDE1djRoLTN6Ii8+PC9nPjwvc3ZnPg==) no-repeat 50%/contain
    }

    .tng-icon.icon-audiobook_stop {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNiIgaGVpZ2h0PSIzNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMyI+PGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTYuNSIvPjxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjExIiB4PSIxNC41IiB5PSIxMi41IiByeD0iLjUiLz48cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxMSIgeD0iMjEuNSIgeT0iMTIuNSIgcng9Ii41Ii8+PC9nPjwvc3ZnPg==) no-repeat 50%/contain
    }

    .tng-icon.skills-motivation-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI2MCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNDYuMDA2IDI1LjE4Nkg1MHYyLjk2NmwtMy45OTQtMi45NjZ6bS00LjEzNSAwbDUuMjk3IDQuOTNINTB2OS41MzNjMCAuNzQ2LS42NSAxLjM1MS0xLjQ1MiAxLjM1MUgyNS40OTFjLS44MDEgMC0xLjQ1Mi0uNjA1LTEuNDUyLTEuMzUxVjI2LjI2MmMwLS4xNDMuMDMxLS4yNzkuMDg1LS40MDNsNC41NzYgNC4yNTdoNC45MjhsLTUuMjk4LTQuOTNoNC40MzdsNS4yOTggNC45M2g0LjkyOGwtNS4yOTgtNC45M2g0LjE3NnpNNDQuNzg4IDE1bC00LjE1MSA1LjY2Mi00LjM5Ni44NzQgNC4xNTEtNS42NjJMNDQuNzg4IDE1ek0zNS44IDE2Ljk3N2wtNC4yODQgNS43MDItNC4yNjIuODM0IDQuMjg1LTUuNzAyIDQuMjYxLS44MzR6bTEzLjIxNC42MTFjLjE0LjU2LS4yOTggMS4xMi0uOTc1IDEuMjVsLTIuODg4LjU1MSAzLjI3LTQuMTg5LjU5MyAyLjM4OHpNMjYuODkgMTkuMTIzbC0yLjE0NSAyLjc1LTEuMTIyIDEuNDQtLjA3My0uMjk2LS41MjYtMi4xMmMtLjEzNS0uNTQ2LjI5LTEuMDkuOTQ4LTEuMjE2bDIuOTE4LS41NTh6Ii8+PC9zdmc+) no-repeat 50%/contain
    }

    .tng-icon.traveling-motivation-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI2MCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTUwLjk2OCAxOS43NjRjMS4wOCA2LjE0Mi0yNS4yMDggMTcuNzc1LTI3LjI5IDE4LjE0My0xLjE2Ni4yMDYtMi41NC4xNS0yLjc0NC0xLjAwOS0uMDY5LS4zODcuMjQ4LTEuMDIuODU3LTEuODIzbC0yLjU4LTMuMzUxYy0uMzUtLjQ1NC0uMjU0LTEuMTI0LjIwMy0xLjQyNWwuMzA3LS4yMDFhMi4wOTMgMi4wOTMgMCAwMTEuODY3LS4yMjFsMy44NTQgMS4zNzlhODMuNjQyIDgzLjY0MiAwIDAxNC4wNjktMy40ODRsLTcuNjY1LTMuNTY1Yy0uNjA2LS4yODItLjc1LTEuMTM3LS4yNy0xLjYwMmwuNDkxLS40NzZhMy43ODIgMy43ODIgMCAwMTMuMDMtMS4wNjVsMTEuOTIxIDEuMjIxYzMuMjc0LTIuMTM5IDYuMjkyLTMuNzM3IDguMTg3LTQuMDcyYTE5Ljg1IDE5Ljg1IDAgMDExLjUxLS4yMTNsLTMuNDEgMi4wMWEuNTc2LjU3NiAwIDAwLS4xMy44ODguOTMuOTMgMCAwMDEuMTE4LjE5bDQuNTA2LTIuMzg2YTEuNDkyIDEuNDkyIDAgMDEyLjE2OSAxLjA2MnpNMzkuMDIyIDMyLjgwNmMtLjI1MS0uMjE2LS4yMjUtLjYzLjA1LS43OTRsNS42NDMtMy4zNjNjLjI0OS0uMTQ4LjU2Ny0uMDA3LjY1My4yODlsMS4zOSA0Ljc5Yy4zNDcgMS4xOTctLjA1NSAyLjQ4LS45OTggMy4xOGwtLjUxOC4zODRhLjg1Ljg1IDAgMDEtMS4wNzMtLjA1MWwtNS4xNDctNC40MzV6Ii8+PC9zdmc+) no-repeat 50%/contain
    }

    .tng-icon.education-motivation-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI2MCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzQgMTkuMjI1VjM0YTEgMSAwIDAwMiAwVjE5LjIyNWMuMDg5LS4wMjMuMTc3LS4wNDguMjY1LS4wNzdsNi40MTktMi4wOTdhMS4wMDUgMS4wMDUgMCAwMTEuMjY1LjYyLjk2Ljk2IDAgMDEuMDUxLjMxdjE2LjgzNGMwIC44NDMtLjU1IDEuNTkzLTEuMzY4IDEuODZsLTYuMzY3IDIuMDhhNC4wNzYgNC4wNzYgMCAwMS0yLjUzIDBsLTYuMzY3LTIuMDhBMS45NjQgMS45NjQgMCAwMTI2IDM0LjgxNVYxNy45OGEuOTkuOTkgMCAwMTEtLjk4IDEgMSAwIDAxLjMxNi4wNWw2LjQyIDIuMDk3Yy4wODcuMDI5LjE3NS4wNTQuMjY0LjA3N3ptLTEwIC40MTN2MTcuNTc1YzAgLjQzNC4yOS44MTYuNzE1Ljk0bDkuMTQ2IDIuNjY0YTQuMDc3IDQuMDc3IDAgMDAyLjI3OCAwbDkuMTQ2LTIuNjY0YS45ODMuOTgzIDAgMDAuNzE1LS45NFYxOS42MzhsLjc2Ni0uMTgxYTEuMDAxIDEuMDAxIDAgMDExLjIwNi43MjMuOTYyLjk2MiAwIDAxLjAyOC4yM3YxNy40OTdhMS45NyAxLjk3IDAgMDEtMS41MzEgMS45MDdMMzUuOTM3IDQyLjg5YTQuMDc4IDQuMDc4IDAgMDEtMS44NzQgMEwyMy41MyAzOS45MUExLjk2OSAxLjk2OSAwIDAxMjIgMzguMDA3VjIwLjQxYS45OS45OSAwIDAxMS0uOThjLjA3OSAwIC4xNTguMDA5LjIzNC4wMjdsLjc2Ni4xOHoiLz48L3N2Zz4=) no-repeat 50%/contain
    }

    .tng-icon.business-motivation-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI2MCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTQ0Ljc3OSAzOS43MjdhMSAxIDAgMDEtLjcxNi0uNzJMNDEuMzIgMjguMjU5YTEgMSAwIDAxMS43Ny0uODQ2bDYuNTg1IDguODFhMSAxIDAgMDEuMTM4Ljk0M2wtLjk4NiAyLjY4NmExIDEgMCAwMS0xLjE5Mi42MjNsLTIuODU2LS43NDh6TTM4LjkxNSAxOS44NWExIDEgMCAwMS0uOTQ2LjY3NmgtMy45MTFhMSAxIDAgMDEtLjkyNy0uNjI2bC0xLjA4My0yLjY4MmExIDEgMCAwMS40MjctMS4yNGwyLjkyLTEuNjlhMSAxIDAgMDExLjAwMiAwbDIuOTgxIDEuNzI2YTEgMSAwIDAxLjQ0NSAxLjE5bC0uOTA4IDIuNjQ2em0tNS41OCAyLjY0NWExIDEgMCAwMS45ODYtLjgzaDMuNDI5YTEgMSAwIDAxLjk4Ny44NDNsMi44MDIgMTcuNTk4YTMgMyAwIDAxLS45NjMgMi43MDhsLTIuNjggMi4zOTdhMyAzIDAgMDEtNCAwbC0yLjY1Ni0yLjM3NWEzIDMgMCAwMS0uOTU2LTIuNzVsMy4wNTEtMTcuNTkxeiIvPjwvc3ZnPg==) no-repeat 50%/contain
    }

    .tng-icon.communication-motivation-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI2MCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNDYuODE1IDIzYy42NTQgMCAxLjE4NS40OSAxLjE4NSAxLjA5NnYxMi44ODZjMCAuNjA1LS41MyAxLjA5Ni0xLjE4NSAxLjA5NmgtMS42NTh2Mi44MjZjMCAuNDA5LS4yNDYuNzgzLS42MzguOTcyYTEuMjYxIDEuMjYxIDAgMDEtMS4yMjYtLjA3NGwtNS43NS0zLjcyNEgyOS40NGMtLjM4MyAwLS43MjItLjE2OS0uOTM5LS40M2wxLjAyOS0uNjY2IDEuNjkyLTEuMDk2IDEuMTI5LS43M2g3LjM1N2MxLjk2IDAgMy41NTQtMS40NzYgMy41NTQtMy4yOVYyM2gzLjU1NHptLTYuNDg1LTVjLjY0NiAwIDEuMTcuNDkgMS4xNyAxLjA5NnYxMi44ODZjMCAuNjA1LS41MjQgMS4wOTYtMS4xNyAxLjA5NmgtOC4wMDNsLS45NjcuNjM0LTIuMzQgMS41MzUtMi4zNzEgMS41NTVhMS4yMzIgMS4yMzIgMCAwMS0xLjIxMS4wNzQgMS4wOSAxLjA5IDAgMDEtLjYzLS45NzJ2LTIuODI2SDIzLjE3Yy0uNjQ2IDAtMS4xNy0uNDktMS4xNy0xLjA5NlYxOS4wOTZjMC0uNjA1LjUyNC0xLjA5NiAxLjE3LTEuMDk2aDE3LjE2em0tNS4zNzIgMTFjLjYyMiAwIDEuMTI1LS40NDggMS4xMjUtMWEuOTA0LjkwNCAwIDAwLS4xMDctLjQyNGMtLjE4LS4zNC0uNTY3LS41NzYtMS4wMTgtLjU3NmgtNy41Yy0uNjIxIDAtMS4xMjUuNDQ4LTEuMTI1IDFzLjUwNCAxIDEuMTI1IDFoNy41em0wLTRjLjYyMiAwIDEuMTI1LS40NDggMS4xMjUtMXMtLjUwMy0xLTEuMTI1LTFoLTcuNWMtLjYyMSAwLTEuMTI1LjQ0OC0xLjEyNSAxcy41MDQgMSAxLjEyNSAxaDcuNXoiLz48L3N2Zz4=) no-repeat 50%/contain
    }

    .tng-icon.icon-facebook {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzUuOTczIDMwLjAxMkgzMS45VjQ1aC02LjAzM1YzMC4wMTJIMjN2LTUuMjk3aDIuODY4di0zLjQyN2MwLTIuNDU0IDEuMTI5LTYuMjg4IDYuMDg5LTYuMjg4bDQuNDcuMDE4djUuMTQyaC0zLjI0NWMtLjUyOCAwLTEuMjc5LjI3My0xLjI3OSAxLjQ0M3YzLjExM0gzNi41bC0uNTI3IDUuMjk2eiIvPjwvc3ZnPg==) no-repeat 50%/contain
    }

    .tng-icon.icon-gmail {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTMwIDI3djZoOC40ODdjLTEuMjM5IDMuNDkyLTQuNTc1IDYtOC40ODcgNi00Ljk2MiAwLTktNC4wMzgtOS05czQuMDM4LTkgOS05YzIuMTUxIDAgNC4yMjEuNzcxIDUuODI5IDIuMTcybDMuOTQyLTQuNTI0QTE0Ljg2NSAxNC44NjUgMCAwMDMwIDE1Yy04LjI3MSAwLTE1IDYuNzI5LTE1IDE1czYuNzI5IDE1IDE1IDE1IDE1LTYuNzI5IDE1LTE1di0zSDMweiIvPjwvc3ZnPg==) no-repeat 50%/contain
    }

    .tng-icon.icon-email {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTQgMjNsMTQuMTY3IDcuMzA1YTQgNCAwIDAwMy42NjYgMEw0NiAyM3YxNGE0IDQgMCAwMS00IDRIMThhNCA0IDAgMDEtNC00VjIzeiIvPjxwYXRoIGQ9Ik0zMS40MDQgMjYuMjU3bDEyLjAzOC02LjM3M0ExIDEgMCAwMDQyLjk3NCAxOEgxNy4wMjZhMSAxIDAgMDAtLjQ2OCAxLjg4NGwxMi4wMzggNi4zNzNhMyAzIDAgMDAyLjgwOCAweiIvPjwvZz48L3N2Zz4=) no-repeat 50%/contain
    }

    .tng-icon.icon-rating {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIgZmlsbD0iI0ZGRDUwMCIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik03Ljk3MiAxOC45OTljLS4xIDAtLjItLjAzLS4yODQtLjA5NWEuNTIuNTIgMCAwMS0uMTkyLS40OTRsLjcyNy00LjQ0LTMuMDc3LTMuMTRhLjUyNC41MjQgMCAwMS0uMTIyLS41MTkuNDg0LjQ4NCAwIDAxLjM4OS0uMzQzbDQuMjUzLS42NSAxLjkwMi00LjAzNUEuNDc3LjQ3NyAwIDAxMTIgNWMuMTgzIDAgLjM1LjEwOC40MzIuMjgzbDEuOTAyIDQuMDM1IDQuMjUzLjY1YS40ODMuNDgzIDAgMDEuMzkuMzQzLjUyMy41MjMgMCAwMS0uMTIzLjUxOWwtMy4wNzcgMy4xNC43MjYgNC40NGEuNTIuNTIgMCAwMS0uMTkxLjQ5NC40NjQuNDY0IDAgMDEtLjUwOC4wMzdMMTIgMTYuODQ4IDguMTk2IDE4Ljk0YS40NDYuNDQ2IDAgMDEtLjIyNC4wNTh6Ii8+PC9nPjwvc3ZnPg==) no-repeat 50%/contain
    }

    .tng-icon.registration-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iNTAlIiB4Mj0iNTAlIiB5MT0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzExRTExIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNUIzRDI5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkY3Njc2IiBkPSJNMy41NDMgMjMuMTA3Yy0uMzYtLjI5LjI3OS0yLjA1NCAxLjQyNS0zLjk0IDEuMTQ2LTEuODg1IDIuNzM5LTIuODc2IDMuNTU3LTIuMjEzLjgxOS42NjMuMTggMi40MjctMS40MjUgMy45NC0xLjYwNiAxLjUxMy0zLjE5OCAyLjUwNC0zLjU1NyAyLjIxM3oiLz48cGF0aCBmaWxsPSIjNDEyQjFDIiBkPSJNMTAuMjAyIDcuMjY3bC0zLjU0IDguMDRzLTEuODcxLjYzLTMuMDYzLjg2MWMtLjQwNC0uMDEtLjk0OS0uMTcxLS4yOTUtMi4wNDMgMi44NjItNi45MzcgNi44OTgtNi44NTggNi44OTgtNi44NTh6bTcuNDI0IDYuMDEycy45MTcgMy45MzEtNS4yNzQgOC4xNzNjLTEuNjk1IDEuMDI5LTEuOTY2LjUyOS0yLjA2LjEzNi0uMDItMS4yMTMuMjA2LTMuMTc1LjIwNi0zLjE3NWw3LjEyOC01LjEzNHoiLz48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMTAuMjQ1IDE4LjMxNWwtLjUwNi42MjVhLjgxLjgxIDAgMDEtMS4xNDEuMTEybC0yLjIwNi0xLjc4NmEuODEuODEgMCAwMS0uMTI4LTEuMTRsLjUwNi0uNjI2IDMuNDc1IDIuODE1eiIvPjxwYXRoIGZpbGw9IiNGRjgzNDMiIGQ9Ik0yMi41NTUgMi41NzJjLS4xNjYgMi4wMTUtMS4zMzggMTEuMjItMTEuOTc1IDE2LjEyM0w2LjQ2MiAxNS4zNkM5LjA0NiAzLjkzNyAxNy44MDYuODc2IDE5Ljc0My4yOTVjMS45MzctLjU4IDIuNDMtLjEyNSAyLjQzLS4xMjVzLjU0Ny4zODcuMzgyIDIuNDAyeiIvPjxwYXRoIGZpbGw9IiNGNUZDRkYiIGQ9Ik0yMi4zNDggNC4xMzJjLS43OC0uMTYyLTEuNjY1LS41OS0yLjQ4Mi0xLjI1QzE5LjEgMi4yNiAxOC41MjMgMS41NCAxOC4xOS44NWMuNjc3LS4yOCAxLjIxOC0uNDU1IDEuNTUzLS41NTYgMS45MzctLjU4IDIuNDMtLjEyNSAyLjQzLS4xMjVzLjU0Ny4zODcuMzgyIDIuNDAyYTE2LjU3IDE2LjU3IDAgMDEtLjIwNyAxLjU2em0tNy42MDcuNzA1Yy42NzgtLjgzNiAxLjkxNS0uOTU3IDIuNzY0LS4yN2wxLjIwMy45NzRjLjg0OS42ODguOTg4IDEuOTIzLjMxIDIuNzZsLTEuMDEzIDEuMjVjLS42NzcuODM3LTEuOTE0Ljk1OC0yLjc2My4yN2wtMS4yMDMtLjk3NGMtLjg1LS42ODctLjk4OC0xLjkyMi0uMzEtMi43NTlsMS4wMTItMS4yNXoiLz48cGF0aCBmaWxsPSIjNDEyQjFDIiBkPSJNMTIuMjExIDExLjI5MmEuNjQ1LjY0NSAwIDAxLjkzNi0uMTE0Yy4yOTUuMjQuMzMyLjY2LjA4My45NGwtNS41OTggNi4zN2MtLjI0NS4yODMtLjU5LjM5NS0uNzcuMjVsLjE5OC4xNmMtLjE4LS4xNDctLjE0Mi0uNTA3LjA4NC0uODA1bDUuMDY3LTYuOHoiLz48L2c+PC9zdmc+) no-repeat 50%/contain
    }

    .tng-icon.arrow-down {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0M3QzdDQyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi4yNjYgMTAuNTY4YS45MjkuOTI5IDAgMDEuMDE2LTEuMzE2Ljg5My44OTMgMCAwMTEuMjU4LjAxNUwxMiAxMy44Mmw0LjQ2LTQuNTUzYS44OTMuODkzIDAgMDExLjI3NCAwIC45MjkuOTI5IDAgMDEwIDEuMzAxbC01LjAzMiA1LjEzN2EuOTgzLjk4MyAwIDAxLTEuNDA0IDBsLTUuMDMyLTUuMTM3eiIvPjwvc3ZnPg==) no-repeat 50%/contain
    }

    .tng-icon.arrow-up {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0M3QzdDQyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNi4yNjYgMTQuNDMybDUuMDMyLTUuMTM3YS45ODMuOTgzIDAgMDExLjQwNCAwbDUuMDMyIDUuMTM3YS45MjkuOTI5IDAgMDEwIDEuMy44OTMuODkzIDAgMDEtMS4yNzQgMEwxMiAxMS4xOGwtNC40NiA0LjU1M2EuODkzLjg5MyAwIDAxLTEuMjc0IDAgLjkyOS45MjkgMCAwMTAtMS4zMDF6Ii8+PC9zdmc+) no-repeat 50%/contain
    }

    .tng-icon.icon-currency {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiI+PGcgZmlsbD0iIzkyNkFGRiI+PHBhdGggZD0iTTM5IDMyLjgxOGMwIDQuNy0zLjE2NiA3Ljk1Mi04LjkzNiA4LjYxN2gtNC40NDdjLTIuNTk3LS4yMzktNS41MDgtMS4zOS04LjczNC0zLjQ1MmExIDEgMCAwMS0uMjczLTEuNDI4bDIuNDY2LTMuNDE3YTEgMSAwIDAxMS4zNjItLjI0OWMyLjkzIDEuOTM3IDUuNTExIDIuOTA2IDcuNzQzIDIuOTA2IDIuMzY0IDAgMy44MDctLjk4IDMuODA3LTIuMjMzIDAtMS40ODgtMS43MjMtMi4wNzYtNC41NjgtMi42NjMtNC40MDgtLjg2Mi0xMC41NzktMS45NTktMTAuNTc5LTguMTQ4IDAtMy45NTYgMy4xMjYtNy40NDIgOC43NzYtOC4wNjlsNC40NDcuMDRjMS45MjYuMjM0IDQuMzYxIDEuMjAxIDcuMzA2IDIuOWExIDEgMCAwMS4yODggMS40ODJsLTIuNTU2IDMuMjdhMSAxIDAgMDEtMS4yMzkuMjc2Yy0zLjA3My0xLjU1MS01LjM0MS0yLjMyNy02LjgwNC0yLjMyNy0yLjI4NCAwLTMuMTY1LjktMy4xNjUgMi4wMzYgMCAxLjM3MSAxLjY0MyAxLjg0MSA0LjYwOCAyLjM5IDQuNDA3LjkgMTAuNDk4IDIuMTU0IDEwLjQ5OCA4LjA2OXoiLz48cmVjdCB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4PSIyNSIgeT0iMTEiIHJ4PSIxIi8+PHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iOCIgeD0iMjUiIHk9IjM3IiByeD0iMSIvPjwvZz48L3N2Zz4=) no-repeat 50%
    }

    .tng-icon.icon-key {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIyMiIgY3k9IjM0IiByPSIxMiIgZmlsbD0iIzkyNkFGRiIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjMwIiB4PSIzMCIgeT0iOCIgZmlsbD0iIzkyNkFGRiIgcng9IjEiIHRyYW5zZm9ybT0icm90YXRlKDQ1IDMzLjUgMjMpIi8+PHJlY3Qgd2lkdGg9IjkiIGhlaWdodD0iNyIgeD0iMzciIHk9IjE5IiBmaWxsPSIjOTI2QUZGIiByeD0iMSIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgNDEuNSAyMi41KSIvPjxjaXJjbGUgY3g9IjIyIiBjeT0iMzQiIHI9IjUiIGZpbGw9IiNGRkYiLz48L2c+PC9zdmc+) no-repeat 50%
    }

    .tng-icon.icon-mail {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiI+PHBhdGggZmlsbD0iIzkyNkFGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjEuNTExIDM4LjMxbDE0LjkwMy0xOC43MjRMMTcuNjkgMzQuNDg5bC03LjE2Mi03LjE2MmExIDEgMCAwMS4zMDQtMS42MjNsMzEuNjY0LTEzLjkzMmExIDEgMCAwMTEuMzE4IDEuMzE4TDI5Ljg4MiA0NC43NTRhMSAxIDAgMDEtMS42MjMuMzA0bC02Ljc0OC02Ljc0OHoiLz48L3N2Zz4=) no-repeat 50%
    }

    .tng-icon.icon-check {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzBCQkRGMyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuODAyIDEzLjgwNGw2LjA1NS02LjQzM2MuNDc4LS41MDggMS4yNjctLjQ5MiAxLjc2Mi4wMzQuNDk1LjUyNi41MSAxLjM2NC4wMzIgMS44NzJsLTYuOTIgNy4zNTJjLS40NzkuNTA4LTEuMjY3LjQ5Mi0xLjc2My0uMDM0bC0zLjU4Ny0zLjgxYy0uNDk1LS41MjctLjUxLTEuMzY1LS4wMzItMS44NzMuNDc4LS41MDcgMS4yNjctLjQ5MiAxLjc2Mi4wMzRsMi42OSAyLjg1OHoiLz48L3N2Zz4=) no-repeat 50%
    }

    .tng-icon.pro-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0iI0ZGRiI+PHBhdGggZD0iTTE2LjAwOCA1Ljg1OUwxOC4zNDkgNWwuODQ4IDIuMzQ2LTIuMzQyLjg1OHptLTYuODExIDBMNi44NTUgNWwtLjg0NyAyLjM0NiAyLjM0MS44NTh6Ii8+PHJlY3Qgd2lkdGg9IjE1IiBoZWlnaHQ9IjMiIHg9IjUiIHk9IjE3IiByeD0iLjg3Ii8+PHBhdGggZD0iTTkuNjY2IDEwLjM1bDIuNDUyLTcuMDdhLjQwMS40MDEgMCAwMS41MjEtLjI1NC40MTcuNDE3IDAgMDEuMjQzLjI1NWwyLjQ1MiA3LjA2OCA2LjA4Ni0yLjYzN2EuMzk4LjM5OCAwIDAxLjU0LjIwM2MuMDQzLjA5My4wNTEuMi4wMjUuM2wtMi40NTQgNi4xNjRhLjgyLjgyIDAgMDEtLjc4Mi42MjFINi4yNTFhLjgyLjgyIDAgMDEtLjc4Mi0uNjIxTDMuMDE2IDguMjE0YS40My40MyAwIDAxLjI4LS41MjcuMzg4LjM4OCAwIDAxLjI4NC4wMjVsNi4wODYgMi42Mzd6Ii8+PGNpcmNsZSBjeD0iMTIuNSIgY3k9IjIuNSIgcj0iMS41Ii8+PGNpcmNsZSBjeD0iMjIuNSIgY3k9IjcuNSIgcj0iMS41Ii8+PGNpcmNsZSBjeD0iMi41IiBjeT0iNy41IiByPSIxLjUiLz48L2c+PC9zdmc+) no-repeat 50%
    }

    .tng-icon.profile-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTguMzQzIDE0LjU3MWExLjQxNCAxLjQxNCAwIDAwLjI4MyAxLjU2bC4wNTEuMDUyYTEuNzE0IDEuNzE0IDAgMTEtMi40MjYgMi40MjZsLS4wNTEtLjA1MmExLjQxNCAxLjQxNCAwIDAwLTEuNTYtLjI4M2MtLjUxOC4yMjItLjg1NS43My0uODU3IDEuMjk1di4xNDVhMS43MTQgMS43MTQgMCAxMS0zLjQyOSAwdi0uMDc3YTEuNDE0IDEuNDE0IDAgMDAtLjkyNS0xLjI5NCAxLjQxNCAxLjQxNCAwIDAwLTEuNTYuMjgzbC0uMDUyLjA1MWExLjcxNCAxLjcxNCAwIDExLTIuNDI2LTIuNDI2bC4wNTItLjA1MWExLjQxNCAxLjQxNCAwIDAwLjI4My0xLjU2IDEuNDE0IDEuNDE0IDAgMDAtMS4yOTUtLjg1N2gtLjE0NWExLjcxNCAxLjcxNCAwIDExMC0zLjQyOWguMDc3YTEuNDE0IDEuNDE0IDAgMDAxLjI5NC0uOTI1IDEuNDE0IDEuNDE0IDAgMDAtLjI4My0xLjU2bC0uMDUxLS4wNTJhMS43MTQgMS43MTQgMCAxMTIuNDI2LTIuNDI2bC4wNTEuMDUyYTEuNDE0IDEuNDE0IDAgMDAxLjU2LjI4M2guMDY5Yy41MTgtLjIyMi44NTQtLjczLjg1Ny0xLjI5NXYtLjE0NWExLjcxNCAxLjcxNCAwIDExMy40MjggMHYuMDc3Yy4wMDMuNTY0LjM0IDEuMDcyLjg1NyAxLjI5NGExLjQxNCAxLjQxNCAwIDAwMS41Ni0uMjgzbC4wNTItLjA1MWExLjcxNCAxLjcxNCAwIDExMi40MjYgMi40MjZsLS4wNTIuMDUxYTEuNDE0IDEuNDE0IDAgMDAtLjI4MyAxLjU2di4wNjljLjIyMi41MTguNzMuODU0IDEuMjk1Ljg1N2guMTQ1YTEuNzE0IDEuNzE0IDAgMTEwIDMuNDI4aC0uMDc3YTEuNDE0IDEuNDE0IDAgMDAtMS4yOTQuODU3em0tNi4zNDMgMGEyLjU3MSAyLjU3MSAwIDEwMC01LjE0MiAyLjU3MSAyLjU3MSAwIDAwMCA1LjE0MnoiLz48L3N2Zz4=) no-repeat 50%/contain
    }

    .tng-icon.icon-envelope {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiI+PGcgZmlsbD0iI0U5RTZFRSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjguODMgMzAuNzM2TDM4IDI0djEwLjg4YzAgLjYxOC0uNTI0IDEuMTItMS4xNyAxLjEySDE5LjE3Yy0uNjQ2IDAtMS4xNy0uNTAyLTEuMTctMS4xMlYyNGw5LjE3IDYuNzM3Yy40NTkuMzM2IDEuMjAxLjMzNiAxLjY2IDB6Ii8+PHBhdGggZD0iTTE5LjE3IDE5aDE3LjY2Yy42NDYgMCAxLjE3LjQ5IDEuMTcgMS4wOTR2MS4wNzlsLTkuMTcgNi41OGMtLjQ1OS4zMy0xLjIwMS4zMy0xLjY2IDBMMTggMjEuMTc0di0xLjA4YzAtLjYwNC41MjQtMS4wOTMgMS4xNy0xLjA5M3oiLz48L2c+PC9zdmc+) no-repeat 50%
    }

    .tng-icon.startAudiobooks-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSIzNiI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzggMGMxLjEwNSAwIDIgLjgzOCAyIDEuODczdjI3Ljg4NWMwIC44MDYtLjU1IDEuNTIyLTEuMzY4IDEuNzc3bC0xNCA0LjM2OUEyLjEyNCAyLjEyNCAwIDAxMjQgMzZjLTEuMTA1IDAtMi0uODM4LTItMS44NzNWNi4yNDJjMC0uODA2LjU1LTEuNTIyIDEuMzY4LTEuNzc3bDE0LTQuMzY5QTIuMSAyLjEgMCAwMTM4IDB6TTIgMGMuMjE1IDAgLjQyOS4wMzIuNjMyLjA5NmwxNCA0LjM3QzE3LjQ1IDQuNzIgMTggNS40MzUgMTggNi4yNDF2MjcuODg1QzE4IDM1LjE2MiAxNy4xMDUgMzYgMTYgMzZjLS4yMTUgMC0uNDI5LS4wMzItLjYzMi0uMDk2bC0xNC00LjM3Qy41NSAzMS4yOCAwIDMwLjU2NSAwIDI5Ljc1OVYxLjg3M0MwIC44MzguODk1IDAgMiAweiIvPjwvc3ZnPg==) no-repeat 50%/contain
    }

    .tng-icon.startWords-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NiIgaGVpZ2h0PSI0MiI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjMgMGMxNy4wNzggMCAyMyA0LjI0MiAyMyAxNi40NzcgMCAxMi4yMTQtNS45MDMgMTYuNDYyLTIyLjkxNiAxNi40NzZsLTkuMDY0IDguMzlhMi40OTkgMi40OTkgMCAwMS00LjE5Ni0xLjgzNHYtNy45OTNDMi43MjkgMjkuNDAzIDAgMjQuNzggMCAxNi40NzYgMCA0LjI0MyA1LjkyMiAwIDIzIDB6bTIgMThIMTVhMiAyIDAgMDAtLjE1IDMuOTk1TDE1IDIyaDEwYTIgMiAwIDAwMC00em02LThIMTVhMiAyIDAgMDAwIDRoMTZhMiAyIDAgMDAwLTR6Ii8+PC9zdmc+) no-repeat 50%/contain
    }

    .tng-icon.startStatistics-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjIgMGMxNi4zMzUgMCAyMiA1LjY2NSAyMiAyMnMtNS42NjUgMjItMjIgMjJTMCAzOC4zMzUgMCAyMiA1LjY2NSAwIDIyIDB6bTkuOTI3IDEzLjA0NGwtLjA2Ny4xMjgtMy4yMDggNi44OGEzLjk5MiAzLjk5MiAwIDAwLTMuNzcgMS40NDJsLTMuODgzLTEuNDExTDIxIDIwYTQgNCAwIDEwLTcuMTk0IDIuNDA4bC0uMDU3LjA3NC00LjU4OCA2LjU1M2ExLjUgMS41IDAgMDAyLjM2OSAxLjgzNWwuMDg4LS4xMTQgNC41ODktNi41NTRjLjA1Ny0uMDgyLjEwNS0uMTY3LjE0NC0uMjU2YTMuOTg3IDMuOTg3IDAgMDAzLjQ2Mi0xLjEwM2w0LjIwNCAxLjUzYTQgNCAwIDEwNy4yMDgtMi43NGwzLjM1NC03LjE5M2ExLjUgMS41IDAgMDAtMi42NTItMS4zOTZ6TTI4IDIzYTEgMSAwIDExMCAyIDEgMSAwIDAxMC0yem0tMTEtNGExIDEgMCAxMTAgMiAxIDEgMCAwMTAtMnoiLz48L3N2Zz4=) no-repeat 50%/contain
    }

    .tng-icon.check-icon-white {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMGM2LjYyNyAwIDEyIDUuMzczIDEyIDEycy01LjM3MyAxMi0xMiAxMlMwIDE4LjYyNyAwIDEyIDUuMzczIDAgMTIgMHptNS4yOTUgOC4zMjRjLS4zOTYtLjQyMS0xLjAyNy0uNDMzLTEuNDEtLjAyN2wtNC44NDQgNS4xNDctMi4xNTItMi4yODdjLS4zOTYtLjQyMS0xLjAyNy0uNDMzLTEuNDEtLjAyNy0uMzgyLjQwNi0uMzcgMS4wNzYuMDI2IDEuNDk3bDIuODcgMy4wNWMuMzk2LjQyIDEuMDI3LjQzMiAxLjQxLjAyNmw1LjUzNi01Ljg4MmMuMzgyLS40MDYuMzctMS4wNzYtLjAyNi0xLjQ5N3oiLz48L3N2Zz4=) no-repeat 50%
    }

    .tng-icon.icon-check-grey {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSIjQjhCM0MyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5NCA1LjQ0NEw4LjM1Mi4yOTdjLjM2Ny0uNDA2Ljk3NC0uMzk0IDEuMzU1LjAyNy4zOC40Mi4zOTIgMS4wOTEuMDI0IDEuNDk3TDQuNDA4IDcuNzAzYy0uMzY4LjQwNi0uOTc1LjM5NC0xLjM1Ni0uMDI3TC4yOTMgNC42MjdjLS4zOC0uNDItLjM5Mi0xLjA5MS0uMDI0LTEuNDk3LjM2Ny0uNDA2Ljk3NC0uMzk0IDEuMzU1LjAyN2wyLjA3IDIuMjg3eiIvPjwvc3ZnPg==) no-repeat 50%
    }

    .tng-icon.icon-check-white {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5NCA1LjQ0NEw4LjM1Mi4yOTdjLjM2Ny0uNDA2Ljk3NC0uMzk0IDEuMzU1LjAyNy4zOC40Mi4zOTIgMS4wOTEuMDI0IDEuNDk3TDQuNDA4IDcuNzAzYy0uMzY4LjQwNi0uOTc1LjM5NC0xLjM1Ni0uMDI3TC4yOTMgNC42MjdjLS4zOC0uNDItLjM5Mi0xLjA5MS0uMDI0LTEuNDk3LjM2Ny0uNDA2Ljk3NC0uMzk0IDEuMzU1LjAyN2wyLjA3IDIuMjg3eiIvPjwvc3ZnPg==) no-repeat 50%
    }

    .tng-icon.star-icon {
        background: url(data:image/png;base64,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) no-repeat 50%/contain
    }

    .tng-icon.backdrop-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iNTAlIiB4Mj0iNTAlIiB5MT0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzExRTExIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNUIzRDI5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkY3Njc2IiBkPSJNMy41NDMgMjMuMTA3Yy0uMzYtLjI5LjI3OS0yLjA1NCAxLjQyNS0zLjk0IDEuMTQ2LTEuODg1IDIuNzM5LTIuODc2IDMuNTU3LTIuMjEzLjgxOS42NjMuMTggMi40MjctMS40MjUgMy45NC0xLjYwNiAxLjUxMy0zLjE5OCAyLjUwNC0zLjU1NyAyLjIxM3oiLz48cGF0aCBmaWxsPSIjNDEyQjFDIiBkPSJNMTAuMjAyIDcuMjY3bC0zLjU0IDguMDRzLTEuODcxLjYzLTMuMDYzLjg2MWMtLjQwNC0uMDEtLjk0OS0uMTcxLS4yOTUtMi4wNDMgMi44NjItNi45MzcgNi44OTgtNi44NTggNi44OTgtNi44NTh6bTcuNDI0IDYuMDEycy45MTcgMy45MzEtNS4yNzQgOC4xNzNjLTEuNjk1IDEuMDI5LTEuOTY2LjUyOS0yLjA2LjEzNi0uMDItMS4yMTMuMjA2LTMuMTc1LjIwNi0zLjE3NWw3LjEyOC01LjEzNHoiLz48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMTAuMjQ1IDE4LjMxNWwtLjUwNi42MjVhLjgxLjgxIDAgMDEtMS4xNDEuMTEybC0yLjIwNi0xLjc4NmEuODEuODEgMCAwMS0uMTI4LTEuMTRsLjUwNi0uNjI2IDMuNDc1IDIuODE1eiIvPjxwYXRoIGZpbGw9IiNGRjgzNDMiIGQ9Ik0yMi41NTUgMi41NzJjLS4xNjYgMi4wMTUtMS4zMzggMTEuMjItMTEuOTc1IDE2LjEyM0w2LjQ2MiAxNS4zNkM5LjA0NiAzLjkzNyAxNy44MDYuODc2IDE5Ljc0My4yOTVjMS45MzctLjU4IDIuNDMtLjEyNSAyLjQzLS4xMjVzLjU0Ny4zODcuMzgyIDIuNDAyeiIvPjxwYXRoIGZpbGw9IiNGNUZDRkYiIGQ9Ik0yMi4zNDggNC4xMzJjLS43OC0uMTYyLTEuNjY1LS41OS0yLjQ4Mi0xLjI1QzE5LjEgMi4yNiAxOC41MjMgMS41NCAxOC4xOS44NWMuNjc3LS4yOCAxLjIxOC0uNDU1IDEuNTUzLS41NTYgMS45MzctLjU4IDIuNDMtLjEyNSAyLjQzLS4xMjVzLjU0Ny4zODcuMzgyIDIuNDAyYTE2LjU3IDE2LjU3IDAgMDEtLjIwNyAxLjU2em0tNy42MDcuNzA1Yy42NzgtLjgzNiAxLjkxNS0uOTU3IDIuNzY0LS4yN2wxLjIwMy45NzRjLjg0OS42ODguOTg4IDEuOTIzLjMxIDIuNzZsLTEuMDEzIDEuMjVjLS42NzcuODM3LTEuOTE0Ljk1OC0yLjc2My4yN2wtMS4yMDMtLjk3NGMtLjg1LS42ODctLjk4OC0xLjkyMi0uMzEtMi43NTlsMS4wMTItMS4yNXoiLz48cGF0aCBmaWxsPSIjNDEyQjFDIiBkPSJNMTIuMjExIDExLjI5MmEuNjQ1LjY0NSAwIDAxLjkzNi0uMTE0Yy4yOTUuMjQuMzMyLjY2LjA4My45NGwtNS41OTggNi4zN2MtLjI0NS4yODMtLjU5LjM5NS0uNzcuMjVsLjE5OC4xNmMtLjE4LS4xNDctLjE0Mi0uNTA3LjA4NC0uODA1bDUuMDY3LTYuOHoiLz48L2c+PC9zdmc+) no-repeat 50%/contain
    }

    .tng-icon.icon-repeat {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIzMCIgY3k9IjMwIiByPSIxNSIgZmlsbD0iI0ZGRiIvPjxwYXRoIGZpbGw9IiM0Q0UwRkYiIGQ9Ik0yNi44NDYgMjkuOTQyYy44NDIgMCAxLjA0My0uNDkyLjQ0Ny0xLjA5MWwtMS4xODQtMS4xOTdjLjE2Ny0uMjM4LjM1LS40Ni41NTUtLjY2MmE0LjkzNiA0LjkzNiAwIDAxLjQ5LS40MTdjLjA4Mi0uMDYuMTYzLS4xMi4yNDctLjE3Ni4xMzgtLjA5LjI4LS4xNzMuNDI2LS4yNDguMDY2LS4wMzMuMTMtLjA2Mi4xOTgtLjA5My4xNTMtLjA3LjMxMS0uMTM0LjQ3NC0uMTkuMDMzLS4wMDguMDYyLS4wMjMuMDk0LS4wMzJhNC45MDYgNC45MDYgMCAwMS43NjItLjE2M2MuMjEzLS4wMy40MjctLjA1LjY0Ni0uMDUuMDA3IDAgLjAxNC4wMDMuMDIuMDAzLjE1NyAwIC4zMDkuMDA2LjQ2LjAyMi4wNzYuMDA4LjE0OC4wMjMuMjIuMDMzLjA4Ny4wMTQuMTczLjAyMy4yNTcuMDQuMDYxLjAxNC4xMjEuMDMuMTguMDQ2LjA5OC4wMjMuMTk3LjA0Ni4yOTIuMDc3LjA0My4wMTMuMDg1LjAzMS4xMjcuMDQ1YTQuNzY1IDQuNzY1IDAgMDExLjgzNCAxLjE1M2MuNDcuNDczLjgzIDEuMDI4IDEuMDcxIDEuNjQ3YTEuMjk2IDEuMjk2IDAgMDAxLjY4Ni43NDEgMS4zMSAxLjMxIDAgMDAuNzMzLTEuNyA3LjM5NCA3LjM5NCAwIDAwLTMuODk4LTQuMDk0Yy0uMDEyLS4wMDYtLjAyLS4wMTMtLjAzMy0uMDE4bC0uMDI3LS4wMTFhNy4zMzcgNy4zMzcgMCAwMC0uNTY4LS4yMTRjLS4wNDYtLjAxNy0uMDktLjAzNi0uMTM3LS4wNWE2LjM5MiA2LjM5MiAwIDAwLS41NTMtLjE0NmMtLjA1OS0uMDE0LS4xMTctLjAzNC0uMTc2LS4wNDVhNy4wNjcgNy4wNjcgMCAwMC0uNTYzLS4wODdjLS4wNTgtLjAwNy0uMTE1LS4wMi0uMTc1LS4wMjhhNy43MTQgNy43MTQgMCAwMC0uNzUyLS4wMzdsLS4wNDUuMDAyYTYuNzYyIDYuNzYyIDAgMDAtLjgyNy4wNTQgNy43MzUgNy43MzUgMCAwMC0xLjIzNy4yNTNsLS4wNTQuMDE0Yy0uMjIuMDY4LS40MzYuMTQ4LS42NDcuMjM0LS4wMjIuMDA5LS4wNDEuMDE5LS4wNjIuMDI3LS4yLjA4Ni0uMzk2LjE4LS41ODcuMjgxbC0uMDM5LjAyYTcuMzYgNy4zNiAwIDAwLTIuMjU5IDEuODg3bC0xLjE2LTEuMTczYy0uNTk1LS42LTEuMDgyLS4zOTctMS4wODIuNDUzdjMuMzQ1YTEuNTQgMS41NCAwIDAwMS41MjkgMS41NDVoMy4zMTd6bTkuNjI2IDEuMDloLTMuMzE3Yy0uODQgMC0xLjA0MS40OS0uNDQ3IDEuMDkxbDEuMTg1IDEuMTk3YTQuOTM0IDQuOTM0IDAgMDEtLjU1Mi42NTcgNC40NSA0LjQ1IDAgMDEtLjQ4NS40MTRjLS4wODguMDY0LS4xNzUuMTMtLjI2Ni4xODlhNC40OTkgNC40OTkgMCAwMS0uNjE1LjMzNmMtLjE1My4wNy0uMzA4LjEzMi0uNDY3LjE4NS0uMDM0LjAxMi0uMDY2LjAyNS0uMS4wMzVhNC41NzUgNC41NzUgMCAwMS0uNjAzLjEzOWwtLjE2LjAyNWE0Ljc5MSA0Ljc5MSAwIDAxLTEuMTI4LjAyM2MtLjA2Ny0uMDA3LS4xMzUtLjAyLS4yMDEtLjAzYTQuMjU4IDQuMjU4IDAgMDEtLjI3Ni0uMDQzYy0uMDU3LS4wMS0uMTE0LS4wMy0uMTcxLS4wNDItLjEtLjAyNi0uMi0uMDUtLjI5OS0uMDgtLjA0My0uMDE0LS4wODYtLjAzMi0uMTMtLjA0NmE0LjgwMyA0LjgwMyAwIDAxLTEuODI5LTEuMTUgNC44MzEgNC44MzEgMCAwMS0xLjA3My0xLjY0OCAxLjI5NSAxLjI5NSAwIDAwLTEuNjg1LS43NDIgMS4zMTcgMS4zMTcgMCAwMC0uNzM0IDEuNzAyIDcuNDM3IDcuNDM3IDAgMDAzLjkgNC4wOTFjLjAxMi4wMDcuMDIxLjAxNC4wMzIuMDE4LjAwOS4wMDUuMDE5LjAwNy4wMjcuMDEuMTkuMDg1LjM4NS4xNTYuNTgyLjIyMi4wNDEuMDE0LjA4LjAzMS4xMjIuMDQ1LjE4OS4wNi4zODEuMTA2LjU3NS4xNTEuMDUuMDEyLjEuMDI4LjE1NC4wMzguMTk0LjA0Mi4zOTUuMDcuNTk2LjA5My4wNDguMDA3LjA5My4wMTcuMTQuMDIyLjI1LjAyNC41LjA0Ljc1My4wNC4wMTQgMCAuMDI2LS4wMDQuMDQtLjAwNC4yMSAwIC40MTgtLjAxMi42MjMtLjAzbC4yMDUtLjAyM2E4LjA4IDguMDggMCAwMC42NjUtLjEwOWMuMi0uMDQuMzk3LS4wOS41OS0uMTQ5bC4wMzktLjAwOWMuMjItLjA2Ny40NC0uMTQ4LjY1My0uMjM2bC4wNS0uMDIyYTYuOTc3IDYuOTc3IDAgMDAuNjMxLS4zMDQgNy4zNDEgNy4zNDEgMCAwMDIuMjYyLTEuODg3bDEuMTYgMS4xN2MuNTk2LjYwMyAxLjA4Mi4zOTkgMS4wODItLjQ1di0zLjM0NWExLjU0IDEuNTQgMCAwMC0xLjUyOC0xLjU0NHoiLz48L2c+PC9zdmc+) no-repeat 50%
    }

    .tng-icon.icon-learn {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyMSI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTQuNjMzIDEyLjc5TDIzIDEwdjcuNjk4YzAgLjEwMi0uMDIuMjA1LS4wNi4zMDItLjEyNS4zMDctMS40MzUgMy04Ljk0IDMtNy41MDcgMC04LjgxNS0yLjY5My04Ljk0LTNhLjgwNy44MDcgMCAwMS0uMDYtLjMwMlYxMGw4LjM2OCAyLjc5YTIgMiAwIDAwMS4yNjUgMHoiLz48cGF0aCBkPSJNMTQuNjQ3LjIyMWwxMi42NzQgNC4zMzNhLjk5OS45OTkgMCAwMTAgMS44OTJsLTEyLjY3NCA0LjMzM2EyIDIgMCAwMS0xLjI5NCAwTC42NzkgNi40NDZhLjk5OS45OTkgMCAwMTAtMS44OTJMMTMuMzUzLjIyMWEyIDIgMCAwMTEuMjk0IDB6Ii8+PC9nPjwvc3ZnPg==) no-repeat 50%/contain
    }

    .tng-icon.icon-cancel, .tng-icon.icon-known {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMGM2LjYyNyAwIDEyIDUuMzczIDEyIDEycy01LjM3MyAxMi0xMiAxMlMwIDE4LjYyNyAwIDEyIDUuMzczIDAgMTIgMHptNS4yOTUgOC4zMjRjLS4zOTYtLjQyMS0xLjAyNy0uNDMzLTEuNDEtLjAyN2wtNC44NDQgNS4xNDctMi4xNTItMi4yODdjLS4zOTYtLjQyMS0xLjAyNy0uNDMzLTEuNDEtLjAyNy0uMzgyLjQwNi0uMzcgMS4wNzYuMDI2IDEuNDk3bDIuODcgMy4wNWMuMzk2LjQyIDEuMDI3LjQzMiAxLjQxLjAyNmw1LjUzNi01Ljg4MmMuMzgyLS40MDYuMzctMS4wNzYtLjAyNi0xLjQ5N3oiLz48L3N2Zz4=) no-repeat 50%/contain
    }

    .tng-icon.app-store {
        background: url(/static/img/app-store-badge.2928664.svg) no-repeat 50%/cover
    }

    .tng-icon.google-play {
        background: url(/static/img/google-play-badge.db9b21a.png) no-repeat 50%/cover
    }

    .tng-icon.banner-icon-close {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSIxNSIgZmlsbD0iIzQ0NDM1RCIgb3BhY2l0eT0iLjIiLz48cGF0aCBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMTEgMTFsOCA4bTAtOGwtOCA4Ii8+PC9nPjwvc3ZnPg==) no-repeat 50%/cover
    }

    .tng-icon.banner-ewa-icon {
        background: url(/static/img/image-ewa.9b057eb.svg) no-repeat 50%/cover
    }

.tng-image {
    display: inline-block;
    width: 100%;
    height: 100%
}

    .tng-image.startAudiobooks-image {
        background: url(/static/img/image-books.6187e99.png) no-repeat 50%/contain
    }

    .tng-image.startWords-image {
        background: url(/static/img/image-words.ae7087a.svg) no-repeat 50%/contain
    }

    .tng-image.startStatistics-image {
        background: url(/static/img/image-stat.131410f.png) no-repeat 50%/contain
    }

    .tng-image.icon-clouds {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MjMiIGhlaWdodD0iMjM4Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSI1MCUiIHgyPSI1MCUiIHkxPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNGRkYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNGRkYiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJiIiB4MT0iNTAlIiB4Mj0iNTAlIiB5MT0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjRkZGIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjRkZGIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iYyIgeDE9IjUwJSIgeDI9IjUwJSIgeTE9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0ZGRiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuMjk2Ij48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMzY5IDEyNS41ODRjMC0yMy4zNTIgMTguMjE0LTQyLjI4MiA0MC42OC00Mi4yODIgMi43MDYgMCA1LjM0Ni4yOCA3LjkwMy44MDVDNDIxLjc2NCA3Mi4zNjcgNDMyLjYyNyA2NCA0NDUuMzczIDY0YzEyLjQxOCAwIDIzLjA0NCA3Ljk0NSAyNy40NDggMTkuMjA5YTE3LjYyOCAxNy42MjggMCAwMTcuODgxLTEuODU0YzEwLjA5MyAwIDE4LjI3NyA4LjUwNiAxOC4yNzcgMTguOTk2IDAgLjQ2NS0uMDIyLjkyMi0uMDU1IDEuMzhDNTEyLjQxMSAxMDIuOTI2IDUyMyAxMTQuNjc0IDUyMyAxMjlIMzY5LjE0MmE0NC45NjUgNDQuOTY1IDAgMDEtLjE0Mi0zLjQxNiIvPjxwYXRoIGZpbGw9InVybCgjYikiIGQ9Ik0xNDIgMjM1LjU4MmMwLTE2LjUyNiAxMi43NzQtMjkuOTIyIDI4LjUyOS0yOS45MjIgMS44OTggMCAzLjc1LjE5OSA1LjU0Mi41NyAyLjkzMy04LjMwOCAxMC41NS0xNC4yMyAxOS40OS0xNC4yMyA4LjcwOCAwIDE2LjE2IDUuNjIyIDE5LjI0OSAxMy41OTRhMTIuMjcxIDEyLjI3MSAwIDAxNS41MjctMS4zMTJjNy4wNzcgMCAxMi44MTcgNi4wMiAxMi44MTcgMTMuNDQzIDAgLjMzLS4wMTUuNjUzLS4wMzguOTc3IDkuNDU4Ljg0NiAxNi44ODQgOS4xNiAxNi44ODQgMTkuMjk4SDE0Mi4xYTMyLjExIDMyLjExIDAgMDEtLjEtMi40MTgiLz48cGF0aCBmaWxsPSJ1cmwoI2MpIiBkPSJNMCA3Ny42OWMwLTI5LjQ2IDIzLjE4Mi01My4zNCA1MS43NzQtNTMuMzQgMy40NDQgMCA2LjgwNS4zNTQgMTAuMDU5IDEuMDE1QzY3LjE1NSAxMC41NTYgODAuOTggMCA5Ny4yMDIgMGMxNS44MDUgMCAyOS4zMjkgMTAuMDIzIDM0LjkzNCAyNC4yMzNhMjIuNTk4IDIyLjU5OCAwIDAxMTAuMDMtMi4zNGMxMi44NDUgMCAyMy4yNjIgMTAuNzMyIDIzLjI2MiAyMy45NjUgMCAuNTg3LS4wMjggMS4xNjQtLjA3IDEuNzRDMTgyLjUyMyA0OS4xMDkgMTk2IDYzLjkyOSAxOTYgODJILjE4MUE1Ni4yMyA1Ni4yMyAwIDAxMCA3Ny42OSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTk2IDApIi8+PC9nPjwvc3ZnPg==) no-repeat 50%/contain
    }

    .tng-image.icon-ewa-bike {
        background: url(/static/img/image-ewa-bike.dd7e642.png) no-repeat 50%/contain
    }

    .tng-image.ewa-words-default {
        background: url(/static/img/ewa-words-default.c9a0735.png) no-repeat 50%/contain
    }

    .tng-image.ewa-words-alt {
        background: url(/static/img/ewa-words-alt.318de2c.png) no-repeat 50%/contain
    }

#af-smart-banner {
    position: fixed
}

.localized-header {
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden
}

.text.left {
    text-align: left
}

.text.center {
    text-align: center
}

.text.right {
    text-align: right
}

.apple-store {
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQYAAABYCAYAAAAXxlkPAAAAAXNSR0IArs4c6QAAIUlJREFUeAHtnQe8HUX1x4cUSggdAoTQAhKKdLDQAqgUQQSFBBDFAoJo8CMoKLaAii0UxT9EmhULKIgKSEeaggVJwALyQrPQCQgBEtj/7zvkbGbn7t7y3i0vLzOfz9zZOztz5szZ3TMz55w5s5hrMlx//fUj/ve//y0+fPjwEa+88srwl156adi8efOGjRgxYrEmQaRiiQKJAl2kgL7PjKhv9BU1+/Jyyy03b/bs2XMPOOCAuYsttlhWD5WBftTUX0pxpOJwxYHCE4gUEgUSBQZAAT54GME8xefnXytpLbTyIW8i0Lsrbq+4nuJaissrtgJDxVNIFEgU6CIFnlNbDyver3ib4vWKNyrCPCpDMx/1Hqr9GUUYQgqJAokCCz8F+tSF0xXPUmRmURPqMYZlVfpcxQNqaqWMRIFEgaFAgRnqxMGKd8edqWIMa6rgFYosH1JIFEgUGLoUmK2u7afIEiMPZYxhOd29RTExhZxM6SJRYEhT4Cn1bgvFB62Xw+wiSFk+JKYQECRdJgoMcQqsoP5doIhm0Yf8Yv5/tA4nz79OSaJAosCiQwG0jIQb+ImXEjcpbwdupJAokCiwyFFgjno8VvHpcCmxsTISU1jk3oXU4USBnAIYKx7Cv5Ax7JbfTheJAokCiyoFPB8IGUMyYFpUX4XU70SBBRTwfCBkDOsvuJeuEgUSBRZRCqyofq8QMgaTSi6i9EjdThRIFJhPgbVDxsCGqBQSBRIFEgXyGcMo0SJkEok0iQKJAosuBZYxZrD4okuD1PNEgUSBiALDzfJxad04LrqZ/i5CFPjoRz/qtt12W3f77bf3tNfveMc73O677+7uv/9+J49hPcWllca32morN3nyZCfvZu5f//pXK1UHY9kLDamVdYHnl4Uu7rzzztlpp52WXXzxxV3F/aijjsr0ERXitddem51xxhnZBz/4wWzppZfuKj4DfXZ6obPnn3++5zhfc801WZa9kr3+9a/vOS4xTYcNG5YttdRS2eKLL16D2zHHHOPx/uxnP1tzL4azEPzff4SQXCjDnnvu6U455RS30UYbevwff/yJrvZj3LhxGmG3qWlz11138XnHH3+8O+yww5x8ZdaUSRkLJwXErNytt97irrnmWveWt7xl4exEc1gPMxlDc8UHQSlxa/e9733PXX75ZTlTAK2nnmLnaPfDtGmnuBVWWNHHCRM2dJMmTXYzZsx048ev66644gq33nrrdR+p1GKiwMAosNhCNWPQNM794he/cLvtVsutf/e73w2MFP2s/eKLL7qnn37a1ya955573KWXXup+9atfeTxPP/1097a3va0AXVNS9573vMdtt912jpnH3//+d/frX//aXXfddXm5N7/5zW6fffbxzAUGY4FZyGabbea++93vuj//+c+W7U444QS32mqrOU1lnTwBu7333lvt7+a+//3vu7lz5zpkCGussYa777773Le+9S3317/+Na9b70Jewd2hhx7q3vjGN/r6f/vb33zfbrjhhppq8kbs19nICMDl3//+t7vqqqvcj3/8Y6d5dk35Qw45xO2yyy5uxRVXdMADr1YDffrABz7gacL6fsaMGe6cc85xjzzySAGUln5uww03dF/84hfd1ltv7d73vve50aNHu5kzZ7pp06a5xx57rFA+/vPhD3/Yve51r/PZ66+/vjv55JP9c//a177m8+R1Oa/CMz322GN9ew8//LAfyG6++eb8vl0wyB1++OGOmcjyyy/vcT///PNdXx+e1wZHWChkDNOnT/frONagcTzwwAO7urbTi+Fx0ItW2u6ECROyl19+2ZdZdtll8zJ6AbIbb7yxBn/6841vfCMvh+yEPDHCPE+vSqYXzeefeuqpef6oUaMyffzZgw8+mOd96Utf8uWmTp2aPf7444X2XnjhhWyLLbbIywK3TMagDza75ZZbCnXBibL6mAr1l1hiiczkA5SZM2dOXk+MoVCWtfrPfvaz/D7liWJimZijv25GxrDHHntkTz75ZA0cfeQZ9KNfFq+88kpf7mMf+5h3qW5tkkpYmMm1el7W6oTpH/7wh5p2HnjggbyOGIG/z3MR0y2U5T3Yb7/98rLAHTt2bHbHHXf4crh4f+655/z1M888k+21116FsiEeXbqerHZ8GPSMYddddy0QO3ywfCwjR47sKjEbMQZRNevr6/M4S9qf44agFNw1w8k22WSTbMkll8w0wmb//e9/fb5Gel8WAdezzz6b8ZIDi7jxxhvnNNBIl+cbbc4999w8zxgDL+WUKVOyMWPGZDArjcwexk9/+tO8LLDLGINGcF9Wo1220UYbeVwl28keffRRn8+HabgdfPDB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) no-repeat;
    background-size: cover
}

    .apple-store.grey {
        background: url(/static/img/icon-appstore-en.484eba1.svg) no-repeat;
        background-size: contain;
        width: 20.8rem;
        height: 7rem
    }

.google-play {
    display: inline-block;
    background: url(/static/img/google-play.fd3d476.png) no-repeat;
    background-size: cover
}

    .google-play.grey {
        background: url(/static/img/icon-googleplay-en.42e4245.svg) no-repeat;
        background-size: contain;
        width: 23.8rem;
        height: 7rem
    }

.chevron:before {
    border-style: solid;
    border-width: .25em .25em 0 0;
    content: "";
    display: inline-block;
    height: 1rem;
    left: .15em;
    position: relative;
    top: .15em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    vertical-align: top;
    width: 1rem
}

.chevron.right:before {
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.chevron.bottom:before {
    top: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.chevron.left:before {
    left: .25em;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.tng-icon.mail, .tng-icon.password, .tng-icon.user {
    position: relative;
    top: 1.5rem;
    left: .1rem
}

.tng-icon.show-password {
    position: absolute;
    top: 1.8rem;
    right: 1.5rem;
    cursor: pointer
}

form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3.2rem auto -1.2rem
}

    form .form-group {
        min-width: 30rem;
        max-width: 40rem;
        position: relative;
        margin-bottom: 1.2rem
    }

        form .form-group .input-group {
            position: relative;
            height: 5.2rem;
            color: #4d4d4d
        }

            form .form-group .input-group input {
                border: .2rem solid #e0e3e5;
                border-radius: 3rem;
                height: 100%;
                padding: 0 0 0 7.2rem;
                margin: 0;
                color: auth-form-text-color;
                font-size: 1.4rem;
                width: 100%
            }

                form .form-group .input-group input:focus {
                    border-color: #00e3ff
                }

                form .form-group .input-group input.valid, form .form-group .input-group input.valid:focus {
                    border-color: rgba(0,247,133,.6)
                }

            form .form-group .input-group:focus {
                border-color: #00e3ff
            }

        form .form-group .input-group-addon {
            text-align: center;
            position: absolute;
            width: 5.2rem;
            height: 100%
        }

    form .btn {
        width: 100%;
        height: 5.2rem;
        border: 0;
        border-radius: 3.3rem;
        font-size: 1.6rem;
        color: #fff;
        margin: 3.5rem 0 1.3rem;
        cursor: pointer
    }

        form .btn.submit {
            background: #22fab6;
            font-weight: 400
        }

            form .btn.submit.disabled {
                background: color-default
            }

        form .btn.facebook {
            background-color: facebook-primary-color
        }

            form .btn.facebook .btn-addon {
                background-color: facebook-secondary-color
            }

        form .btn.vk {
            background-color: vk-primary-color
        }

            form .btn.vk .btn-addon {
                background-color: vk-secondary-color
            }

        form .btn.google {
            background-color: google-primary-color
        }

            form .btn.google .btn-addon {
                background-color: google-secondary-color
            }

@media screen and (max-width:1200px) {
    .apple-store.grey, .google-play.grey {
        width: 13.2rem;
        height: 4.4rem
    }
}

.media, .media.android {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vplayer {
    position: relative;
    margin: 0 auto
}

    .vplayer, .vplayer .vplayer-video-wrap {
        max-width: 28rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-height: 16rem;
        max-width: inherit
    }

        .vplayer img {
            height: 16rem !important
        }

        .vplayer video {
            width: auto !important;
            max-width: 28rem;
            max-height: 16rem
        }

        .vplayer .thumbnails {
            position: absolute;
            top: 0;
            left: 0
        }

            .vplayer .thumbnails.hidden {
                display: none;
                visibility: hidden
            }

        .vplayer .video-control-bar {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0
        }

            .vplayer .video-control-bar .playback-buttons {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap
            }

            .vplayer .video-control-bar .playback-button {
                background: hsla(0,0%,100%,.69) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAYAAAABtRhCAAAABGdBTUEAALGPC/xhBQAAApNJREFUSA29lktoE1EUhs+9k0ej4AsENy5UEJFiUenCx0YyMzHWLFx02SlpJSr4AinopuCmCzddiCIuSpKFiy7cFLTJTDcq+EDRYtWFWsSFboQqVFLjzBzPTEwaO0k6mcx4IeHM4Z7/y3/PndzLgEYymd6sl3WVws9CWDg/PZ39ZOWDGNwSNcu4HwF66JMydGNOFJWziMgCA6Jg1sQRYS0gXpekwQfH4spOv6G2w4aiiIfLALOyqIz0908KDed4SDYH2mLYZSJeW1iYeizLw90e9B0lqwD/zkfoRbP8QpIGRjOZTNih0kbCHZAEqbcRNOHq/Mel54lEel8bjH+mugYuV+EeQ9efktuxZPJcdDnvLvIAtIVD5PaK/vvHq6Nx5YA7VGWWV6BdTe/qLoPBI1kcHE+lMmvcgDsCWgCCchPNi6VS6XUioRxZDdoxsAZA2G7oOCPFlVvU23W1/IrAP2BFmCHgKertnCwryRUs+9FvoC1Ky7zVNPCeKA7k+vrObKwHBwKsARCUX0s/30qScqKaCxZY8bsFTbxLh8Eh6/E/AAEYgw+cR+cDBzLGTGAw3hWL9RQKt79awJD1FcQg2DsEPqRp2Sf1+kEsqc6AjYXC6/euhFlgXx3StWE2xFj6vpZ/We+qPvbFIW2KMrka3bYj1tsK5otDAj3jAhsqFHJvYKbeS+O4E4clYHxkw6bjB21YY31H1msPHzIuDKtq9j1AziHaKtEucJFxfrlYzN6kbU/X2PaH6yWlHahGopFuVc3d8Aqzfp4Lh+w7Z3CpqOUn2vfjrGgJJFdTwEOni+rEF2ept0wz4Df6x72gavk73mSbV9k9ZIwvVqdQfybDkdBuLQBYlWFdhBgdkifpzJJryYCCP7DFzq182JCfAAAAAElFTkSuQmCC) no-repeat 1.8rem 1.5rem;
                background-size: 1.23rem 1.57rem;
                border-radius: 50%;
                cursor: pointer;
                height: 4.5rem;
                width: 4.5rem;
                margin: 0 2rem
            }

                .vplayer .video-control-bar .playback-button.slow-button {
                    background: hsla(0,0%,100%,.69) url(data:image/png;base64,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) no-repeat 50%;
                    background-size: 3rem 1.7rem
                }

            .vplayer .video-control-bar .playback-button-label {
                text-transform: uppercase;
                text-align: center;
                color: hsla(0,0%,100%,.69);
                font-size: 1.2rem;
                letter-spacing: .1rem
            }

@media screen and (min-width:40rem) {
    .vplayer, .vplayer .vplayer-video-wrap {
        max-height: 32rem;
        max-width: 57rem
    }

        .vplayer .player {
            max-width: 57rem
        }

        .vplayer video {
            max-height: 100% !important
        }

        .vplayer .thumbnails, .vplayer video {
            height: 28rem !important;
            max-width: 57rem
        }
}

@media screen and (max-width:540px) {
    .media.ios .thumbnails, .media.ios video {
        height: 16rem !important
    }
}

.tng-button {
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s
}

    .tng-button.rounded {
        color: #fff;
        padding: 1.5rem 5rem;
        text-align: center;
        line-height: 1;
        border-radius: 2.2rem;
        text-transform: uppercase
    }

    .tng-button.icon {
        background: #f5f5f5;
        text-align: center;
        line-height: 1;
        width: 4.5rem;
        height: 4.5rem;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .tng-button.icon span {
            width: 100%
        }

    .tng-button.purple {
        background: #917ffb
    }

        .tng-button.purple:hover {
            background: #7853ea
        }

    .tng-button.blue {
        background: #5ac8fa
    }

        .tng-button.blue:hover {
            opacity: .8;
            background: #5ac8fa
        }

.default-style-btn {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 24rem;
    width: 100%;
    min-height: 6rem;
    border-radius: 3rem;
    border-color: #22fab6;
    background-color: #22fab6;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    text-transform: none;
    line-height: normal;
    letter-spacing: normal
}

    .default-style-btn[disabled]:hover {
        background: #22fab6
    }

    .default-style-btn:focus, .default-style-btn:hover {
        background-color: #1fe5ab;
        color: #fff;
        border: none
    }

.download-more-btn {
    -webkit-box-shadow: 0 10px 30px 0 #d5dce0;
    box-shadow: 0 10px 30px 0 #d5dce0
}

    .download-more-btn:focus, .download-more-btn:hover {
        background-color: #1fe5ab;
        color: #fff;
        border: none
    }

.continue-button {
    width: 30rem;
    height: 5.6rem;
    border: none;
    border-radius: 3rem;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);
    background-color: #6ae87c;
    opacity: 1;
    color: #fff;
    text-transform: none;
    font-family: Roboto Md;
    font-weight: 500;
    font-size: 1.8rem
}

    .continue-button.final-btn, .continue-button.final-btn:focus {
        background-color: #ffd500
    }

        .continue-button.final-btn:focus:hover, .continue-button.final-btn:hover {
            background-color: #ffd500;
            opacity: .9
        }

    .continue-button:hover {
        background-color: #6af87c
    }

    .continue-button:focus {
        background-color: #6ae87c
    }

        .continue-button:focus:hover {
            background-color: #6af87c
        }

.onboarding-auth-button {
    width: 100%;
    height: 100%;
    font-family: Roboto;
    font-weight: 400;
    font-size: 1.8rem;
    background: #0bbdf3;
    color: #fff;
    text-transform: none;
    border-radius: 2rem;
    border: none
}

    .onboarding-auth-button:focus, .onboarding-auth-button:hover {
        background: #0bbdf3;
        opacity: .8
    }

.inactive-btn {
    width: 23rem;
    height: 5.6rem;
    border: none;
    border-radius: 2.8rem;
    background-color: #b8b3c2;
    font-family: Roboto Md;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: none
}

    .inactive-btn:hover {
        background: #b0b0b3
    }

    .inactive-btn[disabled]:hover {
        background: #d1d1d6
    }

.btn-inactive-style {
    background: #d5dce0;
    border: none
}

    .btn-inactive-style:hover {
        background: #d5dce0;
        opacity: .8
    }

@media screen and (max-width:1024px) {
    .download-more-btn {
        max-width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: initial;
        background: initial;
        border: none;
        border-radius: 0;
        font-size: 1.6rem;
        font-weight: 400;
        color: #0bbdf3
    }

        .download-more-btn:focus, .download-more-btn:hover {
            background-color: initial;
            background: initial;
            color: #0bbdf3;
            opacity: .7
        }
}

.fade-enter-active, .fade-leave-active {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.fade-enter, .fade-leave-active {
    opacity: 0
}

.child-view {
    -webkit-transition: all .5s cubic-bezier(.55,0,.1,1);
    transition: all .5s cubic-bezier(.55,0,.1,1)
}

.slide-left-enter, .slide-right-leave-active {
    opacity: 0;
    -webkit-transform: translate(100vh);
    transform: translate(100vh)
}

.slide-left-leave-active, .slide-right-enter {
    opacity: 0;
    -webkit-transform: translate(-100vh);
    transform: translate(-100vh)
}

.animation-wrapper {
    width: 100%;
    height: 10rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.tumbleweed {
    width: 5rem;
    height: 5rem;
    border: .5rem solid #4ce0ff;
    position: absolute;
    left: -10rem;
    bottom: 2.5rem;
    border-radius: 1rem;
    -webkit-animation: tumbleweedRoll 4s linear infinite;
    animation: tumbleweedRoll 4s linear infinite
}

@-webkit-keyframes tumbleweedRoll {
    0% {
        left: 0;
        opacity: 0
    }

    10% {
        opacity: 1
    }

    20% {
        bottom: 2.5rem
    }

    50% {
        bottom: 0
    }

    70% {
        bottom: 2.5rem
    }

    85% {
        opacity: 1
    }

    90% {
        opacity: 0
    }

    to {
        left: 100%;
        opacity: 0;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.difficulty-level {
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem
}

    .difficulty-level.easy {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRTlFNkVFIiBkPSJNMzQgMTBhMiAyIDAgMDEyIDJ2MTZhMiAyIDAgMTEtNCAwVjEyYTIgMiAwIDAxMi0yeiIvPjxyZWN0IHdpZHRoPSI0IiBoZWlnaHQ9IjE3IiB4PSIyNSIgeT0iMTMiIGZpbGw9IiNFOUU2RUUiIHJ4PSIyIi8+PHBhdGggZmlsbD0iI0U5RTZFRSIgZD0iTTIwIDE2YTIgMiAwIDAxMiAydjEwYTIgMiAwIDExLTQgMFYxOGEyIDIgMCAwMTItMnoiLz48cGF0aCBmaWxsPSIjNkFFODdDIiBkPSJNMTMgMTlhMiAyIDAgMDEyIDJ2N2EyIDIgMCAxMS00IDB2LTdhMiAyIDAgMDEyLTJ6bS03IDNhMiAyIDAgMDEyIDJ2NGEyIDIgMCAxMS00IDB2LTRhMiAyIDAgMDEyLTJ6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
        background-size: contain
    }

    .difficulty-level.medium {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRTlFNkVFIiBkPSJNMzQgMTBhMiAyIDAgMDEyIDJ2MTZhMiAyIDAgMTEtNCAwVjEyYTIgMiAwIDAxMi0yeiIvPjxyZWN0IHdpZHRoPSI0IiBoZWlnaHQ9IjE3IiB4PSIyNSIgeT0iMTMiIGZpbGw9IiNGRkQ1MDAiIHJ4PSIyIi8+PHBhdGggZmlsbD0iI0ZGRDUwMCIgZD0iTTIwIDE2YTIgMiAwIDAxMiAydjEwYTIgMiAwIDExLTQgMFYxOGEyIDIgMCAwMTItMnptLTcgM2EyIDIgMCAwMTIgMnY3YTIgMiAwIDExLTQgMHYtN2EyIDIgMCAwMTItMnptLTcgM2EyIDIgMCAwMTIgMnY0YTIgMiAwIDExLTQgMHYtNGEyIDIgMCAwMTItMnoiLz48L2c+PC9zdmc+) no-repeat;
        background-size: contain
    }

    .difficulty-level.hard {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PGcgZmlsbD0iI0Y5NUI1QyIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzQgMTBhMiAyIDAgMDEyIDJ2MTZhMiAyIDAgMTEtNCAwVjEyYTIgMiAwIDAxMi0yeiIvPjxyZWN0IHdpZHRoPSI0IiBoZWlnaHQ9IjE3IiB4PSIyNSIgeT0iMTMiIHJ4PSIyIi8+PHBhdGggZD0iTTIwIDE2YTIgMiAwIDAxMiAydjEwYTIgMiAwIDExLTQgMFYxOGEyIDIgMCAwMTItMnptLTcgM2EyIDIgMCAwMTIgMnY3YTIgMiAwIDExLTQgMHYtN2EyIDIgMCAwMTItMnptLTcgM2EyIDIgMCAwMTIgMnY0YTIgMiAwIDExLTQgMHYtNGEyIDIgMCAwMTItMnoiLz48L2c+PC9zdmc+) no-repeat;
        background-size: contain
    }

progress.progress-bar {
    margin: 2.2rem;
    min-width: 33rem;
    max-height: .5rem;
    border-radius: 1.5rem;
    border: none
}

    progress.progress-bar::-webkit-progress-value {
        background-color: #ffd500
    }

    progress.progress-bar.card::-webkit-progress-value {
        background-color: #fff
    }

    progress.progress-bar::-webkit-progress-bar {
        border-radius: 1.5rem;
        background-color: #eff0f3
    }

    progress.progress-bar.card::-webkit-progress-bar {
        background-color: rgba(0,0,0,.2)
    }

progress::-moz-progress-bar {
    border-radius: 1.5rem;
    background-color: #ffd500
}

progress.progress-bar::-ms-fill {
    border: none
}

progress::-ms-fill {
    color: #ffd500
}

body {
    margin: 0
}

.lesson-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    background: #f5f6f8;
    min-width: 32rem;
    min-height: 100vh;
    overflow: hidden
}

    .lesson-layout .container {
        width: inherit
    }

    .lesson-layout .progressive-image-main {
        max-height: 28rem !important;
        left: 5%
    }

    .lesson-layout .header-body {
        width: 80%;
        height: 10rem
    }

    .lesson-layout .header-body, .lesson-layout .lesson-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lesson-layout .lesson-navigation {
        height: 30px;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

        .lesson-layout .lesson-navigation .close {
            width: 20px;
            height: 20px;
            cursor: pointer;
            background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAb1JREFUSA21lb9KA0EQxneSNkiwjo2x1BC0sk8aq7RpgpWVlRY+gDYKCoIPIGlsUwiCSSkIqVRSpLo3ECxSaETX+ZabcBdv/5ySgbC7N7O/7+7bu4xSCw4Cv9XaLU8mX6ek1bomuhkMuld/0W00OvukdVuTGpVKxaNe7/qtCFClsnGptNrj6Qr/dqpr9aUoer5HLjSazc650vqY68HYmn7q5Sh6uS0AgDvHKKG/9YHZIBc8I2qxJ1kmTCMAW5JJzENFsuBmf8w0FrEdQ9jCNm2nhHjtsssGpwJd8DmegGUEMIHneURc8H6/ewgmYiaARahIKBxM85pikgwXAHXzB4prsCV557iGyBRAwiaC3HzY4KhLWZTcaLUrWcRzFxylVgEkfSI+OBjmO8BkUeF8Au85eL4T3LRVwAuXR/aIZArY4PCciB7zfPG/BFxwvOfWg7c8SUrABxdX8ojMBELheUWMADpR3Cxkvxl977nrSVar9VfOD+OGo9spMi98cKnHuaBW1jKidWIeNxw1kgTGULjsyRJBX0beWFSrbT6gh/I/34ciOpNmIYCQEXbBFmaU+S/0Dk1/PH56D9n7r5of808nHsnHIq4AAAAASUVORK5CYII=) no-repeat 50%;
            background-size: 50%;
            border-radius: 50%
        }

        .lesson-layout .lesson-navigation .indicator {
            margin: 0 1rem 0 2rem
        }

        .lesson-layout .lesson-navigation .indicator, .lesson-layout .lesson-navigation .progress {
            -webkit-box-flex: 8;
            -ms-flex: 8;
            flex: 8;
            height: .5rem;
            position: relative;
            background-color: #a1a7b4;
            border-radius: 2px
        }

        .lesson-layout .lesson-navigation .progress {
            -webkit-transition: width .5s ease-in-out;
            transition: width .5s ease-in-out;
            background-color: #ff9b3f;
            position: absolute;
            max-width: 100%;
            left: 0;
            top: 0
        }

        .lesson-layout .lesson-navigation .nav-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: relative;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 4.3rem;
            width: 15rem;
            -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
            margin: 0
        }

            .lesson-layout .lesson-navigation .nav-item.rating-item {
                width: auto;
                min-width: 8rem;
                background: url(/static/img/star-rating.e2479f6.svg) no-repeat 99% 1.2rem
            }

                .lesson-layout .lesson-navigation .nav-item.rating-item .substrate {
                    display: block;
                    position: absolute;
                    top: 20%;
                    width: 100%;
                    height: 60%;
                    border-radius: 4.35rem;
                    background: #fff;
                    mix-blend-mode: soft-light
                }

                .lesson-layout .lesson-navigation .nav-item.rating-item .rating {
                    border-radius: 2.15rem;
                    margin-right: 2rem
                }

    .lesson-layout .media {
        background-color: #dee1e6;
        max-height: 28rem;
        min-height: 28rem
    }

        .lesson-layout .media .image {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .lesson-layout .media .image .progressive-image {
                min-height: 32rem;
                max-height: 32rem;
                width: 480px
            }

            .lesson-layout .media .image .progressive-image-main, .lesson-layout .media .image .progressive-image-placeholder {
                max-height: 32rem;
                height: 100%;
                width: auto
            }

    .lesson-layout .explanation {
        background-color: #fff;
        padding-top: 2rem
    }

        .lesson-layout .explanation.explain-word {
            margin-bottom: 2rem
        }

        .lesson-layout .explanation .explain, .lesson-layout .explanation .phrase {
            min-height: 15rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            max-width: 80rem;
            padding-bottom: 1.5rem
        }

            .lesson-layout .explanation .explain .text-container, .lesson-layout .explanation .phrase .text-container {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                height: auto;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-size: 2.4rem
            }

                .lesson-layout .explanation .explain .text-container.explain-text, .lesson-layout .explanation .phrase .text-container.explain-text {
                    -webkit-box-pack: normal;
                    -ms-flex-pack: normal;
                    justify-content: normal
                }

            .lesson-layout .explanation .explain .text-body, .lesson-layout .explanation .phrase .text-body {
                padding-left: 1rem;
                padding-right: 1rem
            }

            .lesson-layout .explanation .explain .text-original, .lesson-layout .explanation .phrase .text-original {
                color: #44435d
            }

                .lesson-layout .explanation .explain .text-original.empty, .lesson-layout .explanation .phrase .text-original.empty {
                    display: none
                }

            .lesson-layout .explanation .explain .text-translation, .lesson-layout .explanation .phrase .text-translation {
                border-left: .1rem solid #f0f1f4;
                color: #0bbdf3
            }

        .lesson-layout .explanation .example-container {
            min-width: 100%;
            background-color: #f0f1f4
        }

    .lesson-layout .phrase-building {
        background-color: #fff
    }

        .lesson-layout .phrase-building .phrase {
            min-height: 15rem;
            -webkit-box-orient: vertical;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap
        }

            .lesson-layout .phrase-building .phrase, .lesson-layout .phrase-building .phrase .parts-container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-direction: normal;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

                .lesson-layout .phrase-building .phrase .parts-container {
                    -webkit-box-orient: horizontal;
                    -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap
                }

                    .lesson-layout .phrase-building .phrase .parts-container .part-body {
                        font-size: 2.5rem;
                        border-bottom: 2px solid #0bbdf3;
                        padding: 0 .1rem;
                        min-width: 5rem;
                        margin: .5rem;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: end;
                        -ms-flex-align: end;
                        align-items: flex-end
                    }

                        .lesson-layout .phrase-building .phrase .parts-container .part-body .text-body {
                            color: #0bbdf3;
                            visibility: hidden
                        }

                        .lesson-layout .phrase-building .phrase .parts-container .part-body.selected, .lesson-layout .phrase-building .phrase .parts-container .part-body.static {
                            min-width: auto;
                            border-bottom-color: transparent
                        }

                            .lesson-layout .phrase-building .phrase .parts-container .part-body.selected .text-body, .lesson-layout .phrase-building .phrase .parts-container .part-body.static .text-body {
                                visibility: visible
                            }

    .lesson-layout .speech-recognition {
        background-color: #fff
    }

        .lesson-layout .speech-recognition.explain-word {
            background-color: #f0f1f4
        }

        .lesson-layout .speech-recognition .speech {
            height: 15rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .lesson-layout .speech-recognition .speech .speech-recognition-container {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 2.5rem;
                color: #0bbdf3
            }

                .lesson-layout .speech-recognition .speech .speech-recognition-container, .lesson-layout .speech-recognition .speech .speech-recognition-container .speech-recognition-media {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                    .lesson-layout .speech-recognition .speech .speech-recognition-container .speech-recognition-media {
                        width: 10rem
                    }

                        .lesson-layout .speech-recognition .speech .speech-recognition-container .speech-recognition-media .speech-recognition-playback {
                            background: #0bbdf3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAaCAYAAADbhS54AAAABGdBTUEAALGPC/xhBQAAAotJREFUSA3Fl89LVVEQx9+1wBSypSbSDxD6sXBhgqAQtujX2k2E4EbECKGNiFt3QSuptq7cRDujFhK0yIT+gDZFmJCVG0Hl4cJ6feY68xiP93mv73p14OvMmR/fGe95757zSqUTkEql0ga6TqB17ZYM1AB+ApHR2plHEKFBExgH06A5jZKcJSCyA+6n5dcVh/gB+AFMpkMiAi3ex/oCWNWCTfQVH89lQ9YDPiq5Vy89MYEZIE/mSeDvxrcFROZ9rC4bkvNgFvwDSfLCE5Mwp0ky3O0gNuUIbvlYZhuCRiBE8ugPknAw+Uds20Q3WVPsM2AFiCyaP1GTcApcBb0OD7G/gyyyZzBpQtGAK5zwjfE/0pjsQIePxTbOZvAUlEEe2TeYNIDwrZLKU4tsAOxW8Fdjj81f1QReazCvel4ldQak9xxxjwvJ0Isae2f+BjFw9qEGzVmQ/gBvWbnvBD0+6brT/PFgLHrNUZSOomgb7i/Kfynos6rrdvPbYGfNUbD+rfxtQR8bTD7n5yRmg30NEvMsK3mKqY3rbbD3ONZzEmYptydlT85qbAvLbPmGOOPBWKxhD4NNcRYhbFEjvNeVeznoYYPZlpZOWwLDzVN8jfUIkLtSvNcav4iufmPUd1g1QIHdPBaCYnkriHzbVRn/MrCcBmNgDaTJTBItRW+08Bc6+ws2iSz0QdgC5HTYBrVk32Ak3nTJk54X/8FHkk9OsyG7DF65Zt7cMxgBOcTtxipPy7ZTXuzZD/G0oXwc4n7wGXh5FuTYtUfOw7tBLP+1xxN6m2YRGALL4A+4EcSP56Lom4Y2Q1W/5T6GP+lqLdsqcrRXa9/4sDbDLMUjFfljpI6hju/nWx3Dpf7g/Q9NGcl7xLKW9wAAAABJRU5ErkJggg==) no-repeat 50%;
                            background-size: 2rem;
                            border-radius: 50%;
                            cursor: pointer;
                            height: 3rem;
                            width: 3rem;
                            margin: 0 .5rem
                        }

                            .lesson-layout .speech-recognition .speech .speech-recognition-container .speech-recognition-media .speech-recognition-playback.slow-button {
                                background: #0bbdf3 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAaCAYAAADxNd/XAAAABGdBTUEAALGPC/xhBQAAA8xJREFUWAnVmNlLFVEYwO9t0Ra1xRbLzKSUNiKhKDTKoDApesmnCoo2iQqihegPyKCXeol66rGICoSkHTIftCCjwOihtGwXTStyKU37fdM59x7nzjgzVwz74HfPd77tnJk5c+ZoKDSEpbe3Nx3mD+Epuk+NiSfAFxDZ6h45RD1MOgzPZPbITyhwmmrYydifjUKJ+NdADqRCIzyEmnA43EMbt1A7hRrfdQH62ejVION8hcX4G2iDC8WS4BS0gJM8x7g+eOW/GeRegF+wx6xBPx86QeSS6fOtk5gHDVLBh9wlRu5YICGnTNWWi1hhJtM/oXw9tMtMn6dOQhG0qQJ+m6cETvQsbgQQnwlNIPIaRmo3ejI0gshtbfdsCc6FDsmKQ56Qk+Q5iBFA/AZjnL2GK4T9qPJ103o/YYJSoE4lxduUmpPwozNQpRrslRmPLcuYxDbT56gTXGokxKvK05vpOICLkfhiY7B5Zhh2WZoiV7R9mFbMloDp9A+atjj1UeSdtOdSPxXG2O2qf4e2S+lrbTFVqj9H2x0vAOd2GK2DBtiuZrJWLVr5ut6iXjPIC3saIi+rjKO+A3WiI7Os3+jPR6XKDbZkhFZs7RZbP97uYxI3wW4mKi/eFCgEEXkC8pQzoBhM+UxnLkwzjeifVH+yXDgXq59UNAxHBgxU5MNzHGT7O++jWJ+lQvx9lXMxOrOQ7EQ7lV2+B9aTc1pCi8ykgPoP4s9ADlRCDZSAlxTZAtJUX56EKfqJNOm777SEOsm4BwtBFzKL2PX3GB5ABVyDBXAW5Fjh96z1m1hLuLMpKLNV137u0WtfvwuhPhdAspy9k2EXvAXZRWSNypXLmhWGQyu0QKNiCW0B3IDlEES6CTaXiiwn/WLLjmRKvupEvhHWBTDx8TjkhToGMmmRNqiHDyAvj/TbQXImKCbR5sJY8CsVBB4BeVJyR8tZDrW0Wg4opR77C21kjlnoenmXa7u8GBuhHf6FnGOQhMjgNgWfnLu07DPdGN2PEjgLQc4ugyW1FF5nTsiu488EfZh7gx65UHR/hzkCd8BgyCr7hO19BjWP0ytNPz7X43Sfl5gk2XnsUo2hDKaCfIjGQaKB7CAd8A3ewVLQLxuqJZv5lZ2qP5FNQT5M+1n7sgVbwuTzUA6r7mV8j5Qe2xB8E0yRP2JmxEa6W4iXr+RLswh6lXtG1EOcbKERoZ8NzSDSCpkRp5NCQAl0Ka7TBjpJ6prkpcFVVUfO74e0z29LThg8/6iPqUdSIuitNMYfxKBqyXILLOT+3/9WkSvmItJBPq6u8gfoxGpE/E7HEgAAAABJRU5ErkJggg==) no-repeat 50%;
                                background-size: 2rem
                            }

                            .lesson-layout .speech-recognition .speech .speech-recognition-container .speech-recognition-media .speech-recognition-playback.locked {
                                pointer-events: none;
                                opacity: .5
                            }

    .lesson-layout .word-building {
        background-color: #fff
    }

        .lesson-layout .word-building .sentence-parts-container {
            min-height: 15rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .lesson-layout .word-building .sentence-parts-container .sentence-part-container-left {
                padding: 4rem
            }

            .lesson-layout .word-building .sentence-parts-container .sentence-part-container-left, .lesson-layout .word-building .sentence-parts-container .sentence-part-container-right {
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .lesson-layout .word-building .sentence-parts-container .sentence-part-container-right {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                flex-flow: row wrap;
                padding: 3rem;
                border-top: 1px solid #f0f1f4
            }

            .lesson-layout .word-building .sentence-parts-container .sentence-part {
                font-size: 2.5rem;
                margin: 2rem .5rem
            }

                .lesson-layout .word-building .sentence-parts-container .sentence-part, .lesson-layout .word-building .sentence-parts-container .sentence-part .word-symbol {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap
                }

                    .lesson-layout .word-building .sentence-parts-container .sentence-part .word-symbol {
                        color: #0bbdf3;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        text-align: center;
                        height: 3rem;
                        width: 2rem;
                        margin: 0 .1rem
                    }

                        .lesson-layout .word-building .sentence-parts-container .sentence-part .word-symbol.empty {
                            border-bottom: .2rem solid #0bbdf3
                        }

                    .lesson-layout .word-building .sentence-parts-container .sentence-part.failure .word-symbol {
                        color: red
                    }

    .lesson-layout .answer-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .lesson-layout .selectable-parts .selectable-parts-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .lesson-layout .selectable-parts .selectable-parts-container .selectable-part {
            border-radius: .6rem;
            cursor: pointer;
            border: 1px solid #0bbdf3;
            background-color: #fff;
            color: #0bbdf3;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            padding: 2rem;
            margin: 1rem
        }

            .lesson-layout .selectable-parts .selectable-parts-container .selectable-part.success {
                cursor: default;
                color: #fff;
                background-color: #0bbdf3
            }

            .lesson-layout .selectable-parts .selectable-parts-container .selectable-part.failure {
                -webkit-animation-name: animation-part-failure;
                animation-name: animation-part-failure;
                -webkit-animation-duration: 1s;
                animation-duration: 1s;
                -webkit-animation-timing-function: ease-in-out;
                animation-timing-function: ease-in-out;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1;
                -webkit-animation-play-state: running;
                animation-play-state: running
            }

    .lesson-layout .description {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-flex: 4;
        -ms-flex: 4;
        flex: 4;
        min-height: 15rem;
        padding-top: 5rem
    }

        .lesson-layout .description .description-body {
            text-align: center
        }

    .lesson-layout .actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        padding-bottom: 5rem
    }

        .lesson-layout .actions.actions-centered, .lesson-layout .actions.buttons-container-centered {
            -webkit-box-ordinal-group: 5;
            -ms-flex-order: 4;
            order: 4
        }

        .lesson-layout .actions.buttons-container-centered {
            padding-bottom: 4rem
        }

        .lesson-layout .actions .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin: 0;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: distribute;
            justify-content: space-around
        }

            .lesson-layout .actions .container.container-centered {
                padding-top: 4rem
            }

            .lesson-layout .actions .container .buttons-container, .lesson-layout .actions .container.container-centered {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .lesson-layout .actions .container .buttons-container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
                min-width: 17.5rem
            }

                .lesson-layout .actions .container .buttons-container .action {
                    font-size: 14px;
                    border-radius: 4rem;
                    cursor: pointer;
                    color: #44435d;
                    background-color: #fff;
                    padding: 1rem 3rem;
                    text-transform: lowercase;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box
                }

                    .lesson-layout .actions .container .buttons-container .action.answer {
                        max-width: 50rem;
                        min-width: 40rem;
                        margin: .5rem;
                        padding: 1.8rem;
                        text-align: center;
                        text-transform: none;
                        border: 1px solid #dee1e6;
                        -webkit-transition: all .3s ease-in-out;
                        transition: all .3s ease-in-out
                    }

                        .lesson-layout .actions .container .buttons-container .action.answer:last-child {
                            margin-bottom: 0
                        }

                    .lesson-layout .actions .container .buttons-container .action.primary {
                        color: #fff;
                        border: none;
                        background-color: #48c6ff
                    }

                        .lesson-layout .actions .container .buttons-container .action.primary:hover {
                            background-color: #0bbdf3
                        }

                    .lesson-layout .actions .container .buttons-container .action.success {
                        color: #fff;
                        background-color: #79ed9c
                    }

                    .lesson-layout .actions .container .buttons-container .action.failure {
                        -webkit-animation-name: animation-answer-failure;
                        animation-name: animation-answer-failure;
                        -webkit-animation-duration: 1s;
                        animation-duration: 1s;
                        -webkit-animation-timing-function: ease-in-out;
                        animation-timing-function: ease-in-out;
                        -webkit-animation-iteration-count: 1;
                        animation-iteration-count: 1;
                        -webkit-animation-play-state: running;
                        animation-play-state: running
                    }

                    .lesson-layout .actions .container .buttons-container .action.secondary {
                        color: #44435d;
                        background-color: #dee1e6
                    }

                        .lesson-layout .actions .container .buttons-container .action.secondary:hover {
                            color: #fff
                        }

    .lesson-layout .hint-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .lesson-layout .hint-container .hint-body {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            color: #a1a7b4;
            padding: 2rem 4rem;
            text-align: center;
            background: transparent url(data:image/png;base64,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) no-repeat 0;
            background-size: 2.5rem auto
        }

        .lesson-layout .hint-container .answer {
            background: transparent
        }

    .lesson-layout .speech .speech-container, .lesson-layout .speech .speech-container .s-kit {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .lesson-layout .speech .speech-container .s-kit {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin: 10rem
        }

        .lesson-layout .speech .speech-container .s-kit-status {
            height: 8rem;
            width: 8rem;
            cursor: pointer;
            position: relative
        }

            .lesson-layout .speech .speech-container .s-kit-status .pulse {
                border: 8rem solid #ff9b3f;
                background: transparent;
                border-radius: 50%;
                height: 8rem;
                width: 8rem;
                position: absolute;
                top: -4rem;
                left: -4rem;
                z-index: 0;
                opacity: 0;
                visibility: hidden
            }

        .lesson-layout .speech .speech-container .s-kit-status-icon {
            background: transparent url(data:image/png;base64,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) no-repeat 50%;
            background-size: 8rem;
            height: 8rem;
            width: 8rem;
            position: relative;
            z-index: 10
        }

        .lesson-layout .speech .speech-container .s-kit-status.active, .lesson-layout .speech .speech-container .s-kit-status.capturing {
            cursor: default;
            pointer-events: none
        }

            .lesson-layout .speech .speech-container .s-kit-status.active .s-kit-status-icon, .lesson-layout .speech .speech-container .s-kit-status.capturing .s-kit-status-icon {
                background: transparent url(data:image/png;base64,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) no-repeat 50%;
                background-size: 8rem;
                opacity: .5
            }

            .lesson-layout .speech .speech-container .s-kit-status.capturing .s-kit-status-icon {
                opacity: 1
            }

            .lesson-layout .speech .speech-container .s-kit-status.capturing .pulse {
                -webkit-animation: pulse 3s linear;
                animation: pulse 3s linear;
                -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
                visibility: visible
            }

        .lesson-layout .speech .speech-container .s-kit-status.success {
            cursor: default;
            pointer-events: none
        }

            .lesson-layout .speech .speech-container .s-kit-status.success .s-kit-status-icon {
                background: transparent url(data:image/png;base64,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) no-repeat 50%;
                background-size: 8rem
            }

            .lesson-layout .speech .speech-container .s-kit-status.success .pulse {
                visibility: hidden
            }

    .lesson-layout .dialog-list {
        background-color: #fff
    }

        .lesson-layout .dialog-list .dialog-container .replicas-container {
            height: 24rem;
            overflow-y: auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            padding-bottom: .5rem
        }

            .lesson-layout .dialog-list .dialog-container .replicas-container .replica-body {
                width: 100%;
                min-height: 10rem;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .lesson-layout .dialog-list .dialog-container .replicas-container .replica-body:nth-child(odd) {
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start
                }

                .lesson-layout .dialog-list .dialog-container .replicas-container .replica-body:nth-child(2n) {
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: reverse;
                    -ms-flex-flow: row-reverse nowrap;
                    flex-flow: row-reverse nowrap;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start
                }

            .lesson-layout .dialog-list .dialog-container .replicas-container .replica-body-avatar {
                min-width: 7.68rem;
                height: 7.68rem;
                margin: 0 1rem
            }

                .lesson-layout .dialog-list .dialog-container .replicas-container .replica-body-avatar .avatar-img {
                    width: 100%;
                    height: 7.68rem;
                    border-radius: 50%
                }

                .lesson-layout .dialog-list .dialog-container .replicas-container .replica-body-avatar .progressive-image-wrapper {
                    height: 7.68rem;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    border-radius: 50%;
                    overflow: hidden
                }

                    .lesson-layout .dialog-list .dialog-container .replicas-container .replica-body-avatar .progressive-image-wrapper img {
                        position: static
                    }

                .lesson-layout .dialog-list .dialog-container .replicas-container .replica-body-avatar .progressive-image-main, .lesson-layout .dialog-list .dialog-container .replicas-container .replica-body-avatar .progressive-image-placeholder {
                    width: 7.68rem;
                    min-height: 100%
                }

            .lesson-layout .dialog-list .dialog-container .replicas-container .replica-body-text {
                width: auto;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding: 0 1.2rem;
                min-height: 6rem;
                min-width: 11rem;
                border-radius: 1.22rem;
                position: relative;
                font-size: 1.6rem;
                overflow: hidden;
                white-space: wrap;
                text-overflow: ellipsis;
                -webkit-transition: width .2s ease-in-out;
                transition: width .2s ease-in-out
            }

            .lesson-layout .dialog-list .dialog-container .replicas-container .replica-body.static .replica-body-text {
                background-color: #e9ebef;
                color: #44435d
            }

            .lesson-layout .dialog-list .dialog-container .replicas-container .replica-body.selectable .replica-body-text {
                background-color: #48c6ff;
                color: #fff
            }

            .lesson-layout .dialog-list .dialog-container .replicas-container .replica-body.selectable.selected .replica-body-text {
                background-color: #a1a7b4
            }

            .lesson-layout .dialog-list .dialog-container .replicas-container .replica-body.bordered .replica-body-text {
                border: 1px solid #979797
            }

    .lesson-layout.completion .header {
        height: 29rem;
        background: -webkit-gradient(linear,left bottom,left top,from(#7f7dfd),to(#7547ff));
        background: linear-gradient(0deg,#7f7dfd,#7547ff);
        margin-bottom: 5rem
    }

        .lesson-layout.completion .header .container {
            margin: 0;
            background: url(/static/img/bg-city.28e954a.png) repeat-x bottom;
            background-size: 29rem 14.2rem;
            height: 100%;
            width: 100%;
            max-width: 100%
        }

            .lesson-layout.completion .header .container .header-body {
                max-width: 112rem;
                margin: 0 auto;
                height: 100%
            }

                .lesson-layout.completion .header .container .header-body section {
                    width: 100%;
                    height: 100%;
                    position: relative
                }

                    .lesson-layout.completion .header .container .header-body section .bg {
                        width: auto;
                        height: 100%;
                        display: block;
                        position: absolute
                    }

                        .lesson-layout.completion .header .container .header-body section .bg.ewa-background {
                            background: url(/static/img/bg-ewa.b576819.png) no-repeat;
                            background-size: contain;
                            max-width: 21.7rem;
                            width: 70%;
                            z-index: 10;
                            bottom: -7.2rem;
                            left: 20rem
                        }

                        .lesson-layout.completion .header .container .header-body section .bg.confetti-background {
                            background: url(/static/img/bg-confetti.2fd43ea.png) no-repeat;
                            background-size: contain;
                            max-width: 39.3rem;
                            width: 70%;
                            z-index: 5;
                            bottom: -10.2rem
                        }

                            .lesson-layout.completion .header .container .header-body section .bg.confetti-background.first-item {
                                left: 0;
                                -webkit-transform: rotate(10deg);
                                transform: rotate(10deg)
                            }

                            .lesson-layout.completion .header .container .header-body section .bg.confetti-background.second-item {
                                left: 25rem;
                                bottom: -4.2rem;
                                -webkit-transform: rotate(30deg);
                                transform: rotate(30deg)
                            }

                            .lesson-layout.completion .header .container .header-body section .bg.confetti-background.third-item {
                                right: 0;
                                bottom: -4.2rem;
                                -webkit-transform: rotate(-30deg);
                                transform: rotate(-30deg)
                            }

    .lesson-layout.completion .learned-phrases-container {
        background-color: #fff;
        -webkit-box-shadow: 0 2 1.2rem rgba(68,67,93,.1);
        box-shadow: 0 2 1.2rem rgba(68,67,93,.1);
        border: 1px solid #979797;
        border-radius: 1.2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        list-style-type: none;
        padding: 3rem .6rem 2.3rem;
        overflow-y: auto;
        max-height: 100%
    }

        .lesson-layout.completion .learned-phrases-container .learned-phrase {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 1.5rem;
            min-height: 8rem;
            border-bottom: 1px solid #f0f1f4
        }

            .lesson-layout.completion .learned-phrases-container .learned-phrase:first-child {
                margin-top: .5rem
            }

            .lesson-layout.completion .learned-phrases-container .learned-phrase .phrase-body {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
                min-height: 4rem;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

                .lesson-layout.completion .learned-phrases-container .learned-phrase .phrase-body .origin {
                    color: #44435d;
                    font-size: 1.8rem
                }

                .lesson-layout.completion .learned-phrases-container .learned-phrase .phrase-body .translation {
                    color: #a1a7b4;
                    font-size: 1.4rem
                }

            .lesson-layout.completion .learned-phrases-container .learned-phrase .phrase-result {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                min-width: 2.3rem;
                height: 2.3rem;
                border-radius: 50%;
                background: #61e7cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAABGdBTUEAALGPC/xhBQAAAP5JREFUOBHNkjsKwkAQQAP+KhErK08g2NtbeAAVP2jlUfQktv6/VQ6hnZ2VtZ2ISnyLWRiWNUiSwoHHzs7MvuxCHCem8DwvB/mYdB8Nwh7c4A71WOSI+vACHW5kMSZ1UylV8mEkMYKuRTqhlgwt5nAHniAjsrSNzZROqUW6acsinVFLWZ9PowInOELZNkTdJp1Tt0uVhKYLOi4kRSln3wTz+Qtq36W+eMyQjAObrN9rkD9kk3wJwVL/cIHBs3F4z14935SuqKXliwJzhktwhaBY0/xdqr/IoSqYN9Qf2oSSCvlAm8S6Jc/omdArkpGQ7mKR6tsgq4H6zRK69hfrG2zm3Rku6nfTAAAAAElFTkSuQmCC) no-repeat 50%;
                background-size: .98rem .75rem
            }

    .lesson-layout.completion .buttons-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        margin: 1rem
    }

        .lesson-layout.completion .buttons-container, .lesson-layout.completion .buttons-container .button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .lesson-layout.completion .buttons-container .button {
                cursor: pointer;
                font-weight: 400;
                font-size: 1.6rem;
                text-align: center;
                text-transform: lowercase;
                max-width: 20rem;
                border-radius: 10.8rem;
                border: none
            }

                .lesson-layout.completion .buttons-container .button.complete {
                    background-color: #dee1e6;
                    color: #6c7482
                }

                    .lesson-layout.completion .buttons-container .button.complete:hover {
                        background: #00ebcb;
                        color: #fff
                    }

.keyboard .keyboard-container {
    max-width: 60rem
}

    .keyboard .keyboard-container .k-board {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .keyboard .keyboard-container .k-board-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

    .keyboard .keyboard-container .k-board-element, .keyboard .keyboard-container .k-board-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .keyboard .keyboard-container .k-board-element {
        text-align: center;
        font-weight: bolder;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #48c6ff;
        border-radius: .6rem;
        color: #48c6ff;
        margin: .5rem .1rem;
        width: 5.5rem;
        height: 6rem;
        cursor: pointer
    }

        .keyboard .keyboard-container .k-board-element.disabled {
            pointer-events: none;
            cursor: default;
            opacity: .3
        }

    .keyboard .keyboard-container .k-board-check {
        width: 100%;
        height: 6rem
    }

    .keyboard .keyboard-container .k-board-backspace, .keyboard .keyboard-container .k-board-space {
        background-color: transparent;
        border: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        cursor: default
    }

    .keyboard .keyboard-container .k-board-backspace-body, .keyboard .keyboard-container .k-board-space-body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 6.5rem;
        height: 6rem;
        cursor: pointer;
        background-color: #dee1e6
    }

    .keyboard .keyboard-container .k-board-space {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .keyboard .keyboard-container .k-board-space-body {
        background: #dee1e6 url(data:image/png;base64,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) no-repeat 50%;
        background-size: 3rem
    }

    .keyboard .keyboard-container .k-board-backspace {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .keyboard .keyboard-container .k-board-backspace-body {
        background: #dee1e6 url(data:image/png;base64,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) no-repeat 50%;
        background-size: 3rem
    }

@media screen and (max-width:540px) {
    .lesson-layout.execution .header {
        height: 5rem
    }

        .lesson-layout.execution .header .main-wrapper .header-body {
            max-height: 5rem
        }

    .lesson-layout.execution .speech .speech-container .s-kit {
        margin: 0
    }

    .lesson-layout.execution .content .media {
        background-color: #dee1e6;
        max-height: 16rem;
        min-height: 16rem
    }

        .lesson-layout.execution .content .media .image {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            .lesson-layout.execution .content .media .image .progressive-image {
                min-height: 15rem;
                max-height: 16rem;
                left: 15%;
                width: 480px
            }

    .lesson-layout.execution .content .phrase-building .phrase {
        min-height: 5rem;
        padding-top: 1rem
    }

        .lesson-layout.execution .content .phrase-building .phrase .parts-container {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            padding-bottom: 2rem
        }

            .lesson-layout.execution .content .phrase-building .phrase .parts-container .part-body {
                font-size: 2rem;
                margin-bottom: 0
            }

    .lesson-layout.execution .content .answer-container .actions .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        padding: 0 1rem
    }

        .lesson-layout.execution .content .answer-container .actions .container .buttons-container {
            margin-top: 1rem
        }

            .lesson-layout.execution .content .answer-container .actions .container .buttons-container.narrow .action.primary {
                margin-top: 3rem
            }

            .lesson-layout.execution .content .answer-container .actions .container .buttons-container .action.answer {
                min-width: 30rem;
                width: 100%;
                padding: 1.4rem
            }

            .lesson-layout.execution .content .answer-container .actions .container .buttons-container.skip {
                -webkit-box-ordinal-group: 5;
                -ms-flex-order: 4;
                order: 4
            }

    .lesson-layout.execution .content .answer-container .actions.actions-centered .container .buttons-container {
        margin-top: 0
    }

    .lesson-layout.execution .content .answer-container .selectable-parts .container {
        padding: 0 1rem
    }

        .lesson-layout.execution .content .answer-container .selectable-parts .container.selectable-parts-container .selectable-part {
            padding: .6rem 1rem
        }

    .lesson-layout.execution .content .answer-container .hint .hint-container .hint-body {
        padding: 1rem 4rem
    }

    .lesson-layout.execution .content .dialog-list {
        max-height: 24rem
    }

        .lesson-layout.execution .content .dialog-list .dialog-container .replicas-container {
            max-height: 20rem
        }

    .lesson-layout.execution .content .explanation {
        padding-top: 0
    }

        .lesson-layout.execution .content .explanation .container.explain {
            min-height: 10rem;
            padding-bottom: 0
        }

        .lesson-layout.execution .content .explanation .explain .text-translation, .lesson-layout.execution .content .explanation .phrase .text-translation {
            border: none !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap
        }

        .lesson-layout.execution .content .explanation .explain .text-container .text-body, .lesson-layout.execution .content .explanation .phrase .text-container .text-body {
            text-align: center;
            padding-top: 1rem;
            padding-bottom: 1rem;
            font-size: 1.7rem
        }

        .lesson-layout.execution .content .explanation .example {
            padding: 1rem
        }

    .lesson-layout.execution .description {
        min-height: 10rem
    }

    .lesson-layout.execution .word-building .sentence-parts-container {
        min-height: 10rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .lesson-layout.execution .word-building .sentence-parts-container .sentence-part {
            font-size: 2rem;
            margin: 1rem .5rem
        }

        .lesson-layout.execution .word-building .sentence-parts-container .sentence-part-container-left, .lesson-layout.execution .word-building .sentence-parts-container .sentence-part-container-right {
            padding: 0;
            width: auto
        }

        .lesson-layout.execution .word-building .sentence-parts-container .sentence-part-container-right {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            border-top: none
        }

    .lesson-layout.completion .header .container .header-body section .bg.ewa-background {
        left: 5rem;
        bottom: -7.8rem
    }

    .explain-word-mobile, .explain-word-mobile.example {
        min-height: 15rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-flow: column nowrap !important;
        flex-flow: column nowrap !important
    }
}

@-webkit-keyframes animation-answer-failure {
    0% {
        background-color: #fff;
        color: #44435d
    }

    25.0% {
        background-color: #f66;
        color: #fff
    }

    50.0% {
        background-color: red;
        color: #fff
    }

    75.0% {
        background-color: #f66;
        color: #fff
    }

    to {
        background-color: #fff;
        color: #44435d
    }
}

@keyframes animation-answer-failure {
    0% {
        background-color: #fff;
        color: #44435d
    }

    25.0% {
        background-color: #f66;
        color: #fff
    }

    50.0% {
        background-color: red;
        color: #fff
    }

    75.0% {
        background-color: #f66;
        color: #fff
    }

    to {
        background-color: #fff;
        color: #44435d
    }
}

@-webkit-keyframes animation-part-failure {
    0% {
        background-color: #fff;
        border-color: #0bbdf3;
        color: #0bbdf3
    }

    25.0% {
        background-color: #f66;
        border-color: #f66;
        color: #fff
    }

    50.0% {
        background-color: red;
        border-color: red;
        color: #fff
    }

    75.0% {
        background-color: #f66;
        border-color: ff6666;
        color: #fff
    }

    to {
        background-color: #fff;
        border-color: #0bbdf3;
        color: #0bbdf3
    }
}

@keyframes animation-part-failure {
    0% {
        background-color: #fff;
        border-color: #0bbdf3;
        color: #0bbdf3
    }

    25.0% {
        background-color: #f66;
        border-color: #f66;
        color: #fff
    }

    50.0% {
        background-color: red;
        border-color: red;
        color: #fff
    }

    75.0% {
        background-color: #f66;
        border-color: ff6666;
        color: #fff
    }

    to {
        background-color: #fff;
        border-color: #0bbdf3;
        color: #0bbdf3
    }
}

@-webkit-keyframes

"pulse" {
    0%

{
    -webkit-transform: scale(0);
    opacity: 0
}

25% {
    -webkit-transform: scale(.4);
    opacity: .1
}

50% {
    -webkit-transform: scale(1);
    opacity: .3
}

75% {
    -webkit-transform: scale(.5);
    opacity: .5
}

to {
    -webkit-transform: scale(1);
    opacity: 0
}

}
@keyframes

"pulse" {
    0%

{
    -webkit-transform: scale(0);
    opacity: 0
}

25% {
    -webkit-transform: scale(.4);
    opacity: .1
}

50% {
    -webkit-transform: scale(1);
    opacity: .3
}

75% {
    -webkit-transform: scale(.5);
    opacity: .5
}

to {
    -webkit-transform: scale(1);
    opacity: 0
}

}

.default-layout .backdrop {
    z-index: 0
}

.default-layout.bg-default .header, .default-layout.bg-light .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f5f5f5;
    z-index: 2
}

.default-layout.bg-white .container.main-wrapper {
    background: #fff
}

.default-layout.bg-white .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #926aff
}

.default-layout.bg-material .header {
    background: #926aff
}

.default-layout.bg-material .container.main-wrapper {
    background-image: -webkit-gradient(linear,left top,right top,from(#9e95e3),to(#e281d3));
    background-image: linear-gradient(90deg,#9e95e3,#e281d3);
    height: 100%
}

.default-layout.bg-grey .container.main-wrapper {
    background: #f8fafb
}

.default-layout.bg-grey .header {
    background: #926aff
}

.default-layout.bg-dark .nav-item.profile-item {
    background: #977ffc
}

.default-layout .container.main-wrapper {
    min-height: 100vh;
    min-width: 1024px;
    background: #efeff4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 8rem
}

    .default-layout .container.main-wrapper.light {
        background: #fff
    }

@media screen and (max-width:768px) {
    .default-layout .header .navbar-collapse {
        min-width: 65rem
    }
}

.onboarding-layout .header .onboarding .navbar-brand {
    margin-left: 0
}

.selection-settings, .selection-subscription {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-top: 5%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container-onboarding {
    margin: 0 auto;
    max-width: 120rem;
    position: relative;
    width: 100%;
    height: 100%
}

.onboarding-layout {
    overflow: hidden;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Proxima Nova Rg
}

    .onboarding-layout .aside-container-onboarding.aside-content {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: .6rem;
        background: #fff;
        border: 1px solid #ccc;
        position: absolute;
        margin-top: 2.2rem;
        padding-top: 2.2rem;
        max-width: 37rem;
        max-height: 61.4rem;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 1
    }

    .onboarding-layout .aside-container-onboarding.aside-graphic {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 100%
    }

        .onboarding-layout .aside-container-onboarding.aside-graphic .background-layer {
            position: absolute;
            min-width: 100%;
            min-height: 100%;
            overflow: hidden
        }

            .onboarding-layout .aside-container-onboarding.aside-graphic .background-layer div {
                position: absolute;
                height: 100%
            }

            .onboarding-layout .aside-container-onboarding.aside-graphic .background-layer .planet {
                background: url(/static/img/planet.67045b7.png) no-repeat;
                width: 70%;
                max-width: 36.5rem;
                left: -2.5%;
                background-size: contain
            }

            .onboarding-layout .aside-container-onboarding.aside-graphic .background-layer .earth {
                background: url(/static/img/earth.7591ea8.svg) no-repeat bottom;
                width: 70%;
                max-width: 38.5rem;
                right: 15%;
                bottom: -5rem;
                background-size: contain
            }

            .onboarding-layout .aside-container-onboarding.aside-graphic .background-layer .comets {
                background: url(/static/img/comets.79f8acd.png) no-repeat;
                width: 40%;
                max-width: 15.6rem;
                top: 15%;
                right: 7%;
                background-size: contain
            }

            .onboarding-layout .aside-container-onboarding.aside-graphic .background-layer .stars.second-item {
                left: 2%;
                top: 11%;
                -webkit-transform: rotate(-3deg);
                transform: rotate(-3deg)
            }

            .onboarding-layout .aside-container-onboarding.aside-graphic .background-layer .meteor {
                background: url(/static/img/meteor.a2d765d.png) no-repeat left 40%;
                width: 50%;
                max-width: 24.7rem;
                position: absolute;
                top: 0;
                left: 5%;
                background-size: contain
            }

.landing-main-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.courses-page, .landing-main-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.courses-page {
    margin-top: 10rem
}

.sidebar {
    margin-right: 2rem;
    margin-top: 2rem
}

.registration-section {
    -webkit-box-orient: vertical;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    background: #fff;
    border: 1px solid #efeff4;
    border-radius: 2.5rem;
    max-width: 35rem;
    margin-bottom: 1rem;
    padding: 1rem 2rem 2rem
}

    .registration-section, .registration-section .registration-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

        .registration-section .registration-title {
            -webkit-box-orient: horizontal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            max-height: 5rem;
            min-width: 22rem;
            font-size: 1.8rem;
            font-weight: 700;
            font-stretch: normal;
            line-height: .76;
            letter-spacing: .005rem;
            color: #000;
            border-bottom: .1rem solid #e5ebef;
            padding: 2.7rem 0
        }

            .registration-section .registration-title .registration-icon {
                width: 2.5rem;
                height: 2.5rem;
                margin-right: 2rem
            }

        .registration-section .registration-text {
            max-width: 26rem;
            margin-top: 2rem;
            font-size: 1.6rem;
            font-weight: 400;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #44435d
        }

        .registration-section .registration-btn {
            max-width: 26rem;
            width: 100%;
            min-height: 5.6rem;
            margin-top: 2rem
        }

            .registration-section .registration-btn .btn.register {
                width: 100%;
                height: 5.6rem;
                margin: 0;
                background: #6ae87c;
                border: 0;
                border-radius: 3rem;
                text-transform: none;
                font-size: 1.8rem;
                font-weight: 500
            }

.course {
    width: 62rem;
    min-height: 81rem;
    background: #fff;
    border: 2px solid #efeff4;
    border-radius: 3.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-top: 2rem;
    margin-bottom: 2.5rem
}

    .course.container {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .course.container, .course .lessons-progress {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .course .lessons-progress {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        min-width: 100%;
        min-height: 8rem;
        margin-bottom: 2rem;
        border-bottom: 2px solid #efeff4;
        color: #44435d
    }

        .course .lessons-progress .lesson-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start
        }

            .course .lessons-progress .lesson-container .lessons-icon {
                height: 2.3rem;
                width: 2.4rem;
                margin: 0 2rem 0 1rem
            }

.course-row.row {
    max-width: 54rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 4rem
}

@media screen and (min-width:40rem) {
    .course-row.row .column.visible:before {
        display: block
    }

    .course-row.row .column.last:before {
        display: none
    }

    .course-row.row .column:last-child:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        left: 43%;
        top: inherit;
        bottom: -27%
    }

    .course-row.row:nth-child(odd) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

        .course-row.row:nth-child(odd) .column:before {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            right: 97%;
            left: inherit
        }

        .course-row.row:nth-child(odd) .column:last-child:before {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            left: 45%;
            right: inherit
        }
}

.course-lesson.column {
    cursor: pointer;
    max-width: 13rem;
    position: relative;
    text-align: center
}

    .course-lesson.column .lesson-item {
        color: #000;
        font-size: 1.4rem;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal
    }

        .course-lesson.column .lesson-item .progressive-image.reduced {
            width: 15rem;
            height: 15rem
        }

            .course-lesson.column .lesson-item .progressive-image.reduced .progressive-image-wrapper .progressive-image-main {
                top: 20%;
                left: 20%;
                width: 60%
            }

        .course-lesson.column .lesson-item .lesson-title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

    .course-lesson.column.locked {
        opacity: .5;
        cursor: pointer
    }

        .course-lesson.column.locked .lesson-item .progressive-image {
            height: 13rem
        }

            .course-lesson.column.locked .lesson-item .progressive-image.reduced {
                width: 15rem;
                height: 15rem
            }

            .course-lesson.column.locked .lesson-item .progressive-image:after {
                content: "";
                display: block;
                position: relative;
                width: 3rem;
                height: 3rem;
                background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMiIgZmlsbD0iI0I4QjNDMiIvPjxyZWN0IHdpZHRoPSIxMiIgaGVpZ2h0PSI4IiB4PSI2IiB5PSIxMCIgZmlsbD0iI0ZGRiIgcng9IjIiLz48cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSIxMSIgeD0iOCIgeT0iNSIgZmlsbD0iI0ZGRiIgcng9IjQiLz48cGF0aCBmaWxsPSIjQjhCM0MyIiBkPSJNMTIgN2EyIDIgMCAwMTIgMnYxaC00VjlhMiAyIDAgMDEyLTJ6Ii8+PC9nPjwvc3ZnPg==) no-repeat;
                background-size: contain;
                margin: 0 auto;
                bottom: 32%;
                z-index: 5
            }

    .course-lesson.column:before {
        top: 33%;
        left: 100%;
        content: "";
        width: 3rem;
        height: 1.22rem;
        display: none;
        position: absolute;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAAaCAYAAAA+G+sUAAAABGdBTUEAALGPC/xhBQAAAetJREFUaAXt2k1Kw0AUB/CZoAhdRJRUbyDdewF3nqFrj9CdK3Gp7gsiLgsuvYHaMxRduU8nsdNQdVHM84X2lbS2tElmEpAXCJPmY97k988sUiIELgBQS9oqFxzDDq5OlWNIapdq0VeDFz/UN6PR6LCqG1dKH/cD/ao+hs0qA/AD3faV7gRB1LBpMX3CZE3E0Pr8Hr9XGQCCN+KfuKPCYa+yAECgCTRjEfdsBrA4tTmA6WM+mXX2AliEp9nFAVgOYBU8B0AClgJYB0/leQYYDmBTeA6ABAwFkBWeyvMMKBhAXngOgARyBlAUnsrzDMgYgCl4DoAENgzANDyVn80AFeorfBnZpgNltuk3YT8cnpZZm2otvohFUeQlx2zBCyllLIR8lODc4/aYBlJ+K30JcHew73bLr52qCNB1BNy6rhske7dSh4xsJuAA4sERzqVXd9+MdJqrE+njjV573m4bx/SVqwsDF0khnnG9qNf3ntLdGYNn8DQrzvUV4HRWYXgGJ8pJuw6czs4Nz+BEmA2crsoMz+BElw+crt4YnsGJrBg49bIWnsGJygw49bYSnsGJyCw49foHnsGJxg449T6DZ3AisQs+VwU/qzi3/TnDXMElP1QUHSk1aOF/G5V+49MP9RmO42TJEHnXfxD4BSMvlKuk/GqIAAAAAElFTkSuQmCC) no-repeat 50%;
        background-size: contain
    }

    .course-lesson.column.multiline.locked:after {
        bottom: 42%
    }

    .course-lesson.column.active {
        position: relative
    }

        .course-lesson.column.active .progressive-image-wrapper:after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 100%;
            margin: 0 auto;
            border-radius: 50%;
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46YXV0bztiYWNrZ3JvdW5kLWltYWdlOm5vbmU7YmFja2dyb3VuZC1wb3NpdGlvbjppbml0aWFsIGluaXRpYWw7YmFja2dyb3VuZC1yZXBlYXQ6aW5pdGlhbCBpbml0aWFsIiB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBkaXNwbGF5PSJibG9jayI+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDZmNWZmIiBzdHJva2Utd2lkdGg9IjMwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIycyIgdmFsdWVzPSIwOzM1IiBrZXlUaW1lcz0iMDsxIiBrZXlTcGxpbmVzPSIwIDAuMiAwLjggMSIgY2FsY01vZGU9InNwbGluZSIgYmVnaW49Ii0xcyIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjJzIiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIga2V5U3BsaW5lcz0iMC4yIDAgMC44IDEiIGNhbGNNb2RlPSJzcGxpbmUiIGJlZ2luPSItMXMiLz48L2NpcmNsZT48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSIwIiBmaWxsPSJub25lIiBzdHJva2U9IiNkNmY1ZmYiIHN0cm9rZS13aWR0aD0iMzAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjJzIiB2YWx1ZXM9IjA7MzUiIGtleVRpbWVzPSIwOzEiIGtleVNwbGluZXM9IjAgMC4yIDAuOCAxIiBjYWxjTW9kZT0ic3BsaW5lIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMnMiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBrZXlTcGxpbmVzPSIwLjIgMCAwLjggMSIgY2FsY01vZGU9InNwbGluZSIvPjwvY2lyY2xlPjwvc3ZnPg==) no-repeat 50%;
            background-size: 125%
        }

.courses-page.mobile {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 6rem
}

.courses-page .course-mobile {
    max-width: 35rem;
    min-height: 79rem;
    background: #fff;
    border: 2px solid #efeff4;
    border-radius: 2.5rem;
    -webkit-box-orient: vertical;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    margin-top: 1rem;
    margin-bottom: 2.5rem;
    padding: 1.5rem
}

    .courses-page .course-mobile, .courses-page .course-mobile .lessons-progress {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal
    }

        .courses-page .course-mobile .lessons-progress {
            -ms-flex-pack: distribute;
            justify-content: space-around;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: horizontal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            min-width: 100%;
            min-height: 8rem;
            margin-bottom: 2rem;
            border-bottom: 2px solid #efeff4;
            color: #44435d
        }

            .courses-page .course-mobile .lessons-progress progress.progress-bar {
                margin: .2rem .2rem 1rem 1rem;
                min-width: 12rem;
                width: 100%;
                max-width: 25rem;
                max-height: .5rem;
                border-radius: 1.5rem;
                border: none
            }

                .courses-page .course-mobile .lessons-progress progress.progress-bar::-webkit-progress-value {
                    background-color: #ffd500
                }

                .courses-page .course-mobile .lessons-progress progress.progress-bar::-webkit-progress-bar {
                    border-radius: 1.5rem;
                    background-color: #eff0f3
                }

            .courses-page .course-mobile .lessons-progress progress::-moz-progress-bar {
                border-radius: 1.5rem;
                background-color: #ffd500
            }

            .courses-page .course-mobile .lessons-progress progress.progress-bar::-ms-fill {
                border: none
            }

            .courses-page .course-mobile .lessons-progress progress::-ms-fill {
                color: #ffd500
            }

            .courses-page .course-mobile .lessons-progress .lesson-container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap
            }

                .courses-page .course-mobile .lessons-progress .lesson-container .lessons-icon {
                    height: 2.3rem;
                    width: 2.4rem;
                    margin: 0 2rem 0 1rem
                }

.courses-page .course-mobile-row.row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    /*max-width: 35rem*/
}

@media screen and (max-width:40rem) {
    .courses-page .course-mobile-row.row .column.visible:before {
        display: block
    }

    .courses-page .course-mobile-row.row .column.last:before {
        display: none
    }

    .courses-page .course-mobile-row.row .column:last-child:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        left: 43%;
        top: inherit;
        bottom: -15%
    }

    .courses-page .course-mobile-row.row:nth-child(odd) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

        .courses-page .course-mobile-row.row:nth-child(odd) .column:before {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            right: 88%;
            left: inherit
        }

        .courses-page .course-mobile-row.row:nth-child(odd) .column:last-child:before {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            left: 45%;
            right: inherit
        }
}

.courses-page .course-mobile-lesson.column {
    cursor: pointer;
    max-width: 15rem;
    -ms-flex-preferred-size: 12rem;
    flex-basis: 12rem;
    position: relative;
    text-align: center;
    margin-bottom: 4rem
}

    .courses-page .course-mobile-lesson.column .lesson-item {
        color: #000;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: .05rem
    }

        .courses-page .course-mobile-lesson.column .lesson-item .lesson-title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .courses-page .course-mobile-lesson.column .lesson-item .progressive-image.reduced {
            width: 15rem;
            height: 15rem
        }

            .courses-page .course-mobile-lesson.column .lesson-item .progressive-image.reduced .progressive-image-wrapper .progressive-image-main {
                top: 20%;
                left: 20%;
                width: 60%
            }

            .courses-page .course-mobile-lesson.column .lesson-item .progressive-image.reduced .progressive-image-wrapper:after {
                background-size: 125%
            }

    .courses-page .course-mobile-lesson.column.locked {
        opacity: .5
    }

        .courses-page .course-mobile-lesson.column.locked .lesson-item .progressive-image.reduced {
            width: 15rem;
            height: 15rem
        }

        .courses-page .course-mobile-lesson.column.locked .lesson-item .progressive-image .progressive-image-wrapper {
            min-height: 16rem
        }

        .courses-page .course-mobile-lesson.column.locked .lesson-item .progressive-image:after {
            content: "";
            display: block;
            position: relative;
            width: 3rem;
            height: 3rem;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAA8CAYAAAAkNenBAAAABGdBTUEAALGPC/xhBQAADBNJREFUaAXVWkuMXEcVrZ6Znv+M7fGMxzaGSCSGCAixwOIvsC1MjLNDLJDYIVksQAhlEYQICAmB+KzYhhULRPYISyhChAgUQGCcH4QxdmJPjIPtsef/727OubdOdb3X3Z6JBfJwR/Vuvap7z/3U59XrN5XwP6BGo/FWwD6MMoayB2UEZQVlGuUVlKlKpbIKvrMIjldQTqH8DOUyylZUg8BvUb6Esv+eRwMnelC+jHIB5W5pA4pPorzlngQEw+9DOYfy36JlAH0TpetuAqrcjRKMPQa9H6J05/poD6ura2F9fT2sra2HWq0e6vV6YHtXpSt093SFak819Pb1hoGBvtDdXVAX1NOofB5r6IYatsPfdCBw6jsAfiIHp7MLC0thaWk51OF8W6KlBkq0iNgsmNHRkdDbWy2rvIaGjyGYq+WOTvdvKhAE8T0AfT0HW15eCbdvzyHz9LLpaQXIdJacpDq5k2QbYWhoIOzevSt0dRVm1d8g93EEMyONO/FtB4IgTgHoLIrpcLrMzs6HxcVlw+c9jNo0YsNWgUiWnNSDaTY+MRaq1R67j5dnwE9AJoWfd+b1bQUCJ/dB6QWUSSnPzMxiKi3hdlsQUst4c0S8sYI10xUmJ8dDT08hmC8ikCczxbbVbXmBQH4M7a8IYX5+McxiOskVay8NwcBAf1rQzHqtVsMmsBGWl1asLl2lmjIc1Wq1Gvbvn8A0S67NAf8w+u+4+JO0nCxzgO9GG5/Iw+yjM9euXWe1SJz8cGZocCDsGdtt2S0K+B2dXUIwt27dtnXDe5ICIR8dHQ579uxyBb9+De3cJTtSYXV1kDqDdguC/XNz874OYN+coB8scGAMAXCec4p0Ijo6PDwYDh6cLC5uj8ew5ucWw+bmZg5xBrbumPTOFpswXORGBGc2ScokOQuzODIyZH26cDrdnp0LN2duhZWV4tGK64DrAXEZASVx1rmdZ/QA6jy7daTCqipLxSy8X+0rK2spAFvkNi0qNi127eK5sEmXXr0SLlx8zdaDWsf3joUjD78r9GIdkPj8GBoctJ2PzgMJVw+ICStNLwZy3hTbXLYaEWYiTVY+tc1ONg2I2Ycndf4MmLpwKbwydbEQBOU4Ms/94S+FadOPJ3zdRjUkzvxsbGxmSaN2eMiuHS5bBcJtNxGnFmOwQuOsg1erxaPG9NVrSadcWYoPULVzlyJpAZCzELe0Tg5SrhPdcWpBya1EbT69aYCkaUDeg/OTiOuC5ywSFvYi2PMoPBC+A/w+lLC4vBwmwl5W/QEISJzIDJOcZPhetXuc31zB7lovbQOB0T6I3o/ygRaVCI43EBsa8nyXUhDw5Ef79o58++jRo/7oB9Avf/XMyUqo/xwyyal8SlqS4tBwuuWEvvtQPoS2C0hQy7GlMLUguAvl+xB+A+VllB+gJEKfTye00A5NkefObGxscCSeePSRE4/nQRDk0UeOPd1T6f7wZq3mWx8bQRWesSJeMmAV7+e1r6/vnWDPodyAH2dRPsh2URoRdBxCI4/QD6pzuzwPpLe3N5w49pFR4H0V+pxa3Ef5UODezDI8cwvHAhx+UYz4FK9tar+KjdqX423GOGafRvkkbJxB0n7KPgsEDex8CuWOQdgo8EIipzHwrswojyagx3npRHvH9hS64EzKf0Q33Ay2IB9vuDB/At9fhP45jcin0PhRSXO3mJ1dsJckPrj4EtTfz2UDUiBYBF7Hsmyei1zmLq9wyp5JbqaB7buOjWPZHqZce3wRGx0dwrF/UBYYDN+NPqNATquHYNNX3ggbPCIwPfCXh8QWYkAcR3Du+ZxeXPTM7naIdrgL1us1QDR3Q9ZFV65cUzVxPvEPHZoMgzjTReKPHhUFwp9vjHgoZBAEtCGPwPl2a4IWBGrgV6/+O8mzj0HZdEMfX3FJ2oUaDb7+uuOywX7VybeihYXlPBBGNK5A0oOAQA6mlyTPsLVxLsuQ7IlDrMG3RHA+S2pbeUM96VBWdfC2FOU5S5IPTUF/g1ldXZ/o7+9Nze4rNUkZt6ruaZF1txwfK0HvcuqRNJFaKOts1S+evTxSobYgBRv39fW1wlGkVYwtShU5ikUbOeo2dSLXNBJvh6eskrcrtOEy7e2VMH2N4Ge/tHLon4yUhFtvKRyJ5vJ8EcPaMhnJGqcdakQIewDwlkok6SVujSavJpPDZXp6eszWCHSlrj43YJ40m/IandAG4O18FtCrCAVmBuOtBZatMW0kaZeTqgIr4RfkI6b8Wa3Vim/56vBFC2lbvMkT+Ii60mFVWE3dXk+jGR2y2AhM+bgZ8FYwTR4TExtoilOT3OUdkPjS8R6/atfK29y2pMUdLckRn9DRTqrL/3J/CigKYFVBl6OoH/S4JliX59GUAONtJ9Y2EBeWm0IquqZRMw4Fk8JF0sQo14XAvnLG2ZaTpqlzYAFMEyKNeqbQJhB6U4ahhtwSZ1NWzyQoXaaYZ+XbHYNQE0JY4kTI67lsGT0eGsvNFjHCFzdIWNSC473qWqyUVZvw9o7vDhPxVxW+g78+zaNP81GZuyndTnjaWMjbkZ8fSj00wCmTOBdpbLMK6zGV5Hld/XwXP3BgAm+P3RYgfwKa3I9fTeIf5XKncgyrw6Q4HTFvxEsjRayWqUX/CGAZiJyCWxH1NIcpW/oN19QZVHI4OuPpYrdWkGdcWOSkHJ/1MrUE4gLNaSXDKQkRhEymqcMpwcOgpsb8/BJeA9Zx/G8effh7cdMH7limadeCp2ixPlwK8hZBjMy10rXt1DJQimShC5CcRUGQWx2y4gyeQd28eRu9TvxNbG4OL4vERLEERa5kiVODYuKuQh22O/fe5rXtiNiDCDJy2MSRcTMUx9ofVhiFaNFGBHWNCHX4SiBaj7+sFJxVJ3iDuHQy4rMrxuJScqbQ6F28tg3E1gdgxE08OmxpQUN5DdFBtVHeRipzygKko9ER3ptOlCnrpyzKcQKm56UaacmpbSCWNUsQFAgAklHr4723pqy5HZ9eJo9Ld/YFqgtvjxZExKvjKe6j6E92JgGvXJYMg6YcjUT5VGebGzcxXToHQolcAXXks9lWeoHwECgRLcPrWty2DcpGIwMs4bWcfqnL0RIGYeOIZCiENmobiDrvxJldYluWTVDj3sww3/X5aY4/YFy/fqsA5yFz54puGcMl3jIGnwWuZvasrQCTbtoGYljljFAlGjHtOMcta95gV80FOsFfQab+cdnb3TPUGT5IPguTzayrO9rXWc5UJNvMHpuNWgOhEIphRi7hAheYeKFTo5UmmmcXMlpj5jd0o98t/QaXYWvjIU/RZjZbAmEA+daq7dSHOW7BhIoj0qmfNpRA1mk8psfuymvCAtQom7TLu+PEcjRyJcOA4qUlEHVKWJzteT3iFr0teG45h5bnnA4oq2ajuKRMzF8NrLcFvojmMvm1fSAFh6J4CclHzUdPppUzGVAWea+6uAVlU8sDlU7inFZm01Hzzw7CSLKotA3EVA0ISJqnjtccAU4DbQg5YqyXxX1qsdMd935On0jCIidxc1Ab79Gs6dhUYoeTBaJjhho5hTwZ2WJEp7VFIfyDluGRk3jVKrCGZC065o0dry32Mh+SUrQVc5E1x38pwjcN/8SELv+vna50hmKQClScCMIkz+sJfauK4iMnBuUj93qcQG0M8H9XREz6DXy0t9Mv/qckfQHi77aHD78NX1v7bXEzUywkcb8rXrURkLcrjNZkomPmJtv0p7rktINxirGgvQf/p3LwwHgYx5unaBbf/fEpb8Om1uXLr//r4P59R0ZG/P8C+NP9ex56QLI7ljMxUxdeNf9sRPCj8+Zfn3+55XPyjo0gOnbx0uWAr1+hr1aL/3ZXCTcX8U9jz/7uT+H6jZs73X/7AHXu/Eth6p82GvWRkZEZm1rY05/FXP3Cyupq+PO5F+3bwyim2TC+DOnJvROi41er+YVFK/yvPRJ8/yM+uvoaabz90FOVi9OPYbd4Lzv5X3Es/wdUxzeyb9BPWyOnDx9eq3Z3fw7Zb/ONbeeGg73su6dOHftNCoSVkyc/8fdqV/XdCOYXO9f16FklXEXts6dPnfiWfG37aDj769/f39hYO4KgHoSArSMp3FveuFZp9Jzv66u9cPz48cL/Tf0H4Zm4fJTmHVgAAAAASUVORK5CYII=) no-repeat;
            background-size: contain;
            margin: 0 auto;
            bottom: 6rem;
            z-index: 5
        }

    .courses-page .course-mobile-lesson.column:not(:nth-child(2)):before {
        top: 33%;
        left: 91%;
        content: "";
        width: 3rem;
        height: 1.22rem;
        display: none;
        position: absolute;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAAaCAYAAAA+G+sUAAAABGdBTUEAALGPC/xhBQAAAetJREFUaAXt2k1Kw0AUB/CZoAhdRJRUbyDdewF3nqFrj9CdK3Gp7gsiLgsuvYHaMxRduU8nsdNQdVHM84X2lbS2tElmEpAXCJPmY97k988sUiIELgBQS9oqFxzDDq5OlWNIapdq0VeDFz/UN6PR6LCqG1dKH/cD/ao+hs0qA/AD3faV7gRB1LBpMX3CZE3E0Pr8Hr9XGQCCN+KfuKPCYa+yAECgCTRjEfdsBrA4tTmA6WM+mXX2AliEp9nFAVgOYBU8B0AClgJYB0/leQYYDmBTeA6ABAwFkBWeyvMMKBhAXngOgARyBlAUnsrzDMgYgCl4DoAENgzANDyVn80AFeorfBnZpgNltuk3YT8cnpZZm2otvohFUeQlx2zBCyllLIR8lODc4/aYBlJ+K30JcHew73bLr52qCNB1BNy6rhske7dSh4xsJuAA4sERzqVXd9+MdJqrE+njjV573m4bx/SVqwsDF0khnnG9qNf3ntLdGYNn8DQrzvUV4HRWYXgGJ8pJuw6czs4Nz+BEmA2crsoMz+BElw+crt4YnsGJrBg49bIWnsGJygw49bYSnsGJyCw49foHnsGJxg449T6DZ3AisQs+VwU/qzi3/TnDXMElP1QUHSk1aOF/G5V+49MP9RmO42TJEHnXfxD4BSMvlKuk/GqIAAAAAElFTkSuQmCC) no-repeat 50%;
        background-size: contain
    }

    .courses-page .course-mobile-lesson.column.multiline.locked:after {
        bottom: 43%
    }

    .courses-page .course-mobile-lesson.column.active {
        position: relative
    }

        .courses-page .course-mobile-lesson.column.active .progressive-image-wrapper:after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            right: 0;
            height: 100%;
            width: 100%;
            margin: 0 auto;
            border-radius: 50%;
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJtYXJnaW46YXV0bztiYWNrZ3JvdW5kLWltYWdlOm5vbmU7YmFja2dyb3VuZC1wb3NpdGlvbjppbml0aWFsIGluaXRpYWw7YmFja2dyb3VuZC1yZXBlYXQ6aW5pdGlhbCBpbml0aWFsIiB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE1MCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiBkaXNwbGF5PSJibG9jayI+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZDZmNWZmIiBzdHJva2Utd2lkdGg9IjMwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgZHVyPSIycyIgdmFsdWVzPSIwOzM1IiBrZXlUaW1lcz0iMDsxIiBrZXlTcGxpbmVzPSIwIDAuMiAwLjggMSIgY2FsY01vZGU9InNwbGluZSIgYmVnaW49Ii0xcyIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjJzIiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIga2V5U3BsaW5lcz0iMC4yIDAgMC44IDEiIGNhbGNNb2RlPSJzcGxpbmUiIGJlZ2luPSItMXMiLz48L2NpcmNsZT48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSIwIiBmaWxsPSJub25lIiBzdHJva2U9IiNkNmY1ZmYiIHN0cm9rZS13aWR0aD0iMzAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjJzIiB2YWx1ZXM9IjA7MzUiIGtleVRpbWVzPSIwOzEiIGtleVNwbGluZXM9IjAgMC4yIDAuOCAxIiBjYWxjTW9kZT0ic3BsaW5lIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGR1cj0iMnMiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBrZXlTcGxpbmVzPSIwLjIgMCAwLjggMSIgY2FsY01vZGU9InNwbGluZSIvPjwvY2lyY2xlPjwvc3ZnPg==) no-repeat 50%;
            background-size: 110%
        }

.container.main-wrapper {
    min-width: 100% !important;
    padding: 0 !important
}

.activity-mobile .ac-days {
    max-width: 30rem
}

.backdrop {
    width: 100%;
    height: 100%
}

@media screen and (max-width:920px) {
    .course .lessons-progress {
        margin-top: 2rem
    }
}

@media screen and (max-width:340px) {
    .courses-page .course-mobile-lesson.column.locked .lesson-item .progressive-image .progressive-image-wrapper {
        min-height: 14.3rem
    }
}

.payment-form {
    -webkit-box-align: normal !important;
    -ms-flex-align: normal !important;
    align-items: normal !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

    .payment-form h1 {
        color: #32325d;
        font-weight: 400;
        line-height: 50px;
        font-size: 40px;
        margin: 20px 0;
        padding: 0
    }

    .payment-form label {
        color: #6b7c93;
        font-weight: 300;
        letter-spacing: .025em
    }

    .payment-form .card-cvc, .payment-form .card-expiry, .payment-form .card-number {
        height: 6rem
    }

    .payment-form .card-email input, .payment-form .card-holder input {
        max-width: 31rem;
        min-width: 100%;
        height: 6rem;
        border-radius: 4.2rem;
        font-size: 1.6rem;
        color: #424770;
        letter-spacing: .025em;
        text-transform: uppercase;
        text-align: center
    }

        .payment-form .card-email .StripeElement.invalid, .payment-form .card-email input.invalid, .payment-form .card-holder .StripeElement.invalid, .payment-form .card-holder input.invalid {
            -webkit-transition: all .15s ease;
            transition: all .15s ease;
            border: 2px solid #ff5b39
        }

    .payment-form .submit-btn.transparent {
        opacity: .5
    }

    .payment-form button {
        min-width: 100%;
        height: 6rem;
        border-radius: 4.2rem;
        white-space: nowrap;
        border: 0;
        line-height: 40px;
        padding: 0 14px;
        color: #fff;
        font-family: Proxima Nova Rg;
        font-size: 2rem;
        font-weight: 300;
        text-transform: none;
        letter-spacing: .025em;
        text-decoration: none;
        -webkit-transition: all .15s ease;
        transition: all .15s ease;
        display: block;
        margin: 5rem auto 2rem !important;
        background: #22fab6
    }

        .payment-form button:hover {
            color: #fff;
            cursor: pointer;
            -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
            -webkit-box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
            box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08)
        }

    .payment-form form {
        margin-bottom: 40px;
        padding-bottom: 40px
    }

    .payment-form .StripeElement, .payment-form input {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 100%;
        border: 2px solid #d5dce0;
        border-radius: 4.2rem;
        margin: 10px 0;
        padding: 15px 14px;
        font-size: 1em;
        font-family: Source Code Pro,monospace;
        outline: 0;
        background: #fff
    }

        .payment-form input::-webkit-input-placeholder {
            color: #aab7c4
        }

        .payment-form input::-moz-placeholder {
            color: #aab7c4
        }

        .payment-form input::-ms-input-placeholder {
            color: #aab7c4
        }

        .payment-form input::placeholder {
            color: #aab7c4
        }

        .payment-form .StripeElement.focus, .payment-form input:focus {
            -webkit-transition: all .15s ease;
            transition: all .15s ease;
            border: 2px solid #5ac8fa
        }

        .payment-form .StripeElement.IdealBankElement, .payment-form .StripeElement.PaymentRequestButton {
            padding: 0
        }

#payment-request-button {
    border: 0 !important;
    padding: 0 !important
}

.payment-close {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem;
    width: 2rem;
    list-style-type: none;
    cursor: pointer;
    padding: 1.5rem;
    border-radius: 6rem;
    background-color: #ababaf
}

    .payment-close .close {
        top: 3.3rem;
        width: 2rem;
        height: .2rem;
        cursor: pointer
    }

        .payment-close .close:after, .payment-close .close:before {
            content: "";
            position: absolute;
            display: block;
            width: 2rem;
            height: .2rem;
            top: 50%;
            left: 17%;
            background-color: #fff;
            border-radius: .2rem
        }

        .payment-close .close:before {
            -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg)
        }

        .payment-close .close:after {
            -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg)
        }

    .payment-close.payment-v2 {
        position: absolute;
        top: 2rem;
        right: 2rem;
        background: hsla(0,0%,100%,.2)
    }

.payment-page {
    margin: 10% auto;
    position: relative;
    width: 72.5rem
}

    .payment-page h1, .payment-page h2, .payment-page h3, .payment-page h4, .payment-page h5, .payment-page h6 {
        font-family: Milliard-SemiBold,sans-serif;
        font-weight: 400
    }

    .payment-page h1 {
        font-family: Helvetica;
        font-weight: 700;
        color: #394149;
        margin-top: 2.5rem;
        margin-bottom: .8rem;
        font-size: 32px;
        letter-spacing: .033em
    }

    .payment-page h2 {
        font-weight: 700;
        color: #394149;
        font-size: 2.4rem;
        margin-bottom: 1rem;
        letter-spacing: .09rem
    }

    .payment-page .payment-icon {
        position: absolute;
        width: 4rem;
        height: 3rem;
        top: 1rem;
        left: 1rem
    }

    .payment-page .payment-purchased {
        padding: 5rem;
        font-weight: 700
    }

        .payment-page .payment-purchased h3 {
            font-size: 2.2rem
        }

        .payment-page .payment-purchased .payment-support {
            margin-top: 2rem;
            display: inline-block;
            color: #fd7929;
            -webkit-transition: color .8s;
            transition: color .8s
        }

            .payment-page .payment-purchased .payment-support:hover {
                color: #ff6000
            }

    .payment-page .payment-outter {
        border-radius: 1rem;
        padding-bottom: 3rem;
        background: #d1d1d6
    }

        .payment-page .payment-outter .payment-page-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .payment-page .payment-outter .payment-title-container {
            border-radius: 1rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            max-height: 4.5rem;
            padding: 2rem;
            background: #d1d1d6;
            color: #fff;
            letter-spacing: .1rem
        }

            .payment-page .payment-outter .payment-title-container .payment-title {
                text-align: center;
                margin: 0 1rem
            }

            .payment-page .payment-outter .payment-title-container .block-cap {
                display: block;
                height: 2rem;
                width: 2rem
            }

        .payment-page .payment-outter .payment-form button[disabled]:hover {
            background: #22fab6;
            -webkit-transform: none;
            transform: none;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .payment-page .payment-outter .payment-form-side {
            width: 50%;
            padding: 2rem;
            background: #fff
        }

            .payment-page .payment-outter .payment-form-side .payment-head {
                margin-bottom: 2rem;
                text-align: center;
                color: #4d4d4d;
                font-size: 1.6rem;
                font-weight: 700;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal
            }

                .payment-page .payment-outter .payment-form-side .payment-head .payment-methods {
                    margin-top: 1rem;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    border-radius: 4px;
                    line-height: 5.2rem
                }

                    .payment-page .payment-outter .payment-form-side .payment-head .payment-methods .payment-credit-cards {
                        width: 16.6rem;
                        height: 6.2rem;
                        background-position: 0
                    }

        .payment-page .payment-outter .payment-info-side {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            width: 50%;
            padding: 2rem;
            background: #f8fafb;
            text-align: center
        }

            .payment-page .payment-outter .payment-info-side .payment-info-title {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 2rem;
                color: #4d4d4d;
                font-size: 1.6rem;
                font-weight: 700;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal
            }

            .payment-page .payment-outter .payment-info-side .payment-info-elements {
                font-size: 1.3rem
            }

                .payment-page .payment-outter .payment-info-side .payment-info-elements .payment-description {
                    font-size: 1.4rem;
                    color: #394149;
                    margin-bottom: 2rem
                }

                    .payment-page .payment-outter .payment-info-side .payment-info-elements .payment-description .payment-user-email {
                        display: inline-block
                    }

                .payment-page .payment-outter .payment-info-side .payment-info-elements .payment-limitation {
                    margin-bottom: 2rem
                }

                .payment-page .payment-outter .payment-info-side .payment-info-elements .payment-text {
                    font-weight: 400;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    text-align: center;
                    font-size: 1.4rem;
                    font-family: Proxima Nova Rg;
                    color: #96a3ac
                }

                .payment-page .payment-outter .payment-info-side .payment-info-elements .payment-label {
                    font-size: 1.6rem;
                    font-weight: 400;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    text-align: center;
                    font-family: Proxima Nova Rg;
                    color: #4d4d4d
                }

                .payment-page .payment-outter .payment-info-side .payment-info-elements .free-trial-period {
                    font-size: 2.2rem
                }

                .payment-page .payment-outter .payment-info-side .payment-info-elements .payment-price {
                    margin-bottom: 2rem;
                    color: #394149;
                    font-family: Proxima Nova Rg;
                    font-size: 2rem;
                    font-weight: 700;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: normal;
                    letter-spacing: normal
                }

                .payment-page .payment-outter .payment-info-side .payment-info-elements .payment-submit {
                    width: 100%;
                    padding: .7rem 0;
                    margin-top: 1.2rem;
                    margin-bottom: 2rem;
                    cursor: pointer;
                    color: #fff;
                    font-size: 16px;
                    font-weight: 700;
                    text-align: center;
                    border-radius: 4px;
                    background: #22fab6;
                    -webkit-transition: all .4s;
                    transition: all .4s
                }

                    .payment-page .payment-outter .payment-info-side .payment-info-elements .payment-submit:hover {
                        background: #ff6000;
                        text-shadow: 0 0 5px #fff
                    }

                .payment-page .payment-outter .payment-info-side .payment-info-elements .payment-conditions {
                    margin-top: 4rem;
                    margin-bottom: 4rem
                }

                    .payment-page .payment-outter .payment-info-side .payment-info-elements .payment-conditions a {
                        color: #5ac8fa;
                        -webkit-transition: color .2s;
                        transition: color .2s
                    }

                        .payment-page .payment-outter .payment-info-side .payment-info-elements .payment-conditions a:hover {
                            color: #fd7929
                        }

                .payment-page .payment-outter .payment-info-side .payment-info-elements .purchase-amount {
                    margin-top: 4rem;
                    font-family: ProximaNova;
                    font-size: 2rem;
                    font-weight: 700;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal
                }

    .payment-page.v2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 78rem;
        width: 100%;
        border-radius: 1rem;
        -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);
        box-shadow: 0 5px 10px 0 rgba(0,0,0,.05)
    }

        .payment-page.v2 .payment-icon {
            display: none
        }

        .payment-page.v2 .payment-outter {
            background: none;
            padding-bottom: 0
        }

            .payment-page.v2 .payment-outter .payment-page-container {
                border-radius: 1rem;
                overflow: hidden;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                max-width: 78rem
            }

                .payment-page.v2 .payment-outter .payment-page-container .payment-title-container {
                    display: none
                }

                .payment-page.v2 .payment-outter .payment-page-container .payment-form-side, .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter {
                    padding: 4rem 4rem 3rem
                }

                .payment-page.v2 .payment-outter .payment-page-container .payment-form-side {
                    -webkit-box-ordinal-group: 3;
                    -ms-flex-order: 2;
                    order: 2;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: column;
                    flex-flow: column;
                    width: 45%
                }

                    .payment-page.v2 .payment-outter .payment-page-container .payment-form-side .payment-form {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: horizontal;
                        -webkit-box-direction: normal;
                        -ms-flex-flow: row wrap;
                        flex-flow: row wrap;
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        margin: 0
                    }

                        .payment-page.v2 .payment-outter .payment-page-container .payment-form-side .payment-form .input {
                            width: 100%
                        }

                        .payment-page.v2 .payment-outter .payment-page-container .payment-form-side .payment-form .card-email {
                            -webkit-box-ordinal-group: 2;
                            -ms-flex-order: 1;
                            order: 1
                        }

                        .payment-page.v2 .payment-outter .payment-page-container .payment-form-side .payment-form .card-number {
                            -webkit-box-ordinal-group: 4;
                            -ms-flex-order: 3;
                            order: 3
                        }

                        .payment-page.v2 .payment-outter .payment-page-container .payment-form-side .payment-form .card-expiry {
                            -webkit-box-ordinal-group: 5;
                            -ms-flex-order: 4;
                            order: 4;
                            min-width: auto;
                            -ms-flex-preferred-size: 45%;
                            flex-basis: 45%
                        }

                        .payment-page.v2 .payment-outter .payment-page-container .payment-form-side .payment-form .card-cvc {
                            -webkit-box-ordinal-group: 6;
                            -ms-flex-order: 5;
                            order: 5;
                            min-width: auto;
                            -ms-flex-preferred-size: 45%;
                            flex-basis: 45%
                        }

                        .payment-page.v2 .payment-outter .payment-page-container .payment-form-side .payment-form .card-holder {
                            -webkit-box-ordinal-group: 3;
                            -ms-flex-order: 2;
                            order: 2
                        }

                        .payment-page.v2 .payment-outter .payment-page-container .payment-form-side .payment-form button {
                            -webkit-box-ordinal-group: 7;
                            -ms-flex-order: 6;
                            order: 6;
                            margin: 1rem 0
                        }

                    .payment-page.v2 .payment-outter .payment-page-container .payment-form-side .payment-methods-title {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        margin-bottom: 1rem;
                        font-size: 1.6rem;
                        font-family: Roboto;
                        font-weight: 500;
                        color: #44435d
                    }

                    .payment-page.v2 .payment-outter .payment-page-container .payment-form-side .payment-head {
                        -webkit-box-ordinal-group: 4;
                        -ms-flex-order: 3;
                        order: 3
                    }

                .payment-page.v2 .payment-outter .payment-page-container .payment-info-side {
                    display: none
                }

                .payment-page.v2 .payment-outter .payment-page-container .payment-close {
                    position: absolute;
                    top: 0;
                    right: 0
                }

                .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter {
                    -webkit-box-ordinal-group: 2;
                    -ms-flex-order: 1;
                    order: 1;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: column nowrap;
                    flex-flow: column nowrap;
                    -webkit-box-pack: space-evenly;
                    -ms-flex-pack: space-evenly;
                    justify-content: space-evenly;
                    width: 55%;
                    background: #fff;
                    text-align: center;
                    border: .1rem solid #e9e6ee;
                    font-family: Roboto
                }

                    .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                        -ms-flex-flow: column;
                        flex-flow: column;
                        height: 100%;
                        display: flex;
                        -webkit-box-pack: start;
                        -ms-flex-pack: start;
                        justify-content: flex-start
                    }

                        .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .free-trial-period-title, .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .get-access-title {
                            margin-bottom: 4rem;
                            font-family: Roboto;
                            font-size: 2.4rem;
                            font-weight: 500
                        }

                        .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .payment-limitation {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: justify;
                            -ms-flex-pack: justify;
                            justify-content: space-between;
                            padding: 2rem 0;
                            border-top: .1rem solid rgba(184,179,194,.5);
                            border-bottom: .1rem solid rgba(184,179,194,.5);
                            font-size: 1.4rem;
                            color: #b8b3c2
                        }

                        .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .payment-today-price {
                            min-width: 12.4rem;
                            min-height: 10rem;
                            margin-top: 2rem;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-orient: vertical;
                            -webkit-box-direction: normal;
                            -ms-flex-flow: column nowrap;
                            flex-flow: column nowrap;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            -webkit-box-align: end;
                            -ms-flex-align: end;
                            align-items: flex-end;
                            color: #44435d
                        }

                            .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .payment-today-price .payment-text {
                                font-weight: 500;
                                font-size: 1.8rem
                            }

                            .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .payment-today-price .payment-price {
                                font-size: 8rem;
                                font-weight: 500
                            }

                            .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .payment-today-price .payment-currency {
                                font-size: 4rem;
                                font-weight: 500
                            }

                        .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .monthly-price {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-orient: horizontal;
                            -webkit-box-direction: normal;
                            -ms-flex-flow: row nowrap;
                            flex-flow: row nowrap;
                            -webkit-box-pack: end;
                            -ms-flex-pack: end;
                            justify-content: flex-end;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            color: #b8b3c2
                        }

                            .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .monthly-price .price-title {
                                margin-right: 1rem
                            }

                        .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .info-prolongation {
                            display: none
                        }

                        .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .info-prolongation-alter {
                            margin: 3rem 0;
                            text-align: right
                        }

                            .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .info-prolongation-alter p {
                                margin: 0
                            }

                            .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .info-prolongation-alter .text-prolongation {
                                margin-bottom: 1rem;
                                font-size: 1.4rem;
                                color: #b8b3c2
                            }

                            .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .info-prolongation-alter .text-unsubscribe {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-orient: vertical;
                                -webkit-box-direction: normal;
                                -ms-flex-flow: column nowrap;
                                flex-flow: column nowrap;
                                font-size: 1.8rem;
                                font-weight: 500;
                                color: #44435d
                            }

.support {
    -ms-flex-item-align: center;
    align-self: center;
    margin-top: auto;
    font-family: Proxima Nova Rg;
    color: #ccc;
    font-size: 1.2rem;
    text-align: center
}

    .support a {
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: inherit;
        -webkit-transition: color .2s;
        transition: color .2s
    }

        .support a:hover {
            color: #fd7929
        }

@media screen and (max-width:800px) {
    .payment-page {
        width: 90%
    }

        .payment-page .payment-outter .payment-form-side, .payment-page .payment-outter .payment-info-side {
            width: 100%
        }

        .payment-page.v2 {
            max-width: 42rem
        }

            .payment-page.v2 .payment-outter .payment-page-container {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                flex-flow: row wrap
            }

                .payment-page.v2 .payment-outter .payment-page-container .payment-form-side, .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter {
                    width: 95%;
                    border-radius: 1rem
                }

                .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter {
                    margin-bottom: 2rem
                }

    .support {
        margin: 0
    }
}

@media screen and (max-width:580px) {
    .payment-page .payment-form button, .payment-page .payment-form input {
        width: 20rem
    }

    .payment-page .payment-methods {
        height: 5.2rem;
        text-align: center
    }

        .payment-page .payment-methods .payment-label {
            display: none
        }

        .payment-page .payment-methods .payment-credit-cards {
            width: 70% !important;
            position: static !important;
            float: none !important;
            right: inherit !important
        }

    .payment-page.v2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        max-width: 37rem
    }

        .payment-page.v2 .payment-outter {
            background: none
        }

            .payment-page.v2 .payment-outter .payment-page-container .payment-title-container {
                display: none
            }

            .payment-page.v2 .payment-outter .payment-page-container .payment-form-side, .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter {
                border-radius: 2rem
            }

            .payment-page.v2 .payment-outter .payment-page-container .payment-form-side {
                padding: 2rem
            }

            .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter {
                margin-bottom: 2rem
            }

                .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .payment-today-price {
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    min-height: auto
                }

                    .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .payment-today-price .payment-currency, .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .payment-today-price .payment-price, .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .payment-today-price .payment-text {
                        font-size: 1.4rem
                    }

                .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .monthly-price {
                    margin-top: 2rem
                }

                .payment-page.v2 .payment-outter .payment-page-container .payment-info-side-alter .payment-info-elements .info-prolongation-alter {
                    margin: 2rem 0
                }
}

.purchase {
    font-family: Proxima Nova Rg
}

    .purchase .default-layout .selection-subscription {
        margin-top: 0
    }

        .purchase .default-layout .selection-subscription .subscription-container {
            min-height: 80rem
        }

.account-main-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-top: 4rem
}

.modal-container .account-content {
    max-width: 62rem;
    width: 100%;
    margin: 0;
    border: none
}

.account-content {
    background: #fff;
    border: 1px solid #efeff4;
    border-radius: 2.5rem;
    width: 62rem;
    height: 65.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 1.5rem 4rem;
    padding: 0 1.5rem 2rem
}

    .account-content.password, .account-content.purchase, .account-content.support {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .account-content.password .default-style-btn, .account-content.purchase .default-style-btn, .account-content.support .default-style-btn {
            font-family: Roboto Md;
            font-size: 1.8rem;
            font-weight: 500;
            letter-spacing: normal;
            color: #fff;
            cursor: pointer
        }

        .account-content.password .default-style-btn {
            max-width: 20rem;
            min-height: 5.6rem;
            margin: 0 auto;
            border-radius: 2.8rem;
            background-color: #6ae87c;
            border-color: #6ae87c
        }

            .account-content.password .default-style-btn:hover {
                background-color: #6af87c;
                border-color: #6af87c
            }

        .account-content.support .default-style-btn {
            max-width: 15.1rem;
            min-height: 5.6rem;
            margin: 0 auto;
            border-radius: 2.8rem;
            opacity: .9;
            background-color: #5ac8fa;
            border-color: #5ac8fa
        }

            .account-content.support .default-style-btn.disabled {
                opacity: .5;
                background: #44435d;
                border-color: #44435d
            }

            .account-content.support .default-style-btn:hover {
                opacity: 1
            }

            .account-content.support .default-style-btn[disabled]:hover {
                opacity: .5;
                border-color: #44435d
            }

        .account-content.purchase .default-style-btn {
            max-width: 28rem;
            min-height: 7rem;
            border-radius: 3.5rem;
            background-color: #6ae87c;
            border-color: #6ae87c
        }

            .account-content.purchase .default-style-btn:hover {
                background-color: #6af87c;
                border-color: #6af87c
            }

        .account-content.purchase .nav-link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            min-width: 28rem;
            height: 7rem;
            color: #fff
        }

        .account-content.purchase .tng-icon {
            margin-right: 1rem
        }

    .account-content .subscription-info-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        margin-bottom: 3rem
    }

        .account-content .subscription-info-container .payment-price {
            margin: 0 auto
        }

    .account-content .password-section-header, .account-content .purchase-section-header, .account-content .support-section-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        margin-top: 4rem;
        text-align: center
    }

        .account-content .password-section-header .icon-container, .account-content .purchase-section-header .icon-container, .account-content .support-section-header .icon-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            min-width: 5rem;
            width: 100%;
            height: 5rem;
            padding-top: 2rem;
            margin-bottom: 2rem
        }

            .account-content .password-section-header .icon-container .icon-currency, .account-content .password-section-header .icon-container .icon-key, .account-content .password-section-header .icon-container .icon-mail, .account-content .purchase-section-header .icon-container .icon-currency, .account-content .purchase-section-header .icon-container .icon-key, .account-content .purchase-section-header .icon-container .icon-mail, .account-content .support-section-header .icon-container .icon-currency, .account-content .support-section-header .icon-container .icon-key, .account-content .support-section-header .icon-container .icon-mail {
                width: 4rem;
                height: 4rem
            }

        .account-content .password-section-header .title-container, .account-content .purchase-section-header .title-container, .account-content .support-section-header .title-container {
            font-family: Roboto Md;
            font-size: 1.8rem;
            font-weight: 500;
            color: #44435d
        }

        .account-content .password-section-header .info-container, .account-content .purchase-section-header .info-container, .account-content .support-section-header .info-container {
            max-width: 34rem;
            width: 100%;
            margin-top: 2rem
        }

    .account-content .list-circle {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        border-radius: 50%;
        background: #5ac8fa;
        margin: 0 1rem 0 2rem
    }

    .account-content .text-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 2rem;
        color: #000
    }

        .account-content .text-content .purchase-valid {
            margin-left: 4rem
        }

        .account-content .text-content .subscription-data-container .subscription-data {
            -webkit-box-orient: vertical;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            font-family: Roboto;
            font-size: 1.6rem;
            color: #44435d
        }

        .account-content .text-content .subscription-data-container .subscription-data, .account-content .text-content .subscription-data-container .subscription-data-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: normal;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .account-content .text-content .subscription-data-container .subscription-data-item {
            -webkit-box-orient: horizontal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            width: 40rem;
            margin-bottom: 2rem
        }

            .account-content .text-content .subscription-data-container .subscription-data-item span {
                -ms-flex-preferred-size: 50%;
                flex-basis: 50%
            }

        .account-content .text-content .subscription-data-container .subscription-data-label {
            margin-right: 2rem;
            text-align: right;
            min-width: 10rem
        }

        .account-content .text-content .subscription-data-container .subscription-data-text {
            margin-top: 2rem;
            font-family: Roboto;
            text-align: center
        }

        .account-content .text-content .subscription-info-text {
            margin: 4rem 0;
            text-align: center;
            font-size: 1.4rem;
            color: #b8b3c2
        }

        .account-content .text-content .unsubscribed-info {
            max-width: 32rem;
            font-family: Roboto;
            font-size: 1.6rem;
            text-align: center;
            color: #44435d
        }

        .account-content .text-content .unsubscribed .purchase-advantages-list {
            margin-top: 2rem;
            list-style: none;
            font-family: Roboto;
            font-size: 1.4rem;
            letter-spacing: normal;
            color: #44435d
        }

            .account-content .text-content .unsubscribed .purchase-advantages-list li {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                width: 30rem
            }

            .account-content .text-content .unsubscribed .purchase-advantages-list .tng-icon {
                margin-right: 1rem
            }

    .account-content .support-email {
        opacity: .5
    }

    .account-content .text-support {
        min-width: 100%;
        padding: 0 .5rem;
        text-align: left;
        color: #000
    }

    .account-content section.change-form {
        width: 100%
    }

    .account-content .form-group {
        margin: 1rem 0
    }

        .account-content .form-group .input-group-addon {
            display: none
        }

        .account-content .form-group input {
            border-width: .2rem;
            border-radius: 3rem;
            height: 5.6rem;
            margin: 0;
            padding-left: 3rem;
            color: #96a3ac;
            font-size: 1.4rem;
            width: 100%
        }

            .account-content .form-group input:focus {
                border-color: #00e3ff
            }

            .account-content .form-group input[type=email] {
                position: relative;
                padding-left: 5rem
            }

                .account-content .form-group input[type=email]::-webkit-input-placeholder {
                    color: #b8b3c2
                }

                .account-content .form-group input[type=email]::-moz-placeholder {
                    color: #b8b3c2
                }

            .account-content .form-group input[type=password] {
                padding-left: 3rem
            }

        .account-content .form-group.message {
            min-width: 100%
        }

        .account-content .form-group .support-message {
            max-width: 34rem;
            width: 100%;
            min-height: 26.5rem;
            padding: 1.7rem 3rem;
            border: .1rem solid #e9e6ee;
            border-radius: 2.8rem;
            font-family: Roboto;
            font-size: 1.4rem;
            resize: none
        }

        .account-content .form-group.current-password {
            margin-bottom: 3rem
        }

        .account-content .form-group .icon-envelope {
            position: absolute;
            top: 0;
            left: 0;
            width: 5.6rem;
            height: 5.6rem
        }

    .account-content .notification-limit {
        margin-top: 1rem;
        margin-bottom: 1rem;
        font-family: Roboto;
        font-size: 1.4rem;
        color: #b8b3c2
    }

    .account-content .notification-container {
        height: 90%
    }

        .account-content .notification-container, .account-content .notification-container .notification-success {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .account-content .notification-container .notification-success {
                background: #fff;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                border-radius: .6rem;
                border: 1px solid #ccc;
                position: absolute;
                margin-top: 2.2rem;
                padding-top: 2.2rem;
                min-width: 37rem;
                min-height: 25rem;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                z-index: 1
            }

                .account-content .notification-container .notification-success .continue-btn {
                    cursor: pointer;
                    max-width: 16rem;
                    max-height: 4rem;
                    border: none;
                    border-radius: .6rem;
                    background: #977ffc;
                    font-size: 1.2rem;
                    font-weight: 400
                }

                    .account-content .notification-container .notification-success .continue-btn:hover {
                        background: #735ed1
                    }

            .account-content .notification-container .support-success-img {
                min-width: 100%;
                min-height: 20rem;
                background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTUxIiBoZWlnaHQ9IjE0MSI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIC43NzdoOTAuMzZ2NjMuMDE4SDB6Ii8+PHBhdGggaWQ9ImMiIGQ9Ik0uNDQ0LjcxM2g3Ni4yMjF2ODguODQ0SC40NDV6Ii8+PHBhdGggaWQ9ImUiIGQ9Ik0uMDA2LjE1aDkwLjM1OFY0OUguMDA2eiIvPjxwYXRoIGlkPSJnIiBkPSJNLjUyNC4xOTJoODcuMzEzVjMxSC41MjR6Ii8+PHBhdGggaWQ9ImkiIGQ9Ik0uNTIuMDcyaDEuODJ2Mi44MTJILjUyeiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgY3g9IjY0IiBjeT0iNzciIHI9IjY0IiBmaWxsPSIjQjVFNkZEIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTggNDQuMjg3KSI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZmlsbD0iIzdBNEMwOCIgZD0iTTkwLjM2IDM3LjE1Mkw0NS4xOCA2My43OTUgMCAzNy4xNTJjMC0uMDIyIDAtLjA1Mi4wMDgtLjA3NC4wMzctLjE2OSAyLjUzLTIuMjUgNi4zMzMtNS4zNC4wMzctLjAyOS4wNjYtLjA1OS4xMDMtLjA4OEMxOC45MiAyMS41MjEgNDUuMTguNzc3IDQ1LjE4Ljc3N1M3MS40NCAyMS41MjEgODMuOTE2IDMxLjY1YzMuODYyIDMuMTMzIDYuNCA1LjI1MiA2LjQzNiA1LjQyOGEuMjM0LjIzNCAwIDAxLjAwOC4wNzQiIG1hc2s9InVybCgjYikiLz48L2c+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjUgMjIuMjg3KSI+PG1hc2sgaWQ9ImQiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2MiLz48L21hc2s+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTU2Ljc2LjcxM0g4LjAxNGE3LjU3IDcuNTcgMCAwMC03LjU3IDcuNTd2NzMuNzA0YTcuNTcgNy41NyAwIDAwNy41NyA3LjU3aDYxLjA4MWE3LjU3IDcuNTcgMCAwMDcuNTctNy41N3YtNjEuMzdMNTYuNzYuNzE0eiIgbWFzaz0idXJsKCNkKSIvPjwvZz48cGF0aCBmaWxsPSIjRTZFOEU4IiBkPSJNODEuNzYgMzUuMzM0YTcuNTcgNy41NyAwIDAwNy41NyA3LjU3aDEyLjMzNUw4MS43NiAyM3YxMi4zMzR6Ii8+PHBhdGggZmlsbD0iI0I1RTZGRCIgZD0iTTU2LjQ4OCAzNS40NThIMzkuNjcxYTIuNjk2IDIuNjk2IDAgMDAtMi42OTcgMi42OTd2MTYuODE3YTIuNjk3IDIuNjk3IDAgMDAyLjY5NyAyLjY5N2gxNi44MTdhMi42OTggMi42OTggMCAwMDIuNjk3LTIuNjk3VjM4LjE1NWEyLjY5NyAyLjY5NyAwIDAwLTIuNjk3LTIuNjk3Ii8+PHBhdGggZmlsbD0iI0Q5REJEQiIgZD0iTTc5LjUyNyA2My44NDJIMzkuMTczYTIuMTczIDIuMTczIDAgMDAwIDQuMzQ2aDQwLjM1NGEyLjE3NCAyLjE3NCAwIDAwMC00LjM0Nm0wIDEwLjgyNEgzOS4xNzNhMi4xNzMgMi4xNzMgMCAwMDAgNC4zNDZoNDAuMzU0YTIuMTc0IDIuMTc0IDAgMDAwLTQuMzQ2TTYxLjIgODUuMTY2SDM5LjE3M2EyLjE3MyAyLjE3MyAwIDAwMCA0LjM0Nkg2MS4yYTIuMTczIDIuMTczIDAgMDAwLTQuMzQ2Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTggODEuMjg3KSI+PG1hc2sgaWQ9ImYiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2UiLz48L21hc2s+PHBhdGggZmlsbD0iI0ZGQjAzMSIgZD0iTTkwLjM2NS4xNXY0My4zNDRjMCAzLjAzLTIuNDc3IDUuNTA2LTUuNTA2IDUuNTA2SDUuNDk2Yy0zLjAzIDAtNS40OS0yLjQ3Ni01LjQ5LTUuNTA2Vi4xNWw0NS4xNzkgMjYuNjRMOTAuMzY1LjE1eiIgbWFzaz0idXJsKCNmKSIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOSA5OS4yODcpIj48bWFzayBpZD0iaCIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjZyIvPjwvbWFzaz48cGF0aCBmaWxsPSIjRkY5NDMzIiBkPSJNODcuODM3IDI5LjI3NUw1OC43NTguMTk2IDQ0LjE4NCA4Ljc5IDI5LjYwNS4xOTIuNTI1IDI5LjI3M0E1LjQ1MSA1LjQ1MSAwIDAwNC40OTUgMzFoNzkuMzYyYTUuNDc4IDUuNDc4IDAgMDAzLjk4LTEuNzI1IiBtYXNrPSJ1cmwoI2gpIi8+PC9nPjxwYXRoIGZpbGw9IiNGRkIwMzEiIGQ9Ik0xNTEgMGwtMTQuNzQzIDM0LjI5Mi0xMC43NzctNy4zMDctNi4yNDQgOC45OTUtMS4xMjgtMTUuMTc1LTEzLjA0LTcuODc3eiIvPjxwYXRoIGZpbGw9IiNGRjk0MzMiIGQ9Ik0xMjMuMDkyIDI1LjM2MWwxMy4xNjQgOC45MzEtMTAuNzc1LTcuMzA4LTYuMjQ1IDguOTk1LTEuMTI3LTE1LjE3M0wxMzguODkgOC41Mzd6Ii8+PHBhdGggZmlsbD0iI0Y3MyIgZD0iTTExOC4zODUgMjQuNTI1TDEzOC44OSA4LjUzN2wtMjAuNzgxIDEyLjI2OXoiLz48Zz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMTggMzYuOTI4KSI+PG1hc2sgaWQ9ImoiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2kiLz48L21hc2s+PHBhdGggZmlsbD0iIzAwQzhCNyIgZD0iTTEuMDYzIDIuODg0QTI4LjI1NiAyOC4yNTYgMCAwMC41Mi40MDdMMS43NzMuMDcxQzIgLjkxOCAyLjE5IDEuNzkgMi4zNCAyLjY2M2wtMS4yNzguMjIxeiIgbWFzaz0idXJsKCNqKSIvPjwvZz48cGF0aCBmaWxsPSIjNUFDOEZBIiBkPSJNMTE1LjcwMyA1MC4xOTVsMS4yNzctLjIyN2EyOS45OTUgMjkuOTk1IDAgMDEtLjQ2MS01LjA3OGwtMS4yOTYuMDA3YTMxLjI2IDMxLjI2IDAgMDAuNDggNS4yOTh6bTguODc3Ljc2NGEyMC42NzQgMjAuNjc0IDAgMDE0LjQ5NS0uNDk3bC41MjUuMDA2LjAzMi0xLjI5NmEyMS45MzcgMjEuOTM3IDAgMDAtNS4zMzYuNTIybC4yODQgMS4yNjV6bTE0LjI4NyAyLjUzMmwuOTA2LS45MjdjLTEuMTQxLTEuMTE4LTIuNzAyLTEuOTU1LTQuNzczLTIuNTZsLS40MzUgMS4yMjNjMS45MDYuNTU3IDMuMzI5IDEuMzEyIDQuMzAyIDIuMjY0em0tMjMuMzE4IDEuOTUxYzEuMTkzLS44NyAyLjQ3NC0xLjc4MiAzLjg2LTIuNTRsLjQzNC0uMjMtLjU5NC0xLjE1M2MtLjE1NC4wOC0uMzEuMTYxLS40NjIuMjQ0LTEuNDU1Ljc5Ny0yLjgzIDEuNzc1LTQuMDAyIDIuNjNsLjc2NCAxLjA1ek01OS44NDUgNTcuMTVsLjQtMS4yMzNhMTg4LjU5OSAxODguNTk5IDAgMDEtNC45MjEtMS42NzRsLS40MzMgMS4yMjNhMTg0Ljg4IDE4NC44OCAwIDAwNC45NTQgMS42ODR6bTEwLjA3NyAyLjg3MmwuMzA1LTEuMjZjLTEuNjIyLS4zOTQtMy4zMS0uODQtNS4wMTYtMS4zMjlsLS4zNTggMS4yNDhjMS43MjQuNDkzIDMuNDI5Ljk0MyA1LjA2OSAxLjM0MXptNDkuMzg1LjE0NGwxLjEyNS0uNjQ2YTI5LjE1OSAyOS4xNTkgMCAwMS0yLjE0LTQuNjI0bC0xLjIyLjQ0YTMwLjQ0NiAzMC40NDYgMCAwMDIuMjM1IDQuODN6bS0xMi45NDIuNTE2YTI1LjEwNiAyNS4xMDYgMCAwMDQuMjQ3LTEuODgyYy4yMDMtLjExNC40MDYtLjIzMy42MDctLjM1NGwtLjY3LTEuMTFhMjMuNzczIDIzLjc3MyAwIDAxLTQuNjAyIDIuMTJsLjQxOCAxLjIyNnptLTI2LjEzNyAxLjMxMWwuMTc1LTEuMjg1YTk0LjMxMSA5NC4zMTEgMCAwMS01LjExLS44NDNsLS4yNDYgMS4yNzNhOTQuOTggOTQuOTggMCAwMDUuMTguODU1em0xNS43NC41OWwuODI4LS4wNjRhNDkuOTM0IDQ5LjkzNCAwIDAwNC40MTUtLjU1bC0uMjItMS4yNzhjLTEuMzQuMjMyLTIuNzQ3LjQwNi00LjMwMy41MzZsLS44MTEuMDYxLjA5IDEuMjk1em0tNS4yNjEuMTdsLjAwNy0xLjI5N2E3NS41MjMgNzUuNTIzIDAgMDEtNS4xNjYtLjIwNWwtLjA5NSAxLjI5M2MxLjc2Ny4xMyAzLjUzNS4yMDEgNS4yNTQuMjF6bTUwLjE3Ni4yOTZhMTAuNjkgMTAuNjkgMCAwMDEuMTA5LTUuMTA1bC0uMDE1LS4yODItMS4yOTMuMDk1LjAxMy4yMzdhOS4zOSA5LjM5IDAgMDEtLjk3NyA0LjQ4MWwxLjE2My41NzR6bS0xNC4yMDUgNC44MjJsLjU3Mi0xLjE2NGMtMS4zNDgtLjY2My0yLjY1My0xLjY5LTMuODgtMy4wNTVsLS45NjQuODY2YzEuMzM3IDEuNDg4IDIuNzc1IDIuNjE3IDQuMjcyIDMuMzUzem01LjM4NyAxLjA1N2ExMC43MjYgMTAuNzI2IDAgMDA1LjIwOS0xLjczN2wtLjcxNy0xLjA4YTkuNDMgOS40MyAwIDAxLTQuNTc4IDEuNTIzbC4wODYgMS4yOTR6Ii8+PC9nPjwvZz48L3N2Zz4=) no-repeat 50%;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .account-content .notification-container .support-success-text {
                font-size: 1.4rem;
                text-align: center;
                color: #000
            }

.account-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 30rem;
    width: 100%;
    height: 27.8rem;
    background: #fff;
    border: 1px solid #efeff4;
    border-radius: 2.5rem;
    text-transform: none
}

.account-menu-icon-container {
    position: relative;
    width: 100%;
    height: 7rem;
    border-bottom: 1px solid #ccc
}

    .account-menu-icon-container .account-menu-icon {
        position: absolute;
        top: -2.5rem;
        left: 3rem;
        width: 9rem;
        height: 9rem;
        background: url(/static/img/image-ewa-profile.24e5711.svg) no-repeat 50%;
        background-size: contain
    }

    .account-menu-icon-container .account-menu-icon-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 0;
        left: 14rem;
        height: 7rem
    }

        .account-menu-icon-container .account-menu-icon-text span {
            -ms-flex-item-align: center;
            align-self: center
        }

.account-menu-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: 100%;
    min-height: 21rem;
    margin: 0;
    padding: 0 3rem
}

    .account-menu-list .nav-item:first-child {
        padding-top: 1.5rem
    }

    .account-menu-list .nav-item:last-child {
        padding-top: 1.5rem;
        border-top: 1px solid #ccc
    }

    .account-menu-list .nav-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-transition: all .3s ease-out;
        transition: all .3s ease-out;
        padding: .5rem 0;
        cursor: pointer
    }

        .account-menu-list .nav-item .purchase-icon {
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjkzNCAxMC41MzNjLTEuMDkyLS4wOTItMi40LS40NTgtMi40MjQtMS42ODUtLjAxMi0uNTA3LjI0LS44NzYuNDU2LTEuMDk3LjQ2Mi0uNDcyIDEuMi0uNzQzIDIuMDIyLS43NDMgMS41NDggMCAyLjI1Ljg2NCAyLjI1IDEuNjY3YS45LjkgMCAxMDEuOCAwYzAtMS41MTUtMS4wOC0zLjA0Ni0zLjE0NC0zLjM5M3YtLjgxOWEuOS45IDAgMTAtMS44IDB2LjgyM2MtLjk0OC4xNjMtMS44LjU4LTIuNDEyIDEuMjA1LS42NDguNjYxLS45OSAxLjUxMS0uOTcyIDIuMzk1LjA0MiAxLjk0NCAxLjU2NiAzLjIzIDQuMTA0IDMuNDQzIDEuNjg2LjA4NiAyLjgyNi45MzYgMi43NzIgMi4wNy0uMDQ4IDEuMDQtMS4xMTYgMS43OTctMi41MzIgMS43OTctMS4zOCAwLTIuNzY2LS42MDEtMi43NjYtMS45NDZhLjkuOSAwIDEwLTEuOCAwYzAgMS45MzMgMS40NCAzLjM1NSAzLjYwNiAzLjY3N3YuOTg3YS45LjkgMCAxMDEuOCAwdi0uOTgxYzEuOTg2LS4zMDEgMy40MDItMS42NiAzLjQ4Ni0zLjQ1LjA5LTEuODQ2LTEuNDIyLTMuNzk2LTQuNDQ2LTMuOTVtLS4xMjYgMTEuMTQzYy01LjQ0MiAwLTkuODctNC40MjctOS44Ny05Ljg2OXM0LjQyOC05Ljg3IDkuODctOS44N2M1LjQ0MiAwIDkuODcgNC40MjggOS44NyA5Ljg3IDAgNS40NDItNC40MjggOS44Ny05Ljg3IDkuODd6bTAtMjEuNTM5QzUuMzcuMTM3LjEzOCA1LjM3My4xMzggMTEuODA3YzAgNi40MzUgNS4yMzIgMTEuNjcgMTEuNjcgMTEuNjcgNi40MzIgMCAxMS42Ny01LjIzNSAxMS42Ny0xMS42NyAwLTYuNDM0LTUuMjM4LTExLjY3LTExLjY3LTExLjY3eiIgZmlsbD0iI0FCQUJCMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat 0 .8rem;
            height: 4.3rem;
            width: 4.4rem;
            color: #000;
            margin: 0 1rem
        }

        .account-menu-list .nav-item .password-icon {
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguNDQzIDE3LjE4M3YuOTA5YzAgLjQyNC4zNDUuNzY2Ljc3Ljc2NmEuNzY4Ljc2OCAwIDAwLjc3Mi0uNzY2di0uOTE0Yy40NzMtLjI3Ljc5Ni0uNzcxLjc5Ni0xLjM0OCAwLS44NTgtLjcwMy0xLjU1OC0xLjU2Ny0xLjU1OC0uODY1IDAtMS41NjguNy0xLjU2OCAxLjU1OCAwIC41NjcuMzA5IDEuMDc3Ljc5NyAxLjM1M203Ljk0IDMuMzI0YzAgLjE4NC0uMDQ0IDEuODIzLTEuNTQzIDEuODg0LTIuMjM2LjA4Ny0xMS4xMjguMDEtMTEuMjM4LjAwNi0uMTM4IDAtMS4zNDItLjA2Ny0xLjU3Mi0yLjIwNnYtOC44NzVoMTQuMzUydjkuMTkxem0tNy4yLTE4LjQ4YzQuMzMzIDAgNC41ODEgMy41NyA0LjU5NSAzLjk1M3YzLjgwNGgtOS4xOVY2LjE4OWMuMDA1LS4xNzQuMTU0LTQuMTYyIDQuNTk1LTQuMTYyem03Ljk3IDcuNzU3aC0xLjgzMlY1Ljk1OUMxNS4yNzIgNC4wNyAxMy45MjcuNDk1IDkuMTgzLjQ5NVMzLjA5MyA0LjE5MiAzLjA0NiA2LjE3djMuNjE1SDEuMjU4YS43NjguNzY4IDAgMDAtLjc3MS43NjZ2OS42ODFjMCAuMDI2LjAwMi4wNTIuMDA0LjA3Ny4yOTggMi45NDYgMi4xOTggMy42NzcgMy4xMTcgMy42Mi4yMzQuMDA2IDMuODIuMDM2IDYuOTg1LjAzNiAxLjgxIDAgMy40ODItLjAxIDQuMzEtLjA0IDIuMzktLjA5OCAzLjAyMi0yLjI3OCAzLjAyMi0zLjQxN1YxMC41NWEuNzY4Ljc2OCAwIDAwLS43NzItLjc2NnoiIGZpbGw9IiNBQkFCQjAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat 0 .8rem;
            height: 4.3rem;
            width: 4.4rem;
            color: #000;
            margin: 0 1rem
        }

        .account-menu-list .nav-item .logout-icon {
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiNBQkFCQjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTAuNjgzIDFoMTIuNjczdjIyLjUzSDEwLjY4MyIvPjxwYXRoIGQ9Ik0xNy43IDEwLjc5M0gzLjM0MWwyLjE5LTIuMDM0YTEgMSAwIDAwLTEuMzY0LTEuNDY2TC40NTUgMTAuNzQ2YTEuNDI3IDEuNDI3IDAgMDAwIDIuMDlsMy43MzUgMy40NzNhMSAxIDAgMTAxLjM2My0xLjQ2NWwtMi4yMDctMi4wNTFIMTcuN2ExIDEgMCAwMDAtMiIgZmlsbD0iI0FCQUJCMCIvPjwvZz48L3N2Zz4=) no-repeat 0 .8rem;
            height: 4.3rem;
            width: 4.4rem;
            color: #000;
            margin: 0 1rem
        }

        .account-menu-list .nav-item .support-icon {
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyOCI+PHBhdGggZmlsbD0iI0FCQUJCMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjQuNTE1IDI1LjA5OEgxLjAyNmExLjAyNCAxLjAyNCAwIDEwMCAyLjA0OGgyMy40OWExLjAyNCAxLjAyNCAwIDEwMC0yLjA0OG0tMjIuNDEtOC4wNTlMMTMuNTIgNS42MDdsMi45MjggMi45M0w1LjAyMiAxOS45NDhIMi4xMDdWMTcuMDR6bTE0LjU0LTE0LjU2N2wyLjk0MiAyLjkzNy0xLjY4MyAxLjY4LTIuOTM1LTIuOTMgMS42NzYtMS42ODd6TTEuMDggMjEuOTk3aDQuMzY1Yy4yNzQgMCAuNTM0LS4xMS43MjYtLjNMMjEuNzY1IDYuMTMzYTEuMDIyIDEuMDIyIDAgMDAwLTEuNDQ4TDE3LjM3Mi4zYTEuMDI2IDEuMDI2IDAgMDAtMS40NSAwTC4zNTYgMTUuODkyYTEuMDQ3IDEuMDQ3IDAgMDAtLjMwMS43MjR2NC4zNTdjMCAuNTY3LjQ1OCAxLjAyNCAxLjAyNiAxLjAyNHoiLz48L3N2Zz4=) no-repeat 0 .8rem;
            height: 4.3rem;
            width: 4.4rem;
            color: #000;
            margin: 0 1rem
        }

        .account-menu-list .nav-item.router-link-exact-active .nav-title .nav-link {
            color: #5ac8fa !important
        }

        .account-menu-list .nav-item.router-link-exact-active .purchase-icon {
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjkzNCAxMC41MzNjLTEuMDkyLS4wOTItMi40LS40NTgtMi40MjQtMS42ODUtLjAxMi0uNTA3LjI0LS44NzYuNDU2LTEuMDk3LjQ2Mi0uNDcyIDEuMi0uNzQzIDIuMDIyLS43NDMgMS41NDggMCAyLjI1Ljg2NCAyLjI1IDEuNjY3YS45LjkgMCAxMDEuOCAwYzAtMS41MTUtMS4wOC0zLjA0Ni0zLjE0NC0zLjM5M3YtLjgxOWEuOS45IDAgMTAtMS44IDB2LjgyM2MtLjk0OC4xNjMtMS44LjU4LTIuNDEyIDEuMjA1LS42NDguNjYxLS45OSAxLjUxMS0uOTcyIDIuMzk1LjA0MiAxLjk0NCAxLjU2NiAzLjIzIDQuMTA0IDMuNDQzIDEuNjg2LjA4NiAyLjgyNi45MzYgMi43NzIgMi4wNy0uMDQ4IDEuMDQtMS4xMTYgMS43OTctMi41MzIgMS43OTctMS4zOCAwLTIuNzY2LS42MDEtMi43NjYtMS45NDZhLjkuOSAwIDEwLTEuOCAwYzAgMS45MzMgMS40NCAzLjM1NSAzLjYwNiAzLjY3N3YuOTg3YS45LjkgMCAxMDEuOCAwdi0uOTgxYzEuOTg2LS4zMDEgMy40MDItMS42NiAzLjQ4Ni0zLjQ1LjA5LTEuODQ2LTEuNDIyLTMuNzk2LTQuNDQ2LTMuOTVtLS4xMjYgMTEuMTQzYy01LjQ0MiAwLTkuODctNC40MjctOS44Ny05Ljg2OXM0LjQyOC05Ljg3IDkuODctOS44N2M1LjQ0MiAwIDkuODcgNC40MjggOS44NyA5Ljg3IDAgNS40NDItNC40MjggOS44Ny05Ljg3IDkuODd6bTAtMjEuNTM5QzUuMzcuMTM3LjEzOCA1LjM3My4xMzggMTEuODA3YzAgNi40MzUgNS4yMzIgMTEuNjcgMTEuNjcgMTEuNjcgNi40MzIgMCAxMS42Ny01LjIzNSAxMS42Ny0xMS42NyAwLTYuNDM0LTUuMjM4LTExLjY3LTExLjY3LTExLjY3eiIgZmlsbD0iIzVBQzhGQSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat 0 .8rem
        }

        .account-menu-list .nav-item.router-link-exact-active .password-icon {
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTguNDQzIDE3LjE4M3YuOTA5YzAgLjQyNC4zNDUuNzY2Ljc3Ljc2NmEuNzY4Ljc2OCAwIDAwLjc3Mi0uNzY2di0uOTE0Yy40NzMtLjI3Ljc5Ni0uNzcxLjc5Ni0xLjM0OCAwLS44NTgtLjcwMy0xLjU1OC0xLjU2Ny0xLjU1OC0uODY1IDAtMS41NjguNy0xLjU2OCAxLjU1OCAwIC41NjcuMzA5IDEuMDc3Ljc5NyAxLjM1M203Ljk0IDMuMzI0YzAgLjE4NC0uMDQ0IDEuODIzLTEuNTQzIDEuODg0LTIuMjM2LjA4Ny0xMS4xMjguMDEtMTEuMjM4LjAwNi0uMTM4IDAtMS4zNDItLjA2Ny0xLjU3Mi0yLjIwNnYtOC44NzVoMTQuMzUydjkuMTkxem0tNy4yLTE4LjQ4YzQuMzMzIDAgNC41ODEgMy41NyA0LjU5NSAzLjk1M3YzLjgwNGgtOS4xOVY2LjE4OWMuMDA1LS4xNzQuMTU0LTQuMTYyIDQuNTk1LTQuMTYyem03Ljk3IDcuNzU3aC0xLjgzMlY1Ljk1OUMxNS4yNzIgNC4wNyAxMy45MjcuNDk1IDkuMTgzLjQ5NVMzLjA5MyA0LjE5MiAzLjA0NiA2LjE3djMuNjE1SDEuMjU4YS43NjguNzY4IDAgMDAtLjc3MS43NjZ2OS42ODFjMCAuMDI2LjAwMi4wNTIuMDA0LjA3Ny4yOTggMi45NDYgMi4xOTggMy42NzcgMy4xMTcgMy42Mi4yMzQuMDA2IDMuODIuMDM2IDYuOTg1LjAzNiAxLjgxIDAgMy40ODItLjAxIDQuMzEtLjA0IDIuMzktLjA5OCAzLjAyMi0yLjI3OCAzLjAyMi0zLjQxN1YxMC41NWEuNzY4Ljc2OCAwIDAwLS43NzItLjc2NnoiIGZpbGw9IiM1QUM4RkEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat 0 .8rem
        }

        .account-menu-list .nav-item.router-link-exact-active .logout-icon {
            background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiNBQkFCQjAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTAuNjgzIDFoMTIuNjczdjIyLjUzSDEwLjY4MyIvPjxwYXRoIGQ9Ik0xNy43IDEwLjc5M0gzLjM0MWwyLjE5LTIuMDM0YTEgMSAwIDAwLTEuMzY0LTEuNDY2TC40NTUgMTAuNzQ2YTEuNDI3IDEuNDI3IDAgMDAwIDIuMDlsMy43MzUgMy40NzNhMSAxIDAgMTAxLjM2My0xLjQ2NWwtMi4yMDctMi4wNTFIMTcuN2ExIDEgMCAwMDAtMiIgZmlsbD0iIzVBQzhGQSIvPjwvZz48L3N2Zz4=) no-repeat 0 .8rem
        }

        .account-menu-list .nav-item.router-link-exact-active .support-icon {
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyOCI+PHBhdGggZmlsbD0iIzVBQzhGQSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjQuNTE1IDI1LjA5OEgxLjAyNmExLjAyNCAxLjAyNCAwIDEwMCAyLjA0OGgyMy40OWExLjAyNCAxLjAyNCAwIDEwMC0yLjA0OG0tMjIuNDEtOC4wNTlMMTMuNTIgNS42MDdsMi45MjggMi45M0w1LjAyMiAxOS45NDhIMi4xMDdWMTcuMDR6bTE0LjU0LTE0LjU2N2wyLjk0MiAyLjkzNy0xLjY4MyAxLjY4LTIuOTM1LTIuOTMgMS42NzYtMS42ODd6TTEuMDggMjEuOTk3aDQuMzY1Yy4yNzQgMCAuNTM0LS4xMS43MjYtLjNMMjEuNzY1IDYuMTMzYTEuMDIyIDEuMDIyIDAgMDAwLTEuNDQ4TDE3LjM3Mi4zYTEuMDI2IDEuMDI2IDAgMDAtMS40NSAwTC4zNTYgMTUuODkyYTEuMDQ3IDEuMDQ3IDAgMDAtLjMwMS43MjR2NC4zNTdjMCAuNTY3LjQ1OCAxLjAyNCAxLjAyNiAxLjAyNHoiLz48L3N2Zz4=) no-repeat 0 .8rem
        }

        .account-menu-list .nav-item .nav-link {
            color: #b8b3c2;
            white-space: nowrap;
            font-size: 1.4rem;
            padding: .2rem .5rem;
            text-transform: uppercase
        }

            .account-menu-list .nav-item .nav-link:hover {
                color: #d1d1f6
            }

        .account-menu-list .nav-item.router-link-exact-active .nav-title {
            color: #5ac8fa
        }

        .account-menu-list .nav-item.account-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: nowrap;
            flex-flow: nowrap;
            color: #fff
        }

            .account-menu-list .nav-item.account-item .substrate {
                display: block;
                position: absolute;
                bottom: 15%;
                left: 0;
                width: 85%;
                height: 100%;
                border-radius: 4.35rem;
                background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0xMCAwQzQuNDggMCAwIDQuNDggMCAxMHM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTUuNTIgMCAxMCAwem0wIDNjMS42NiAwIDMgMS4zNCAzIDNzLTEuMzQgMy0zIDMtMy0xLjM0LTMtMyAxLjM0LTMgMy0zem0wIDE0Yy0yLjUgMC00LjcxLTEuMjE5LTYtMy4wNjdDNC4wMyAxMi4wMzggOCAxMSAxMCAxMWMxLjk5IDAgNS45NyAxLjAzOCA2IDIuOTMzQzE0LjcxIDE1Ljc4MSAxMi41IDE3IDEwIDE3eiIgaWQ9ImEiLz48L2RlZnM+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat .3rem 1.2rem;
                cursor: pointer
            }

.account-menu .account-menu-title:active, .account-menu .selected {
    color: #5ac8fa
}

.default-layout .selection-subscription, .onboarding-layout .selection-subscription {
    width: 100%
}

.default-layout .subscription-container, .onboarding-layout .subscription-container {
    min-height: 100%;
    min-width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.5rem 2rem
}

    .default-layout .subscription-container .content-list, .default-layout .subscription-container .subscription-close.bottom, .onboarding-layout .subscription-container .content-list, .onboarding-layout .subscription-container .subscription-close.bottom {
        display: none
    }

    .default-layout .subscription-container .subscription-info, .onboarding-layout .subscription-container .subscription-info {
        position: relative;
        height: auto;
        min-width: 80%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 1.5rem 2rem;
        padding: 2rem
    }

        .default-layout .subscription-container .subscription-info .subscription-item, .onboarding-layout .subscription-container .subscription-info .subscription-item {
            margin-bottom: 1rem;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            min-width: 10rem;
            min-height: 7rem;
            text-align: center;
            font-size: 2.2rem;
            color: #fff;
            border-bottom: .1rem solid #fff
        }

            .default-layout .subscription-container .subscription-info .subscription-item.offer, .onboarding-layout .subscription-container .subscription-info .subscription-item.offer {
                display: none
            }

        .default-layout .subscription-container .subscription-info .subscription-close, .onboarding-layout .subscription-container .subscription-info .subscription-close {
            right: -5rem;
            position: absolute;
            margin: 1rem;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 3.5rem;
            width: 3.5rem;
            list-style-type: none;
            cursor: pointer;
            padding: 1.7rem;
            border-radius: 6rem;
            background-color: #7359be
        }

            .default-layout .subscription-container .subscription-info .subscription-close .close, .onboarding-layout .subscription-container .subscription-info .subscription-close .close {
                top: 3.3rem;
                width: 2rem;
                height: .2rem;
                cursor: pointer
            }

                .default-layout .subscription-container .subscription-info .subscription-close .close:after, .default-layout .subscription-container .subscription-info .subscription-close .close:before, .onboarding-layout .subscription-container .subscription-info .subscription-close .close:after, .onboarding-layout .subscription-container .subscription-info .subscription-close .close:before {
                    content: "";
                    position: absolute;
                    display: block;
                    width: 2rem;
                    height: .2rem;
                    top: 50%;
                    left: 23%;
                    background-color: #fff;
                    border-radius: .2rem
                }

                .default-layout .subscription-container .subscription-info .subscription-close .close:before, .onboarding-layout .subscription-container .subscription-info .subscription-close .close:before {
                    -webkit-transform: translateY(-50%) rotate(45deg);
                    transform: translateY(-50%) rotate(45deg)
                }

                .default-layout .subscription-container .subscription-info .subscription-close .close:after, .onboarding-layout .subscription-container .subscription-info .subscription-close .close:after {
                    -webkit-transform: translateY(-50%) rotate(-45deg);
                    transform: translateY(-50%) rotate(-45deg)
                }

    .default-layout .subscription-container .subscription-card, .onboarding-layout .subscription-container .subscription-card {
        min-width: 80%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        margin: 1.5rem 2rem
    }

        .default-layout .subscription-container .subscription-card .subscription-img, .onboarding-layout .subscription-container .subscription-card .subscription-img {
            min-width: 100%;
            min-height: 15rem;
            background: url(/static/img/choose-subscr.c39ef53.svg) no-repeat 50%;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .default-layout .subscription-container .subscription-card .cards, .default-layout .subscription-container .subscription-card .cards .card-item, .onboarding-layout .subscription-container .subscription-card .cards, .onboarding-layout .subscription-container .subscription-card .cards .card-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .default-layout .subscription-container .subscription-card .cards .card-item, .onboarding-layout .subscription-container .subscription-card .cards .card-item {
                width: 100%;
                max-width: 30rem;
                min-height: 6rem;
                height: 100%;
                margin: 1rem;
                border-radius: 4.3rem;
                text-align: center;
                font-size: 1.5rem;
                background: #eeefff;
                color: #88888b
            }

                .default-layout .subscription-container .subscription-card .cards .card-item .subscription-activate, .onboarding-layout .subscription-container .subscription-card .cards .card-item .subscription-activate {
                    display: none
                }

                .default-layout .subscription-container .subscription-card .cards .card-item .subscription-price, .default-layout .subscription-container .subscription-card .cards .card-item .subscription-title, .onboarding-layout .subscription-container .subscription-card .cards .card-item .subscription-price, .onboarding-layout .subscription-container .subscription-card .cards .card-item .subscription-title {
                    height: auto;
                    min-width: 100%
                }

                .default-layout .subscription-container .subscription-card .cards .card-item.featured, .onboarding-layout .subscription-container .subscription-card .cards .card-item.featured {
                    background: #33ef73;
                    cursor: pointer;
                    color: #fff;
                    -webkit-transition: all .5s;
                    transition: all .5s;
                    -webkit-box-shadow: 0;
                    box-shadow: 0;
                    font-weight: 700
                }

                    .default-layout .subscription-container .subscription-card .cards .card-item.featured:hover, .onboarding-layout .subscription-container .subscription-card .cards .card-item.featured:hover {
                        background: #33ef24;
                        -webkit-box-shadow: 0 0 51px #dcd4d4;
                        box-shadow: 0 0 51px #dcd4d4
                    }

                .default-layout .subscription-container .subscription-card .cards .card-item.active, .onboarding-layout .subscription-container .subscription-card .cards .card-item.active {
                    background: #fff
                }

                .default-layout .subscription-container .subscription-card .cards .card-item:not(.featured):hover, .onboarding-layout .subscription-container .subscription-card .cards .card-item:not(.featured):hover {
                    background: #fff;
                    cursor: pointer
                }

        .default-layout .subscription-container .subscription-card .subscription-text, .onboarding-layout .subscription-container .subscription-card .subscription-text {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-top: 2rem;
            padding: 0 1rem;
            min-height: 5rem;
            height: 100%;
            min-width: 100%;
            color: #fff;
            text-align: center
        }

.default-layout.purchase-page .subscription-container .subscription-item.offer, .default-layout.v2 .subscription-container .subscription-item.offer, .default-layout.v3 .subscription-container .subscription-item.offer, .onboarding-layout.purchase-page .subscription-container .subscription-item.offer, .onboarding-layout.v2 .subscription-container .subscription-item.offer, .onboarding-layout.v3 .subscription-container .subscription-item.offer {
    border: none;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: wrap-reverse;
    flex-flow: wrap-reverse;
    min-height: 5rem
}

    .default-layout.purchase-page .subscription-container .subscription-item.offer:after, .default-layout.v2 .subscription-container .subscription-item.offer:after, .default-layout.v3 .subscription-container .subscription-item.offer:after, .onboarding-layout.purchase-page .subscription-container .subscription-item.offer:after, .onboarding-layout.v2 .subscription-container .subscription-item.offer:after, .onboarding-layout.v3 .subscription-container .subscription-item.offer:after {
        content: "";
        width: 70px;
        height: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #fff;
        position: absolute
    }

.default-layout.purchase-page .subscription-container .subscription-item.access, .default-layout.v2 .subscription-container .subscription-item.access, .default-layout.v3 .subscription-container .subscription-item.access, .onboarding-layout.purchase-page .subscription-container .subscription-item.access, .onboarding-layout.v2 .subscription-container .subscription-item.access, .onboarding-layout.v3 .subscription-container .subscription-item.access {
    display: none
}

.default-layout.purchase-page .subscription-container .subscription-card, .default-layout.v2 .subscription-container .subscription-card, .default-layout.v3 .subscription-container .subscription-card, .onboarding-layout.purchase-page .subscription-container .subscription-card, .onboarding-layout.v2 .subscription-container .subscription-card, .onboarding-layout.v3 .subscription-container .subscription-card {
    width: 100%
}

    .default-layout.purchase-page .subscription-container .subscription-card .subscription-img, .default-layout.v2 .subscription-container .subscription-card .subscription-img, .default-layout.v3 .subscription-container .subscription-card .subscription-img, .onboarding-layout.purchase-page .subscription-container .subscription-card .subscription-img, .onboarding-layout.v2 .subscription-container .subscription-card .subscription-img, .onboarding-layout.v3 .subscription-container .subscription-card .subscription-img {
        display: none
    }

    .default-layout.purchase-page .subscription-container .subscription-card .cards, .default-layout.v2 .subscription-container .subscription-card .cards, .default-layout.v3 .subscription-container .subscription-card .cards, .onboarding-layout.purchase-page .subscription-container .subscription-card .cards, .onboarding-layout.v2 .subscription-container .subscription-card .cards, .onboarding-layout.v3 .subscription-container .subscription-card .cards {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item, .default-layout.v2 .subscription-container .subscription-card .cards .card-item, .default-layout.v3 .subscription-container .subscription-card .cards .card-item, .onboarding-layout.purchase-page .subscription-container .subscription-card .cards .card-item, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item {
            max-width: 30rem;
            width: 100%;
            height: 22rem;
            line-height: 4rem;
            font-size: 4rem;
            color: #fff;
            background: hsla(0,0%,100%,.2);
            border-radius: 1rem;
            -webkit-box-shadow: 0 1rem 2rem 0 rgba(0,0,0,.1);
            box-shadow: 0 1rem 2rem 0 rgba(0,0,0,.1);
            height: inherit
        }

            .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item.featured, .default-layout.v2 .subscription-container .subscription-card .cards .card-item.featured, .default-layout.v3 .subscription-container .subscription-card .cards .card-item.featured, .onboarding-layout.purchase-page .subscription-container .subscription-card .cards .card-item.featured, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item.featured, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item.featured {
                -webkit-transition: background .2s ease;
                transition: background .2s ease;
                font-size: 4rem;
                height: 26rem;
                background: #22fab6
            }

                .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item.featured:hover, .default-layout.v2 .subscription-container .subscription-card .cards .card-item.featured:hover, .default-layout.v3 .subscription-container .subscription-card .cards .card-item.featured:hover, .onboarding-layout.purchase-page .subscription-container .subscription-card .cards .card-item.featured:hover, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item.featured:hover, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item.featured:hover {
                    background: #22fab6
                }

                .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item.featured.active, .default-layout.v2 .subscription-container .subscription-card .cards .card-item.featured.active, .default-layout.v3 .subscription-container .subscription-card .cards .card-item.featured.active, .onboarding-layout.purchase-page .subscription-container .subscription-card .cards .card-item.featured.active, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item.featured.active, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item.featured.active {
                    opacity: .8
                }

            .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item:not(.featured):hover, .default-layout.v2 .subscription-container .subscription-card .cards .card-item:not(.featured):hover, .default-layout.v3 .subscription-container .subscription-card .cards .card-item:not(.featured):hover, .onboarding-layout.purchase-page .subscription-container .subscription-card .cards .card-item:not(.featured):hover, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item:not(.featured):hover, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item:not(.featured):hover {
                background: hsla(0,0%,100%,.52);
                opacity: .8;
                cursor: pointer
            }

            .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item .plan, .default-layout.v2 .subscription-container .subscription-card .cards .card-item .plan, .default-layout.v3 .subscription-container .subscription-card .cards .card-item .plan, .onboarding-layout.purchase-page .subscription-container .subscription-card .cards .card-item .plan, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item .plan, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item .plan {
                margin-top: 3rem
            }

            .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item .subscription-unit, .default-layout.v2 .subscription-container .subscription-card .cards .card-item .subscription-unit, .default-layout.v3 .subscription-container .subscription-card .cards .card-item .subscription-unit, .onboarding-layout.purchase-page .subscription-container .subscription-card .cards .card-item .subscription-unit, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item .subscription-unit, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item .subscription-unit {
                display: block;
                font-size: 2.4rem;
                font-weight: 500
            }

            .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item .subscription-activate, .default-layout.v2 .subscription-container .subscription-card .cards .card-item .subscription-activate, .default-layout.v3 .subscription-container .subscription-card .cards .card-item .subscription-activate, .onboarding-layout.purchase-page .subscription-container .subscription-card .cards .card-item .subscription-activate, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item .subscription-activate, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item .subscription-activate {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                border: .1rem solid #fff;
                border-radius: 3.5rem;
                padding: 1.8rem 4rem;
                margin: 2rem 0
            }

                .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item .subscription-activate span, .default-layout.v2 .subscription-container .subscription-card .cards .card-item .subscription-activate span, .default-layout.v3 .subscription-container .subscription-card .cards .card-item .subscription-activate span, .onboarding-layout.purchase-page .subscription-container .subscription-card .cards .card-item .subscription-activate span, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item .subscription-activate span, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item .subscription-activate span {
                    font-size: 2rem;
                    font-weight: 700;
                    line-height: normal;
                    font-stretch: normal;
                    letter-spacing: normal
                }

    .default-layout.purchase-page .subscription-container .subscription-card .subscription-text, .default-layout.v2 .subscription-container .subscription-card .subscription-text, .default-layout.v3 .subscription-container .subscription-card .subscription-text, .onboarding-layout.purchase-page .subscription-container .subscription-card .subscription-text, .onboarding-layout.v2 .subscription-container .subscription-card .subscription-text, .onboarding-layout.v3 .subscription-container .subscription-card .subscription-text {
        font-size: 1.6rem
    }

.default-layout.purchase-page .subscription-container .subscription-info .subscription-item, .default-layout.v2 .subscription-container .subscription-info .subscription-item, .default-layout.v3 .subscription-container .subscription-info .subscription-item, .onboarding-layout.purchase-page .subscription-container .subscription-info .subscription-item, .onboarding-layout.v2 .subscription-container .subscription-info .subscription-item, .onboarding-layout.v3 .subscription-container .subscription-info .subscription-item {
    border: none;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    min-height: 15rem;
    margin-top: 6rem;
    font-size: 4rem;
    font-family: Proxima Nova Bold
}

    .default-layout.purchase-page .subscription-container .subscription-info .subscription-item:after, .default-layout.v2 .subscription-container .subscription-info .subscription-item:after, .default-layout.v3 .subscription-container .subscription-info .subscription-item:after, .onboarding-layout.purchase-page .subscription-container .subscription-info .subscription-item:after, .onboarding-layout.v2 .subscription-container .subscription-info .subscription-item:after, .onboarding-layout.v3 .subscription-container .subscription-info .subscription-item:after {
        content: "";
        width: 70px;
        height: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: #fff;
        position: absolute;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        top: 100%;
        left: 50%;
        bottom: 0
    }

.default-layout.purchase-page .subscription-container .content-container, .default-layout.v2 .subscription-container .content-container, .default-layout.v3 .subscription-container .content-container, .onboarding-layout.purchase-page .subscription-container .content-container, .onboarding-layout.v2 .subscription-container .content-container, .onboarding-layout.v3 .subscription-container .content-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

    .default-layout.purchase-page .subscription-container .content-container .content-list, .default-layout.v2 .subscription-container .content-container .content-list, .default-layout.v3 .subscription-container .content-container .content-list, .onboarding-layout.purchase-page .subscription-container .content-container .content-list, .onboarding-layout.v2 .subscription-container .content-container .content-list, .onboarding-layout.v3 .subscription-container .content-container .content-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        list-style: disc;
        color: #fff
    }

        .default-layout.purchase-page .subscription-container .content-container .content-list li, .default-layout.v2 .subscription-container .content-container .content-list li, .default-layout.v3 .subscription-container .content-container .content-list li, .onboarding-layout.purchase-page .subscription-container .content-container .content-list li, .onboarding-layout.v2 .subscription-container .content-container .content-list li, .onboarding-layout.v3 .subscription-container .content-container .content-list li {
            margin: 1.5rem
        }

.default-layout.purchase-page .subscription-container .subscription-close, .default-layout.v2 .subscription-container .subscription-close, .default-layout.v3 .subscription-container .subscription-close, .onboarding-layout.purchase-page .subscription-container .subscription-close, .onboarding-layout.v2 .subscription-container .subscription-close, .onboarding-layout.v3 .subscription-container .subscription-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 19rem;
    max-width: 30rem;
    width: 100%;
    min-height: 6rem;
    height: 100%
}

    .default-layout.purchase-page .subscription-container .subscription-close.bottom, .default-layout.v2 .subscription-container .subscription-close.bottom, .default-layout.v3 .subscription-container .subscription-close.bottom, .onboarding-layout.purchase-page .subscription-container .subscription-close.bottom, .onboarding-layout.v2 .subscription-container .subscription-close.bottom, .onboarding-layout.v3 .subscription-container .subscription-close.bottom {
        cursor: pointer;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: inherit;
        border: .1rem solid #fff;
        border-radius: 3.5rem;
        padding: 1.8rem 4rem;
        margin: 2rem 0 3rem;
        -webkit-transition: border-color .2s ease;
        transition: border-color .2s ease
    }

        .default-layout.purchase-page .subscription-container .subscription-close.bottom span, .default-layout.v2 .subscription-container .subscription-close.bottom span, .default-layout.v3 .subscription-container .subscription-close.bottom span, .onboarding-layout.purchase-page .subscription-container .subscription-close.bottom span, .onboarding-layout.v2 .subscription-container .subscription-close.bottom span, .onboarding-layout.v3 .subscription-container .subscription-close.bottom span {
            font-size: 2rem;
            font-weight: 700;
            line-height: normal;
            font-stretch: normal;
            letter-spacing: normal;
            color: #fff
        }

        .default-layout.purchase-page .subscription-container .subscription-close.bottom:hover, .default-layout.v2 .subscription-container .subscription-close.bottom:hover, .default-layout.v3 .subscription-container .subscription-close.bottom:hover, .onboarding-layout.purchase-page .subscription-container .subscription-close.bottom:hover, .onboarding-layout.v2 .subscription-container .subscription-close.bottom:hover, .onboarding-layout.v3 .subscription-container .subscription-close.bottom:hover {
            border-color: #22fab6
        }

    .default-layout.purchase-page .subscription-container .subscription-close .close, .default-layout.v2 .subscription-container .subscription-close .close, .default-layout.v3 .subscription-container .subscription-close .close, .onboarding-layout.purchase-page .subscription-container .subscription-close .close, .onboarding-layout.v2 .subscription-container .subscription-close .close, .onboarding-layout.v3 .subscription-container .subscription-close .close {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 6rem;
        margin: 1rem;
        text-align: center;
        font-size: 2rem;
        background: transparent;
        border: .2rem solid #fff;
        border-radius: 3rem;
        color: #fff;
        opacity: .5
    }

        .default-layout.purchase-page .subscription-container .subscription-close .close:hover, .default-layout.v2 .subscription-container .subscription-close .close:hover, .default-layout.v3 .subscription-container .subscription-close .close:hover, .onboarding-layout.purchase-page .subscription-container .subscription-close .close:hover, .onboarding-layout.v2 .subscription-container .subscription-close .close:hover, .onboarding-layout.v3 .subscription-container .subscription-close .close:hover {
            opacity: .8
        }

.default-layout.purchase-page .subscription-container.payment-v2, .default-layout.v2 .subscription-container.payment-v2, .default-layout.v3 .subscription-container.payment-v2, .onboarding-layout.purchase-page .subscription-container.payment-v2, .onboarding-layout.v2 .subscription-container.payment-v2, .onboarding-layout.v3 .subscription-container.payment-v2 {
    width: 100%
}

    .default-layout.purchase-page .subscription-container.payment-v2 .subscription-info, .default-layout.v2 .subscription-container.payment-v2 .subscription-info, .default-layout.v3 .subscription-container.payment-v2 .subscription-info, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-info, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-info, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-info {
        padding: 0;
        margin: 1.5rem 2rem 0
    }

        .default-layout.purchase-page .subscription-container.payment-v2 .subscription-info .subscription-item, .default-layout.v2 .subscription-container.payment-v2 .subscription-info .subscription-item, .default-layout.v3 .subscription-container.payment-v2 .subscription-info .subscription-item, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-info .subscription-item, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-info .subscription-item, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-info .subscription-item {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            min-height: auto;
            margin-top: 0
        }

            .default-layout.purchase-page .subscription-container.payment-v2 .subscription-info .subscription-item .text-unsubscribe, .default-layout.v2 .subscription-container.payment-v2 .subscription-info .subscription-item .text-unsubscribe, .default-layout.v3 .subscription-container.payment-v2 .subscription-info .subscription-item .text-unsubscribe, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-info .subscription-item .text-unsubscribe, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-info .subscription-item .text-unsubscribe, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-info .subscription-item .text-unsubscribe {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                flex-flow: row wrap;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 2rem;
                opacity: .5;
                color: #fff
            }

                .default-layout.purchase-page .subscription-container.payment-v2 .subscription-info .subscription-item .text-unsubscribe span, .default-layout.v2 .subscription-container.payment-v2 .subscription-info .subscription-item .text-unsubscribe span, .default-layout.v3 .subscription-container.payment-v2 .subscription-info .subscription-item .text-unsubscribe span, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-info .subscription-item .text-unsubscribe span, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-info .subscription-item .text-unsubscribe span, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-info .subscription-item .text-unsubscribe span {
                    margin-right: 1rem
                }

            .default-layout.purchase-page .subscription-container.payment-v2 .subscription-info .subscription-item.offer, .default-layout.v2 .subscription-container.payment-v2 .subscription-info .subscription-item.offer, .default-layout.v3 .subscription-container.payment-v2 .subscription-info .subscription-item.offer, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-info .subscription-item.offer, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-info .subscription-item.offer, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-info .subscription-item.offer {
                border: none;
                position: relative;
                text-align: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-orient: vertical;
                -webkit-box-direction: reverse;
                -ms-flex-flow: wrap-reverse;
                flex-flow: wrap-reverse;
                min-height: 5rem
            }

            .default-layout.purchase-page .subscription-container.payment-v2 .subscription-info .subscription-item.access, .default-layout.v2 .subscription-container.payment-v2 .subscription-info .subscription-item.access, .default-layout.v3 .subscription-container.payment-v2 .subscription-info .subscription-item.access, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-info .subscription-item.access, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-info .subscription-item.access, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-info .subscription-item.access {
                display: none
            }

            .default-layout.purchase-page .subscription-container.payment-v2 .subscription-info .subscription-item:after, .default-layout.v2 .subscription-container.payment-v2 .subscription-info .subscription-item:after, .default-layout.v3 .subscription-container.payment-v2 .subscription-info .subscription-item:after, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-info .subscription-item:after, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-info .subscription-item:after, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-info .subscription-item:after {
                display: none !important
            }

    .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card, .default-layout.v2 .subscription-container.payment-v2 .subscription-card, .default-layout.v3 .subscription-container.payment-v2 .subscription-card, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card {
        width: 100%
    }

        .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap
        }

            .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: relative;
                max-width: 38rem;
                width: 100%;
                height: 50.3rem;
                background: #fff;
                color: #44435d;
                border-radius: 1rem
            }

                .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item.monthly .subscription-activate.continue-button-container .continue-button, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item.monthly .subscription-activate.continue-button-container .continue-button, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item.monthly .subscription-activate.continue-button-container .continue-button, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item.monthly .subscription-activate.continue-button-container .continue-button, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item.monthly .subscription-activate.continue-button-container .continue-button, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item.monthly .subscription-activate.continue-button-container .continue-button {
                    color: #6ae87c;
                    background: #fff;
                    border: .1rem solid #6ae87c;
                    border-radius: 3rem;
                    -webkit-box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,.05);
                    box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,.05)
                }

                .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .discount, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .discount, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }

                    .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        position: absolute;
                        top: -1rem;
                        right: -.5rem;
                        width: 15rem;
                        height: 15rem;
                        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQwIiBoZWlnaHQ9IjE1MCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0uMzc5IDEwTDEyOS42NjYuNzY1YzUuNTA5LS4zOTMgMTAuMjk0IDMuNzUzIDEwLjY4NyA5LjI2MmExMCAxMCAwIDAxLjAyNi43MTNWMTUwTC4zNzkgMTB6Ii8+PC9kZWZzPjx1c2UgZmlsbD0iI0ZGRTUxMSIgZmlsbC1ydWxlPSJldmVub2RkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtLjM3OSkiIHhsaW5rOmhyZWY9IiNhIi8+PC9zdmc+) no-repeat 50%;
                        overflow: visible
                    }

                        .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .triangle-shadow, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .triangle-shadow, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .triangle-shadow, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .triangle-shadow, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .triangle-shadow, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .triangle-shadow {
                            position: absolute;
                            top: -1rem;
                            right: -1rem;
                            width: 2rem;
                            height: 20rem;
                            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMjAiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMHYxMjBMOS4yNzggOC42NjRBOCA4IDAgMDAxLjMwNiAwSDB6IiBvcGFjaXR5PSIuMiIvPjwvc3ZnPg==) no-repeat 50%
                        }

                        .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .discount-container, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .discount-container, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .discount-container, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .discount-container, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .discount-container, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .discount-container {
                            display: block;
                            -webkit-transform: rotate(45deg);
                            transform: rotate(45deg);
                            margin-top: 2rem;
                            margin-right: 2rem;
                            font-size: 2.8rem;
                            font-weight: 600;
                            line-height: 1.6rem
                        }

                            .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .discount-container .discount-text, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .discount-container .discount-text, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .discount-container .discount-text, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .discount-container .discount-text, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .discount-container .discount-text, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .discount-container .discount-text {
                                font-size: 1.6rem
                            }

                        .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .sale-value, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .sale-value, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .sale-value, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .sale-value, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .sale-value, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .discount.triangle-yellow .sale-value {
                            display: block;
                            -webkit-transform: rotate(45deg);
                            transform: rotate(45deg);
                            font-size: 2.5rem;
                            font-weight: 600;
                            line-height: 2.6rem
                        }

                .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .plan, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .plan, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: column nowrap;
                    flex-flow: column nowrap;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    padding: 5rem 6rem;
                    margin-top: 3rem
                }

                .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-unit, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-unit, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-unit, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-unit, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-unit, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-unit {
                    display: block;
                    font-family: Roboto;
                    font-size: 2.4rem;
                    text-align: left
                }

                .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
                    font-family: Roboto;
                    font-size: 2.4rem;
                    text-align: left;
                    color: #b8b3c2
                }

                    .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title .price-title, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title .price-title, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title .price-title, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title .price-title, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title .price-title, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title .price-title {
                        margin-right: 1rem
                    }

                    .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title .unit-title, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title .unit-title, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title .unit-title, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title .unit-title, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title .unit-title, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-title .unit-title {
                        font-size: 1.6rem;
                        line-height: 3rem;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: end;
                        -ms-flex-align: end;
                        align-items: flex-end;
                        -webkit-box-pack: end;
                        -ms-flex-pack: end;
                        justify-content: flex-end
                    }

                .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate {
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    border: .1rem solid #fff;
                    border-radius: 3.5rem;
                    padding: 0;
                    margin: 2rem 0
                }

                    .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate span, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate span, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate span, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate span, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate span, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate span {
                        font-size: 2rem;
                        font-weight: 700;
                        line-height: normal;
                        font-stretch: normal;
                        letter-spacing: normal
                    }

                    .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container {
                        width: 26rem
                    }

                        .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            width: 100%;
                            background: #6ae87c;
                            -webkit-box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,.05);
                            box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,.05)
                        }

                            .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button:active, .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button:hover, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button:active, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button:hover, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button:active, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button:hover, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button:active, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button:hover, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button:active, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button:hover, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button:active, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .subscription-activate.continue-button-container .continue-button:hover {
                                opacity: .8
                            }

                .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list {
                    margin: 2rem 0;
                    list-style: none;
                    text-align: left
                }

                    .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list li, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list li, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list li, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list li, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list li, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list li {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: horizontal;
                        -webkit-box-direction: normal;
                        -ms-flex-flow: row nowrap;
                        flex-flow: row nowrap;
                        -webkit-box-pack: start;
                        -ms-flex-pack: start;
                        justify-content: flex-start;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        font-family: Roboto;
                        font-size: 1.4rem;
                        margin: 0;
                        color: #b8b3c2
                    }

                        .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list li .list-item-text, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list li .list-item-text, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list li .list-item-text, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list li .list-item-text, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list li .list-item-text, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list li .list-item-text {
                            margin-left: 1rem;
                            line-height: 2.6rem
                        }

                    .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list .icon-check-grey, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list .icon-check-grey, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list .icon-check-grey, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list .icon-check-grey, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list .icon-check-grey, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .text-content .app-access-advantages-list .icon-check-grey {
                        padding: 0 1rem
                    }

                .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item:active, .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item:hover, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item:active, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item:hover, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item:active, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item:hover, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item:active, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item:hover, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item:active, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item:hover, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item:active, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item:hover {
                    opacity: 1;
                    background: #fff
                }

        .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .subscription-text, .default-layout.v2 .subscription-container.payment-v2 .subscription-card .subscription-text, .default-layout.v3 .subscription-container.payment-v2 .subscription-card .subscription-text, .onboarding-layout.purchase-page .subscription-container.payment-v2 .subscription-card .subscription-text, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .subscription-text, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .subscription-text {
            font-size: 1.6rem
        }

    .default-layout.purchase-page .subscription-container.payment-v2 .payment-close, .default-layout.v2 .subscription-container.payment-v2 .payment-close, .default-layout.v3 .subscription-container.payment-v2 .payment-close, .onboarding-layout.purchase-page .subscription-container.payment-v2 .payment-close, .onboarding-layout.v2 .subscription-container.payment-v2 .payment-close, .onboarding-layout.v3 .subscription-container.payment-v2 .payment-close {
        position: absolute;
        top: 2rem;
        right: 2rem;
        background: hsla(0,0%,100%,.2)
    }

    .default-layout.purchase-page .subscription-close.right, .default-layout.purchase-page .subscription-container.payment-v2 .text-content.extra, .default-layout.v2 .subscription-close.right, .default-layout.v2 .subscription-container.payment-v2 .text-content.extra, .default-layout.v3 .subscription-close.right, .default-layout.v3 .subscription-container.payment-v2 .text-content.extra, .onboarding-layout.purchase-page .subscription-close.right, .onboarding-layout.purchase-page .subscription-container.payment-v2 .text-content.extra, .onboarding-layout.v2 .subscription-close.right, .onboarding-layout.v2 .subscription-container.payment-v2 .text-content.extra, .onboarding-layout.v3 .subscription-close.right, .onboarding-layout.v3 .subscription-container.payment-v2 .text-content.extra {
        display: none
    }

.onboarding-layout.v2 .background-layer .faces-1 {
    background: url(/static/img/left-icons.0791e79.svg) no-repeat;
    max-width: 42rem;
    width: 100%;
    height: 70%;
    position: absolute;
    top: 15rem;
    left: 1%;
    background-size: contain
}

.onboarding-layout.v2 .background-layer .faces-2 {
    background: url(/static/img/right-icons.c2b2b46.svg) no-repeat;
    max-width: 42rem;
    width: 100%;
    height: 70%;
    position: absolute;
    top: 15rem;
    right: 1%;
    background-size: contain
}

.onboarding-layout.v2 .background-layer .background-images {
    width: 100%
}

    .onboarding-layout.v2 .background-layer .background-images .left {
        width: 40%;
        left: 0
    }

    .onboarding-layout.v2 .background-layer .background-images .right {
        width: 25%;
        right: 0
    }

.onboarding-layout.v2 .onboarding-step.language .answers-card .answers .answer-item .text-answer {
    width: auto;
    height: auto;
    min-width: 0;
    padding: 1.3rem 2.5rem;
    border-radius: 2.5rem;
    font-size: 2rem;
    -webkit-transition: background .2s ease;
    transition: background .2s ease
}

    .onboarding-layout.v2 .onboarding-step.language .answers-card .answers .answer-item .text-answer:hover {
        background: #00e3ff
    }

.onboarding-layout.v2 .onboarding-step.introduce .answers-card .answers.motivation .answer-item .text-answer {
    font-size: 1.6rem
}

.onboarding-layout.v2 .onboarding-step.introduce .answers-card .answers input[type=number]::-webkit-inner-spin-button, .onboarding-layout.v2 .onboarding-step.introduce .answers-card .answers input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.onboarding-layout.v2 .onboarding-step.introduce .answers-card .answers input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    margin: 0
}

.onboarding-layout.v2 .onboarding-step.introduce input.text-answer {
    font-size: 2.2rem;
    padding-left: 2.7rem
}

    .onboarding-layout.v2 .onboarding-step.introduce input.text-answer:focus {
        border-color: #00e3ff
    }

.onboarding-layout.v2 .answers-card {
    font-size: 2rem
}

.onboarding-layout.v2 .questions-card .question-item {
    height: inherit;
    border: none;
    margin-top: 6rem;
    font-family: Proxima Nova Bold;
    font-size: 4rem
}

.onboarding-layout.v2 .selection-progress {
    display: none
}

.onboarding-layout.v2 .aside-graphic {
    width: 19.2rem;
    background-image: -webkit-gradient(linear,left top,right top,from(#9e95e3),to(#e281d3));
    background-image: linear-gradient(90deg,#9e95e3,#e281d3)
}

    .onboarding-layout.v2 .aside-graphic .background-layer {
        width: 19.2rem
    }

        .onboarding-layout.v2 .aside-graphic .background-layer .comets, .onboarding-layout.v2 .aside-graphic .background-layer .meteor, .onboarding-layout.v2 .aside-graphic .background-layer .planet, .onboarding-layout.v2 .aside-graphic .background-layer .stars, .onboarding-layout.v2 .aside-graphic .background-layer .stars.second-item {
            display: none
        }

    .onboarding-layout.v2 .aside-graphic .container-onboarding {
        max-width: 100rem
    }

.onboarding-step.feedback {
    height: 40rem
}

    .onboarding-step.feedback .comments .carousel {
        width: 47rem;
        height: 27.6rem
    }

    .onboarding-step.feedback .comments .carousel-controls {
        position: absolute
    }

    .onboarding-step.feedback .comments .current-comment {
        height: 27.6rem
    }

        .onboarding-step.feedback .comments .current-comment .comment {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 46rem;
            height: 27.6rem;
            border-radius: 1rem;
            -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);
            box-shadow: 0 5px 10px 0 rgba(0,0,0,.05)
        }

            .onboarding-step.feedback .comments .current-comment .comment .comment-author {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1
            }

            .onboarding-step.feedback .comments .current-comment .comment .comment-header {
                -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                order: 3;
                margin: auto
            }

            .onboarding-step.feedback .comments .current-comment .comment .comment-body {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                max-height: 60%;
                height: 100%
            }

    .onboarding-step.feedback .comments .btn-next, .onboarding-step.feedback .comments .btn-prev {
        width: 6.4rem;
        height: 10.4rem;
        position: absolute;
        cursor: pointer;
        bottom: -5rem
    }

    .onboarding-step.feedback .comments .btn-prev {
        left: 37.6rem !important;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjIgNDRDNS42NjUgNDQgMCAzOC4zMzUgMCAyMlM1LjY2NSAwIDIyIDBzMjIgNS42NjUgMjIgMjItNS42NjUgMjItMjIgMjJ6IiBvcGFjaXR5PSIuMiIvPjxwYXRoIGQ9Ik0xOS4wODYgMzEuMTkybC0uNDctLjUxNmExIDEgMCAwMTAtMS4zNDhsNi43MTgtNy4zNjItNi42NTYtNy4yOTRhMSAxIDAgMDEwLTEuMzQ4bC40Ny0uNTE0YTEgMSAwIDAxMS40NzYgMGw3Ljc2IDguNTAzYTEgMSAwIDAxLS4wMDIgMS4zNWwtNy44MiA4LjUzMWExIDEgMCAwMS0xLjQ3Ni0uMDAyeiIvPjwvZz48L3N2Zz4=) 50% no-repeat
    }

    .onboarding-step.feedback .comments .btn-next {
        right: 37.6rem !important;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCI+PGcgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjIgNDRDNS42NjUgNDQgMCAzOC4zMzUgMCAyMlM1LjY2NSAwIDIyIDBzMjIgNS42NjUgMjIgMjItNS42NjUgMjItMjIgMjJ6IiBvcGFjaXR5PSIuMiIvPjxwYXRoIGQ9Ik0yNC41NTkgMzEuMTkyYTEgMSAwIDAxLTEuNDc2LjAwMmwtNy44Mi04LjUzMmExIDEgMCAwMS0uMDAyLTEuMzVsNy43Ni04LjUwMmExIDEgMCAwMTEuNDc3IDBsLjQ2OS41MTRhMSAxIDAgMDEwIDEuMzQ4bC02LjY1NiA3LjI5NCA2LjcxOSA3LjM2MmExIDEgMCAwMTAgMS4zNDhsLS40NzEuNTE2eiIvPjwvZz48L3N2Zz4=) 50% no-repeat
    }

        .onboarding-step.feedback .comments .btn-next:hover, .onboarding-step.feedback .comments .btn-prev:hover {
            opacity: .8
        }

    .onboarding-step.feedback .slide {
        -webkit-box-flex: 100%;
        -ms-flex: 100%;
        flex: 100%
    }

    .onboarding-step.feedback .slide-text {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

.card-container.appAccess {
    height: 61.5rem !important
}

    .card-container.appAccess .onboarding-step.app-access {
        height: 50rem;
        color: #fff;
        font-family: Roboto;
        font-size: 1.6rem
    }

        .card-container.appAccess .onboarding-step.app-access, .card-container.appAccess .onboarding-step.app-access .app-access-title {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .card-container.appAccess .onboarding-step.app-access .app-access-title {
                font-family: Roboto Bold;
                font-size: 2.2rem
            }

                .card-container.appAccess .onboarding-step.app-access .app-access-title .ewa-logo-white {
                    margin-top: 1rem;
                    width: 12rem;
                    height: 3.1rem
                }

            .card-container.appAccess .onboarding-step.app-access .app-access-advantages-list {
                margin: 5.2rem 0;
                list-style: none
            }

                .card-container.appAccess .onboarding-step.app-access .app-access-advantages-list li {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    margin-bottom: 2.5rem;
                    font-family: Roboto Lt
                }

                    .card-container.appAccess .onboarding-step.app-access .app-access-advantages-list li .tng-icon {
                        border-radius: 50%
                    }

                    .card-container.appAccess .onboarding-step.app-access .app-access-advantages-list li .list-item-text {
                        margin-left: 1rem
                    }

            .card-container.appAccess .onboarding-step.app-access .app-access-info {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                flex-flow: row wrap;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                text-align: center;
                font-size: 1.4rem
            }

                .card-container.appAccess .onboarding-step.app-access .app-access-info .trial-info {
                    font-family: Roboto Bold
                }

                .card-container.appAccess .onboarding-step.app-access .app-access-info .plan-price {
                    margin: 0 .2rem
                }

                .card-container.appAccess .onboarding-step.app-access .app-access-info .info-unsubscribe {
                    width: 100%
                }

    .card-container.appAccess .onboarding-step .subscription-close {
        top: 1rem;
        right: 1rem;
        position: absolute;
        margin: 1rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 3.5rem;
        width: 3.5rem;
        list-style-type: none;
        cursor: pointer;
        padding: 1.7rem;
        border-radius: 6rem;
        background-color: #44435d
    }

        .card-container.appAccess .onboarding-step .subscription-close.skip-access {
            top: -5rem;
            right: -3rem;
            background-color: rgba(0,0,0,.1)
        }

        .card-container.appAccess .onboarding-step .subscription-close .close {
            top: 3.3rem;
            width: 2rem;
            height: .2rem;
            cursor: pointer
        }

            .card-container.appAccess .onboarding-step .subscription-close .close:after, .card-container.appAccess .onboarding-step .subscription-close .close:before {
                content: "";
                position: absolute;
                display: block;
                width: 2rem;
                height: .2rem;
                top: 50%;
                left: 23%;
                background-color: #fff;
                border-radius: .2rem
            }

            .card-container.appAccess .onboarding-step .subscription-close .close:before {
                -webkit-transform: translateY(-50%) rotate(45deg);
                transform: translateY(-50%) rotate(45deg)
            }

            .card-container.appAccess .onboarding-step .subscription-close .close:after {
                -webkit-transform: translateY(-50%) rotate(-45deg);
                transform: translateY(-50%) rotate(-45deg)
            }

.onboarding-step.final {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-family: Roboto;
    margin-top: -5rem;
    font-size: 1.6rem
}

    .onboarding-step.final .final-step-image {
        width: 52.3rem;
        height: 23.8rem
    }

    .onboarding-step.final .final-step-title {
        position: relative;
        top: 11rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-family: Roboto Bold;
        font-size: 2.2rem
    }

.onboarding-layout.v3 .selection-settings {
    margin: 0;
    width: 100%;
    height: 100vh
}

.onboarding-layout.v3 .start-screens-container .start-step-container {
    margin-top: 10rem
}

    .onboarding-layout.v3 .start-screens-container .start-step-container, .onboarding-layout.v3 .start-screens-container .start-step-container .onboarding-step.startAudiobooks, .onboarding-layout.v3 .start-screens-container .start-step-container .onboarding-step.startStatistics, .onboarding-layout.v3 .start-screens-container .start-step-container .onboarding-step.startWords {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .onboarding-layout.v3 .start-screens-container .start-step-container .onboarding-step.startAudiobooks .start-step-image, .onboarding-layout.v3 .start-screens-container .start-step-container .onboarding-step.startStatistics .start-step-image, .onboarding-layout.v3 .start-screens-container .start-step-container .onboarding-step.startWords .start-step-image {
            width: 37.5rem;
            height: 32rem
        }

        .onboarding-layout.v3 .start-screens-container .start-step-container .onboarding-step.startAudiobooks .start-step-icons .tng-icon, .onboarding-layout.v3 .start-screens-container .start-step-container .onboarding-step.startStatistics .start-step-icons .tng-icon, .onboarding-layout.v3 .start-screens-container .start-step-container .onboarding-step.startWords .start-step-icons .tng-icon {
            width: 4.6rem;
            height: 4.2rem
        }

        .onboarding-layout.v3 .start-screens-container .start-step-container .onboarding-step.startAudiobooks .start-step-body, .onboarding-layout.v3 .start-screens-container .start-step-container .onboarding-step.startStatistics .start-step-body, .onboarding-layout.v3 .start-screens-container .start-step-container .onboarding-step.startWords .start-step-body {
            margin-bottom: 1rem;
            font-family: Roboto Bold;
            font-size: 2.2rem;
            color: #fff
        }

        .onboarding-layout.v3 .start-screens-container .start-step-container .onboarding-step.startAudiobooks .start-step-description, .onboarding-layout.v3 .start-screens-container .start-step-container .onboarding-step.startStatistics .start-step-description, .onboarding-layout.v3 .start-screens-container .start-step-container .onboarding-step.startWords .start-step-description {
            color: #fff;
            text-align: center;
            font-family: Roboto;
            font-size: 1.6rem;
            opacity: .5
        }

.onboarding-layout.v3 .start-screens-container .card-container {
    position: static;
    height: auto
}

.onboarding-layout.v3 .card-container {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    height: auto
}

    .onboarding-layout.v3 .card-container .answers-card {
        font-size: 1.6rem
    }

        .onboarding-layout.v3 .card-container .answers-card .answers .answer-item {
            height: 5.6rem;
            cursor: pointer;
            color: #44435d;
            background: #fff;
            -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.05);
            box-shadow: 0 5px 10px 0 rgba(0,0,0,.05)
        }

            .onboarding-layout.v3 .card-container .answers-card .answers .answer-item .text-answer {
                letter-spacing: normal
            }

            .onboarding-layout.v3 .card-container .answers-card .answers .answer-item:hover {
                color: #44435d;
                -webkit-box-shadow: 0 5px 10px 0 hsla(0,0%,100%,.3);
                box-shadow: 0 5px 10px 0 hsla(0,0%,100%,.3)
            }

                .onboarding-layout.v3 .card-container .answers-card .answers .answer-item:hover:active {
                    color: #fff;
                    background: #6af87c
                }

        .onboarding-layout.v3 .card-container .answers-card .answers.learning-direction .answer-item .text-answer {
            font-size: 1.6rem;
            line-height: normal
        }

        .onboarding-layout.v3 .card-container .answers-card .answers.learning-direction .answer-item .tng-icon {
            width: 6.6rem;
            height: 5.6rem;
            margin-left: 1rem
        }

            .onboarding-layout.v3 .card-container .answers-card .answers.learning-direction .answer-item .tng-icon.courses-learning-icon {
                background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NiIgaGVpZ2h0PSI1NiI+PHBhdGggZD0iTTQzLjAwNiAyNC4xODZINDd2Mi45NjZ6TTM4Ljg1OCAyNGw1LjMwNiA0LjY3Nkg0N3Y5LjA0MmMwIC43MDgtLjY1MSAxLjI4Mi0xLjQ1NCAxLjI4MkgyMi40NTRDMjEuNjUxIDM5IDIxIDM4LjQyNiAyMSAzNy43MThWMjUuMDIxYzAtLjEzNi4wMy0uMjY1LjA4NS0uMzgzbDQuNTgyIDQuMDM4aDQuOTM2TDI1LjI5NyAyNGg0LjQ0NGw1LjMwNiA0LjY3Nmg0LjkzNUwzNC42NzcgMjRoNC4xODF6bTIuOTMtMTBsLTQuMTUxIDUuNjYyLTQuMzk2Ljg3NCA0LjE1MS01LjY2MnptLTguOTg3IDEuOTc3bC00LjI4NCA1LjcwMi00LjI2Mi44MzQgNC4yODUtNS43MDJ6bTEzLjIxNC42MTFjLjE0LjU2LS4yOTggMS4xMi0uOTc1IDEuMjVsLTIuODg4LjU1MSAzLjI3LTQuMTg5LjU5MyAyLjM4OHpNMjMuODkgMTguMTIzbC0yLjE0NCAyLjc1LTEuMTIyIDEuNDQtLjA3My0uMjk2LS41MjYtMi4xMmMtLjEzNS0uNTQ2LjI5LTEuMDkuOTQ4LTEuMjE2bDIuOTE4LS41NTh6IiBmaWxsPSIjNDQ0MzVEIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=) no-repeat 50%/cover
            }

            .onboarding-layout.v3 .card-container .answers-card .answers.learning-direction .answer-item .tng-icon.books-learning-icon {
                background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NiIgaGVpZ2h0PSI1NiI+PGcgZmlsbD0iI0ZGRDUwMCIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMzIgMTcuMjN2MTQuODA0YTEuMDAxIDEuMDAxIDAgMTAyIDBWMTcuMjI5Yy4wODktLjAyMi4xNzctLjA0OC4yNjUtLjA3N2w2LjQxOS0yLjEwMWExLjAwNCAxLjAwNCAwIDAxMS4yNjUuNjIuOTc2Ljk3NiAwIDAxLjA1MS4zMTJWMzIuODVjMCAuODQ1LS41NSAxLjU5Ni0xLjM2OCAxLjg2M2wtNi4zNjcgMi4wODVhNC4wNjggNC4wNjggMCAwMS0yLjUzIDBsLTYuMzY3LTIuMDg1QTEuOTY4IDEuOTY4IDAgMDEyNCAzMi44NVYxNS45ODNBLjk5MS45OTEgMCAwMTI1IDE1Yy4xMDcgMCAuMjE0LjAxNy4zMTYuMDVsNi40MiAyLjEwMmMuMDg3LjAzLjE3NS4wNTUuMjY0LjA3N3oiLz48cGF0aCBkPSJNMjIgMTcuMjEydjE3Ljg5NmMwIC40NDIuMjkuODMxLjcxNS45NTdsOS4xNDYgMi43MTJjLjc0My4yMiAxLjUzNS4yMiAyLjI3OCAwbDkuMTQ2LTIuNzEyYS45OTguOTk4IDAgMDAuNzE1LS45NTdWMTcuMjEybC43NjYtLjE4NGExIDEgMCAwMTEuMjM0Ljk3djE3LjgxN2MwIC45MjItLjYzMyAxLjcyNC0xLjUzMSAxLjk0TDMzLjkzNyA0MC44OWE0LjAwNyA0LjAwNyAwIDAxLTEuODc0IDBMMjEuNTMgMzcuODU1YTEuOTk3IDEuOTk3IDAgMDEtMS41My0xLjk0VjE3Ljk5OGExIDEgMCAwMTEuMjM0LS45N2wuNzY2LjE4NHoiLz48L2c+PC9zdmc+) no-repeat 50%/cover
            }

            .onboarding-layout.v3 .card-container .answers-card .answers.learning-direction .answer-item .tng-icon.words-learning-icon {
                background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NiIgaGVpZ2h0PSI1NiI+PGcgZmlsbD0iIzkyNkFGRiIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjMuMDIzIDI3bDkuNjc4IDMuMzZhLjk4NC45ODQgMCAwMC41NyAwTDQzIDI3djYuODhjMCAuMTI4LS4wMjIuMjU2LS4wNjYuMzc3LS4xNC4zODMtMS41OTMgMy43NDMtOS45MjIgMy43NDMtOC4zMzIgMC05Ljc4NC0zLjM2LTkuOTIzLTMuNzQzYTEuMTE3IDEuMTE3IDAgMDEtLjA2Ni0uMzc3Yy0uMDMtNC41MDYtLjAzLTYuOCAwLTYuODh6Ii8+PHBhdGggZD0iTTQ4LjIgMjEuNmMuNDQ2LjEzMy44LjE5NS44LjY3IDAgLjQ3OC0uMzU0LjU0LS44LjY3MmwtMTQuOTE0IDUuMDE3YTEuMDAyIDEuMDAyIDAgMDEtLjU3NSAwTDE3LjcgMjIuOTQyYy0uNDQ2LS4xMzItLjctLjE5NC0uNy0uNjcxIDAtLjQ3Ni4yNTQtLjUzOC43LS42NzFsMTUuMDExLTQuNTU5Yy4xODgtLjA1NS4zODctLjA1NS41NzUgMEw0OC4yIDIxLjZ6Ii8+PC9nPjwvc3ZnPg==) no-repeat 50%/cover
            }

        .onboarding-layout.v3 .card-container .answers-card .section-selection {
            display: block;
            position: absolute;
            bottom: -5rem;
            width: 100%;
            padding: .5rem;
            font-family: Roboto;
            font-size: 1.4rem;
            text-align: center;
            color: #fff;
            opacity: .5
        }

    .onboarding-layout.v3 .card-container .continue-button-container {
        display: block
    }

        .onboarding-layout.v3 .card-container .continue-button-container.appAccess, .onboarding-layout.v3 .card-container .continue-button-container.feedback, .onboarding-layout.v3 .card-container .continue-button-container.final {
            margin-top: 2rem
        }

.onboarding-layout.v3 .questions-card {
    min-width: 50rem;
    width: 100%;
    padding: 0
}

    .onboarding-layout.v3 .questions-card .question-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: none;
        font-family: Roboto;
        font-size: 2.2rem;
        font-weight: 700
    }

.onboarding-layout.v3 .selection-progress {
    margin: 3rem 0
}

    .onboarding-layout.v3 .selection-progress .progress-item {
        position: relative;
        width: .6rem;
        height: .6rem
    }

        .onboarding-layout.v3 .selection-progress .progress-item.active {
            width: 1.5rem;
            height: .6rem;
            border-radius: .3rem
        }

.onboarding-layout.v3 .aside-graphic {
    height: 100%
}

    .onboarding-layout.v3 .aside-graphic .background-layer .comets, .onboarding-layout.v3 .aside-graphic .background-layer .meteor, .onboarding-layout.v3 .aside-graphic .background-layer .planet, .onboarding-layout.v3 .aside-graphic .background-layer .stars, .onboarding-layout.v3 .aside-graphic .background-layer .stars.second-item {
        display: none
    }

    .onboarding-layout.v3 .aside-graphic .container-onboarding {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.onboarding-layout.v3 .onboarding-auth-button-container {
    top: 4rem;
    right: 4rem;
    position: absolute
}

.onboarding-layout.v3 .final-step-info {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: auto;
    font-family: Roboto;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    opacity: .5
}

    .onboarding-layout.v3 .final-step-info .plan-price {
        margin: 0 .1rem
    }

    .onboarding-layout.v3 .final-step-info .info-management {
        width: 100%
    }

.onboarding-container {
    max-width: 15rem;
    max-height: 25rem
}

.card-container {
    height: 100%;
    min-height: 40rem;
    min-width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.5rem 0
}

    .card-container .continue-button-container {
        display: none
    }

.questions-card {
    height: auto;
    min-width: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    margin: 1.5rem 2rem;
    padding: 2rem
}

    .questions-card .question-item {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        min-width: 10rem;
        min-height: 7rem;
        text-align: center;
        font-size: 2.2rem;
        color: #fff;
        border-bottom: .1rem solid #fff
    }

.answers-card {
    min-width: 100%;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

    .answers-card, .answers-card .answers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

        .answers-card .answers {
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .answers-card .answers.lang-level .tng-icon {
                display: none
            }

            .answers-card .answers.learning-direction .answer-item {
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between
            }

                .answers-card .answers.learning-direction .answer-item .books-learning-icon, .answers-card .answers.learning-direction .answer-item .courses-learning-icon, .answers-card .answers.learning-direction .answer-item .words-learning-icon {
                    margin: 0 2rem
                }

            .answers-card .answers .answer-item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 100%;
                max-width: 30rem;
                min-height: 5rem;
                height: 100%;
                margin: 1rem;
                padding: 0 1rem;
                border-radius: 4.3rem;
                text-align: center;
                background: #eeefff;
                color: #44435d
            }

                .answers-card .answers .answer-item .text-answer {
                    min-width: 20rem
                }

                    .answers-card .answers .answer-item .text-answer.direction-text {
                        margin-right: 2rem
                    }

                .answers-card .answers .answer-item.active {
                    background: #5ac8fa;
                    color: #fff
                }

                .answers-card .answers .answer-item:hover {
                    cursor: pointer;
                    color: #fff;
                    background: #5ac8fa
                }

        .answers-card .section-selection {
            display: none
        }

.selection-progress {
    margin-top: 5%;
    min-width: 80%;
    height: auto;
    max-height: 5rem
}

    .selection-progress .progress-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-width: 100%
    }

        .selection-progress .progress-container .progress-item {
            cursor: pointer;
            display: block;
            margin: 2rem;
            background: #ccc;
            width: 1rem;
            height: 1rem;
            border-radius: 70%
        }

            .selection-progress .progress-container .progress-item.active {
                background: #fff
            }

.adult-card .adult-item {
    margin: 1.5rem 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 100%;
    min-height: 30rem;
    max-height: 40rem;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    min-width: 100%;
    color: #fff
}

    .adult-card .adult-item label {
        cursor: pointer
    }

.adult-card .next-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 30rem;
    min-height: 5rem;
    height: 100%;
    margin: 1rem;
    border-radius: 4.3rem;
    border-style: none;
    text-align: center;
    font-size: 1.2rem;
    background: #fff;
    color: #88888b
}

    .adult-card .next-button:hover {
        background: #5ac8fa;
        cursor: pointer
    }

.v1 .questions-card {
    margin-top: 5rem
}

.purchase-page .card-container, .v2 .card-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.purchase-page .introduce-container, .v2 .introduce-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.purchase-page .answers-card, .v2 .answers-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .purchase-page .answers-card .answers, .v2 .answers-card .answers {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        max-width: 75rem;
        width: 100%
    }

        .purchase-page .answers-card .answers.age, .v2 .answers-card .answers.age {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column wrap;
            flex-flow: column wrap
        }

            .purchase-page .answers-card .answers.age .answer-item, .v2 .answers-card .answers.age .answer-item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                opacity: .8;
                max-width: 70rem
            }

                .purchase-page .answers-card .answers.age .answer-item .text-answer, .v2 .answers-card .answers.age .answer-item .text-answer {
                    max-height: 5rem;
                    max-width: 38rem;
                    width: 100%;
                    background: transparent;
                    opacity: .8;
                    color: #fff;
                    border: .2rem solid #fff;
                    border-radius: 3rem
                }

                    .purchase-page .answers-card .answers.age .answer-item .text-answer:focus, .purchase-page .answers-card .answers.age .answer-item .text-answer:hover, .v2 .answers-card .answers.age .answer-item .text-answer:focus, .v2 .answers-card .answers.age .answer-item .text-answer:hover {
                        outline: none
                    }

        .purchase-page .answers-card .answers.motivation, .v2 .answers-card .answers.motivation {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            max-width: 100rem;
            margin-top: 5rem
        }

            .purchase-page .answers-card .answers.motivation .motivation-title, .v2 .answers-card .answers.motivation .motivation-title {
                width: 100%;
                margin-bottom: 2rem;
                text-align: center;
                color: #fff
            }

            .purchase-page .answers-card .answers.motivation .answer-item, .v2 .answers-card .answers.motivation .answer-item {
                max-width: 50rem;
                max-height: 6rem;
                width: auto;
                opacity: .8;
                background: transparent;
                border: .1rem solid #fff;
                border-radius: 3rem
            }

                .purchase-page .answers-card .answers.motivation .answer-item .tng-icon, .v2 .answers-card .answers.motivation .answer-item .tng-icon {
                    width: 7rem;
                    height: 6rem
                }

                .purchase-page .answers-card .answers.motivation .answer-item.active, .purchase-page .answers-card .answers.motivation .answer-item:hover, .v2 .answers-card .answers.motivation .answer-item.active, .v2 .answers-card .answers.motivation .answer-item:hover {
                    border-radius: 3rem;
                    border-color: #00e3ff;
                    color: #fff;
                    background: #00e3ff
                }

        .purchase-page .answers-card .answers.lang-level, .v2 .answers-card .answers.lang-level {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column wrap;
            flex-flow: column wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .purchase-page .answers-card .answers.lang-level .answer-item, .v2 .answers-card .answers.lang-level .answer-item {
                max-width: 67.5rem;
                width: 100%;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                border-bottom: .1rem solid #fff;
                border-radius: 0;
                opacity: .8
            }

                .purchase-page .answers-card .answers.lang-level .answer-item.active .level-check, .v2 .answers-card .answers.lang-level .answer-item.active .level-check {
                    visibility: visible
                }

                .purchase-page .answers-card .answers.lang-level .answer-item .tng-icon, .v2 .answers-card .answers.lang-level .answer-item .tng-icon {
                    display: block;
                    width: 15.4rem;
                    height: 12.4rem
                }

                    .purchase-page .answers-card .answers.lang-level .answer-item .tng-icon.beginner-language-level-icon, .v2 .answers-card .answers.lang-level .answer-item .tng-icon.beginner-language-level-icon {
                        background: url(/static/img/icon-beginning.2af8425.svg) no-repeat 50%/contain
                    }

                    .purchase-page .answers-card .answers.lang-level .answer-item .tng-icon.intermediate-language-level-icon, .v2 .answers-card .answers.lang-level .answer-item .tng-icon.intermediate-language-level-icon {
                        background: url(/static/img/icon-middle@2x.ad95e6f.png) no-repeat 50%/contain;
                        margin-left: 2rem
                    }

                    .purchase-page .answers-card .answers.lang-level .answer-item .tng-icon.advanced-language-level-icon, .v2 .answers-card .answers.lang-level .answer-item .tng-icon.advanced-language-level-icon {
                        background: url(/static/img/icon-profi@2x.bfb556f.png) no-repeat 50%/contain
                    }

                .purchase-page .answers-card .answers.lang-level .answer-item:last-child, .v2 .answers-card .answers.lang-level .answer-item:last-child {
                    border-bottom: none
                }

                .purchase-page .answers-card .answers.lang-level .answer-item .text-answer, .v2 .answers-card .answers.lang-level .answer-item .text-answer {
                    min-width: 25rem
                }

                    .purchase-page .answers-card .answers.lang-level .answer-item .text-answer.intermediate, .v2 .answers-card .answers.lang-level .answer-item .text-answer.intermediate {
                        margin-right: 2rem
                    }

                .purchase-page .answers-card .answers.lang-level .answer-item .level-check, .v2 .answers-card .answers.lang-level .answer-item .level-check {
                    visibility: hidden;
                    width: 4rem;
                    height: 4rem;
                    margin-right: 2rem;
                    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjMDBFM0ZGIiBkPSJNMjAgNDBDOC45NTQgNDAgMCAzMS4wNDYgMCAyMFM4Ljk1NCAwIDIwIDBzMjAgOC45NTQgMjAgMjAtOC45NTQgMjAtMjAgMjB6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTI5LjI0MyAxNi4wM2ExLjgwNyAxLjgwNyAwIDAwMC0yLjUxIDEuNzAyIDEuNzAyIDAgMDAtMi40NSAwbC04LjcyNiA4Ljk0NC00LjExLTQuMjEzYTEuNzAyIDEuNzAyIDAgMDAtMi40NSAwIDEuODA3IDEuODA3IDAgMDAwIDIuNTExbDUuMzM1IDUuNDY4YTEuNzA1IDEuNzA1IDAgMDAyLjQ1IDBsOS45NS0xMC4yeiIvPjwvZz48L3N2Zz4=) no-repeat 50%/contain
                }

    .purchase-page .answers-card .answer-item, .v2 .answers-card .answer-item {
        max-width: 20rem;
        height: auto;
        background: none;
        color: #fff
    }

        .purchase-page .answers-card .answer-item .text-answer, .v2 .answers-card .answer-item .text-answer {
            width: 12.6rem;
            height: 6rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .purchase-page .answers-card .answer-item.active, .purchase-page .answers-card .answer-item:hover, .v2 .answers-card .answer-item.active, .v2 .answers-card .answer-item:hover {
            background: none
        }

        .purchase-page .answers-card .answer-item:focus, .v2 .answers-card .answer-item:focus {
            border-radius: 2.5rem;
            background: #5ac8fa
        }

.purchase-page .continue-button-container, .v2 .continue-button-container {
    display: block;
    margin: 5rem 0
}

    .purchase-page .continue-button-container .continue-button, .v2 .continue-button-container .continue-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        min-height: 5rem;
        height: 100%;
        border-radius: 4.3rem;
        border-style: none;
        text-align: center;
        -webkit-box-shadow: 0 10px 40px 0 #9b95c6;
        box-shadow: 0 10px 40px 0 #9b95c6;
        background: #22fab6;
        color: #fff
    }

        .purchase-page .continue-button-container .continue-button:hover, .v2 .continue-button-container .continue-button:hover {
            background: #1fe5ab
        }

.authorization-start {
    margin-top: 15rem;
    font-family: Proxima Nova Rg
}

    .authorization-start .authorization-heading {
        font-family: Proxima Nova Bold;
        text-align: center;
        color: #fff;
        font-size: 4rem;
        line-height: 5rem
    }

    .authorization-start .authorization-notice {
        letter-spacing: 0;
        margin-top: 5rem;
        text-align: center;
        font-size: 2.2rem;
        color: #fff
    }

    .authorization-start .authorization-agreement {
        opacity: .5;
        color: #fff;
        margin-top: 6rem;
        font-weight: 400;
        font-size: 1.6rem;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center
    }

        .authorization-start .authorization-agreement a span {
            color: #fff;
            text-decoration: underline
        }

    .authorization-start .authorization-methods {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row wrap;
        flex-direction: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 17rem
    }

        .authorization-start .authorization-methods .authorization-method {
            position: relative;
            cursor: pointer;
            width: 57rem;
            margin-right: 3rem;
            padding: 2.7rem 5.2rem 2.6rem 9.7rem;
            border-radius: 5rem;
            font-size: 2.2rem;
            line-height: 1;
            color: #fff;
            font-style: normal;
            text-align: center;
            font-weight: 700;
            line-height: normal;
            font-stretch: normal;
            letter-spacing: normal;
            -webkit-transition: all .5s ease;
            transition: all .5s ease
        }

            .authorization-start .authorization-methods .authorization-method:hover {
                -webkit-box-shadow: 0 0 2rem #fff;
                box-shadow: 0 0 2rem #fff
            }

            .authorization-start .authorization-methods .authorization-method .tng-icon {
                position: absolute;
                width: 6rem;
                height: 6rem;
                left: 1rem;
                bottom: 1.1rem
            }

            .authorization-start .authorization-methods .authorization-method.facebook {
                background: #3b5998
            }

            .authorization-start .authorization-methods .authorization-method.google {
                background: #ff5d51
            }

            .authorization-start .authorization-methods .authorization-method.email {
                background: #00e3ff
            }

            .authorization-start .authorization-methods .authorization-method.anonymous {
                background: #22fab6
            }

    .authorization-start .authorization-anonymous {
        cursor: pointer;
        font-size: 2rem;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        width: 24rem;
        margin: 10% auto;
        padding: 1.6rem 6.5rem;
        border-radius: 3rem;
        -webkit-box-shadow: 0 0 4rem 0 #9b95c6;
        box-shadow: 0 0 4rem 0 #9b95c6;
        background: #22fab6;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

        .authorization-start .authorization-anonymous:hover {
            -webkit-box-shadow: 0 0 2rem 0 #fff;
            box-shadow: 0 0 2rem 0 #fff
        }

.form.info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 2rem;
    margin: 5rem 0
}

    .form.info .form-heading {
        margin-bottom: 5rem;
        font-weight: 700;
        color: #000
    }

    .form.info .info-status {
        margin-bottom: 1rem;
        color: #96a3ac
    }

    .form.info .info-user-email {
        color: #000
    }

.form.login .form-notifications {
    margin: 1rem 0;
    min-height: 2.2rem;
    font-family: Proxima Nova Rg;
    font-size: 1.2rem;
    font-stretch: normal;
    font-weight: 400;
    letter-spacing: normal;
    text-align: center;
    color: #f95b5c
}

.form.login .form-tabs {
    margin-top: 3rem
}

form.reset {
    margin-top: 15rem;
    margin-bottom: 5rem;
    max-width: 40rem;
    width: 100%;
    padding: 3rem 2rem 0;
    border-radius: 1rem;
    background: #fff
}

    form.reset .submit {
        max-width: 100%
    }

.form.restore {
    padding-top: 2rem
}

.form.registration .form-notifications {
    margin-top: 1rem 0;
    min-height: 2.2rem;
    font-family: Proxima Nova Rg;
    font-size: 1.2rem;
    font-stretch: normal;
    font-weight: 400;
    letter-spacing: normal;
    text-align: center;
    color: #f95b5c
}

.form.registration .form-tabs {
    margin-top: 3rem
}

.form {
    width: 100%
}

    .form ::-webkit-input-placeholder {
        color: #96a3ac
    }

    .form ::-moz-placeholder {
        color: #96a3ac
    }

    .form ::-ms-input-placeholder {
        color: #96a3ac
    }

    .form ::placeholder {
        color: #96a3ac
    }

    .form .form-header {
        text-align: center;
        margin: 2rem 0;
        color: #000;
        font-weight: 700
    }

    .form .form-text {
        max-width: 70%;
        display: block;
        margin: 0 auto
    }

    .form-tabs, .form .form-text {
        text-align: center;
        color: #d5dce0
    }

.form-tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

    .form-tabs, .form-tabs .form-tab {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

        .form-tabs .form-tab {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin: 0 1.5rem;
            font-size: 2rem;
            font-family: Proxima Nova Rg;
            font-weight: 700;
            font-style: normal;
            line-height: normal;
            letter-spacing: normal;
            text-align: center;
            border-bottom: .2rem solid transparent;
            -webkit-transition: all .8s ease;
            transition: all .8s ease
        }

            .form-tabs .form-tab span {
                padding: 1rem 0;
                cursor: pointer
            }

            .form-tabs .form-tab.active, .form-tabs .form-tab:hover {
                color: #00e3ff;
                border-bottom: .2rem solid #00e3ff
            }

.form-tabs-buttons {
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    letter-spacing: .05rem
}

.form-tabs-buttons, .form .social-buttons-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.form .social-buttons-container {
    -webkit-box-orient: vertical;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 20rem;
    background: #f8fafb
}

    .form .social-buttons-container .label-login-variants {
        text-align: center;
        font-size: 1.6rem;
        color: #96a3ac
    }

    .form .social-buttons-container .social-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 34rem;
        width: 100%
    }

        .form .social-buttons-container .social-buttons .facebook .btn, .form .social-buttons-container .social-buttons .google .btn {
            width: 16rem
        }

            .form .social-buttons-container .social-buttons .facebook .btn:hover, .form .social-buttons-container .social-buttons .google .btn:hover {
                opacity: .9
            }

            .form .social-buttons-container .social-buttons .facebook .btn.facebook, .form .social-buttons-container .social-buttons .facebook .btn.google, .form .social-buttons-container .social-buttons .google .btn.facebook, .form .social-buttons-container .social-buttons .google .btn.google {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: space-evenly;
                -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

.form .form-group {
    min-width: 30rem;
    max-width: 40rem;
    position: relative;
    margin-bottom: 1.2rem
}

    .form .form-group .input-group {
        position: relative;
        height: 5.2rem;
        color: #4d4d4d
    }

        .form .form-group .input-group input {
            border: .2rem solid #e0e3e5;
            border-radius: 3rem;
            height: 100%;
            margin: 0;
            color: #96a3ac;
            font-size: 1.4rem;
            width: 100%
        }

            .form .form-group .input-group:focus, .form .form-group .input-group input:focus {
                border-color: #00e3ff
            }

        .form .form-group .input-group.valid {
            border-width: .2rem;
            border-color: rgba(0,247,133,.6)
        }

            .form .form-group .input-group.valid:focus {
                border-color: rgba(0,247,133,.6)
            }

    .form .form-group .input-group-addon {
        text-align: center;
        position: absolute;
        width: 5.2rem;
        height: 100%
    }

.form .btn {
    width: 100%;
    height: 5.2rem;
    border: 0;
    border-radius: 3.3rem;
    font-size: 1.6rem;
    color: #fff;
    margin: 1.5rem 0;
    cursor: pointer
}

    .form .btn.submit {
        background: #22fab6;
        font-weight: 400
    }

        .form .btn.submit.disabled {
            background: #44435d
        }

    .form .btn.facebook {
        background-color: #3b5998
    }

        .form .btn.facebook .btn-addon {
            background-color: #263c68
        }

    .form .btn.vk {
        background-color: #4b8dda
    }

        .form .btn.vk .btn-addon {
            background-color: #3770b2
        }

    .form .btn.google {
        background-color: #f44336
    }

        .form .btn.google .btn-addon {
            background-color: #c53126
        }

.form .forgot-password {
    margin: 1rem;
    cursor: pointer;
    color: #5ac8fa;
    font-family: Proxima Nova Rg;
    font-stretch: normal;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: normal
}

.container.main-wrapper {
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fixed {
    position: fixed;
    width: 100%;
    height: 100%
}

.search-result-wrapper {
    min-height: 100vh;
    max-width: 94rem;
    width: 100%;
    margin: 4rem;
    padding: 2rem 3rem;
    background: #fff;
    border-radius: 1rem
}

.section-search {
    margin-top: 12rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 46rem;
    max-height: 6rem
}

    .section-search .container-catalog-search {
        max-width: 50rem;
        width: 100%;
        position: relative
    }

        .section-search .container-catalog-search .catalog-search {
            padding: 0 2rem;
            background: #fff;
            border-color: #d5dce0;
            border-radius: 2rem;
            font-size: 1.6rem;
            font-weight: 500;
            color: #44435d
        }

            .section-search .container-catalog-search .catalog-search:focus {
                border-color: #5ac8fa
            }

        .section-search .container-catalog-search .search-icon {
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHBhdGggZmlsbD0iI0Q1RENFMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjguNjcgMjYuMTY3bC00LjkyOC00LjkzYTYuOTc2IDYuOTc2IDAgMDAxLjM1LTQuMTU2IDcuMTEyIDcuMTEyIDAgMDAtNy4wNzEtNy4wOEE2Ljk5IDYuOTkgMCAwMDExIDE3LjAzYTcuMTEzIDcuMTEzIDAgMDA3LjA3IDcuMDgyIDYuOTU0IDYuOTU0IDAgMDA0LjE2OC0xLjM2NWwuMDA1LS4wMDQgNC45MjQgNC45MjdhMS4wNjMgMS4wNjMgMCAxMDEuNTAyLTEuNTA0ek0xOC4wMTggMjJBNS4wNDQgNS4wNDQgMCAwMTEzIDE2Ljk4MmE0Ljk1IDQuOTUgMCAwMTEuNDUtMy41MjhBNC45NjUgNC45NjUgMCAwMTE3Ljk4MiAxMiA1LjA0NCA1LjA0NCAwIDAxMjMgMTcuMDE4YTQuOTUgNC45NSAwIDAxLTEuNDUgMy41MjhBNC45NjUgNC45NjUgMCAwMTE4LjAxOCAyMnoiLz48L3N2Zz4=) no-repeat;
            width: 4rem;
            height: 4rem;
            cursor: pointer;
            position: absolute;
            bottom: 1.3rem;
            right: .5rem;
            background-size: contain
        }

            .section-search .container-catalog-search .search-icon:hover {
                background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PHBhdGggZmlsbD0iIzVBQzhGQSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjguNjcgMjYuMTY3bC00LjkyOC00LjkzYTYuOTc2IDYuOTc2IDAgMDAxLjM1LTQuMTU2IDcuMTEyIDcuMTEyIDAgMDAtNy4wNzEtNy4wOEE2Ljk5IDYuOTkgMCAwMDExIDE3LjAzYTcuMTEzIDcuMTEzIDAgMDA3LjA3IDcuMDgyIDYuOTU0IDYuOTU0IDAgMDA0LjE2OC0xLjM2NWwuMDA1LS4wMDQgNC45MjQgNC45MjdhMS4wNjMgMS4wNjMgMCAxMDEuNTAyLTEuNTA0ek0xOC4wMTggMjJBNS4wNDQgNS4wNDQgMCAwMTEzIDE2Ljk4MmE0Ljk1IDQuOTUgMCAwMTEuNDUtMy41MjhBNC45NjUgNC45NjUgMCAwMTE3Ljk4MiAxMiA1LjA0NCA1LjA0NCAwIDAxMjMgMTcuMDE4YTQuOTUgNC45NSAwIDAxLTEuNDUgMy41MjhBNC45NjUgNC45NjUgMCAwMTE4LjAxOCAyMnoiLz48L3N2Zz4=) no-repeat
            }

.search-result .section-search, .search-result .section-search .container-catalog-search {
    max-width: 88rem
}

    .search-result .section-search .container-catalog-search .catalog-search {
        height: 5.6rem;
        border-radius: 2.8rem
    }

        .search-result .section-search .container-catalog-search .catalog-search:focus {
            border-color: #5ac8fa
        }

    .search-result .section-search .container-catalog-search .search-icon {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1NiIgaGVpZ2h0PSI1NiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIyOCIgY3k9IjI4IiByPSIyMiIgZmlsbD0iIzBCQkRGMyIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0zNi42NyAzNS4xNjdsLTQuOTI4LTQuOTNhNi45NzYgNi45NzYgMCAwMDEuMzUtNC4xNTYgNy4xMTIgNy4xMTIgMCAwMC03LjA3MS03LjA4QTYuOTkgNi45OSAwIDAwMTkgMjYuMDNhNy4xMTMgNy4xMTMgMCAwMDcuMDcgNy4wODIgNi45NTQgNi45NTQgMCAwMDQuMTY4LTEuMzY1bC4wMDUtLjAwNCA0LjkyNCA0LjkyN2ExLjA2MyAxLjA2MyAwIDEwMS41MDItMS41MDR6TTI2LjAxOCAzMUE1LjA0NCA1LjA0NCAwIDAxMjEgMjUuOTgyYTQuOTUgNC45NSAwIDAxMS40NS0zLjUyOEE0Ljk2NSA0Ljk2NSAwIDAxMjUuOTgyIDIxIDUuMDQ0IDUuMDQ0IDAgMDEzMSAyNi4wMThhNC45NSA0Ljk1IDAgMDEtMS40NSAzLjUyOEE0Ljk2NSA0Ljk2NSAwIDAxMjYuMDE4IDMxeiIvPjwvZz48L3N2Zz4=) no-repeat;
        width: 5.6rem;
        height: 5.6rem;
        background-size: contain;
        bottom: 1.5rem;
        right: .1rem
    }

        .search-result .section-search .container-catalog-search .search-icon:hover {
            opacity: .8
        }

::-webkit-input-placeholder {
    color: #d5dce0
}

:-moz-placeholder, ::-moz-placeholder {
    color: #d5dce0
}

.articles-nav-container, .books-nav-container, .search-nav-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 94rem;
    width: 100%
}

    .articles-nav-container .articles-nav-title, .articles-nav-container .books-nav-title, .books-nav-container .articles-nav-title, .books-nav-container .books-nav-title, .search-nav-container .articles-nav-title, .search-nav-container .books-nav-title {
        height: 4rem;
        line-height: 3rem;
        font-size: 4rem;
        font-weight: 700;
        font-style: normal;
        font-stretch: normal;
        color: #44435d
    }

    .articles-nav-container .articles-navigation, .articles-nav-container .books-navigation, .articles-nav-container .search-navigation, .books-nav-container .articles-navigation, .books-nav-container .books-navigation, .books-nav-container .search-navigation, .search-nav-container .articles-navigation, .search-nav-container .books-navigation, .search-nav-container .search-navigation {
        max-width: 70rem;
        width: 100%;
        margin: 2rem 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .articles-nav-container .articles-navigation-item, .articles-nav-container .books-navigation-item, .articles-nav-container .search-navigation-item, .books-nav-container .articles-navigation-item, .books-nav-container .books-navigation-item, .books-nav-container .search-navigation-item, .search-nav-container .articles-navigation-item, .search-nav-container .books-navigation-item, .search-nav-container .search-navigation-item {
        cursor: pointer;
        position: relative;
        padding-bottom: 2rem;
        -webkit-transition: all .5s;
        transition: all .5s;
        font-size: 1.8rem;
        font-family: Roboto Md;
        color: #44435d
    }

        .articles-nav-container .articles-navigation-item span, .articles-nav-container .books-navigation-item span, .articles-nav-container .search-navigation-item span, .books-nav-container .articles-navigation-item span, .books-nav-container .books-navigation-item span, .books-nav-container .search-navigation-item span, .search-nav-container .articles-navigation-item span, .search-nav-container .books-navigation-item span, .search-nav-container .search-navigation-item span {
            padding-bottom: 1rem;
            border-bottom: .2rem solid #efeff4
        }

            .articles-nav-container .articles-navigation-item span.hidden, .articles-nav-container .books-navigation-item span.hidden, .articles-nav-container .search-navigation-item span.hidden, .books-nav-container .articles-navigation-item span.hidden, .books-nav-container .books-navigation-item span.hidden, .books-nav-container .search-navigation-item span.hidden, .search-nav-container .articles-navigation-item span.hidden, .search-nav-container .books-navigation-item span.hidden, .search-nav-container .search-navigation-item span.hidden {
                display: none
            }

            .articles-nav-container .articles-navigation-item.active span, .articles-nav-container .articles-navigation-item span:hover, .articles-nav-container .books-navigation-item.active span, .articles-nav-container .books-navigation-item span:hover, .articles-nav-container .search-navigation-item.active span, .articles-nav-container .search-navigation-item span:hover, .books-nav-container .articles-navigation-item.active span, .books-nav-container .articles-navigation-item span:hover, .books-nav-container .books-navigation-item.active span, .books-nav-container .books-navigation-item span:hover, .books-nav-container .search-navigation-item.active span, .books-nav-container .search-navigation-item span:hover, .search-nav-container .articles-navigation-item.active span, .search-nav-container .articles-navigation-item span:hover, .search-nav-container .books-navigation-item.active span, .search-nav-container .books-navigation-item span:hover, .search-nav-container .search-navigation-item.active span, .search-nav-container .search-navigation-item span:hover {
                color: #5ac8fa;
                border-color: #5ac8fa
            }

        .articles-nav-container .articles-navigation-item:hover .articles-navigation-item-options, .articles-nav-container .articles-navigation-item:hover .books-navigation-item-options, .articles-nav-container .articles-navigation-item:hover .search-navigation-item-options, .articles-nav-container .books-navigation-item:hover .articles-navigation-item-options, .articles-nav-container .books-navigation-item:hover .books-navigation-item-options, .articles-nav-container .books-navigation-item:hover .search-navigation-item-options, .articles-nav-container .search-navigation-item:hover .articles-navigation-item-options, .articles-nav-container .search-navigation-item:hover .books-navigation-item-options, .articles-nav-container .search-navigation-item:hover .search-navigation-item-options, .books-nav-container .articles-navigation-item:hover .articles-navigation-item-options, .books-nav-container .articles-navigation-item:hover .books-navigation-item-options, .books-nav-container .articles-navigation-item:hover .search-navigation-item-options, .books-nav-container .books-navigation-item:hover .articles-navigation-item-options, .books-nav-container .books-navigation-item:hover .books-navigation-item-options, .books-nav-container .books-navigation-item:hover .search-navigation-item-options, .books-nav-container .search-navigation-item:hover .articles-navigation-item-options, .books-nav-container .search-navigation-item:hover .books-navigation-item-options, .books-nav-container .search-navigation-item:hover .search-navigation-item-options, .search-nav-container .articles-navigation-item:hover .articles-navigation-item-options, .search-nav-container .articles-navigation-item:hover .books-navigation-item-options, .search-nav-container .articles-navigation-item:hover .search-navigation-item-options, .search-nav-container .books-navigation-item:hover .articles-navigation-item-options, .search-nav-container .books-navigation-item:hover .books-navigation-item-options, .search-nav-container .books-navigation-item:hover .search-navigation-item-options, .search-nav-container .search-navigation-item:hover .articles-navigation-item-options, .search-nav-container .search-navigation-item:hover .books-navigation-item-options, .search-nav-container .search-navigation-item:hover .search-navigation-item-options {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

    .articles-nav-container .articles-navigation-item-options, .articles-nav-container .books-navigation-item-options, .articles-nav-container .search-navigation-item-options, .books-nav-container .articles-navigation-item-options, .books-nav-container .books-navigation-item-options, .books-nav-container .search-navigation-item-options, .search-nav-container .articles-navigation-item-options, .search-nav-container .books-navigation-item-options, .search-nav-container .search-navigation-item-options {
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        z-index: 1;
        position: absolute;
        top: 4.8rem;
        right: -5rem;
        min-width: 18rem;
        max-width: 22rem;
        padding: 2rem 0;
        font-family: Roboto Lt;
        text-transform: none;
        -webkit-transition: all .5s;
        transition: all .5s;
        background: #000;
        opacity: .9;
        -webkit-box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.05);
        box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.05);
        border-radius: .6rem
    }

    .articles-nav-container .articles-navigation-item-options-row, .articles-nav-container .books-navigation-item-options-row, .articles-nav-container .search-navigation-item-options-row, .books-nav-container .articles-navigation-item-options-row, .books-nav-container .books-navigation-item-options-row, .books-nav-container .search-navigation-item-options-row, .search-nav-container .articles-navigation-item-options-row, .search-nav-container .books-navigation-item-options-row, .search-nav-container .search-navigation-item-options-row {
        color: #fff;
        text-align: center;
        font-size: 1.6rem;
        padding: 1rem 2rem
    }

        .articles-nav-container .articles-navigation-item-options-row.active, .articles-nav-container .articles-navigation-item-options-row:hover, .articles-nav-container .books-navigation-item-options-row.active, .articles-nav-container .books-navigation-item-options-row:hover, .articles-nav-container .search-navigation-item-options-row.active, .articles-nav-container .search-navigation-item-options-row:hover, .books-nav-container .articles-navigation-item-options-row.active, .books-nav-container .articles-navigation-item-options-row:hover, .books-nav-container .books-navigation-item-options-row.active, .books-nav-container .books-navigation-item-options-row:hover, .books-nav-container .search-navigation-item-options-row.active, .books-nav-container .search-navigation-item-options-row:hover, .search-nav-container .articles-navigation-item-options-row.active, .search-nav-container .articles-navigation-item-options-row:hover, .search-nav-container .books-navigation-item-options-row.active, .search-nav-container .books-navigation-item-options-row:hover, .search-nav-container .search-navigation-item-options-row.active, .search-nav-container .search-navigation-item-options-row:hover {
            color: #0bbdf3
        }

    .articles-nav-container .articles-navigation-item-options:first-child, .articles-nav-container .books-navigation-item-options:first-child, .articles-nav-container .search-navigation-item-options:first-child, .books-nav-container .articles-navigation-item-options:first-child, .books-nav-container .books-navigation-item-options:first-child, .books-nav-container .search-navigation-item-options:first-child, .search-nav-container .articles-navigation-item-options:first-child, .search-nav-container .books-navigation-item-options:first-child, .search-nav-container .search-navigation-item-options:first-child {
        padding-top: 1rem
    }

    .articles-nav-container .articles-navigation-item-options.genres, .articles-nav-container .books-navigation-item-options.genres, .articles-nav-container .search-navigation-item-options.genres, .books-nav-container .articles-navigation-item-options.genres, .books-nav-container .books-navigation-item-options.genres, .books-nav-container .search-navigation-item-options.genres, .search-nav-container .articles-navigation-item-options.genres, .search-nav-container .books-navigation-item-options.genres, .search-nav-container .search-navigation-item-options.genres {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        right: -20rem;
        min-width: 45rem
    }

        .articles-nav-container .articles-navigation-item-options.genres:before, .articles-nav-container .books-navigation-item-options.genres:before, .articles-nav-container .search-navigation-item-options.genres:before, .books-nav-container .articles-navigation-item-options.genres:before, .books-nav-container .books-navigation-item-options.genres:before, .books-nav-container .search-navigation-item-options.genres:before, .search-nav-container .articles-navigation-item-options.genres:before, .search-nav-container .books-navigation-item-options.genres:before, .search-nav-container .search-navigation-item-options.genres:before {
            right: 47%
        }

        .articles-nav-container .articles-navigation-item-options.genres .books-navigation-item-options-row, .articles-nav-container .books-navigation-item-options.genres .books-navigation-item-options-row, .articles-nav-container .search-navigation-item-options.genres .books-navigation-item-options-row, .books-nav-container .articles-navigation-item-options.genres .books-navigation-item-options-row, .books-nav-container .books-navigation-item-options.genres .books-navigation-item-options-row, .books-nav-container .search-navigation-item-options.genres .books-navigation-item-options-row, .search-nav-container .articles-navigation-item-options.genres .books-navigation-item-options-row, .search-nav-container .books-navigation-item-options.genres .books-navigation-item-options-row, .search-nav-container .search-navigation-item-options.genres .books-navigation-item-options-row {
            padding: 1rem 2rem;
            max-width: 15rem;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

    .articles-nav-container .articles-navigation-item-options:before, .articles-nav-container .books-navigation-item-options:before, .articles-nav-container .search-navigation-item-options:before, .books-nav-container .articles-navigation-item-options:before, .books-nav-container .books-navigation-item-options:before, .books-nav-container .search-navigation-item-options:before, .search-nav-container .articles-navigation-item-options:before, .search-nav-container .books-navigation-item-options:before, .search-nav-container .search-navigation-item-options:before {
        content: "";
        position: absolute;
        opacity: .9;
        right: 43%;
        top: -1.7rem;
        border-top: 1.8rem solid transparent;
        border-right: 2.5rem solid #000;
        border-bottom: 1.8rem solid transparent;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        z-index: -1
    }

    .articles-nav-container .articles-navigation-item.button-tab.active, .articles-nav-container .books-navigation-item.button-tab.active, .articles-nav-container .search-navigation-item.button-tab.active, .books-nav-container .articles-navigation-item.button-tab.active, .books-nav-container .books-navigation-item.button-tab.active, .books-nav-container .search-navigation-item.button-tab.active, .search-nav-container .articles-navigation-item.button-tab.active, .search-nav-container .books-navigation-item.button-tab.active, .search-nav-container .search-navigation-item.button-tab.active {
        color: #5ac8fa
    }

    .articles-nav-container .articles-navigation-item.button-tab:hover .articles-navigation-item-options, .articles-nav-container .articles-navigation-item.button-tab:hover .books-navigation-item-options, .articles-nav-container .articles-navigation-item.button-tab:hover .search-navigation-item-options, .articles-nav-container .books-navigation-item.button-tab:hover .articles-navigation-item-options, .articles-nav-container .books-navigation-item.button-tab:hover .books-navigation-item-options, .articles-nav-container .books-navigation-item.button-tab:hover .search-navigation-item-options, .articles-nav-container .search-navigation-item.button-tab:hover .articles-navigation-item-options, .articles-nav-container .search-navigation-item.button-tab:hover .books-navigation-item-options, .articles-nav-container .search-navigation-item.button-tab:hover .search-navigation-item-options, .books-nav-container .articles-navigation-item.button-tab:hover .articles-navigation-item-options, .books-nav-container .articles-navigation-item.button-tab:hover .books-navigation-item-options, .books-nav-container .articles-navigation-item.button-tab:hover .search-navigation-item-options, .books-nav-container .books-navigation-item.button-tab:hover .articles-navigation-item-options, .books-nav-container .books-navigation-item.button-tab:hover .books-navigation-item-options, .books-nav-container .books-navigation-item.button-tab:hover .search-navigation-item-options, .books-nav-container .search-navigation-item.button-tab:hover .articles-navigation-item-options, .books-nav-container .search-navigation-item.button-tab:hover .books-navigation-item-options, .books-nav-container .search-navigation-item.button-tab:hover .search-navigation-item-options, .search-nav-container .articles-navigation-item.button-tab:hover .articles-navigation-item-options, .search-nav-container .articles-navigation-item.button-tab:hover .books-navigation-item-options, .search-nav-container .articles-navigation-item.button-tab:hover .search-navigation-item-options, .search-nav-container .books-navigation-item.button-tab:hover .articles-navigation-item-options, .search-nav-container .books-navigation-item.button-tab:hover .books-navigation-item-options, .search-nav-container .books-navigation-item.button-tab:hover .search-navigation-item-options, .search-nav-container .search-navigation-item.button-tab:hover .articles-navigation-item-options, .search-nav-container .search-navigation-item.button-tab:hover .books-navigation-item-options, .search-nav-container .search-navigation-item.button-tab:hover .search-navigation-item-options {
        display: none
    }

    .articles-nav-container .articles-navigation-item:not(:last-child), .articles-nav-container .books-navigation-item:not(:last-child), .articles-nav-container .search-navigation-item:not(:last-child), .books-nav-container .articles-navigation-item:not(:last-child), .books-nav-container .books-navigation-item:not(:last-child), .books-nav-container .search-navigation-item:not(:last-child), .search-nav-container .articles-navigation-item:not(:last-child), .search-nav-container .books-navigation-item:not(:last-child), .search-nav-container .search-navigation-item:not(:last-child) {
        margin-right: 5rem
    }

    .articles-nav-container .articles-navigation {
        max-width: 40rem
    }

    .search-nav-container .search-navigation {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .search-nav-container .search-navigation-item {
        color: #b8b3c2
    }

.articles-options-container, .books-options-container {
    height: 100vh;
    padding: 2rem
}

    .articles-options-container .options-icon-container, .books-options-container .options-icon-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .articles-options-container .options-icon-container .books-options-icon-genres, .books-options-container .options-icon-container .books-options-icon-genres {
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiM5MjZBRkYiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE1IDIzYzQuODEzIDAgNy41MTctNC40NjMgNy45OTctMTMuODk4QTIgMiAwIDAwMjEgN0g5YTIgMiAwIDAwLTEuOTk3IDIuMTAyQzcuNDgzIDE4LjUzNyAxMC4xODcgMjMgMTUgMjN6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTkgMTdjNC44MTMgMCA3LjUxNy00LjQ2MyA3Ljk5Ny0xMy44OThBMiAyIDAgMDAxNSAxSDNhMiAyIDAgMDAtMS45OTcgMi4xMDJDMS40ODMgMTIuNTM3IDQuMTg3IDE3IDkgMTd6Ii8+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNNiAxMGMwIDEuMTA1IDEuMzQzIDIgMyAyczMtLjg5NSAzLTJtMCA4YzAtMS4xMDUgMS4zNDMtMiAzLTJzMyAuODk1IDMgMiIvPjwvZz48L3N2Zz4=) 50% no-repeat;
            width: 2.4rem;
            height: 2.4rem;
            background-size: contain
        }

        .articles-options-container .options-icon-container .books-options-icon-difficulties, .books-options-container .options-icon-container .books-options-icon-difficulties {
            background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTggMjNWMTNINGEzIDMgMCAwMC0zIDN2NGEzIDMgMCAwMDMgM2g0em0wIDBoOFY3aC01YTMgMyAwIDAwLTMgM3YxM3ptOCAwaDRhMyAzIDAgMDAzLTNWNGEzIDMgMCAwMC0zLTNoLTFhMyAzIDAgMDAtMyAzdjE5eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiM5MjZBRkYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) 50% no-repeat;
            width: 2.4rem;
            height: 2.4rem;
            background-size: contain
        }

    .articles-options-container .books-options-title, .books-options-container .books-options-title {
        margin: 2rem 0;
        text-align: center;
        font-size: 1.8rem;
        font-weight: 500;
        color: #44435d
    }

    .articles-options-container .articles-options, .articles-options-container .books-options, .books-options-container .articles-options, .books-options-container .books-options {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .articles-options-container .articles-options .articles-option, .articles-options-container .articles-options .books-option, .articles-options-container .books-options .articles-option, .articles-options-container .books-options .books-option, .books-options-container .articles-options .articles-option, .books-options-container .articles-options .books-option, .books-options-container .books-options .articles-option, .books-options-container .books-options .books-option {
            width: 100%;
            padding: 1rem
        }

            .articles-options-container .articles-options .articles-option .articles-option-row, .articles-options-container .articles-options .articles-option .books-option-row, .articles-options-container .articles-options .books-option .articles-option-row, .articles-options-container .articles-options .books-option .books-option-row, .articles-options-container .books-options .articles-option .articles-option-row, .articles-options-container .books-options .articles-option .books-option-row, .articles-options-container .books-options .books-option .articles-option-row, .articles-options-container .books-options .books-option .books-option-row, .books-options-container .articles-options .articles-option .articles-option-row, .books-options-container .articles-options .articles-option .books-option-row, .books-options-container .articles-options .books-option .articles-option-row, .books-options-container .articles-options .books-option .books-option-row, .books-options-container .books-options .articles-option .articles-option-row, .books-options-container .books-options .articles-option .books-option-row, .books-options-container .books-options .books-option .articles-option-row, .books-options-container .books-options .books-option .books-option-row {
                font-size: 1.6rem;
                font-weight: 400;
                letter-spacing: normal;
                line-height: normal;
                color: #44435d
            }

                .articles-options-container .articles-options .articles-option .articles-option-row:active, .articles-options-container .articles-options .articles-option .articles-option-row:hover, .articles-options-container .articles-options .articles-option .books-option-row:active, .articles-options-container .articles-options .articles-option .books-option-row:hover, .articles-options-container .articles-options .books-option .articles-option-row:active, .articles-options-container .articles-options .books-option .articles-option-row:hover, .articles-options-container .articles-options .books-option .books-option-row:active, .articles-options-container .articles-options .books-option .books-option-row:hover, .articles-options-container .books-options .articles-option .articles-option-row:active, .articles-options-container .books-options .articles-option .articles-option-row:hover, .articles-options-container .books-options .articles-option .books-option-row:active, .articles-options-container .books-options .articles-option .books-option-row:hover, .articles-options-container .books-options .books-option .articles-option-row:active, .articles-options-container .books-options .books-option .articles-option-row:hover, .articles-options-container .books-options .books-option .books-option-row:active, .articles-options-container .books-options .books-option .books-option-row:hover, .books-options-container .articles-options .articles-option .articles-option-row:active, .books-options-container .articles-options .articles-option .articles-option-row:hover, .books-options-container .articles-options .articles-option .books-option-row:active, .books-options-container .articles-options .articles-option .books-option-row:hover, .books-options-container .articles-options .books-option .articles-option-row:active, .books-options-container .articles-options .books-option .articles-option-row:hover, .books-options-container .articles-options .books-option .books-option-row:active, .books-options-container .articles-options .books-option .books-option-row:hover, .books-options-container .books-options .articles-option .articles-option-row:active, .books-options-container .books-options .articles-option .articles-option-row:hover, .books-options-container .books-options .articles-option .books-option-row:active, .books-options-container .books-options .articles-option .books-option-row:hover, .books-options-container .books-options .books-option .articles-option-row:active, .books-options-container .books-options .books-option .articles-option-row:hover, .books-options-container .books-options .books-option .books-option-row:active, .books-options-container .books-options .books-option .books-option-row:hover {
                    color: #5ac8fa
                }

.books-options-container {
    height: 100%;
    padding: 2rem 0
}

.articles-page, .books-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 94rem;
    width: 100%
}

    .articles-page .articles, .articles-page .books, .books-page .articles, .books-page .books {
        display: grid;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 1rem;
        font-size: 1.6rem;
        color: #000;
        width: 100%
    }

        .articles-page .articles .info-section-container, .articles-page .books .info-section-container, .books-page .articles .info-section-container, .books-page .books .info-section-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            min-height: 35rem
        }

            .articles-page .articles .info-section-container .info-section, .articles-page .books .info-section-container .info-section, .books-page .articles .info-section-container .info-section, .books-page .books .info-section-container .info-section {
                width: 100%;
                max-width: 50rem;
                text-align: center
            }

    .articles-page .article-info, .articles-page .book-info, .books-page .article-info, .books-page .book-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .articles-page .article-info .article-title, .articles-page .article-info .book-title, .articles-page .book-info .article-title, .articles-page .book-info .book-title, .books-page .article-info .article-title, .books-page .article-info .book-title, .books-page .book-info .article-title, .books-page .book-info .book-title {
            color: #44435d;
            text-align: center;
            font-family: Roboto Md;
            font-size: 1.6rem
        }

.books-page {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

    .books-page .books {
        grid-column-gap: 35px;
        grid-template-columns: repeat(auto-fit,minmax(16rem,auto));
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .books-page .books .info-section-container {
            color: #96a3ac
        }

            .books-page .books .info-section-container .favourites-icon {
                background: url(/static/img/icon-favourites.7dea649.svg) 50% no-repeat;
                width: 18rem;
                height: 12.7rem;
                margin-bottom: 2.3rem;
                background-size: contain
            }

            .books-page .books .info-section-container .info-section {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

        .books-page .books .book-types {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            max-width: 74rem;
            width: 100%;
            margin-top: 1rem;
            margin-bottom: 2rem;
            font-size: 1.6rem;
            font-weight: 500;
            color: #000
        }

        .books-page .books .row {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: 2rem;
            margin-bottom: 2rem
        }

        .books-page .books .book {
            position: relative;
            margin-bottom: 2.5rem
        }

            .books-page .books .book a {
                color: #000
            }

                .books-page .books .book a:hover {
                    color: #5ac8fa
                }

                    .books-page .books .book a:hover .book-poster {
                        -webkit-box-shadow: 0 0 0 .6rem #5ac8fa;
                        box-shadow: 0 0 0 .6rem #5ac8fa;
                        border-radius: .67rem
                    }

            .books-page .books .book .book-poster {
                display: inline-block;
                width: 16rem;
                height: 23rem;
                border-radius: .67rem
            }

            .books-page .books .book .book-level {
                min-height: 2.8rem;
                min-width: 8.5rem;
                padding: 0 .5rem;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: space-evenly;
                -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: absolute;
                top: .6rem;
                left: .5rem;
                border-radius: 2.5rem;
                background: rgba(81,81,88,.8);
                color: #fff;
                font-family: Roboto Md;
                font-size: 1.2rem;
                letter-spacing: normal
            }

                .books-page .books .book .book-level .level-icon {
                    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMS41IDhBMS41IDEuNSAwIDAxMyA5LjV2MmExLjUgMS41IDAgMDEtMyAwdi0yQTEuNSAxLjUgMCAwMTEuNSA4eiIgZmlsbD0iI0ZERUM1RCIvPjxwYXRoIGQ9Ik02LjUgNkExLjUgMS41IDAgMDE4IDcuNXY0YTEuNSAxLjUgMCAwMS0zIDB2LTRBMS41IDEuNSAwIDAxNi41IDZ6IiBmaWxsPSIjRkRDRDVEIi8+PHBhdGggZD0iTTExLjUgNEExLjUgMS41IDAgMDExMyA1LjV2NmExLjUgMS41IDAgMDEtMyAwdi02QTEuNSAxLjUgMCAwMTExLjUgNHoiIGZpbGw9IiNGRkYiIG9wYWNpdHk9Ii4zMiIvPjxyZWN0IGZpbGw9IiNGNEY1RjciIG9wYWNpdHk9Ii4zMiIgeD0iMTUiIHk9IjIiIHdpZHRoPSIzIiBoZWlnaHQ9IjExIiByeD0iMS41Ii8+PHBhdGggZD0iTTIxLjUgMEExLjUgMS41IDAgMDEyMyAxLjV2MTBhMS41IDEuNSAwIDAxLTMgMHYtMTBBMS41IDEuNSAwIDAxMjEuNSAweiIgZmlsbD0iI0Y0RjVGNyIgb3BhY2l0eT0iLjMyIi8+PC9nPjwvc3ZnPg==) 50% no-repeat;
                    width: 2rem;
                    height: 2rem;
                    background-size: contain
                }

                .books-page .books .book .book-level .difficulty-level {
                    height: 2.6rem;
                    background-position: 0 0
                }

            .books-page .books .book .book-status {
                min-width: 8.1rem;
                position: absolute;
                top: 4rem;
                left: .5rem;
                border-radius: 2.5rem;
                padding: 0 .5rem;
                background: #ffd500;
                color: #fff;
                font-family: Roboto Lt;
                text-align: center;
                font-size: 1.2rem
            }

            .books-page .books .book .book-info {
                max-width: 16.3rem
            }

                .books-page .books .book .book-info .book-author {
                    text-align: center;
                    font-size: 1.2rem;
                    color: #96a3ac
                }

.articles-page {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .articles-page .articles {
        grid-column-gap: 46px;
        grid-template-columns: repeat(auto-fit,20rem)
    }

        .articles-page .articles .info-section-container .info-section {
            width: 100%;
            max-width: 50rem;
            text-align: center
        }

        .articles-page .articles .article {
            position: relative;
            margin-bottom: 2.5rem
        }

            .articles-page .articles .article a {
                color: #000
            }

                .articles-page .articles .article a .article-poster {
                    width: 20rem;
                    height: 22rem;
                    border-radius: .67rem
                }

                .articles-page .articles .article a .article-status {
                    min-width: 8.1rem;
                    height: 2rem;
                    position: absolute;
                    top: 1rem;
                    left: .5rem;
                    border-radius: 2.5rem;
                    background: #ffd500;
                    color: #fff;
                    font-family: Roboto Lt;
                    text-align: center;
                    font-size: 1.2rem
                }

                .articles-page .articles .article a .article-info {
                    width: 100%;
                    margin-top: 1rem
                }

                .articles-page .articles .article a:hover {
                    color: #5ac8fa
                }

                    .articles-page .articles .article a:hover .article-poster {
                        -webkit-box-shadow: 0 0 0 .6rem #5ac8fa;
                        box-shadow: 0 0 0 .6rem #5ac8fa;
                        border-radius: .67rem
                    }

.container-btn {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-result .articles-page .articles .article a, .search-result .articles-page .articles .book a, .search-result .articles-page .books .article a, .search-result .articles-page .books .book a, .search-result .books-page .articles .article a, .search-result .books-page .articles .book a, .search-result .books-page .books .article a, .search-result .books-page .books .book a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

    .search-result .articles-page .articles .article a .article-poster, .search-result .articles-page .articles .article a .book-poster, .search-result .articles-page .articles .book a .article-poster, .search-result .articles-page .articles .book a .book-poster, .search-result .articles-page .books .article a .article-poster, .search-result .articles-page .books .article a .book-poster, .search-result .articles-page .books .book a .article-poster, .search-result .articles-page .books .book a .book-poster, .search-result .books-page .articles .article a .article-poster, .search-result .books-page .articles .article a .book-poster, .search-result .books-page .articles .book a .article-poster, .search-result .books-page .articles .book a .book-poster, .search-result .books-page .books .article a .article-poster, .search-result .books-page .books .article a .book-poster, .search-result .books-page .books .book a .article-poster, .search-result .books-page .books .book a .book-poster {
        position: static;
        margin: 0 1rem
    }

.search-result .articles-page .articles .article:hover .article-poster, .search-result .articles-page .articles .article:hover .book-poster, .search-result .articles-page .articles .book:hover .article-poster, .search-result .articles-page .articles .book:hover .book-poster, .search-result .articles-page .books .article:hover .article-poster, .search-result .articles-page .books .article:hover .book-poster, .search-result .articles-page .books .book:hover .article-poster, .search-result .articles-page .books .book:hover .book-poster, .search-result .books-page .articles .article:hover .article-poster, .search-result .books-page .articles .article:hover .book-poster, .search-result .books-page .articles .book:hover .article-poster, .search-result .books-page .articles .book:hover .book-poster, .search-result .books-page .books .article:hover .article-poster, .search-result .books-page .books .article:hover .book-poster, .search-result .books-page .books .book:hover .article-poster, .search-result .books-page .books .book:hover .book-poster {
    -webkit-box-shadow: 0 0 0 .4rem #5ac8fa;
    box-shadow: 0 0 0 .4rem #5ac8fa
}

.search-result .articles-page .books, .search-result .books-page .books {
    grid-template-columns: repeat(auto-fit,minmax(17rem,1fr))
}

    .search-result .articles-page .books .book a, .search-result .books-page .books .book a {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .search-result .articles-page .books .book a .book-poster, .search-result .books-page .books .book a .book-poster {
            min-width: 8rem;
            max-width: 8rem;
            height: 11.5rem
        }

        .search-result .articles-page .books .book a .book-info-container, .search-result .books-page .books .book a .book-info-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            min-width: 12rem;
            height: 11.5rem
        }

            .search-result .articles-page .books .book a .book-info-container .book-status, .search-result .books-page .books .book a .book-info-container .book-status {
                position: static;
                background: #fdcd5d;
                color: #fff
            }

            .search-result .articles-page .books .book a .book-info-container .book-level, .search-result .books-page .books .book a .book-info-container .book-level {
                position: static;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding: 0 .5rem;
                background: transparent;
                color: #b8b3c2
            }

            .search-result .articles-page .books .book a .book-info-container .book-info .book-author, .search-result .books-page .books .book a .book-info-container .book-info .book-author {
                text-align: left
            }

            .search-result .articles-page .books .book a .book-info-container .book-info .book-title, .search-result .books-page .books .book a .book-info-container .book-info .book-title {
                font-family: Roboto;
                font-size: 1.4rem;
                text-align: left
            }

.search-result .articles-page .articles, .search-result .books-page .articles {
    grid-template-columns: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: .1rem solid #e9e6ee;
    margin-bottom: 1rem
}

    .search-result .articles-page .articles .article, .search-result .books-page .articles .article {
        margin-bottom: 2rem
    }

        .search-result .articles-page .articles .article a, .search-result .books-page .articles .article a {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .search-result .articles-page .articles .article a .article-poster, .search-result .books-page .articles .article a .article-poster {
                max-width: 8rem;
                width: 100%;
                height: 8rem
            }

            .search-result .articles-page .articles .article a .article-info-container, .search-result .books-page .articles .article a .article-info-container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start
            }

                .search-result .articles-page .articles .article a .article-info-container .article-status, .search-result .books-page .articles .article a .article-info-container .article-status {
                    max-width: 8.1rem;
                    left: 10rem;
                    background: #ffd500;
                    color: #fff;
                    font-family: Roboto Lt;
                    text-align: center;
                    font-size: 1.2rem
                }

                .search-result .articles-page .articles .article a .article-info-container .article-info .article-title, .search-result .books-page .articles .article a .article-info-container .article-info .article-title {
                    font-family: Roboto;
                    font-size: 1.6rem;
                    text-align: left
                }

.resource-card {
    position: relative;
    margin-top: 8rem;
    width: 100%
}

.resource-card-head {
    position: absolute;
    width: 100%;
    height: 96px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODQyIiBoZWlnaHQ9Ijk2Ij48ZGVmcz48cGF0aCBpZD0iYSIgZD0iTTAgMGg4NDJ2OTZIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48dXNlIGZpbGw9IiNEQkVERjkiIHhsaW5rOmhyZWY9IiNhIi8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE0Ny40OTEgOGgxMS43NTVjNC40MzIgMCA4LjAyNS0zLjM1OCA4LjAyNS03LjUgMC00LjE0Mi0zLjU5My03LjUtOC4wMjUtNy41aC05My43NWMtNC40MzEgMC04LjAyNCAzLjM1OC04LjAyNCA3LjUgMCA0LjE0MiAzLjU5MyA3LjUgOC4wMjUgNy41aDkuNDRjNC40MzEgMCA4LjAyNCAzLjM1OCA4LjAyNCA3LjUgMCA0LjE0Mi0zLjU5MyA3LjUtOC4wMjUgNy41aC00MS45MUMyOC41OTIgMjMgMjUgMjYuMzU4IDI1IDMwLjVjMCA0LjE0MiAzLjU5MyA3LjUgOC4wMjUgNy41aDE0Ni45NWM0LjQzMiAwIDguMDI1LTMuMzU4IDguMDI1LTcuNSAwLTQuMTQyLTMuNTkzLTcuNS04LjAyNS03LjVIMTQ3LjQ5Yy00LjQzMiAwLTguMDI1LTMuMzU4LTguMDI1LTcuNSAwLTQuMTQyIDMuNTkzLTcuNSA4LjAyNS03LjV6IiBtYXNrPSJ1cmwoI2IpIiBvcGFjaXR5PSIuMzcyIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAyMTMgMCkiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNTgzLjY5MiA5LjY2N2g5LjM3NWMzLjUzNSAwIDYuNC0yLjYxMiA2LjQtNS44MzQgMC0zLjIyMS0yLjg2NS01LjgzMy02LjQtNS44MzNoLTc0Ljc2OWMtMy41MzUgMC02LjQgMi42MTItNi40IDUuODMzIDAgMy4yMjIgMi44NjUgNS44MzQgNi40IDUuODM0aDcuNTI4YzMuNTM1IDAgNi40IDIuNjEyIDYuNCA1LjgzM3MtMi44NjUgNS44MzMtNi40IDUuODMzSDQ5Mi40Yy0zLjUzNCAwLTYuNCAyLjYxMi02LjQgNS44MzQgMCAzLjIyMSAyLjg2NiA1LjgzMyA2LjQgNS44MzNoMTE3LjJjMy41MzQgMCA2LjQtMi42MTIgNi40LTUuODMzIDAtMy4yMjItMi44NjYtNS44MzQtNi40LTUuODM0aC0yNS45MDhjLTMuNTM0IDAtNi40LTIuNjEyLTYuNC01LjgzM3MyLjg2Ni01LjgzMyA2LjQtNS44MzN6IiBtYXNrPSJ1cmwoI2IpIiBvcGFjaXR5PSIuMzcyIiB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAwIDMxKSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik00NzIgNzMuNWMwLTMuOTIxLTMuMzYyLTcuMS03LjUxLTcuMWgtNTAuNjM3Yy00LjE0NyAwLTcuNTEtMy4xNzktNy41MS03LjFzMy4zNjMtNy4xIDcuNTEtNy4xaDkuMDEyYzQuMTQ4IDAgNy41MS0zLjE3OSA3LjUxLTcuMXMtMy4zNjItNy4xLTcuNTEtNy4xaC0xMDMuNDJjLTQuMTQ3IDAtNy41MSAzLjE3OS03LjUxIDcuMXMzLjM2MyA3LjEgNy41MSA3LjFIMzYxLjVjNC4xNDggMCA3LjUxIDMuMTc5IDcuNTEgNy4xcy0zLjM2MiA3LjEtNy41MSA3LjFIMjU4LjUxYy00LjE0OCAwLTcuNTEgMy4xNzktNy41MSA3LjFzMy4zNjIgNy4xIDcuNTEgNy4xaDU1Ljc4NmM0LjE0OCAwIDcuNTEgMy4xNzkgNy41MSA3LjFzLTMuMzYyIDcuMS03LjUxIDcuMWgtMTguMDIzYy00LjE0OCAwLTcuNTEgMy4xNzktNy41MSA3LjFzMy4zNjIgNy4xIDcuNTEgNy4xaDExMi4wMDJjNC4xNDcgMCA3LjUxLTMuMTc5IDcuNTEtNy4xcy0zLjM2My03LjEtNy41MS03LjFoLTMzLjQ3MmMtNC4xNDggMC03LjUxLTMuMTc5LTcuNTEtNy4xczMuMzYyLTcuMSA3LjUxLTcuMWg4OS42ODdjNC4xNDggMCA3LjUxLTMuMTc5IDcuNTEtNy4xeiIgbWFzaz0idXJsKCNiKSIgb3BhY2l0eT0iLjM3MiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik04MjcgODFjMC0zLjA5My0yLjcwOC01LjYtNi4wNDktNS42aC00MC43ODRjLTMuMzQgMC02LjA0OS0yLjUwNy02LjA0OS01LjYgMC0zLjA5MyAyLjcwOC01LjYgNi4wNDktNS42aDcuMjU4YzMuMzQgMCA2LjA0OS0yLjUwNyA2LjA0OS01LjYgMC0zLjA5My0yLjcwOC01LjYtNi4wNDktNS42aC04My4yOTdjLTMuMzQgMC02LjA0OCAyLjUwNy02LjA0OCA1LjYgMCAzLjA5MyAyLjcwOCA1LjYgNi4wNDggNS42SDczOGMzLjM0IDAgNi4wNDkgMi41MDcgNi4wNDkgNS42IDAgMy4wOTMtMi43MDggNS42LTYuMDQ5IDUuNmgtODIuOTUxYy0zLjM0MSAwLTYuMDQ5IDIuNTA3LTYuMDQ5IDUuNiAwIDMuMDkzIDIuNzA4IDUuNiA2LjA0OSA1LjZoNDQuOTMyYzMuMzQgMCA2LjA0OCAyLjUwNyA2LjA0OCA1LjYgMCAzLjA5My0yLjcwOCA1LjYtNi4wNDggNS42aC0xNC41MTdjLTMuMzQgMC02LjA0OCAyLjUwNy02LjA0OCA1LjYgMCAzLjA5MyAyLjcwOCA1LjYgNi4wNDggNS42aDkwLjIxYzMuMzQgMCA2LjA0OC0yLjUwNyA2LjA0OC01LjYgMC0zLjA5My0yLjcwOC01LjYtNi4wNDgtNS42aC0yNi45NmMtMy4zNCAwLTYuMDQ4LTIuNTA3LTYuMDQ4LTUuNiAwLTMuMDkzIDIuNzA4LTUuNiA2LjA0OS01LjZoNzIuMjM2YzMuMzQxIDAgNi4wNDktMi41MDcgNi4wNDktNS42eiIgbWFzaz0idXJsKCNiKSIgb3BhY2l0eT0iLjM3MiIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCAxNjIpIi8+PC9nPjwvc3ZnPg==) repeat-x;
    background-size: contain
}

.resource-card-rows {
    -webkit-box-orient: vertical;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-right: auto;
    margin-left: auto;
    max-width: 112rem;
    padding: 4.7rem 8rem 0
}

.resource-card-rows, .resource-card-rows-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.resource-card-rows-item {
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row;
    flex-flow: row;
    z-index: 1
}

    .resource-card-rows-item:first-child {
        padding-bottom: 1rem;
        border-bottom: 1px solid #e5e5ea
    }

    .resource-card-rows-item .resource-poster {
        position: relative;
        background: #fff;
        width: 100%;
        max-width: 23rem;
        max-height: 32.7rem
    }

        .resource-card-rows-item .resource-poster, .resource-card-rows-item .resource-poster img {
            border: .1rem solid #fff;
            border-radius: .7rem
        }

            .resource-card-rows-item .resource-poster .text-locked {
                font-family: Roboto;
                font-size: 1.3rem;
                text-align: center;
                letter-spacing: normal;
                color: #fff;
                background: #111136;
                width: 16rem;
                height: 5.2rem;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                position: absolute;
                bottom: 2rem;
                left: 3.5rem;
                border-radius: .5rem
            }

            .resource-card-rows-item .resource-poster.locked {
                opacity: .5
            }

    .resource-card-rows-item .resource-info {
        min-width: 66rem;
        color: #44435d;
        padding: 9.2rem 0 0 5.1rem
    }

    .resource-card-rows-item .resource-info-author {
        font-size: 1.6rem;
        margin-bottom: 1.3rem
    }

    .resource-card-rows-item .resource-info-origin {
        font-size: 2rem;
        font-weight: 600;
        margin-bottom: 4.6rem
    }

    .resource-card-rows-item .resource-info-stats {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 4.6rem
    }

    .resource-card-rows-item .resource-info-stats-item {
        width: 15rem;
        margin: 0 1rem
    }

        .resource-card-rows-item .resource-info-stats-item .duration {
            color: #b8b3c2
        }

    .resource-card-rows-item .resource-info-stats span {
        font-weight: bolder;
        margin-right: .7rem
    }

    .resource-card-rows-item .resource-info-actions {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 62rem
    }

        .resource-card-rows-item .resource-info-actions .tng-button {
            margin-right: 1.5rem;
            margin-bottom: 2.5rem;
            min-width: 16rem;
            height: 4.5rem;
            text-transform: uppercase;
            color: #fff;
            text-align: center;
            line-height: 1;
            border-radius: 2.25rem
        }

            .resource-card-rows-item .resource-info-actions .tng-button.listen, .resource-card-rows-item .resource-info-actions .tng-button.read {
                min-width: 16.5rem;
                padding: 1.5rem 3rem
            }

            .resource-card-rows-item .resource-info-actions .tng-button.favourites {
                min-width: 24rem;
                padding: 0 2rem;
                border-radius: 2rem;
                color: #000;
                font-size: 1.4rem;
                font-weight: 400;
                text-transform: none
            }

                .resource-card-rows-item .resource-info-actions .tng-button.favourites .tng-icon {
                    width: 2.5rem;
                    height: 2rem
                }

                    .resource-card-rows-item .resource-info-actions .tng-button.favourites .tng-icon.heart {
                        margin: 1rem
                    }

            .resource-card-rows-item .resource-info-actions .tng-button.favourites-active {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                background: inherit;
                border-radius: 2rem
            }

                .resource-card-rows-item .resource-info-actions .tng-button.favourites-active .tng-icon {
                    width: 4rem;
                    height: 4rem
                }

    .resource-card-rows-item .resource-info.locked {
        opacity: .5
    }

    .resource-card-rows-item .resource-annotation {
        margin: 2.5rem 0;
        font-family: Charter
    }

.reader .header {
    position: fixed;
    z-index: 10;
    top: 0
}

.reader .container.main-wrapper {
    min-height: 94vh;
    position: fixed;
    top: 6rem;
    background: #fff
}

.reader .book-content-wrapper {
    width: 100%
}

.reader .scroller {
    overflow: auto;
    max-height: 75vh;
    width: 100%;
    height: 100%
}

.reader .reader-actions {
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: 1rem
}

    .reader .reader-actions .reader-button {
        display: inline-block;
        font-family: Proxima Nova Rg;
        padding: 1rem 2rem 1rem 1rem;
        background: #5ac8fa;
        -webkit-box-shadow: 0 .2rem 1.5rem 0 rgba(0,0,0,.09);
        box-shadow: 0 .2rem 1.5rem 0 rgba(0,0,0,.09);
        border-radius: 3rem;
        cursor: pointer;
        -webkit-transition: all .6s;
        transition: all .6s
    }

        .reader .reader-actions .reader-button .tng-icon {
            width: 3rem;
            height: 3rem;
            margin-right: 1rem;
            vertical-align: middle
        }

        .reader .reader-actions .reader-button .icon-label {
            color: #fff;
            text-transform: uppercase;
            font-family: Roboto Md;
            font-size: 1.4rem;
            line-height: 2;
            vertical-align: sub
        }

            .reader .reader-actions .reader-button .icon-label.icon-label-audiobook_stop {
                vertical-align: middle
            }

        .reader .reader-actions .reader-button:hover {
            background: #2bc2fa
        }

.article-reader, .book-reader {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    overflow-y: scroll
}

.article-reader-header, .book-reader-header {
    position: fixed;
    top: 6rem;
    max-width: 143rem;
    width: 100%;
    height: auto;
    padding: 2.5rem 0;
    font-size: 3rem;
    font-family: Charter-Roman;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    background: #fff;
    color: rgba(0,0,0,.7)
}

.article-reader .word-popup, .book-reader .word-popup {
    display: none;
    z-index: 1;
    position: absolute;
    max-width: 30rem;
    padding: 1rem 2rem;
    background: #fff;
    -webkit-box-shadow: 0 .2rem 1.5rem 0 rgba(0,0,0,.5);
    box-shadow: 0 .2rem 1.5rem 0 rgba(0,0,0,.5);
    border-radius: .6rem;
    font-family: BlinkMacSystemFont
}

    .article-reader .word-popup.right, .book-reader .word-popup.right {
        right: 1rem !important;
        left: inherit !important
    }

    .article-reader .word-popup.left, .book-reader .word-popup.left {
        left: 1rem !important;
        right: inherit !important
    }

    .article-reader .word-popup span, .book-reader .word-popup span {
        padding: 3rem 6.3rem;
        line-height: 1;
        display: inline-block;
        white-space: nowrap;
        font-size: 1.8rem;
        color: #000
    }

.article-reader-content, .book-reader-content {
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    color: #44435d;
    font-size: 1.8rem;
    font-family: Charter-Roman;
    line-height: 3rem;
    padding: 0 28.5rem;
    background: #fff;
    white-space: pre-line;
    -webkit-transition: all .9s;
    transition: all .9s
}

    .article-reader-content .replica.matched, .book-reader-content .replica.matched {
        background-color: rgba(146,106,255,.2)
    }

    .article-reader-content .heatmap.matched, .book-reader-content .heatmap.matched {
        background-color: rgba(145,127,251,.2)
    }

    .article-reader-content .word, .book-reader-content .word {
        position: relative
    }

        .article-reader-content .word.matched, .book-reader-content .word.matched {
            cursor: pointer;
            border-bottom: 1px solid #e5e5ea
        }

            .article-reader-content .word.matched.active, .book-reader-content .word.matched.active {
                border-color: #5ac8fa;
                color: #5ac8fa
            }

                .article-reader-content .word.matched.active .word-popup, .book-reader-content .word.matched.active .word-popup {
                    display: block
                }

    .article-reader-content .content-item, .book-reader-content .content-item {
        display: inline
    }

    .article-reader-content h1, .article-reader-content h2, .article-reader-content h3, .book-reader-content h1, .book-reader-content h2, .book-reader-content h3 {
        margin: 4rem auto 2rem;
        text-align: center;
        color: #44435d
    }

    .article-reader-content h1, .book-reader-content h1 {
        font-family: Roboto Bold
    }

    .article-reader-content h2, .book-reader-content h2 {
        text-align: left;
        font-family: Roboto Md
    }

    .article-reader-content h3, .book-reader-content h3 {
        text-align: left;
        font-family: Roboto
    }

    .article-reader-content img, .book-reader-content img {
        width: 100%;
        margin: 4rem 0
    }

    .article-reader-content blockquote, .book-reader-content blockquote {
        margin: 4rem 3.8rem 0;
        border: none;
        font-size: 2.4rem;
        font-style: italic;
        line-height: 1.25
    }

    .article-reader-content span, .book-reader-content span {
        display: block
    }

        .article-reader-content span:last-child, .book-reader-content span:last-child {
            margin-top: 4rem;
            font-family: Roboto Rg;
            font-size: 1.6rem;
            color: #b8b3c2
        }

        .article-reader-content span a, .book-reader-content span a {
            color: #0bbdf3
        }

.article-reader ::-webkit-scrollbar, .book-reader ::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px
}

.article-reader ::-webkit-scrollbar-thumb, .book-reader ::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5)
}

.book-reader-content {
    position: fixed;
    top: 14rem
}

.article-reader-content {
    max-height: 90vh
}

.courses-page .course-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 2rem;
    margin-bottom: 7rem;
    min-height: 81rem;
    height: 100%;
    border-radius: 3.5rem
}

.courses-page .course-list, .courses-page .course-list-row {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.courses-page .course-list-row {
    margin: 1rem;
    max-width: 46rem;
    min-height: 24rem;
    border-radius: 1rem
}

    .courses-page .course-list-row .course-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1rem 2rem 2rem 4rem;
        font-family: Roboto;
        font-size: 1.4rem;
        letter-spacing: normal;
        line-height: normal;
        color: #fff
    }

    .courses-page .course-list-row .course-item-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .courses-page .course-list-row .course-item-row.title {
            max-height: 11rem;
            font-weight: 500
        }

        .courses-page .course-list-row .course-item-row.description {
            width: 75%
        }

    .courses-page .course-list-row .course-item-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 25rem;
        font-size: 2.4rem
    }

    .courses-page .course-list-row .course-item-image {
        margin-left: auto;
        width: 12.5rem;
        height: auto
    }

        .courses-page .course-list-row .course-item-image .progressive-image-main {
            z-index: 0
        }

    .courses-page .course-list-row .course-item-description {
        min-height: 10rem;
        margin-bottom: 1rem
    }

    .courses-page .course-list-row .course-item .lessons-total {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 1rem;
        min-width: 8.1rem;
        max-height: 2.8rem;
        border-radius: 1.4rem;
        background: #0bbdf3
    }

    .courses-page .course-list-row .course-item .lessons-total-value {
        padding: .8rem 1.2rem
    }

    .courses-page .course-list-row .course-item-progress-value, .courses-page .course-list-row .course-item .lessons-total-value {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .courses-page .course-list-row .course-item-progress-value {
        max-height: 5rem;
        margin-left: auto
    }

        .courses-page .course-list-row .course-item-progress-value .star-icon {
            margin: 0 1rem
        }

    .courses-page .course-list-row .course-item-progress-bar {
        min-width: auto;
        max-width: 10rem
    }

    .courses-page .course-list-row:hover {
        cursor: pointer;
        opacity: .8
    }

.words-list-section {
    -webkit-box-orient: vertical;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    max-width: 62rem;
    width: 100%;
    min-height: 78.4rem;
    padding: 2rem;
    margin: 0 1rem;
    background: #fff;
    border: .1rem solid #efeff4;
    border-radius: 2.5rem
}

    .words-list-section, .words-list-section .buttons-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .words-list-section .buttons-container {
            -webkit-box-orient: horizontal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 107%;
            height: 14rem;
            border-bottom: .1rem solid #e5ebef
        }

            .words-list-section .buttons-container .btn-learn, .words-list-section .buttons-container .btn-repeat {
                position: relative
            }

                .words-list-section .buttons-container .btn-learn .learning-words-count, .words-list-section .buttons-container .btn-learn .repeating-words-count, .words-list-section .buttons-container .btn-repeat .learning-words-count, .words-list-section .buttons-container .btn-repeat .repeating-words-count {
                    position: absolute;
                    top: -1rem;
                    right: 0;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    min-width: 2.4rem;
                    width: auto;
                    height: 2.4rem;
                    padding: 0 .6rem;
                    border-radius: 2rem;
                    background: #ff5252;
                    font-family: Roboto Lt;
                    font-size: 1.5rem;
                    color: #fff
                }

            .words-list-section .buttons-container .btn-learn, .words-list-section .buttons-container .btn-repeat {
                max-width: 19.6rem;
                margin: 0 2rem;
                border: none
            }

            .words-list-section .buttons-container .btn-repeat {
                border: none
            }

                .words-list-section .buttons-container .btn-repeat[disabled]:active, .words-list-section .buttons-container .btn-repeat[disabled]:focus, .words-list-section .buttons-container .btn-repeat[disabled]:hover {
                    opacity: .5
                }

                .words-list-section .buttons-container .btn-repeat:active, .words-list-section .buttons-container .btn-repeat:focus, .words-list-section .buttons-container .btn-repeat:hover {
                    background: #1fe5ab;
                    opacity: .8
                }

        .words-list-section .words-navigation {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            width: 100%;
            margin: 4rem 0;
            list-style: none
        }

            .words-list-section .words-navigation .words-item {
                width: 100%;
                height: 3rem;
                text-align: center;
                font-family: Roboto Bold;
                font-size: 1.8rem
            }

                .words-list-section .words-navigation .words-item.active .words-item-label {
                    color: #4ce0ff;
                    border-bottom: .2rem solid #4ce0ff
                }

                .words-list-section .words-navigation .words-item:active .words-item-label, .words-list-section .words-navigation .words-item:focus .words-item-label, .words-list-section .words-navigation .words-item:hover .words-item-label {
                    color: #4ce0ff;
                    cursor: pointer;
                    border-bottom: .2rem solid #4ce0ff
                }

                .words-list-section .words-navigation .words-item .words-item-label {
                    padding-bottom: 1rem
                }

        .words-list-section .words-list {
            -webkit-box-orient: vertical;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 0 2rem
        }

            .words-list-section .words-list, .words-list-section .words-list .word {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-direction: normal;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 100%
            }

                .words-list-section .words-list .word {
                    -webkit-box-orient: horizontal;
                    -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    margin: 1rem 0;
                    cursor: pointer
                }

                    .words-list-section .words-list .word .word-original {
                        -ms-flex-preferred-size: 50%;
                        flex-basis: 50%;
                        font-family: Roboto Bold;
                        font-size: 1.6rem;
                        text-align: left;
                        color: #44435d
                    }

                    .words-list-section .words-list .word .word-meaning {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: horizontal;
                        -webkit-box-direction: normal;
                        -ms-flex-flow: row wrap;
                        flex-flow: row wrap;
                        -webkit-box-pack: start;
                        -ms-flex-pack: start;
                        justify-content: flex-start;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -ms-flex-preferred-size: 50%;
                        flex-basis: 50%;
                        font-size: 1.6rem;
                        color: #96a3ac
                    }

                        .words-list-section .words-list .word .word-meaning .meaning {
                            margin-right: .5rem;
                            font-size: 1.6rem;
                            color: #96a3ac
                        }

                    .words-list-section .words-list .word:active, .words-list-section .words-list .word:focus, .words-list-section .words-list .word:hover {
                        cursor: pointer
                    }

                        .words-list-section .words-list .word:active .word-meaning .meaning, .words-list-section .words-list .word:active .word-original, .words-list-section .words-list .word:focus .word-meaning .meaning, .words-list-section .words-list .word:focus .word-original, .words-list-section .words-list .word:hover .word-meaning .meaning, .words-list-section .words-list .word:hover .word-original {
                            color: #4ce0ff
                        }

        .words-list-section .empty-content-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%
        }

            .words-list-section .empty-content-container .empty-content-title {
                text-align: center
            }

.words-stats-section {
    width: 30rem;
    min-height: 48.2rem;
    margin: 0 1rem
}

    .words-stats-section .words-stats {
        background: #fff;
        -webkit-box-orient: vertical;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        width: 100%;
        height: 100%;
        margin-bottom: 2rem;
        padding-bottom: 1rem;
        border: 1px solid #efeff4;
        border-radius: 2.5rem
    }

        .words-stats-section .words-stats, .words-stats-section .words-stats .target {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: normal
        }

            .words-stats-section .words-stats .target {
                padding: 1rem 2rem;
                -webkit-box-orient: horizontal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-bottom: 1px solid #efeff4;
                min-height: 9rem;
                font-size: 1.7rem;
                font-weight: 700
            }

                .words-stats-section .words-stats .target .target-icon {
                    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzciPjxkZWZzPjxmaWx0ZXIgaWQ9ImIiIHdpZHRoPSIzMTcuOSUiIGhlaWdodD0iMTc5LjYlIiB4PSItMTA4LjklIiB5PSItMzkuOCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dCbHVySW5uZXIxIiBzdGREZXZpYXRpb249IjIiLz48ZmVPZmZzZXQgZHk9IjYiIGluPSJzaGFkb3dCbHVySW5uZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBrMj0iLTEiIGszPSIxIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dJbm5lcklubmVyMSIgdmFsdWVzPSIwIDAgMCAwIDEgMCAwIDAgMCAwLjMzNTI1ODE1MiAwIDAgMCAwIDAgMCAwIDAgMSAwIi8+PC9maWx0ZXI+PGZpbHRlciBpZD0iZCIgd2lkdGg9IjE2MS42JSIgaGVpZ2h0PSIxMjIuNCUiIHg9Ii0zMC44JSIgeT0iLTExLjIlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxmZUdhdXNzaWFuQmx1ciBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93Qmx1cklubmVyMSIgc3RkRGV2aWF0aW9uPSIxIi8+PGZlT2Zmc2V0IGR4PSIyIiBpbj0ic2hhZG93Qmx1cklubmVyMSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRJbm5lcjEiLz48ZmVDb21wb3NpdGUgaW49InNoYWRvd09mZnNldElubmVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgazI9Ii0xIiBrMz0iMSIgb3BlcmF0b3I9ImFyaXRobWV0aWMiIHJlc3VsdD0ic2hhZG93SW5uZXJJbm5lcjEiLz48ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93SW5uZXJJbm5lcjEiIHZhbHVlcz0iMCAwIDAgMCAwLjY4NTY5MzAyNyAwIDAgMCAwIDAuMzk5OTM3NjUxIDAgMCAwIDAgMC4yMjEzNDA1NCAwIDAgMCAxIDAiLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJmIiB3aWR0aD0iMTc2LjklIiBoZWlnaHQ9IjEyOCUiIHg9Ii0zOC41JSIgeT0iLTE0JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij48ZmVHYXVzc2lhbkJsdXIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd0JsdXJJbm5lcjEiIHN0ZERldmlhdGlvbj0iMSIvPjxmZU9mZnNldCBkeD0iMyIgaW49InNoYWRvd0JsdXJJbm5lcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0SW5uZXIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIGsyPSItMSIgazM9IjEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIi8+PGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0lubmVySW5uZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMC4wMjkxNTA3MjI4IDAgMCAwIDAgMC4wMjYyOTQ2ODI0IDAgMCAwIDAgMC4wMjQ1MDk2NTcyIDAgMCAwIDEgMCIvPjwvZmlsdGVyPjxmaWx0ZXIgaWQ9ImoiIHdpZHRoPSIxNDcuNiUiIGhlaWdodD0iMTcwLjglIiB4PSItMjMuOCUiIHk9Ii0zNS40JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij48ZmVHYXVzc2lhbkJsdXIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd0JsdXJJbm5lcjEiIHN0ZERldmlhdGlvbj0iMSIvPjxmZU9mZnNldCBkeD0iLTIiIGluPSJzaGFkb3dCbHVySW5uZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBrMj0iLTEiIGszPSIxIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSIvPjxmZUNvbG9yTWF0cml4IGluPSJzaGFkb3dJbm5lcklubmVyMSIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjExMDExMDk2IDAiLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJsIiB3aWR0aD0iMTIyLjklIiBoZWlnaHQ9IjEyMi45JSIgeD0iLTExLjQlIiB5PSItMTEuNCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dCbHVySW5uZXIxIiBzdGREZXZpYXRpb249IjEiLz48ZmVPZmZzZXQgaW49InNoYWRvd0JsdXJJbm5lcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0SW5uZXIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIGsyPSItMSIgazM9IjEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIi8+PGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0lubmVySW5uZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMTgyMzE5OTczIDAiLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJuIiB3aWR0aD0iNDg0JSIgaGVpZ2h0PSIxNTEuMyUiIHg9Ii0xOTIlIiB5PSItMTIuOCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PGZlT2Zmc2V0IGR5PSIyIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIxIi8+PGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0JsdXJPdXRlcjEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC41IDAiLz48L2ZpbHRlcj48ZmlsdGVyIGlkPSJwIiB3aWR0aD0iNDM2JSIgaGVpZ2h0PSIxNDQuOSUiIHg9Ii0xNjglIiB5PSItOS42JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij48ZmVHYXVzc2lhbkJsdXIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd0JsdXJJbm5lcjEiIHN0ZERldmlhdGlvbj0iMSIvPjxmZU9mZnNldCBkeD0iMSIgaW49InNoYWRvd0JsdXJJbm5lcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0SW5uZXIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIGsyPSItMSIgazM9IjEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIi8+PGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0lubmVySW5uZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMC42ODU2OTMwMjcgMCAwIDAgMCAwLjM5OTkzNzY1MSAwIDAgMCAwIDAuMjIxMzQwNTQgMCAwIDAgMSAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9ImEiIGQ9Ik0xMC40NDIgNDYuOTA1Yy43MzMgMCAxLjcwOC0yLjgxMyAyLjE3Ny02LjI4NC40Ny0zLjQ3LS41MDUtNi4yODQtMi4xNzctNi4yODQtMS42NzEgMC0yLjY0NiAyLjgxNC0yLjE3NyA2LjI4NC40NjkgMy40NyAxLjQ0NCA2LjI4NCAyLjE3NyA2LjI4NHoiLz48cGF0aCBpZD0iYyIgZD0iTTIuODM0IDIwLjcxM3MtNS4wNTggMy45MzQtMS42NiAxNS4zNWMxLjA2NCAyLjk2MyAxLjg5OCAyLjYxNiAyLjQwNiAyLjIyNiAxLjIzOC0xLjQ3NiAyLjkxOC00LjEyMiAyLjkxOC00LjEyMkwyLjgzNCAyMC43MTN6Ii8+PHBhdGggaWQ9ImUiIGQ9Ik0xNy4xNjYgMjAuNzEzcy01LjA1OCAzLjkzNC0xLjY1OSAxNS4zNWMxLjA2NCAyLjk2MyAxLjg5NyAyLjYxNiAyLjQwNSAyLjIyNiAxLjIzOS0xLjQ3NiAyLjkxOS00LjEyMiAyLjkxOS00LjEyMmwtMy42NjUtMTMuNDU0eiIvPjxwYXRoIGlkPSJpIiBkPSJNMTQuNjg1IDQuNzEzYy0xLjEyNS41OC0yLjY0Mi45MzYtNC4zMTEuOTM2LTEuNTY1IDAtMi45OTYtLjMxMy00LjA5Ni0uODNBMjUuOTk0IDI1Ljk5NCAwIDAxNy42NCAyLjU4MkM5LjQ0OS0uMDY5IDEwLjUxIDAgMTAuNTEgMHMxLjA2My0uMDcgMi44NzIgMi41ODJjLjMwMi40NDMuNzcgMS4xNjIgMS4zMDMgMi4xM3oiLz48cGF0aCBpZD0iayIgZD0iTTYuMDA2IDEzLjE4YzAtMS43MDggMS40MDUtMy4wOTMgMy4xNC0zLjA5M2gyLjQ1N2MxLjczNCAwIDMuMTM5IDEuMzg1IDMuMTM5IDMuMDk0djIuNTU1YzAgMS43MDktMS40MDYgMy4wOTQtMy4xNCAzLjA5NEg5LjE0NmMtMS43MzQgMC0zLjE0LTEuMzg1LTMuMTQtMy4wOTR2LTIuNTU1eiIvPjxwYXRoIGlkPSJvIiBkPSJNOS4zMzQgMjMuNjcxYTEuMDI0IDEuMDI0IDAgMDExLjA0LTEuMDc1Yy42MDMgMCAxLjA2OS40ODIgMS4wNCAxLjA3NWwtLjU0MiAxMy40NTFjLS4wMi41OTQtLjMzMyAxLjA3Ni0uNyAxLjA3NmguNDAzYy0uMzY3IDAtLjY4LS40ODItLjctMS4wNzZsLS41NDEtMTMuNDV6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJnIiB4MT0iNTAlIiB4Mj0iNTAlIiB5MT0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMzExRTExIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNUIzRDI5Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImgiIHgxPSIzOS40MjYlIiB4Mj0iNjAuOTk2JSIgeTE9IjAlIiB5Mj0iMTAxJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0ZGRDUyOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0ZEODQ0MCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJtIiB4MT0iLjU4MyUiIHgyPSI3NS41ODglIiB5MT0iMzQuNjY3JSIgeTI9IjExNS4zMzclIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjRkZGIi8+PHN0b3Agb2Zmc2V0PSIzMS4yODclIiBzdG9wLWNvbG9yPSIjRDRGNUZGIi8+PHN0b3Agb2Zmc2V0PSI1MC4xNzUlIiBzdG9wLWNvbG9yPSIjRkZGIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjREZGNUZDIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzOSAyMC41NiAyOS40NzIpIj48dXNlIGZpbGw9IiNGRkQ3MzEiIHhsaW5rOmhyZWY9IiNhIi8+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjYikiIHhsaW5rOmhyZWY9IiNhIi8+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDM5IDIwLjU2IDI5LjQ3MikiPjx1c2UgZmlsbD0iIzNCMjYxNyIgeGxpbms6aHJlZj0iI2MiLz48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNkKSIgeGxpbms6aHJlZj0iI2MiLz48L2c+PGcgdHJhbnNmb3JtPSJzY2FsZSgtMSAxKSByb3RhdGUoLTM5IC0yLjk3OCA3OS4xMikiPjx1c2UgZmlsbD0iIzNCMjYxNyIgeGxpbms6aHJlZj0iI2UiLz48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNmKSIgeGxpbms6aHJlZj0iI2UiLz48L2c+PHBhdGggZmlsbD0idXJsKCNnKSIgZD0iTTEzLjkyMyAzNC4yOTdINi44MjV2MS4yNzhjMCAuNzA2LjU4IDEuMjc4IDEuMjk2IDEuMjc4aDQuNTA2Yy43MTUgMCAxLjI5Ni0uNTcyIDEuMjk2LTEuMjc4di0xLjI3OHoiIHRyYW5zZm9ybT0icm90YXRlKDM5IDIwLjU2IDI5LjQ3MikiLz48cGF0aCBmaWxsPSJ1cmwoI2gpIiBkPSJNMTMuMzgyIDIuNTgyYzEuODA5IDIuNjUxIDkuNTU4IDE1LjE3OCAxLjMzNCAzMS44NUg2LjMwNUMtMS45MiAxNy43NiA1LjgzIDUuMjMzIDcuNjM5IDIuNTgyIDkuNDQ5LS4wNjkgMTAuNTEgMCAxMC41MSAwczEuMDYzLS4wNyAyLjg3MiAyLjU4MnoiIHRyYW5zZm9ybT0icm90YXRlKDM5IDIwLjU2IDI5LjQ3MikiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzOSAyMC41NiAyOS40NzIpIj48dXNlIGZpbGw9IiNGRkYiIHhsaW5rOmhyZWY9IiNpIi8+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjaikiIHhsaW5rOmhyZWY9IiNpIi8+PC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDM5IDIwLjU2IDI5LjQ3MikiPjx1c2UgZmlsbD0iI0ZGRiIgeGxpbms6aHJlZj0iI2siLz48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNsKSIgeGxpbms6aHJlZj0iI2siLz48L2c+PHBhdGggZmlsbD0idXJsKCNtKSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNy4wOTggMTMuMTh2Mi41NTZjMCAxLjExNS45MTYgMi4wMTggMi4wNDcgMi4wMThoMi40NThjMS4xMyAwIDIuMDQ3LS45MDMgMi4wNDctMi4wMTh2LTIuNTU1YzAtMS4xMTUtLjkxNy0yLjAxOC0yLjA0Ny0yLjAxOEg5LjE0NWMtMS4xMyAwLTIuMDQ3LjkwNC0yLjA0NyAyLjAxOHoiIHRyYW5zZm9ybT0icm90YXRlKDM5IDIwLjU2IDI5LjQ3MikiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzOSAyMC41NiAyOS40NzIpIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNuKSIgeGxpbms6aHJlZj0iI28iLz48dXNlIGZpbGw9IiMzQjI2MTciIHhsaW5rOmhyZWY9IiNvIi8+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjcCkiIHhsaW5rOmhyZWY9IiNvIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat 0 .8rem;
                    height: 5.3rem;
                    width: 4.4rem;
                    color: #000;
                    margin: 0 2rem 0 1rem
                }

                .words-stats-section .words-stats .target .target-value {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    width: 100%;
                    height: 4.3rem;
                    font-family: Roboto Bold;
                    font-size: 1.8rem;
                    line-height: 1.36rem
                }

            .words-stats-section .words-stats .words-stats-learned {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                width: 100%;
                margin-top: 4rem;
                padding: 0 2rem;
                font-family: Roboto
            }

                .words-stats-section .words-stats .words-stats-learned .stats-title {
                    font-size: 2rem;
                    color: #96a3ac
                }

                .words-stats-section .words-stats .words-stats-learned .stats-value {
                    font-family: Roboto Bold;
                    font-size: 7rem;
                    color: #44435d
                }

            .words-stats-section .words-stats .words-stats-period {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .words-stats-section .words-stats .words-stats-period, .words-stats-section .words-stats .words-stats-period .period {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: column nowrap;
                    flex-flow: column nowrap
                }

                    .words-stats-section .words-stats .words-stats-period .period {
                        width: 100%;
                        padding: 0 2rem;
                        font-size: 1.4rem;
                        color: #96a3ac
                    }

                    .words-stats-section .words-stats .words-stats-period .period-value {
                        font-size: 3rem;
                        color: #44435d
                    }

.words-info {
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 100vh
}

    .words-info, .words-info .info-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .words-info .info-container {
            position: relative;
            -webkit-box-orient: vertical;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            width: 38rem;
            height: 35.4rem;
            background: #f8fafb;
            border-radius: 10px;
            -webkit-box-shadow: 0 .1rem 2rem 0 rgba(0,0,0,.1);
            box-shadow: 0 .1rem 2rem 0 rgba(0,0,0,.1)
        }

            .words-info .info-container .info-heading {
                position: absolute;
                top: -13.5rem
            }

                .words-info .info-container .info-heading.ewa-words-alt {
                    top: -11.5rem
                }

                .words-info .info-container .info-heading .ewa-image {
                    width: 14.7rem;
                    height: 15.6rem
                }

            .words-info .info-container .info-body.info-text {
                color: #4d4d4d
            }

            .words-info .info-container .info-body .info-title {
                margin: 3rem 0;
                font-size: 2.2rem;
                text-align: center
            }

            .words-info .info-container .info-body .info-message {
                margin-bottom: 3rem;
                font-size: 1.4rem
            }

.words-selection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin-top: 5rem
}

.words-preview {
    margin: 2rem 0 15rem
}

    .words-preview .carousel-wrapper .carousel-container.words {
        height: 56.5rem
    }

    .words-preview .carousel-wrapper .carousel-container .carousel-controls {
        display: none
    }

    .words-preview .word-card {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 4rem 0 0;
        margin: 2rem 0
    }

    .words-preview .word-example {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        max-height: 15rem;
        height: 100%;
        padding: 0 2rem;
        background: #f4fdff;
        border-radius: 1.2rem
    }

        .words-preview .word-example .example-origin {
            font-family: Roboto Lt;
            font-size: 2.5rem;
            color: #44435d
        }

        .words-preview .word-example .buttons-container {
            -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
            justify-content: space-evenly
        }

    .words-preview .button-container {
        position: absolute;
        bottom: -11rem;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }

.words {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 30rem;
    text-align: center
}

.word-card, .words {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000
}

.word-card {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    min-width: 100%;
    height: 100%;
    padding: 2rem 3rem;
    margin: 2rem 1rem
}

    .word-card .word-original-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

        .word-card .word-original-container .word-original {
            font-size: 4rem;
            text-align: left;
            color: #44435d
        }

        .word-card .word-original-container .word-transcription {
            color: #96a3ac;
            text-align: center
        }

    .word-card .word-meaning {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 1rem
    }

        .word-card .word-meaning .meaning {
            margin-right: .5rem;
            font-size: 2.6rem;
            color: #44435d
        }

    .word-card .buttons-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .word-card .buttons-container .btn-speak {
            width: 6rem;
            height: 6rem;
            margin: 0 .5rem;
            background: #4ce0ff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAaCAYAAADbhS54AAAABGdBTUEAALGPC/xhBQAAAotJREFUSA3Fl89LVVEQx9+1wBSypSbSDxD6sXBhgqAQtujX2k2E4EbECKGNiFt3QSuptq7cRDujFhK0yIT+gDZFmJCVG0Hl4cJ6feY68xiP93mv73p14OvMmR/fGe95757zSqUTkEql0ga6TqB17ZYM1AB+ApHR2plHEKFBExgH06A5jZKcJSCyA+6n5dcVh/gB+AFMpkMiAi3ex/oCWNWCTfQVH89lQ9YDPiq5Vy89MYEZIE/mSeDvxrcFROZ9rC4bkvNgFvwDSfLCE5Mwp0ky3O0gNuUIbvlYZhuCRiBE8ugPknAw+Uds20Q3WVPsM2AFiCyaP1GTcApcBb0OD7G/gyyyZzBpQtGAK5zwjfE/0pjsQIePxTbOZvAUlEEe2TeYNIDwrZLKU4tsAOxW8Fdjj81f1QReazCvel4ldQak9xxxjwvJ0Isae2f+BjFw9qEGzVmQ/gBvWbnvBD0+6brT/PFgLHrNUZSOomgb7i/Kfynos6rrdvPbYGfNUbD+rfxtQR8bTD7n5yRmg30NEvMsK3mKqY3rbbD3ONZzEmYptydlT85qbAvLbPmGOOPBWKxhD4NNcRYhbFEjvNeVeznoYYPZlpZOWwLDzVN8jfUIkLtSvNcav4iufmPUd1g1QIHdPBaCYnkriHzbVRn/MrCcBmNgDaTJTBItRW+08Bc6+ws2iSz0QdgC5HTYBrVk32Ak3nTJk54X/8FHkk9OsyG7DF65Zt7cMxgBOcTtxipPy7ZTXuzZD/G0oXwc4n7wGXh5FuTYtUfOw7tBLP+1xxN6m2YRGALL4A+4EcSP56Lom4Y2Q1W/5T6GP+lqLdsqcrRXa9/4sDbDLMUjFfljpI6hju/nWx3Dpf7g/Q9NGcl7xLKW9wAAAABJRU5ErkJggg==) no-repeat 50%;
            background-size: 50%;
            border: none;
            border-radius: 50%;
            cursor: pointer
        }

            .word-card .buttons-container .btn-speak.slow-button {
                background: #4ce0ff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAaCAYAAADxNd/XAAAABGdBTUEAALGPC/xhBQAAA8xJREFUWAnVmNlLFVEYwO9t0Ra1xRbLzKSUNiKhKDTKoDApesmnCoo2iQqihegPyKCXeol66rGICoSkHTIftCCjwOihtGwXTStyKU37fdM59x7nzjgzVwz74HfPd77tnJk5c+ZoKDSEpbe3Nx3mD+Epuk+NiSfAFxDZ6h45RD1MOgzPZPbITyhwmmrYydifjUKJ+NdADqRCIzyEmnA43EMbt1A7hRrfdQH62ejVION8hcX4G2iDC8WS4BS0gJM8x7g+eOW/GeRegF+wx6xBPx86QeSS6fOtk5gHDVLBh9wlRu5YICGnTNWWi1hhJtM/oXw9tMtMn6dOQhG0qQJ+m6cETvQsbgQQnwlNIPIaRmo3ejI0gshtbfdsCc6FDsmKQ56Qk+Q5iBFA/AZjnL2GK4T9qPJ103o/YYJSoE4lxduUmpPwozNQpRrslRmPLcuYxDbT56gTXGokxKvK05vpOICLkfhiY7B5Zhh2WZoiV7R9mFbMloDp9A+atjj1UeSdtOdSPxXG2O2qf4e2S+lrbTFVqj9H2x0vAOd2GK2DBtiuZrJWLVr5ut6iXjPIC3saIi+rjKO+A3WiI7Os3+jPR6XKDbZkhFZs7RZbP97uYxI3wW4mKi/eFCgEEXkC8pQzoBhM+UxnLkwzjeifVH+yXDgXq59UNAxHBgxU5MNzHGT7O++jWJ+lQvx9lXMxOrOQ7EQ7lV2+B9aTc1pCi8ykgPoP4s9ADlRCDZSAlxTZAtJUX56EKfqJNOm777SEOsm4BwtBFzKL2PX3GB5ABVyDBXAW5Fjh96z1m1hLuLMpKLNV137u0WtfvwuhPhdAspy9k2EXvAXZRWSNypXLmhWGQyu0QKNiCW0B3IDlEES6CTaXiiwn/WLLjmRKvupEvhHWBTDx8TjkhToGMmmRNqiHDyAvj/TbQXImKCbR5sJY8CsVBB4BeVJyR8tZDrW0Wg4opR77C21kjlnoenmXa7u8GBuhHf6FnGOQhMjgNgWfnLu07DPdGN2PEjgLQc4ugyW1FF5nTsiu488EfZh7gx65UHR/hzkCd8BgyCr7hO19BjWP0ytNPz7X43Sfl5gk2XnsUo2hDKaCfIjGQaKB7CAd8A3ewVLQLxuqJZv5lZ2qP5FNQT5M+1n7sgVbwuTzUA6r7mV8j5Qe2xB8E0yRP2JmxEa6W4iXr+RLswh6lXtG1EOcbKERoZ8NzSDSCpkRp5NCQAl0Ka7TBjpJ6prkpcFVVUfO74e0z29LThg8/6iPqUdSIuitNMYfxKBqyXILLOT+3/9WkSvmItJBPq6u8gfoxGpE/E7HEgAAAABJRU5ErkJggg==) no-repeat 50%;
                background-size: 50%
            }

            .word-card .buttons-container .btn-speak:active, .word-card .buttons-container .btn-speak:focus, .word-card .buttons-container .btn-speak:hover {
                opacity: .8
            }

        .word-card .buttons-container .btn-words-detail {
            height: 3rem;
            width: 11.5rem;
            padding: 0;
            line-height: normal;
            border: none;
            border-radius: 2.6rem;
            background: #4ce0ff
        }

            .word-card .buttons-container .btn-words-detail:active, .word-card .buttons-container .btn-words-detail:focus, .word-card .buttons-container .btn-words-detail:hover {
                opacity: .8
            }

        .word-card .buttons-container .btn-cancel, .word-card .buttons-container .btn-known, .word-card .buttons-container .btn-learn, .word-card .buttons-container .btn-repeat {
            width: 16rem;
            margin: 0 2rem
        }

        .word-card .buttons-container .btn-learn {
            background: #5ac8fa;
            border: none
        }

            .word-card .buttons-container .btn-learn:active, .word-card .buttons-container .btn-learn:focus, .word-card .buttons-container .btn-learn:hover {
                background: #5ac8fa;
                opacity: .8
            }

        .word-card .buttons-container .btn-repeat {
            border: none;
            background: #917ffb
        }

            .word-card .buttons-container .btn-repeat:active, .word-card .buttons-container .btn-repeat:focus, .word-card .buttons-container .btn-repeat:hover {
                background: #917ffb;
                opacity: .8
            }

        .word-card .buttons-container .btn-cancel {
            background: #d5dce0;
            border: none
        }

            .word-card .buttons-container .btn-cancel:active, .word-card .buttons-container .btn-cancel:focus, .word-card .buttons-container .btn-cancel:hover {
                background: #d5dce0;
                opacity: .8
            }

        .word-card .buttons-container .btn-known {
            border: none
        }

            .word-card .buttons-container .btn-known:active, .word-card .buttons-container .btn-known:focus, .word-card .buttons-container .btn-known:hover {
                background: #1fe5ab;
                opacity: .8
            }

    .word-card.all, .word-card.learn, .word-card.repeat {
        padding: 4rem 3rem 2rem
    }

        .word-card.all .word-original-container, .word-card.learn .word-original-container, .word-card.repeat .word-original-container {
            position: relative
        }

            .word-card.all .word-original-container .buttons-container, .word-card.learn .word-original-container .buttons-container, .word-card.repeat .word-original-container .buttons-container {
                position: absolute;
                left: -7rem;
                top: .5rem
            }

                .word-card.all .word-original-container .buttons-container .btn-speak, .word-card.learn .word-original-container .buttons-container .btn-speak, .word-card.repeat .word-original-container .buttons-container .btn-speak {
                    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIzMCIgY3k9IjMwIiByPSIzMCIgZmlsbD0iI0ZGRiIgZmlsbC1vcGFjaXR5PSIuMDEiLz48cGF0aCBmaWxsPSIjQ0RFMkU2IiBkPSJNMjMuMSAyNi44MDhsNi4zMS00LjYxNWExIDEgMCAwMTEuNTkuODA4bC0uMDA3IDYuNjAzYTMuMDQ1IDMuMDQ1IDAgMDEwIC40MTRsLS4wMDcgNi41ODVhMSAxIDAgMDEtMS41OS44MDdsLTYuMjkzLTQuNjAySDIxYTMgMyAwIDAxMC02aDIuMXoiLz48cGF0aCBzdHJva2U9IiNDREUyRTYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBkPSJNMzkgMjJjMS45MTEgMi4wMzMgMyA0LjkyMyAzIDhzLTEuMDg5IDUuOTY3LTMgOG0tNC0xM2MxLjI2OSAxLjI5MiAyIDMuMDg2IDIgNSAwIDEuOTE0LS43MzEgMy43MzItMiA1Ii8+PC9nPjwvc3ZnPg==) no-repeat 50%
                }

                    .word-card.all .word-original-container .buttons-container .btn-speak.slow-button, .word-card.learn .word-original-container .buttons-container .btn-speak.slow-button, .word-card.repeat .word-original-container .buttons-container .btn-speak.slow-button {
                        display: none
                    }

        .word-card.all .word-meaning, .word-card.learn .word-meaning, .word-card.repeat .word-meaning {
            margin-top: 4rem;
            font-family: Roboto Lt
        }

        .word-card.all .words-status, .word-card.learn .words-status, .word-card.repeat .words-status {
            position: absolute;
            top: 2rem;
            left: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
            min-width: 10rem;
            height: 2rem
        }

            .word-card.all .words-status .color-status, .word-card.learn .words-status .color-status, .word-card.repeat .words-status .color-status {
                display: block;
                width: 2rem;
                height: 2rem;
                margin: 0 1rem;
                border-radius: 2rem
            }

            .word-card.all .words-status .text-status, .word-card.learn .words-status .text-status, .word-card.repeat .words-status .text-status {
                font-size: 1.4rem;
                font-weight: 500;
                color: #96a3ac
            }

        .word-card.all .buttons-container, .word-card.learn .buttons-container, .word-card.repeat .buttons-container {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap
        }

            .word-card.all .buttons-container .btn-cancel, .word-card.all .buttons-container .btn-known, .word-card.all .buttons-container .btn-learn, .word-card.all .buttons-container .btn-repeat, .word-card.learn .buttons-container .btn-cancel, .word-card.learn .buttons-container .btn-known, .word-card.learn .buttons-container .btn-learn, .word-card.learn .buttons-container .btn-repeat, .word-card.repeat .buttons-container .btn-cancel, .word-card.repeat .buttons-container .btn-known, .word-card.repeat .buttons-container .btn-learn, .word-card.repeat .buttons-container .btn-repeat {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 23rem;
                margin: 1.5rem 2rem
            }

                .word-card.all .buttons-container .btn-cancel .tng-icon, .word-card.all .buttons-container .btn-known .tng-icon, .word-card.all .buttons-container .btn-learn .tng-icon, .word-card.all .buttons-container .btn-repeat .tng-icon, .word-card.learn .buttons-container .btn-cancel .tng-icon, .word-card.learn .buttons-container .btn-known .tng-icon, .word-card.learn .buttons-container .btn-learn .tng-icon, .word-card.learn .buttons-container .btn-repeat .tng-icon, .word-card.repeat .buttons-container .btn-cancel .tng-icon, .word-card.repeat .buttons-container .btn-known .tng-icon, .word-card.repeat .buttons-container .btn-learn .tng-icon, .word-card.repeat .buttons-container .btn-repeat .tng-icon {
                    width: 3rem;
                    height: 3rem
                }

                .word-card.all .buttons-container .btn-cancel .btn-title, .word-card.all .buttons-container .btn-cancel .icon-cancel, .word-card.all .buttons-container .btn-cancel .icon-known, .word-card.all .buttons-container .btn-cancel .icon-learn, .word-card.all .buttons-container .btn-cancel .icon-repeat, .word-card.all .buttons-container .btn-known .btn-title, .word-card.all .buttons-container .btn-known .icon-cancel, .word-card.all .buttons-container .btn-known .icon-known, .word-card.all .buttons-container .btn-known .icon-learn, .word-card.all .buttons-container .btn-known .icon-repeat, .word-card.all .buttons-container .btn-learn .btn-title, .word-card.all .buttons-container .btn-learn .icon-cancel, .word-card.all .buttons-container .btn-learn .icon-known, .word-card.all .buttons-container .btn-learn .icon-learn, .word-card.all .buttons-container .btn-learn .icon-repeat, .word-card.all .buttons-container .btn-repeat .btn-title, .word-card.all .buttons-container .btn-repeat .icon-cancel, .word-card.all .buttons-container .btn-repeat .icon-known, .word-card.all .buttons-container .btn-repeat .icon-learn, .word-card.all .buttons-container .btn-repeat .icon-repeat, .word-card.learn .buttons-container .btn-cancel .btn-title, .word-card.learn .buttons-container .btn-cancel .icon-cancel, .word-card.learn .buttons-container .btn-cancel .icon-known, .word-card.learn .buttons-container .btn-cancel .icon-learn, .word-card.learn .buttons-container .btn-cancel .icon-repeat, .word-card.learn .buttons-container .btn-known .btn-title, .word-card.learn .buttons-container .btn-known .icon-cancel, .word-card.learn .buttons-container .btn-known .icon-known, .word-card.learn .buttons-container .btn-known .icon-learn, .word-card.learn .buttons-container .btn-known .icon-repeat, .word-card.learn .buttons-container .btn-learn .btn-title, .word-card.learn .buttons-container .btn-learn .icon-cancel, .word-card.learn .buttons-container .btn-learn .icon-known, .word-card.learn .buttons-container .btn-learn .icon-learn, .word-card.learn .buttons-container .btn-learn .icon-repeat, .word-card.learn .buttons-container .btn-repeat .btn-title, .word-card.learn .buttons-container .btn-repeat .icon-cancel, .word-card.learn .buttons-container .btn-repeat .icon-known, .word-card.learn .buttons-container .btn-repeat .icon-learn, .word-card.learn .buttons-container .btn-repeat .icon-repeat, .word-card.repeat .buttons-container .btn-cancel .btn-title, .word-card.repeat .buttons-container .btn-cancel .icon-cancel, .word-card.repeat .buttons-container .btn-cancel .icon-known, .word-card.repeat .buttons-container .btn-cancel .icon-learn, .word-card.repeat .buttons-container .btn-cancel .icon-repeat, .word-card.repeat .buttons-container .btn-known .btn-title, .word-card.repeat .buttons-container .btn-known .icon-cancel, .word-card.repeat .buttons-container .btn-known .icon-known, .word-card.repeat .buttons-container .btn-known .icon-learn, .word-card.repeat .buttons-container .btn-known .icon-repeat, .word-card.repeat .buttons-container .btn-learn .btn-title, .word-card.repeat .buttons-container .btn-learn .icon-cancel, .word-card.repeat .buttons-container .btn-learn .icon-known, .word-card.repeat .buttons-container .btn-learn .icon-learn, .word-card.repeat .buttons-container .btn-learn .icon-repeat, .word-card.repeat .buttons-container .btn-repeat .btn-title, .word-card.repeat .buttons-container .btn-repeat .icon-cancel, .word-card.repeat .buttons-container .btn-repeat .icon-known, .word-card.repeat .buttons-container .btn-repeat .icon-learn, .word-card.repeat .buttons-container .btn-repeat .icon-repeat {
                    margin-right: auto
                }

        .word-card.all .words-status .color-status {
            background: #6af87c
        }

        .word-card.learn .words-status .color-status {
            background: #4ce0ff
        }

        .word-card.repeat .words-status .color-status {
            background: #926aff
        }

.words-exercises-section {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    background: #f8fafb
}

    .words-exercises-section, .words-exercises-section .words-exercise {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .words-exercises-section .words-exercise {
            -ms-flex-flow: column;
            flex-flow: column;
            width: 100%;
            max-width: 60rem;
            margin-top: auto;
            margin-bottom: 4rem
        }

            .words-exercises-section .words-exercise .exercise-title {
                margin: 7rem 0;
                font-size: 3rem;
                font-weight: 700;
                text-align: center;
                color: #44435d
            }

            .words-exercises-section .words-exercise .exercise-body {
                max-width: 62rem;
                width: 100%
            }

                .words-exercises-section .words-exercise .exercise-body .words-list {
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                    .words-exercises-section .words-exercise .exercise-body .words-list, .words-exercises-section .words-exercise .exercise-body .words-list .word {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: horizontal;
                        -webkit-box-direction: normal;
                        -ms-flex-flow: row nowrap;
                        flex-flow: row nowrap;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                        .words-exercises-section .words-exercise .exercise-body .words-list .word {
                            -webkit-box-pack: justify;
                            -ms-flex-pack: justify;
                            justify-content: space-between;
                            width: 100%
                        }

                            .words-exercises-section .words-exercise .exercise-body .words-list .word.selected .word-meaning, .words-exercises-section .words-exercise .exercise-body .words-list .word.selected .word-original {
                                pointer-events: none;
                                background: #e5ebef;
                                color: #fff
                            }

                            .words-exercises-section .words-exercise .exercise-body .words-list .word:hover {
                                cursor: pointer
                            }

                            .words-exercises-section .words-exercise .exercise-body .words-list .word .word-meaning, .words-exercises-section .words-exercise .exercise-body .words-list .word .word-original {
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-pack: center;
                                -ms-flex-pack: center;
                                justify-content: center;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                width: 30rem;
                                height: 10rem;
                                margin: 1rem;
                                background: #fff;
                                -webkit-box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.05);
                                box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.05);
                                border-radius: 1.2rem;
                                text-align: center;
                                font-family: Roboto Lt;
                                font-size: 2.6rem;
                                color: #44435d
                            }

                                .words-exercises-section .words-exercise .exercise-body .words-list .word .word-meaning:hover, .words-exercises-section .words-exercise .exercise-body .words-list .word .word-original:hover {
                                    -webkit-box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.08);
                                    box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.08)
                                }

                                .words-exercises-section .words-exercise .exercise-body .words-list .word .word-meaning.correct, .words-exercises-section .words-exercise .exercise-body .words-list .word .word-original.correct {
                                    background: #79ed9c;
                                    color: #fff
                                }

                                .words-exercises-section .words-exercise .exercise-body .words-list .word .word-meaning.active, .words-exercises-section .words-exercise .exercise-body .words-list .word .word-original.active {
                                    background: #79ed9c !important;
                                    color: #fff
                                }

                                    .words-exercises-section .words-exercise .exercise-body .words-list .word .word-meaning.active.incorrect, .words-exercises-section .words-exercise .exercise-body .words-list .word .word-original.active.incorrect {
                                        background: #f95b5c !important;
                                        color: #fff
                                    }

                                .words-exercises-section .words-exercise .exercise-body .words-list .word .word-meaning.incorrect, .words-exercises-section .words-exercise .exercise-body .words-list .word .word-original.incorrect {
                                    pointer-events: none;
                                    background: #f95b5c;
                                    color: #fff
                                }

        .words-exercises-section.composePairs .words-exercise .exercise-title {
            margin: 3rem 0
        }

        .words-exercises-section.composeWord {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            height: 100vh
        }

            .words-exercises-section.composeWord .word-building {
                max-width: 62rem;
                height: 30rem;
                margin-bottom: 8rem;
                background-color: #fff
            }

                .words-exercises-section.composeWord .word-building .sentence-parts-container {
                    min-height: 15rem;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: column nowrap;
                    flex-flow: column nowrap
                }

                    .words-exercises-section.composeWord .word-building .sentence-parts-container, .words-exercises-section.composeWord .word-building .sentence-parts-container .sentence-part-container-left {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center
                    }

                        .words-exercises-section.composeWord .word-building .sentence-parts-container .sentence-part-container-left {
                            width: 100%;
                            padding: 3rem 4rem 2rem
                        }

                            .words-exercises-section.composeWord .word-building .sentence-parts-container .sentence-part-container-left .sentence-part {
                                text-align: center;
                                font-size: 4rem;
                                font-weight: 700;
                                color: #44435d
                            }

                        .words-exercises-section.composeWord .word-building .sentence-parts-container .sentence-part-container-right {
                            width: 100%;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-orient: horizontal;
                            -webkit-box-direction: normal;
                            -ms-flex-flow: row wrap;
                            flex-flow: row wrap;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            padding: 2rem 4rem
                        }

                        .words-exercises-section.composeWord .word-building .sentence-parts-container .sentence-part {
                            font-size: 2.5rem;
                            margin: 2rem .5rem;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-orient: horizontal;
                            -webkit-box-direction: normal;
                            -ms-flex-flow: row nowrap;
                            flex-flow: row nowrap;
                            -webkit-box-align: end;
                            -ms-flex-align: end;
                            align-items: flex-end
                        }

                            .words-exercises-section.composeWord .word-building .sentence-parts-container .sentence-part .word-symbol {
                                color: #4ce0ff;
                                display: -webkit-box;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-orient: horizontal;
                                -webkit-box-direction: normal;
                                -ms-flex-flow: row nowrap;
                                flex-flow: row nowrap;
                                -webkit-box-pack: center;
                                -ms-flex-pack: center;
                                justify-content: center;
                                -webkit-box-align: center;
                                -ms-flex-align: center;
                                align-items: center;
                                text-align: center;
                                height: 3rem;
                                width: 2rem;
                                margin: 0 1rem;
                                font-size: 4rem;
                                font-weight: 700
                            }

                                .words-exercises-section.composeWord .word-building .sentence-parts-container .sentence-part .word-symbol.correct {
                                    color: #79ed9c
                                }

                                .words-exercises-section.composeWord .word-building .sentence-parts-container .sentence-part .word-symbol.empty {
                                    width: 4rem;
                                    height: .4rem;
                                    margin: 0 1rem;
                                    border-radius: .2rem;
                                    border-bottom: .4rem solid #4ce0ff
                                }

                            .words-exercises-section.composeWord .word-building .sentence-parts-container .sentence-part.failure .word-symbol {
                                color: red
                            }

            .words-exercises-section.composeWord .keyboard .keyboard-container .k-board {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .words-exercises-section.composeWord .keyboard .keyboard-container .k-board input {
                    position: absolute
                }

                .words-exercises-section.composeWord .keyboard .keyboard-container .k-board .k-board-element {
                    width: 8rem;
                    height: 8rem;
                    margin: 0 1rem;
                    border-radius: 1.2rem;
                    border: none;
                    -webkit-box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.05);
                    box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.05)
                }

                    .words-exercises-section.composeWord .keyboard .keyboard-container .k-board .k-board-element.k-board-check {
                        display: none
                    }

                    .words-exercises-section.composeWord .keyboard .keyboard-container .k-board .k-board-element.k-board-symbol {
                        position: relative;
                        font-size: 4rem;
                        font-weight: 700;
                        color: #4ce0ff
                    }

                        .words-exercises-section.composeWord .keyboard .keyboard-container .k-board .k-board-element.k-board-symbol.symbol-count {
                            position: absolute;
                            top: -1rem;
                            right: -1.5rem;
                            z-index: 1;
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            width: 2.4rem;
                            height: 2.4rem;
                            background: #d5dce0;
                            color: #fff;
                            border-radius: 2rem;
                            border: none;
                            font-size: 1.2rem
                        }

                    .words-exercises-section.composeWord .keyboard .keyboard-container .k-board .k-board-element.k-board-backspace {
                        display: none
                    }

                    .words-exercises-section.composeWord .keyboard .keyboard-container .k-board .k-board-element.disabled {
                        display: none;
                        color: #d5dce0;
                        -webkit-box-shadow: none;
                        box-shadow: none
                    }

                    .words-exercises-section.composeWord .keyboard .keyboard-container .k-board .k-board-element.selected.disabled {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        pointer-events: none;
                        opacity: .5
                    }

                    .words-exercises-section.composeWord .keyboard .keyboard-container .k-board .k-board-element.fail {
                        background: #f95b5c;
                        color: #fff
                    }

        .words-exercises-section .exercise-progress {
            width: 100%;
            height: 6rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-top: auto;
            background: #f1f4f6
        }

            .words-exercises-section .exercise-progress .progress-bar {
                background: #d5dce0
            }

.words-section {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 7rem;
    padding: 5rem 1rem;
    background: #f8fafb
}

    .words-section, .words-section .backdrop-empty {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 100%
    }

        .spinner, .words-section .backdrop-empty {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

.spinner {
    position: fixed;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    top: 0;
    z-index: 11;
    opacity: .7
}

.v-spinner {
    text-align: center
}

    .v-spinner .v-skew {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjE1MyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDUxMiA0NyI+PGc+PGNpcmNsZSBmaWxsPSIjZDBmIiBjeD0iLTE0Ljc4MSIgY3k9IjIyLjMyOCIgcj0iMTIuODEzIi8+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJ0cmFuc2xhdGUiIHZhbHVlcz0iODggMDsxODIgMDsyNTEgMDsyOTggMDszMjEgMDszMjMuMzMgMDszMjUuNjYgMDszMjcuOTkgMDszMzAuMzIgMDszMzIuNjUgMDszMzQuOTggMDszMzcuMzEgMDszMzkuNjQgMDszNDEuOTcgMDszNDQuMyAwOzM0Ni42MyAwOzM0OC45NiAwOzM1MS4yOSAwOzM1My42MiAwOzM1NiAwOzM3OSAwOzQyNiAwOzQ5NCAwOzU0MiAwOzU0MiAwOzU0MiAwOzU0MiAwOzU0MiAwOzU0MiAwOzU0MiAwOzU0MiAwOzU0MiAwOzU0MiAwOzU0MiAwOzU0MiAwOzU0MiAwOzU0MiAwOzU0MiAwIiBkdXI9IjIyMjBtcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2c+PGc+PGNpcmNsZSBmaWxsPSIjZDBmIiBjeD0iLTUwLjMyOCIgY3k9IjIyLjMyOCIgcj0iMTIuNzk3Ii8+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJ0cmFuc2xhdGUiIHZhbHVlcz0iMCAwOzAgMDswIDA7MCAwOzAgMDs4OCAwOzE4MiAwOzI1MSAwOzI5OCAwOzMyMSAwOzMyMy4zMyAwOzMyNS42NiAwOzMyNy45OSAwOzMzMC4zMiAwOzMzMi42NSAwOzMzNC45OCAwOzMzNy4zMSAwOzMzOS42NCAwOzM0MS45NyAwOzM0NC4zIDA7MzQ2LjYzIDA7MzQ4Ljk2IDA7MzUxLjI5IDA7MzUzLjYyIDA7MzU2IDA7NDA2IDA7NDUyIDA7NTIyIDA7NTc3IDA7NTc3IDA7NTc3IDA7NTc3IDA7NTc3IDA7NTc3IDA7NTc3IDA7NTc3IDA7NTc3IDA7NTc3IDAiIGR1cj0iMjIyMG1zIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvZz48Zz48Y2lyY2xlIGZpbGw9IiNkMGYiIGN4PSItODcuMjAzIiBjeT0iMjIuMzI4IiByPSIxMi43OTciLz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIHR5cGU9InRyYW5zbGF0ZSIgdmFsdWVzPSIwIDA7MCAwOzAgMDswIDA7MCAwOzAgMDswIDA7MCAwOzAgMDswIDA7ODggMDsxODIgMDsyNTEgMDsyOTggMDszMjEgMDszMjMuMzMgMDszMjUuNjYgMDszMjcuOTkgMDszMzAuMzIgMDszMzIuNjUgMDszMzQuOTggMDszMzcuMzEgMDszMzkuNjQgMDszNDEuOTcgMDszNDQuMyAwOzM0Ni42MyAwOzM0OC45NiAwOzM1MS4yOSAwOzM1My42MiAwOzM1NiAwOzQwMyAwOzQ1MCAwOzUyMCAwOzYxNCAwOzYxNCAwOzYxNCAwOzYxNCAwOzYxNCAwOzYxNCAwIiBkdXI9IjIyMjBtcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2c+PGc+PGNpcmNsZSBmaWxsPSIjZDBmIiBjeD0iLTEyNS4yMzQiIGN5PSIyMi4zMjgiIHI9IjEyLjc5NyIvPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0idHJhbnNsYXRlIiB2YWx1ZXM9IjAgMDswIDA7MCAwOzAgMDswIDA7MCAwOzAgMDswIDA7MCAwOzAgMDswIDA7MCAwOzAgMDswIDA7MCAwOzg4IDA7MTgyIDA7MjUxIDA7Mjk4IDA7MzIxIDA7MzIzLjMzIDA7MzI1LjY2IDA7MzI3Ljk5IDA7MzMwLjMyIDA7MzMyLjY1IDA7MzM0Ljk4IDA7MzM3LjMxIDA7MzM5LjY0IDA7MzQxLjk3IDA7MzQ0LjMgMDszNDYuNjMgMDszNDguOTYgMDszNTEuMjkgMDszNTMuNjIgMDszNTYgMDs0MDIgMDs0NDggMDs1MTggMDs2MTEgMCIgZHVyPSIyMjIwbXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9nPjwvc3ZnPg==) no-repeat 99% 1.2rem;
        display: block;
        width: 10rem;
        height: 3.7rem
    }

.notifications {
    position: fixed;
    width: 100%;
    top: 50%;
    z-index: 12;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s
}

    .notifications .notification {
        display: inline-block;
        text-align: center;
        border-radius: .5rem;
        background: #fff;
        -webkit-box-shadow: .2rem .2rem 1rem;
        box-shadow: .2rem .2rem 1rem;
        margin: 0 2rem;
        padding: 3rem 5rem
    }

        .notifications .notification h3 {
            font-size: 1.8rem;
            font-weight: bolder;
            letter-spacing: .1rem
        }

        .notifications .notification.success h3 {
            color: #84db5b
        }

        .notifications .notification.error h3 {
            color: #ff726c
        }

.editor-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 50%;
    width: 6rem
}

    .editor-panel .control-group {
        margin-bottom: .5rem;
        border-bottom: .1rem solid rgba(0,0,0,.6)
    }

        .editor-panel .control-group:last-child {
            margin-bottom: 0;
            border-bottom: none
        }

        .editor-panel .control-group .control-item {
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center;
            border: .1rem solid rgba(0,0,0,.6);
            border-radius: 1rem;
            width: 3rem;
            height: 3rem;
            margin-bottom: .3rem
        }

            .editor-panel .control-group .control-item.active, .editor-panel .control-group .control-item:hover {
                color: #fff;
                background-color: rgba(0,0,0,.6)
            }

            .editor-panel .control-group .control-item.active {
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none
            }

.auth-container {
    position: absolute;
    top: 3rem;
    width: 100%
}

    .auth-container, .auth-container.header-scrolling {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .auth-container.header-scrolling {
            position: fixed;
            top: 0;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            height: 8rem;
            z-index: 2;
            background-blend-mode: overlay;
            background-image: linear-gradient(358deg,#687df1,#a57fff)
        }

            .auth-container.header-scrolling .navbar-brand {
                background: url(data:image/png;base64,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) no-repeat 50%;
                background-size: contain
            }

            .auth-container.header-scrolling .ewa-auth {
                position: static
            }

        .auth-container .ewa-auth {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: absolute;
            top: 3rem;
            z-index: 2;
            width: 100%;
            max-width: 192rem;
            padding: 0 8rem;
            font-family: Helvetica;
            text-align: center
        }

            .auth-container .ewa-auth .navbar-brand {
                background: url('/assets/logol.png') no-repeat 50%;
                background-size: contain;
                padding-right: 2rem;
                min-width: 15rem
            }

            .auth-container .ewa-auth .lang-container {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                margin-left: auto
            }

            .auth-container .ewa-auth .ewa-learn-start, .auth-container .ewa-auth .lang-container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                cursor: pointer;
                color: #fff;
                font-size: 1.8rem
            }

            .auth-container .ewa-auth .ewa-learn-start {
                height: 5rem;
                padding: 0 3rem;
                background: rgba(0,0,0,.2);
                border-radius: 2.5rem
            }

            .auth-container .ewa-auth .backdrop {
                z-index: 1;
                position: fixed;
                width: 100%;
                height: 100%
            }

            .auth-container .ewa-auth .language-select {
                position: relative;
                margin-left: 2rem
            }

                .auth-container .ewa-auth .language-select, .auth-container .ewa-auth .language-select .selected {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    .auth-container .ewa-auth .language-select .selected {
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        width: 5rem;
                        height: 5rem;
                        margin-right: 2rem;
                        padding: .5rem 1rem;
                        cursor: pointer;
                        border-radius: 50%;
                        color: #fff;
                        background-color: #7359be;
                        text-transform: uppercase;
                        text-align: center;
                        font-size: 1.6rem;
                        font-weight: 600
                    }

                    .auth-container .ewa-auth .language-select .selected-landing {
                        background-color: #ffea1a;
                        font-weight: 400;
                        color: #000
                    }

                    .auth-container .ewa-auth .language-select .options {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: horizontal;
                        -webkit-box-direction: normal;
                        -ms-flex-flow: row wrap;
                        flex-flow: row wrap;
                        width: 60rem;
                        padding: 4rem 0;
                        position: absolute;
                        right: -3rem;
                        top: 8rem;
                        z-index: 1;
                        background: #000;
                        opacity: .9;
                        -webkit-box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.05);
                        box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.05);
                        border-radius: .6rem;
                        font-family: Proxima Nova Rg
                    }

                        .auth-container .ewa-auth .language-select .options .option-container {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            max-width: 20rem;
                            width: 100%;
                            padding: .5rem
                        }

                        .auth-container .ewa-auth .language-select .options .option {
                            max-width: 20rem;
                            width: 100%;
                            padding: 1.5rem 3rem;
                            cursor: pointer;
                            border-radius: 2.5rem;
                            color: #fff;
                            -webkit-box-sizing: border-box;
                            box-sizing: border-box;
                            font-size: 1.6rem;
                            font-weight: 400;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: normal;
                            letter-spacing: normal;
                            text-decoration: none
                        }

                            .auth-container .ewa-auth .language-select .options .option:hover {
                                background: #4ce0ff;
                                font-weight: 700
                            }

                        .auth-container .ewa-auth .language-select .options:before {
                            content: "";
                            position: absolute;
                            opacity: .9;
                            right: 10%;
                            top: -2rem;
                            border-top: 1.8rem solid transparent;
                            border-right: 2.5rem solid #000;
                            border-bottom: 1.8rem solid transparent;
                            -webkit-transform: rotate(90deg);
                            transform: rotate(90deg);
                            z-index: -1
                        }

            .auth-container .ewa-auth.auth {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

        .auth-container .ewa-auth-button a {
            padding: 1rem 1.5rem
        }

        .auth-container .ewa-auth-button:hover {
            -webkit-box-shadow: 0 0 .3rem #fff;
            box-shadow: 0 0 .3rem #fff;
            border-radius: 2.15rem;
            cursor: pointer
        }

.courses-menu {
    background: #fff;
    border: 1px solid #efeff4;
    border-radius: 2.5rem;
    min-width: 27rem;
    width: 100%;
    max-width: 35rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
    padding-left: 1.2rem;
    padding-right: .2rem
}

    .courses-menu.expand {
        min-height: 0
    }

    .courses-menu .lang-block {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 1rem;
        font-weight: 700;
        cursor: pointer
    }

    .courses-menu .lang-icon {
        display: block;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxjaXJjbGUgaWQ9ImEiIGN4PSIxNSIgY3k9IjE1IiByPSIxNSIvPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxtYXNrIGlkPSJiIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjx1c2Ugc3Ryb2tlPSIjRUZFRkY0IiBmaWxsPSIjRDhEOEQ4IiB4bGluazpocmVmPSIjYSIvPjxpbWFnZSBtYXNrPSJ1cmwoI2IpIiB4PSItMjIiIHk9Ii0xNSIgd2lkdGg9IjYzIiBoZWlnaHQ9IjYyIiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUhvQUFBQjRDQVlBQUFBOWtlYnZBQUFCZkdsRFExQkpRME1nVUhKdlptbHNaUUFBS0pGallHQXFTU3dveUdGaFlHREl6U3NwQ25KM1VvaUlqRkpndjhQQXpjRERJTVJneFNDZW1GeGM0QmdRNE1PQUUzeTd4c0FJb2kvcmdzeEs4L3g1MDZhMWZQNFdOcStaY2xZbE9yajFnUUYzU21weE1nTURJd2VRblp4U25Kd0xaT2NBMlRySkJVVWxRUFlNSUZ1M3ZLUUF4RDRCWklzVUFSMElaTjhCc2RNaDdBOGdkaEtZemNRQ1ZoTVM1QXhrU3dEWkFra1F0Z2FJblE1aFc0RFl5Um1KS1VDMkI4Z3VpQnZBZ05QRFJjSGN3RkxYa1lDN1NRYTVPYVV3TzBDaHhaT2FGeG9NY2djUXl6QjRNTGd3S0RDWU14Z3dXRExvTWppV3BGYVVnQlE2NXhkVUZtV21aNVFvT0FKRE5sWEJPVCszb0xRa3RVaEh3VE12V1U5SHdjakEwQUNrRGhSbkVLTS9CNEZOWnhRN2p4RExYOGpBWUtuTXdNRGNneEJMbXNiQXNIMFBBNFBFS1lTWXlqd0dCbjVyQm9adDV3b1NpeExoRG1mOHhrS0lYNXhtYkFSaDh6Z3hNTERlKy8vL3N4b0RBL3NrQm9hL0UvLy8vNzNvLy8rL2k0SDJBK1BzUUE0QUpIZHA0SXhyRWc4QUFBcE1TVVJCVkhnQjdWMTlqRlRWRlQrek03TzdzN0pMU0xmUTdvSUZFY0Z1aXpaS1A2SkFLaGlNUkdQVFdHUDBqMUxhMkQrTUdLSFlHaElURTlNMjZSOGtiWWtOTWFhTndaZ21sZFJRRUVYTlNwZXZBZ3FvVzBVcHJGWDJnMTFZbHBtZGI4OXZaaS96bUpuZEhYYm0zanQzN2ozSjdIdnYzdlB1dWVmODNybjN2blB2dSt0TE01R2ptcmRBWGMxcjZCVE1XTUFCYmNtRDRJQjJRRnRpQVV2VWRCN3RnTGJFQXBhbzZUemFBVzJKQlN4UjAzbTBBOW9TQzFpaXB2Tm9CN1FsRnJCRVRlZlJEbWhMTEdDSm1zNmpIZENXV01BU05aMUhPNkF0c1lBbGFqcVBka0JiWWdGTDFIUWU3WUMyeEFLV3FPazgyZ0Z0aVFVc1VkTjV0QVBhRWd0WW9xYnphRXVBRGxpaVoxRTF6MGRUdE85c2pJNE5KdW1qQzJucUNSUDFSWDAwSENlS3BueDAyL2x1K3MzV1gxQmRjelA1VzFzcDJONU9qZlBuMHpVZEhUVDkxbHNwT0gxNjBYS3JNZEU2b0U4UEoraVZVMUY2NDRzMEhUa3ZHalFmWTROZlBxVXBIWTFTRXIrQkFZcDFkOU9sUFh2bzNCaGJ3K0xGMUxKc0diV3VYazJoT1hQeWI2NnFhNTh0WDFQdVBEMUtMMzZTb0xmNkJMaVQ0N0IwNkFONjhzOC9uWnlST1pwdXY1MWE3NytmV2xlc0tJbGZOVlBOZTNUbjUxSGFmQ0pPK3djQmNDSElJVC9SeHNYMTlJZmpNYnFVeURkLzZWOFVoL2Z1cFRQODYyVXZuN1YyYmRVQlhxaDV2cTZHWHFPSi90M1JDQzFyYTZDWjA0SkZ0YWpqMXZyT2RqODlzakJBcTlvTG4zbHU3b3JlTjFGaTlOZ3hPck51SGYyWGY1R2Vub2xZbGViVlpOUDk4c2NSdW1kZWlKckdzRXVraUdMOGUzUi9sSFo5bHN3WStMdGZyYU4vM05GSUFCc0VuampqK2pqenZOcVQ1VmsrZUlKK3RlVm5XWVlwL1BVMU5OQ3NEUnVvN2NFSHAzQjNaVytwT1k5K29tdUVOcjJYcHAyZjVkcmhBR3U1Ky85SjZ1cGxOTWZvK0dDSy92Ni9LM24yZko2a1RnOFBUY0dqUmZrNFlpQjM5dGxuNmVTbVRkNWtMZWVGN1pXV2FwUXZGSzlLUCs4TVU5ZTU3TE1MWUg4OE42Y2VnQitHeTQ1UmhKMzJOZVo1WUY2T0IvZGNpT1Y0OEVyVjlzd3o0cGF5anIyN2R0RlhsaStuUUNoVVZqbFR2VG1uNVZSTHFJTDcrc0pKZXZqdENKMFl6alZRczBJK09uSXVSYjgvRnVmQlZwRGFtZ3BmbjJZMSt1Zzk5dXpmTXMvNmJ4WHloTnJhNkd0TDUxZE13MFFpUWFsVWl1cnFjdldzV09HVEZHUjhIdzFQL3NtZThCVWdUNkp6eWRtcjIzMjBkV2xsUFJCZ0EyalZZS3QvdEVvMmMybU1hSzY5bmx6YVhmcTRBb0VBSlpQWndaN0tXaGdOTkFaZW9rOVdhYlJ5WlFXRFFZckZZdVVXYzFYM0d3djAzN3JEZE4yTUJxcWZRSU5yZUFUeWErNmZHemtvTWg0aDc2bWJnb1RBaVVxcXI2OVhDdllFWmxLcDl0WEpRakRrM1F0K2V2VEdJUDN3NitNamhDRElZOThNMHNxMjhYbFdjQjdLV1RWN2ZKNnJxMTNwM1BCc1ZjMjRrWU94QTcwSldqSXprQWwyakhKM041cE0wN29ETVhxZFg0OUE5MTdycHo5OXZ5R1RqNENJNE5sd01FYi9HZ3VZck9LSTJOYmJjanhSdmpYQzVUeDFPRWJiVDJmTGtURVl5MzhNMElURHUyV1RjYTlYcjUwWkpYaUNpR2loNlgzbmJJb09EK1NDSWU5dzBPT3RMNUtaOENZTUNKNnV2aFFkOVBEczQrdmRIQ0M1ZTh5VEc1am5RRDlQVzNLNm9IQmZQL1h2N2hhWDBvNGhudnFjeGorWlpCelFmL3dnUWJOYmZIU0hwOGwrOGRNRURVWnpnWTRoUG4vcFZPSXkwRERnTnA2NUdoak44U0I0OGhMZko0QUdENjU3SXptZWVQOEE5VHo5QkxLa0VxWTdPN1p0a3lyRHFENGFVNDJZUTU3ZlhFZmRGMUwweUwramRISTRSUXRhQ3RXNGJsb2RmY3g1NFBtSWVXK1lYb1NuMlVlZlhrelRMN3VpbWZJVzVQSDQwam52bG9rQ0prSUdlSjViSmhuVlJ6LzA1a2htUGxrMDJ5bDJQai8zd2R5MUZoQjRFQXRESG5qQW04K0dmUENCQjBlRXRyMDhTNGZlNS9ub05RVmx5MGpBZlBhaTU1NlRVWFNtek1MSFhKcW84Z3JHU0Zzc0dnQm8rSUdLZ1l4MDVJczhITWZZa1hXWmtDWjRpajRJWlU1cVhCWlV3Z25tczJWT2F4b0ROSmIvcUNaNHZFb2EyTEZEbWpoamdNWWFMeTgxQjMzMEpBZERKZ3FZWUQ1NjQ3ZURoQkgxZUlRUk9jckJzWUFVZWpSa0QzZDJGbFNoVWdsR2pMb3hjWkZieUpkVkhhUGxkUndNT2NvelZKaGVMRVozY2pEazhZNGd2WDgrUlR2R0ZoUGs4eUZnZ25JK1pKNS9ucm15SEYrb2lWcnV1aXYvRnFuWGlZc1hLY0NyVGl0TlJnekdNTnBldXk4N0F2N1JOd0swK1h2MW1RRVdCbEJoWGpzUVRxUnAvYUZjd0dUMUhEOXQrVUUyR0lLQm1BaUdyT2VBeVU1UHdPUXZIREJCdnVCQjRHVWpseU5XbUtnSW1PUURHby9ITTNHQy9QUnlyNDFvdXJIdVdsRG4yU1R0N1UxZURwaWdlY2FjOGhGUE1BVEJrYmM1WUFJQVFXaTYvOFA1QnprZ0ltZy9uNy9KQVJNdkQxb0hwT3NrV2YvaXhBaWdzYmhlMERrT2huaVhBQ0g5cnljVGhIUkJDSmk4ekFFVEwyM2pZSWlYQnl0SkVDRHhFcTc3UFVFVmI1N3A1MFlBalM4b3ZJUmdDUHBVQkVOT2NjQmpZVjZnQTd6ek9LaUNRQWw0RURpNW9WaFFoUU1tbjF6TThpQUFVeXlvNHBXcjRseldnZ1FqK3VpYlg3bVUrVlJHR0JwOU13anZ2Z0UrTC9hZURCNndJUS9OYzlIM1pNNEgzM2c4T3Zwb1dVdU5qQmgxNDFzb0x3RTBRVHdPSzBwZUhnQlpqSkFzOHNTeEdKL0tOSjhQajJmbHlZaW1HeCs4MlVLeWdEYkNveDg3L2FvV25HZUhtMm5rMmc2MXNqbElNMjN1M0lyTE5LS1BQbnJMTFpuRjhCWFh2Z29MeE5jZDN6bDh1T0kxTTZMcHh2Zkp0cEFzWFkwQUdsOU0yRUt5ZERVQ2FPdzBZQXZKMHRVSW9MR2RoQzBrUzFjamdNYWVJYmFRTEYyTkFCb2J3OWhDc25RMTR2VUtJTXVhdnF1bUIwaW1qa1o0Tk1CQURMaldTYWFPeGdDTnJ4QnJuV1RxYUF6UWZyOC8wM3pYS3Rob3RxR2pMRElHYUZrR3NLVmNvNERHTjFkNDhtdU5aQTdDaEsyTUFscFUyaDJ2M2dMR3ZGNTVWWXNNRFZGUTArNCszbnBVNGp3ZWlWQm94b3hLRkRWaEdXWU9aVWRHNlBqS2xjWlBYV0pLY3RIMjdVUUtnRGF5NmNaT3V0aVJ6M1NDRHFwMkJUWVNhQUNNYlJkYjdydlBXS3hSZDVWYlJ4clpSM3ZSL1hETkdvb2NPdVJOcXZyejBKSWxkT01MTHlpdHA3RWVMYXgwL2ViTlZMOW9rYmlzK2lQcWlqcXJKdU9CeHI4N1dMQmxpeEZnQTJUVVZjZS9hREFlYUhoR3c4eVp0UEQ1NXdsTllyVVM2b1k2b3E0NnlQZytPdDlvWWY3ZkY0SEd4dnhrcmRlSjBWRnEwcnp1cmVhQUJxTFl1d3ZoVWxtTDRVdDlhdkJsSk1LYkt2WVJtNnhPTlFrMGxNYU9mUGpwTWpJZU5zeEd5WnlSbWd4Y2IzN05BaTJVRkpNZzhIQVZwRnBlcVRyVlBORENFTElCa0YyKzBHT3FSMnVBRmdaQ2N5NDJSeS9YeXdFdWx2OWdaVWkxTk5GQ3oveWpkVUI3RFFDUUFMellUa0xzakk5Qm5CaklJUTgvOElvMVhjZ0RzTEkrV3ZmV3NWTG5WZ05kS1NPYVVFNU5CRXhNTUxUdU9qcWdkU09nU0w0RFdwR2hkWXR4UU90R1FKRjhCN1FpUStzVzQ0RFdqWUFpK1E1b1JZYldMY1lCclJzQlJmSWQwSW9NclZ1TUExbzNBb3JrTzZBVkdWcTNHQWUwYmdRVXlYZEFLekswYmpFT2FOMElLSkx2Z0Zaa2FOMWlITkM2RVZBazN3R3R5TkM2eFRpZ2RTT2dTTDREV3BHaGRZdHhRT3RHUUpGOEI3UWlRK3NXNDREV2pZQWkrUTVvUlliV0xjWUJyUnNCUmZJZDBJb01yVnVNQTFvM0FvcmtPNkFWR1ZxM0dBZTBiZ1FVeVhkQUt6SzBiakVPYU4wSUtKTHZnRlprYU4xaXZnUkRZWTI3eHBtaDNBQUFBQUJKUlU1RXJrSmdnZz09Ii8+PC9nPjwvc3ZnPg==) no-repeat .5rem .5rem;
        height: 3.5rem;
        width: 3.5rem;
        margin: 0 1.5rem 0 0;
        padding-top: 4rem;
        color: #000
    }

    .courses-menu .arrow-down, .courses-menu .arrow-up {
        margin-left: auto;
        margin-right: 2rem
    }

    .courses-menu .courses-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        border-top: 1px solid #efeff4
    }

    .courses-menu .course-title {
        font-family: Arial,Helvetica,sans-serif;
        letter-spacing: 1px;
        color: #88888b;
        -ms-flex-preferred-size: 1.5rem;
        flex-basis: 1.5rem;
        list-style: none;
        border-style: none;
        padding-left: 1rem;
        cursor: pointer;
        font-size: 16px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 2;
        letter-spacing: 0
    }

        .courses-menu .course-title:first-child {
            padding-top: .8rem
        }

        .courses-menu .course-title:last-child {
            padding-bottom: .2rem
        }

        .courses-menu .course-title:active, .courses-menu .selected {
            color: #5ac8fa
        }

.div-expand-enter-active {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 1
}

.div-expand-leave-active {
    -webkit-transition: all .8s cubic-bezier(1,.5,.8,1);
    transition: all .8s cubic-bezier(1,.5,.8,1)
}

.div-expand-enter, .div-expand-leave-to {
    min-height: 1rem !important;
    opacity: 0
}

.list-expand-enter-active {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 1
}

.list-expand-leave-active {
    -webkit-transition: all .3s cubic-bezier(1,.5,.8,1);
    transition: all .3s cubic-bezier(1,.5,.8,1)
}

.list-expand-enter, .list-expand-leave-to {
    min-height: 1rem !important;
    opacity: 0
}

.default-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    background: #efeff4
}

    .default-layout .backdrop {
        z-index: 1;
        position: fixed;
        width: 100%;
        height: 100%
    }

    .default-layout .header {
        -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
        box-shadow: 0 0 10px 0 rgba(0,0,0,.5)
    }

        .default-layout .header .main-container {
            width: 100%
        }

        .default-layout .header .navbar-mobile {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            font-family: sans-serif;
            font-size: 14px;
            font-weight: bolder;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: 1px;
            line-height: 1.21
        }

        .default-layout .header .navbar-mobile-collapse {
            margin-top: 3rem;
            max-width: 80rem;
            min-width: 30rem;
            width: 100%
        }

        .default-layout .header .navbar-mobile-brand {
            background: url(data:image/png;base64,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) no-repeat 50%;
            background-size: contain;
            width: 8.5rem;
            height: 8.5rem;
            margin-left: 3rem
        }

        .default-layout .header .navbar-mobile-nav {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            list-style-type: none
        }

            .default-layout .header .navbar-mobile-nav.dropdown .navbar-mobile-brand {
                margin-left: 3rem
            }

            .default-layout .header .navbar-mobile-nav .menu-icon-item {
                position: static
            }

            .default-layout .header .navbar-mobile-nav .hamburger {
                position: absolute;
                top: 3.5rem;
                left: 2rem;
                width: 2rem;
                height: .5rem;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                margin-bottom: 1rem
            }

                .default-layout .header .navbar-mobile-nav .hamburger span {
                    position: relative;
                    background-color: #fff
                }

                    .default-layout .header .navbar-mobile-nav .hamburger span, .default-layout .header .navbar-mobile-nav .hamburger span:after, .default-layout .header .navbar-mobile-nav .hamburger span:before {
                        display: block;
                        width: 2rem;
                        height: .2rem;
                        background-color: $primary-color;
                        border-radius: .2rem
                    }

                        .default-layout .header .navbar-mobile-nav .hamburger span:after, .default-layout .header .navbar-mobile-nav .hamburger span:before {
                            content: "";
                            position: absolute;
                            background-color: #fff
                        }

                        .default-layout .header .navbar-mobile-nav .hamburger span:before {
                            bottom: -.7rem
                        }

                        .default-layout .header .navbar-mobile-nav .hamburger span:after {
                            bottom: -1.4rem
                        }

            .default-layout .header .navbar-mobile-nav .close {
                position: absolute;
                left: 3rem;
                width: 3rem;
                height: .5rem;
                cursor: pointer
            }

                .default-layout .header .navbar-mobile-nav .close:after, .default-layout .header .navbar-mobile-nav .close:before {
                    content: "";
                    position: absolute;
                    display: block;
                    width: 2.5rem;
                    height: .3rem;
                    top: .8rem;
                    left: -1rem;
                    background-color: #fff;
                    border-radius: .2rem
                }

                .default-layout .header .navbar-mobile-nav .close:before {
                    -webkit-transform: translateY(-50%) rotate(45deg);
                    transform: translateY(-50%) rotate(45deg)
                }

                .default-layout .header .navbar-mobile-nav .close:after {
                    -webkit-transform: translateY(-50%) rotate(-45deg);
                    transform: translateY(-50%) rotate(-45deg)
                }

        .default-layout .header .navbar-mobile .dropdown-menu {
            position: absolute;
            top: 5rem;
            right: 0;
            width: 100%;
            height: 100vh;
            background: #977ffc;
            z-index: 5
        }

            .default-layout .header .navbar-mobile .dropdown-menu li {
                list-style: none;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-bottom: 1px solid #ccc;
                min-height: 7.5rem;
                width: 100%
            }

                .default-layout .header .navbar-mobile .dropdown-menu li a {
                    color: #fff;
                    font-size: 1.6rem
                }

        .default-layout .header .navbar-mobile .nav-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 3.3rem;
            -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out
        }

            .default-layout .header .navbar-mobile .nav-item .menu-icon {
                height: 2.4rem;
                min-width: 2.4rem;
                margin: 0 0 0 2rem
            }

            .default-layout .header .navbar-mobile .nav-item .nav-title {
                margin-right: 5rem
            }

            .default-layout .header .navbar-mobile .nav-item.active {
                background-color: hsla(0,0%,100%,.2)
            }

            .default-layout .header .navbar-mobile .nav-item.register-item .profile-icon {
                background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0xMCAwQzQuNDggMCAwIDQuNDggMCAxMHM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTUuNTIgMCAxMCAwem0wIDNjMS42NiAwIDMgMS4zNCAzIDNzLTEuMzQgMy0zIDMtMy0xLjM0LTMtMyAxLjM0LTMgMy0zem0wIDE0Yy0yLjUgMC00LjcxLTEuMjE5LTYtMy4wNjdDNC4wMyAxMi4wMzggOCAxMSAxMCAxMWMxLjk5IDAgNS45NyAxLjAzOCA2IDIuOTMzQzE0LjcxIDE1Ljc4MSAxMi41IDE3IDEwIDE3eiIgaWQ9ImEiLz48L2RlZnM+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat 50%/contain
            }

            .default-layout .header .navbar-mobile .nav-item.register-item .registration-label {
                display: none
            }

            .default-layout .header .navbar-mobile .nav-item.register-item .register-title {
                margin-right: 15%
            }

            .default-layout .header .navbar-mobile .nav-item.library.router-link-active {
                color: #fff;
                background-color: hsla(0,0%,100%,.2);
                mix-blend-mode: normal
            }

            .default-layout .header .navbar-mobile .nav-item.purchase {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                height: 3.3rem;
                -webkit-transition: all .3s ease-out;
                transition: all .3s ease-out;
                margin: 3rem auto
            }

                .default-layout .header .navbar-mobile .nav-item.purchase.default-style-btn {
                    min-height: 7rem;
                    border-radius: 3.5rem;
                    background-color: #6ae87c;
                    border-color: #6ae87c
                }

                    .default-layout .header .navbar-mobile .nav-item.purchase.default-style-btn:hover {
                        background-color: #6af87c;
                        border-color: #6af87c
                    }

                .default-layout .header .navbar-mobile .nav-item.purchase .nav-link {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    min-width: 28rem;
                    height: 7rem;
                    color: #fff
                }

                .default-layout .header .navbar-mobile .nav-item.purchase .tng-icon {
                    margin-right: 1rem
                }

            .default-layout .header .navbar-mobile .nav-item .nav-link, .default-layout .header .navbar-mobile .nav-item .rating {
                color: #fff;
                white-space: nowrap;
                font-size: 1.4rem;
                padding: .2rem .5rem;
                text-transform: uppercase;
                margin: 0 1rem
            }

            .default-layout .header .navbar-mobile .nav-item.substrate-item {
                min-width: 3rem
            }

                .default-layout .header .navbar-mobile .nav-item.substrate-item.loading {
                    min-width: 5.5rem;
                    width: 5.5rem
                }

            .default-layout .header .navbar-mobile .nav-item.router-link-exact-active {
                color: #fff;
                background-color: hsla(0,0%,100%,.2);
                mix-blend-mode: normal
            }

            .default-layout .header .navbar-mobile .nav-item.profile-item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-flow: nowrap;
                flex-flow: nowrap;
                color: #fff
            }

                .default-layout .header .navbar-mobile .nav-item.profile-item .substrate {
                    display: block;
                    position: absolute;
                    bottom: 15%;
                    left: 0;
                    width: 85%;
                    height: 100%;
                    border-radius: 4.35rem;
                    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0xMCAwQzQuNDggMCAwIDQuNDggMCAxMHM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTUuNTIgMCAxMCAwem0wIDNjMS42NiAwIDMgMS4zNCAzIDNzLTEuMzQgMy0zIDMtMy0xLjM0LTMtMyAxLjM0LTMgMy0zem0wIDE0Yy0yLjUgMC00LjcxLTEuMjE5LTYtMy4wNjdDNC4wMyAxMi4wMzggOCAxMSAxMCAxMWMxLjk5IDAgNS45NyAxLjAzOCA2IDIuOTMzQzE0LjcxIDE1Ljc4MSAxMi41IDE3IDEwIDE3eiIgaWQ9ImEiLz48L2RlZnM+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat .3rem 1.2rem;
                    cursor: pointer
                }

                .default-layout .header .navbar-mobile .nav-item.profile-item .dis-indicator-icon {
                    color: #fff;
                    width: 20px;
                    height: 10px;
                    min-width: 2rem;
                    margin: 0 1rem;
                    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjY1IDJsNS4xMzQgNS4yNjZhMSAxIDAgMDAxLjQzMiAwTDEyLjM1IDJhLjk1NS45NTUgMCAwMDAtMS4zMzMuOTA4LjkwOCAwIDAwLTEuMyAwTDYuNSA1LjMzMyAxLjk1LjY2N2EuOTA4LjkwOCAwIDAwLTEuMyAwQS45NTUuOTU1IDAgMDAuNjUgMnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat 0 .2rem
                }

        .default-layout .header .navbar-mobile .store-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .default-layout .header .navbar-mobile .store-container .app-store, .default-layout .header .navbar-mobile .store-container .google-play {
                margin-top: 4rem
            }

            .default-layout .header .navbar-mobile .store-container .app-store {
                width: 20.9rem;
                height: 7rem
            }

            .default-layout .header .navbar-mobile .store-container .google-play {
                width: 23.5rem;
                height: 7rem
            }

.container.main-wrapper {
    min-width: 1024px;
    background: #efeff4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:920px) {
    .navbar .navbar-collapse {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (max-width:767px) {
    .default-layout .header {
        height: 5rem
    }
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

.books-navbar-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .books-navbar-container .navbar-books {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        max-width: 50rem;
        margin: 0
    }

        .books-navbar-container .navbar-books .book-section {
            margin: 1rem
        }

            .books-navbar-container .navbar-books .book-section .nav-link {
                color: #000;
                font-size: 14px;
                font-weight: 400;
                text-transform: uppercase
            }

            .books-navbar-container .navbar-books .book-section.difficult {
                position: relative;
                cursor: pointer
            }

        .books-navbar-container .navbar-books .router-link-exact-active {
            border-bottom: .2rem solid #5ac8fa
        }

            .books-navbar-container .navbar-books .router-link-exact-active .nav-link {
                color: #5ac8fa
            }

    .books-navbar-container .levels-menu {
        position: absolute;
        top: 4.5rem;
        right: -6.4rem;
        background: #fff;
        border: 1px solid #efeff4;
        border-radius: 2.5rem;
        min-width: 20rem;
        max-width: 27rem;
        margin-bottom: 1rem;
        padding: 1rem;
        z-index: 1
    }

        .books-navbar-container .levels-menu.hide {
            display: none
        }

        .books-navbar-container .levels-menu .levels-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column wrap;
            flex-flow: column wrap;
            margin: 0
        }

        .books-navbar-container .levels-menu .level-title {
            font-family: Arial,Helvetica,sans-serif;
            letter-spacing: 1px;
            color: #000;
            -ms-flex-preferred-size: 1.5rem;
            flex-basis: 1.5rem;
            list-style: none;
            border-style: none;
            padding-left: 1rem;
            cursor: pointer;
            font-size: 1.4rem;
            font-weight: 500;
            font-style: normal;
            font-stretch: normal;
            line-height: 2;
            letter-spacing: 0
        }

            .books-navbar-container .levels-menu .level-title:first-child {
                padding-top: .8rem
            }

            .books-navbar-container .levels-menu .level-title:last-child {
                padding-bottom: .2rem
            }

            .books-navbar-container .levels-menu .level-title:hover, .books-navbar-container .levels-menu .selected {
                color: #5ac8fa
            }

            .books-navbar-container .levels-menu .level-title:active {
                color: #ffe587
            }

        .books-navbar-container .levels-menu:before {
            content: "";
            position: absolute;
            right: 9rem;
            top: -2rem;
            width: 0;
            height: 0;
            border-top: 1.3rem solid transparent;
            border-right: 2.5rem solid #fff;
            border-bottom: 1.3rem solid transparent;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

@media screen and (max-width:40rem) {
    .books-navbar-container .navbar-books {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.carousel-wrapper {
    position: relative;
    padding: 20px 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto
}

    .carousel-wrapper.comments .btn-next, .carousel-wrapper.comments .btn-prev {
        bottom: 33%
    }

    .carousel-wrapper.comments .btn-prev {
        left: -7%
    }

    .carousel-wrapper.comments .btn-next {
        right: -7%
    }

    .carousel-wrapper.words .btn-next, .carousel-wrapper.words .btn-prev {
        bottom: 33%
    }

    .carousel-wrapper.words .btn-prev {
        left: -27%
    }

    .carousel-wrapper.words .btn-next {
        right: -27%
    }

.carousel {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    overflow: hidden;
    width: 100%
}

.carousel, .slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.slide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 2rem 0
}

.slide-current {
    width: 20rem;
    height: 28.2rem;
    background: #ddd
}

.slide-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 27rem;
    height: 9.6rem;
    margin-top: 3rem
}

    .slide-text .slide-author {
        font-size: 1.6rem;
        color: #96a3ac
    }

    .slide-text .slide-title {
        color: #4d4d4d;
        font-size: 2rem;
        font-weight: 700
    }

.btn-next, .btn-prev {
    width: 6.4rem;
    height: 10.4rem;
    position: absolute;
    cursor: pointer;
    bottom: 50%
}

.btn-prev {
    left: -5%;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjEwMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGZpbHRlciB4PSItMTEzLjYlIiB5PSItOTAuOSUiIHdpZHRoPSIzMjcuMyUiIGhlaWdodD0iMzI3LjMlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJhIj48ZmVPZmZzZXQgZHk9IjEwIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTUiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjgzNTI5NDExOCAwIDAgMCAwIDAuODYyNzQ1MDk4IDAgMCAwIDAgMC44Nzg0MzEzNzMgMCAwIDAgMSAwIiBpbj0ic2hhZG93Qmx1ck91dGVyMSIvPjwvZmlsdGVyPjxwYXRoIGQ9Ik0yMiA0NEM1LjY2NSA0NCAwIDM4LjMzNSAwIDIyUzUuNjY1IDAgMjIgMHMyMiA1LjY2NSAyMiAyMi01LjY2NSAyMi0yMiAyMnoiIGlkPSJiIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjkgMTkpIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIGZpbGw9IiMyMkZBQjYiIHhsaW5rOmhyZWY9IiNiIi8+PC9nPjxwYXRoIGQ9Ik01My41NTkgNTAuMTkyYTEgMSAwIDAxLTEuNDc2LjAwMmwtNy44Mi04LjUzMmExIDEgMCAwMS0uMDAyLTEuMzVsNy43Ni04LjUwMmExIDEgMCAwMTEuNDc3IDBsLjQ2OS41MTRhMSAxIDAgMDEwIDEuMzQ4bC02LjY1NiA3LjI5NCA2LjcxOSA3LjM2MmExIDEgMCAwMTAgMS4zNDhsLS40NzEuNTE2eiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=) 50% no-repeat
}

.btn-next {
    right: -5%;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyIiBoZWlnaHQ9IjEwMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PGZpbHRlciB4PSItMTEzLjYlIiB5PSItOTAuOSUiIHdpZHRoPSIzMjcuMyUiIGhlaWdodD0iMzI3LjMlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJhIj48ZmVPZmZzZXQgZHk9IjEwIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTUiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAwLjgzNTI5NDExOCAwIDAgMCAwIDAuODYyNzQ1MDk4IDAgMCAwIDAgMC44Nzg0MzEzNzMgMCAwIDAgMSAwIiBpbj0ic2hhZG93Qmx1ck91dGVyMSIvPjwvZmlsdGVyPjxwYXRoIGQ9Ik0yMiA0NEM1LjY2NSA0NCAwIDM4LjMzNSAwIDIyUzUuNjY1IDAgMjIgMHMyMiA1LjY2NSAyMiAyMi01LjY2NSAyMi0yMiAyMnoiIGlkPSJiIi8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjkgMTkpIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIGZpbGw9IiMyMkZBQjYiIHhsaW5rOmhyZWY9IiNiIi8+PC9nPjxwYXRoIGQ9Ik00OC4wODYgNTAuMTkybC0uNDctLjUxNmExIDEgMCAwMTAtMS4zNDhsNi43MTgtNy4zNjItNi42NTYtNy4yOTRhMSAxIDAgMDEwLTEuMzQ4bC40Ny0uNTE0YTEgMSAwIDAxMS40NzYgMGw3Ljc2IDguNTAzYTEgMSAwIDAxLS4wMDIgMS4zNWwtNy44MiA4LjUzMWExIDEgMCAwMS0xLjQ3Ni0uMDAyeiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=) 50% no-repeat
}

    .btn-next:hover, .btn-prev:hover {
        opacity: .8
    }

.comments {
    position: relative;
    -webkit-box-orient: vertical;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    min-height: 30rem;
    text-align: center;
    color: #000
}

    .comments, .comments .current-comment {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

        .comments .current-comment {
            -webkit-box-orient: horizontal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            margin: 1rem
        }

            .comments .current-comment .comment {
                width: 38rem;
                height: 30rem;
                padding: 2rem 3rem 3rem;
                margin: 1rem 0;
                border-radius: .1rem;
                color: #000;
                background-color: #f5f9fb
            }

                .comments .current-comment .comment, .comments .current-comment .comment .comment-header {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: column nowrap;
                    flex-flow: column nowrap;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start
                }

                    .comments .current-comment .comment .comment-header {
                        margin-bottom: 2rem;
                        height: 8rem;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center
                    }

                    .comments .current-comment .comment .comment-body {
                        height: 14rem;
                        margin-top: 1rem;
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                        -ms-flex-flow: column nowrap;
                        flex-flow: column nowrap;
                        -webkit-box-pack: start;
                        -ms-flex-pack: start;
                        justify-content: flex-start;
                        -webkit-box-align: start;
                        -ms-flex-align: start;
                        align-items: flex-start
                    }

            .comments .current-comment .comment-author {
                color: #979797
            }

            .comments .current-comment .comment-mark {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                margin: 1rem -1rem
            }

                .comments .current-comment .comment-mark .star-icon {
                    width: 2.4rem;
                    height: 2.4rem;
                    margin: .5rem;
                    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDE3LjRsLTcuMDUzIDQuMzA4IDEuOTE3LTguMDRMLjU4NyA4LjI5M2w4LjIzOS0uNjZMMTIgMGwzLjE3NCA3LjYzMSA4LjIzOS42Ni02LjI3NyA1LjM3OCAxLjkxNyA4LjA0eiIgZmlsbD0iI0ZGQzcwMSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat 50%/contain
                }

            .comments .current-comment .comment-mark-title {
                font-weight: 700
            }

            .comments .current-comment .comment-text {
                max-width: 36rem;
                margin-top: 1rem;
                overflow-y: hidden;
                text-align: left;
                color: #d8d8d8
            }

        .comments .dots-container {
            position: absolute;
            bottom: -7rem;
            margin-top: 5%;
            min-width: 80%;
            height: auto;
            max-height: 5rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            min-width: 100%
        }

            .comments .dots-container .dot-item {
                cursor: pointer;
                display: block;
                margin: 2rem;
                background: #ccc;
                width: 1rem;
                height: 1rem;
                border-radius: 70%
            }

                .comments .dots-container .dot-item.active {
                    width: 1.5rem;
                    height: .6rem;
                    background: #fff;
                    border-radius: .3rem
                }

.carousel-container.words {
    max-width: 62rem;
    height: 46.2rem;
    background: #fff;
    -webkit-box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.5);
    box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.5);
    border-radius: 1.2rem
}

    .carousel-container.words .carousel {
        width: 100%;
        height: 100%
    }

.words-preview .carousel-wrapper .carousel-container.words .word-card .buttons-container.main {
    width: 18rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:1310px) {
    .slide {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .carousel-wrapper {
        max-width: 1000px
    }

        .carousel-wrapper.comments, .carousel-wrapper.words {
            max-width: 960px
        }

        .carousel-wrapper .comments, .carousel-wrapper.words {
            min-width: 30rem
        }

            .carousel-wrapper .comments .current-comment .comment, .carousel-wrapper .comments .word, .carousel-wrapper.words .current-comment .comment, .carousel-wrapper.words .word {
                width: 30rem
            }
}

@media screen and (max-width:1080px) {
    .carousel-wrapper {
        max-width: 835px
    }

        .carousel-wrapper.comments {
            max-width: 645px
        }

            .carousel-wrapper.comments .btn-prev {
                left: -9%
            }

            .carousel-wrapper.comments .btn-next {
                right: -9%
            }

    .slide {
        -ms-flex-preferred-size: 33.3%;
        flex-basis: 33.3%
    }

    .btn-prev {
        bottom: 55%;
        left: -7%
    }

    .btn-next {
        bottom: 55%;
        right: -7%
    }
}

@media screen and (max-width:945px) {
    .carousel-wrapper.comments .carousel, .carousel-wrapper.words .carousel {
        padding-left: 0
    }

    .carousel-wrapper.comments .carousel-controls .btn-prev, .carousel-wrapper.words .carousel-controls .btn-prev {
        left: -12%
    }

    .carousel-wrapper.comments .carousel-controls .btn-next, .carousel-wrapper.words .carousel-controls .btn-next {
        right: -12%
    }

    .slide {
        -ms-flex-preferred-size: 51%;
        flex-basis: 51%;
        margin-right: -5rem
    }

    .carousel {
        padding-left: 5rem
    }

    .btn-prev {
        left: 43%;
        bottom: -9%
    }

    .btn-next {
        right: 43%;
        bottom: -9%
    }
}

@media screen and (max-width:750px) {
    .words-selection {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .carousel-wrapper.comments, .carousel-wrapper.words {
        max-width: 320px
    }

        .carousel-wrapper.comments .btn-prev, .carousel-wrapper.words .btn-prev {
            left: -18%
        }

        .carousel-wrapper.comments .btn-next, .carousel-wrapper.words .btn-next {
            right: -18%
        }

        .carousel-wrapper.comments .carousel, .carousel-wrapper.words .carousel {
            padding-left: 0
        }

    .words .word-card {
        margin: 2rem 0
    }

        .words .word-card .buttons-container.words-actions {
            position: absolute;
            bottom: -16.5rem;
            left: 0;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            width: 100%
        }

        .words .word-card .buttons-container .btn-known, .words .word-card .buttons-container .btn-learn {
            margin-bottom: 1rem
        }
}

@media screen and (max-width:540px) {
    .words-preview, .words-selection {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .words-selection .carousel-wrapper .carousel-container.words {
            height: 36.4rem
        }

        .words-preview .carousel-wrapper .carousel-container.words {
            height: 44.4rem
        }

            .words-preview .carousel-wrapper .carousel-container.words .word-card .buttons-container.main {
                width: 13.6rem
            }

            .words-preview .carousel-wrapper .carousel-container.words .word-card .buttons-container .btn-speak {
                width: 4.4rem;
                height: 4.4rem;
                padding: 0
            }

    .carousel-wrapper.comments .btn-prev {
        left: 30%
    }

    .carousel-wrapper.comments .btn-next {
        right: 30%
    }

    .carousel-wrapper.words .word-card {
        margin: 0
    }

        .carousel-wrapper.words .word-card .word-original-container .word-original {
            font-size: 3rem
        }

        .carousel-wrapper.words .word-card .word-meaning .meaning {
            font-size: 2rem
        }

        .carousel-wrapper.words .word-card .word-example {
            max-height: 15rem
        }

            .carousel-wrapper.words .word-card .word-example .example-origin {
                font-size: 2rem
            }

        .carousel-wrapper.words .word-card .buttons-container.main {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

    .carousel-wrapper.words .btn-prev {
        left: -3rem;
        top: 14rem
    }

    .carousel-wrapper.words .btn-next {
        right: -3rem;
        top: 14rem
    }

    .slide {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-right: 0
    }

    .carousel {
        padding-left: 0
    }
}

@media screen and (max-width:450px) {
    .words-selection .carousel-wrapper .carousel-container.words {
        width: 27rem
    }

        .words-selection .carousel-wrapper .carousel-container.words .word-card .buttons-container.main .btn-speak {
            width: 6rem;
            height: 6rem
        }
}

.modal {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    .modal.menu {
        position: fixed;
        z-index: 2;
        background: #fff
    }

    .modal .modal-container {
        border-radius: 1rem;
        min-width: 46rem;
        z-index: 10;
        background: #fff;
        position: fixed;
        max-height: 90%;
        overflow: hidden;
        -webkit-box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.05);
        box-shadow: 0 .5rem 1.5rem 0 rgba(0,0,0,.05)
    }

        .modal .modal-container.dropdown {
            position: relative;
            top: 25rem;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .modal .modal-container.menu {
            position: static;
            height: 100%;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .modal .modal-container.all, .modal .modal-container.learn, .modal .modal-container.repeat {
            min-width: 38rem
        }

    .modal .btn-close {
        top: 1.5rem;
        right: 1.5rem;
        position: absolute;
        width: 3rem;
        height: 3rem;
        cursor: pointer;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSIxNSIgZmlsbD0iIzk2QTNBQyIvPjxwYXRoIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMiIGQ9Ik0xMSAxMWw4IDhtMC04bC04IDgiLz48L2c+PC9zdmc+) no-repeat 50%/contain
    }

        .modal .btn-close.dropdown {
            display: none
        }

.backdrop {
    z-index: 1;
    position: fixed;
    width: 100vw;
    height: 100vh
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

.fade-enter-active {
    opacity: .25
}

.fade-enter-active, .fade-enter-leave {
    -webkit-transition: opacity .1s;
    transition: opacity .1s
}

.fade-enter-leave {
    opacity: .75
}

.timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    color: #fff;
    text-align: center
}

    .timer .number {
        border-radius: .5rem;
        width: 4rem;
        text-align: center
    }

.header {
    height: 8rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

    .header, .header .navbar {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .header .navbar {
            max-width: 95rem;
            height: 100%;
            font-size: 14px;
            font-weight: bolder;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: 1px;
            line-height: 1.21
        }

        .header .navbar-collapse {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-flow: nowrap;
            flex-flow: nowrap;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            max-width: 92rem;
            width: 100%;
            height: 100%
        }

        .header .navbar-brand {
            background: url('/assets/logol.png') no-repeat 50%;
            background-size: contain;
            min-width: 12rem;
            padding-right: 2rem;
            width: 8.5rem;
            height: 4.2rem;
            margin-left: 3rem
        }

        .header .navbar-nav {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            list-style-type: none;
            width: 90%;
            margin-left: 4rem;
            margin-bottom: 0
        }

        .header .navbar-nav, .header .navbar .nav-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .header .navbar .nav-item {
            position: relative;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 3.6rem;
            margin: 0 .5rem;
            border-radius: 2rem;
            -webkit-transition: all .3s ease-out;
            transition: all .3s ease-out;
            font-family: Roboto;
            font-size: 1.6rem;
            font-weight: 500
        }

            .header .navbar .nav-item.active {
                height: 3.6rem
            }

            .header .navbar .nav-item.library.router-link-active, .header .navbar .nav-item.words-item.router-link-active {
                color: #fff;
                background-color: #8162e2;
                mix-blend-mode: normal;
                border-radius: 2.15rem
            }

            .header .navbar .nav-item.purchase {
                background: #6ae87c;
                margin: 0 auto
            }

                .header .navbar .nav-item.purchase.router-link-active {
                    height: 3.6rem
                }

                .header .navbar .nav-item.purchase.router-link-exact-active {
                    background-color: #6ae87c
                }

                .header .navbar .nav-item.purchase .nav-link {
                    color: #fff;
                    padding-right: 0;
                    margin-right: 1.5rem
                }

            .header .navbar .nav-item .nav-link, .header .navbar .nav-item .rating, .header .navbar .nav-item .registration-label {
                color: #fff;
                white-space: nowrap;
                font-size: 1.6rem;
                padding: .2rem .5rem;
                margin: 0 1rem
            }

            .header .navbar .nav-item.substrate-item {
                width: auto;
                min-width: 8rem;
                width: 3rem
            }

            .header .navbar .nav-item.router-link-exact-active {
                color: #fff;
                background-color: #bababa;
                mix-blend-mode: normal;
                border-radius: 2.15rem
            }

            .header .navbar .nav-item.router-link-active.profile-item {
                background: #8162e2
            }

            .header .navbar .nav-item.profile-item {
                height: 3.6rem;
                margin: 0 1rem;
                padding: 0 2rem 0 1rem;
                width: auto;
                border-radius: 2rem;
                color: #fff;
                cursor: pointer
            }

                .header .navbar .nav-item.profile-item, .header .navbar .nav-item.profile-item .profile-item-title {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap
                }

                    .header .navbar .nav-item.profile-item .profile-item-title {
                        margin-left: .85rem
                    }

                    .header .navbar .nav-item.profile-item a {
                        background-size: 3.1rem;
                        color: #fff;
                        cursor: pointer
                    }

            .header .navbar .nav-item.register-item {
                padding: 0 1rem;
                cursor: pointer;
                background: #003979
            }

                .header .navbar .nav-item.register-item .nav-link {
                    margin: 0;
                    padding: 0 .5rem
                }

                .header .navbar .nav-item.register-item .profile-icon {
                    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0xMCAwQzQuNDggMCAwIDQuNDggMCAxMHM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTUuNTIgMCAxMCAwem0wIDNjMS42NiAwIDMgMS4zNCAzIDNzLTEuMzQgMy0zIDMtMy0xLjM0LTMtMyAxLjM0LTMgMy0zem0wIDE0Yy0yLjUgMC00LjcxLTEuMjE5LTYtMy4wNjdDNC4wMyAxMi4wMzggOCAxMSAxMCAxMWMxLjk5IDAgNS45NyAxLjAzOCA2IDIuOTMzQzE0LjcxIDE1Ljc4MSAxMi41IDE3IDEwIDE3eiIgaWQ9ImEiLz48L2RlZnM+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat 50%/contain
                }

                .header .navbar .nav-item.register-item .registration-label {
                    display: none
                }

                .header .navbar .nav-item.register-item .register-title {
                    margin-right: 15%
                }

        .header.fixed {
            position: fixed;
            top: 0;
            z-index: 2
        }

.ewa-store.navbar-item .ewa-store-buttons .store-buttons-outter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 5rem
}

    .ewa-store.navbar-item .ewa-store-buttons .store-buttons-outter a {
        margin: 1rem
    }

    .ewa-store.navbar-item .ewa-store-buttons .store-buttons-outter .apple-store.grey {
        width: 10.7rem;
        height: 3.6rem
    }

    .ewa-store.navbar-item .ewa-store-buttons .store-buttons-outter .apple-store.focus, .ewa-store.navbar-item .ewa-store-buttons .store-buttons-outter .apple-store:hover {
        opacity: .8
    }

    .ewa-store.navbar-item .ewa-store-buttons .store-buttons-outter .google-play.grey {
        width: 12.2rem;
        height: 4.4rem
    }

    .ewa-store.navbar-item .ewa-store-buttons .store-buttons-outter .google-play.focus, .ewa-store.navbar-item .ewa-store-buttons .store-buttons-outter .google-play:hover {
        opacity: .8
    }

.footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 8rem;
    margin-top: auto;
    background: #f1f4f6;
    font-family: Roboto
}

    .footer ul {
        -webkit-box-orient: vertical;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        list-style: none;
        margin: 0 2rem;
        padding: 0
    }

    .footer .footer-nav, .footer ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%
    }

    .footer .footer-nav {
        -webkit-box-orient: horizontal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 94rem;
        padding: 1rem;
        margin: 3rem 2rem;
        color: #b8b3c2;
        font-size: 1.4rem
    }

        .footer .footer-nav .nav-courses, .footer .footer-nav .nav-support {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            min-width: 26rem
        }

            .footer .footer-nav .nav-courses .label, .footer .footer-nav .nav-support .label {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                width: 100%;
                margin-bottom: 1rem;
                font-size: 1.6rem;
                color: #44435d
            }

                .footer .footer-nav .nav-courses .label:hover, .footer .footer-nav .nav-support .label:hover {
                    cursor: pointer;
                    color: #0bbdf3
                }

        .footer .footer-nav .nav-support {
            margin-right: auto
        }

        .footer .footer-nav .nav-social {
            -ms-flex-item-align: start;
            align-self: flex-start
        }

        .footer .footer-nav .nav-item {
            margin: .5rem 0;
            cursor: pointer
        }

            .footer .footer-nav .nav-item a {
                color: #b8b3c2
            }

            .footer .footer-nav .nav-item .icon-container, .footer .footer-nav .nav-item a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            .footer .footer-nav .nav-item:hover a {
                color: #0bbdf3
            }

    .footer .social {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .footer .social .nav-item {
            margin: 0 1rem
        }

            .footer .social .nav-item:hover a {
                color: #0bbdf3
            }

            .footer .social .nav-item:hover .icon-container a .facebook-icon {
                background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzBCQkRGMyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiAwaDEyYTYgNiAwIDAxNiA2djEyYTYgNiAwIDAxLTYgNkg2YTYgNiAwIDAxLTYtNlY2YTYgNiAwIDAxNi02em03LjAzMyA5Ljg5N3YtMS4xMWMuMTI5LTEuMDUxIDEuOTYtLjg1MiAxLjk2LS44NTJWNi4xM2gtLjAwMWMtLjA2NC0uMDE0LTMuNjQ0LS44Mi00LjM1NSAxLjc2MnYuMDAybC0uMDA1LjAxN2MtLjExMi4zMjMtLjEwNSAxLjgtLjEwMyAxLjk4Nkg5djEuOTc3aDEuNjI0djUuMzc2aDIuMzY0di01LjM3NmgxLjgwOEwxNSA5Ljg5N2gtMS45Njd6Ii8+PC9zdmc+) no-repeat 50%/contain
            }

            .footer .social .nav-item:hover .icon-container a .instagram-icon {
                background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iIzBCQkRGMyIgZD0iTTYgMGgxMmE2IDYgMCAwMTYgNnYxMmE2IDYgMCAwMS02IDZINmE2IDYgMCAwMS02LTZWNmE2IDYgMCAwMTYtNnptNiA2Yy0zLjMwOCAwLTYgMi42OTItNiA2czIuNjkyIDYgNiA2IDYtMi42OTIgNi02LTIuNjkyLTYtNi02em0wIDEwYy0yLjIwNiAwLTQtMS43OTQtNC00czEuNzk0LTQgNC00IDQgMS43OTQgNCA0LTEuNzk0IDQtNCA0em02LjUtMTJBMS41MDcgMS41MDcgMCAwMDE3IDUuNWMwIC4zOTQuMTYuNzgxLjQ0IDEuMDYuMjc5LjI4LjY2Ni40NCAxLjA2LjQ0QTEuNTA2IDEuNTA2IDAgMDAyMCA1LjVjMC0uMzk1LS4xNi0uNzgzLS40NC0xLjA2QTEuNTA2IDEuNTA2IDAgMDAxOC41IDR6Ii8+PC9zdmc+) no-repeat 50%/contain
            }

.info-message-wrapper {
    position: fixed;
    top: 8rem;
    z-index: 4
}

.info-message-container, .info-message-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 10rem;
    background: #fff3c5
}

.info-message-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative;
    max-width: 94rem;
    text-align: center
}

    .info-message-container .banner-ewa-icon {
        position: absolute;
        top: 2rem;
        left: 4rem;
        width: 5.7rem;
        height: 8rem
    }

    .info-message-container .info-message-text {
        max-width: 69rem;
        font-size: 1.6rem;
        letter-spacing: 0;
        text-align: left
    }

    .info-message-container .banner-icon-close {
        position: absolute;
        top: 2rem;
        right: 2rem;
        width: 3rem;
        height: 3rem
    }

        .info-message-container .banner-icon-close:focus, .info-message-container .banner-icon-close:hover {
            cursor: pointer;
            opacity: .8
        }

.landing-main-wrapper .info-message-wrapper {
    top: 0;
    z-index: 4
}

@media screen and (max-width:1024px) {
    .authorization-start {
        padding: 0 1rem
    }

        .authorization-start .authorization-heading {
            padding: 1rem
        }

        .authorization-start .authorization-methods {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-top: 5rem
        }

            .authorization-start .authorization-methods .authorization-method {
                margin: 2rem auto;
                min-width: 22rem;
                max-width: 30rem;
                width: 100%
            }
}

@media screen and (max-width:460px) {
    .authorization-start {
        margin-top: 6rem;
        margin-bottom: 6rem;
        padding: 0
    }

        .authorization-start .authorization-heading {
            width: 100vw;
            line-height: normal;
            font-size: 2rem;
            padding-top: 2rem
        }

        .authorization-start .authorization-notice {
            max-width: 28rem;
            margin: 1rem auto;
            font-size: 1.4rem;
            font-family: Proxima Nova Rg;
            line-height: normal;
            text-align: center;
            opacity: .8
        }

        .authorization-start .authorization-methods {
            margin-top: 2rem
        }

            .authorization-start .authorization-methods .authorization-method {
                min-width: 16rem;
                max-width: 16rem;
                margin: 1rem auto;
                padding: 2rem 3rem 2rem 6rem;
                font-size: 1.54rem
            }

                .authorization-start .authorization-methods .authorization-method .tng-icon {
                    width: 4rem;
                    height: 4rem;
                    left: 2rem
                }

        .authorization-start .authorization-agreement {
            width: 20rem;
            margin: 2rem auto;
            font-size: 1.2rem
        }

        .authorization-start .authorization-anonymous {
            height: 6rem;
            width: 100vw;
            margin: 0;
            position: fixed;
            bottom: 0;
            left: 0;
            border-radius: 0
        }
}

@media screen and (max-width:1024px) {
    .books-page {
        background: #fff;
        border-radius: 2.6rem;
        margin: 1rem;
        padding: 1rem;
        width: 95%
    }

        .books-page .books {
            grid-column-gap: 15px;
            width: 100%;
            border-bottom: .1rem solid #e9e6ee
        }

            .books-page .books .info-section-container {
                min-height: 5rem
            }

        .books-page .container-btn {
            height: 2rem;
            padding: 2rem 0;
            margin-bottom: 0
        }

    .book-reader-content {
        padding: 0 1rem
    }
}

@media screen and (max-width:700px) {
    .container.books-page .books {
        grid-template-columns: auto auto auto
    }
}

@media screen and (max-width:540px) {
    .container.books-page .books {
        grid-template-columns: auto auto
    }
}

@media screen and (max-width:370px) {
    .container.books-page .books {
        grid-template-columns: auto
    }

        .container.books-page .books .book .book-poster {
            width: 30rem
        }

        .container.books-page .books .book .book-info {
            max-width: none
        }
}

.landing-page {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    font-family: Helvetica;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    color: #fff;
    font-size: 1.4rem
}

    .landing-page h1 {
        font-size: 3rem;
        letter-spacing: .1rem;
        color: #fff;
        color: #44435d
    }

    .landing-page h2 {
        font-size: 2rem;
        letter-spacing: .1rem;
        color: #fff
    }

    .landing-page h3 {
        font-size: 1.6rem;
        letter-spacing: .1rem;
        color: #000
    }

    .landing-page .ewa-start {
        -webkit-box-shadow: 0 1rem 4rem 0 #9b95c6;
        box-shadow: 0 1rem 4rem 0 #9b95c6
    }

        .landing-page .ewa-start:hover {
            background-color: #1fe5ab;
            color: #fff
        }

    .landing-page .button-scrolling {
        position: fixed;
        top: 1.5rem;
        left: 10rem;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        z-index: 2;
        min-height: 5rem;
        max-width: 24rem;
        font-size: 1.8rem
    }

        .landing-page .button-scrolling a {
            font-weight: 500
        }

    .landing-page .slider-container {
        max-width: 120rem;
        width: 100%;
        min-height: 30rem;
        margin-bottom: 4rem
    }

    .landing-page .slide-one {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 1rem
    }

        .landing-page .slide-one h1 {
            color: #fff
        }

        .landing-page .slide-one .ewa-title {
            max-width: 55rem;
            font-size: 5rem;
            font-weight: 700;
            letter-spacing: .1rem;
            line-height: 1;
            color: #fff;
            margin: 1rem 0 5rem
        }

        .landing-page .slide-one.bg {
            width: 100%;
            background-blend-mode: overlay;
            background-image: -webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.52)),to(rgba(94,91,91,.5))),-webkit-gradient(linear,left top,right top,from(#9e95e3),to(#e281d3));
            background-image: linear-gradient(0deg,hsla(0,0%,100%,.52),rgba(94,91,91,.5)),linear-gradient(90deg,#9e95e3,#e281d3)
        }

        .landing-page .slide-one.travel .ewa-learn-container {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap
        }

        .landing-page .slide-one.travel-alt {
            background: url(/static/img/image-header.0d5830d.png) 100% 100% no-repeat;
            background-size: cover;
            height: 69rem;
            width: 100%;
            background-position-x: 50%
        }

            .landing-page .slide-one.travel-alt .ewa-learn-container {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap
            }

            .landing-page .slide-one.travel-alt .ewa-learn .ewa-text, .landing-page .slide-one.travel-alt .ewa-learn .ewa-title {
                text-shadow: .1rem .1rem .2rem rgba(77,77,77,.5),0 0 1rem rgba(77,77,77,.5)
            }

        .landing-page .slide-one.locales {
            min-height: 100vh;
            height: 108.7rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .landing-page .slide-one.locales .ewa-title-container {
                margin: 7.5rem 0
            }

                .landing-page .slide-one.locales .ewa-title-container .locales-title {
                    font-size: 4rem;
                    font-weight: 700;
                    font-style: normal;
                    font-stretch: normal;
                    line-height: 1.25;
                    letter-spacing: normal;
                    text-align: center;
                    color: #fff
                }

            .landing-page .slide-one.locales .languages-locales {
                max-width: 125rem;
                width: 100%;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .landing-page .slide-one.locales .languages-locales, .landing-page .slide-one.locales .languages-locales .answers-card {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center
                }

                    .landing-page .slide-one.locales .languages-locales .answers-card {
                        -ms-flex-flow: row wrap;
                        flex-flow: row wrap
                    }

                        .landing-page .slide-one.locales .languages-locales .answers-card .answers {
                            -webkit-box-orient: horizontal;
                            -webkit-box-direction: normal;
                            -ms-flex-flow: row wrap;
                            flex-flow: row wrap;
                            max-width: 75rem;
                            width: 100%
                        }

                        .landing-page .slide-one.locales .languages-locales .answers-card .answer-item {
                            max-width: 18rem;
                            height: 5rem;
                            margin: 1rem;
                            padding: 0 1rem;
                            font-size: 2rem;
                            background: transparent;
                            color: #fff
                        }

                            .landing-page .slide-one.locales .languages-locales .answers-card .answer-item .text-answer {
                                min-width: 20rem
                            }

                            .landing-page .slide-one.locales .languages-locales .answers-card .answer-item.active {
                                background: #5ac8fa;
                                color: #fff
                            }

                            .landing-page .slide-one.locales .languages-locales .answers-card .answer-item:hover {
                                cursor: pointer;
                                background: #5ac8fa
                            }

        .landing-page .slide-one .ewa-learn-container {
            position: relative;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 120rem;
            max-width: 100%
        }

        .landing-page .slide-one .ewa-learn {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            margin-left: 2%;
            width: 56rem;
            height: 30rem
        }

            .landing-page .slide-one .ewa-learn .ewa-text {
                max-width: 46rem;
                margin-bottom: 4rem;
                font-size: 2rem;
                letter-spacing: .1rem
            }

        .landing-page .slide-one .ewa-header {
            background: url(/static/img/ewa-header.796e71c.svg) 50% 100% no-repeat;
            background-size: cover;
            height: 50.5rem;
            width: 26.9rem;
            margin-top: 18.5rem;
            margin-left: 1rem;
            z-index: 1
        }

        .landing-page .slide-one .ewa-header-wizard {
            background: url(/static/img/ewa-header-wizard.b2a2c57.svg) 50% 100% no-repeat;
            background-size: cover;
            height: 50.5rem;
            width: 31rem;
            margin-top: 18.5rem;
            margin-left: -2rem;
            z-index: 1
        }

        .landing-page .slide-one .ewa-header-listener {
            background: url(/static/img/ewa-header-listener.abfb251.svg) 50% 100% no-repeat;
            background-size: cover;
            height: 52.5rem;
            width: 26.9rem;
            margin-top: 18.5rem;
            margin-left: -2rem;
            z-index: 1
        }

        .landing-page .slide-one .ewa-header-yeti {
            background: url(/static/img/ewa-header-yeti.fbc167e.png) 50% 100% no-repeat;
            background-size: cover;
            height: 51.2rem;
            width: 66.7rem;
            margin-top: 18.5rem;
            margin-right: -5rem;
            z-index: 1
        }

        .landing-page .slide-one .ewa-faces {
            position: absolute;
            background: url(/static/img/ewa-faces.9e94902.svg) no-repeat;
            background-size: cover;
            height: 33rem;
            width: 66.7rem;
            right: -35rem
        }

        .landing-page .slide-one .ewa-locales-left {
            background: url(/static/img/left-icons.0791e79.svg) no-repeat;
            max-width: 56rem;
            max-height: 60rem;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 2rem;
            left: -28%;
            background-size: cover
        }

        .landing-page .slide-one .ewa-locales-right {
            background: url(/static/img/right-icons.c2b2b46.svg) no-repeat;
            max-width: 56rem;
            max-height: 60rem;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 2rem;
            right: -28%;
            background-size: cover
        }

    .landing-page .slide-two {
        margin-bottom: 10rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .landing-page .slide-two.travel {
            max-width: 120rem;
            width: 100%;
            margin-bottom: 9rem
        }

            .landing-page .slide-two.travel .ewa-description-extra {
                font-weight: 700;
                font-size: 2rem;
                color: #4d4d4d
            }

            .landing-page .slide-two.travel .ewa-course-preview {
                margin-bottom: 0
            }

            .landing-page .slide-two.travel .ewa-course-preview-item {
                width: 14.2rem;
                height: 14.5rem
            }

                .landing-page .slide-two.travel .ewa-course-preview-item.ewa-airport {
                    background: url(/static/img/airport.96a106b.svg) 50% no-repeat;
                    background-size: contain
                }

                .landing-page .slide-two.travel .ewa-course-preview-item.ewa-hotel {
                    background: url(/static/img/hotel.720c716.svg) 50% no-repeat;
                    background-size: contain
                }

                .landing-page .slide-two.travel .ewa-course-preview-item.ewa-taxi {
                    background: url(/static/img/taxi.792a9b9.svg) 50% no-repeat;
                    background-size: contain
                }

            .landing-page .slide-two.travel .ewa-course-preview-text {
                font-size: 2rem
            }

                .landing-page .slide-two.travel .ewa-course-preview-text.ewa-airport, .landing-page .slide-two.travel .ewa-course-preview-text.ewa-hotel {
                    margin-left: 3rem
                }

            .landing-page .slide-two.travel .ewa-title-container .ewa-title {
                max-width: 50rem
            }

        .landing-page .slide-two.books {
            margin-bottom: 0
        }

            .landing-page .slide-two.books .ewa-text-description-container {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 100%;
                margin-bottom: 2rem
            }

                .landing-page .slide-two.books .ewa-text-description-container .ewa-text-description {
                    color: #96a3ac;
                    font-size: 2rem
                }

            .landing-page .slide-two.books .ewa-title-container.title-study {
                margin-top: 0
            }

                .landing-page .slide-two.books .ewa-title-container.title-study .ewa-title {
                    max-width: 70rem
                }

        .landing-page .slide-two .ewa-title-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            width: 100%;
            margin-top: 10rem
        }

            .landing-page .slide-two .ewa-title-container.beginner {
                margin-top: 2rem
            }

            .landing-page .slide-two .ewa-title-container .ewa-title {
                width: 100%;
                max-width: 45rem;
                font-size: 5rem;
                font-weight: 700;
                letter-spacing: normal;
                color: #4d4d4d;
                margin: 3rem 0;
                line-height: normal
            }

        .landing-page .slide-two .ewa-course-preview {
            -webkit-box-orient: horizontal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%;
            max-width: 120rem;
            margin-bottom: 5rem;
            font-size: 1.5rem;
            color: #000
        }

        .landing-page .slide-two .ewa-course-preview, .landing-page .slide-two .ewa-course-preview-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: normal;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .landing-page .slide-two .ewa-course-preview-container {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            margin: 1rem
        }

        .landing-page .slide-two .ewa-course-preview-item {
            width: 19.6rem;
            height: 29.4rem;
            margin: 3rem 0
        }

            .landing-page .slide-two .ewa-course-preview-item.ewa-level-1 {
                background: url(/static/img/ewa-level-1@2x.a747bfb.png) 50% no-repeat;
                background-size: contain
            }

            .landing-page .slide-two .ewa-course-preview-item.ewa-level-2 {
                background: url(/static/img/ewa-level-2@2x.de0c565.png) 50% no-repeat;
                background-size: contain
            }

            .landing-page .slide-two .ewa-course-preview-item.ewa-level-3 {
                background: url(/static/img/ewa-level-3@2x.74f4d4e.png) 50% no-repeat;
                background-size: contain
            }

        .landing-page .slide-two .ewa-course-preview .ewa-description {
            min-height: 7.4rem;
            max-width: 30rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row;
            flex-flow: row;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            color: #979797;
            text-align: center
        }

        .landing-page .slide-two .ewa-course-preview-text.text-level-3 {
            padding: 2.6rem
        }

        .landing-page .slide-two .ewa-course-preview-text-header {
            margin-bottom: 2rem;
            font-size: 2rem;
            font-weight: 700;
            text-align: center
        }

        .landing-page .slide-two .ewa-advantages {
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 120rem;
            margin-top: 8rem
        }

        .landing-page .slide-two .ewa-advantages, .landing-page .slide-two .ewa-advantages-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal
        }

        .landing-page .slide-two .ewa-advantages-item {
            width: 58rem;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            margin: 3rem 1rem
        }

        .landing-page .slide-two .ewa-advantages-item-image {
            width: 13rem;
            height: 13rem;
            margin: 0 3rem
        }

            .landing-page .slide-two .ewa-advantages-item-image.speak {
                background: url(/static/img/speak.6179607.svg) 50% no-repeat;
                background-size: contain
            }

            .landing-page .slide-two .ewa-advantages-item-image.media {
                background: url(/static/img/media@2x.78c29f1.png) 50% no-repeat;
                background-size: contain
            }

            .landing-page .slide-two .ewa-advantages-item-image.brain {
                background: url(/static/img/brain.52c1bb3.png) 50% no-repeat;
                background-size: contain
            }

            .landing-page .slide-two .ewa-advantages-item-image.books {
                background: url(data:image/png;base64,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) 50% no-repeat;
                background-size: contain
            }

        .landing-page .slide-two .ewa-advantages-item-text {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap
        }

        .landing-page .slide-two .ewa-advantages-item-text-header {
            margin-bottom: 20px;
            font-weight: 600;
            font-size: 2rem;
            line-height: normal;
            letter-spacing: normal;
            color: #4d4d4d
        }

        .landing-page .slide-two .ewa-advantages-item-text-description {
            max-width: 38rem;
            color: #a3a3af;
            font-size: 1.6rem
        }

        .landing-page .slide-two .ewa-study {
            -webkit-box-orient: horizontal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            width: 120rem;
            margin-top: 5rem
        }

        .landing-page .slide-two .ewa-study, .landing-page .slide-two .ewa-study-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: normal;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .landing-page .slide-two .ewa-study-item {
            width: 25rem;
            height: 23rem;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-orient: vertical;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            margin: 3rem 1rem
        }

        .landing-page .slide-two .ewa-study-item-image {
            width: 14rem;
            height: 14rem;
            margin: 0 3rem
        }

            .landing-page .slide-two .ewa-study-item-image.speak {
                background: url(/static/img/speak.6179607.svg) 50% no-repeat;
                background-size: contain
            }

            .landing-page .slide-two .ewa-study-item-image.media {
                background: url(/static/img/media.97625a9.svg) 50% no-repeat;
                background-size: contain
            }

            .landing-page .slide-two .ewa-study-item-image.platforms {
                background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQwIiBoZWlnaHQ9IjE0MCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJjIiB4MT0iMjIuODU1JSIgeDI9IjY2LjI5NSUiIHkxPSI5Ni4zODglIiB5Mj0iMTUuNjI2JSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0Y2OTZGRiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0ZGQjBCMCIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJkIiB4MT0iNjguNzI0JSIgeDI9IjIzLjU2NiUiIHkxPSIxMS43JSIgeTI9IjgzLjI4MSUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM2ODdERjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNBNTdGRkYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iZSIgeDE9IjUwJSIgeDI9IjUwJSIgeTE9Ii0yOC41MjUlIiB5Mj0iMTI3LjM1NiUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM2ODdERjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNBNTdGRkYiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iZiIgeDE9Ijk3LjgxOCUiIHgyPSIyLjkyJSIgeTE9IjM2LjkwNyUiIHkyPSI2Mi4xMDMlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNjg3REYxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjQTU3RkZGIi8+PC9saW5lYXJHcmFkaWVudD48ZmlsdGVyIGlkPSJhIiB3aWR0aD0iMTI5LjclIiBoZWlnaHQ9IjEzOC4zJSIgeD0iLTE0LjglIiB5PSItMTMlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxmZU9mZnNldCBkeT0iNCIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd0JsdXJPdXRlcjEiIHN0ZERldmlhdGlvbj0iMy41Ii8+PGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0JsdXJPdXRlcjEiIHZhbHVlcz0iMCAwIDAgMCAwLjgyMjAzOTA5MiAwIDAgMCAwIDAuODM4MjY2NjM3IDAgMCAwIDAgMC44NzA3MjE3MjYgMCAwIDAgMSAwIi8+PC9maWx0ZXI+PHBhdGggaWQ9ImIiIGQ9Ik0xMTYuMDkgNTIuOTQ5Yy0uNTc4LTMuODM3LTMuMTA5LTcuMzEtNi42Mi05LjEyNy43Ni0yLjQ5Ny0uMTA4LTUuNDU3LTIuMzQ3LTcuOTQ2LTMuMDctMy40MS03Ljc4Ni01LjIyNi0xMi4zNS00Ljc5My0uMzYxLTEuOTU2LTEuMzk2LTMuODc2LTIuOTg4LTUuMzU1LTEuOTMyLTEuNzk2LTQuNjE5LTMuMDItNy45ODQtMy42MzctMy45OS0uNzM1LTcuNjc1LS40LTEwLjY2Ni45NjQtLjAyLjAwOC0uMDM2LjAyLS4wNTQuMDI5LTIuNDM4LTIuMTg2LTYuMDQ3LTIuOTQ3LTkuMTQxLTEuODYxLTIuODEzLjk4Ni01LjAyNyAzLjQyNS01LjgxOCA2LjI4Ny00LjYyLS42OTUtOS4wMiAxLjk4LTExLjQ5NyA1LjE3NmExNy42MTUgMTcuNjE1IDAgMDAtMS44NTcgMy4wMDVjLTIuNzA3LS41MDUtNy45ODgtLjA5OC0xMC45MTcgNC44MjMtMi4zMTMgMy44ODYtMi40NjggMTAuNjUtLjMzNyAxNC43NyAyLjUxNSA0Ljg2NiA1Ljk0IDcuNjc2IDkuNzQ5IDguMDQ0LjA5IDMuNTE1IDEuNzY0IDYuOTEyIDQuNTQ4IDkuMDkxIDIuNTU5IDIuMDAzIDUuODg4IDIuODQ1IDkuMDYzIDIuMzc2bC0yLjUyNCA5LjY4MmExLjIxMiAxLjIxMiAwIDAwMS44MzQgMS4zMmwxOC4yNC0xMS45NjVjLjY3LjE0OSAxLjM1LjI1MiAyLjA0MS4yNTZoLjA1YzIuNzI0IDAgNS4zNjItMS4yMDkgNy4yNjgtMy4xMzUgMi4wOTIgMS45NzcgNC45OCAzLjEwMiA3Ljg1OSAzLjEwMi45NiAwIDEuOTE5LS4xMjUgMi44NDUtLjM4MyAzLjYwNC0xLjAwNyA2LjU3MS00LjE0IDcuNjEtNy44NzQgMy4zNjQuOTI4IDcuMjA1LjE0NSA5Ljk1Mi0yLjEyIDMuMDU4LTIuNTIgNC42NDQtNi43MzIgNC4wNDEtMTAuNzMiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI3MCIgY3k9IjcwIiByPSI3MCIgZmlsbD0iI0ZGRiIgb3BhY2l0eT0iLjAxIi8+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjYSkiIHhsaW5rOmhyZWY9IiNiIi8+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYiIvPjxwYXRoIGZpbGw9InVybCgjYykiIGQ9Ik0xMTAuNTEzIDYxLjgwOGMtMi40NDUgMi4wMTctNS45OTMgMi41MzEtOC44MjkgMS4yNzhhMS4xOTUgMS4xOTUgMCAwMC0xLjA3Ni4wNTEgMS4yMDQgMS4yMDQgMCAwMC0uNjA4Ljg5MmMtLjQ3MiAzLjQyLTMuMDA1IDYuNDI2LTYuMTYzIDcuMzA4LTIuOTcuODM0LTYuMzU3LS4xMjEtOC41MzctMi4zMDYuMjQ0LS40MDUuNDYyLS44MjUuNjQzLTEuMjY1IDEuNTM4LTMuNzQzLjYwMi04LjM0LTIuMjgtMTEuMTc3LTIuNDc2LTIuNDM3LTYuMjE2LTMuNDE1LTkuNTc4LTIuNjIyLS4zMTMtMi4yOTMtMS40NzctNC40ODMtMy4yMzctNS45NzctMS42My0xLjM4NC0zLjUzNy0yLjE4LTUuNDYzLTIuMzI0IDEuMjQtMi44NjggMS4yMjMtNi4yODYtLjE1NS05LjFhMS4yMDkgMS4yMDkgMCAxMC0yLjE3IDEuMDY5YzEuMzQxIDIuNzQgMS4wMTUgNi4yMi0uODE2IDguNjYxYTEuMjE1IDEuMjE1IDAgMDAtLjA1IDEuMzg1Yy4yNzYuNDI3Ljc4LjYzOSAxLjI4MS41MjYgMS45NTYtLjQzOSA0LjA3NC4xNTkgNS44MSAxLjYzMiAxLjYzIDEuMzg0IDIuNTcyIDMuNTcxIDIuNDU3IDUuNzA5YTEuMjEzIDEuMjEzIDAgMDAxLjY4OSAxLjE3N2MyLjc4LTEuMjA3IDYuMzczLS41NCA4LjUzNyAxLjU5MyAyLjE2NCAyLjEyOSAyLjg5NCA1LjcxNSAxLjczOCA4LjUyNS0xLjE1MSAyLjc5OS00LjE3IDQuODIxLTcuMTkxIDQuODIxaC0uMDM4Yy0zLjAzMS0uMDE2LTYuMDUtMi4wNzYtNy4xNzctNC44OThhMS4yMTUgMS4yMTUgMCAwMC0uNjk1LS42ODMgMS4yMDQgMS4yMDQgMCAwMC0uOTcyLjA1Yy0yLjY2NCAxLjM0Ny01LjkxIDEuNDgtOC42NzQuMzVhMS4yMTMgMS4yMTMgMCAwMC0uOTEyIDIuMjQ1YzMuMDIgMS4yMzEgNi41MDggMS4yNDUgOS41NDguMDcuOTM2IDEuNjcgMi4zNjUgMy4wMzggNC4wMzQgMy45N2wtMTQuMTQ2IDkuMjggMi4yNDEtOC41OTVBMS4yMTIgMS4yMTIgMCAwMDU4LjE2MiA3MmMtMi45MzkgMS4wMDgtNi40MTguNDIyLTguODYyLTEuNDkyLTIuNDQ3LTEuOTE1LTMuODU1LTUuMTU2LTMuNTg5LTguMjU1LjAzLS4zNDgtLjA5LS42OTItLjMzMi0uOTQ0YTEuMjMgMS4yMyAwIDAwLS45My0uMzcxYy00LjQ1Ni4yMzQtNy40MzQtNC4xNS04Ljc4OC02Ljc2OS0xLjczMy0zLjM1Mi0xLjYwNi05LjI2OS4yNjYtMTIuNDE0IDIuMjk2LTMuODU4IDYuMTkxLTMuOTI1IDcuODYxLTMuNzUzLS45NjggMi42OS0xLjQxOCA1LjM4OS0xLjY3NCA3LjUwNmExLjIxMiAxLjIxMiAwIDAwMS4yMDIgMS4zNThjLjYwMyAwIDEuMTIzLS40NSAxLjItMS4wNjUuMzk3LTMuMjggMS4yNDYtOC4wNTMgNC4wMTktMTEuNjMgMi42MDgtMy4zNjQgNi44MDYtNS4wMyAxMC4xOTktNC4wNTRhMS4yMSAxLjIxIDAgMDAxLjUzNC0xLjAyM2MuMjktMi40NjcgMi4xMy00Ljc2NCA0LjQ3LTUuNTg1IDIuMDA2LS43MDEgNC4zOS0uMzIgNi4xNDQuOS0yLjQ0MyAxLjgyOC00LjExNCA0LjQ4LTQuNDM0IDcuMjU3YTEuMjEgMS4yMSAwIDAwMS4wNiAxLjM0MmMuNjc4LjA4NiAxLjI2NC0uNCAxLjM0MS0xLjA2NS4zMTctMi43NCAyLjM5LTUuMzY0IDUuMjg3LTYuNjg0IDMuMjA2LTEuNDYgNi43ODktMS4yMzMgOS4yMjgtLjc4NiAyLjkwNy41MzQgNS4xODggMS41NTQgNi43NzggMy4wMzIgMS44NDYgMS43MTUgMi43MjMgNC4xNjMgMi4yMzMgNi4yMzgtLjExMS40NzUtLjM0NiAxLjEzNS0uODMgMS41NzYtLjM1Ni4zMjctLjg0Ny40OC0xLjIxMi4zODRhMS4yMTIgMS4yMTIgMCAwMC0uNjEgMi4zNDZjLjI3Mi4wNzIuNTU1LjEwNi44NC4xMDYuOTI3IDAgMS44NzYtLjM3IDIuNjE1LTEuMDQ2Ljc0MS0uNjggMS4yOC0xLjY1MiAxLjU1Mi0yLjgxLjA2MS0uMjYyLjA5LS41My4xMjQtLjggMy44NzYtLjQyMyA3Ljg3NSAxLjExMSAxMC40NzIgMy45OTkgMS4yNTIgMS4zOTIgMi4zNTggMy41MyAxLjg2NiA1LjQ1Ni0uODk2LS4yMTUtMS43NjktLjI4OC0yLjYwMy0uMTc4LTEuOTA2LjI1Mi0zLjU1MyAxLjQ1OC00LjE5NiAzLjA3YTEuMjE0IDEuMjE0IDAgMDAuNjczIDEuNTc2IDEuMjE0IDEuMjE0IDAgMDAxLjU3Mi0uNjc1Yy4zMi0uOCAxLjIzMS0xLjQzIDIuMjY4LTEuNTY5Ljk4NS0uMTMyIDIuMTA1LjExMSAzLjMyNC43MTcgMi45MDMgMS40NDYgNC45OTggNC4yODYgNS40NjggNy40MTQuNDc4IDMuMTcyLS43NzMgNi41MDgtMy4xODUgOC40OTgiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNOTQuOCA1My4zNzJjLS44MTItLjAyOC0xLjY4LS42MzgtMi4yMTMtMS41NTEtLjU5Mi0xLjAxNS0uNzg3LTIuNDE3LS40OTctMy41NzRhMS4zNTMgMS4zNTMgMCAxMC0yLjA3NC0xLjQ1MmMtMi43MDIgMS44MzktNi4wOSAyLjA1Ni05LjA3LjU3Ni0zLjUyOC0xLjc1Mi01LjIxOC00LjYxMi00Ljg4Ni04LjI2OC4xNTYtMS43MTYgMS40Ni00Ljc1NiAzLjc2My01LjgzNGExLjM1NiAxLjM1NiAwIDAwLTEuMTQ1LTIuNDU4Yy0zLjQ4NiAxLjYzMi01LjExIDUuOC01LjMxNCA4LjA0NS0uNDM2IDQuNzk3IDEuODMgOC42ODUgNi4zODQgMTAuOTQ3IDMuMDgyIDEuNTMgNi41MSAxLjY1OCA5LjU1Mi40MzEuMTE3IDEuMDUyLjQzOSAyLjA4MS45NSAyLjk1NiAxLjAwNSAxLjcyMiAyLjcxMiAyLjgzIDQuNDU0IDIuODkybC4wNS4wMDFjLjcyNSAwIDEuMzI1LS41NzUgMS4zNS0xLjMwOGExLjM1NCAxLjM1NCAwIDAwLTEuMzAzLTEuNDAzbS00MC43NzIgMi42ODVhMS4yMTMgMS4yMTMgMCAwMC0uMzQ3LTEuNiA4LjIwOSA4LjIwOSAwIDAxLTMuMzkyLTUuODg2IDguMjEyIDguMjEyIDAgMDEyLjI3Mi02LjQwNCAxLjIxMyAxLjIxMyAwIDAwLS4wMi0xLjcxNCAxLjIwOCAxLjIwOCAwIDAwLTEuNzEuMDJjLTIuMTIzIDIuMTc2LTMuMjI3IDUuMjg0LTIuOTUxIDguMzE5LjI0NSAyLjY4OCAxLjU3IDUuMjQgMy41OTcgNy4wMDgtLjg4NyAyLjI4Ni0uNTc1IDUuMDQ0Ljg3IDcuMDI4YTEuMjA5IDEuMjA5IDAgMDAxLjY5LjI2NSAxLjIxNCAxLjIxNCAwIDAwLjI2NC0xLjY5M2MtMS4xMDctMS41Mi0xLjIyLTMuNzE4LS4yNzMtNS4zNDMiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOC4wMiA2Ny4xNjcpIj48cmVjdCB3aWR0aD0iNTUiIGhlaWdodD0iNzYiIHg9IjIyIiB5PSItMTAiIGZpbGw9InVybCgjZCkiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIzIiByeD0iNiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNDkuNSAyOCkiLz48cmVjdCB3aWR0aD0iMTEiIGhlaWdodD0iOTgiIHg9IjQ0IiB5PSIxIiBmaWxsPSJ1cmwoI2UpIiBzdHJva2U9IiNGRkYiIHN0cm9rZS13aWR0aD0iMyIgcng9IjUuNSIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNDkuNSA1MCkiLz48cmVjdCB3aWR0aD0iMzAiIGhlaWdodD0iMyIgeD0iMzUiIHk9IjQ2IiBmaWxsPSIjRkZGIiBvcGFjaXR5PSIuNSIgcng9IjEuNSIvPjxyZWN0IHdpZHRoPSIzIiBoZWlnaHQ9IjMiIHg9IjQ4IiB5PSI2IiBmaWxsPSIjRkZGIiBvcGFjaXR5PSIuNSIgcng9IjEuNSIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNS4wMiA1MC4xNjcpIj48cmVjdCB3aWR0aD0iNzIiIGhlaWdodD0iNDAiIHg9Ii0xNiIgeT0iMTYiIGZpbGw9InVybCgjZikiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIzIiByeD0iNiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMjAgMzYpIi8+PGNpcmNsZSBjeD0iMjAiIGN5PSI2NCIgcj0iMyIgZmlsbD0iI0ZGRiIgb3BhY2l0eT0iLjUiLz48cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMyIgeD0iMTUiIHk9IjUiIGZpbGw9IiNGRkYiIG9wYWNpdHk9Ii41IiByeD0iMS41Ii8+PC9nPjxwYXRoIGZpbGw9IiNGRkQyNDIiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuODI3IiBkPSJNMTE1LjU0IDYwLjEzOGwxMC42OTUgNi4xNjNMOTkuNCA4NS43NjNhMS41MjUgMS41MjUgMCAwMS0xLjgyMS0uMDIyIDEuNTIxIDEuNTIxIDAgMDEtLjI4NC0yLjEzNmwxMi4yODctMTYuMDA3LTExLjYtNi44MTkgMjkuNTQ5LTE3LjAyNWExLjUyNSAxLjUyNSAwIDAxMS44My4yMzRjLjYwMS41OS42MDggMS41NTYuMDE2IDIuMTU1TDExNS41NCA2MC4xMzh6TTU3LjI3NSAyOS40MDNsOC4wNDQtMy40MzItLjQyNiAyMi40OTRhMS41MjQgMS41MjQgMCAwMS0yLjk5My4zNzZsLTMuMzYtMTIuMTc0LTguODgxIDMuNjk4IDIuODQ3LTIyLjk0M2ExLjUyMyAxLjUyMyAwIDAxMy4wMi0uMDMybDEuNzQ5IDEyLjAxM3pNMTEuODI0IDcxLjA3NWwxLjAxNC01Ljc5OSAxMS41ODggNy44NTJhMS41MjIgMS41MjIgMCAwMS0xLjMxNiAyLjcxMWwtNi4zMTYtMi0xLjE4NyA2LjQ2Ni0xMC45OC05LjI1M2ExLjUyMSAxLjUyMSAwIDAxLS40LTEuODAzIDEuNTI1IDEuNTI1IDAgMDEyLjAyMi0uNzQzbDUuNTc1IDIuNTd6Ii8+PC9nPjwvc3ZnPg==) 50% no-repeat;
                background-size: contain
            }

            .landing-page .slide-two .ewa-study-item-image.progress {
                background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDAiIGhlaWdodD0iMTQwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSI1MCUiIHgyPSI1MCUiIHkxPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNDNEI1RkQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MTdFRkEiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjQxLjQxMiUiIHgyPSI2My4wNjIlIiB5MT0iMTA1LjYyMiUiIHkyPSItNS43MzQlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjQjRFOUZGIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN0RBN0ZGIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImMiIHgxPSI0NS42NTMlIiB4Mj0iNTQuMzQ3JSIgeTE9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI0ZGRUI3NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0ZGRDI0MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGNpcmNsZSBjeD0iNzAiIGN5PSI3MCIgcj0iNzAiIGZpbGw9IiNGRkYiIG9wYWNpdHk9Ii4wMSIvPjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0yMyA3N3YxM2E2IDYgMCAwMS02IDZINmE2IDYgMCAwMS02LTZWNzdhNiA2IDAgMDE2LTZoMTFhNiA2IDAgMDE2IDZ6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNyAyMCkiLz48cGF0aCBmaWxsPSJ1cmwoI2IpIiBkPSJNNTIgNTd2MzNhNiA2IDAgMDEtNiA2SDM1YTYgNiAwIDAxLTYtNlY1N2E2IDYgMCAwMTYtNmgxMWE2IDYgMCAwMTYgNnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI3IDIwKSIvPjxwYXRoIGZpbGw9InVybCgjYykiIGQ9Ik04MSAyNHY2NmE2IDYgMCAwMS02IDZINjRhNiA2IDAgMDEtNi02VjI0YTYgNiAwIDAxNi02aDExYTYgNiAwIDAxNiA2eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjcgMjApIi8+PHBhdGggZmlsbD0iI0ZEQUJCRSIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjMuNiIgZD0iTTExNi4yNTggNDkuMjgybC0xLjc5Ni4wMTVhMTc0LjU1NyAxNzQuNTU3IDAgMDAtLjY3My0xMy45M0M5My42NTIgNTguMzA3IDY2Ljk3MiA3My43NDkgMzcuNDYgNzkuNDYzbC0xLjQyLjI3NS0uNTc0LTEuMzI2YTMwNC42NjcgMzA0LjY2NyAwIDAxLTIuMTgtNS4xNjFsLS44NjMtMi4wOTYgMi4yMzctLjM2NmMyNy45NzYtNC41NzYgNTMuNTIyLTE4LjMzMiA3My4xNDEtMzkuMjktMy4yODUuNzY0LTcuMjcyIDEuNTY2LTExLjk2NSAyLjQwOGwtMTUuNzQ0IDIuODI0IDE0LjcyMy02LjI1MmMxMS4xMTItNC43MiAxOS4xOTEtOC43MjQgMjQuMjA3LTExLjk4OGwyLjg3Ny0xLjg3MS0uMDk2IDMuNDNhMTQ5LjUxNCAxNDkuNTE0IDAgMDEtMy43OTcgMjkuNjM4bC0xLjc1LS40MDZ6bTAgMGgtLjAwNGwuMjAxLTEuNzkuMDA4LjAwMi0uMjAxIDEuNzg4aC0uMDA0eiIvPjwvZz48L3N2Zz4=) 50% no-repeat;
                background-size: contain
            }

            .landing-page .slide-two .ewa-study-item-image.audio {
                background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTQwIiBoZWlnaHQ9IjE0MCI+PGRlZnM+PGZpbHRlciBpZD0iYSIgd2lkdGg9IjE1OS4zJSIgaGVpZ2h0PSIxMjcuMSUiIHg9Ii0yOS42JSIgeT0iLTYuOCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PGZlT2Zmc2V0IGR5PSI0IiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIyIi8+PGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0JsdXJPdXRlcjEiIHZhbHVlcz0iMCAwIDAgMCAwLjI2NjY2NjY2NyAwIDAgMCAwIDAuMjYyNzQ1MDk4IDAgMCAwIDAgMC4zNjQ3MDU4ODIgMCAwIDAgMC4wNSAwIi8+PC9maWx0ZXI+PGZpbHRlciBpZD0iYyIgd2lkdGg9IjE1OS4zJSIgaGVpZ2h0PSIxMjcuMSUiIHg9Ii0yOS42JSIgeT0iLTYuOCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PGZlT2Zmc2V0IGR5PSI0IiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIgc3RkRGV2aWF0aW9uPSIyIi8+PGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0JsdXJPdXRlcjEiIHZhbHVlcz0iMCAwIDAgMCAwLjI2NjY2NjY2NyAwIDAgMCAwIDAuMjYyNzQ1MDk4IDAgMCAwIDAgMC4zNjQ3MDU4ODIgMCAwIDAgMC4wNSAwIi8+PC9maWx0ZXI+PGZpbHRlciBpZD0iZSIgd2lkdGg9IjEzMi44JSIgaGVpZ2h0PSIxMTguNCUiIHg9Ii0xNS41JSIgeT0iLTguNyUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PGZlT2Zmc2V0IGR4PSItMSIgZHk9IjQiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dPZmZzZXRPdXRlcjEiLz48ZmVDb2xvck1hdHJpeCBpbj0ic2hhZG93T2Zmc2V0T3V0ZXIxIiByZXN1bHQ9InNoYWRvd01hdHJpeE91dGVyMSIgdmFsdWVzPSIwIDAgMCAwIDAuODM1Mjk0MTE4IDAgMCAwIDAgMC44NjI3NDUwOTggMCAwIDAgMCAwLjg3ODQzMTM3MyAwIDAgMCAwLjcgMCIvPjxmZU1lcmdlPjxmZU1lcmdlTm9kZSBpbj0ic2hhZG93TWF0cml4T3V0ZXIxIi8+PGZlTWVyZ2VOb2RlIGluPSJTb3VyY2VHcmFwaGljIi8+PC9mZU1lcmdlPjwvZmlsdGVyPjxwYXRoIGlkPSJiIiBkPSJNOTkuMTcgODkuMDUyaC0uMjQ2YS45MTcuOTE3IDAgMDEtLjkyNC0uOTFWNTIuMDY4cy0uMDUxLTEwLjI5OCA1LjkyMi0xNS41NEExMi4zNyAxMi4zNyAwIDAxMTEyLjYzNSAzM2M1LjI0NSAwIDkuMTY1IDIuMDEgMTEuNzU4IDYuMDMyYTMuNzkgMy43OSAwIDAxLjYwNyAyLjA1NXY3LjI2OGMwIC43MjgtLjIxIDEuNDQtLjYwNyAyLjA1NS0yLjU5MyA0LjAyMS02LjUxMyA2LjAzMi0xMS43NTggNi4wMzJhMTAuNDcgMTAuNDcgMCAwMS01LjE5LTEuMzU0djMzLjAzNGMwIC41MTQtLjQyMy45My0uOTQ1LjkzaC0uMzE1djEuNTg0YzAgLjc1LS42MzUgMS4zNjQtMS40MTEgMS4zNjRoLTQuMTk0Yy0uNzc2IDAtMS40MS0uNjE0LTEuNDEtMS4zNjR2LTEuNTg0em0yMy41OC0zOS4wNjdjLjc0NiAwIDEuMzUtLjcwNSAxLjM1LTEuNTc0di02LjY4NWMwLS44Ny0uNjA0LTEuNTc0LTEuMzUtMS41NzQtLjc0NiAwLTEuMzUuNzA0LTEuMzUgMS41NzR2Ni42ODVjMCAuODcuNjA0IDEuNTc0IDEuMzUgMS41NzR6bS0xOS43NzUtNi4zMjRjLjQwNy4yMS45NDEtLjExNSAxLjA3OC0uNDUxLjg2LTIuMTE2IDEuNjMtMy4wMSAyLjU4Ni00LjA4YTguODUgOC44NSAwIDAxLjkzMy0uOTA1Yy4zNi0uMzAyLjQzNS0uODc1LjE2Ny0xLjI4LS4yNjgtLjQwNi0uNzc3LS40OS0xLjEzNy0uMTg4LTEuODQzIDEuNTQtMy4xMjIgMy40NjMtNC4wMjggNS42OTItLjE4Ny40Ni0uMDA3IDEuMDAyLjQwMSAxLjIxMnptMTMuOTI1IDIuNzQ4Yy45OTQgMCAxLjgtLjggMS44LTEuNzg4IDAtLjk4Ny0uODA2LTEuNzg4LTEuOC0xLjc4OHMtMS44LjgtMS44IDEuNzg4LjgwNiAxLjc4OCAxLjggMS43ODh6Ii8+PHBhdGggaWQ9ImQiIGQ9Ik05Mi44MyA3Mi4wNTJ2MS41ODRjMCAuNzUtLjYzNCAxLjM2NC0xLjQxIDEuMzY0aC00LjE5NGMtLjc3NiAwLTEuNDEtLjYxMy0xLjQxLTEuMzY0di0xLjU4NEg4NS41YS45MzcuOTM3IDAgMDEtLjk0NS0uOTNWMzguMDg4YTEwLjQ3IDEwLjQ3IDAgMDEtNS4xOSAxLjM1NGMtNS4yNDUgMC05LjE2NS0yLjAxLTExLjc1OC02LjAzMkEzLjc5IDMuNzkgMCAwMTY3IDMxLjM1NXYtNy4yNjhjMC0uNzI4LjIxLTEuNDQuNjA3LTIuMDU1QzcwLjIgMTguMDExIDc0LjEyIDE2IDc5LjM2NSAxNmMzLjcwNSAwIDYuNzExIDEuNTYgOC43MTMgMy41MjlDOTQuMDUxIDI0Ljc2OSA5NCAzNS4wNjggOTQgMzUuMDY4djM2LjA3NGMwIC41MDItLjQxNC45MS0uOTI0LjkxaC0uMjQ1ek02OS4yNSAzMi45ODVjLjc0NiAwIDEuMzUtLjcwNSAxLjM1LTEuNTc0di02LjY4NWMwLS44Ny0uNjA0LTEuNTc0LTEuMzUtMS41NzQtLjc0NiAwLTEuMzUuNzA0LTEuMzUgMS41NzR2Ni42ODVjMCAuODcuNjA0IDEuNTc0IDEuMzUgMS41NzR6bTE5Ljc3NS02LjMyNGMuNDA4LS4yMS41ODgtLjc1My40MDEtMS4yMTItLjkwNi0yLjIzLTIuMTg1LTQuMTUyLTQuMDI4LTUuNjkyLS4zNi0uMzAyLS44Ny0uMjE4LTEuMTM3LjE4OC0uMjY4LjQwNS0uMTkzLjk3OC4xNjcgMS4yOC4zMy4yNzYuNjQ1LjU4MS45MzMuOTA2Ljk1NiAxLjA3IDEuNzI2IDEuOTYzIDIuNTg2IDQuMDc5LjEzNy4zMzYuNjcuNjYgMS4wNzguNDV6TTc1LjEgMjkuNDA5Yy45OTQgMCAxLjgtLjggMS44LTEuNzg4IDAtLjk4Ny0uODA2LTEuNzg4LTEuOC0xLjc4OHMtMS44LjgtMS44IDEuNzg4LjgwNiAxLjc4OCAxLjggMS43ODh6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJmIiB4MT0iOTcuODE4JSIgeDI9IjIuOTIlIiB5MT0iMzYuNzM0JSIgeTI9IjYyLjI2MyUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM2ODdERjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNBNTdGRkYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxjaXJjbGUgY3g9IjcwIiBjeT0iNzAiIHI9IjcwIiBmaWxsPSIjRkZGIiBvcGFjaXR5PSIuMDEiLz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMTEuNSA2Mi41KSI+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjYSkiIHhsaW5rOmhyZWY9IiNiIi8+PHVzZSBmaWxsPSIjRkZEMjQyIiB4bGluazpocmVmPSIjYiIvPjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzMCA4MC41IDQ1LjUpIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNjKSIgeGxpbms6aHJlZj0iI2QiLz48dXNlIGZpbGw9IiNGRkQyNDIiIHhsaW5rOmhyZWY9IiNkIi8+PC9nPjxnIGZpbHRlcj0idXJsKCNlKSIgdHJhbnNmb3JtPSJyb3RhdGUoLTIwIDg5LjcwNiAtMTAuODkxKSI+PHBhdGggZmlsbD0idXJsKCNmKSIgc3Ryb2tlPSIjRkZGIiBzdHJva2Utd2lkdGg9IjIuNyIgZD0iTS0xMi42MTIgMjMuMjU0aDg0LjA5NmE5IDkgMCAwMTkgOXYzOS4wOTNhOSA5IDAgMDEtOSA5aC04NC4wOTZhOSA5IDAgMDEtOS05VjMyLjI1NGE5IDkgMCAwMTktOXoiIHRyYW5zZm9ybT0icm90YXRlKDkwIDI5LjQzNiA1MS44KSIvPjxlbGxpcHNlIGN4PSIyOS40MzYiIGN5PSI5MS41NTUiIGZpbGw9IiNGRkYiIG9wYWNpdHk9Ii41IiByeD0iNC4wNzgiIHJ5PSI0LjA2NiIvPjxyZWN0IHdpZHRoPSIxNC41IiBoZWlnaHQ9IjQuNTE4IiB4PSIyMi42MzkiIHk9IjcuOTgiIGZpbGw9IiNGRkYiIG9wYWNpdHk9Ii41IiByeD0iMS4zNSIvPjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgtMjAgMTgwLjYxOCAtNjEuNDE5KSI+PGVsbGlwc2UgY3g9IjE3LjUiIGN5PSIxOC4wNDgiIGZpbGw9IiNBQUE5QzciIGZpbGwtb3BhY2l0eT0iLjUiIHJ4PSIxNy41IiByeT0iMTcuNTUiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTptdWx0aXBseSIvPjxwYXRoIGZpbGw9IiNGRkQyNDIiIGQ9Ik0yNy45OSAyMC4xODZsLTE0LjIwNSA4LjAwNmExLjQyMSAxLjQyMSAwIDAxLTIuMTE4LTEuMjM4VjEwLjk0M2ExLjQyMSAxLjQyMSAwIDAxMi4xMTgtMS4yMzhsMTQuMjA2IDguMDA1YTEuNDIxIDEuNDIxIDAgMDEwIDIuNDc2eiIvPjwvZz48L2c+PC9zdmc+) 50% no-repeat;
                background-size: contain
            }

            .landing-page .slide-two .ewa-study-item-image.difficulty {
                background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDAiIGhlaWdodD0iMTQwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSI1MCUiIHgyPSI1MCUiIHkxPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyMkZBQjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1M0ZGOTMiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjM1LjAwNiUiIHgyPSI2NC45OTQlIiB5MT0iMTAwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjRkZFQjc3Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjRkZEMjQyIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI3MCIgY3k9IjcwIiByPSI3MCIgZmlsbD0iI0ZGRiIgb3BhY2l0eT0iLjAxIi8+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTU2IDk5djExYTYgNiAwIDAxLTYgNkgzOWE2IDYgMCAwMS02LTZWOTlhNiA2IDAgMDE2LTZoMTFhNiA2IDAgMDE2IDZ6Ii8+PHBhdGggZmlsbD0idXJsKCNiKSIgZD0iTTg1IDgwdjMwYTYgNiAwIDAxLTYgNkg2OGE2IDYgMCAwMS02LTZWODBhNiA2IDAgMDE2LTZoMTFhNiA2IDAgMDE2IDZ6Ii8+PHBhdGggZmlsbD0iI0ZGODI2NyIgZD0iTTExNCA0OXY2MWE2IDYgMCAwMS02IDZIOTdhNiA2IDAgMDEtNi02VjQ5YTYgNiAwIDAxNi02aDExYTYgNiAwIDAxNiA2eiIvPjxwYXRoIGZpbGw9IiNENURDRTAiIGQ9Ik0xMDYuNzExIDM2LjEyNGguMDA5YTE3Ni41NzQgMTc2LjU3NCAwIDAwLTQuMjY2LTE3LjgzQzg2LjgzNiA0NS44MzIgNjIuNjkyIDY2Ljc1IDMzLjcxMyA3Ny44NWEzMDIuODY4IDMwMi44NjggMCAwMS0zLjAyNi00LjY3N2MyOS4wMDctMTAuMTUyIDUzLjM5LTMwLjI5IDY5LjMwOC01Ny4yNDItMy41NzMgMS44MzQtOS4xMzMgNC4xMzctMTYuNjggNi45MDkgMTAuMjA1LTYuNjMgMTcuNTQtMTIuMDMxIDIyLjAwNi0xNi4yMDNhMTQ3LjcxNCAxNDcuNzE0IDAgMDExLjM5IDI5LjQ4OHoiLz48L2c+PC9zdmc+) 50% no-repeat;
                background-size: contain
            }

        .landing-page .slide-two .ewa-study-item-text {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            min-height: 7rem
        }

        .landing-page .slide-two .ewa-study-item-text-header {
            margin-bottom: 20px;
            font-weight: 600;
            font-size: 2rem;
            line-height: normal;
            letter-spacing: normal;
            color: #4d4d4d
        }

        .landing-page .slide-two .ewa-study-item-text-description {
            max-width: 38rem;
            color: #a3a3af;
            font-size: 1.6rem;
            text-align: center
        }

        .landing-page .slide-two .ewa-course-screen-container {
            position: relative;
            width: 90rem;
            height: 64.4rem
        }

            .landing-page .slide-two .ewa-course-screen-container .ewa-course-screen {
                width: 100%;
                height: 100%;
                background: url(/static/img/macbook-spanish@2x.35c5ac8.png) 50%/contain no-repeat
            }

                .landing-page .slide-two .ewa-course-screen-container .ewa-course-screen.ewa-course-screen-th {
                    background: url(/static/img/macbook-thai@2x.35bd46b.png) 50%/contain no-repeat
                }

                .landing-page .slide-two .ewa-course-screen-container .ewa-course-screen.ewa-course-screen-tr {
                    background: url(/static/img/macbook-turkish@2x.f05b884.png) 50%/contain no-repeat
                }

                .landing-page .slide-two .ewa-course-screen-container .ewa-course-screen.ewa-course-screen-vi {
                    background: url(/static/img/macbook-vietnamese@2x.7636c5f.png) 50%/contain no-repeat
                }

                .landing-page .slide-two .ewa-course-screen-container .ewa-course-screen.ewa-course-screen-ar {
                    background: url(/static/img/macbook-arab@2x.935d320.png) 50%/contain no-repeat
                }

                .landing-page .slide-two .ewa-course-screen-container .ewa-course-screen.ewa-course-screen-zh {
                    background: url(/static/img/macbook-chinese@2x.67823f9.png) 50%/contain no-repeat
                }

                .landing-page .slide-two .ewa-course-screen-container .ewa-course-screen.ewa-course-screen-de {
                    background: url(/static/img/macbook-deutsch@2x.563daef.png) 50%/contain no-repeat
                }

                .landing-page .slide-two .ewa-course-screen-container .ewa-course-screen.ewa-course-screen-fr {
                    background: url(/static/img/macbook-france@2x.f7d143e.png) 50%/contain no-repeat
                }

                .landing-page .slide-two .ewa-course-screen-container .ewa-course-screen.ewa-course-screen-hi {
                    background: url(/static/img/macbook-hindi@2x.2a0295f.png) 50%/contain no-repeat
                }

                .landing-page .slide-two .ewa-course-screen-container .ewa-course-screen.ewa-course-screen-id {
                    background: url(/static/img/macbook-indonesian@2x.4d19330.png) 50%/contain no-repeat
                }

                .landing-page .slide-two .ewa-course-screen-container .ewa-course-screen.ewa-course-screen-it {
                    background: url(/static/img/macbook-italian@2x.4e7493d.png) 50%/contain no-repeat
                }

                .landing-page .slide-two .ewa-course-screen-container .ewa-course-screen.ewa-course-screen-ja {
                    background: url(/static/img/macbook-japanese@2x.5ed55ef.png) 50%/contain no-repeat
                }

                .landing-page .slide-two .ewa-course-screen-container .ewa-course-screen.ewa-course-screen-ko {
                    background: url(/static/img/macbook-korean@2x.ca82a05.png) 50%/contain no-repeat
                }

                .landing-page .slide-two .ewa-course-screen-container .ewa-course-screen.ewa-course-screen-pt {
                    background: url(/static/img/macbook-portuguese@2x.67440fd.png) 50%/contain no-repeat
                }

                .landing-page .slide-two .ewa-course-screen-container .ewa-course-screen.ewa-course-screen-ru {
                    background: url(/static/img/macbook-russian@2x.25c0f20.png) 50%/contain no-repeat
                }

            .landing-page .slide-two .ewa-course-screen-container .screen-btn {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%)
            }

        .landing-page .slide-two.courses {
            max-width: 120rem;
            width: 100%
        }

            .landing-page .slide-two.courses .ewa-courses-preview {
                width: 100%;
                text-align: left
            }

                .landing-page .slide-two.courses .ewa-courses-preview .ewa-title-container {
                    margin-bottom: 5rem
                }

                    .landing-page .slide-two.courses .ewa-courses-preview .ewa-title-container .ewa-title {
                        max-width: 60rem
                    }

            .landing-page .slide-two.courses .ewa-courses-preview-text {
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                min-height: 15rem;
                height: 100%;
                color: #96a3ac;
                font-size: 2.6rem
            }

            .landing-page .slide-third, .landing-page .slide-two.courses .ewa-courses-preview-text {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-flow: column nowrap;
                flex-flow: column nowrap
            }

    .landing-page .slide-third {
        width: 100%;
        max-width: 120rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 3rem 0
    }

        .landing-page .slide-third.travel {
            margin: 0 0 15rem
        }

            .landing-page .slide-third.travel .ewa-online-study-item.compose-phrase {
                position: relative
            }

            .landing-page .slide-third.travel .ewa-online-study-item .compose-phrase-text {
                position: absolute;
                top: 29%;
                right: 9%;
                max-width: 18.2rem;
                width: 100%;
                height: 4.4rem;
                color: #96a3ac;
                font-size: 1.6rem;
                overflow: hidden
            }

            .landing-page .slide-third.travel .ewa-online-study-description.compose-phrase {
                min-height: 17rem
            }

            .landing-page .slide-third.travel .ewa-start {
                margin-top: 2rem;
                margin-right: auto
            }

        .landing-page .slide-third.books .ewa-online-study {
            margin-bottom: 10rem
        }

        .landing-page .slide-third.books .ewa-online-study-container {
            max-height: 70rem
        }

        .landing-page .slide-third.books .ewa-online-study .ewa-start {
            margin-top: 5rem
        }

        .landing-page .slide-third .ewa-title-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            position: relative;
            width: 100%;
            max-height: 22rem
        }

            .landing-page .slide-third .ewa-title-container .ewa-logo-light {
                position: absolute;
                left: -20rem;
                top: -5rem;
                width: 84rem;
                height: 21.7rem;
                margin: 1rem;
                background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4NDAiIGhlaWdodD0iMjE3Ij48cGF0aCBmaWxsPSIjOTE3RkZCIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03NDMuNDAzIDEyNC4zNDNjLjY5NyAxNC45MTIgNC4wMiAyOS4xMzUgNS4zMzkgMzQuMjg1LjExMy40NDktLjUzLjcwMy0uNzk3LjMxMy0yLjI5Ny0zLjMtNy4wMjQtMTEuNjg2LTkuOTc2LTI3Ljk1Ny0uMTExLS42MTctLjg4NS0uODktMS40MDctLjQ5Ni0xMS4wOSA4LjQxNC0yMy4zOTYgMTAuNTM2LTM2Ljg5IDkuMDExLTM5Ljk4MS00LjUxNi00OC40ODgtNDMuNDMtMjYuNjktNzcuNjMxIDI0LjE4OC0zNy45NTQgNzIuMDEtMjcuNTQ4IDc3LjY1Ni05LjA4LTcuMDcgMjEuOTM5LTEwLjEwNSA0MC45MjMtNy4yMzUgNzEuNTU1TTQzLjMxNCAxMDAuMjExYy0uNjE0LS4yMDQtLjc1Mi0xLjIzOC45NTYtMS4xOCA2LjEwMy4yMDQgMjUuMzM0IDIuNDYzIDM3LjUyNi4zMjYgNy4wNC0zNi4zNTIgMzcuNzExLTU4LjUwOSA1NS4xMDEtNTAuODIgMTkuNzM3IDguNzI3IDEyLjk5MSA1OS4yNzQtNTUuOTc1IDU2LjIxMy0yMC4wNTItLjMzNC0zNC4yMS0zLjQxOC0zNy42MDgtNC41MzltNzM3LjMzIDI4LjEyMmMyNy41MzItNDYuNjQgMzQuNzMtOTUuNjUzLTQuMjM3LTEwMS4wNTUtNi41MjUtLjkwMy0xMi4zODggMS4yOTYtMTcuNDY3IDUuODUxLTQuNTU1LTEzLjQ3OC0xNC45ODItMjQuMDUtMzQuMTI4LTI4LjY0LTI0LjI5MS01LjgyMi04Ny44NzMtMy4xNjgtMTE5LjAzNiA3OC4yMDItNC42NzMtLjQ1LTkuOS0xLjk1LTE3LjA4Ni02LjY2M0M1OTEuMDk0IDM0LjY3MSA1ODEuNjcuMDAxIDU1OC43MTEuMDAxYy0yMC4xNzMgMC0zMC45MjcgMzkuOS05LjU3MiA2My4yOTItMy4zMTQgNDIuOTUtMjUuNDA0IDg0Ljk4Mi03My4yNjkgODYuODExLTIwLjIwMi43Ny0zOC42NzItMTEuMTMyLTQ4LjQ0Mi0yNC42OTJDNDQ3Ljc4NCA3My4yMSA0NDIuOCAxNi44MzcgNDEwLjc1IDExLjM2NXYtLjQ2M2MtLjg2NiAwLTEuNzEyLjA1Ny0yLjU1LjEzYTMyLjM4OCAzMi4zODggMCAwMC0yLjY3OS0uMTNsLS4wMy41MDVjLTI3LjkgNS4yMzUtMzcuOTYxIDUyLjM3My0yOC43MjggMTAwLjA4OC0xMy45OTggMjAuNjUtMzMuNjQ4IDM2Ljg2NC02MC4xMzMgMzYuODY0LTI4LjgyOCAwLTQzLjk0LTE4LjMxMy00OC45NjYtNDEuMzg2IDAgMC01LjgtMjQuMDMyLTEuMTA1LTQ1LjE0IDAgMCAuODkzLS43ODMuOTY1LjM2NC4zNDcgNS4zMDIuODczIDIyLjg1OCA1LjExNyAzNy40NC4xMS4zOC42MzYuNDUuODUyLjExOEMzMDIuMDk4IDU2LjA3OCAzMDEuNTIuMDAxIDI2NC45NjMuMDAxYy00OC4zMjQgMC00Ni42NzggOTIuNjUtNDMuMjMgMTE4LjM5OGwxLjc3IDcuMzc1Yy0yMy4wMDEgMTcuNDk3LTU0LjQ2IDMwLjYyLTk0LjIyNiAzMC42Mi0yOS45NyAwLTQ1LjAzMi0xMy45NzctNDkuMjE5LTMyLjQzMS0uMDYyLS4yNy4yNDMtLjQ2NS40NzMtLjMwNyA1LjQ2NSAzLjc2IDE4Ljc4NCA0LjU1IDI0Ljc2NiA0LjUxNyA5OS4yMzQtLjU1NyAxMTAuNzU5LTEwNi44MDUgMzguOTQ0LTEyNC45MzVDODEuNzkyLTEyLjUzIDE2LjAxMyAzMC41OCAxLjY1NCAxMDQuNDEzYy0xMC4zNjUgNTMuMyAyOC44NjMgMTEwLjYyNiA5My4zMjcgMTEyLjUzMiA1MC4wNSAxLjQ4IDk5LjE1Ny0yNy4yNCAxMzYuNC02MS4zMTIgMTMuNjA1IDMzLjg4MSAzOS45NjggNjAuMzE0IDgwLjgxMiA2MC4zMTQgMzcuNzI3IDAgNjcuMzIyLTE4LjM3NiA4OC40NTgtNDQuMTE2IDE3LjE2MyAyNS43NCA0Mi41NjMgNDQuMTE2IDc2LjYxMyA0NC4xMTYgNTMuOTUzIDAgOTcuNDA4LTU1Ljc4IDEwNy40MjEtMTA3Ljk3NGEyNTMuNSAyNTMuNSAwIDAwMi42ODctMTcuMjY2IDEwNC45MzQgMTA0LjkzNCAwIDAwMTMuOTk2IDQuOTE3Yy0yMC40NTggNjguNTggMjEuODQ4IDExMi41NzUgNTQuMzUgMTE3LjA4IDI5LjQ4NSA0LjA4NSA2NS4wNzEtMTEuOTY2IDkxLjU0My00MC4yMDIgNy41MiAyMC4xMDkgMjcuMzg4IDQzLjc2MSA0Ny40NTMgNDMuNzU5IDMxLjI5OC0uMDAyIDQ1LjI4Ni0zOC4wMTMgNDUuMjg2LTM4LjAxMy0yNy42MTQgMi41Ni01Ny4wNDctMjQuMzA4LTU5LjM1Ni00OS45MTUiIG9wYWNpdHk9Ii4wNzgiLz48L3N2Zz4=) 50% no-repeat;
                background-size: contain
            }

            .landing-page .slide-third .ewa-title-container .ewa-title {
                width: 100%;
                max-width: 45rem;
                font-size: 5rem;
                font-weight: 700;
                letter-spacing: .1rem;
                color: #4d4d4d;
                margin: 3rem 0;
                line-height: 1
            }

        .landing-page .slide-third .ewa-statistic {
            -webkit-box-orient: horizontal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%;
            max-width: 120rem;
            margin-top: 10rem;
            margin-bottom: 5rem;
            font-size: 2rem;
            color: #000
        }

        .landing-page .slide-third .ewa-statistic, .landing-page .slide-third .ewa-statistic-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: normal;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .landing-page .slide-third .ewa-statistic-container {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            margin: 1rem
        }

        .landing-page .slide-third .ewa-statistic-item {
            width: 15rem;
            height: 15rem;
            margin: 3rem 0
        }

            .landing-page .slide-third .ewa-statistic-item.ewa-users {
                background: url(/static/img/ewa-users@2x.bd173d7.png) 50% no-repeat;
                background-size: contain
            }

            .landing-page .slide-third .ewa-statistic-item.ewa-content {
                background: url(/static/img/clock@2x.ed97853.png) 50% no-repeat;
                background-size: contain
            }

            .landing-page .slide-third .ewa-statistic-item.ewa-mark {
                background: url(/static/img/mark@2x.ccf139e.png) 50% no-repeat;
                background-size: contain
            }

        .landing-page .slide-third .ewa-statistic .ewa-description {
            min-height: 7.4rem;
            max-width: 30rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row;
            flex-flow: row;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            color: #979797;
            text-align: center
        }

        .landing-page .slide-third.courses .ewa-courses-list {
            -webkit-box-orient: vertical;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        .landing-page .slide-third.courses .ewa-courses-list, .landing-page .slide-third.courses .ewa-courses-list-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: normal;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            max-width: 120rem;
            width: 100%
        }

        .landing-page .slide-third.courses .ewa-courses-list-container {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-orient: horizontal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap
        }

        .landing-page .slide-third.courses .ewa-courses-list-item {
            width: 34rem;
            height: 21rem;
            position: relative
        }

            .landing-page .slide-third.courses .ewa-courses-list-item.ewa-beginner-1 {
                background: url(/static/img/courses-card-12.6f01e61.svg) 50% no-repeat;
                background-size: cover
            }

            .landing-page .slide-third.courses .ewa-courses-list-item.ewa-beginner-2 {
                background: url(/static/img/courses-card-11.5f6beea.svg) 50% no-repeat;
                background-size: cover
            }

            .landing-page .slide-third.courses .ewa-courses-list-item.ewa-beginner-3 {
                background: url(/static/img/courses-card-10@2x.4ef9cef.png) 50% no-repeat;
                background-size: cover
            }

            .landing-page .slide-third.courses .ewa-courses-list-item.ewa-medium-1 {
                background: url(/static/img/courses-card-9@2x.a392930.png) 50% no-repeat;
                background-size: cover
            }

            .landing-page .slide-third.courses .ewa-courses-list-item.ewa-medium-2 {
                background: url(/static/img/courses-card-8.491a29b.svg) 50% no-repeat;
                background-size: cover
            }

            .landing-page .slide-third.courses .ewa-courses-list-item.ewa-medium-3 {
                background: url(/static/img/courses-card-7.e5d85c5.svg) 50% no-repeat;
                background-size: cover
            }

            .landing-page .slide-third.courses .ewa-courses-list-item.ewa-advanced-1 {
                background: url(/static/img/courses-card-6.71ce988.svg) 50% no-repeat;
                background-size: cover
            }

            .landing-page .slide-third.courses .ewa-courses-list-item.ewa-advanced-2 {
                background: url(/static/img/courses-card-5.b9cb4bc.svg) 50% no-repeat;
                background-size: cover
            }

            .landing-page .slide-third.courses .ewa-courses-list-item.ewa-advanced-3 {
                background: url(/static/img/courses-card-4.3f2ed54.svg) 50% no-repeat;
                background-size: cover
            }

            .landing-page .slide-third.courses .ewa-courses-list-item.ewa-thematic-1 {
                background: url(/static/img/courses-card-3.1754bf9.svg) 50% no-repeat;
                background-size: cover
            }

            .landing-page .slide-third.courses .ewa-courses-list-item.ewa-thematic-2 {
                background: url(/static/img/courses-card-2.fc8583f.svg) 50% no-repeat;
                background-size: cover
            }

            .landing-page .slide-third.courses .ewa-courses-list-item.ewa-thematic-3 {
                background: url(/static/img/courses-card-1.ebc5d40.svg) 50% no-repeat;
                background-size: cover
            }

            .landing-page .slide-third.courses .ewa-courses-list-item .ewa-courses-title {
                max-width: 30rem;
                height: 6.4rem;
                position: absolute;
                bottom: 9%;
                left: 50%;
                -webkit-transform: translate(-50%,-5%);
                transform: translate(-50%,-5%);
                font-size: 1.8rem;
                font-weight: 700;
                text-align: center
            }

            .landing-page .slide-third.courses .ewa-courses-list-item .ewa-courses-title, .landing-page .slide-third.courses .ewa-courses-list-text {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 100%
            }

        .landing-page .slide-third.courses .ewa-courses-list-text {
            max-width: 120rem;
            margin-top: 7rem;
            margin-bottom: 10rem;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column;
            color: #000
        }

            .landing-page .slide-third.courses .ewa-courses-list-text .ewa-description {
                min-height: 6rem;
                max-width: 78rem;
                width: 100%;
                text-align: center;
                color: #96a3ac;
                font-size: 2rem;
                padding: 1rem;
                margin-bottom: 4rem
            }

        .landing-page .slide-third.courses .ewa-start {
            max-width: 100%;
            width: auto;
            padding: 0 5rem;
            -webkit-box-shadow: 0 10px 30px 0 #d5dce0;
            box-shadow: 0 10px 30px 0 #d5dce0;
            color: #fff;
            font-size: 2rem;
            font-weight: 600;
            text-transform: none;
            line-height: normal;
            letter-spacing: normal
        }

            .landing-page .slide-third.courses .ewa-start .btn-start {
                width: 100%
            }

        .landing-page .slide-third.courses .ewa-title-container {
            margin-bottom: 10rem
        }

            .landing-page .slide-third.courses .ewa-title-container .ewa-title {
                max-width: 100%
            }

        .landing-page .slide-third .ewa-online-study {
            -webkit-box-orient: vertical;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            max-width: 120rem;
            margin-top: 7rem
        }

        .landing-page .slide-third .ewa-online-study, .landing-page .slide-third .ewa-online-study-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-direction: normal;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%
        }

        .landing-page .slide-third .ewa-online-study-container {
            -webkit-box-orient: horizontal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            max-height: 55rem
        }

            .landing-page .slide-third .ewa-online-study-container.ewa-exercises {
                -ms-flex-pack: distribute;
                justify-content: space-around
            }

        .landing-page .slide-third .ewa-online-study-item.compose-phrase {
            background: url(/static/img/compose-phrase.d0ae1d5.png) 50% no-repeat;
            background-size: contain;
            max-width: 48rem;
            width: 100%;
            height: 20rem
        }

        .landing-page .slide-third .ewa-online-study-item.dialog {
            background: url(/static/img/dialog.7068841.svg) 50% no-repeat;
            background-size: contain;
            max-width: 48rem;
            width: 100%;
            height: 30rem
        }

        .landing-page .slide-third .ewa-online-study-item.book-preview {
            background: url(/static/img/book-preview.59a93ef.png) 50% no-repeat;
            background-size: contain;
            max-width: 49.1rem;
            width: 100%;
            height: 38.5rem
        }

        .landing-page .slide-third .ewa-online-study-description {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            max-width: 58rem;
            width: 100%;
            text-align: left;
            font-size: 2rem;
            color: #979797
        }

            .landing-page .slide-third .ewa-online-study-description .list-title {
                text-align: center
            }

            .landing-page .slide-third .ewa-online-study-description .list {
                margin-top: 2rem;
                list-style-type: disc
            }

        .landing-page .slide-third .ewa-start {
            -webkit-box-shadow: 0 10px 30px 0 #d5dce0;
            box-shadow: 0 10px 30px 0 #d5dce0
        }

    .landing-page .slide-fourth {
        max-width: 120rem;
        position: relative;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .landing-page .slide-fourth, .landing-page .slide-fourth .ewa-title-container {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap
        }

            .landing-page .slide-fourth .ewa-title-container {
                margin-top: 7rem
            }

                .landing-page .slide-fourth .ewa-title-container .ewa-title {
                    width: 100%;
                    max-width: 60rem;
                    font-size: 5rem;
                    font-weight: 700;
                    letter-spacing: .1rem;
                    color: #4d4d4d;
                    margin: 3rem 0;
                    line-height: 1
                }

            .landing-page .slide-fourth .ewa-study {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row wrap;
                flex-flow: row wrap;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                width: 100%
            }

                .landing-page .slide-fourth .ewa-study .ewa-study-description {
                    max-width: 52rem;
                    font-size: 2rem;
                    color: #96a3ac
                }

                .landing-page .slide-fourth .available-devices, .landing-page .slide-fourth .ewa-study .ewa-study-description {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

            .landing-page .slide-fourth .available-devices {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                width: 100%;
                height: 55rem;
                margin-bottom: 5rem
            }

                .landing-page .slide-fourth .available-devices .available-ipad, .landing-page .slide-fourth .available-devices .available-iphone {
                    background-size: contain;
                    width: 100%;
                    height: 100%
                }

                .landing-page .slide-fourth .available-devices .available-ipad {
                    background: url(/static/img/ipad-spain@2x.a4b7abe.png) 50%/contain no-repeat
                }

                    .landing-page .slide-fourth .available-devices .available-ipad.available-ipad-ar {
                        background: url(/static/img/ipad-arab@2x.48b376d.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-ipad.available-ipad-zh {
                        background: url(/static/img/ipad-chinese@2x.58fc8e4.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-ipad.available-ipad-de {
                        background: url(/static/img/ipad-deutsch@2x.57c8709.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-ipad.available-ipad-fr {
                        background: url(/static/img/ipad-france@2x.6c2b93c.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-ipad.available-ipad-hi {
                        background: url(/static/img/ipad-hindi@2x.997daea.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-ipad.available-ipad-id {
                        background: url(/static/img/ipad-indonesian@2x.8f78b2f.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-ipad.available-ipad-it {
                        background: url(/static/img/ipad-italian@2x.64ba8e8.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-ipad.available-ipad-ja {
                        background: url(/static/img/ipad-japanese@2x.0fe1497.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-ipad.available-ipad-ko {
                        background: url(/static/img/ipad-korean@2x.ce83e71.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-ipad.available-ipad-pt {
                        background: url(/static/img/ipad-portuguese@2x.91721ca.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-ipad.available-ipad-ru {
                        background: url(/static/img/ipad-russian@2x.a72c923.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-ipad.available-ipad-th {
                        background: url(/static/img/ipad-thai@2x.bdc2ab9.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-ipad.available-ipad-tr {
                        background: url(/static/img/ipad-turkish@2x.2fecc55.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-ipad.available-ipad-vi {
                        background: url(/static/img/ipad-vietnamese@2x.f2df6eb.png) 50%/contain no-repeat
                    }

                .landing-page .slide-fourth .available-devices .available-iphone {
                    background: url(/static/img/iphone-spain@2x.de4be27.png) 50%/contain no-repeat
                }

                    .landing-page .slide-fourth .available-devices .available-iphone.available-iphone-ar {
                        background: url(/static/img/iphone-arab@2x.3a58228.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-iphone.available-iphone-zh {
                        background: url(/static/img/iphone-chinese@2x.2daa175.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-iphone.available-iphone-de {
                        background: url(/static/img/iphone-deutsch@2x.1b728f7.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-iphone.available-iphone-fr {
                        background: url(/static/img/iphone-france@2x.f7806d2.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-iphone.available-iphone-hi {
                        background: url(/static/img/iphone-hindi@2x.38c43b2.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-iphone.available-iphone-id {
                        background: url(/static/img/iphone-indonesian@2x.0871b10.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-iphone.available-iphone-it {
                        background: url(/static/img/iphone-italian@2x.e1c430f.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-iphone.available-iphone-ja {
                        background: url(/static/img/iphone-japanese@2x.f2242cb.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-iphone.available-iphone-ko {
                        background: url(/static/img/iphone-korean@2x.7982c22.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-iphone.available-iphone-pt {
                        background: url(/static/img/iphone-portuguese@2x.a2d6051.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-iphone.available-iphone-ru {
                        background: url(/static/img/iphone-russian@2x.ff6494a.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-iphone.available-iphone-th {
                        background: url(/static/img/iphone-thai@2x.9d9b5a2.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-iphone.available-iphone-tr {
                        background: url(/static/img/iphone-turkish@2x.39c1ba5.png) 50%/contain no-repeat
                    }

                    .landing-page .slide-fourth .available-devices .available-iphone.available-iphone-vi {
                        background: url(/static/img/iphone-vietnamese@2x.f02e360.png) 50%/contain no-repeat
                    }

            .landing-page .slide-fourth .ewa-store-side h2 {
                display: none
            }

            .landing-page .slide-fourth .keywords-container {
                position: absolute;
                bottom: 2rem;
                z-index: -1
            }

@media screen and (max-width:1200px) {
    .landing-page .slide-one .ewa-learn-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap
    }

        .landing-page .slide-one .ewa-learn-container .ewa-learn .ewa-title {
            max-width: 120rem
        }

    .landing-page .slide-one.travel .ewa-learn-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

    .landing-page .slide-one.travel .ewa-learn {
        margin-top: 10rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .landing-page .slide-one.travel .ewa-learn .ewa-title {
            margin: 5rem 0 1rem
        }

    .landing-page .slide-one.travel-alt {
        background-position: 55% 100%
    }

    .landing-page .slide-one.locales {
        height: 100%
    }

        .landing-page .slide-one.locales .ewa-title-container {
            margin: 15rem 0 7.5rem
        }

    .landing-page .slide-one .ewa-locales-left, .landing-page .slide-one .ewa-locales-right {
        display: none
    }

    .landing-page .slide-two .ewa-title-container {
        max-width: 30rem;
        margin-top: 2rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .landing-page .slide-two .ewa-course-preview, .landing-page .slide-two .ewa-study {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .landing-page .slide-two .ewa-advantages {
        margin-top: 0
    }

        .landing-page .slide-two .ewa-advantages .ewa-advantages-item {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .landing-page .slide-two .ewa-advantages .ewa-advantages-item-text {
            max-width: 30rem;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            text-align: center
        }

    .landing-page .slide-two.travel {
        margin-bottom: 5rem
    }

        .landing-page .slide-two.travel .ewa-description-extra {
            font-size: 1.6rem
        }

        .landing-page .slide-two.travel .ewa-course-preview-container.ewa-taxi {
            padding-left: 3rem
        }

    .landing-page .slide-two.courses .ewa-courses-preview {
        text-align: center
    }

        .landing-page .slide-two.courses .ewa-courses-preview .ewa-title-container {
            max-width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

    .landing-page .slide-two.courses .ewa-courses-preview-text {
        padding: 1rem;
        font-size: 2rem
    }

        .landing-page .slide-two.courses .ewa-courses-preview-text span {
            margin-bottom: 2rem
        }

    .landing-page .slide-third .ewa-title-container, .landing-page .slide-two.books .ewa-text-description-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .landing-page .slide-third .ewa-title-container .ewa-title {
            padding: 0 1rem;
            text-align: center
        }

        .landing-page .slide-third .ewa-title-container .ewa-logo-light {
            display: none
        }

    .landing-page .slide-third .ewa-online-study {
        margin: 0
    }

    .landing-page .slide-third .ewa-online-study-container.ewa-exercises .ewa-online-study-description {
        padding: 0 2rem
    }

    .landing-page .slide-third .ewa-statistic {
        margin-top: 0
    }

    .landing-page .slide-third.travel {
        margin-bottom: 5rem
    }

        .landing-page .slide-third.travel .ewa-start {
            margin-right: 0;
            margin-top: 2rem
        }

    .landing-page .slide-third.courses .ewa-title-container {
        margin-bottom: 2rem
    }

    .landing-page .slide-third.courses .ewa-courses-list-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .landing-page .slide-third.courses .ewa-courses-list-text {
        max-width: 90%
    }

    .landing-page .slide-third.books .ewa-online-study {
        margin-bottom: 5rem
    }

    .landing-page .slide-fourth .ewa-study, .landing-page .slide-third.books .ewa-online-study-description {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .landing-page .slide-fourth .ewa-study {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

        .landing-page .slide-fourth .ewa-study .ewa-study-description {
            padding: 1rem;
            text-align: center
        }

    .landing-page .slide-fourth .ewa-title-container {
        padding: 0 1rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 0
    }

        .landing-page .slide-fourth .ewa-title-container .ewa-title {
            text-align: center
        }

    .ewa-store {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-height: 20rem
    }

    .ewa-store-buttons {
        margin: 0
    }

    .store-buttons-outter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

        .store-buttons-outter a {
            margin: 1rem
        }
}

@media screen and (max-width:950px) {
    .landing-page .slide-one .ewa-faces {
        display: none
    }

    .landing-page .slide-two .ewa-advantages {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

    .landing-page .slide-third .ewa-statistic {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width:804px) {
    .landing-page .slide-one .ewa-learn-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .landing-page .slide-one .ewa-learn-container .ewa-learn {
            margin-top: 10rem;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .landing-page .slide-one .ewa-learn-container .ewa-learn .ewa-text {
                text-align: center
            }

        .landing-page .slide-one .ewa-learn-container .ewa-header, .landing-page .slide-one .ewa-learn-container .ewa-header-listener, .landing-page .slide-one .ewa-learn-container .ewa-header-wizard, .landing-page .slide-one .ewa-learn-container .ewa-header-yeti {
            margin-top: 2rem;
            height: 29.5rem;
            background-size: contain
        }

        .landing-page .slide-one .ewa-learn-container .ewa-title {
            font-size: 2.5rem;
            margin: 5rem 0 1rem
        }

    .landing-page .slide-two .ewa-title-container .ewa-title {
        font-size: 2rem
    }

    .landing-page .slide-two .ewa-course-preview {
        margin-top: 0
    }

    .landing-page .slide-third .ewa-title-container .ewa-title {
        font-size: 2rem
    }

    .landing-page .slide-third .ewa-online-study {
        margin: 0
    }

    .landing-page .slide-third .ewa-online-study-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        margin-bottom: 2rem
    }

        .landing-page .slide-third .ewa-online-study-container.ewa-exercises .ewa-online-study-description {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            text-align: left
        }

    .landing-page .slide-third .ewa-online-study-item {
        margin: 2rem 0
    }

    .landing-page .slide-third .ewa-online-study-description {
        text-align: center;
        padding: 0 2rem
    }

    .landing-page .slide-fourth .available-devices {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }

        .landing-page .slide-fourth .available-devices .available-ipad, .landing-page .slide-fourth .available-devices .available-iphone {
            height: 30rem
        }

    .landing-page .slide-fourth .ewa-title-container .ewa-title {
        font-size: 2.2rem
    }
}

@media screen and (max-width:540px) {
    .landing-page .slide-one .ewa-learn-container {
        text-align: center
    }

        .landing-page .slide-one .ewa-learn-container .ewa-title {
            margin: 1rem 0 5rem
        }

    .landing-page .slide-third .ewa-statistic {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .landing-page .slide-fourth {
        margin-top: 10rem
    }
}

@media screen and (max-width:450px) {
    .landing-page .slide-one .ewa-learn-container .ewa-learn {
        margin-top: 10rem
    }

    .landing-page .slide-one.travel .ewa-learn {
        margin-top: 5rem
    }

        .landing-page .slide-one.travel .ewa-learn .ewa-text {
            max-width: 40rem
        }

    .landing-page .slide-one.locales {
        height: 100%
    }

        .landing-page .slide-one.locales .ewa-title-container {
            margin: 10rem 0 5rem
        }

    .landing-page .slide-two {
        margin-bottom: 0
    }

        .landing-page .slide-two .ewa-title-container .ewa-title {
            font-size: 2.2rem;
            text-align: center
        }

        .landing-page .slide-two .ewa-study {
            margin-top: 5rem
        }

        .landing-page .slide-two .ewa-study-item {
            margin: 1rem
        }

        .landing-page .slide-two .ewa-course-preview {
            margin-bottom: 0
        }

    .landing-page .slide-third .ewa-title-container .ewa-title {
        font-size: 2.2rem;
        text-align: center
    }

    .landing-page .slide-third.travel .ewa-online-study-item .compose-phrase-text {
        top: 5.5rem;
        right: 4rem;
        width: 12rem;
        font-size: 1.1rem;
        text-align: center;
        padding: 1rem
    }
}

@media screen and (max-width:1380px) {
    .onboarding-layout.v1 .card-container .answers-card .answers .answer-item:hover {
        cursor: pointer;
        color: #44435d !important;
        background: #eeefff !important;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .onboarding-layout.v2 .aside-graphic .background-layer .background-images .left, .onboarding-layout.v2 .aside-graphic .background-layer .background-images .right {
        display: none
    }

    .onboarding-layout.v3 .container-onboarding .questions-card {
        padding: 0
    }

    .onboarding-layout.v3 .container-onboarding .selection-settings .card-container .final-step-info {
        bottom: 1rem;
        max-height: 5rem
    }

    .onboarding-layout.v3 .card-container .answers-card .answers .answer-item:hover {
        cursor: pointer;
        color: #44435d !important;
        background: #fff !important;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .onboarding-layout.v3 .card-container .continue-button-container {
        margin-top: 2rem
    }

    .onboarding-layout.v3 .selection-progress {
        margin: 6rem 0 0
    }

    .onboarding-layout.v3 .onboarding-step .subscription-close.skip-access {
        top: -7rem;
        right: -3rem
    }
}

@media screen and (max-width:868px) {
    .onboarding-layout.v3 .container-onboarding {
        min-height: 60rem
    }

        .onboarding-layout.v3 .container-onboarding .selection-settings .card-container .final-step-info {
            display: none
        }

        .onboarding-layout.v3 .container-onboarding .selection-settings .onboarding-step.feedback .comments .carousel {
            width: 35rem
        }

        .onboarding-layout.v3 .container-onboarding .selection-settings .onboarding-step.feedback .comments .carousel-controls {
            display: none
        }

        .onboarding-layout.v3 .container-onboarding .selection-settings .onboarding-step.feedback .comments .current-comment .comment {
            width: 33rem
        }
}

@media screen and (max-width:460px) {
    .onboarding-layout.v2 .aside-graphic .background-layer .background-images .left, .onboarding-layout.v2 .aside-graphic .background-layer .background-images .right {
        display: none
    }

    .onboarding-layout.v2 .aside-graphic .container-onboarding {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        height: auto
    }

    .onboarding-layout.v2 .aside-graphic .selection-settings {
        height: 100%
    }

    .onboarding-layout.v2 .questions-card {
        height: 7rem
    }

        .onboarding-layout.v2 .questions-card .question-item {
            margin-top: 3rem;
            font-size: 2rem
        }

    .onboarding-layout.v2 .card-container {
        margin-bottom: 0
    }

        .onboarding-layout.v2 .card-container .onboarding-step.introduce .answers-card .answers.age {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column;
            flex-flow: column
        }

            .onboarding-layout.v2 .card-container .onboarding-step.introduce .answers-card .answers.age .answer-item {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-flow: column;
                flex-flow: column;
                margin: .5rem
            }

                .onboarding-layout.v2 .card-container .onboarding-step.introduce .answers-card .answers.age .answer-item .title-answer {
                    max-width: 28rem;
                    width: 100%;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    font-size: 1.6rem
                }

                .onboarding-layout.v2 .card-container .onboarding-step.introduce .answers-card .answers.age .answer-item .text-answer {
                    margin: 1rem 0 0;
                    max-width: 28rem;
                    max-height: 4.8rem;
                    font-size: 1.6rem;
                    border: .1rem solid hsla(0,0%,100%,.8)
                }

                    .onboarding-layout.v2 .card-container .onboarding-step.introduce .answers-card .answers.age .answer-item .text-answer:focus {
                        border-color: #00e3ff;
                        opacity: 1
                    }

        .onboarding-layout.v2 .card-container .onboarding-step.introduce .answers-card .answers.motivation {
            margin-top: 2rem;
            margin-bottom: 3rem
        }

            .onboarding-layout.v2 .card-container .onboarding-step.introduce .answers-card .answers.motivation .answer-item {
                max-width: 28rem;
                max-height: 4.8rem;
                width: 100%;
                margin: .5rem;
                border-color: hsla(0,0%,100%,.6)
            }

                .onboarding-layout.v2 .card-container .onboarding-step.introduce .answers-card .answers.motivation .answer-item:active, .onboarding-layout.v2 .card-container .onboarding-step.introduce .answers-card .answers.motivation .answer-item:hover {
                    border-color: #00e3ff
                }

                .onboarding-layout.v2 .card-container .onboarding-step.introduce .answers-card .answers.motivation .answer-item .text-answer {
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    font-size: 1.25rem
                }

            .onboarding-layout.v2 .card-container .onboarding-step.introduce .answers-card .answers.motivation .motivation-title {
                font-size: 1.4rem;
                margin-bottom: 0;
                opacity: .8
            }

        .onboarding-layout.v2 .card-container .onboarding-step .lang-level .answer-item {
            width: 95%;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 0 1rem;
            padding: 1rem;
            border-color: hsla(0,0%,100%,.6)
        }

            .onboarding-layout.v2 .card-container .onboarding-step .lang-level .answer-item .tng-icon {
                width: 10.4rem;
                height: 7.4rem
            }

                .onboarding-layout.v2 .card-container .onboarding-step .lang-level .answer-item .tng-icon.intermediate-language-level-icon {
                    margin-left: 1rem;
                    width: 9.4rem
                }

            .onboarding-layout.v2 .card-container .onboarding-step .lang-level .answer-item .text-answer {
                min-width: 20rem;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-size: 1.6rem
            }

                .onboarding-layout.v2 .card-container .onboarding-step .lang-level .answer-item .text-answer.intermediate {
                    margin-right: 0
                }

            .onboarding-layout.v2 .card-container .onboarding-step .lang-level .answer-item .level-check {
                width: 2.4rem;
                height: 2.4rem
            }

        .onboarding-layout.v2 .card-container .continue-button-container {
            margin: auto 0 0;
            height: 6rem;
            width: 100vw;
            position: absolute;
            bottom: 1rem
        }

            .onboarding-layout.v2 .card-container .continue-button-container .continue-button {
                border-radius: 0
            }

            .onboarding-layout.v2 .card-container .continue-button-container.skip-btn {
                position: static
            }

    .onboarding-layout.v3 .aside-graphic .container-onboarding {
        min-height: 60rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings {
            height: auto
        }

            .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .card-container {
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                height: 100%
            }

                .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .card-container .final-step-info {
                    display: none
                }

            .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .questions-card {
                min-width: 100%;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

                .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .questions-card .question-item {
                    font-family: Roboto Bold;
                    font-size: 1.6rem;
                    font-weight: 700;
                    max-width: 80%
                }

            .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .onboarding-step.app-access {
                position: relative;
                height: 41rem
            }

                .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .onboarding-step.app-access .app-access-advantages-list {
                    margin: 3rem 0
                }

                    .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .onboarding-step.app-access .app-access-advantages-list li {
                        margin-bottom: 1rem
                    }

                .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .onboarding-step.app-access .app-access-info {
                    padding: .5rem
                }

                    .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .onboarding-step.app-access .app-access-info .info-unsubscribe {
                        width: auto
                    }

            .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .onboarding-step.final {
                margin-top: 0
            }

                .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .onboarding-step.final .final-step-title {
                    top: -5rem;
                    font-size: 1.6rem;
                    text-align: center
                }

                .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .onboarding-step.final .final-step-image {
                    position: absolute
                }

                    .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .onboarding-step.final .final-step-image.clouds {
                        top: 5rem
                    }

                    .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .onboarding-step.final .final-step-image.ewa-bike {
                        top: 25rem
                    }

            .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .onboarding-step.feedback {
                height: 39rem
            }

                .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .onboarding-step.feedback .carousel-wrapper {
                    padding: 0
                }

            .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .onboarding-step .subscription-close.skip-access {
                top: -5rem;
                right: 0
            }

            .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .continue-button-container.final {
                position: absolute;
                bottom: -15rem
            }

            .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .continue-button-container.feedback {
                margin-top: 0
            }

        .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-progress {
            margin: 3rem 0 0
        }

        .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container {
            margin-top: 0
        }

            .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step {
                margin-top: 10rem
            }

                .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step .start-step-description {
                    height: 5rem
                }

                .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step .answer-item:active, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step .answer-item:hover {
                    border-color: inherit
                }

                .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startAudiobooks .start-step-body, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startAudiobooks .start-step-description, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startStatistics .start-step-body, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startStatistics .start-step-description, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startWords .start-step-body, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startWords .start-step-description {
                    text-align: center;
                    padding: 0 1rem
                }

                .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startAudiobooks .start-step-image, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startStatistics .start-step-image, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startWords .start-step-image {
                    width: 32rem;
                    height: 15rem
                }

                .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startAudiobooks .start-step-icons, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startStatistics .start-step-icons, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startWords .start-step-icons {
                    width: 4rem;
                    height: 3.6rem;
                    margin-bottom: 1rem
                }

                .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startStatistics, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startWords {
                    margin-top: 8rem
                }

                    .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startStatistics .start-step-image, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startWords .start-step-image {
                        margin-bottom: 2rem
                    }
}

@media screen and (max-width:460px) and (min-height:600px) {
    .onboarding-layout.v3 .aside-graphic .container-onboarding, .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .card-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .card-container.feedback .continue-button-container {
            position: absolute;
            bottom: -5rem
        }

        .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .card-container.appAccess .continue-button-container {
            position: absolute;
            bottom: 1.5rem
        }

        .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .card-container.final {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

            .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .card-container.final .continue-button-container {
                position: absolute;
                bottom: -10rem
            }

            .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .card-container.final .final-step-image.ewa-bike {
                top: 15rem
            }

        .onboarding-layout.v3 .aside-graphic .container-onboarding .selection-settings .onboarding-step .subscription-close.skip-access {
            top: -9rem;
            right: 0
        }

        .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startAudiobooks .start-step-image, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startStatistics .start-step-image, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startWords .start-step-image {
            width: 32rem;
            height: 20rem
        }

        .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startAudiobooks .start-step-icons, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startStatistics .start-step-icons, .onboarding-layout.v3 .aside-graphic .container-onboarding .start-screens-container .card-container .start-step-container .onboarding-step.startWords .start-step-icons {
            width: 4rem;
            height: 3.6rem;
            margin-bottom: 1rem
        }
}

@media screen and (max-width:330px) {
    .onboarding-layout.v2 .onboarding-step .lang-level .answer-item {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .onboarding-layout.v2 .onboarding-step .lang-level .answer-item .tng-icon {
            width: 8.4rem
        }

            .onboarding-layout.v2 .onboarding-step .lang-level .answer-item .tng-icon.intermediate-language-level-icon {
                margin-left: 0
            }

        .onboarding-layout.v2 .onboarding-step .lang-level .answer-item .text-answer {
            min-width: 14rem
        }
}

@media screen and (orientation:landscape) and (max-width:868px) {
    .onboarding-layout.v3 .container-onboarding .selection-settings {
        height: auto
    }

        .onboarding-layout.v3 .container-onboarding .selection-settings .card-container {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }

        .onboarding-layout.v3 .container-onboarding .selection-settings .questions-card .question-item {
            padding: 1rem
        }

    .onboarding-layout.v3 .onboarding-step .subscription-close.skip-access {
        top: 0;
        right: 0
    }

    .onboarding-layout.v3 .onboarding-step.app-access {
        margin-top: 3rem
    }
}

@media screen and (max-width:500px) {
    .modal .modal-container {
        min-width: 36rem;
        max-height: 100%;
        margin: 1rem 0;
        overflow: scroll
    }

        .modal .modal-container.dropdown {
            width: 100%;
            overflow: visible
        }
}

@media screen and (max-width:450px) {
    .modal.all, .modal.learn, .modal.repeat {
        position: fixed;
        z-index: 3
    }

        .modal.all .modal-container.all, .modal.all .modal-container.learn, .modal.all .modal-container.repeat, .modal.learn .modal-container.all, .modal.learn .modal-container.learn, .modal.learn .modal-container.repeat, .modal.repeat .modal-container.all, .modal.repeat .modal-container.learn, .modal.repeat .modal-container.repeat {
            width: 100%;
            height: 100%;
            margin: 0;
            overflow: unset;
            border-radius: 0
        }
}

@media screen and (orientation:landscape) and (max-width:800px) {
    .modal .modal-container {
        overflow: scroll
    }
}

@media screen and (max-width:780px) {
    .onboarding-layout .auth-container.header-scrolling {
        display: none
    }

    .auth-container {
        top: 0
    }

        .auth-container .ewa-auth {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            position: inherit;
            min-width: 100%;
            height: 6rem;
            padding: 0 3rem;
            background: linear-gradient(359deg,#977ffc,#a57fff);
            font-family: Helvetica;
            text-align: center;
            top: 0
        }

            .auth-container .ewa-auth.onboarding .lang-container, .auth-container .ewa-auth.onboarding .nav-item.profile-item {
                display: none
            }

            .auth-container .ewa-auth.onboarding .navbar-brand {
                margin: auto;
                background: url(data:image/png;base64,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) no-repeat 50%;
                background-size: contain;
                height: 2.2rem
            }

            .auth-container .ewa-auth .navbar-brand {
                background: url('/assets/logol.png') no-repeat 50%;
                background-size: contain;
                margin: auto;
                padding-right: 2rem;
                height: 2.2rem;
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2
            }

            .auth-container .ewa-auth .ewa-auth-button {
                display: inline-block;
                font-size: 1.4rem;
                text-transform: uppercase;
                padding: 1rem .5rem;
                margin: 0 1.5rem 0 0
            }

                .auth-container .ewa-auth .ewa-auth-button.border {
                    border: .1rem solid #fff;
                    border-radius: 2.15rem;
                    margin: 0
                }

                .auth-container .ewa-auth .ewa-auth-button a {
                    color: #fff
                }

            .auth-container .ewa-auth .ewa-auth-buttons {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-flow: row nowrap;
                flex-flow: row nowrap;
                margin-left: auto
            }

            .auth-container .ewa-auth .lang-container {
                -webkit-box-ordinal-group: 2;
                -ms-flex-order: 1;
                order: 1;
                margin-left: 0
            }

                .auth-container .ewa-auth .lang-container .choose-lang {
                    display: none
                }

            .auth-container .ewa-auth .language-select {
                max-width: 5rem
            }

                .auth-container .ewa-auth .language-select .selected {
                    cursor: pointer;
                    width: 3.4rem;
                    height: 3.4rem;
                    margin-right: 12rem;
                    padding: 1rem;
                    border-radius: 6rem;
                    color: #fff;
                    background-color: #7359be;
                    text-transform: uppercase;
                    text-align: center;
                    font-size: 1.4rem
                }

                .auth-container .ewa-auth .language-select .options {
                    top: 7rem;
                    left: -1%;
                    z-index: 2;
                    width: 30rem;
                    height: 49rem;
                    overflow: scroll
                }

                    .auth-container .ewa-auth .language-select .options .option-container {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        width: 50%;
                        padding: 1rem
                    }

                    .auth-container .ewa-auth .language-select .options .option {
                        display: block;
                        padding: 1rem
                    }

            .auth-container .ewa-auth .nav-item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                position: relative;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                height: 3.3rem;
                border-radius: 2rem;
                -webkit-transition: all .3s ease-out;
                transition: all .3s ease-out;
                margin: 0
            }

                .auth-container .ewa-auth .nav-item.active {
                    height: 3.3rem
                }

                .auth-container .ewa-auth .nav-item.purchase {
                    margin-right: 1.5rem
                }

                    .auth-container .ewa-auth .nav-item.purchase.router-link-active {
                        height: 3.3rem
                    }

                    .auth-container .ewa-auth .nav-item.purchase .flag-icon {
                        background-color: #ffe587;
                        position: relative;
                        min-width: 1.2rem;
                        right: 5%;
                        height: 10px;
                        -webkit-transform: rotate(-90deg);
                        transform: rotate(-90deg)
                    }

                        .auth-container .ewa-auth .nav-item.purchase .flag-icon:before {
                            content: "";
                            display: block;
                            position: absolute;
                            top: 100%;
                            border-left: 6px solid #ffe587;
                            border-right: 6px solid #ffe587;
                            border-bottom: 6px solid transparent
                        }

                    .auth-container .ewa-auth .nav-item.purchase .nav-link {
                        color: #ffe587;
                        padding-right: 0;
                        margin-right: 1.5rem
                    }

                .auth-container .ewa-auth .nav-item .nav-link, .auth-container .ewa-auth .nav-item .rating {
                    color: #fff;
                    white-space: nowrap;
                    font-size: 1.4rem;
                    padding: .2rem .5rem;
                    text-transform: uppercase;
                    margin: 0 1rem
                }

                .auth-container .ewa-auth .nav-item.router-link-exact-active {
                    color: #fff;
                    background-color: #946fea;
                    mix-blend-mode: normal;
                    border-radius: 2.15rem
                }

                .auth-container .ewa-auth .nav-item.profile-item {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-flow: nowrap;
                    flex-flow: nowrap;
                    -ms-flex-item-align: center;
                    align-self: center;
                    background: #7359be;
                    height: 3.4rem;
                    width: 3.4rem;
                    color: #fff;
                    margin: 0 1rem;
                    -webkit-box-ordinal-group: 4;
                    -ms-flex-order: 3;
                    order: 3
                }

                    .auth-container .ewa-auth .nav-item.profile-item .substrate {
                        display: block;
                        position: absolute;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        border-radius: 3.35rem;
                        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0xMCAwQzQuNDggMCAwIDQuNDggMCAxMHM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTUuNTIgMCAxMCAwem0wIDNjMS42NiAwIDMgMS4zNCAzIDNzLTEuMzQgMy0zIDMtMy0xLjM0LTMtMyAxLjM0LTMgMy0zem0wIDE0Yy0yLjUgMC00LjcxLTEuMjE5LTYtMy4wNjdDNC4wMyAxMi4wMzggOCAxMSAxMCAxMWMxLjk5IDAgNS45NyAxLjAzOCA2IDIuOTMzQzE0LjcxIDE1Ljc4MSAxMi41IDE3IDEwIDE3eiIgaWQ9ImEiLz48L2RlZnM+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat 50%;
                        cursor: pointer
                    }

                    .auth-container .ewa-auth .nav-item.profile-item a {
                        background-size: 3.1rem;
                        color: #fff;
                        cursor: pointer
                    }

                    .auth-container .ewa-auth .nav-item.profile-item .username {
                        color: #fff;
                        white-space: nowrap;
                        font-size: 1.4rem;
                        margin-left: 7rem
                    }

                    .auth-container .ewa-auth .nav-item.profile-item .user {
                        padding-bottom: 2rem
                    }

                    .auth-container .ewa-auth .nav-item.profile-item .exit {
                        display: block;
                        font-size: 1.2rem;
                        text-align: center;
                        font-weight: bolder;
                        margin-top: 1rem;
                        padding-top: .3rem;
                        border-top: 1px solid #e0e3e5
                    }

                    .auth-container .ewa-auth .nav-item.profile-item .dis-indicator-icon {
                        color: #fff;
                        width: 20px;
                        height: 10px;
                        min-width: 2rem;
                        margin: 0 1rem;
                        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjY1IDJsNS4xMzQgNS4yNjZhMSAxIDAgMDAxLjQzMiAwTDEyLjM1IDJhLjk1NS45NTUgMCAwMDAtMS4zMzMuOTA4LjkwOCAwIDAwLTEuMyAwTDYuNSA1LjMzMyAxLjk1LjY2N2EuOTA4LjkwOCAwIDAwLTEuMyAwQS45NTUuOTU1IDAgMDAuNjUgMnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) no-repeat 0 .2rem
                    }

                    .auth-container .ewa-auth .nav-item.profile-item .selected {
                        overflow: hidden;
                        text-overflow: ellipsis;
                        margin-top: .3rem;
                        margin-left: 3rem;
                        z-index: 2;
                        display: block;
                        height: 2rem;
                        width: 8.4rem
                    }

                    .auth-container .ewa-auth .nav-item.profile-item .options {
                        position: absolute;
                        left: 0;
                        top: 100%;
                        z-index: 2;
                        min-width: 100%;
                        padding: 1rem;
                        text-align: center;
                        background: rgba(0,0,0,.25);
                        border-radius: 1rem
                    }

                    .auth-container .ewa-auth .nav-item.profile-item.hidden {
                        visibility: hidden
                    }

            .auth-container .ewa-auth .ewa-learn-start {
                display: none
            }

            .auth-container .ewa-auth.header-fixed {
                position: fixed;
                top: 0
            }

            .auth-container .ewa-auth .language-select.hidden {
                visibility: hidden
            }

        .auth-container.header-scrolling {
            background-image: none
        }
}

@media screen and (max-width:980px) {
    .course {
        max-width: 58rem;
        /*width: 100%*/
    }
}

@media screen and (max-width:40rem) {
    .courses-menu {
        max-width: 35rem;
        width: 100%;
        margin: 0 auto
    }

    .registration-section {
        max-width: 35rem;
        max-height: 25.6rem;
        margin: 1rem auto;
        padding: 2rem
    }

        .registration-section .registration-text {
            text-align: center
        }

        .registration-section .registration-btn {
            height: 5rem
        }
}

@media screen and (max-width:580px) {
    .default-layout.purchase-page .subscription-container, .onboarding-layout.v2 .subscription-container, .onboarding-layout.v3 .subscription-container {
        margin: 1.5rem 0
    }

        .default-layout.purchase-page .subscription-container .subscription-info, .onboarding-layout.v2 .subscription-container .subscription-info, .onboarding-layout.v3 .subscription-container .subscription-info {
            margin: 3rem 2rem 0
        }

            .default-layout.purchase-page .subscription-container .subscription-info .subscription-item, .onboarding-layout.v2 .subscription-container .subscription-info .subscription-item, .onboarding-layout.v3 .subscription-container .subscription-info .subscription-item {
                min-height: auto;
                font-size: 2rem;
                margin-top: 0
            }

                .default-layout.purchase-page .subscription-container .subscription-info .subscription-item:after, .onboarding-layout.v2 .subscription-container .subscription-info .subscription-item:after, .onboarding-layout.v3 .subscription-container .subscription-info .subscription-item:after {
                    display: none
                }

        .default-layout.purchase-page .subscription-container .subscription-card, .onboarding-layout.v2 .subscription-container .subscription-card, .onboarding-layout.v3 .subscription-container .subscription-card {
            margin: 1.5rem 0 0
        }

            .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item {
                min-width: 30rem;
                width: 100%;
                height: 8rem
            }

                .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item.featured, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item.featured, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item.featured {
                    font-size: 2rem;
                    height: 8rem
                }

                .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item .plan, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item .plan, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item .plan {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: row nowrap;
                    flex-flow: row nowrap;
                    -ms-flex-pack: distribute;
                    justify-content: space-around;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    width: 100%;
                    margin-top: 0;
                    padding: 2rem;
                    font-family: Proxima Nova Rg;
                    font-size: 2rem;
                    font-weight: 700
                }

                    .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item .plan .plan-price, .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item .plan .plan-price-container, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item .plan .plan-price, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item .plan .plan-price-container, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item .plan .plan-price, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item .plan .plan-price-container {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: horizontal;
                        -webkit-box-direction: normal;
                        -ms-flex-flow: row wrap;
                        flex-flow: row wrap;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        line-height: 3rem
                    }

                        .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item .plan .plan-price .plan-header, .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item .plan .subscription-unit, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item .plan .plan-price .plan-header, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item .plan .subscription-unit, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item .plan .plan-price .plan-header, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item .plan .subscription-unit {
                            margin-right: .5rem
                        }

                    .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item .plan .subscription-title, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item .plan .subscription-title, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item .plan .subscription-title {
                        min-width: auto
                    }

                    .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item .plan .subscription-activate, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item .plan .subscription-activate, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item .plan .subscription-activate {
                        height: 4rem;
                        padding: 0
                    }

                        .default-layout.purchase-page .subscription-container .subscription-card .cards .card-item .plan .subscription-activate .activate-text, .onboarding-layout.v2 .subscription-container .subscription-card .cards .card-item .plan .subscription-activate .activate-text, .onboarding-layout.v3 .subscription-container .subscription-card .cards .card-item .plan .subscription-activate .activate-text {
                            font-size: 1.6rem;
                            padding: 1rem
                        }

            .default-layout.purchase-page .subscription-container .subscription-card .subscription-text, .onboarding-layout.v2 .subscription-container .subscription-card .subscription-text, .onboarding-layout.v3 .subscription-container .subscription-card .subscription-text {
                min-width: 24rem;
                max-width: 27rem;
                margin: 1rem auto;
                opacity: .5
            }

        .default-layout.purchase-page .subscription-container .subscription-close.bottom, .onboarding-layout.v2 .subscription-container .subscription-close.bottom, .onboarding-layout.v3 .subscription-container .subscription-close.bottom {
            margin: 0 0 3rem
        }

        .default-layout.purchase-page .subscription-container.payment-v2 .subscription-info, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-info, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-info {
            padding: 0
        }

            .default-layout.purchase-page .subscription-container.payment-v2 .subscription-info .subscription-item, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-info .subscription-item, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-info .subscription-item {
                font-size: 1.6rem
            }

                .default-layout.purchase-page .subscription-container.payment-v2 .subscription-info .subscription-item .text-unsubscribe, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-info .subscription-item .text-unsubscribe, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-info .subscription-item .text-unsubscribe {
                    margin-bottom: 0;
                    font-size: 1.4rem
                }

                .default-layout.purchase-page .subscription-container.payment-v2 .subscription-info .subscription-item p, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-info .subscription-item p, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-info .subscription-item p {
                    margin: 0
                }

        .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap
        }

            .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item {
                width: 90%;
                height: auto;
                padding: 2rem
            }

                .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .plan, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan {
                    max-width: 26rem;
                    margin-top: 0;
                    padding: 0
                }

                    .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .plan-price, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .plan-price, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .plan-price {
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                        -ms-flex-flow: column nowrap;
                        flex-flow: column nowrap
                    }

                        .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .plan-price .subscription-title, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .plan-price .subscription-title, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .plan-price .subscription-title {
                            width: 100%;
                            padding: 1rem 0
                        }

                    .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .plan-price-container .subscription-unit, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .plan-price-container .subscription-unit, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .plan-price-container .subscription-unit {
                        width: 100%
                    }

                    .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .plan-price-container .subscription-title, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .plan-price-container .subscription-title, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .plan-price-container .subscription-title {
                        width: 100%;
                        padding: 1rem 0
                    }

                        .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .plan-price-container .subscription-title .unit-title, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .plan-price-container .subscription-title .unit-title, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .plan-price-container .subscription-title .unit-title {
                            line-height: 2rem
                        }

                    .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .continue-button-container, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .continue-button-container, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .continue-button-container {
                        -ms-flex-item-align: center;
                        align-self: center
                    }

                    .default-layout.purchase-page .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .text-content, .onboarding-layout.v2 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .text-content, .onboarding-layout.v3 .subscription-container.payment-v2 .subscription-card .cards .card-item .plan .text-content {
                        display: none
                    }

        .default-layout.purchase-page .subscription-container.payment-v2 .text-content.extra, .onboarding-layout.v2 .subscription-container.payment-v2 .text-content.extra, .onboarding-layout.v3 .subscription-container.payment-v2 .text-content.extra {
            display: block;
            margin-top: 3rem;
            padding: 0 2rem;
            width: 90%
        }

            .default-layout.purchase-page .subscription-container.payment-v2 .text-content.extra .advantages-list, .onboarding-layout.v2 .subscription-container.payment-v2 .text-content.extra .advantages-list, .onboarding-layout.v3 .subscription-container.payment-v2 .text-content.extra .advantages-list {
                color: #fff;
                list-style: none
            }

                .default-layout.purchase-page .subscription-container.payment-v2 .text-content.extra .advantages-list li, .onboarding-layout.v2 .subscription-container.payment-v2 .text-content.extra .advantages-list li, .onboarding-layout.v3 .subscription-container.payment-v2 .text-content.extra .advantages-list li {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                .default-layout.purchase-page .subscription-container.payment-v2 .text-content.extra .advantages-list .icon-check-white, .onboarding-layout.v2 .subscription-container.payment-v2 .text-content.extra .advantages-list .icon-check-white, .onboarding-layout.v3 .subscription-container.payment-v2 .text-content.extra .advantages-list .icon-check-white {
                    padding: 0 2rem
                }

    .default-layout.purchase-page .content-container ul.content-list, .onboarding-layout.v2 .content-container ul.content-list, .onboarding-layout.v3 .content-container ul.content-list {
        margin-bottom: 0
    }

    .default-layout.purchase-page .content-container .content-list, .onboarding-layout.v2 .content-container .content-list, .onboarding-layout.v3 .content-container .content-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        font-family: Proxima Nova Rg;
        font-size: 1.4rem
    }

        .default-layout.purchase-page .content-container .content-list li, .onboarding-layout.v2 .content-container .content-list li, .onboarding-layout.v3 .content-container .content-list li {
            margin: 0 1rem
        }

    .default-layout.purchase-page .subscription-container .subscription-info {
        margin: 0
    }
}

@media screen and (max-width:780px) {
    .payment-page {
        margin: 8rem auto
    }
}

@media screen and (max-width:1024px) {
    .articles-nav-container, .books-nav-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        padding: 2rem
    }

        .articles-nav-container .articles-navigation, .articles-nav-container .books-navigation, .books-nav-container .articles-navigation, .books-nav-container .books-navigation {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }
}

@media screen and (max-width:460px) {
    .articles-nav-container, .books-nav-container, .search-nav-container {
        padding: 0
    }

        .articles-nav-container .articles-nav-title, .articles-nav-container .books-nav-title, .books-nav-container .articles-nav-title, .books-nav-container .books-nav-title, .search-nav-container .articles-nav-title, .search-nav-container .books-nav-title {
            display: none
        }

        .articles-nav-container .articles-navigation, .articles-nav-container .books-navigation, .articles-nav-container .search-navigation, .books-nav-container .articles-navigation, .books-nav-container .books-navigation, .books-nav-container .search-navigation, .search-nav-container .articles-navigation, .search-nav-container .books-navigation, .search-nav-container .search-navigation {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin: 1rem
        }

            .articles-nav-container .articles-navigation .favourites-item, .articles-nav-container .books-navigation .favourites-item, .articles-nav-container .search-navigation .favourites-item, .books-nav-container .articles-navigation .favourites-item, .books-nav-container .books-navigation .favourites-item, .books-nav-container .search-navigation .favourites-item, .search-nav-container .articles-navigation .favourites-item, .search-nav-container .books-navigation .favourites-item, .search-nav-container .search-navigation .favourites-item {
                color: #000
            }

                .articles-nav-container .articles-navigation .favourites-item.active, .articles-nav-container .books-navigation .favourites-item.active, .articles-nav-container .search-navigation .favourites-item.active, .books-nav-container .articles-navigation .favourites-item.active, .books-nav-container .books-navigation .favourites-item.active, .books-nav-container .search-navigation .favourites-item.active, .search-nav-container .articles-navigation .favourites-item.active, .search-nav-container .books-navigation .favourites-item.active, .search-nav-container .search-navigation .favourites-item.active {
                    color: #5ac8fa
                }

            .articles-nav-container .articles-navigation .articles-navigation-item, .articles-nav-container .articles-navigation .books-navigation-item, .articles-nav-container .articles-navigation .search-navigation-item, .articles-nav-container .books-navigation .articles-navigation-item, .articles-nav-container .books-navigation .books-navigation-item, .articles-nav-container .books-navigation .search-navigation-item, .articles-nav-container .search-navigation .articles-navigation-item, .articles-nav-container .search-navigation .books-navigation-item, .articles-nav-container .search-navigation .search-navigation-item, .books-nav-container .articles-navigation .articles-navigation-item, .books-nav-container .articles-navigation .books-navigation-item, .books-nav-container .articles-navigation .search-navigation-item, .books-nav-container .books-navigation .articles-navigation-item, .books-nav-container .books-navigation .books-navigation-item, .books-nav-container .books-navigation .search-navigation-item, .books-nav-container .search-navigation .articles-navigation-item, .books-nav-container .search-navigation .books-navigation-item, .books-nav-container .search-navigation .search-navigation-item, .search-nav-container .articles-navigation .articles-navigation-item, .search-nav-container .articles-navigation .books-navigation-item, .search-nav-container .articles-navigation .search-navigation-item, .search-nav-container .books-navigation .articles-navigation-item, .search-nav-container .books-navigation .books-navigation-item, .search-nav-container .books-navigation .search-navigation-item, .search-nav-container .search-navigation .articles-navigation-item, .search-nav-container .search-navigation .books-navigation-item, .search-nav-container .search-navigation .search-navigation-item {
                width: 30rem;
                padding: 1rem;
                font-size: 1.6rem;
                color: #b8b3c2
            }

                .articles-nav-container .articles-navigation .articles-navigation-item span, .articles-nav-container .articles-navigation .books-navigation-item span, .articles-nav-container .articles-navigation .search-navigation-item span, .articles-nav-container .books-navigation .articles-navigation-item span, .articles-nav-container .books-navigation .books-navigation-item span, .articles-nav-container .books-navigation .search-navigation-item span, .articles-nav-container .search-navigation .articles-navigation-item span, .articles-nav-container .search-navigation .books-navigation-item span, .articles-nav-container .search-navigation .search-navigation-item span, .books-nav-container .articles-navigation .articles-navigation-item span, .books-nav-container .articles-navigation .books-navigation-item span, .books-nav-container .articles-navigation .search-navigation-item span, .books-nav-container .books-navigation .articles-navigation-item span, .books-nav-container .books-navigation .books-navigation-item span, .books-nav-container .books-navigation .search-navigation-item span, .books-nav-container .search-navigation .articles-navigation-item span, .books-nav-container .search-navigation .books-navigation-item span, .books-nav-container .search-navigation .search-navigation-item span, .search-nav-container .articles-navigation .articles-navigation-item span, .search-nav-container .articles-navigation .books-navigation-item span, .search-nav-container .articles-navigation .search-navigation-item span, .search-nav-container .books-navigation .articles-navigation-item span, .search-nav-container .books-navigation .books-navigation-item span, .search-nav-container .books-navigation .search-navigation-item span, .search-nav-container .search-navigation .articles-navigation-item span, .search-nav-container .search-navigation .books-navigation-item span, .search-nav-container .search-navigation .search-navigation-item span {
                    border: none;
                    border-radius: 0;
                    padding-bottom: .5rem;
                    line-height: 2
                }

            .articles-nav-container .articles-navigation .articles-navigation-item-options-row, .articles-nav-container .articles-navigation .books-navigation-item-options-row, .articles-nav-container .articles-navigation .search-navigation-item-options-row, .articles-nav-container .books-navigation .articles-navigation-item-options-row, .articles-nav-container .books-navigation .books-navigation-item-options-row, .articles-nav-container .books-navigation .search-navigation-item-options-row, .articles-nav-container .search-navigation .articles-navigation-item-options-row, .articles-nav-container .search-navigation .books-navigation-item-options-row, .articles-nav-container .search-navigation .search-navigation-item-options-row, .books-nav-container .articles-navigation .articles-navigation-item-options-row, .books-nav-container .articles-navigation .books-navigation-item-options-row, .books-nav-container .articles-navigation .search-navigation-item-options-row, .books-nav-container .books-navigation .articles-navigation-item-options-row, .books-nav-container .books-navigation .books-navigation-item-options-row, .books-nav-container .books-navigation .search-navigation-item-options-row, .books-nav-container .search-navigation .articles-navigation-item-options-row, .books-nav-container .search-navigation .books-navigation-item-options-row, .books-nav-container .search-navigation .search-navigation-item-options-row, .search-nav-container .articles-navigation .articles-navigation-item-options-row, .search-nav-container .articles-navigation .books-navigation-item-options-row, .search-nav-container .articles-navigation .search-navigation-item-options-row, .search-nav-container .books-navigation .articles-navigation-item-options-row, .search-nav-container .books-navigation .books-navigation-item-options-row, .search-nav-container .books-navigation .search-navigation-item-options-row, .search-nav-container .search-navigation .articles-navigation-item-options-row, .search-nav-container .search-navigation .books-navigation-item-options-row, .search-nav-container .search-navigation .search-navigation-item-options-row {
                color: #000
            }

            .articles-nav-container .articles-navigation .articles-navigation-item.active, .articles-nav-container .articles-navigation .articles-navigation-item:hover, .articles-nav-container .articles-navigation .books-navigation-item.active, .articles-nav-container .articles-navigation .books-navigation-item:hover, .articles-nav-container .articles-navigation .search-navigation-item.active, .articles-nav-container .articles-navigation .search-navigation-item:hover, .articles-nav-container .books-navigation .articles-navigation-item.active, .articles-nav-container .books-navigation .articles-navigation-item:hover, .articles-nav-container .books-navigation .books-navigation-item.active, .articles-nav-container .books-navigation .books-navigation-item:hover, .articles-nav-container .books-navigation .search-navigation-item.active, .articles-nav-container .books-navigation .search-navigation-item:hover, .articles-nav-container .search-navigation .articles-navigation-item.active, .articles-nav-container .search-navigation .articles-navigation-item:hover, .articles-nav-container .search-navigation .books-navigation-item.active, .articles-nav-container .search-navigation .books-navigation-item:hover, .articles-nav-container .search-navigation .search-navigation-item.active, .articles-nav-container .search-navigation .search-navigation-item:hover, .books-nav-container .articles-navigation .articles-navigation-item.active, .books-nav-container .articles-navigation .articles-navigation-item:hover, .books-nav-container .articles-navigation .books-navigation-item.active, .books-nav-container .articles-navigation .books-navigation-item:hover, .books-nav-container .articles-navigation .search-navigation-item.active, .books-nav-container .articles-navigation .search-navigation-item:hover, .books-nav-container .books-navigation .articles-navigation-item.active, .books-nav-container .books-navigation .articles-navigation-item:hover, .books-nav-container .books-navigation .books-navigation-item.active, .books-nav-container .books-navigation .books-navigation-item:hover, .books-nav-container .books-navigation .search-navigation-item.active, .books-nav-container .books-navigation .search-navigation-item:hover, .books-nav-container .search-navigation .articles-navigation-item.active, .books-nav-container .search-navigation .articles-navigation-item:hover, .books-nav-container .search-navigation .books-navigation-item.active, .books-nav-container .search-navigation .books-navigation-item:hover, .books-nav-container .search-navigation .search-navigation-item.active, .books-nav-container .search-navigation .search-navigation-item:hover, .search-nav-container .articles-navigation .articles-navigation-item.active, .search-nav-container .articles-navigation .articles-navigation-item:hover, .search-nav-container .articles-navigation .books-navigation-item.active, .search-nav-container .articles-navigation .books-navigation-item:hover, .search-nav-container .articles-navigation .search-navigation-item.active, .search-nav-container .articles-navigation .search-navigation-item:hover, .search-nav-container .books-navigation .articles-navigation-item.active, .search-nav-container .books-navigation .articles-navigation-item:hover, .search-nav-container .books-navigation .books-navigation-item.active, .search-nav-container .books-navigation .books-navigation-item:hover, .search-nav-container .books-navigation .search-navigation-item.active, .search-nav-container .books-navigation .search-navigation-item:hover, .search-nav-container .search-navigation .articles-navigation-item.active, .search-nav-container .search-navigation .articles-navigation-item:hover, .search-nav-container .search-navigation .books-navigation-item.active, .search-nav-container .search-navigation .books-navigation-item:hover, .search-nav-container .search-navigation .search-navigation-item.active, .search-nav-container .search-navigation .search-navigation-item:hover {
                color: #5ac8fa
            }

                .articles-nav-container .articles-navigation .articles-navigation-item.active .articles-navigation-item-options, .articles-nav-container .articles-navigation .articles-navigation-item.active .books-navigation-item-options, .articles-nav-container .articles-navigation .articles-navigation-item.active .search-navigation-item-options, .articles-nav-container .articles-navigation .articles-navigation-item:hover .articles-navigation-item-options, .articles-nav-container .articles-navigation .articles-navigation-item:hover .books-navigation-item-options, .articles-nav-container .articles-navigation .articles-navigation-item:hover .search-navigation-item-options, .articles-nav-container .articles-navigation .books-navigation-item.active .articles-navigation-item-options, .articles-nav-container .articles-navigation .books-navigation-item.active .books-navigation-item-options, .articles-nav-container .articles-navigation .books-navigation-item.active .search-navigation-item-options, .articles-nav-container .articles-navigation .books-navigation-item:hover .articles-navigation-item-options, .articles-nav-container .articles-navigation .books-navigation-item:hover .books-navigation-item-options, .articles-nav-container .articles-navigation .books-navigation-item:hover .search-navigation-item-options, .articles-nav-container .articles-navigation .search-navigation-item.active .articles-navigation-item-options, .articles-nav-container .articles-navigation .search-navigation-item.active .books-navigation-item-options, .articles-nav-container .articles-navigation .search-navigation-item.active .search-navigation-item-options, .articles-nav-container .articles-navigation .search-navigation-item:hover .articles-navigation-item-options, .articles-nav-container .articles-navigation .search-navigation-item:hover .books-navigation-item-options, .articles-nav-container .articles-navigation .search-navigation-item:hover .search-navigation-item-options, .articles-nav-container .books-navigation .articles-navigation-item.active .articles-navigation-item-options, .articles-nav-container .books-navigation .articles-navigation-item.active .books-navigation-item-options, .articles-nav-container .books-navigation .articles-navigation-item.active .search-navigation-item-options, .articles-nav-container .books-navigation .articles-navigation-item:hover .articles-navigation-item-options, .articles-nav-container .books-navigation .articles-navigation-item:hover .books-navigation-item-options, .articles-nav-container .books-navigation .articles-navigation-item:hover .search-navigation-item-options, .articles-nav-container .books-navigation .books-navigation-item.active .articles-navigation-item-options, .articles-nav-container .books-navigation .books-navigation-item.active .books-navigation-item-options, .articles-nav-container .books-navigation .books-navigation-item.active .search-navigation-item-options, .articles-nav-container .books-navigation .books-navigation-item:hover .articles-navigation-item-options, .articles-nav-container .books-navigation .books-navigation-item:hover .books-navigation-item-options, .articles-nav-container .books-navigation .books-navigation-item:hover .search-navigation-item-options, .articles-nav-container .books-navigation .search-navigation-item.active .articles-navigation-item-options, .articles-nav-container .books-navigation .search-navigation-item.active .books-navigation-item-options, .articles-nav-container .books-navigation .search-navigation-item.active .search-navigation-item-options, .articles-nav-container .books-navigation .search-navigation-item:hover .articles-navigation-item-options, .articles-nav-container .books-navigation .search-navigation-item:hover .books-navigation-item-options, .articles-nav-container .books-navigation .search-navigation-item:hover .search-navigation-item-options, .articles-nav-container .search-navigation .articles-navigation-item.active .articles-navigation-item-options, .articles-nav-container .search-navigation .articles-navigation-item.active .books-navigation-item-options, .articles-nav-container .search-navigation .articles-navigation-item.active .search-navigation-item-options, .articles-nav-container .search-navigation .articles-navigation-item:hover .articles-navigation-item-options, .articles-nav-container .search-navigation .articles-navigation-item:hover .books-navigation-item-options, .articles-nav-container .search-navigation .articles-navigation-item:hover .search-navigation-item-options, .articles-nav-container .search-navigation .books-navigation-item.active .articles-navigation-item-options, .articles-nav-container .search-navigation .books-navigation-item.active .books-navigation-item-options, .articles-nav-container .search-navigation .books-navigation-item.active .search-navigation-item-options, .articles-nav-container .search-navigation .books-navigation-item:hover .articles-navigation-item-options, .articles-nav-container .search-navigation .books-navigation-item:hover .books-navigation-item-options, .articles-nav-container .search-navigation .books-navigation-item:hover .search-navigation-item-options, .articles-nav-container .search-navigation .search-navigation-item.active .articles-navigation-item-options, .articles-nav-container .search-navigation .search-navigation-item.active .books-navigation-item-options, .articles-nav-container .search-navigation .search-navigation-item.active .search-navigation-item-options, .articles-nav-container .search-navigation .search-navigation-item:hover .articles-navigation-item-options, .articles-nav-container .search-navigation .search-navigation-item:hover .books-navigation-item-options, .articles-nav-container .search-navigation .search-navigation-item:hover .search-navigation-item-options, .books-nav-container .articles-navigation .articles-navigation-item.active .articles-navigation-item-options, .books-nav-container .articles-navigation .articles-navigation-item.active .books-navigation-item-options, .books-nav-container .articles-navigation .articles-navigation-item.active .search-navigation-item-options, .books-nav-container .articles-navigation .articles-navigation-item:hover .articles-navigation-item-options, .books-nav-container .articles-navigation .articles-navigation-item:hover .books-navigation-item-options, .books-nav-container .articles-navigation .articles-navigation-item:hover .search-navigation-item-options, .books-nav-container .articles-navigation .books-navigation-item.active .articles-navigation-item-options, .books-nav-container .articles-navigation .books-navigation-item.active .books-navigation-item-options, .books-nav-container .articles-navigation .books-navigation-item.active .search-navigation-item-options, .books-nav-container .articles-navigation .books-navigation-item:hover .articles-navigation-item-options, .books-nav-container .articles-navigation .books-navigation-item:hover .books-navigation-item-options, .books-nav-container .articles-navigation .books-navigation-item:hover .search-navigation-item-options, .books-nav-container .articles-navigation .search-navigation-item.active .articles-navigation-item-options, .books-nav-container .articles-navigation .search-navigation-item.active .books-navigation-item-options, .books-nav-container .articles-navigation .search-navigation-item.active .search-navigation-item-options, .books-nav-container .articles-navigation .search-navigation-item:hover .articles-navigation-item-options, .books-nav-container .articles-navigation .search-navigation-item:hover .books-navigation-item-options, .books-nav-container .articles-navigation .search-navigation-item:hover .search-navigation-item-options, .books-nav-container .books-navigation .articles-navigation-item.active .articles-navigation-item-options, .books-nav-container .books-navigation .articles-navigation-item.active .books-navigation-item-options, .books-nav-container .books-navigation .articles-navigation-item.active .search-navigation-item-options, .books-nav-container .books-navigation .articles-navigation-item:hover .articles-navigation-item-options, .books-nav-container .books-navigation .articles-navigation-item:hover .books-navigation-item-options, .books-nav-container .books-navigation .articles-navigation-item:hover .search-navigation-item-options, .books-nav-container .books-navigation .books-navigation-item.active .articles-navigation-item-options, .books-nav-container .books-navigation .books-navigation-item.active .books-navigation-item-options, .books-nav-container .books-navigation .books-navigation-item.active .search-navigation-item-options, .books-nav-container .books-navigation .books-navigation-item:hover .articles-navigation-item-options, .books-nav-container .books-navigation .books-navigation-item:hover .books-navigation-item-options, .books-nav-container .books-navigation .books-navigation-item:hover .search-navigation-item-options, .books-nav-container .books-navigation .search-navigation-item.active .articles-navigation-item-options, .books-nav-container .books-navigation .search-navigation-item.active .books-navigation-item-options, .books-nav-container .books-navigation .search-navigation-item.active .search-navigation-item-options, .books-nav-container .books-navigation .search-navigation-item:hover .articles-navigation-item-options, .books-nav-container .books-navigation .search-navigation-item:hover .books-navigation-item-options, .books-nav-container .books-navigation .search-navigation-item:hover .search-navigation-item-options, .books-nav-container .search-navigation .articles-navigation-item.active .articles-navigation-item-options, .books-nav-container .search-navigation .articles-navigation-item.active .books-navigation-item-options, .books-nav-container .search-navigation .articles-navigation-item.active .search-navigation-item-options, .books-nav-container .search-navigation .articles-navigation-item:hover .articles-navigation-item-options, .books-nav-container .search-navigation .articles-navigation-item:hover .books-navigation-item-options, .books-nav-container .search-navigation .articles-navigation-item:hover .search-navigation-item-options, .books-nav-container .search-navigation .books-navigation-item.active .articles-navigation-item-options, .books-nav-container .search-navigation .books-navigation-item.active .books-navigation-item-options, .books-nav-container .search-navigation .books-navigation-item.active .search-navigation-item-options, .books-nav-container .search-navigation .books-navigation-item:hover .articles-navigation-item-options, .books-nav-container .search-navigation .books-navigation-item:hover .books-navigation-item-options, .books-nav-container .search-navigation .books-navigation-item:hover .search-navigation-item-options, .books-nav-container .search-navigation .search-navigation-item.active .articles-navigation-item-options, .books-nav-container .search-navigation .search-navigation-item.active .books-navigation-item-options, .books-nav-container .search-navigation .search-navigation-item.active .search-navigation-item-options, .books-nav-container .search-navigation .search-navigation-item:hover .articles-navigation-item-options, .books-nav-container .search-navigation .search-navigation-item:hover .books-navigation-item-options, .books-nav-container .search-navigation .search-navigation-item:hover .search-navigation-item-options, .search-nav-container .articles-navigation .articles-navigation-item.active .articles-navigation-item-options, .search-nav-container .articles-navigation .articles-navigation-item.active .books-navigation-item-options, .search-nav-container .articles-navigation .articles-navigation-item.active .search-navigation-item-options, .search-nav-container .articles-navigation .articles-navigation-item:hover .articles-navigation-item-options, .search-nav-container .articles-navigation .articles-navigation-item:hover .books-navigation-item-options, .search-nav-container .articles-navigation .articles-navigation-item:hover .search-navigation-item-options, .search-nav-container .articles-navigation .books-navigation-item.active .articles-navigation-item-options, .search-nav-container .articles-navigation .books-navigation-item.active .books-navigation-item-options, .search-nav-container .articles-navigation .books-navigation-item.active .search-navigation-item-options, .search-nav-container .articles-navigation .books-navigation-item:hover .articles-navigation-item-options, .search-nav-container .articles-navigation .books-navigation-item:hover .books-navigation-item-options, .search-nav-container .articles-navigation .books-navigation-item:hover .search-navigation-item-options, .search-nav-container .articles-navigation .search-navigation-item.active .articles-navigation-item-options, .search-nav-container .articles-navigation .search-navigation-item.active .books-navigation-item-options, .search-nav-container .articles-navigation .search-navigation-item.active .search-navigation-item-options, .search-nav-container .articles-navigation .search-navigation-item:hover .articles-navigation-item-options, .search-nav-container .articles-navigation .search-navigation-item:hover .books-navigation-item-options, .search-nav-container .articles-navigation .search-navigation-item:hover .search-navigation-item-options, .search-nav-container .books-navigation .articles-navigation-item.active .articles-navigation-item-options, .search-nav-container .books-navigation .articles-navigation-item.active .books-navigation-item-options, .search-nav-container .books-navigation .articles-navigation-item.active .search-navigation-item-options, .search-nav-container .books-navigation .articles-navigation-item:hover .articles-navigation-item-options, .search-nav-container .books-navigation .articles-navigation-item:hover .books-navigation-item-options, .search-nav-container .books-navigation .articles-navigation-item:hover .search-navigation-item-options, .search-nav-container .books-navigation .books-navigation-item.active .articles-navigation-item-options, .search-nav-container .books-navigation .books-navigation-item.active .books-navigation-item-options, .search-nav-container .books-navigation .books-navigation-item.active .search-navigation-item-options, .search-nav-container .books-navigation .books-navigation-item:hover .articles-navigation-item-options, .search-nav-container .books-navigation .books-navigation-item:hover .books-navigation-item-options, .search-nav-container .books-navigation .books-navigation-item:hover .search-navigation-item-options, .search-nav-container .books-navigation .search-navigation-item.active .articles-navigation-item-options, .search-nav-container .books-navigation .search-navigation-item.active .books-navigation-item-options, .search-nav-container .books-navigation .search-navigation-item.active .search-navigation-item-options, .search-nav-container .books-navigation .search-navigation-item:hover .articles-navigation-item-options, .search-nav-container .books-navigation .search-navigation-item:hover .books-navigation-item-options, .search-nav-container .books-navigation .search-navigation-item:hover .search-navigation-item-options, .search-nav-container .search-navigation .articles-navigation-item.active .articles-navigation-item-options, .search-nav-container .search-navigation .articles-navigation-item.active .books-navigation-item-options, .search-nav-container .search-navigation .articles-navigation-item.active .search-navigation-item-options, .search-nav-container .search-navigation .articles-navigation-item:hover .articles-navigation-item-options, .search-nav-container .search-navigation .articles-navigation-item:hover .books-navigation-item-options, .search-nav-container .search-navigation .articles-navigation-item:hover .search-navigation-item-options, .search-nav-container .search-navigation .books-navigation-item.active .articles-navigation-item-options, .search-nav-container .search-navigation .books-navigation-item.active .books-navigation-item-options, .search-nav-container .search-navigation .books-navigation-item.active .search-navigation-item-options, .search-nav-container .search-navigation .books-navigation-item:hover .articles-navigation-item-options, .search-nav-container .search-navigation .books-navigation-item:hover .books-navigation-item-options, .search-nav-container .search-navigation .books-navigation-item:hover .search-navigation-item-options, .search-nav-container .search-navigation .search-navigation-item.active .articles-navigation-item-options, .search-nav-container .search-navigation .search-navigation-item.active .books-navigation-item-options, .search-nav-container .search-navigation .search-navigation-item.active .search-navigation-item-options, .search-nav-container .search-navigation .search-navigation-item:hover .articles-navigation-item-options, .search-nav-container .search-navigation .search-navigation-item:hover .books-navigation-item-options, .search-nav-container .search-navigation .search-navigation-item:hover .search-navigation-item-options {
                    display: none
                }

                .articles-nav-container .articles-navigation .articles-navigation-item.active span, .articles-nav-container .articles-navigation .books-navigation-item.active span, .articles-nav-container .articles-navigation .search-navigation-item.active span, .articles-nav-container .books-navigation .articles-navigation-item.active span, .articles-nav-container .books-navigation .books-navigation-item.active span, .articles-nav-container .books-navigation .search-navigation-item.active span, .articles-nav-container .search-navigation .articles-navigation-item.active span, .articles-nav-container .search-navigation .books-navigation-item.active span, .articles-nav-container .search-navigation .search-navigation-item.active span, .books-nav-container .articles-navigation .articles-navigation-item.active span, .books-nav-container .articles-navigation .books-navigation-item.active span, .books-nav-container .articles-navigation .search-navigation-item.active span, .books-nav-container .books-navigation .articles-navigation-item.active span, .books-nav-container .books-navigation .books-navigation-item.active span, .books-nav-container .books-navigation .search-navigation-item.active span, .books-nav-container .search-navigation .articles-navigation-item.active span, .books-nav-container .search-navigation .books-navigation-item.active span, .books-nav-container .search-navigation .search-navigation-item.active span, .search-nav-container .articles-navigation .articles-navigation-item.active span, .search-nav-container .articles-navigation .books-navigation-item.active span, .search-nav-container .articles-navigation .search-navigation-item.active span, .search-nav-container .books-navigation .articles-navigation-item.active span, .search-nav-container .books-navigation .books-navigation-item.active span, .search-nav-container .books-navigation .search-navigation-item.active span, .search-nav-container .search-navigation .articles-navigation-item.active span, .search-nav-container .search-navigation .books-navigation-item.active span, .search-nav-container .search-navigation .search-navigation-item.active span {
                    border-bottom: .2rem solid #5ac8fa
                }

            .articles-nav-container .articles-navigation .articles-navigation-item, .articles-nav-container .articles-navigation .books-navigation-item, .articles-nav-container .articles-navigation .search-navigation-item, .articles-nav-container .books-navigation .articles-navigation-item, .articles-nav-container .books-navigation .books-navigation-item, .articles-nav-container .books-navigation .search-navigation-item, .articles-nav-container .search-navigation .articles-navigation-item, .articles-nav-container .search-navigation .books-navigation-item, .articles-nav-container .search-navigation .search-navigation-item, .books-nav-container .articles-navigation .articles-navigation-item, .books-nav-container .articles-navigation .books-navigation-item, .books-nav-container .articles-navigation .search-navigation-item, .books-nav-container .books-navigation .articles-navigation-item, .books-nav-container .books-navigation .books-navigation-item, .books-nav-container .books-navigation .search-navigation-item, .books-nav-container .search-navigation .articles-navigation-item, .books-nav-container .search-navigation .books-navigation-item, .books-nav-container .search-navigation .search-navigation-item, .search-nav-container .articles-navigation .articles-navigation-item, .search-nav-container .articles-navigation .books-navigation-item, .search-nav-container .articles-navigation .search-navigation-item, .search-nav-container .books-navigation .articles-navigation-item, .search-nav-container .books-navigation .books-navigation-item, .search-nav-container .books-navigation .search-navigation-item, .search-nav-container .search-navigation .articles-navigation-item, .search-nav-container .search-navigation .books-navigation-item, .search-nav-container .search-navigation .search-navigation-item {
                margin-right: 1rem;
                min-width: 14rem;
                max-width: 14rem
            }

            .articles-nav-container .articles-navigation .search-navigation-item, .articles-nav-container .books-navigation .search-navigation-item, .articles-nav-container .search-navigation .search-navigation-item, .books-nav-container .articles-navigation .search-navigation-item, .books-nav-container .books-navigation .search-navigation-item, .books-nav-container .search-navigation .search-navigation-item, .search-nav-container .articles-navigation .search-navigation-item, .search-nav-container .books-navigation .search-navigation-item, .search-nav-container .search-navigation .search-navigation-item {
                margin-right: 1rem;
                min-width: 12rem;
                max-width: 12rem
            }

    .articles-nav-container, .books-nav-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap
    }
}

@media screen and (max-width:1024px) {
    .articles-page {
        background: #fff;
        border-radius: 2.6rem;
        margin: 1rem;
        padding: 1rem;
        width: 95%
    }

        .articles-page .articles {
            grid-template-columns: 100%;
            border-bottom: .1rem solid #e9e6ee
        }

            .articles-page .articles .article a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                position: relative;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start
            }

                .articles-page .articles .article a .article-poster {
                    position: static;
                    margin: 0 1rem;
                    max-width: 8rem;
                    width: 100%;
                    height: 8rem
                }

                .articles-page .articles .article a .article-info-container {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: reverse;
                    -ms-flex-flow: column-reverse;
                    flex-flow: column-reverse
                }

                    .articles-page .articles .article a .article-info-container .article-status {
                        position: static;
                        max-width: 8.1rem;
                        height: 2rem;
                        background: #ffd500;
                        color: #fff;
                        font-family: Roboto Lt;
                        text-align: center;
                        font-size: 1.2rem
                    }

                    .articles-page .articles .article a .article-info-container .article-info {
                        margin: 1rem 0
                    }

                        .articles-page .articles .article a .article-info-container .article-info .article-title {
                            text-align: left
                        }

            .articles-page .articles .info-section-container {
                min-height: 5rem
            }

        .articles-page .container-btn {
            height: 2rem;
            padding: 2rem 0;
            margin-bottom: 0
        }

    .search-result .articles-page .articles {
        grid-template-columns: 100%
    }

    .search-result .articles-page, .search-result .books-page {
        padding: 0
    }
}

@media screen and (max-width:720px) {
    .section-search {
        margin-top: 8rem
    }
}

@media screen and (max-width:460px) {
    .search-result .section-search .container-catalog-search, .section-search .container-catalog-search {
        max-width: 30rem
    }

    .search-result-wrapper {
        background: #fff;
        border-radius: 2.6rem;
        margin: 0;
        padding: 0 1rem
    }
}

@media screen and (max-width:1024px) {
    .resource-card-rows-item .resource-info {
        min-width: auto
    }

    .resource-card-rows-item .resource-info-actions {
        max-width: 38rem
    }

        .resource-card-rows-item .resource-info-actions, .resource-card-rows-item .resource-info-actions .tng-button.favourites, .resource-card-rows-item .resource-info-actions .tng-button.favourites-active {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }
}

@media screen and (max-width:805px) {
    .resource-card {
        position: static
    }

    .resource-card-head {
        display: none
    }

    .resource-card-rows {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 1rem
    }

    .resource-card-rows-item {
        position: relative;
        width: 35rem;
        padding-top: 2rem
    }

        .resource-card-rows-item:first-child {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-bottom: none
        }

        .resource-card-rows-item .resource-info {
            min-width: auto
        }

        .resource-card-rows-item .resource-info-actions {
            width: auto;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            min-width: 26.7rem;
            height: 5.6rem;
            border: .1rem solid transparent;
            border-radius: 2.8rem;
            overflow: hidden
        }

            .resource-card-rows-item .resource-info-actions .tng-button {
                margin: 0;
                height: 5.6rem;
                padding: 1.5rem 3rem;
                color: #fff;
                text-transform: none;
                text-align: center;
                line-height: 1.5;
                border-radius: 0
            }

                .resource-card-rows-item .resource-info-actions .tng-button.read {
                    min-width: 10.5rem;
                    width: 47%
                }

                    .resource-card-rows-item .resource-info-actions .tng-button.read.rounded {
                        width: 100%;
                        line-height: 1.5
                    }

                .resource-card-rows-item .resource-info-actions .tng-button.listen {
                    min-width: 10.5rem;
                    width: 53%
                }

                .resource-card-rows-item .resource-info-actions .tng-button.favourites, .resource-card-rows-item .resource-info-actions .tng-button.favourites-active {
                    position: absolute;
                    top: 1rem;
                    right: 7rem;
                    width: 4rem;
                    height: 4rem;
                    min-width: 4rem;
                    min-height: 4rem
                }

                    .resource-card-rows-item .resource-info-actions .tng-button.favourites-active .tng-icon.heart, .resource-card-rows-item .resource-info-actions .tng-button.favourites .tng-icon.heart {
                        min-width: 4rem;
                        min-height: 4rem;
                        margin: 0;
                        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIyMCIgY3k9IjIwIiByPSIyMCIgZmlsbD0iI0I4QjNDMiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0yMy4yNzkgMTRjLTEuNjU3LjAwNC0yLjY1NC44MjYtMy4xOTggMS42ODQtLjU1Ny0uODU4LTEuNTc3LTEuNjgtMy4yNzMtMS42ODRDMTQuNTY0IDE0IDEzIDE2LjA2NiAxMyAxNy45MThjMCAxLjczMy45MTcgMi43MzggMi41ODIgNC41NTUgMS41NjggMS43MTYgNC4wOTggNC4zMzggNC4xMjMgNC4zNjZsLjAxNi4wMS4wMDYuMDExYy4wMDQuMDAzLjAxLjAwMy4wMTQuMDA3YS40OC40OCAwIDAwLjE2Ny4wOTguNTI4LjUyOCAwIDAwLjE4LjAzNS41NDguNTQ4IDAgMDAuMTgzLS4wMzVjLjAwNCAwIC4wMS0uMDA0LjAxNC0uMDA0YS41NzYuNTc2IDAgMDAuMTU1LS4wOThsLjAxMy0uMDFjLjAwMyAwIC4wMDMtLjAwNC4wMDYtLjAwNy4wMDUtLjAwNC4wMS0uMDA3LjAxNS0uMDE0YTI2OC44OCAyNjguODggMCAwMDQuMDEzLTQuMzYzQzI2LjEwNyAyMC42NSAyNyAxOS42NDcgMjcgMTcuOTE4IDI3IDE2LjA2NiAyNS40NzIgMTQgMjMuMjc5IDE0eiIvPjwvZz48L3N2Zz4=) no-repeat 50%/contain
                    }

                    .resource-card-rows-item .resource-info-actions .tng-button.favourites-active .text-favourites, .resource-card-rows-item .resource-info-actions .tng-button.favourites .text-favourites {
                        display: none
                    }

                .resource-card-rows-item .resource-info-actions .tng-button.favourites-active {
                    padding: 0
                }

        .resource-card-rows-item .resource-info-origin, .resource-card-rows-item .resource-info-stats {
            margin-bottom: 2.5rem
        }

        .resource-card-rows-item .resource-info-stats-item {
            width: 50%
        }

    .resource-card-rows .resource-poster {
        width: 18rem;
        height: 26.2rem
    }

        .resource-card-rows .resource-poster .text-locked {
            bottom: 1rem;
            left: 5%
        }

    .resource-card-rows .resource-info {
        padding: 1rem 0;
        text-align: center
    }

        .resource-card-rows .resource-info .row {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row;
            flex-flow: row
        }
}

@media screen and (min-width:1024px) {
    .article-reader-content, .book-reader-content {
        max-width: 86rem;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }
}

@media screen and (max-width:1024px) {
    .article-reader-content, .book-reader-content {
        padding: 1rem
    }
}

@media screen and (max-width:540px) {
    .reader {
        background: #fff
    }

        .reader .reader-actions .reader-button {
            padding: .5rem 2rem .5rem 1rem
        }

            .reader .reader-actions .reader-button .tng-icon {
                width: 2rem;
                height: 2rem;
                margin-right: .5rem;
                vertical-align: sub
            }

            .reader .reader-actions .reader-button .icon-label {
                line-height: 1
            }

                .reader .reader-actions .reader-button .icon-label .icon-label-audiobook_stop, .reader .reader-actions .reader-button .icon-label.icon-label-listen {
                    vertical-align: middle
                }

        .reader .scroller {
            max-height: 60vh
        }

    .article-reader-header, .book-reader-header {
        top: 5rem;
        font-size: 2.5rem
    }

    .book-reader-content {
        padding: 1rem
    }

    .article-reader-content {
        max-height: 75vh;
        padding: 0 1rem
    }
}

@media screen and (max-width:385px) {
    .reader .scroller {
        max-height: 56vh
    }
}

@media screen and (max-width:780px) {
    .footer {
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }

        .footer, .footer .footer-nav {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal
        }

            .footer .footer-nav {
                -ms-flex-flow: column nowrap;
                flex-flow: column nowrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin: 0
            }

                .footer .footer-nav .nav-courses, .footer .footer-nav .nav-social, .footer .footer-nav .nav-support {
                    margin: 1rem 0
                }

                    .footer .footer-nav .nav-courses .label, .footer .footer-nav .nav-social .label, .footer .footer-nav .nav-support .label {
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center
                    }

                .footer .footer-nav .nav-social {
                    -ms-flex-item-align: center;
                    align-self: center
                }

            .footer ul {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }
}

@media screen and (max-width:850px) {
    .account-main-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 90%
    }

        .account-main-container .account-content {
            margin: 1rem 0 2rem
        }

        .account-main-container .account-menu {
            max-width: 62rem;
            width: 100%
        }
}

@media screen and (max-width:42rem) {
    .account-main-container .account-content {
        max-width: 35rem;
        min-width: 100%;
        width: 90%;
        height: auto;
        min-height: 50rem
    }

        .account-main-container .account-content .password-section-header, .account-main-container .account-content .purchase-section-header, .account-main-container .account-content .support-section-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            margin-top: 1rem
        }

            .account-main-container .account-content .password-section-header .icon-container, .account-main-container .account-content .purchase-section-header .icon-container, .account-main-container .account-content .support-section-header .icon-container {
                width: auto;
                margin-bottom: 1.5rem
            }

                .account-main-container .account-content .password-section-header .icon-container .tng-icon, .account-main-container .account-content .purchase-section-header .icon-container .tng-icon, .account-main-container .account-content .support-section-header .icon-container .tng-icon {
                    width: 2.4rem;
                    height: 2.4rem;
                    margin-right: 0
                }

                    .account-main-container .account-content .password-section-header .icon-container .tng-icon.icon-currency, .account-main-container .account-content .password-section-header .icon-container .tng-icon.icon-key, .account-main-container .account-content .password-section-header .icon-container .tng-icon.icon-mail, .account-main-container .account-content .purchase-section-header .icon-container .tng-icon.icon-currency, .account-main-container .account-content .purchase-section-header .icon-container .tng-icon.icon-key, .account-main-container .account-content .purchase-section-header .icon-container .tng-icon.icon-mail, .account-main-container .account-content .support-section-header .icon-container .tng-icon.icon-currency, .account-main-container .account-content .support-section-header .icon-container .tng-icon.icon-key, .account-main-container .account-content .support-section-header .icon-container .tng-icon.icon-mail {
                        background-size: contain
                    }

            .account-main-container .account-content .password-section-header .info-container, .account-main-container .account-content .purchase-section-header .info-container, .account-main-container .account-content .support-section-header .info-container {
                margin-top: 0;
                padding-top: 2rem;
                border-top: .1rem solid #e9e6ee
            }

        .account-main-container .account-content .purchase-section-header, .account-main-container .account-content .support-section-header {
            border-bottom: .1rem solid #e9e6ee
        }

        .account-main-container .account-content .text-content {
            width: 100%;
            margin-top: 2rem;
            padding: 0 2rem
        }

            .account-main-container .account-content .text-content .unsubscribed {
                width: 100%
            }

                .account-main-container .account-content .text-content .unsubscribed .purchase-advantages-list {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: column nowrap;
                    flex-flow: column nowrap;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    margin-left: 0
                }

            .account-main-container .account-content .text-content .subscription-data-container .subscription-data .subscription-info-text {
                margin: 2rem auto;
                max-width: 30rem
            }

        .account-main-container .account-content .support-form {
            margin-top: 2rem
        }

            .account-main-container .account-content .support-form form {
                margin-top: 0
            }

        .account-main-container .account-content .change-form form {
            margin: 2rem 0 1rem
        }

        .account-main-container .account-content .notification-container .support-success-img {
            background-size: 50%
        }

        .account-main-container .account-content .form-group.current-password {
            margin-bottom: 1rem
        }

    .account-main-container .account-menu .account-menu-icon-container .account-menu-icon {
        top: -2rem
    }

    .account-main-container .account-menu .account-menu-list {
        min-height: auto
    }

        .account-main-container .account-menu .account-menu-list .nav-item .nav-link {
            font-size: 1.4rem
        }
}

@media screen and (max-width:1080px) {
    .courses-page {
        margin-top: 7rem
    }

        .courses-page .course-list {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 2rem
        }

        .courses-page .course-list-row {
            height: 100%
        }

            .courses-page .course-list-row .course-item {
                padding: 2rem
            }

            .courses-page .course-list-row .course-item-row.description {
                width: 100%
            }

            .courses-page .course-list-row .course-item-title {
                max-width: 18rem
            }

            .courses-page .course-list-row .course-item-image {
                width: 11.5rem;
                height: 8.5rem
            }

            .courses-page .course-list-row .course-item-description {
                margin-top: 2rem
            }

            .courses-page .course-list-row .course-item-progress-bar {
                max-width: 5rem
            }
}

@media screen and (max-width:768px) {
    .courses-page {
        margin-top: 5rem
    }
}

@media screen and (max-width:320px) {
    .courses-page {
        margin-top: 5rem
    }

        .courses-page .course-list-row .course-item-row.progress {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .courses-page .course-list-row .course-item-title {
            max-width: 14rem;
            font-size: 2rem
        }

        .courses-page .course-list-row .course-item-image {
            width: 9.5rem
        }

        .courses-page .course-list-row .course-item .lessons-total {
            max-width: 40%
        }

        .courses-page .course-list-row .course-item-progress-value {
            margin-left: 0;
            margin-top: 2rem
        }
}

@media screen and (max-width:850px) {
    .words-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .words-stats-section {
        max-width: 62rem;
        width: 100%;
        min-height: auto
    }

        .words-stats-section .words-stats .words-stats-period {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row nowrap;
            flex-flow: row nowrap
        }
}

@media screen and (max-width:750px) {
    .words-exercises-section.composePairs .words-exercise .exercise-body .words-list .word .word-meaning, .words-exercises-section.composePairs .words-exercise .exercise-body .words-list .word .word-original {
        width: 20rem;
        font-size: 2rem
    }
}

@media screen and (orientation:landscape) and (max-width:750px) {
    .words-info {
        height: 100%;
        padding: 15rem 0
    }
}

@media screen and (max-width:540px) {
    .words-list-section .words-navigation {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .words-list-section .words-navigation .words-item {
            width: auto;
            margin-right: 2rem
        }
}

@media screen and (max-width:460px) {
    .words-section {
        margin-top: 2rem
    }

        .words-section .words-stats-section {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            margin-top: 22rem
        }

            .words-section .words-stats-section .words-stats .words-stats-period {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-flow: column nowrap;
                flex-flow: column nowrap
            }

        .words-section .words-list-section {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
            min-height: auto;
            margin-bottom: 1rem
        }

            .words-section .words-list-section .buttons-container {
                position: absolute;
                top: 0;
                max-width: 35rem;
                width: 100%;
                height: 19rem;
                margin-top: 8rem;
                background: #fff;
                border: 1px solid #efeff4;
                border-radius: 2.5rem
            }

                .words-section .words-list-section .buttons-container.words-actions {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: column nowrap;
                    flex-flow: column nowrap;
                    -webkit-box-pack: space-evenly;
                    -ms-flex-pack: space-evenly;
                    justify-content: space-evenly
                }

                .words-section .words-list-section .buttons-container .btn-learn, .words-section .words-list-section .buttons-container .btn-repeat {
                    max-width: 26rem
                }

            .words-section .words-list-section .words-list {
                padding: 0
            }

                .words-section .words-list-section .words-list .word {
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: column nowrap;
                    flex-flow: column nowrap;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start
                }

    .words-exercises-section.composeWord {
        height: 100%;
        min-height: 64rem
    }

        .words-exercises-section.composeWord .words-exercise .exercise-title {
            margin: 2rem 0;
            font-size: 2rem;
            font-weight: 700
        }

        .words-exercises-section.composeWord .words-exercise .exercise-body .word-building {
            min-height: 20rem;
            height: 100%;
            padding-bottom: 4rem
        }

            .words-exercises-section.composeWord .words-exercise .exercise-body .word-building .sentence-parts-container .sentence-part-container-left {
                padding: 2rem 4rem 0
            }

                .words-exercises-section.composeWord .words-exercise .exercise-body .word-building .sentence-parts-container .sentence-part-container-left .sentence-part {
                    text-align: center;
                    font-size: 3rem;
                    font-weight: 700
                }

            .words-exercises-section.composeWord .words-exercise .exercise-body .word-building .sentence-parts-container .sentence-part-container-right {
                padding: 0
            }

                .words-exercises-section.composeWord .words-exercise .exercise-body .word-building .sentence-parts-container .sentence-part-container-right .sentence-part {
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-flow: row wrap;
                    flex-flow: row wrap;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    margin: 0;
                    font-size: 3rem;
                    font-weight: 700
                }

                    .words-exercises-section.composeWord .words-exercise .exercise-body .word-building .sentence-parts-container .sentence-part-container-right .sentence-part .word-symbol {
                        width: 4rem;
                        height: .7rem;
                        margin: 5rem .5rem 0;
                        font-size: 3rem
                    }

                        .words-exercises-section.composeWord .words-exercise .exercise-body .word-building .sentence-parts-container .sentence-part-container-right .sentence-part .word-symbol.empty {
                            margin: 5rem .5rem 0;
                            border-bottom: .3rem solid #4ce0ff
                        }

        .words-exercises-section.composeWord .keyboard .keyboard-container .k-board {
            max-width: 35rem
        }

        .words-exercises-section.composeWord .keyboard .keyboard-container .k-board, .words-exercises-section.composeWord .keyboard .keyboard-container .k-board-row {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap
        }

            .words-exercises-section.composeWord .keyboard .keyboard-container .k-board-row .k-board-element {
                margin: 1rem;
                width: 6rem;
                height: 6rem
            }

                .words-exercises-section.composeWord .keyboard .keyboard-container .k-board-row .k-board-element.k-board-symbol {
                    font-size: 3rem
                }

                    .words-exercises-section.composeWord .keyboard .keyboard-container .k-board-row .k-board-element.k-board-symbol.symbol-count {
                        top: -2rem
                    }

    .words-exercises-section.composePairs {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: 100%
    }

        .words-exercises-section.composePairs .exercise-title {
            margin: 2rem 0;
            font-size: 2rem
        }

        .words-exercises-section.composePairs .words-exercise .exercise-body .words-list .word .word-meaning, .words-exercises-section.composePairs .words-exercise .exercise-body .words-list .word .word-original {
            width: 15rem;
            height: 7rem;
            margin: .5rem;
            font-size: 1.6rem
        }

        .words-exercises-section.composePairs .exercise-progress {
            position: absolute;
            bottom: 0
        }

    .word-card.all, .word-card.learn, .word-card.repeat {
        height: auto;
        margin: 4rem 1rem
    }

        .word-card.all .word-meaning, .word-card.learn .word-meaning, .word-card.repeat .word-meaning {
            margin-bottom: 4rem
        }
}

@media screen and (max-width:460px) and (min-height:600px) {
    .words-section .words-list-section .words-navigation {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

        .words-section .words-list-section .words-navigation .words-item {
            width: auto;
            margin-right: 2rem
        }

    .words-section .words-list-section .buttons-container {
        max-width: 39.4rem
    }

    .words-exercises-section.composeWord .words-exercise {
        margin-top: 0
    }

    .words-exercises-section.composeWord .exercise-progress {
        position: absolute;
        bottom: 0
    }

    .words-exercises-section.composePairs .words-exercise {
        margin-top: 0;
        margin-bottom: 12rem
    }

        .words-exercises-section.composePairs .words-exercise .exercise-body .words-list .word .word-meaning, .words-exercises-section.composePairs .words-exercise .exercise-body .words-list .word .word-original {
            width: 17rem;
            height: 8.5rem;
            text-align: center;
            font-size: 1.8rem
        }
}

@media screen and (max-width:1024px) {
    .info-message-wrapper {
        min-height: 15rem
    }

    .info-message-container {
        padding: 1rem 8rem 1rem 2rem;
        min-height: 15rem
    }

        .info-message-container .banner-ewa-icon {
            display: none
        }
}

@media screen and (max-width:768px) {
    .info-message-wrapper {
        z-index: 1;
        top: 5rem
    }
}

@media screen and (max-width:460px) {
    .info-message-container {
        min-height: 16rem;
        padding: 1rem 4rem 1rem 2rem
    }

        .info-message-container .info-message-text {
            font-size: 1.3rem
        }

        .info-message-container .banner-ewa-icon {
            display: none
        }

        .info-message-container .banner-icon-close {
            top: 1rem;
            right: 1rem
        }
}