@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap);
@charset "UTF-8";
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:after,
.container:before {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.a-row {
    margin-left: -15px;
    margin-right: -15px
}

.a-row:after,
.a-row:before {
    content: " ";
    display: table
}

.a-row:after {
    clear: both
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-11 {
        width: 91.66666667%
    }
    .col-sm-10 {
        width: 83.33333333%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-8 {
        width: 66.66666667%
    }
    .col-sm-7 {
        width: 58.33333333%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-5 {
        width: 41.66666667%
    }
    .col-sm-4 {
        width: 33.33333333%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-2 {
        width: 16.66666667%
    }
    .col-sm-1 {
        width: 8.33333333%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-pull-11 {
        right: 91.66666667%
    }
    .col-sm-pull-10 {
        right: 83.33333333%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-8 {
        right: 66.66666667%
    }
    .col-sm-pull-7 {
        right: 58.33333333%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-5 {
        right: 41.66666667%
    }
    .col-sm-pull-4 {
        right: 33.33333333%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-2 {
        right: 16.66666667%
    }
    .col-sm-pull-1 {
        right: 8.33333333%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-push-11 {
        left: 91.66666667%
    }
    .col-sm-push-10 {
        left: 83.33333333%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-8 {
        left: 66.66666667%
    }
    .col-sm-push-7 {
        left: 58.33333333%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-5 {
        left: 41.66666667%
    }
    .col-sm-push-4 {
        left: 33.33333333%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-2 {
        left: 16.66666667%
    }
    .col-sm-push-1 {
        left: 8.33333333%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }
    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-11 {
        width: 91.66666667%
    }
    .col-md-10 {
        width: 83.33333333%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-8 {
        width: 66.66666667%
    }
    .col-md-7 {
        width: 58.33333333%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-5 {
        width: 41.66666667%
    }
    .col-md-4 {
        width: 33.33333333%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-2 {
        width: 16.66666667%
    }
    .col-md-1 {
        width: 8.33333333%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666667%
    }
    .col-md-pull-10 {
        right: 83.33333333%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666667%
    }
    .col-md-pull-7 {
        right: 58.33333333%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666667%
    }
    .col-md-pull-4 {
        right: 33.33333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.66666667%
    }
    .col-md-pull-1 {
        right: 8.33333333%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666667%
    }
    .col-md-push-10 {
        left: 83.33333333%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666667%
    }
    .col-md-push-7 {
        left: 58.33333333%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666667%
    }
    .col-md-push-4 {
        left: 33.33333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.66666667%
    }
    .col-md-push-1 {
        left: 8.33333333%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-11 {
        width: 91.66666667%
    }
    .col-lg-10 {
        width: 83.33333333%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-8 {
        width: 66.66666667%
    }
    .col-lg-7 {
        width: 58.33333333%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-5 {
        width: 41.66666667%
    }
    .col-lg-4 {
        width: 33.33333333%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-2 {
        width: 16.66666667%
    }
    .col-lg-1 {
        width: 8.33333333%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-pull-11 {
        right: 91.66666667%
    }
    .col-lg-pull-10 {
        right: 83.33333333%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-8 {
        right: 66.66666667%
    }
    .col-lg-pull-7 {
        right: 58.33333333%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-5 {
        right: 41.66666667%
    }
    .col-lg-pull-4 {
        right: 33.33333333%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-2 {
        right: 16.66666667%
    }
    .col-lg-pull-1 {
        right: 8.33333333%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-push-11 {
        left: 91.66666667%
    }
    .col-lg-push-10 {
        left: 83.33333333%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-8 {
        left: 66.66666667%
    }
    .col-lg-push-7 {
        left: 58.33333333%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-5 {
        left: 41.66666667%
    }
    .col-lg-push-4 {
        left: 33.33333333%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-2 {
        left: 16.66666667%
    }
    .col-lg-push-1 {
        left: 8.33333333%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }
    .col-lg-offset-0 {
        margin-left: 0
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

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

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

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

.banner,
.full-width-wrapper,
.group,
.wrapper,
body .field,
body form {
    *zoom: 1
}

.banner:after,
.banner:before,
.full-width-wrapper:after,
.full-width-wrapper:before,
.group:after,
.group:before,
.wrapper:after,
.wrapper:before,
body .field:after,
body .field:before,
body form:after,
body form:before {
    content: "";
    display: table
}

.banner:after,
.full-width-wrapper:after,
.group:after,
.wrapper:after,
body .field:after,
body form:after {
    clear: both
}

a {
    outline: none;
    text-decoration: none;
    transition: all .25s ease-in
}

.h1,
h1 {
    font: 200 1.875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.3333333333em;
    margin: 0 0 30px
}

@media only screen and (min-width:768px) {
    .h1,
    h1 {
        font-size: 2.8125em;
        line-height: 1.2222222222em
    }
}

@media only screen and (min-width:1020px) {
    .h1,
    h1 {
        font-size: 3.75em;
        line-height: 1.1666666667em
    }
}

.h2,
h2 {
    font: 200 1.625em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.3846153846em;
    margin: 0 0 30px
}

@media only screen and (min-width:768px) {
    .h2,
    h2 {
        font-size: 1.875em;
        line-height: 1.3333333333em
    }
}

@media only screen and (min-width:1020px) {
    .h2,
    h2 {
        font-size: 2.5em;
        line-height: 1.25em
    }
}

.h3,
h3 {
    font: 400 1.4375em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.4347826087em;
    margin: 0 0 30px
}

@media only screen and (min-width:768px) {
    .h3,
    h3 {
        font-size: 1.5625em;
        line-height: 1.3703703704em
    }
}

@media only screen and (min-width:1020px) {
    .h3,
    h3 {
        font-size: 1.875em;
        line-height: 1.3333333333em
    }
}

.h4,
h4 {
    font: 400 1.375em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.5em
}

.h4,
.h5,
h4,
h5 {
    margin: 0 0 25px
}

.h5,
h5 {
    font: 400 1.0625em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.5294117647em
}

.h6,
h6 {
    font: 400 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 0 0 25px
}

.h6,
h6,
p {
    line-height: 1.5em
}

p {
    font: 400 .875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 0 0 20px
}

.italic {
    font-style: italic
}

.bold {
    font-weight: 700
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-justify li {
    text-align: initial
}

.text-right {
    text-align: right
}

body {
    background: #fff;
    font: 400 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    line-height: 1.3em;
    overflow-x: hidden;
    position: relative
}

@media only screen and (min-width:868px) {
    body {
        background: #fff none repeat 0 0;
        font: 400 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
        letter-spacing: 0;
        line-height: 1.3em;
        overflow-x: hidden;
        position: relative
    }
}

body .button,
body button,
body input,
body select,
body textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 0;
    border-radius: 0;
    display: inline-block;
    font: 400 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    outline: none;
    padding: 10px 20px;
    width: 100%
}

body ::-webkit-input-placeholder {
    font-size: .9375em
}

body :-moz-placeholder,
body ::-moz-placeholder {
    font-size: .9375em
}

body :-ms-input-placeholder {
    font-size: .9375em
}

body input[type=submit] {
    padding: 10px 20px
}

body [type=checkbox]+label,
body input[type=radio]+label {
    cursor: pointer
}

body [type=checkbox]+label::-moz-selection,
body input[type=radio]+label::-moz-selection {
    background: none
}

body [type=checkbox]+label::selection,
body input[type=radio]+label::selection {
    background: none
}

body [type=checkbox]+label:before {
    border: 1px solid #aaa;
    content: " ";
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    vertical-align: text-top;
    width: 14px
}

body [type=checkbox]:checked+label:after {
    background: #0091c7;
    content: " ";
    display: inline-block;
    height: 10px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 10px
}

body [type=checkbox],
body [type=radio] {
    left: -10000px;
    position: absolute
}

body [type=radio]+label:before {
    border: 1px solid #777;
    border-radius: 50%;
    content: " ";
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    vertical-align: text-top;
    width: 14px
}

body [type=radio]:checked+label:after {
    background: #695396;
    border-radius: 50%;
    content: " ";
    display: inline-block;
    height: 10px;
    left: 18px;
    position: absolute;
    top: 6px;
    width: 10px
}

body [type=date]:before {
    color: #aaa;
    content: attr(placeholder) !important
}

body .field input:-webkit-autofill,
body .field select:-webkit-autofill,
body .field textarea:-webkit-autofill {
    background-color: hsla(0, 0%, 100%, 0) !important;
    background: hsla(0, 0%, 100%, 0)
}

@media only screen and (min-width:768px) {
    body .field {
        clear: both
    }
}

.loading {
    background: rgba(45, 57, 66, .4);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999
}

.loading img {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .3);
    display: block;
    height: 175px;
    left: 50%;
    margin-left: -90px;
    margin-top: -100px;
    padding: 30px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    width: 175px
}

.loading.hidden {
    display: none
}

.message-outer {
    bottom: 10px;
    max-width: 420px;
    min-height: 70px;
    overflow: hidden;
    pointer-events: all;
    position: absolute;
    right: 0;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.message-outer.floating {
    left: 50%;
    max-height: 400px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%)
}

.message-outer.floating .message {
    transform: translateY(300%)
}

.message-outer.floating .decision-cancel-outer,
.message-outer.floating .decision-ok-outer {
    float: right;
    font-size: 13px;
    margin: 10px 0 0 10px
}

.message-outer.floating .decision-cancel-outer .decision-cancel,
.message-outer.floating .decision-ok-outer .decision-cancel {
    background: transparent;
    color: #0094c9
}

.message-outer.floating .decision-cancel-outer .decision-cancel:hover,
.message-outer.floating .decision-ok-outer .decision-cancel:hover {
    background: #0094c9;
    color: #fff
}

.message-outer.floating .decision-cancel-outer .btn,
.message-outer.floating .decision-ok-outer .btn {
    border: 1px solid #0094c9
}

.message-outer.active .message {
    transform: translate(0)
}

.message-outer.active .message p {
    display: block !important;
    height: auto !important
}

.message-outer.active .message p:before {
    height: 40px;
    left: 20px;
    line-height: 22px;
    top: 38px;
    width: 40px
}

.message-outer .message {
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(50, 50, 50, .6);
    margin: 15px auto;
    max-width: calc(100% - 20px);
    min-height: 70px;
    padding: 15px 30px 15px 90px;
    transform: translateY(120%);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    width: 400px
}

.message-outer .message:after {
    clear: both;
    content: "";
    display: table
}

.message-outer .message .icon-cross2 {
    color: #2e3942;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: 5px
}

.message-outer .message h1,
.message-outer .message h2,
.message-outer .message h3,
.message-outer .message h4,
.message-outer .message h5,
.message-outer .message h6 {
    color: #2e3942
}

.message-outer .message p {
    color: #777;
    margin: 0
}

.message-outer .message h1,
.message-outer .message h2,
.message-outer .message h3,
.message-outer .message h4,
.message-outer .message h5,
.message-outer .message h6 {
    font-size: 1.0625em;
    margin: -6px 0 5px;
    text-transform: capitalize
}

.message-outer .message.generic p:before {
    font-size: 23px;
    height: 50px;
    padding-top: 12px;
    width: 50px
}

.message-outer .message p:before {
    background: url(/html/site/img/alison-logo-login.png) no-repeat center 6px/36px;
    border-radius: 100%;
    box-sizing: border-box;
    color: #fff;
    content: "";
    display: block;
    font-family: icomoon !important;
    font-size: 23px;
    height: 0;
    left: 40px;
    margin-top: -24px;
    overflow: hidden;
    padding-top: 9px;
    position: absolute;
    text-align: center;
    top: 52px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    transition-delay: .3s;
    width: 0
}

.message-outer .message.abschluss p:before,
.message-outer .message.success p:before,
.message-outer .message.successo p:before,
.message-outer .message.succès p:before,
.message-outer .message.sucesso p:before,
.message-outer .message.éxito p:before {
    background: #38ac69;
    content: "\e93f"
}

.message-outer .message.erreur p:before,
.message-outer .message.erro p:before,
.message-outer .message.error p:before,
.message-outer .message.errore p:before,
.message-outer .message.fehler p:before {
    background: #be3047;
    content: "\ea0f"
}

.message-outer .message.warning p:before {
    background: #f29b2f;
    content: "\e99d";
    padding-top: 5px
}

.ad {
    margin: 0 auto 30px;
    max-width: 1150px;
    min-height: 90px;
    position: relative;
    text-align: center;
    z-index: 9
}

.ad.ad-background {
    background: #fff
}

.ad728 {
    margin: 15px auto;
    max-width: 728px !important
}

.switch {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 10px;
    height: 20px;
    position: relative;
    width: 35px
}

.switch:hover {
    cursor: pointer
}

.switch button {
    background: hsla(0, 0%, 100%, .25);
    border: 2px solid #fff;
    border-radius: 50%;
    height: 20px;
    left: -2px;
    padding: 0;
    position: absolute;
    top: -2px;
    transition: all .5s ease;
    width: 20px
}

.switch button.on {
    left: 13px
}

.switch button.on:hover:after {
    content: "ON"
}

.switch button:hover {
    cursor: pointer
}

.switch button:hover:after {
    color: #fff;
    content: "OFF";
    font-size: .625em;
    left: 0;
    position: absolute;
    top: -20px;
    transition: all .25s ease
}

.no-padding {
    margin: 0 !important;
    padding: 0 !important
}

.wrapper {
    max-width: 1150px;
    padding: 10px 20px 0
}

.full-width-wrapper,
.wrapper {
    margin: 0 auto;
    position: relative
}

.section-shadow {
    background: url(https://cdn01.alison-static.net/public/html/site/img/shadow.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 96%;
    height: 26px;
    position: relative
}

.no-border {
    border: none
}

.back-to-top {
    color: #5d666d;
    display: block;
    margin: 25px auto;
    padding-left: 30px;
    position: relative;
    width: 120px
}

.back-to-top span {
    *zoom: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(90deg)
}

@media only screen and (min-width:768px) {
    .back-to-top {
        position: absolute;
        right: 0;
        top: 50%
    }
}

button {
    cursor: pointer
}

.hide-mobile {
    display: none !important
}

@media only screen and (min-width:768px) {
    .hide-mobile {
        display: block !important
    }
}

.center {
    margin: 30px 0;
    padding: 0 20px
}

.btn,
.center {
    text-align: center
}

.btn {
    background: #aaa;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    max-width: 145px;
    padding: 10px 20px;
    transition: background .3s ease
}

.btn:hover {
    background: #919191;
    color: #fff !important
}

.btn.btn-icon {
    width: auto
}

.btn.btn-very-light-grey {
    background: #f1f2f2;
    color: #5d666d
}

.btn.btn-very-light-grey:hover {
    background: #d7d9d9
}

.btn.btn-green.dark {
    background: #00a94f;
    border: 1px solid #00a94f
}

.btn.btn-green.dark:hover {
    background: #007637
}

.btn.btn-light-grey {
    background: #aaa
}

.btn.btn-light-grey:hover {
    background: #919191
}

.btn.btn-grey {
    background: #2e3942
}

.btn.btn-grey:hover {
    background: #191f24
}

.btn.btn-medium-grey {
    background: #5d666d
}

.btn.btn-medium-grey:hover {
    background: #919191
}

.btn.btn-ghost {
    background-color: transparent !important;
    border: 1px solid #fff
}

.btn.btn-ghost:hover {
    background-color: #fff;
    color: #0094c9 !important
}

.btn.btn-ghost.btn-blue:hover {
    color: #fff
}

.btn.btn-ghost.btn-grey {
    border: 2px solid #2d3942;
    color: #2d3942;
    max-width: none
}

.btn.btn-ghost.btn-grey.active,
.btn.btn-ghost.btn-grey:hover {
    background: #aaa !important;
    border: 2px solid #009b5d;
    color: #2d3942 !important
}

.btn.btn-blue {
    background: #0091c7;
    color: #fff
}

.btn.btn-blue:hover {
    background: #006c94
}

.btn.btn-groups,
.btn.btn-turquoise {
    border-radius: 0;
    color: #fff;
    max-width: none
}

.btn.btn-turquoise {
    background: #28a197;
    border: 1px solid #28a197
}

.btn.btn-turquoise:hover {
    background: #1e7871
}

.btn.btn-groups {
    background: #00a950;
    border: 1px solid #00a950
}

.btn.btn-groups:hover {
    background: #007638
}

.btn.btn-groups-border,
.btn.btn-turquoise-border {
    background: #fff;
    border-radius: 0;
    max-width: none
}

.btn.btn-turquoise-border {
    border: 1px solid #28a197;
    color: #28a197
}

.btn.btn-turquoise-border:hover {
    background: #1e7871
}

.btn.btn-groups-border {
    border: 1px solid #00a950;
    color: #00a950
}

.btn.btn-groups-border:hover {
    background: #007638
}

.btn.btn-green {
    background: #38ac69
}

.btn.btn-green:hover {
    background: #6d961d
}

.btn.btn-fullwidth {
    width: 100%
}

.btn.btn-large {
    margin: 20px auto;
    max-width: 250px
}

.btn.btn-ghost {
    background: none
}

.btn.btn-ghost.btn-blue {
    border: 2px solid #0091c7;
    color: #0091c7
}

.btn.btn-ghost.btn-blue:hover {
    background: #0091c7;
    color: #fff !important
}

.btn.btn-green {
    background-color: #009b5d;
    border: 1px solid #009b5d;
    color: #fff;
    font-weight: 700;
    max-width: 190px;
    text-shadow: 0 1px 1px rgba(50, 50, 50, .7)
}

.btn.btn-points {
    background: #fff;
    background-image: linear-gradient(180deg, #fff, #b4bdbf);
    border: none;
    border-radius: 10px;
    color: #2d3942;
    font-size: .875em;
    height: 50px;
    max-width: 500px;
    padding: 5px 120px 5px 22.5px;
    position: relative
}

.btn.btn-points:hover {
    background: #fff;
    background-image: linear-gradient(180deg, #fff, #aaa)
}

.btn.btn-points strong {
    font-weight: 600
}

.btn.btn-points .btn-addon {
    background: #0091c7;
    border-radius: 5px;
    box-shadow: 0 5px 10px #aaa;
    color: #fff;
    line-height: 60px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -5px;
    width: 80px
}

.btn.btn-points .btn-addon span {
    font-size: 1.5em
}

.btn.btn-points .btn-addon:before {
    border-bottom: 29px solid transparent;
    border-right: 30px solid #0091c7;
    border-top: 29px solid transparent;
    content: "";
    left: -4px;
    margin: 13px 0 0 -25px;
    position: absolute;
    top: -11px
}

@media only screen and (min-width:768px) {
    .btn.btn-points {
        font-size: 1.125em;
        padding: 15px 120px 15px 22.5px
    }
}

.btn.btn-red-small {
    background: #be3047;
    color: #fff;
    font-size: .8125em;
    opacity: .35;
    transition: opacity .3s ease-in
}

.btn.btn-red-small:hover {
    opacity: 1
}

.btn.btn-red-small.save-address {
    float: right
}

strong {
    font-weight: 500
}

.tag-description h1 {
    font-size: 2em;
    margin-bottom: 14px
}

.tag-description p,
.tag-description>div {
    color: #5d666d;
    font-size: 14px;
    line-height: 23px
}

.tag-description p a,
.tag-description>div a {
    color: #0094c9
}

.bg-image>img {
    bottom: -1000px;
    left: -1000px;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    right: -1000px;
    top: -1000px
}

.breadcrumb-wrapper {
    display: none;
    padding-top: 0
}

@media only screen and (min-width:768px) {
    .breadcrumb-wrapper {
        display: block
    }
}

.breadcrumb {
    color: #fff;
    font-size: .875em;
    margin: 20px 0 10px;
    padding: 0 15px
}

.breadcrumb.alt {
    margin: 4px 0 10px;
    padding: 0 10px;
    text-align: left
}

.breadcrumb.alt .icon-right-arrow,
.breadcrumb.alt li a,
.breadcrumb.alt li a:active,
.breadcrumb.alt li a:visited,
.breadcrumb.alt li span,
.breadcrumb.alt li:not(:last-child):after {
    color: #5d666d
}

.breadcrumb.alt .icon-home {
    color: #0091c7
}

.breadcrumb li {
    display: inline-block
}

.breadcrumb li a {
    color: #fff;
    font-size: 100%
}

.breadcrumb li a:active,
.breadcrumb li a:visited {
    color: #fff
}

.breadcrumb li a:hover {
    text-decoration: none
}

.breadcrumb li span {
    color: #fff
}

.breadcrumb .icon-right-arrow {
    font-size: 10px;
    font-weight: 700;
    margin: 0 4px
}

.notice.with-icon {
    padding-left: 35px;
    position: relative
}

.notice.with-icon [class*=icon] {
    font-size: 23px;
    left: 0;
    margin-top: -18px;
    position: absolute;
    top: 50%
}

.stars {
    margin: 10px 0 0
}

.stars [class*=icon] {
    color: #d1d3d4;
    display: inline-block;
    font-size: 1.0625em
}

.stars.rating [class*=icon]:hover {
    cursor: pointer
}

.stars.rating .line {
    color: #2d3942;
    display: inline;
    font-weight: 500
}

.lrg-btn {
    background-color: #0094c9;
    clear: both;
    color: #fff;
    cursor: pointer;
    display: block;
    max-width: 180px;
    padding: 10px 0;
    text-align: center
}

.lrg-btn:hover {
    background: #006e96
}

.pull-right {
    float: right !important
}

.alert {
    background: #f1f2f2;
    border: 1px solid;
    border-radius: 25px;
    color: red;
    left: 50px;
    padding: 25px;
    position: absolute;
    top: 100px
}

.hide {
    display: none
}

.message-info,
.top-bar {
    margin-top: 20px
}

.message-info {
    background: #f1f2f2;
    padding: 20px
}

.light-red {
    color: #be3047
}

.align-parent {
    display: table;
    width: 100%
}

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

.social-buttons a {
    color: #fff;
    font-size: 1.5em;
    opacity: .6
}

.social-buttons a:hover {
    opacity: 1
}

@media (max-width:400px) {
    .g-recaptcha iframe {
        max-width: 100%;
        transform: scale(.77);
        -webkit-transform: scale(.77);
        transform-origin: center center;
        -webkit-transform-origin: center center
    }
}

.modal {
    background-color: rgba(79, 81, 89, .6);
    display: none;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

@media (max-width:768px) {
    .modal {
        top: calc(var(--headerHeight, 100px) + 20px)
    }
    .modal .btn {
        max-width: none;
        text-transform: capitalize
    }
}

.modal .close {
    color: #fff;
    float: right;
    font-size: 3.125em;
    font-weight: 200;
    margin-top: 5px
}

.modal .close:focus,
.modal .close:hover {
    color: #000;
    cursor: pointer;
    text-decoration: none
}

.modal .modal-body {
    padding: 20px
}

.modal .modal-header {
    background-color: #2e3942;
    color: #fff;
    padding: 10px 15px
}

.modal .modal-header h1,
.modal .modal-header h2,
.modal .modal-header h3,
.modal .modal-header h4,
.modal .modal-header h5,
.modal .modal-header h6 {
    font-weight: 200;
    margin: 0
}

@media (max-width:768px) {
    .modal .modal-header {
        align-items: center;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        padding: 0 20px 0 15px
    }
    .modal .modal-header .close {
        margin-top: 0
    }
}

.modal .modal-footer {
    color: #2e3942;
    padding: 0 15px 15px
}

@media (max-width:768px) {
    .modal .modal-footer {
        align-items: center;
        color: #2e3942;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 10px 15px 15px
    }
}

.modal .modal-content {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: animatetop;
    animation-name: animatetop;
    background-color: #f1f2f2;
    border: 1px solid #2e3942;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    margin: 70px auto;
    padding: 0;
    position: relative;
    width: 80%
}

.modal .modal-content [type=text],
.modal .modal-content textarea {
    background: transparent;
    border-bottom: 1px solid #aaa
}

.modal .modal-content img {
    max-width: 400px;
    width: 100%
}

@-webkit-keyframes animatetop {
    0% {
        opacity: 0;
        top: -300px
    }
    to {
        opacity: 1;
        top: 0
    }
}

@keyframes animatetop {
    0% {
        opacity: 0;
        top: -300px
    }
    to {
        opacity: 1;
        top: 0
    }
}

@media only screen and (min-width:768px) {
    .modal .modal-content {
        margin-top: 100px;
        width: 70%
    }
}

@media only screen and (min-width:1020px) {
    .modal .modal-content {
        max-width: 60%
    }
}

@media only screen and (min-width:1500px) {
    .modal .modal-content {
        max-width: 40%
    }
}

.search-sticky--wide {
    display: block;
    height: 600px;
    right: 0;
    width: 160px;
    z-index: 9
}

@media only screen and (min-width:1441px) {
    .search-sticky--wide {
        width: 300px
    }
}

.inner-page-sticky-ad {
    display: block;
    height: 600px;
    right: 0;
    top: calc(var(--headerHeight) + 10px);
    width: 160px;
    z-index: 9
}

@media only screen and (min-width:1441px) {
    .inner-page-sticky-ad {
        width: 300px
    }
}

@media only screen and (max-width:1440px) {
    .inner-page-sticky-ad {
        right: 10px
    }
}

.inner-page-sticky-ad:not(.new-landing-width).course-landing {
    width: 160px !important
}

.inner-page-sticky-ad.new-landing-width {
    width: 300px
}

@media (max-width:1650px) {
    .inner-page-sticky-ad.new-landing-width.learner-ad {
        width: 160px
    }
}

@media (max-width:1440px) {
    .inner-page-sticky-ad.new-landing-width {
        width: 160px
    }
}

.inner-page-sticky-ad.testimonial-sticky-ad {
    width: 160px !important
}

@media (max-width:1350px) {
    .inner-page-sticky-ad:not(.new-landing-width):not(.occupations-advert):not(.results-ad) {
        display: none
    }
}

@media (max-width:1200px) {
    .inner-page-sticky-ad.new-landing-width,
    .inner-page-sticky-ad.occupations-advert,
    .inner-page-sticky-ad.results-ad {
        display: none
    }
}

.inner-page-sticky-ad.results-ad {
    width: 200px
}

@media (max-width:1380px) {
    .inner-page-sticky-ad.results-ad {
        width: 160px
    }
}

.full-width-wrapper {
    width: 100%
}

@media print {
    .print,
    .push-notification,
    footer,
    header {
        display: none !important
    }
}

.cancel-transition {
    transition: all 0s linear !important
}

.js-pagination {
    padding-bottom: 40px
}

.js-pagination.simple-pagination {
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    width: 450px
}

.js-pagination li {
    display: inline;
    padding: 0 10px
}

.js-pagination li.active a {
    color: #465159
}

.js-pagination li a {
    color: #0094c9
}

.js-pagination li.disabled {
    opacity: .3
}

div[id^=google_ads_iframe_] {
    text-align: center
}

div[id*=sidebar_] {
    text-align: right
}

iframe[id^=google_ads_iframe_] {
    max-width: 970px
}

iframe:not([id^=google_ads_iframe_]) {
    width: 100%
}

.banner {
    background: url(https://cdn01.alison-static.net/public/html/site/img/banner-bg.jpg) no-repeat 0 0/cover;
    color: #fff;
    position: relative;
    text-align: center;
    z-index: 10
}

.banner.no-image {
    background-image: none;
    margin-top: 30px
}

.banner h1,
.banner h2,
.banner h3,
.banner h4,
.banner h5,
.banner h6,
.banner p {
    color: #fff
}

.banner p {
    font-size: 1.125em
}

.banner p i {
    margin: 0 3px
}

.banner h2 {
    font-size: 1.5625em;
    margin: 0 0 25px
}

.banner h6 {
    margin: 10px 0
}

.banner ul {
    font: 400 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}

.banner a,
.banner ul li {
    color: #fff
}

.banner a {
    font: 400 .875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif
}

.banner a:hover {
    text-decoration: none
}

.banner .p-light span {
    color: #ffd200
}

.banner .tabs {
    margin-top: 50px
}

.banner .bg-image {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.banner .subtitle {
    font: 400 1.125em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 30px auto 35px;
    max-width: 600px
}

.banner .circle-image {
    border-radius: 50%;
    height: 95px;
    margin: 0;
    overflow: hidden;
    width: 95px
}

.banner .circle-image img {
    height: 100%;
    margin: 0 0 0 -25%;
    position: relative;
    width: auto
}

.banner .inline-container {
    margin-bottom: 0;
    padding-bottom: 60px
}

.banner .inline-container .inline {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle
}

.banner .icon-widget span {
    display: block;
    font-size: 1.875em;
    margin: 0 0 5px
}

.banner .icon-widget p {
    font-size: .875em
}

.banner .banner-align {
    height: 450px
}

.banner .learning-path-name {
    font-size: 2.25em;
    margin: 0 0 50px
}

.banner .learning-path-container {
    padding-bottom: 30px
}

.banner .learning-path-container .icon-widget span {
    font-size: 1.625em
}

.banner .learning-path-container .icon-widget p {
    font-size: 1em
}

@media only screen and (min-width:768px) {
    .banner .circle-image {
        height: 195px;
        width: 195px
    }
    .banner .circle-image img {
        width: auto
    }
    .banner .icon-widget span {
        font-size: 2.1875em
    }
    .banner .icon-widget p {
        font-size: 1em
    }
}

@media only screen and (min-width:1020px) {
    .banner h2 {
        font-size: 2.8125em
    }
    .banner .circle-image {
        height: 200px;
        margin: 0 25px;
        width: 200px
    }
    .banner .circle-image img {
        height: 100%;
        width: auto
    }
    .banner .learning-path-image {
        height: 150px;
        width: 150px
    }
    .banner .icon-widget span {
        font-size: 2.5em
    }
    .banner .icon-widget p {
        font-size: 1.125em
    }
}

.outer-wrap {
    background-position: -300px -200px;
    background-repeat: no-repeat;
    height: auto
}

@media only screen and (min-width:768px) {
    .outer-wrap {
        background-position: 0 0;
        background-size: auto;
        max-height: none;
        min-height: 0
    }
}

@media only screen and (min-width:1500px) {
    .outer-wrap {
        background-size: contain
    }
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-initialized .slick-slide,
.slick-slide img {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

span.datepicker--date-icon {
    color: red
}

input[data-type=date] {
    padding-left: 25px
}

.datepicker td.day {
    padding-top: 7px
}

.datepicker .datepicker-days {
    padding: 3px
}

.datepicker.dropdown-menu {
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000
}

.datepicker.dropdown-menu:after,
.datepicker.dropdown-menu:before {
    display: none
}

.datepicker.dropdown-menu table tr td span {
    border-radius: 4px;
    cursor: pointer;
    display: block;
    float: left;
    height: 38px;
    line-height: 38px;
    margin: 1% 3%;
    width: 38px
}

.datepicker.dropdown-menu .datepicker-days .table-condensed tr th.datepicker-switch,
.datepicker.dropdown-menu .datepicker-days .table-condensed tr th.next,
.datepicker.dropdown-menu .datepicker-days .table-condensed tr th.prev,
.datepicker.dropdown-menu .datepicker-decades .table-condensed tr th.datepicker-switch,
.datepicker.dropdown-menu .datepicker-decades .table-condensed tr th.next,
.datepicker.dropdown-menu .datepicker-decades .table-condensed tr th.prev,
.datepicker.dropdown-menu .datepicker-months .table-condensed tr th.datepicker-switch,
.datepicker.dropdown-menu .datepicker-months .table-condensed tr th.next,
.datepicker.dropdown-menu .datepicker-months .table-condensed tr th.prev,
.datepicker.dropdown-menu .datepicker-years .table-condensed tr th.datepicker-switch,
.datepicker.dropdown-menu .datepicker-years .table-condensed tr th.next,
.datepicker.dropdown-menu .datepicker-years .table-condensed tr th.prev {
    padding-top: 7px
}

.datepicker.dropdown-menu .datepicker-days .table-condensed tr th.next .rotate-icon-90:before,
.datepicker.dropdown-menu .datepicker-days .table-condensed tr th.prev .rotate-icon-90:before,
.datepicker.dropdown-menu .datepicker-decades .table-condensed tr th.next .rotate-icon-90:before,
.datepicker.dropdown-menu .datepicker-decades .table-condensed tr th.prev .rotate-icon-90:before,
.datepicker.dropdown-menu .datepicker-months .table-condensed tr th.next .rotate-icon-90:before,
.datepicker.dropdown-menu .datepicker-months .table-condensed tr th.prev .rotate-icon-90:before,
.datepicker.dropdown-menu .datepicker-years .table-condensed tr th.next .rotate-icon-90:before,
.datepicker.dropdown-menu .datepicker-years .table-condensed tr th.prev .rotate-icon-90:before {
    color: #96999b;
    display: inline-block;
    transform: rotate(90deg)
}

.datepicker.dropdown-menu .datepicker-days .table-condensed tr th.next:hover .rotate-icon-90:before,
.datepicker.dropdown-menu .datepicker-days .table-condensed tr th.prev:hover .rotate-icon-90:before,
.datepicker.dropdown-menu .datepicker-decades .table-condensed tr th.next:hover .rotate-icon-90:before,
.datepicker.dropdown-menu .datepicker-decades .table-condensed tr th.prev:hover .rotate-icon-90:before,
.datepicker.dropdown-menu .datepicker-months .table-condensed tr th.next:hover .rotate-icon-90:before,
.datepicker.dropdown-menu .datepicker-months .table-condensed tr th.prev:hover .rotate-icon-90:before,
.datepicker.dropdown-menu .datepicker-years .table-condensed tr th.next:hover .rotate-icon-90:before,
.datepicker.dropdown-menu .datepicker-years .table-condensed tr th.prev:hover .rotate-icon-90:before {
    color: #6f7375
}

.datepicker.dropdown-menu .datepicker-days .table-condensed tr th.clear,
.datepicker.dropdown-menu .datepicker-decades .table-condensed tr th.clear,
.datepicker.dropdown-menu .datepicker-months .table-condensed tr th.clear,
.datepicker.dropdown-menu .datepicker-years .table-condensed tr th.clear {
    color: #96999b;
    display: table-cell;
    padding-right: 17px;
    text-align: right;
    vertical-align: middle
}

.datepicker.dropdown-menu .datepicker-days .table-condensed tr th.clear:after,
.datepicker.dropdown-menu .datepicker-decades .table-condensed tr th.clear:after,
.datepicker.dropdown-menu .datepicker-months .table-condensed tr th.clear:after,
.datepicker.dropdown-menu .datepicker-years .table-condensed tr th.clear:after {
    color: #96999b
}

.datepicker.dropdown-menu .datepicker-days .table-condensed tr th.clear:hover,
.datepicker.dropdown-menu .datepicker-decades .table-condensed tr th.clear:hover,
.datepicker.dropdown-menu .datepicker-months .table-condensed tr th.clear:hover,
.datepicker.dropdown-menu .datepicker-years .table-condensed tr th.clear:hover {
    background: #fff
}

.datepicker.dropdown-menu .datepicker-days .table-condensed tr th.datepicker-switch,
.datepicker.dropdown-menu .datepicker-decades .table-condensed tr th.datepicker-switch,
.datepicker.dropdown-menu .datepicker-months .table-condensed tr th.datepicker-switch,
.datepicker.dropdown-menu .datepicker-years .table-condensed tr th.datepicker-switch {
    font-size: 14px;
    font-weight: 500
}

.datepicker.dropdown-menu .datepicker-days .table-condensed tr td span.active.focused:hover,
.datepicker.dropdown-menu .datepicker-days .table-condensed tr td span.active:hover,
.datepicker.dropdown-menu .datepicker-days .table-condensed tr td span.focused,
.datepicker.dropdown-menu .datepicker-days .table-condensed tr td span:hover,
.datepicker.dropdown-menu .datepicker-decades .table-condensed tr td span.active.focused:hover,
.datepicker.dropdown-menu .datepicker-decades .table-condensed tr td span.active:hover,
.datepicker.dropdown-menu .datepicker-decades .table-condensed tr td span.focused,
.datepicker.dropdown-menu .datepicker-decades .table-condensed tr td span:hover,
.datepicker.dropdown-menu .datepicker-months .table-condensed tr td span.active.focused:hover,
.datepicker.dropdown-menu .datepicker-months .table-condensed tr td span.active:hover,
.datepicker.dropdown-menu .datepicker-months .table-condensed tr td span.focused,
.datepicker.dropdown-menu .datepicker-months .table-condensed tr td span:hover,
.datepicker.dropdown-menu .datepicker-years .table-condensed tr td span.active.focused:hover,
.datepicker.dropdown-menu .datepicker-years .table-condensed tr td span.active:hover,
.datepicker.dropdown-menu .datepicker-years .table-condensed tr td span.focused,
.datepicker.dropdown-menu .datepicker-years .table-condensed tr td span:hover {
    background: #83c224;
    color: #fff
}

html[lang=en] .datepicker.dropdown-menu .datepicker-days .table-condensed tr th.clear:after,
html[lang=en] .datepicker.dropdown-menu .datepicker-decades .table-condensed tr th.clear:after,
html[lang=en] .datepicker.dropdown-menu .datepicker-months .table-condensed tr th.clear:after,
html[lang=en] .datepicker.dropdown-menu .datepicker-years .table-condensed tr th.clear:after {
    content: " date"
}

html[lang=es] .datepicker.dropdown-menu .datepicker-days .table-condensed tr th.clear:after,
html[lang=es] .datepicker.dropdown-menu .datepicker-decades .table-condensed tr th.clear:after,
html[lang=es] .datepicker.dropdown-menu .datepicker-months .table-condensed tr th.clear:after,
html[lang=es] .datepicker.dropdown-menu .datepicker-years .table-condensed tr th.clear:after {
    content: " fecha"
}

.pag-fix {
    text-align: center
}

.pag-fix svg {
    position: relative;
    top: 3px;
    width: 16px
}

.pag-fix nav {
    margin-bottom: 20px
}

.pag-fix nav div div a,
.pag-fix nav div div span [aria-current=page] span {
    font-size: 16px
}

#gam_sidebar>div {
    text-align: left !important
}

.pop__overlay {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

@media (max-width:768px) {
    .pop__overlay {
        z-index: 9999
    }
}

.pop__overlay--apt_pop,
.pop__overlay--survey-pop,
.pop__overlay.rsvp__overlay {
    z-index: 10
}

.pop__overlay--survey-pop-le {
    z-index: 20
}

@media (max-width:768px) {
    .pop__overlay--apt_pop,
    .pop__overlay--survey-pop,
    .pop__overlay--survey-pop-le {
        z-index: 9999
    }
}

.apt_pop,
.complete_profile_pop,
.rsvp_pop,
.sale-pop,
.survey-pop {
    background-color: #fff;
    border-radius: 12px;
    bottom: 19px;
    overflow: hidden;
    position: fixed;
    right: 19px;
    transition: bottom .3s ease-in;
    width: 359px;
    z-index: 9999
}

.apt_pop.sale-pop--christmas .pop__top,
.complete_profile_pop.sale-pop--christmas .pop__top,
.rsvp_pop.sale-pop--christmas .pop__top,
.sale-pop.sale-pop--christmas .pop__top,
.survey-pop.sale-pop--christmas .pop__top {
    background: #e8f4ff url(/html/site/img/sale/background.svg) no-repeat bottom/100%
}

.apt_pop.sale-pop--christmas h3 span,
.complete_profile_pop.sale-pop--christmas h3 span,
.rsvp_pop.sale-pop--christmas h3 span,
.sale-pop.sale-pop--christmas h3 span,
.survey-pop.sale-pop--christmas h3 span {
    color: #ac1e2d;
    font-weight: 900
}

.apt_pop.sale-pop--new .pop__top,
.complete_profile_pop.sale-pop--new .pop__top,
.rsvp_pop.sale-pop--new .pop__top,
.sale-pop.sale-pop--new .pop__top,
.survey-pop.sale-pop--new .pop__top {
    background: #e8f4ff url(/html/site/img/sale/new-years.svg) no-repeat bottom/100%
}

.apt_pop.sale-pop--new .gdiscard,
.apt_pop.sale-pop--new .pop__cross,
.apt_pop.sale-pop--new h2,
.complete_profile_pop.sale-pop--new .gdiscard,
.complete_profile_pop.sale-pop--new .pop__cross,
.complete_profile_pop.sale-pop--new h2,
.rsvp_pop.sale-pop--new .gdiscard,
.rsvp_pop.sale-pop--new .pop__cross,
.rsvp_pop.sale-pop--new h2,
.sale-pop.sale-pop--new .gdiscard,
.sale-pop.sale-pop--new .pop__cross,
.sale-pop.sale-pop--new h2,
.survey-pop.sale-pop--new .gdiscard,
.survey-pop.sale-pop--new .pop__cross,
.survey-pop.sale-pop--new h2 {
    color: #fff
}

.apt_pop.sale-pop--new h3 span,
.complete_profile_pop.sale-pop--new h3 span,
.rsvp_pop.sale-pop--new h3 span,
.sale-pop.sale-pop--new h3 span,
.survey-pop.sale-pop--new h3 span {
    color: #c8197e;
    font-weight: 900
}

.apt_pop h2,
.complete_profile_pop h2,
.rsvp_pop h2,
.sale-pop h2,
.survey-pop h2 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: .8px;
    line-height: 24px;
    text-align: center
}

.apt_pop h3,
.complete_profile_pop h3,
.rsvp_pop h3,
.sale-pop h3,
.survey-pop h3 {
    color: #1b232e;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.16px;
    line-height: 24px;
    text-align: center
}

.apt_pop .pop__top,
.complete_profile_pop .pop__top,
.rsvp_pop .pop__top,
.sale-pop .pop__top,
.survey-pop .pop__top {
    background: #e8f4ff url(/html/site/img/sale/sale.svg) no-repeat bottom;
    height: 138px;
    padding-top: 24px;
    position: relative
}

.apt_pop .gdiscard,
.apt_pop .pop__cross,
.complete_profile_pop .gdiscard,
.complete_profile_pop .pop__cross,
.rsvp_pop .gdiscard,
.rsvp_pop .pop__cross,
.sale-pop .gdiscard,
.sale-pop .pop__cross,
.survey-pop .gdiscard,
.survey-pop .pop__cross {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px
}

.apt_pop .pop__bottom,
.complete_profile_pop .pop__bottom,
.rsvp_pop .pop__bottom,
.sale-pop .pop__bottom,
.survey-pop .pop__bottom {
    padding: 28px 20px 20px
}

.apt_pop .pop__bottom a,
.complete_profile_pop .pop__bottom a,
.rsvp_pop .pop__bottom a,
.sale-pop .pop__bottom a,
.survey-pop .pop__bottom a {
    align-items: center;
    background: #009b5d;
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    width: 100%
}

.apt_pop .pop__countdown,
.complete_profile_pop .pop__countdown,
.rsvp_pop .pop__countdown,
.sale-pop .pop__countdown,
.survey-pop .pop__countdown {
    display: flex;
    justify-content: center;
    margin-bottom: 24px
}

.apt_pop .pop__countdown .pop__time,
.complete_profile_pop .pop__countdown .pop__time,
.rsvp_pop .pop__countdown .pop__time,
.sale-pop .pop__countdown .pop__time,
.survey-pop .pop__countdown .pop__time {
    text-align: center
}

.apt_pop .pop__countdown .pop__time:nth-child(2) div,
.complete_profile_pop .pop__countdown .pop__time:nth-child(2) div,
.rsvp_pop .pop__countdown .pop__time:nth-child(2) div,
.sale-pop .pop__countdown .pop__time:nth-child(2) div,
.survey-pop .pop__countdown .pop__time:nth-child(2) div {
    margin: 0 8px 0 16px
}

.apt_pop .pop__countdown .pop__time:nth-child(3) div,
.complete_profile_pop .pop__countdown .pop__time:nth-child(3) div,
.rsvp_pop .pop__countdown .pop__time:nth-child(3) div,
.sale-pop .pop__countdown .pop__time:nth-child(3) div,
.survey-pop .pop__countdown .pop__time:nth-child(3) div {
    margin: 0 16px 0 8px
}

.apt_pop .pop__countdown .pop__time div,
.complete_profile_pop .pop__countdown .pop__time div,
.rsvp_pop .pop__countdown .pop__time div,
.sale-pop .pop__countdown .pop__time div,
.survey-pop .pop__countdown .pop__time div {
    align-items: center;
    background: #eaeff4;
    border-radius: 8px;
    color: #000;
    display: flex;
    font-size: 28px;
    font-weight: 900;
    height: 52px;
    justify-content: center;
    letter-spacing: 1.68px;
    line-height: 32px;
    text-align: center;
    width: 64px
}

.apt_pop .pop__countdown .pop__time span,
.complete_profile_pop .pop__countdown .pop__time span,
.rsvp_pop .pop__countdown .pop__time span,
.sale-pop .pop__countdown .pop__time span,
.survey-pop .pop__countdown .pop__time span {
    color: #5d676e;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .84px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase
}

.apt_pop.profile,
.complete_profile_pop.profile,
.rsvp_pop.profile,
.sale-pop.profile,
.survey-pop.profile {
    width: 354px
}

.apt_pop.profile h2,
.complete_profile_pop.profile h2,
.rsvp_pop.profile h2,
.sale-pop.profile h2,
.survey-pop.profile h2 {
    color: #343c41;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 24px
}

.apt_pop.profile p,
.complete_profile_pop.profile p,
.rsvp_pop.profile p,
.sale-pop.profile p,
.survey-pop.profile p {
    color: #465159;
    line-height: 24px;
    padding: 0 2px;
    text-align: center
}

.apt_pop.profile .gdiscard,
.complete_profile_pop.profile .gdiscard,
.rsvp_pop.profile .gdiscard,
.sale-pop.profile .gdiscard,
.survey-pop.profile .gdiscard {
    color: #5d676e
}

.apt_pop.profile .pop__top,
.complete_profile_pop.profile .pop__top,
.rsvp_pop.profile .pop__top,
.sale-pop.profile .pop__top,
.survey-pop.profile .pop__top {
    background: #e8f4ff url(/html/site/img/dashboard/complete-profile-popup.svg) no-repeat bottom;
    height: 193px;
    padding-top: 22px
}

.apt_pop.profile .pop__bottom,
.complete_profile_pop.profile .pop__bottom,
.rsvp_pop.profile .pop__bottom,
.sale-pop.profile .pop__bottom,
.survey-pop.profile .pop__bottom {
    padding: 24px 26px
}

.apt_pop.profile .pop__bottom a,
.complete_profile_pop.profile .pop__bottom a,
.rsvp_pop.profile .pop__bottom a,
.sale-pop.profile .pop__bottom a,
.survey-pop.profile .pop__bottom a {
    background: #fff;
    border: 2px solid #008445;
    border-radius: 7px;
    color: #008445;
    font-size: 14px;
    height: 43px;
    line-height: 24px
}

@media (max-width:768px) {
    .apt_pop.profile,
    .complete_profile_pop.profile,
    .rsvp_pop.profile,
    .sale-pop.profile,
    .survey-pop.profile {
        transform: translate(50%, 25%);
        width: 302px
    }
    .apt_pop.profile h2,
    .complete_profile_pop.profile h2,
    .rsvp_pop.profile h2,
    .sale-pop.profile h2,
    .survey-pop.profile h2 {
        line-height: 26px;
        margin: 0 auto;
        max-width: 153px
    }
    .apt_pop,
    .complete_profile_pop,
    .rsvp_pop,
    .sale-pop,
    .survey-pop {
        bottom: auto;
        right: 50%;
        top: 80px;
        transform: translate(50%);
        width: 350px;
        z-index: 99999 !important
    }
    .apt_pop .pop__countdown .pop__time:nth-child(2) div,
    .complete_profile_pop .pop__countdown .pop__time:nth-child(2) div,
    .rsvp_pop .pop__countdown .pop__time:nth-child(2) div,
    .sale-pop .pop__countdown .pop__time:nth-child(2) div,
    .survey-pop .pop__countdown .pop__time:nth-child(2) div {
        margin: 0 4px 0 8px
    }
    .apt_pop .pop__countdown .pop__time:nth-child(3) div,
    .complete_profile_pop .pop__countdown .pop__time:nth-child(3) div,
    .rsvp_pop .pop__countdown .pop__time:nth-child(3) div,
    .sale-pop .pop__countdown .pop__time:nth-child(3) div,
    .survey-pop .pop__countdown .pop__time:nth-child(3) div {
        margin: 0 8px 0 4px
    }
    .apt_pop .pop__countdown .pop__time div,
    .complete_profile_pop .pop__countdown .pop__time div,
    .rsvp_pop .pop__countdown .pop__time div,
    .sale-pop .pop__countdown .pop__time div,
    .survey-pop .pop__countdown .pop__time div {
        width: 62px
    }
}

.rsvp_pop {
    width: 312px
}

.rsvp_pop .pop__top {
    background-color: #4c2370;
    background-image: unset;
    height: 69px;
    padding: 24px;
    position: static
}

.rsvp_pop .pop__top h2 {
    color: var(--White, #fff);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: unset;
    line-height: 21px;
    text-align: center
}

.rsvp_pop .pop__bottom {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 24px 28px
}

.rsvp_pop .pop__bottom p {
    color: var(--Alison-Grey-700, #465159);
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center
}

.rsvp_pop .pop__bottom .rsvp__btn,
.rsvp_pop .pop__bottom p {
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    line-height: 24px
}

.rsvp_pop .pop__bottom .rsvp__btn {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    padding: 12px 40px;
    width: 100%
}

.rsvp_pop .pop__bottom .rsvp__btn.primary {
    background: var(--Alison-Green-500---Principal, #009b5d);
    border: 1px solid #009b5d;
    color: #fff
}

.rsvp_pop .pop__bottom .rsvp__btn.ghost {
    background: #fff;
    border: 1px solid var(--Alison-Grey-300, #7b858c);
    color: var(--Alison-Grey-700, #465159)
}

@media (max-width:768px) {
    .rsvp_pop {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

.flms-ban-hide {
    display: none;
    position: relative
}

.flms-ban-hide .icon-cross2 {
    color: #213b65;
    cursor: pointer;
    font-weight: 700;
    position: absolute;
    right: 20px;
    top: 20px
}

.flms-ban-hide.disc__infog .icon-cross2 {
    font-size: 12px;
    right: 10px;
    top: 10px
}

html[lang=es] .flms-ban .flms-ban__text {
    max-width: 477px
}

@media (min-width:769px) {
    html[lang=es] .flms-ban.flms-ban--clp .flms-ban__a {
        font-size: 14px
    }
}

@media (max-width:768px) {
    html[lang=es] .login [type=checkbox]+label,
    html[lang=es] .login__forgot {
        font-size: 11px
    }
}

.flms-ban {
    background: url(/html/site/img/flms-banners/hubs-bg.svg) no-repeat calc(100% - 40px) bottom, linear-gradient(227deg, #e5f4ff 49.34%, #e6f6eb 103.93%);
    border-radius: 20px;
    display: none;
    height: 286px;
    margin: 0 auto 40px;
    max-width: 980px;
    overflow: hidden;
    padding: 33px 0 0 60px;
    text-align: left;
    width: 100%
}

.flms-ban.flms-ban--clp {
    background: url(/html/site/img/flms-banners/course-landing-bg.svg) no-repeat 100% 100%, linear-gradient(227deg, #e5f4ff 49.34%, #e6f6eb 103.93%);
    padding: 33px 0 0 36px
}

.flms-ban.flms-ban--clp .flms-ban__a {
    padding: 11px 15px;
    width: auto
}

.flms-ban.flms-ban--clp h3 {
    font-size: 22px;
    line-height: 34px
}

.flms-ban.flms-ban--careers {
    background: url(/html/site/img/flms-banners/careers-bg.svg) no-repeat calc(100% - 50px) bottom, linear-gradient(227deg, #e5f4ff 49.34%, #e6f6eb 103.93%)
}

@media (min-width:992px) {
    .flms-ban.flms-ban--build {
        margin-top: 70px
    }
}

.flms-ban.flms-ban--wpa {
    border-radius: 0;
    margin: 0
}

.flms-ban.flms-ban--wpa p {
    color: #1b232e !important;
    max-width: none !important
}

.flms-ban.flms-ban--wpa .flms-ban__text {
    max-width: 492px
}

@media (min-width:992px) {
    .flms-ban.flms-ban--wpa {
        background: #fcf2e0;
        height: 314px;
        max-width: none;
        padding: 0
    }
    .flms-ban.flms-ban--wpa .flms-ban__inner {
        background: #fcf2e0 url(/html/site/img/flms-banners/wpa-bg.svg) no-repeat calc(100% - 50px) 50px;
        margin: 0 auto;
        max-width: 1266px;
        padding: 48px 0 49px 140px
    }
    .flms-ban.flms-ban--wpa p {
        margin-bottom: 39px !important
    }
}

.flms-ban .flms-ban__text {
    max-width: 434px
}

.flms-ban .flms-ban__a {
    background: #213b65;
    border: 1px solid #213b65;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-right: 16px;
    padding: 11px 28px;
    text-align: center;
    width: 366px
}

.flms-ban .flms-ban__a.flms-ban__a--orange {
    background-color: #d96704;
    border-color: #d96704;
    max-width: 410px;
    width: 100%
}

.flms-ban .flms-ban__a.flms-ban__a--outline {
    background: transparent;
    color: #213b65
}

.flms-ban h3 {
    color: #1b232e;
    font-size: 28px;
    font-weight: 800;
    line-height: 46px;
    margin: 0 auto 12px;
    text-transform: capitalize
}

.flms-ban p {
    color: #1b232e;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 25px
}

@media (max-width:991px) {
    .flms-ban {
        height: auto;
        margin: 0 20px 23px;
        padding: 21px 0 24px;
        width: calc(100% - 40px)
    }
    .flms-ban,
    .flms-ban.flms-ban--careers {
        background: linear-gradient(227deg, #e5f4ff 49.34%, #e6f6eb 103.93%);
        text-align: center
    }
    .flms-ban.flms-ban--careers h3 {
        max-width: 225px
    }
    .flms-ban.flms-ban--careers p {
        margin: 0 auto 25px;
        max-width: 265px
    }
    .flms-ban.flms-ban--build {
        border-radius: 0;
        margin: 0;
        width: 100%
    }
    .flms-ban.flms-ban--wpa {
        background: #fcf2e0;
        padding: 27px 24px 25px;
        width: 100%
    }
    .flms-ban.flms-ban--wpa p {
        margin: 0 auto 21px !important;
        width: 314px
    }
    .flms-ban.flms-ban--wpa h3 {
        width: 216px
    }
    .flms-ban.flms-ban--clp {
        background: linear-gradient(227deg, #e5f4ff 49.34%, #e6f6eb 103.93%);
        padding: 31px 21px 5px
    }
    .flms-ban.flms-ban--clp .flms-ban__a {
        margin-bottom: 16px
    }
    .flms-ban.flms-ban--clp .flms-ban__text {
        max-width: 291px
    }
    .flms-ban h3 {
        font-size: 22px;
        line-height: 32px
    }
    .flms-ban .flms-ban__text {
        margin: 0 auto;
        max-width: 434px
    }
    .flms-ban .mobile-image {
        display: block !important;
        margin-bottom: 20px;
        text-align: center
    }
    .flms-ban .flms-ban__a {
        width: calc(100% - 20px)
    }
    .flms-ban .survey-ban__a {
        margin-right: 0;
        width: 279px
    }
}

.apt_pop .pop__top {
    background-image: url(/html/site/img/header/side-popups/apt-pop-bg.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    height: 195px
}

@media (max-width:520px) {
    .apt_pop .pop__top {
        background-image: url(/html/site/img/header/side-popups/apt-pop-bg-mob.svg);
        height: 185px
    }
}

html[lang=en] .survey-pop .survey-pop-screen[data-screen="1"] .pop__bottom h3:before {
    content: "Hello 👋🏼 "
}

html[lang=es] .survey-pop .survey-pop-screen[data-screen="1"] .pop__bottom h3:before {
    content: "Hola 👋🏼 "
}

.survey-pop .survey-pop-screen {
    display: none
}

.survey-pop .survey-pop-screen.active {
    display: block
}

.survey-pop .survey-pop-screen .pop__top {
    position: relative
}

.survey-pop .survey-pop-screen .pop__top .survey-back,
.survey-pop .survey-pop-screen .pop__top .survey-cross {
    cursor: pointer
}

.survey-pop .survey-pop-screen .pop__top .survey-back:before,
.survey-pop .survey-pop-screen .pop__top .survey-cross:before {
    color: #889aa7
}

.survey-pop .survey-pop-screen .pop__top .survey-cross {
    left: auto;
    position: absolute;
    right: 16px;
    top: 16px
}

.survey-pop .survey-pop-screen .pop__top .survey-back {
    display: inline-block;
    left: 16px;
    position: absolute;
    right: auto;
    top: 16px;
    transform: rotate(180deg)
}

.survey-pop .survey-pop-screen .pop__bottom h3 {
    color: #343c41;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 16px;
    text-align: center
}

.survey-pop .survey-pop-screen .pop__bottom p.sel-label,
.survey-pop .survey-pop-screen .pop__bottom p.thank-you-text {
    color: #343c41;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center
}

.survey-pop .survey-pop-screen .pop__bottom p.sel-label {
    margin: 0 0 24px
}

.survey-pop .survey-pop-screen[data-screen="1"] .pop__top,
.survey-pop .survey-pop-screen[data-screen="2"] .pop__top,
.survey-pop .survey-pop-screen[data-screen="3"] .pop__top {
    background-position: top;
    background-repeat: no-repeat;
    height: 138px
}

@media (max-width:520px) {
    .survey-pop .survey-pop-screen[data-screen="1"] .pop__top,
    .survey-pop .survey-pop-screen[data-screen="2"] .pop__top,
    .survey-pop .survey-pop-screen[data-screen="3"] .pop__top {
        background-position: bottom;
        height: 137px
    }
}

.survey-pop .survey-pop-screen[data-screen="1"] .pop__top {
    background-image: url(/html/site/img/header/side-popups/cos_screen1.svg)
}

@media (max-width:520px) {
    .survey-pop .survey-pop-screen[data-screen="1"] .pop__top {
        background-image: url(/html/site/img/header/side-popups/cos_screen1_mob.svg)
    }
}

.survey-pop .survey-pop-screen[data-screen="2"] .pop__top {
    background-image: url(/html/site/img/header/side-popups/cos_screen2.svg)
}

@media (max-width:520px) {
    .survey-pop .survey-pop-screen[data-screen="2"] .pop__top {
        background-image: url(/html/site/img/header/side-popups/cos_screen2_mob.svg)
    }
}

.survey-pop .survey-pop-screen[data-screen="3"] .pop__top {
    background-image: url(/html/site/img/header/side-popups/cos_screen3.svg)
}

@media (max-width:520px) {
    .survey-pop .survey-pop-screen[data-screen="3"] .pop__top {
        background-image: url(/html/site/img/header/side-popups/cos_screen3_mob.svg);
        background-size: cover
    }
}

.survey-pop .survey-pop-screen[data-screen="4"] .pop__top {
    background-image: url(/html/site/img/header/side-popups/cos_screen4.svg);
    height: 248px
}

@media (max-width:520px) {
    .survey-pop .survey-pop-screen[data-screen="4"] .pop__top {
        background-image: url(/html/site/img/header/side-popups/cos_screen4_mob.svg);
        height: 247px
    }
}

.survey-pop .survey-pop-screen .pop__body ul.radio-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 56px;
    width: 100%
}

.survey-pop .survey-pop-screen .pop__body ul.radio-list li {
    align-items: center;
    background: #fff;
    border: 1px solid #bbc5cb;
    border-radius: 8px;
    color: #343c41;
    cursor: pointer;
    display: flex;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    gap: 16px;
    line-height: 22px;
    padding: 16px 24px;
    text-align: left;
    width: 100%
}

.survey-pop .survey-pop-screen .pop__body ul.radio-list li span.radio {
    border: 1px solid #bbc5cb;
    border-radius: 100%;
    display: flex;
    height: 18px;
    pointer-events: none;
    width: 18px
}

.survey-pop .survey-pop-screen .pop__body ul.radio-list li.selected {
    background: #e6f6eb;
    border: 1px solid #009b5d
}

.survey-pop .survey-pop-screen .pop__body ul.radio-list li.selected span.radio {
    align-items: center;
    border: 1px solid #009b5d;
    display: flex;
    justify-content: center
}

.survey-pop .survey-pop-screen .pop__body ul.radio-list li.selected span.radio:after {
    background: #009b5d;
    border-radius: 100%;
    content: "";
    height: 8px;
    width: 8px
}

.survey-pop .survey-pop-screen .pop__bottom p {
    color: #343c41;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: center
}

.survey-pop .survey-pop-screen .pop__bottom .pop__body {
    position: relative
}

.survey-pop .survey-pop-screen .pop__bottom .pop__body input.input-other,
.survey-pop .survey-pop-screen .pop__bottom .pop__body span.dropdown-box {
    border: 1px solid #bbc5cb;
    border-radius: 8px;
    color: #889aa7;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    height: 56px;
    line-height: 22px;
    margin-bottom: 24px;
    padding: 16px 24px;
    text-align: left;
    width: 100%
}

.survey-pop .survey-pop-screen .pop__bottom .pop__body input.input-other {
    background: #f0f4f7;
    font-weight: 400
}

.survey-pop .survey-pop-screen .pop__bottom .pop__body input.input-other::-moz-placeholder {
    color: #9fadb7
}

.survey-pop .survey-pop-screen .pop__bottom .pop__body input.input-other::placeholder {
    color: #9fadb7
}

.survey-pop .survey-pop-screen .pop__bottom .pop__body input.input-other.dirty {
    background: #fff
}

.survey-pop .survey-pop-screen .pop__bottom .pop__body span.dropdown-box {
    overflow: hidden;
    padding-right: 40px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.survey-pop .survey-pop-screen .pop__bottom .pop__body span.dropdown-box:after {
    color: #465159;
    content: "\e94a";
    display: block;
    font-family: icomoon;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 17px;
    width: 24px
}

.survey-pop .survey-pop-screen .pop__bottom .pop__body ul.s-dropdown {
    background: #fff;
    border-radius: 8px;
    bottom: 0;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .149);
    cursor: pointer;
    display: none;
    height: 224px;
    overflow-x: hidden;
    padding: 12px;
    position: absolute;
    width: 100%
}

.survey-pop .survey-pop-screen .pop__bottom .pop__body ul.s-dropdown.others {
    bottom: 40px
}

.survey-pop .survey-pop-screen .pop__bottom .pop__body ul.s-dropdown li {
    border-bottom: 1px solid #d7dcdf;
    cursor: pointer;
    display: block;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    height: 45px;
    line-height: 21px;
    overflow: hidden;
    padding: 12px 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.survey-pop .survey-pop-screen .pop__bottom .pop__body ul.s-dropdown li.selected {
    color: #0093c9;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    padding-right: 17px;
    position: relative;
    text-align: left
}

.survey-pop .survey-pop-screen .pop__bottom .pop__body ul.s-dropdown li.selected:after {
    color: #0093c9;
    content: "\e9a6";
    font-family: icomoon;
    height: 16px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 16px
}

.survey-pop .survey-pop-screen .pop__footer {
    position: relative
}

.survey-pop .survey-pop-screen .pop__footer ul.progress {
    bottom: 0;
    display: flex;
    gap: 5px;
    height: 10px;
    position: absolute;
    top: auto;
    width: 100%
}

.survey-pop .survey-pop-screen .pop__footer ul.progress li {
    background: #d7dcdf;
    width: 100%
}

.survey-pop .survey-pop-screen .pop__footer ul.progress li.filled {
    background: #009b5d
}

.survey-pop.le {
    background-color: #fff;
    border-radius: 12px;
    bottom: unset;
    height: 424px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 190px;
    transition: top .3s ease-in;
    width: 760px;
    z-index: 9999
}

.survey-pop.le .survey-pop-screen.active {
    display: flex;
    justify-content: space-between;
    padding: 44px 60px;
    position: relative
}

.survey-pop.le .survey-pop-screen .pop__top {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    flex-grow: 0;
    flex-shrink: 0;
    height: 340px;
    margin-right: 20px;
    position: unset;
    width: 41%;
    width: 250px
}

@media (max-width:520px) {
    .survey-pop.le .survey-pop-screen .pop__top {
        height: 137px
    }
}

.survey-pop.le .survey-pop-screen .pop__top .survey-cross {
    right: 20px;
    top: 20px
}

.survey-pop.le .survey-pop-screen .pop__top .survey-back {
    left: 20px;
    top: 20px
}

.survey-pop.le .survey-pop-screen .pop__bottom {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    padding: 0;
    width: 350px
}

.survey-pop.le .survey-pop-screen .pop__bottom h3 {
    color: #465159;
    font-family: Roboto;
    font-size: 24px;
    font-weight: 900;
    line-height: 36px;
    margin: 0 0 12px;
    text-align: center
}

.survey-pop.le .survey-pop-screen .pop__bottom a {
    margin-bottom: unset
}

.survey-pop.le .survey-pop-screen .pop__bottom .pop__body {
    width: 100%
}

.survey-pop.le .survey-pop-screen .pop__bottom .pop__body p.headline {
    color: #465159;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -.011em;
    line-height: 24px;
    margin: 0 0 36px;
    text-align: center
}

.survey-pop.le .survey-pop-screen .pop__bottom .pop__body ul.radio-list {
    margin-bottom: unset
}

.survey-pop.le .survey-pop-screen .pop__bottom .pop__body ul.s-dropdown {
    bottom: 24px
}

.survey-pop.le .survey-pop-screen .pop__footer ul.progress {
    display: none
}

.survey-pop.le .survey-pop-screen[data-screen="1"] .pop__top {
    background-image: url(/html/site/img/header/side-popups/le_cos_screen1.svg);
    background-size: contain
}

.survey-pop.le .survey-pop-screen[data-screen="1"] .pop__bottom h3:before {
    content: unset
}

.survey-pop.le .survey-pop-screen[data-screen="2"] .pop__top {
    background-image: url(/html/site/img/header/side-popups/le_cos_screen2.svg);
    background-size: contain
}

.survey-pop.le .survey-pop-screen[data-screen="3"] .pop__top {
    background-image: url(/html/site/img/header/side-popups/le_cos_screen3.svg);
    background-size: contain
}

.survey-pop.le .survey-pop-screen[data-screen="4"] .pop__top {
    background-image: url(/html/site/img/header/side-popups/le_cos_screen4.svg);
    background-position: center right 10px;
    background-size: 80%;
    width: 300px
}

.survey-pop.le .survey-pop-screen[data-screen="4"] .pop__bottom {
    width: 290px
}

@media (max-width:800px) {
    .survey-pop.le {
        border-radius: 12px 12px 0 0;
        bottom: 0;
        height: 561px;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        right: 0;
        top: auto !important;
        transform: unset;
        width: 359px
    }
    .survey-pop.le .survey-pop-screen.active {
        display: flex;
        flex-direction: column;
        gap: 24px;
        justify-content: unset;
        padding: 24px 24px 0;
        position: relative
    }
    .survey-pop.le .survey-pop-screen .pop__top {
        background-color: #fff;
        background-position: bottom;
        background-repeat: no-repeat;
        height: 579px;
        height: 190px;
        padding-right: unset;
        position: unset;
        width: 100%
    }
    .survey-pop.le .survey-pop-screen .pop__top .survey-cross {
        right: 20px;
        top: 20px
    }
    .survey-pop.le .survey-pop-screen .pop__top .survey-back {
        left: 20px;
        top: 20px
    }
    .survey-pop.le .survey-pop-screen .pop__bottom {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0;
        width: 100%
    }
    .survey-pop.le .survey-pop-screen .pop__bottom h3 {
        color: #465159;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        margin: 0 0 16px;
        text-align: center
    }
    .survey-pop.le .survey-pop-screen .pop__bottom a {
        margin-bottom: unset
    }
    .survey-pop.le .survey-pop-screen .pop__bottom .pop__body {
        width: 100%
    }
    .survey-pop.le .survey-pop-screen .pop__bottom .pop__body p.headline {
        color: #465159;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: -.011em;
        line-height: 21px;
        margin: 0 0 16px;
        text-align: center
    }
    .survey-pop.le .survey-pop-screen .pop__bottom .pop__body ul.radio-list {
        margin-bottom: unset
    }
    .survey-pop.le .survey-pop-screen .pop__bottom .pop__body ul.s-dropdown {
        bottom: 24px
    }
    .survey-pop.le .survey-pop-screen .pop__footer ul.progress {
        display: none
    }
    .survey-pop.le .survey-pop-screen[data-screen="1"] .pop__top {
        background-image: url(/html/site/img/header/side-popups/le_cos_screen1-mob.svg)
    }
    .survey-pop.le .survey-pop-screen[data-screen="1"] .pop__bottom h3:before {
        content: "Hello 👋🏼 "
    }
    .survey-pop.le .survey-pop-screen[data-screen="2"] .pop__top {
        background-image: url(/html/site/img/header/side-popups/le_cos_screen2-mob.svg)
    }
    .survey-pop.le .survey-pop-screen[data-screen="3"] .pop__top {
        background-image: url(/html/site/img/header/side-popups/le_cos_screen3-mob.svg)
    }
    .survey-pop.le .survey-pop-screen[data-screen="4"] .pop__top {
        background-image: url(/html/site/img/header/side-popups/le_cos_screen4-mob.svg);
        background-position: 50%;
        background-size: contain;
        width: auto
    }
    .survey-pop.le .survey-pop-screen[data-screen="4"] .pop__bottom h3 {
        color: #343c41;
        font-family: Roboto;
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
        margin: 0 0 16px;
        text-align: center
    }
    .survey-pop.le .survey-pop-screen[data-screen="4"] .pop__bottom p.thank-you-text {
        color: #343c41;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        margin: 0;
        text-align: center
    }
}

@media (max-width:480px) {
    .survey-pop {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        bottom: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        overflow-y: scroll;
        right: 0;
        top: auto !important;
        transform: unset;
        width: 100% !important
    }
}

.apt_pop,
.survey-pop {
    width: 352px;
    z-index: 15
}

.apt_pop h2,
.survey-pop h2 {
    color: #1b232e;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 900;
    line-height: 32px;
    padding: 0 20px;
    text-align: center;
    text-transform: capitalize
}

@media (max-width:520px) {
    .apt_pop h2,
    .survey-pop h2 {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 800;
        letter-spacing: -.01em;
        line-height: 27px;
        text-align: center
    }
}

.apt_pop .pop__body p,
.survey-pop .pop__body p {
    color: #1b232e;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: 27px;
    text-align: center
}

.apt_pop .pop__body p strong,
.survey-pop .pop__body p strong {
    color: #1b232e;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 27px;
    text-align: center
}

@media (max-width:520px) {
    .apt_pop .pop__body p,
    .survey-pop .pop__body p {
        color: #1b232e;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: -.01em;
        line-height: 24px;
        text-align: center
    }
    .apt_pop .pop__body p strong,
    .survey-pop .pop__body p strong {
        color: #1b232e;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 800;
        letter-spacing: -.01em;
        line-height: 24px;
        text-align: center
    }
}

.apt_pop .pop__bottom a,
.survey-pop .pop__bottom a {
    background: #009b5d;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 76px;
    text-align: center
}

.apt_pop .pop__bottom a.dis,
.survey-pop .pop__bottom a.dis {
    cursor: not-allowed
}

.apt_pop .pop__bottom a:hover,
.survey-pop .pop__bottom a:hover {
    background: #008952
}

#career-ready-plan {
    background: #fcfaf7;
    min-height: 624px
}

#career-ready-plan .wrapper {
    margin: 0 auto;
    max-width: 1366px;
    padding: 0
}

@media (max-width:991px) {
    #career-ready-plan {
        min-height: calc(var(--vh, 1vh)*100)
    }
    #career-ready-plan .wrapper.assessment {
        height: calc(var(--vh, 1vh)*100 - 48px);
        margin: 0;
        padding: 0;
        width: 100%
    }
    .sale-active #career-ready-plan {
        min-height: auto
    }
    .sale-active #career-ready-plan .wrapper.assessment {
        height: calc(var(--vh, 1vh)*100 - 186px)
    }
    .announcement-active #career-ready-plan {
        min-height: auto
    }
    .announcement-active #career-ready-plan .wrapper.assessment {
        height: calc(var(--vh, 1vh)*100 - 129px)
    }
}

.mindset {
    display: none
}

.mindset--rendered {
    bottom: 10px;
    display: block;
    position: fixed;
    right: 10px;
    width: 361px;
    z-index: 99
}

.mindset--rendered .mindset__close {
    align-items: center;
    background-color: #e0f3eb;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    font-size: 19px;
    font-weight: 700;
    height: 45px;
    justify-content: center;
    opacity: 1;
    position: absolute;
    right: 0;
    top: -51px;
    width: 45px
}

.mindset--rendered #mindset-agent {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .251);
    height: 497px;
    overflow: hidden;
    padding-bottom: 10px;
    z-index: 99
}

.mindset--rendered #mindset-agent #mindset-agent__inner {
    height: 487px;
    width: 100%
}

.support {
    align-items: flex-end;
    bottom: 14px;
    display: flex;
    flex-direction: column;
    pointer-events: none;
    position: fixed;
    right: 18px;
    z-index: 99
}

.support .support__message {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    color: var(--Alison-Grey-800, #343c41);
    display: inline-flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    justify-content: center;
    left: -55px;
    line-height: 150%;
    opacity: 0;
    padding: 12px;
    pointer-events: none;
    position: absolute;
    top: -101px;
    transition: opacity .3s ease-in-out;
    width: 313px
}

.support .support__item {
    cursor: pointer;
    margin-top: 8px;
    pointer-events: auto;
    transition: opacity .5s ease-in-out
}

.support .support__item.support__item--open {
    transition: scale .5s ease-in-out
}

.support .support__item.support__item--open:hover {
    transform: scale(1.01)
}

.support .support__item.support__item--mindset {
    position: relative
}

.support .support__item.support__item--mindset .support__button {
    overflow: hidden
}

.support .support__item.support__item--mindset img {
    position: relative;
    width: 49px;
    z-index: -1
}

.support .support__item.support__item--mindset:hover .support__message {
    opacity: 1
}

.support .support__item:not(.support__item--open) .support__desc {
    align-items: center;
    display: flex;
    gap: 8px
}

.support .support__item:not(.support__item--open) .support__desc span {
    align-items: center;
    background: var(--Alison-Orange-400, #f58220);
    border-radius: .25rem;
    display: flex;
    font-size: 11px;
    font-weight: 600;
    gap: .5rem;
    justify-content: center;
    line-height: 14px;
    padding: .125rem .375rem;
    text-transform: uppercase
}

.support .support__item:not(.support__item--open):hover .support__button {
    border: 2px solid #0081b6;
    border-radius: 100%
}

.support .support__item:not(.support__item--open):hover .support__desc {
    background-color: #0081b6
}

.support .support__item:not(:last-child) {
    align-items: center;
    display: flex;
    gap: 8px;
    opacity: 0;
    visibility: hidden
}

.support .support__item.support__item--show {
    opacity: 1;
    visibility: visible
}

.support .support__item.support__item--show:first-child {
    transition-delay: .5s
}

.support .support__item.support__item--show:nth-child(2) {
    transition-delay: 0s
}

.support .support__item:nth-child(2) {
    transition-delay: .5s
}

.support .support__item .support__button {
    align-items: center;
    border-radius: 100%;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .35);
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.support .support__item .support__button.support__button--blue {
    background-color: #b1e2f1
}

.support .support__item .support__button.support__button--green {
    background-color: #c2e9cd
}

.support .support__item .support__desc {
    align-items: center;
    background: var(--Alison-Blue-500---Principal, #0093c9);
    border-radius: 72px;
    color: var(--White, #fff);
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    line-height: 150%;
    max-height: 48px;
    min-height: 28px;
    padding: 12px 16px
}

.support .support__ellipse {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
    justify-content: center
}

.support .support__ellipse+span {
    color: #009b5d;
    font-size: 20px;
    font-weight: 700
}

.support .support__ellipse.support__ellipse--open {
    display: none
}

.support .support__ellipse.support__ellipse--open+span {
    display: block !important
}

.support .support__ellipse.support__ellipse--open span {
    -webkit-animation: load 1s 0s 1;
    animation: load 1s 0s 1
}

.support .support__ellipse span {
    background-color: #009b5d;
    border-radius: 100%;
    height: 8px;
    width: 8px
}

.support .support__ellipse span:nth-child(2) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.support .support__ellipse span:first-child {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

@-webkit-keyframes load {
    50% {
        opacity: 0
    }
}

@keyframes load {
    50% {
        opacity: 0
    }
}

.gc-pop-overlay {
    background: rgba(0, 0, 0, .6);
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.gc-pop,
.gc-pop-overlay {
    position: fixed;
    z-index: 99
}

.gc-pop {
    align-items: center;
    background: var(--White, #fff);
    border-radius: 24px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .12);
    display: inline-flex;
    gap: 48px;
    height: 444px;
    left: 50%;
    padding: 48px;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1008px
}

.gc-pop>div {
    position: relative
}

.gc-pop h3 {
    font-size: 32px;
    font-weight: 900;
    line-height: 150%;
    margin-bottom: 24px
}

.gc-pop h3,
.gc-pop p {
    color: var(--Alison-Grey-800, #343c41)
}

.gc-pop p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 20px
}

.gc-pop p:last-child {
    font-weight: 600
}

.gc-pop .gc-pop__details {
    background: var(--Alison-Blue-50, #e0f4f9);
    border-radius: 12px;
    color: var(--Alison-Grey-800, #343c41);
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 20px;
    padding: 16px
}

.gc-pop .gc-pop__details span {
    color: var(--Alison-Blue-700, #0070a3);
    font-size: 16px;
    font-weight: 600;
    line-height: 32px
}

.gc-pop .order-element {
    display: inline-block;
    margin-bottom: 12px
}

.gc-pop .close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width:769px) {
    .gc-pop .gc-pop__text .gc-pop__first {
        display: none
    }
}

@media (max-width:768px) {
    .gc-pop {
        border-radius: 0;
        height: 100%;
        padding: 74px 24px 24px;
        width: 100%
    }
    .gc-pop img {
        margin: 0 auto 16px;
        width: 32px
    }
    .gc-pop h3 {
        font-size: 22px
    }
    .gc-pop .gc-pop__text .gc-pop__first {
        display: block
    }
    .gc-pop .gc-pop__text .gc-pop__first img {
        width: 206px
    }
    .gc-pop .gc-pop__first {
        display: none
    }
    .gc-pop img {
        display: block !important
    }
}

@media (max-width:585px) {
    .gc-pop {
        margin-top: 30px;
        padding-top: 100px
    }
}

@media (min-width:769px) {
    html[lang=es] .course-landing__body .body-announcement .annc__new-inner .annc__new-center {
        width: 354px
    }
    html[lang=es] .course-landing__body .body-announcement .annc__new-inner .annc__new-right {
        width: 135px
    }
}

@media (max-width:768px) {
    html[lang=es] .body-announcement .annc__new-inner .annc__new-center {
        width: 161px
    }
    html[lang=es] .body-announcement .annc__new-inner .annc__new-right {
        width: 135px
    }
}

@media (min-width:769px) {
    html[lang=es] .body-announcement .annc__new-inner .annc__new-center {
        max-width: 596px
    }
    html[lang=es] .body-announcement .annc__new-inner .annc__new-right {
        width: 190px
    }
}

.body-announcement.--offline .annc__new-left {
    background-image: url(/html/site/img/header/new-announcement/annc-dtp-bg-new.svg);
    background-position: left -20px center;
    background-repeat: no-repeat
}

.body-announcement.--premium .annc__new-left {
    background-image: url(/html/site/img/header/new-announcement/premium-ad.svg);
    background-position: left -20px center;
    background-repeat: no-repeat
}

.announcement.annc__new.active.header__banner,
.body-announcement {
    background: #effff6;
    background-image: linear-gradient(90deg, #effff6, #b6e4f1);
    border: 1px solid transparent;
    box-sizing: border-box;
    height: 88px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 99999
}

.announcement.annc__new.active.header__banner .annc__new-inner,
.body-announcement .annc__new-inner {
    align-items: center;
    display: flex;
    height: 88px;
    width: 100%
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-left,
.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right,
.body-announcement .annc__new-inner .annc__new-left,
.body-announcement .annc__new-inner .annc__new-right {
    align-items: center;
    display: flex;
    height: 88px;
    justify-content: flex-start;
    width: 600px
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-center,
.body-announcement .annc__new-inner .annc__new-center {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-center span.dkp-announcement,
.body-announcement .annc__new-inner .annc__new-center span.dkp-announcement {
    color: var(--Alison-Grey-800, #343c41);
    display: block;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 27px
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-center span.mob-announcement,
.body-announcement .annc__new-inner .annc__new-center span.mob-announcement {
    color: var(--Alison-Grey-800, #343c41);
    display: none;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 27px
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-center span.mob-announcement span,
.body-announcement .annc__new-inner .annc__new-center span.mob-announcement span {
    color: var(--Alison-Grey-800, #343c41);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 27px
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn {
    align-items: center;
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    gap: 8px;
    height: 42px;
    justify-content: center;
    width: 118px
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn .ico,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn .ico {
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 18px;
    pointer-events: none;
    width: 18px
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn .txt,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn .txt {
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    pointer-events: none
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:focus,
.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:link,
.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:visited,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn:focus,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn:link,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn:visited {
    background: var(--White, #fff);
    border: 1px solid var(--Alison-Green-700, #007646)
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:focus .ico,
.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:link .ico,
.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:visited .ico,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn:focus .ico,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn:link .ico,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn:visited .ico {
    background-image: url(/html/site/img/header/new-announcement/annc__new-btn--dtp2.svg)
}

@media (max-width:768px) {
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:focus .ico,
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:link .ico,
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:visited .ico,
    .body-announcement .annc__new-inner .annc__new-right .annc__new-btn:focus .ico,
    .body-announcement .annc__new-inner .annc__new-right .annc__new-btn:link .ico,
    .body-announcement .annc__new-inner .annc__new-right .annc__new-btn:visited .ico {
        background-image: url(/html/site/img/header/new-announcement/annc__new-btn--mob.svg)
    }
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:focus .txt,
.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:link .txt,
.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:visited .txt,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn:focus .txt,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn:link .txt,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn:visited .txt {
    color: var(--Alison-Green-700, #007646)
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:hover,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn:hover {
    background: var(--Alison-Green-700, #007646);
    border: 1px solid var(--Alison-Green-700, #007646)
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:hover .ico,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn:hover .ico {
    background-image: url(/html/site/img/header/new-announcement/annc__new-btn--dtp-hover2.svg)
}

@media (max-width:768px) {
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:hover .ico,
    .body-announcement .annc__new-inner .annc__new-right .annc__new-btn:hover .ico {
        background-image: url(/html/site/img/header/new-announcement/annc__new-btn--mob-hover.svg)
    }
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:hover .txt,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn:hover .txt {
    color: var(--White, #fff)
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:active,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn:active {
    background: #17592e;
    border: 1px solid #17592e
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:active .ico,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn:active .ico {
    background-image: url(/html/site/img/header/new-announcement/annc__new-btn--dtp-hover2.svg)
}

@media (max-width:768px) {
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:active .ico,
    .body-announcement .annc__new-inner .annc__new-right .annc__new-btn:active .ico {
        background-image: url(/html/site/img/header/new-announcement/annc__new-btn--mob-hover.svg)
    }
}

.announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:active .txt,
.body-announcement .annc__new-inner .annc__new-right .annc__new-btn:active .txt {
    color: var(--White, #fff)
}

.announcement.annc__new.active.header__banner .annc__new-discard,
.body-announcement .annc__new-discard {
    background-image: url(/html/site/img/header/new-announcement/annc__new-discard--dtp.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 24px;
    position: absolute;
    right: 30px;
    top: calc(50% - 12px);
    width: 24px
}

@media (max-width:1510px) {
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-left,
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right,
    .body-announcement .annc__new-inner .annc__new-left,
    .body-announcement .annc__new-inner .annc__new-right {
        width: 400px
    }
}

@media (max-width:1220px) {
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-left,
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right,
    .body-announcement .annc__new-inner .annc__new-left,
    .body-announcement .annc__new-inner .annc__new-right {
        width: 280px
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-left,
    .body-announcement .annc__new-inner .annc__new-left {
        background-position: left -90px center
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-center,
    .body-announcement .annc__new-inner .annc__new-center {
        padding: 0 24px
    }
}

@media (max-width:1000px) {
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-left,
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right,
    .body-announcement .annc__new-inner .annc__new-left,
    .body-announcement .annc__new-inner .annc__new-right {
        flex-shrink: 0;
        width: 200px
    }
}

@media (max-width:833px) {
    .announcement.annc__new.active.header__banner,
    .body-announcement {
        border: 1px solid #fff;
        height: 81px;
        min-height: 81px !important
    }
    .announcement.annc__new.active.header__banner .annc__new-inner,
    .body-announcement .annc__new-inner {
        height: 81px
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-left,
    .body-announcement .annc__new-inner .annc__new-left {
        background-image: url(/html/site/img/header/new-announcement/annc-mob-bg-new.svg);
        background-position: left 52px bottom 5px;
        background-repeat: no-repeat
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-center span.dkp-announcement,
    .body-announcement .annc__new-inner .annc__new-center span.dkp-announcement {
        display: none
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-center span.mob-announcement,
    .body-announcement .annc__new-inner .annc__new-center span.mob-announcement {
        color: var(--Alison-Grey-800, #343c41);
        display: block;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: .24px;
        line-height: 18px
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-center span.mob-announcement span,
    .body-announcement .annc__new-inner .annc__new-center span.mob-announcement span {
        color: var(--Alison-Grey-800, #343c41);
        display: block;
        font-family: Roboto;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: .2px;
        line-height: 18px
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right,
    .body-announcement .annc__new-inner .annc__new-right {
        justify-content: center
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn,
    .body-announcement .annc__new-inner .annc__new-right .annc__new-btn {
        align-items: center;
        border-radius: 8px;
        box-sizing: border-box;
        display: flex;
        flex-shrink: 0;
        gap: 4px;
        justify-content: center
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn .ico,
    .body-announcement .annc__new-inner .annc__new-right .annc__new-btn .ico {
        height: 16px;
        width: 16px
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:link .ico,
    .body-announcement .annc__new-inner .annc__new-right .annc__new-btn:link .ico {
        background-image: url(/html/site/img/header/new-announcement/annc__new-btn--dtp2.svg)
    }
}

@media (max-width:833px) and (max-width:768px) {
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:link .ico,
    .body-announcement .annc__new-inner .annc__new-right .annc__new-btn:link .ico {
        background-image: url(/html/site/img/header/new-announcement/annc__new-btn--mob.svg)
    }
}

@media (max-width:833px) {
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:active .ico,
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:hover .ico,
    .body-announcement .annc__new-inner .annc__new-right .annc__new-btn:active .ico,
    .body-announcement .annc__new-inner .annc__new-right .annc__new-btn:hover .ico {
        background-image: url(/html/site/img/header/new-announcement/annc__new-btn--dtp-hover2.svg)
    }
}

@media (max-width:833px) and (max-width:768px) {
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:active .ico,
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:hover .ico,
    .body-announcement .annc__new-inner .annc__new-right .annc__new-btn:active .ico,
    .body-announcement .annc__new-inner .annc__new-right .annc__new-btn:hover .ico {
        background-image: url(/html/site/img/header/new-announcement/annc__new-btn--mob-hover.svg)
    }
}

@media (max-width:833px) {
    .announcement.annc__new.active.header__banner .annc__new-discard,
    .body-announcement .annc__new-discard {
        left: 16px
    }
}

@media (max-width:600px) {
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-left,
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right,
    .body-announcement .annc__new-inner .annc__new-left,
    .body-announcement .annc__new-inner .annc__new-right {
        flex-shrink: 0;
        width: 110px
    }
}

@media (max-width:480px) {
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-left,
    .body-announcement .annc__new-inner .annc__new-left {
        background-position: left 43px bottom 5px
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn:link,
    .body-announcement .annc__new-inner .annc__new-right .annc__new-btn:link {
        width: 84px
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-center,
    .body-announcement .annc__new-inner .annc__new-center {
        padding: 0 10px 0 8px;
        text-align: left
    }
}

@media (max-width:1220px) {
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-left {
        background-position: left -25px center
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-left,
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right {
        flex-shrink: 0;
        width: 230px
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-center {
        flex-shrink: 1;
        padding: 0 24px;
        text-align: left
    }
}

@media (max-width:833px) {
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-left {
        background-position: left 50px bottom 6px
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-left,
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right {
        flex-shrink: 0;
        width: 130px
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right {
        flex-shrink: 1;
        padding: 0 16px
    }
}

@media (max-width:480px) {
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-left {
        background-position: left 44px bottom 6px
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-left,
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right {
        flex-shrink: 0;
        width: 108px
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right {
        flex-shrink: 1;
        padding: 0 16px
    }
    .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-center {
        justify-content: unset;
        padding: 0 10px 0 8px;
        text-align: left
    }
}

.body-announcement {
    border: 2px solid #c2e9cd;
    border-radius: 12px;
    box-sizing: border-box;
    height: 88px;
    min-height: 88px !important;
    z-index: 1
}

.body-announcement .annc__new-inner {
    height: 88px
}

.body-announcement .annc__new-inner .annc__new-right {
    width: 310px
}

.body-announcement .annc__new-inner .annc__new-left {
    background-image: url(/html/site/img/offline-learning/annc__new-body--dtp.svg);
    background-position: left bottom 4px;
    width: 246px
}

.body-announcement .annc__new-inner .annc__new-center {
    padding: 0 10px
}

.body-announcement .annc__new-inner .annc__new-center span.dkp-announcement {
    display: block;
    font-size: 16px;
    line-height: 24px
}

.body-announcement .annc__new-inner .annc__new-center span.mob-announcement {
    display: none
}

@media (max-width:1470px) {
    .body-announcement .annc__new-inner .annc__new-left,
    .body-announcement .annc__new-inner .annc__new-right {
        width: 250px
    }
    .body-announcement .annc__new-discard {
        right: 15px
    }
}

@media (max-width:1220px) {
    .body-announcement .annc__new-inner .annc__new-left {
        background-position: left bottom 4px
    }
}

@media (max-width:1000px) {
    .body-announcement .annc__new-inner .annc__new-left,
    .body-announcement .annc__new-inner .annc__new-right {
        flex-shrink: 0;
        width: 190px
    }
}

@media (max-width:833px) {
    .body-announcement .annc__new-inner .annc__new-left,
    .body-announcement .annc__new-inner .annc__new-right {
        flex-shrink: 0;
        width: 130px
    }
    .body-announcement .annc__new-inner .annc__new-left {
        background-image: url(/html/site/img/offline-learning/annc__new-body--mob.svg);
        background-position: left 60px bottom 4px
    }
    .body-announcement .annc__new-inner .annc__new-center span.dkp-announcement {
        display: none
    }
    .body-announcement .annc__new-inner .annc__new-center span.mob-announcement {
        color: var(--Alison-Grey-800, #343c41);
        display: block;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: .24px;
        line-height: 18px
    }
    .body-announcement .annc__new-inner .annc__new-center span.mob-announcement span {
        color: var(--Alison-Grey-800, #343c41);
        display: block;
        font-family: Roboto;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: .2px;
        line-height: 18px
    }
}

@media (max-width:480px) {
    .body-announcement {
        border: 1px solid #fff;
        border-radius: 0;
        height: 81px;
        margin: 0 auto 38px;
        width: calc(100% + 48px)
    }
    .body-announcement .annc__new-inner .annc__new-left {
        width: 110px
    }
    .body-announcement .annc__new-inner .annc__new-right {
        width: 150px
    }
    .body-announcement .annc__new-inner .annc__new-left {
        background-position: left 50px bottom 3px
    }
    .body-announcement .annc__new-inner .annc__new-right {
        justify-content: flex-start
    }
    .body-announcement .annc__new-discard {
        left: 16px
    }
}

.body-announcement.announcement__clp-template {
    height: 90px;
    margin-bottom: 30px;
    z-index: 1
}

.body-announcement.announcement__clp-template .annc__new-inner {
    height: 90px
}

.body-announcement.announcement__clp-template .annc__new-inner .annc__new-left {
    flex-shrink: 0;
    width: 110px
}

.body-announcement.announcement__clp-template .annc__new-inner .annc__new-center {
    padding: 0 10px
}

.body-announcement.announcement__clp-template .annc__new-inner .annc__new-center span.dkp-announcement {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px
}

.body-announcement.announcement__clp-template .annc__new-inner .annc__new-center span.mob-announcement {
    display: none
}

.body-announcement.announcement__clp-template .annc__new-inner .annc__new-right {
    flex-shrink: 0;
    width: 190px
}

.body-announcement.announcement__clp-template .annc__new-inner .annc__new-left {
    background-image: url(/html/site/img/offline-learning/annc__new-body2--dtp.svg);
    background-position: left bottom 3px
}

@media (max-width:991px) {
    .body-announcement.announcement__clp-template {
        border: none;
        border-radius: 0;
        margin-top: 30px;
        width: 100%
    }
    .body-announcement.announcement__clp-template .annc__new-inner .annc__new-left {
        background-position: left bottom 0
    }
}

@media (max-width:833px) {
    .body-announcement.announcement__clp-template .annc__new-inner .annc__new-left,
    .body-announcement.announcement__clp-template .annc__new-inner .annc__new-right {
        flex-shrink: 0;
        width: 130px
    }
    .body-announcement.announcement__clp-template .annc__new-inner .annc__new-left {
        background-image: url(/html/site/img/offline-learning/annc__new-body--mob.svg);
        background-position: left 60px bottom 4px
    }
    .body-announcement.announcement__clp-template .annc__new-inner .annc__new-center span.dkp-announcement {
        display: none
    }
    .body-announcement.announcement__clp-template .annc__new-inner .annc__new-center span.mob-announcement {
        color: var(--Alison-Grey-800, #343c41);
        display: block;
        font-family: Roboto;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: .24px;
        line-height: 18px
    }
    .body-announcement.announcement__clp-template .annc__new-inner .annc__new-center span.mob-announcement span {
        color: var(--Alison-Grey-800, #343c41);
        display: block;
        font-family: Roboto;
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: .2px;
        line-height: 18px
    }
}

@media (max-width:480px) {
    .body-announcement.announcement__clp-template {
        border: 1px solid #fff;
        border-radius: 0;
        height: 81px;
        margin: 30px auto;
        width: 100%
    }
    .body-announcement.announcement__clp-template .annc__new-inner .annc__new-left {
        width: 110px
    }
    .body-announcement.announcement__clp-template .annc__new-inner .annc__new-right {
        width: 100px
    }
    .body-announcement.announcement__clp-template .annc__new-inner .annc__new-left {
        background-position: left 50px bottom 4px
    }
    .body-announcement.announcement__clp-template .annc__new-inner .annc__new-right {
        justify-content: flex-start
    }
    .body-announcement.announcement__clp-template .annc__new-discard {
        left: 16px
    }
}

@media (min-width:768px) {
    html[lang=en] .announcement.annc__new.active.header__banner .annc__new-inner .annc__new-right .annc__new-btn .txt,
    html[lang=en] .body-announcement .annc__new-inner .annc__new-right .annc__new-btn .txt {
        font-size: 14px
    }
}

.annc__new-pop-overlay {
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000
}

.annc__new-pop {
    background: linear-gradient(180deg, #effff6, #b8e5f2);
    border-radius: 12px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    flex-direction: column;
    gap: 12px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    outline: 0;
    padding: 24px 24px 34px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 150px;
    width: 373px;
    z-index: 10001
}

.annc__new-pop .annc__new-pop-discard {
    background-image: url(/html/site/img/header/new-announcement/annc__new-discard--dtp.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 31px;
    opacity: .7;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 31px
}

.annc__new-pop h6 {
    color: #2d3941;
    font-size: 24px;
    font-weight: 900;
    line-height: 36px;
    margin: 24px 0 0
}

.annc__new-pop h6,
.annc__new-pop p {
    font-style: normal;
    text-align: center
}

.annc__new-pop p {
    color: var(--Alison-Grey-700, #465159);
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 14px
}

.annc__new-pop img {
    display: block;
    margin: 0 auto
}

.annc__new-pop .store__links {
    display: flex;
    gap: 20px;
    justify-content: center;
    padding: 0 10px
}

.annc__new-pop .store__links>div>img {
    margin-bottom: 22px
}

.annc__new-pop .store__links>div a img {
    height: 40px;
    width: 120px
}

.annc__new-pop small {
    color: var(--Alison-Grey-700, #465159);
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-align: center
}

@media (max-width:768px) {
    .annc__new-pop {
        border-radius: 12px 12px 0 0;
        bottom: 0;
        height: 360px;
        left: 0;
        right: 0;
        top: auto;
        width: 100%
    }
    .annc__new-pop h6 {
        font-size: 22px
    }
    .annc__new-pop p {
        font-size: 14px
    }
    .annc__new-pop .store__links {
        flex-direction: column
    }
    .annc__new-pop .store__links>div>img {
        display: none
    }
    .annc__new-pop .store__links>div a img {
        height: 60px;
        width: 180px
    }
    .annc__new-pop .annc__new-pop-desc {
        display: none
    }
    .annc__new-pop .annc__new-pop-desc--mobile {
        display: block !important
    }
}

#gam_header {
    position: relative
}

#gam_header.gam_header--local {
    background: #a9a9a9;
    height: 90px;
    width: 780px
}

@media (max-width:768px) {
    #gam_footer div[id^=google_ads_iframe_],
    #gam_header div[id^=google_ads_iframe_] {
        width: 100%
    }
}

#gam_sidebar.gam_sidebar--local {
    background: #a9a9a9;
    height: 600px;
    width: 160px
}

.premium-touchpoint {
    background: var(--Alison-Grey-25, #f0f4f7) url(/html/site/img/shop/premium/arrow.svg) no-repeat center center;
    border: 1px solid var(--Alison-Grey-50, #d7dcdf);
    border-radius: 0 0 6px 6px;
    bottom: -25px;
    content: "";
    cursor: pointer;
    display: block;
    height: 24px;
    position: absolute;
    width: 64px
}

.ad-wrapper {
    margin: 0 auto;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.ad-wrapper.ad-wrapper--sidebar .premium-touchpoint {
    bottom: auto;
    left: -44px;
    top: 20px;
    transform: rotate(90deg)
}

.premium-pop {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    left: 0;
    position: fixed;
    top: var(--headerHeight);
    width: 100%;
    z-index: 1000
}

.premium-pop h4 {
    font-size: 22px;
    font-weight: 900;
    line-height: 150%;
    margin-bottom: 16px
}

.premium-pop p {
    font-size: 14px;
    letter-spacing: -.176px;
    margin-bottom: 2.25rem
}

.premium-pop__inner {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .141), 0 9px 46px 8px rgba(0, 0, 0, .122);
    height: 448px;
    left: 50%;
    padding: 2rem 1.5rem;
    position: fixed;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 556px;
    z-index: 999
}

@media (max-width:768px) {
    .premium-pop__inner {
        height: auto;
        width: 95%
    }
    .premium-pop__inner h4 {
        font-size: 20px
    }
    .premium-pop__inner .premium-pop__nav {
        flex-direction: column
    }
}

.premium-pop__nav {
    align-items: center;
    display: flex;
    gap: 20px;
    justify-content: center
}

.premium-pop__btn {
    background: var(--Alison-Green-600, #008445);
    border-radius: .5rem;
    color: var(--White, #fff);
    font-size: 16px;
    font-weight: 700 !important;
    padding: .875rem 4rem
}

.premium-pop__btn.premium-pop__btn--underline {
    background: transparent;
    border-bottom: 1px solid #008445;
    border-radius: 0;
    color: var(--Alison-Green-600, #008445);
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    padding: 0
}

.landing .ads-slider {
    margin-bottom: 40px
}

.landing .ads-slider .slick-dots {
    overflow: visible
}

.landing .ads-slider .slick-dots li {
    background: #465159;
    border: none;
    border-radius: 4px;
    height: 8px;
    margin-right: 12px;
    transition: all .3s ease-in-out;
    width: 56px
}

.landing .ads-slider .slick-dots li.slick-active {
    background-color: #b3bdc0;
    width: 28px
}

.ads-slide.ads-slide--green .ads-slide__inner {
    background: #effff6 linear-gradient(90deg, #effff6, #b6e4f1);
    border: 2px solid #c2e9cd
}

.ads-slide.ads-slide--button .ads-slide__content {
    grid-column-gap: 0;
    grid-row-gap: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr)
}

.ads-slide.ads-slide--button .ads-slide__content.ads-slide__content--slim {
    height: 74px
}

.ads-slide.ads-slide--button .ads-slide__content h6 {
    grid-area: 1/1/2/3
}

.ads-slide.ads-slide--button .ads-slide__content p {
    grid-area: 2/1/3/3
}

.ads-slide.ads-slide--button .ads-slide__content a {
    grid-column: 3;
    grid-row: span 2;
    place-self: center
}

@media (max-width:768px) {
    .ads-slide.ads-slide--button .ads-slide__content {
        height: 56px
    }
    .ads-slide.ads-slide--button .ads-slide__content h6 {
        grid-column: 1/3;
        grid-row: 1/2
    }
    .ads-slide.ads-slide--button .ads-slide__content p {
        grid-column: 1;
        grid-row: 2
    }
}

.ads-slide.ads-slide--button a {
    align-items: center;
    background: #fff url(/html/site/img/header/new-announcement/annc__new-btn--dtp2.svg) no-repeat 14px 11px;
    border: 1px solid var(--Alison-Green-700, #007646);
    border-radius: 8px;
    box-sizing: border-box;
    color: var(--Alison-Green-700, #007646);
    display: flex;
    gap: 8px;
    height: 42px;
    justify-content: flex-end;
    padding-right: 25px;
    width: 118px
}

.ads-slide.ads-slide--button a:hover {
    background-color: var(--Alison-Green-700, #007646);
    background-image: url(/html/site/img/header/new-announcement/annc__new-btn--dtp-hover2.svg);
    border: 1px solid var(--Alison-Green-700, #007646);
    color: var(--White, #fff)
}

@media (max-width:768px) {
    .ads-slide.ads-slide--button a {
        background-image: url(/html/site/img/header/new-announcement/annc__new-btn--mob.svg);
        background-position: 14px 5px;
        height: 26px;
        padding-right: 12px;
        width: 87px
    }
}

.ads-slide h6 {
    color: var(--Alison-Grey-800, #343c41);
    font-size: 16px;
    font-weight: 700
}

.ads-slide h6,
.ads-slide p {
    line-height: 150%;
    margin-bottom: 4px
}

.ads-slide p {
    color: #465159;
    font-size: 14px;
    font-weight: 400
}

.ads-slide a {
    color: #873795;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%
}

@media (max-width:768px) {
    .ads-slide h6 {
        font-size: 12px
    }
    .ads-slide p {
        font-size: 10px
    }
    .ads-slide a {
        font-size: 12px
    }
}

.ads-slide__inner {
    align-items: center;
    background: var(--Alison-Purple-10, #fbf5ff);
    border: 2px solid var(--Alison-Purple-25, #faecff);
    border-radius: 12px;
    display: flex;
    gap: 28px
}

@media (max-width:768px) {
    .ads-slide__inner {
        border: none !important;
        border-radius: 0 !important;
        gap: 8px
    }
}

.user_img {
    max-width: 100%;
    overflow: visible !important;
    position: relative
}

.user_img:before {
    background: #d2d8de;
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    margin: -6px;
    position: absolute;
    right: 0;
    top: 0
}

.user_img img {
    border-radius: 50%;
    position: relative;
    z-index: 1
}

.user_img.user_img--premium:before {
    background: linear-gradient(90deg, #f56c20, #c41a80 46.63%, #8a3694)
}

.user_img.user_img--premium:after {
    background: url(/html/site/img/shop/premium/avatar-logo.svg) no-repeat 50%/100%;
    bottom: -6px;
    content: "";
    display: block;
    height: calc(100% + 12px);
    position: absolute;
    right: -6px;
    width: calc(100% + 12px);
    z-index: 1
}

.share.no-margin-top {
    margin-top: -30px
}

.share.negative-margin-top {
    margin-top: -60px
}

.share.no-margin-bottom {
    margin-bottom: -30px
}

.share.no-margins {
    margin: -30px 0
}

.share.padding-bottom {
    padding-bottom: 30px
}

.static-social-share {
    margin: 30px 0
}

.static-social-share a {
    color: #066eb0 !important;
    display: inline !important;
    opacity: 1 !important
}

.static-social-share a img {
    margin-right: 5px;
    width: 32px
}

.static-social-share a:hover {
    opacity: .6 !important
}

.static-social-share a:first-child i:before {
    color: #3b5999 !important
}

.static-social-share a:nth-child(2) i:before {
    color: #55acee !important
}

.static-social-share a:nth-child(3) i:before {
    color: #0077b5 !important
}

.static-social-share a.whatsapp .icon-whatsapp {
    background: #25d366;
    border-radius: 50%;
    color: #fff;
    padding: 0 6px 1px
}

.static-social-share a.whatsapp .icon-whatsapp:before {
    font-size: 32px;
    position: relative;
    top: -3px
}

.email-share-static {
    background: rgba(45, 57, 66, .8);
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000
}

.email-share-static .close-modal {
    cursor: pointer;
    font-size: 1.4375em;
    position: absolute;
    right: 10px;
    top: 20px
}

.email-share-static .close-modal span {
    color: #2d3942
}

.email-share-static .email-share-static-inner {
    background: #fff;
    background: linear-gradient(180deg, #fff 0, #e7ecf0);
    border-radius: 8px;
    box-shadow: 0 4px 9px rgba(0, 0, 0, .3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFE7ECF0", GradientType=0);
    left: 10px;
    margin: auto;
    overflow: hidden;
    padding: 20px 20px 30px;
    position: fixed;
    right: auto;
    top: 120px;
    transition: height .5s ease-in-out;
    width: calc(100% - 20px)
}

.email-share-static .email-share-static-inner h3 {
    color: #666;
    font-size: 1.375em;
    font-weight: 400;
    text-align: center
}

.email-share-static .email-share-static-inner .error {
    color: red;
    display: block;
    font-size: .875em;
    padding: 10px 20px 0
}

.email-share-static .email-share-static-inner .form-group {
    min-height: 0
}

.email-share-static .email-share-static-inner .form-group .input-field {
    float: left;
    margin-top: 0;
    width: calc(100% - 150px)
}

.email-share-static .email-share-static-inner .form-group button.btn.btn-blue {
    border-radius: 3px;
    float: right;
    max-width: 140px
}

@media only screen and (min-width:768px) {
    .email-share-static .email-share-static-inner {
        left: 0;
        margin: auto;
        max-width: 520px;
        overflow: hidden;
        padding: 20px 40px 30px;
        position: fixed;
        right: 0
    }
    .email-share-static .email-share-static-inner .close-modal {
        font-size: 19px;
        right: 10px;
        top: 10px
    }
}

div.icon-group.search-share-group:before,
div.icon-group.social-share:before {
    content: none !important
}

.full-screens {
    height: 100%;
    position: fixed;
    width: 100%
}

.flex-a-center,
.flex-j-a-center,
.nav__dd--slide a {
    align-items: center;
    display: flex
}

.flex-j-a-center {
    justify-content: center
}

.darken {
    background: rgba(0, 0, 0, .4);
    display: none;
    z-index: 90
}

.header__spacer {
    height: var(--headerHeight, 72px)
}

.header__spacer.header__spacer--sale {
    height: var(--headerHeight, 129px)
}

.header__spacer.header__spacer--announce {
    height: var(--headerHeight, 160px)
}

header {
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999
}

@media (max-width:996px) {
    header .header__nav nav {
        display: none
    }
    header h5 {
        font-weight: 500;
        margin: 0
    }
}

.header__inner {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .08);
    height: 72px;
    justify-content: space-between;
    padding-left: 32px;
    width: 100%
}

.header__inner .header__left {
    gap: 24px
}

.header__search-input {
    width: 360px
}

@media (max-width:1360px) {
    .header__search-input {
        width: 196px
    }
}

.header__search-input input {
    border: 1px solid #b3bdc0;
    border-radius: 4px 0 0 4px;
    border-right: none;
    font-size: 12px;
    height: 36px;
    padding: 10px;
    width: calc(100% - 38px)
}

.header__search-input button {
    background: #5d676e;
    border: 1px solid #5d676e;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    float: right;
    height: 36px;
    padding: 2px 0 0;
    width: 38px
}

.header__search-input .header-search-history {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    display: none;
    margin-top: 4px;
    min-width: 416px;
    padding: 12px;
    position: absolute
}

.header__search-input .header-search-history p {
    color: #0093c9;
    font-size: 14px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 12px
}

.header__search-input .header-search-history .most-popular ul li {
    justify-content: flex-start;
    padding-left: 4px
}

.header__search-input .header-search-history .most-popular ul li span {
    margin-right: 7px
}

.header__search-input .header-search-history .most-popular ul li:last-child {
    margin-bottom: 0
}

.header__search-input .header-search-history .recent-searches ul li {
    padding-left: 22px
}

.header__search-input .header-search-history .recent-searches ul li:before {
    background: url(/html/site/img/header/history.svg) no-repeat;
    content: "";
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px
}

.header__search-input .header-search-history .recent-searches ul li span:not(.recent-search-item__text) {
    color: #7b858c;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase
}

.header__search-input .header-search-history .recent-searches ul li span:not(.recent-search-item__text):hover {
    color: #0093c9
}

.header__search-input .header-search-history .recent-searches ul li:hover:before {
    background: url(/html/site/img/header/history-blue.svg) no-repeat
}

.header__search-input .header-search-history .recent-searches ul li:last-child {
    margin-bottom: 0
}

.header__search-input .header-search-history ul li {
    align-items: center;
    color: #0b2441;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    margin-bottom: 14px;
    padding-left: 22px;
    position: relative;
    text-transform: capitalize
}

.header__search-input .header-search-history ul li:hover {
    color: #0093c9
}

.header__search-input .header-search-history ul li a {
    color: #343c41
}

.header__search-input .header-search-history ul li a:hover {
    color: #0093c9
}

.header__search-input .header-search-history ul li span.recent-search-item__text {
    height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 50px)
}

.header__search-input .header-search-history ul li span.recent-search-item__text:not(.recent-search-item__text) {
    color: #7b858c;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width:999px) {
    .header__search-input .header-search-history {
        left: -16px;
        min-width: 0;
        top: 88px;
        width: calc(100vw - 42px)
    }
}

.quick-nav {
    border-right: 1px solid #b3c2bc;
    gap: 20px;
    justify-content: center;
    padding-right: 28px
}

.quick-nav a {
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    justify-content: center;
    line-height: 22px
}

.quick-nav__continue {
    border: 2px solid #007646;
    border-radius: 8px;
    color: #007646;
    height: 40px;
    letter-spacing: .28px;
    padding: 0 10px
}

.quick-nav__cert {
    color: var(--Alison-Grey-700, #465159);
    height: 40px;
    line-height: 22px
}

.user-nav {
    gap: 12px;
    padding: 0 24px 0 28px
}

.user-nav.user-nav--premium {
    position: relative
}

.user-nav--logged-out {
    gap: 24px
}

@media (max-width:996px) {
    .user-nav {
        padding: 0 24px 0 0
    }
    .user-nav .head__u-avatar {
        top: 0
    }
    .user-nav.user-nav--premium:after {
        left: 16px;
        top: 18px
    }
}

.user-nav__lang {
    align-items: center;
    border: 1px solid #b3c2bc;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    justify-content: center;
    width: 32px
}

.user-nav__lang .language-icon {
    height: 16px !important;
    position: relative
}

.user-nav__lang .language-icon img {
    display: inline-block;
    vertical-align: unset
}

@media (min-width:1000px) {
    .user-nav__lang {
        height: 32px !important
    }
}

@media (max-width:999px) {
    .user-nav__lang .m-lang-nav__item--languages {
        height: 14px
    }
}

.language-icon span {
    background: #1c232e;
    border-radius: 40%;
    color: #fff;
    display: block;
    font-size: 8px;
    height: 10px;
    left: 9px;
    line-height: 9px;
    padding: 0 3px;
    position: absolute;
    text-align: center;
    top: -10px;
    width: 14px
}

.alms-nav {
    border-right: 1px solid #b3c2bc;
    gap: 20px;
    padding: 0 20px
}

@media (max-width:996px) {
    .alms-nav {
        border-right: none;
        padding: 0
    }
}

.lms-b {
    position: relative
}

@media (max-width:1000px) {
    .lms-b {
        display: inline-block;
        margin: 0;
        position: relative;
        width: 36px
    }
}

.lms-b__button {
    background: rgba(64, 123, 255, .08);
    border: 1px solid #b3c2bc;
    border-radius: 6px;
    color: #213b65;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    overflow: hidden;
    padding: 7px 0;
    text-indent: -9999px;
    text-indent: unset;
    transition: all .25s ease-in-out;
    white-space: nowrap;
    width: 48px
}

.lms-b__button:hover {
    color: #407bff
}

.lms-b__button.lms-b__button--active {
    background-image: unset
}

@media (max-width:999px) {
    .lms-b__button,
    .lms-b__button.lms-b__button--active,
    .lms-b__button:hover {
        background-color: transparent;
        background-image: unset;
        border: none;
        color: #213b65;
        flex-shrink: 0;
        font-size: 14px;
        font-weight: 800;
        height: 32px;
        margin-left: 9px;
        overflow: hidden;
        padding: 7px 0;
        text-indent: -9999px;
        text-indent: unset;
        white-space: nowrap;
        width: 48px
    }
    .lms-b__button--nr.lms-b__button--active:after {
        content: "" !important
    }
}

.lms-b__button--nr.lms-b__button--active:after {
    color: #b3bdc0;
    content: "\e959";
    display: block;
    font-family: icomoon;
    font-size: 8px;
    left: 18.5px;
    position: absolute;
    text-indent: 0;
    top: 40px
}

.lms-b__button--nr.player.lms-b__button--active:after {
    top: 35px
}

@media (max-width:580px) {
    .lms-b__button {
        margin-right: 8px
    }
}

.lms-b__menu {
    left: 0;
    min-width: 198px;
    position: absolute;
    top: 53px
}

.lms-b__menu--nr {
    height: 330px;
    left: -338px;
    width: 388px
}

@media (max-width:999px) {
    .lms-b__menu--nr {
        left: 0
    }
}

.lms-b__menu--nr .lms-b__inner--nr {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    opacity: 0;
    padding: 10px 10px 0;
    text-align: center
}

.lms-b__menu--nr.nav__dd--visible .lms-b__inner--nr {
    display: flex;
    opacity: 1
}

.lms-b__menu--in-lms {
    height: 193px;
    left: 50%;
    max-width: 587px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000
}

.lms-b__menu--in-lms a.btn-flms {
    align-items: center;
    border-radius: 20px;
    display: flex;
    height: 40px;
    justify-content: center;
    text-align: center;
    transition: all .25s ease-in-out;
    width: 156px
}

.lms-b__menu--in-lms a.btn-flms--affirm {
    background: #009b5d 0 0 no-repeat padding-box;
    color: #fff !important;
    font: normal normal 700 14px/19px Roboto;
    letter-spacing: 0
}

.lms-b__menu--in-lms a.btn-flms--affirm:hover {
    background: #6ea21f 0 0 no-repeat padding-box
}

.lms-b__menu--in-lms a.btn-flms--deny {
    background: #fff 0 0 no-repeat padding-box;
    color: #969da1 !important;
    font: 14px/19px Roboto;
    font-weight: 500;
    letter-spacing: 0
}

.lms-b__menu--in-lms a.btn-flms--deny:hover {
    background: #fff !important;
    color: #6ea21f !important;
    font: normal normal 700 14px/19px Roboto;
    letter-spacing: 0
}

.lms-b__menu--in-lms .lms-b__inner {
    height: 193px
}

.lms-b__menu .lms-b__inner {
    background: #fff;
    border-radius: 12px;
    overflow: hidden
}

.lms-b__menu .lms-b__inner--nr {
    opacity: 0;
    transition: opacity .25s ease-in-out
}

.lms-b__menu .lms-b__inner--nr .flms-banner-img img {
    display: block
}

.lms-b__menu .lms-b__inner--nr h5,
.lms-b__menu .lms-b__inner--nr h6 {
    color: #2d3941;
    display: flex;
    margin: 0
}

.lms-b__menu .lms-b__inner--nr h5 #discard-badge,
.lms-b__menu .lms-b__inner--nr h6 #discard-badge {
    cursor: pointer;
    padding-left: 8px
}

.lms-b__menu .lms-b__inner--nr h5 {
    font: normal normal 700 16px/24px Roboto
}

@media (max-width:460px) {
    .lms-b__menu .lms-b__inner--nr h5 {
        padding: 0 37px
    }
}

.lms-b__menu .lms-b__inner--nr h6 {
    font: normal normal 700 14px/21px Roboto;
    width: 85%
}

@media (max-width:460px) {
    .lms-b__menu .lms-b__inner--nr h6 {
        padding: 0 34px
    }
}

.lms-b__menu .lms-b__inner--nr p {
    color: #2d3941;
    font: normal normal normal 14px/21px Roboto;
    letter-spacing: 0;
    margin: 0;
    padding: 0 20px
}

.lms-b__menu .lms-b__inner--nr .flms-but {
    display: flex;
    gap: 40px;
    height: 50px;
    justify-content: space-between;
    width: 100%
}

@media (max-width:460px) {
    .lms-b__menu .lms-b__inner--nr .flms-but {
        gap: 16px
    }
}

.lms-b__menu .lms-b__inner--nr .flms-but a.btn-flms {
    align-items: center;
    border-radius: 8px;
    display: flex;
    height: 40px;
    justify-content: center;
    text-align: center;
    transition: all .25s ease-in-out;
    width: calc(50% - 20px)
}

.lms-b__menu .lms-b__inner--nr .flms-but a.btn-flms--green {
    background: #009b5d 0 0 no-repeat padding-box;
    border: 1px solid #009b5d;
    color: #fff;
    flex-grow: 1;
    font: normal normal 700 14px/19px Roboto;
    letter-spacing: 0
}

.lms-b__menu .lms-b__inner--nr .flms-but a.btn-flms--green.no-flex-shrink {
    flex-grow: 1;
    flex-shrink: 0
}

.lms-b__menu .lms-b__inner--nr .flms-but a.btn-flms--green:hover {
    background: #008445 0 0 no-repeat padding-box;
    border: 1px solid #008445
}

.lms-b__menu .lms-b__inner--nr .flms-but a.btn-flms--blank {
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #455a64;
    color: #455a64;
    flex-shrink: 1;
    font: 14px/19px Roboto;
    font-weight: 500;
    letter-spacing: 0
}

.lms-b__menu .lms-b__inner--nr .flms-but a.btn-flms--blank.no-flex-shrink {
    flex-grow: 1;
    flex-shrink: 0
}

.lms-b__menu .lms-b__inner--nr .flms-but a.btn-flms--blank:hover {
    border: 1px solid #008445;
    color: #008445
}

.lms-b__menu a {
    color: #1b232e;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 0 12px;
    transition: all .3s ease-in
}

.lms-b__menu a.lms__current,
.lms-b__menu a:hover {
    background: #eaeff4
}

.lms-b__menu a.lms__current span,
.lms-b__menu a:hover span {
    border-bottom: 1px solid transparent
}

.lms-b__menu a span {
    border-bottom: 1px solid #eaeff4;
    display: block;
    padding: 16px 0
}

@media (max-width:991px) {
    .lms-b__menu {
        left: auto;
        overflow: visible;
        top: 53px
    }
    .lms-b__menu:after {
        border-bottom: 17px solid #fff;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        content: "";
        height: 0;
        left: 24px;
        position: absolute;
        right: auto;
        top: -16px;
        width: 0
    }
}

@media (max-width:612px) {
    .lms-b__menu--nr {
        max-width: none;
        min-width: 0;
        width: 100%
    }
    .lms-b__menu--nr .lms-b__inner--nr {
        flex-direction: column;
        left: 0;
        margin-left: 24px;
        padding: 15px 27px;
        position: fixed;
        right: 0;
        width: 388px
    }
    .lms-b__menu--nr .lms-b__inner--nr .flms-copy p {
        color: #2d3941;
        font: normal normal normal 14px/21px Roboto;
        letter-spacing: 0;
        text-align: center
    }
    .lms-b__menu--nr .lms-b__inner--nr .flms-copy p:first-child {
        margin-bottom: 8px
    }
    .lms-b__menu--nr .lms-b__inner--nr .flms-but {
        margin-bottom: 10px
    }
    .lms-b__menu--nr .lms-b__inner--nr .flms-but a.btn-flms {
        width: 136px
    }
    .lms-b__menu--nr .lms-b__inner--nr .flms-but a.btn-flms--green {
        color: #fff;
        font: normal normal 700 14px/19px Roboto;
        letter-spacing: 0
    }
    .lms-b__menu--nr .lms-b__inner--nr .flms-but a.btn-flms--blank {
        color: #455a64;
        font: normal normal 700 14px/19px Roboto;
        letter-spacing: 0
    }
    .lms-b__menu--nr .lms-b__inner--nr .flms-but a.btn-flms--blank:hover {
        color: #6ea21f;
        font: normal normal 700 14px/19px Roboto;
        letter-spacing: 0
    }
}

@media (max-width:460px) {
    .lms-b__menu--nr .lms-b__inner--nr {
        left: 0;
        margin-left: 0;
        position: fixed;
        right: 0;
        width: 20.6em
    }
    .lms-b__menu--nr .lms-b__inner--nr .flms-copy p {
        color: #2d3941;
        font: normal normal normal 14px/21px Roboto;
        letter-spacing: 0;
        text-align: center
    }
    .lms-b__menu--nr .lms-b__inner--nr .flms-copy p:first-child {
        margin-bottom: 8px
    }
    .lms-b__menu--nr .lms-b__inner--nr .flms-but {
        margin-bottom: 10px
    }
    .lms-b__menu--nr .lms-b__inner--nr .flms-but a.btn-flms {
        width: 112px
    }
    .lms-b__menu--nr .lms-b__inner--nr .flms-but a.btn-flms--green {
        color: #fff;
        font: normal normal 700 14px/19px Roboto;
        letter-spacing: 0
    }
    .lms-b__menu--nr .lms-b__inner--nr .flms-but a.btn-flms--blank,
    .lms-b__menu--nr .lms-b__inner--nr .flms-but a.btn-flms--blank:hover {
        font: normal normal 700 14px/19px Roboto;
        letter-spacing: 0
    }
}

.lms-header__img {
    display: none
}

@media (max-width:996px) {
    .lms-head {
        background: #fcfcfc;
        border-bottom: 1px solid #eaeff4;
        border-top: 1px solid #eaeff4;
        position: relative
    }
    .lms-header__img {
        background: #fff;
        border-left: 1px solid #eaeff4;
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 95px
    }
    .lms-header__img img {
        height: 100%
    }
}

@-webkit-keyframes rotation {
    0% {
        transform: rotateY(0deg)
    }
    50% {
        transform: rotateY(180deg)
    }
    to {
        transform: rotateY(1turn)
    }
}

@keyframes rotation {
    0% {
        transform: rotateY(0deg)
    }
    50% {
        transform: rotateY(180deg)
    }
    to {
        transform: rotateY(1turn)
    }
}

.q-aff {
    height: 32px;
    padding-top: 1px;
    position: relative;
    width: 32px
}

.q-aff.q-aff--animate .coin {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: 5;
    animation-iteration-count: 5;
    -webkit-animation-name: rotation;
    animation-name: rotation;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    transform: rotateY(0deg);
    transform-style: preserve-3d
}

.q-aff .coin {
    background: #f99d27;
    border: 1px solid #f99d27;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 32px;
    position: relative;
    top: -.5px;
    transition: all .3s ease-in;
    width: 32px
}

.q-aff .coin>span {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 50%;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.q-aff .coin>span:nth-child(2) {
    transform: rotateY(180deg);
    z-index: 1
}

.q-aff .coin>span:after {
    color: #fff;
    content: "\e950";
    font-family: icomoon !important;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.q-aff .coin.coin--active,
.q-aff .coin:hover {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29)
}

.q-aff .coin.coin--active>span:after,
.q-aff .coin:hover>span:after {
    color: #f99d27
}

.q-aff .coin.coin--active:before {
    opacity: 1;
    visibility: visible
}

.q-aff .coin:before {
    bottom: -14px;
    color: #b3bdc0;
    content: "\e959";
    font-family: icomoon !important;
    font-size: 8px;
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translate(-50%);
    visibility: hidden
}

@media (max-width:999px) {
    .q-aff {
        align-items: center;
        display: flex;
        justify-content: center;
        margin-right: 10px;
        padding-top: 0
    }
    .q-aff .coin {
        font-size: 14px;
        height: 28px;
        margin-top: 1px;
        width: 28px
    }
    .q-aff .coin:before {
        display: none
    }
    body.aff-open .intercom-button,
    body.aff-open .intercom-launcher-frame,
    body.aff-open .intercom-lightweight-app-launcher {
        bottom: 280px !important;
        position: fixed
    }
    body.aff-open.afm-active .intercom-button,
    body.aff-open.afm-active .intercom-launcher-frame,
    body.aff-open.afm-active .intercom-lightweight-app-launcher {
        bottom: 360px !important;
        position: fixed
    }
}

.aff {
    align-content: flex-end;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: absolute;
    right: -20px;
    top: 62px
}

.aff .aff__message {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .29);
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 7px;
    z-index: 999
}

.aff .aff__message.aff__message--not-affiliate {
    width: 464px
}

.aff .aff__message.aff__message--first-time {
    width: 520px
}

.aff .aff__message .aff__close {
    color: #465159;
    cursor: pointer;
    display: none;
    position: absolute;
    right: 17px;
    top: 17px
}

.aff .aff__message img {
    margin: 7px 12px 0 0
}

.aff .aff__message p {
    line-height: 21px;
    margin-bottom: 20px
}

.aff .aff__message .aff__btn {
    background: #f99d27;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 10.5px;
    text-align: center;
    width: 178px
}

.aff .aff__message .aff__btn:hover {
    background-color: #e38710
}

@media (max-width:999px) {
    .aff {
        right: -35px
    }
    .aff .aff__message {
        flex-direction: column;
        text-align: center
    }
    .aff .aff__message.aff__message--not-affiliate {
        left: 50%;
        padding: 24px 8px;
        position: fixed;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 272px
    }
    .aff .aff__message.aff__message--first-time {
        overflow: visible;
        padding: 24px 8px;
        position: relative;
        top: -7px;
        width: 312px
    }
    .aff .aff__message.aff__message--first-time:before {
        color: #fff;
        content: "\e959";
        font-family: icomoon !important;
        position: absolute;
        right: 37px;
        top: -14px;
        transform: rotate(180deg)
    }
    .aff .aff__message .aff__text {
        padding: 0 8px
    }
    .aff .aff__message .aff__close {
        display: inline-block
    }
    .aff .aff__message img {
        margin: 7px 12px 24px 0
    }
}

.head__u-avatar {
    border: 4px solid transparent;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: 40px;
    position: relative;
    width: 40px
}

.head__u-avatar.head__u-avatar--premium:after {
    background: url(/html/site/img/shop/premium/avatar-logo.svg) no-repeat 50%;
    content: "";
    display: block;
    height: 40px;
    left: -5px;
    position: absolute;
    top: -4px;
    width: 40px
}

.head__u-avatar.head__u-avatar--premium:before {
    background: linear-gradient(90deg, #f56c20, #c41a80 46.63%, #8a3694)
}

@media (min-width:998px) {
    .head__u-avatar.head__u-avatar--premium:after {
        top: -5px
    }
}

@media (max-width:997px) {
    .head__u-avatar.head__u-avatar--premium :after {
        background-size: 100%;
        height: 32px;
        left: -7px;
        top: -5px;
        width: 32px
    }
}

.head__u-avatar:before {
    background: #d2d8de;
    border-radius: 50px;
    bottom: 0;
    content: "";
    left: 0;
    margin: -3px;
    position: absolute;
    right: 0;
    top: 0
}

.head__u-avatar.pulse {
    -webkit-animation: pulses 1.5s infinite;
    animation: pulses 1.5s infinite;
    box-shadow: 0 0 0 0 rgba(154, 212, 234, .5)
}

@-webkit-keyframes pulses {
    0% {
        transform: scale(.9)
    }
    70% {
        box-shadow: 0 0 0 10px rgba(154, 212, 234, 0);
        transform: scale(1)
    }
    to {
        box-shadow: 0 0 0 0 rgba(154, 212, 234, 0);
        transform: scale(.9)
    }
}

@keyframes pulses {
    0% {
        transform: scale(.9)
    }
    70% {
        box-shadow: 0 0 0 10px rgba(154, 212, 234, 0);
        transform: scale(1)
    }
    to {
        box-shadow: 0 0 0 0 rgba(154, 212, 234, 0);
        transform: scale(.9)
    }
}

.head__u-avatar img {
    border-radius: 50%;
    height: 100%;
    left: 50%;
    min-width: 100%;
    position: absolute;
    transform: translate(-50%)
}

@media (max-width:999px) {
    .head__u-avatar {
        height: 36px;
        position: relative;
        top: -2px;
        width: 36px
    }
    .head__u-avatar.head__u-avatar--premium:after {
        left: -10px;
        top: -9px
    }
}

nav {
    padding-left: 12px;
    position: relative
}

nav>div {
    display: none
}

nav>nav__l1 {
    display: block
}

nav.nav__l2-visible .nav__l1 {
    border-radius: 12px 0 0 12px
}

nav.nav__l2-visible .nav__l2 {
    border-radius: 0 12px 12px 0
}

nav.nav__l3-visible .nav__l1 {
    border-radius: 12px 0 0 12px
}

nav.nav__l3-visible .nav__l2 {
    border-radius: 0
}

nav.nav__l3-visible .nav__l3 {
    border-radius: 0 12px 12px 0
}

nav hr {
    background: #eaeff4;
    border: 0;
    height: 1px;
    margin: 10px 0 20px;
    width: 100%
}

nav .nav__header {
    align-items: center;
    color: #b3bdc0;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    justify-content: space-between;
    letter-spacing: .24px;
    line-height: 18px;
    margin-bottom: 10px;
    padding-left: 12px;
    text-transform: uppercase
}

nav .nav__header>a {
    color: #007646;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .24px;
    line-height: 16px;
    padding-right: 14px;
    text-align: right;
    text-transform: none
}

nav .nav__spacer {
    background: #d7dcdf;
    height: 1px;
    margin: 0 14px 20px;
    width: 404px
}

nav .nav__banner {
    align-items: flex-start;
    background: var(--Alison-Blue-25, #f2fcff);
    border: 2px solid var(--Alison-Blue-50, #e0f4f9);
    border-radius: 6px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin: 0 12px 20px;
    padding: 18px 13px
}

nav .nav__banner a {
    background: var(--Alison-Green-500---Principal, #009b5d);
    border-radius: 8px;
    color: var(--White, #fff);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .24px;
    line-height: 18px;
    padding: 9px 8px
}

nav .nav__banner-content {
    color: var(--Alison-Grey-800, #343c41);
    font-size: 14px;
    font-weight: 600;
    line-height: 150%
}

nav .nav__banner-content span {
    color: var(--Alison-Grey-800, #343c41);
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%
}

nav a[data-code]:before {
    border: solid #b3bdc0;
    border-width: 0 2px 2px 0;
    content: "";
    display: inline-block;
    padding: 3px;
    position: absolute;
    right: 21px;
    transform: rotate(-45deg);
    transition: border-color .3s ease-in
}

nav a[data-code]:hover:before {
    border-color: #343c41
}

@media (max-width:996px) {
    nav .nav__banner {
        flex-direction: column
    }
    nav .nav__banner nav .nav__banner a {
        text-align: center;
        width: 100%
    }
}

.nav__button {
    color: #007646;
    font-size: 14px;
    font-weight: 800;
    height: 22px;
    line-height: 22px;
    width: 40px
}

.nav__button--sign-up {
    align-items: center;
    background: #009b5d;
    border-radius: 8px;
    color: #fff;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 96px
}

@media (max-width:996px) {
    .nav__button--sign-up {
        display: none
    }
    .nav__button--login {
        font-weight: 400
    }
}

.nav__content {
    overflow-y: auto;
    scrollbar-width: thin
}

@media (max-height:828px) {
    .nav__content {
        height: calc(var(--vh)*100 - var(--headerHeight) - 60px)
    }
}

.nav__content>a:last-child {
    margin-bottom: 30px
}

.nav__content,
.nav__list {
    width: 100%
}

.nav__content>a,
.nav__list>a {
    align-items: center;
    border-left: 4px solid #fff;
    border-radius: 4px;
    color: #1b232e;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 12px;
    height: 64px;
    letter-spacing: .28px;
    line-height: 20px;
    padding: 12px 14px;
    position: relative;
    width: 100%
}

.nav__content>a.header__continue,
.nav__list>a.header__continue {
    background-color: #fff;
    border: 1px solid #009b5d;
    border-radius: 8px;
    color: #007646;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    height: 47px;
    justify-content: center;
    margin: 16px 25px 13px;
    padding: 13px 0;
    width: calc(100% - 50px)
}

.nav__content>a.header__continue span,
.nav__list>a.header__continue span {
    background: #fff !important
}

.nav__content>a.open-menu,
.nav__content>a:hover,
.nav__list>a.open-menu,
.nav__list>a:hover {
    background-color: var(--Alison-Grey-25, #f0f4f7);
    border-color: rgba(1, 108, 148, .4);
    color: #1b232e
}

.nav__content>a.open-menu span,
.nav__content>a:hover span,
.nav__list>a.open-menu span,
.nav__list>a:hover span {
    color: #343c41
}

.nav__content .nav__item-small,
.nav__list .nav__item-small {
    height: 42px;
    padding: 0 12px
}

.header__explore {
    align-items: center;
    background: var(--Alison-Green-25, #e6f6eb);
    border: 1px solid var(--Alison-Green-50, #c2e9cd);
    border-radius: 8px;
    color: var(--Alison-Grey-800, #343c41);
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    height: 40px;
    line-height: 22px;
    padding: 8px
}

.header__explore svg {
    position: relative;
    top: 1px;
    transition: transform .3s ease-in
}

@media (min-width:996px) {
    .header__explore.header__explore--open {
        background: var(--Alison-Green-600, #008445);
        color: #fff
    }
    .header__explore.header__explore--open svg {
        position: static;
        transform: rotate(180deg)
    }
    .header__explore.header__explore--open svg path {
        fill: #fff
    }
}

@media (max-width:768px) {
    .header__explore {
        width: 16px
    }
}

.header__explore img {
    position: relative;
    top: 1px
}

.nav__l1,
.nav__l2,
.nav__l3 {
    align-items: flex-start;
    background: #fff;
    border-radius: 12px;
    flex-direction: column;
    flex-shrink: 0;
    height: calc(var(--vh, 1vh)*100 - var(--headerHeight, 72px) - 40px);
    max-height: 608px;
    overflow: hidden;
    padding: 20px 0 0;
    position: absolute;
    top: 28px;
    width: 348px;
    z-index: 99
}

@media (min-height:770px) {
    .nav__l1 .nav__content,
    .nav__l2 .nav__content,
    .nav__l3 .nav__content {
        height: 551px
    }
}

@media (max-width:996px) {
    .nav__l1,
    .nav__l2,
    .nav__l3 {
        border-radius: 0;
        height: calc(var(--vh)*100 - var(--headerHeight));
        left: 0;
        max-height: none;
        padding: 20px 10px;
        position: fixed;
        top: var(--headerHeight);
        transition: all .3s ease-in;
        width: 100vw;
        z-index: -1
    }
}

.nav__l1,
.nav__l2 {
    scrollbar-color: #b3bdc0 #fff
}

.nav__l1 {
    left: 0
}

.nav__l1.nav__l1--flex {
    display: flex !important
}

@media (max-width:996px) {
    .nav__l1 {
        border-radius: 0 !important;
        transform: translate(-100%)
    }
    .nav__l1.nav__l1--visible {
        transform: translate(0)
    }
}

@media (max-width:996px) and (max-width:999px) {
    .nav__l1 .header__continue {
        background-color: #f5faec !important;
        color: #007646 !important;
        font-size: 14px !important;
        height: 39px !important;
        margin-top: 0 !important
    }
    .nav__l1 .header__continue span {
        color: #007646 !important;
        height: auto !important
    }
}

.nav__l2 {
    left: 0;
    transform: translate(348px)
}

.nav__l2.closed {
    transform: translate(0)
}

@media (min-width:999px) {
    .nav__l2 nav__l2--more .nav__header,
    .nav__l2.nav__l2--career .nav__header,
    .nav__l2.nav__l2--psy .nav__header {
        padding-left: 14px
    }
    .nav__l2 nav__l2--more .nav__content a,
    .nav__l2.nav__l2--career .nav__content a,
    .nav__l2.nav__l2--psy .nav__content a {
        border-left: 4px solid #fff;
        padding: 12px 10px
    }
    .nav__l2 nav__l2--more .nav__content a:hover,
    .nav__l2.nav__l2--career .nav__content a:hover,
    .nav__l2.nav__l2--psy .nav__content a:hover {
        border-color: rgba(1, 108, 148, .4)
    }
    .nav__l2.nav__l2--career {
        transform: translate(348px);
        width: 412px
    }
    .nav__l2.nav__l2--career .nav__header {
        margin: 0 14px 10px;
        padding: 0
    }
    .nav__l2.nav__l2--career .nav__content {
        overflow-y: auto;
        scrollbar-width: thin
    }
    .nav__l2.nav__l2--career .nav__content a {
        padding: 12px 10px;
        width: calc(100% - 10px)
    }
}

@media (max-width:999px) {
    .nav__l2.nav__l2--career .nav__spacer {
        display: none
    }
}

.nav__l2 .nav__icon {
    background-color: #f3f6f7;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 35px;
    border-radius: 100%;
    height: 36px;
    margin-right: 12px;
    width: 36px
}

.nav__l2 h5 {
    color: #1b232e;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .28px;
    line-height: 20px;
    margin: 0
}

.nav__l2 .course-amount,
.nav__l2 .nav__more h5+span,
.nav__l2 .nav__psy h5+span {
    color: #5d676e;
    font-size: 12px
}

.nav__l2 .nav__content>a {
    border-left: none
}

.nav__l2 .nav__content>a .nav__icon {
    transition: all .3s ease-in
}

.nav__l2 .nav__content>a:hover .nav__icon {
    background-color: #fff
}

.nav__l2 .nav__content>a:hover h5 {
    font-weight: 700
}

@media (max-width:996px) {
    .nav__l2 {
        border-radius: 0 !important;
        padding: 20px 10px 0;
        transform: translate(0);
        z-index: 999
    }
    .nav__l2.closed {
        transform: translate(100%)
    }
    .nav__l2 .nav__header:first-child {
        border-bottom: 1px solid #eaeff4;
        padding: 0 10px 15px
    }
    .nav__l2 .nav__mobile-banner {
        color: #b3bdc0;
        display: block !important;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.5em;
        margin-bottom: 8px;
        padding: 3px 12px;
        text-transform: uppercase
    }
}

.nav__l2>div,
.nav__l3>div {
    grid-template-rows: auto 1fr;
    overflow: hidden
}

.nav__l3 {
    background: #f0f4f7 url(/html/site/img/header/sub-cat-loader.svg) no-repeat 50%/50px;
    left: 0;
    padding: 20px 0 0 16px;
    scrollbar-color: #b3bdc0 #f0f4f7;
    transform: translate(200%)
}

.nav__l3.closed {
    transform: translate(100%)
}

.nav__l3.loaded {
    background: #f0f4f7
}

.nav__l3 a {
    border-left-color: #f0f4f7
}

.nav__l3 a:hover {
    font-weight: 700
}

.nav__l3 a .nav__item-small {
    padding: 0 22px
}

.nav__l3 a:hover {
    background-color: #fff
}

.nav__l3 .nav__content {
    padding-right: 10px
}

@media (max-width:996px) {
    .nav__l3 {
        border-radius: 0 !important;
        transform: translate(0);
        z-index: 9999
    }
    .nav__l3.closed {
        transform: translate(100%)
    }
}

.nav__expand {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding-left: 8px;
    width: 100%
}

.nav__expand span {
    color: #d7dcdf;
    font-size: 17px
}

.nav__expand>a {
    justify-content: space-between
}

.nav__expand>a:before {
    border: solid #b3bdc0;
    border-width: 0 2px 2px 0;
    content: "";
    display: inline-block;
    padding: 3px;
    position: absolute;
    right: 32px;
    transform: rotate(-45deg);
    transition: border-color .3s ease-in
}

.nav__expand>a.open-menu,
.nav__expand>a:hover {
    background-color: var(--Alison-Grey-25, #f0f4f7);
    border-color: rgba(1, 108, 148, .4);
    color: #1b232e;
    font-weight: 700
}

.nav__expand>a.open-menu:before,
.nav__expand>a:hover:before {
    border-color: #343c41
}

@media (max-width:996px) {
    .nav__expand {
        overflow: scroll;
        padding-left: 0
    }
    .nav__expand>a {
        justify-content: flex-start
    }
    .nav__expand>a:not(.load-dropdown):before {
        display: none
    }
    .nav__expand>a>span:first-child {
        height: 36px
    }
    .nav__expand>a span:nth-child(2) {
        color: #5d676e;
        font-size: 12px
    }
    .nav__expand>a h5 {
        color: #465159;
        font-size: 14px
    }
}

.nav__sub-cat {
    display: grid;
    width: 100%
}

.nav__sub-cat .nav__header a {
    border-bottom: 1px solid #d7dcdf;
    font-size: 14px;
    padding-bottom: 10px
}

.nav__sub-cat a.nav__item-small {
    padding: 0 22px
}

@media (max-width:996px) {
    .nav__sub-cat .nav__header {
        border-bottom: 1px solid #d7dcdf;
        padding-bottom: 10px
    }
    .nav__sub-cat .nav__header a {
        border-bottom: none;
        padding-bottom: 0
    }
}

.nav__more a .nav__icon--mobile {
    background-size: 11px
}

.nav__header-desktop {
    text-transform: uppercase
}

.user__nav-menu {
    background: #fff;
    border-radius: 8px;
    display: none;
    overflow: hidden;
    position: fixed;
    right: 40px;
    top: calc(var(--headerHeight) + 8px);
    width: 302px
}

@media (max-height:768px) and (min-width:996px) {
    .user__nav-menu {
        max-height: 630px
    }
}

.user__nav-menu .nav__content a:hover span:first-child {
    background-color: #fff
}

@media (max-height:600px) {
    .user__nav-menu {
        height: calc(var(--vh)*100 - var(--headerHeight) - 50px)
    }
}

@media (min-height:895px) {
    .user__nav-menu {
        max-height: 759px
    }
}

.user__nav-menu .user__nav-content {
    height: auto;
    overflow: hidden;
    padding-bottom: 0
}

@media (min-width:1024px) {
    .user__nav-menu .user__nav-content .header__continue {
        display: none
    }
}

.user__nav-menu .user__nav-content span:first-child {
    align-items: center;
    background: #eaeff4;
    border-radius: 100%;
    display: flex;
    height: 32px;
    justify-content: center;
    min-width: 32px;
    text-align: center;
    transition: all .3s ease-in;
    width: 32px
}

@media (max-width:996px) {
    .user__nav-menu {
        border-radius: 0;
        position: fixed;
        right: 0;
        width: 315px
    }
    .user__nav-menu,
    .user__nav-menu .nav__content {
        height: calc(var(--vh)*100 - var(--headerHeight))
    }
}

.user__nav-menu a {
    margin: 0 8px;
    width: calc(100% - 16px)
}

.user__nav-menu a span {
    min-width: 36px;
    text-align: center
}

.user__nav-menu .head__u-info {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    margin-bottom: -6px;
    padding: 18px 18px 18px 16px
}

.user__nav-menu .head__u-info>span:nth-child(2) {
    width: calc(100% - 76px)
}

.user__nav-menu .head__u-avatar {
    border: none;
    height: 60px;
    width: 60px
}

.user__nav-menu .head__u-avatar.head__u-avatar--premium:after {
    background-size: 100%;
    height: 60px;
    left: 0;
    top: 3px;
    width: 60px
}

.user__nav-menu .head__u-name {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px
}

.user__nav-menu .p-bar {
    gap: 12px
}

.user__nav-menu .p-bar__link {
    margin: 0;
    width: auto
}

.user__nav-menu .p-bar__link img {
    width: 22px
}

.user__nav-menu .p-bar span,
.user__nav-menu .p-bar__link {
    color: #1889b9;
    font-size: 14px;
    font-weight: 700;
    line-height: 150%
}

.user__nav-footer {
    align-items: center;
    border-top: 1px solid #f0f4f7;
    display: flex;
    justify-content: center;
    padding-bottom: 12px;
    padding-top: 12px
}

.user__nav-footer a {
    color: var(--Alison-Grey-700, #465159);
    font-size: 12px;
    font-weight: 600;
    line-height: 150%;
    text-align: center;
    width: auto
}

.user__nav-footer span {
    background-color: var(--Alison-Grey-75, #bbc5cb);
    border-radius: 100%;
    height: 6.534px;
    width: 6.534px
}

.link--new:not(.side_link) {
    position: relative
}

.link--new:not(.side_link).new-profile-link:after {
    position: absolute;
    right: 0
}

.link--new:not(.side_link):after {
    background: #4391c2;
    border-radius: 5px;
    color: #fff;
    content: "New";
    font-size: 10px;
    font-weight: 700;
    padding: 1px 5px
}

.header__xp {
    border-bottom: 1px solid #eaeff4;
    margin: 0 18px;
    padding: 0 0 12px
}

.header__xp:after {
    display: none !important
}

.header__xp .header__xp-inner {
    background: var(--Alison-Grey-10, #f9f9f9);
    border-radius: 8px;
    height: 48px;
    padding: 10px 14px 10px 10px
}

.header__xp .header__xp-inner,
.header__xp .header__xp-label {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.header__xp .header__xp-label {
    color: var(--Alison-Grey-700, #465159);
    font-size: 14px;
    font-weight: 700;
    line-height: 150%;
    width: 48px
}

.header__xp .header__xp-amount {
    color: var(--Alison-Yellow-300, #ffb900);
    font-size: 18px;
    font-weight: 900;
    line-height: 150%;
    text-align: right
}

@media (min-width:996px) {
    .header__logo--premium {
        height: 40px
    }
    .header__logo--premium a {
        display: inline-block;
        height: 40px
    }
    .header__logo--premium a img {
        height: 40px;
        position: relative;
        top: 2px
    }
}

@media (max-width:996px) {
    .nav__header-desktop {
        display: none
    }
    .nav__header-mobile {
        align-items: center;
        color: #2d3941;
        display: flex !important;
        font-size: 16px;
        gap: 15px;
        text-transform: capitalize
    }
    .nav__header-mobile .icon-arrow-thin-right {
        color: #5d676e;
        content: "\ea73";
        display: inline-block !important;
        font-size: 14px;
        font-weight: 700;
        transform: rotate(180deg)
    }
    .header__inner {
        height: 48px;
        padding-left: 10px;
        position: relative
    }
    .header__inner .header__left {
        gap: 15px
    }
    .header__search {
        position: relative
    }
    .header__search-mobile {
        display: block !important;
        position: relative;
        top: 1px
    }
    .search-container {
        background: #f8fafa;
        left: -37px;
        padding: 20px;
        position: absolute;
        top: 33px;
        transform: translateY(-100%);
        transition: all .3s ease-in;
        width: 100vw;
        z-index: -1
    }
    .search-container.search-container--visible {
        transform: translate(0)
    }
    .header__explore {
        background: transparent;
        border: 0;
        color: transparent;
        gap: 0;
        padding: 0;
        text-indent: -9999px
    }
    .header__explore.header__explore--open:before {
        content: "\ea0f"
    }
    .header__explore svg {
        display: none
    }
    .header__explore:before {
        color: var(--Alison-Grey-800, #343c41);
        content: "\ea45";
        font-family: icomoon !important;
        font-size: 16px;
        font-weight: 500;
        text-indent: 0
    }
    .header__explore img {
        display: none
    }
    .header__search-input {
        position: relative;
        width: auto
    }
    .header__logo {
        display: block;
        left: 50%;
        letter-spacing: .42px;
        margin: 4px auto 0;
        order: 3;
        position: absolute;
        text-align: center;
        top: 10px;
        transform: translate(-50%);
        width: 75px
    }
    .header__logo.header__logo--premium {
        top: 8px;
        width: 92px
    }
    .header__logo img {
        width: 100%
    }
    .alms-nav .lms-b,
    .quick-nav {
        display: none
    }
}

.nav__dd--slide a {
    align-items: center;
    display: flex
}

.nav__dd {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
    padding: 20px 19px 5px;
    position: absolute;
    top: 50px;
    width: 332px;
    z-index: 9999
}

.nav__dd--slide {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .102);
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 225px
}

.nav__dd--slide a {
    color: #1b232e;
    font-size: 14px;
    padding: 14px 0 17px 19px;
    text-transform: capitalize;
    transition: all .3s ease-in
}

.nav__dd--slide img {
    height: 18px;
    margin-right: 13px;
    position: relative;
    top: 4px;
    width: 18px
}

.sale {
    background: transparent linear-gradient(270deg, #0093c7, #006a90) 0 0 no-repeat padding-box;
    position: relative;
    transition: all, .5s, ease-in
}

.sale .close .icon-cross {
    color: #fff
}

.sale.active {
    display: flex;
    opacity: 1;
    padding: 0 0 10px;
    z-index: 10000
}

.sale.active.sale-banner-shop {
    position: absolute !important
}

.sale.active .flag {
    display: block;
    margin-bottom: 10px
}

.sale.active .flag img {
    display: inline-block;
    line-height: 57px;
    margin-top: 4px
}

.sale .sale-button {
    background: #fff 0 0 no-repeat padding-box;
    border-radius: 8px;
    color: #1794c9;
    display: inline-block;
    font: normal normal 900 14px/19px Roboto;
    height: 34px;
    letter-spacing: .56px;
    opacity: 1;
    padding: 8px 25px;
    text-align: center;
    text-transform: capitalize;
    transition: all .25s ease-in-out
}

.sale .sale-button:hover {
    transform: scale(1.06)
}

.sale h3,
.sale p {
    color: #fff
}

.sale h3 {
    font: 700 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif !important;
    margin: 0 10px 0 0;
    text-transform: uppercase;
    vertical-align: middle
}

.sale h3 p {
    display: inline;
    font-weight: 700
}

.sale .sale-desc {
    color: #fff;
    display: block;
    font: normal normal 900 14px/19px Roboto;
    letter-spacing: .56px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.sale .sale-desc .sub_desc {
    display: inline-block;
    font-weight: 500;
    text-transform: none
}

.sale .sale-desc .sub_desc .sub_desc--inner {
    display: inline-block;
    padding: 0 10px
}

@media (max-width:768px) {
    .sale .sale-desc .sub_desc .sub_desc--inner {
        font-size: 13px;
        padding: 0
    }
}

.sale .sale-desc .timer.countdown__timer {
    border-left: 2px solid #69acc6;
    display: inline-block;
    padding: 0 17px
}

.sale .sale-desc .timer.countdown__timer span.icon-hourglass {
    font-size: 18px;
    position: relative;
    top: 2px
}

.sale .sale-desc .timer.countdown__timer span.ends-in {
    font-family: Roboto;
    font-weight: 700
}

.sale .sale-desc .timer.countdown__timer .timer-text {
    color: #fff;
    font: normal normal 900 16px/21px Roboto;
    letter-spacing: .64px
}

@media (max-width:792px) {
    .sale.active .icon-cross {
        color: #fff
    }
    .sale.active .wrapper {
        align-items: center;
        display: flex;
        flex-direction: column;
        padding: 10px 12px 0
    }
    .sale.active .wrapper .sale-desc {
        text-align: center
    }
    .sale .sale-desc {
        font: normal normal 900 14px/21px Roboto;
        margin: 0 0 10px
    }
    .sale .sale-desc .sub_desc {
        font-weight: 400
    }
}

@media (max-width:594px) {
    .sale .sale-desc {
        line-height: 20px
    }
    .sale .sale-desc .sub_desc--inner {
        width: 100%
    }
    .sale .sale-desc .timer.countdown__timer {
        border-left: none
    }
    .sale .sale-desc .timer.countdown__timer:before {
        background: #69acc6;
        content: "";
        display: block;
        height: 2px;
        margin: 4px auto;
        width: 87%
    }
}

.sale .header-search-form {
    position: relative
}

.sale .header-search-form .btn {
    border-radius: 0 5px 5px 0;
    color: #fff
}

.sale .header-search-form .btn:hover span {
    color: #0094c9
}

@media only screen and (min-width:1020px) {
    .sale .wrapper {
        max-width: 1150px !important;
        padding-top: 0
    }
    .sale.active {
        padding: 10px 0;
        z-index: 10000
    }
    .sale.active strong {
        font-weight: 800
    }
    .sale.active .flag {
        float: left;
        margin-bottom: 0;
        margin-right: 12px;
        margin-top: -3px;
        width: 20px
    }
    .sale.active .flag img {
        box-shadow: 0 2px 3px 0 rgba(50, 50, 50, .2)
    }
    .sale h3 {
        display: inline-block;
        font-size: 1em !important
    }
    .sale .sale-desc {
        display: inline-block;
        font-size: 14px;
        margin: 0 0 10px
    }
    .sale .sale-desc small {
        font-size: .845em
    }
    .sale .btn {
        display: inline-block;
        margin: 0 0 0 10px;
        vertical-align: middle
    }
    .sale h3 {
        margin: 0 20px 0 0
    }
}

#header-search-form {
    position: relative
}

@media (min-width:978px) {
    .nav__dd.nav__dd--slide.nav__dd--languages.user-lang-nav__dd--languages.xactive {
        display: block !important;
        opacity: 1 !important;
        transform: translate(-10px, calc(var(--headerHeight) - 50px));
        width: 225px !important
    }
    .nav__dd.nav__dd--slide.nav__dd--languages.user-lang-nav__dd--languages {
        display: block !important;
        opacity: 0;
        right: 0;
        transform: translate(-10px, calc(var(--headerHeight) - 50px));
        transition: all .3s ease-in;
        width: 0
    }
    .user-nav__lang.m-select {
        display: none
    }
}

@media (max-width:977px) {
    .nav__item.nav__item--dd.nav__item--slide.nav__item--languages.nav__item--user.activate-dropdown {
        display: none
    }
    div.m-select {
        align-items: center;
        background: #fff;
        border: .875px solid #b3c2bc;
        border-radius: 5.25px;
        display: inline-flex;
        height: 28px;
        justify-content: center;
        width: 28px
    }
    div.m-select .language-icon {
        height: 19px;
        position: relative;
        transition: all .3s ease
    }
    div.m-select .language-icon span.language {
        background: #1c232e;
        border-radius: 40%;
        color: #fff;
        display: block;
        font-family: Roboto;
        font-size: 8px;
        height: 10px;
        left: 9px;
        line-height: 9px;
        padding: 0 3px;
        position: absolute;
        text-align: center;
        top: -10px;
        width: 14px
    }
    div.m-lang {
        display: block !important
    }
    div.m-lang .m-lang-nav__dd--languages {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        bottom: -350px;
        position: fixed;
        top: auto;
        transition: bottom .3s ease-in;
        width: 100%;
        z-index: 1000
    }
    div.m-lang .m-lang-nav__dd--languages.active {
        bottom: 0 !important
    }
    div.m-lang .m-lang-nav__dd--languages ul li:not(.head):before {
        border-bottom: 1px solid #d7dcdf;
        content: "";
        display: block;
        margin: 0 auto;
        width: calc(100% - 12px)
    }
    div.m-lang .m-lang-nav__dd--languages ul li.head {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 14px 0 17px 19px;
        position: relative
    }
    div.m-lang .m-lang-nav__dd--languages ul li.head .head-body {
        align-items: center;
        display: flex;
        gap: 4px
    }
    div.m-lang .m-lang-nav__dd--languages ul li.head .head-body span.lang-icon {
        background-image: url(/html/site/img/header/lang/m-lang-icon.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        height: 13px;
        width: 13px
    }
    div.m-lang .m-lang-nav__dd--languages ul li.head .head-body span.text {
        color: #000;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 21px
    }
    div.m-lang .m-lang-nav__dd--languages ul li.head span.head-discard {
        background: url(/html/site/img/header/lang/m-lang-discard.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
        height: 18px;
        position: absolute;
        right: 14px;
        width: 18px
    }
    div.m-lang .m-lang-nav__dd--languages ul a {
        align-items: center;
        display: flex
    }
}

.view-all-courses:hover {
    text-decoration: underline
}

.header-simple {
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .08);
    height: 58px
}

.header-simple .header-simple-logo-container {
    margin: 10px auto 0;
    width: 168px
}

.header-simple #alison_logo {
    margin: 0 20px 0 24px;
    position: relative
}

.header-simple #alison_logo.logo--premium:after {
    content: ""
}

.header-simple #alison_logo:after {
    bottom: 2px;
    color: #465159;
    content: "Empower Yourself";
    font-family: Roboto;
    font-size: 10px;
    left: 0;
    letter-spacing: 1.2px;
    position: absolute;
    text-transform: uppercase;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

#autocomp--new {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    left: 0;
    margin-top: 5px;
    min-width: 416px;
    position: absolute;
    z-index: 9
}

#autocomp--new .autocomplete--search-categories,
#autocomp--new .autocomplete--search-terms {
    background: #fff;
    padding-bottom: 0;
    padding-top: 0
}

#autocomp--new p.autocomplete-title {
    color: #0091c7;
    font-size: 15px;
    font-weight: 600;
    margin: 15px 0 0 20px;
    text-align: left
}

#autocomp--new .view-all-results {
    color: #465159;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin-left: 21px;
    padding: 14px 0;
    text-align: center;
    transition: color .5s ease-in-out
}

#autocomp--new .view-all-results:hover {
    color: #0091c7
}

#autocomp--new .view-all-results span.icon-chevron-right {
    padding-left: 8px
}

#autocomp--new .search-term-icon {
    padding-right: 5px
}

#autocomp--new a {
    border-bottom: 1px solid #eaeff4;
    color: #2d3942;
    display: block;
    font-size: 14px;
    line-height: 26px;
    padding: 10px 20px 5px;
    text-align: left;
    text-transform: capitalize
}

#autocomp--new a strong {
    color: #0094c9
}

#autocomp--new a em {
    font-weight: 700
}

#autocomp--new a span.search-term-icon {
    display: inline-block;
    padding-top: 5px;
    vertical-align: top
}

#autocomp--new a span.autocomp-t {
    display: inline-block;
    width: calc(100% - 23px)
}

#autocomp--new a span.autocomp-ty {
    color: #b3bdc0;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top: -5px
}

#autocomp--new a:hover {
    color: #0094c9
}

#autocomp--new .autocomplete--search-terms a {
    border-bottom: 0
}

#autocomp--new .autocomplete--search-terms a:last-child {
    border-bottom: 1px solid #eaeff4
}

#autocomp--new a.selected {
    background-color: #f1f1f1 !important
}

#autocomp--new a span.autocomp-t,
#autocomp--new a span.autocomp-ty,
#autocomp--new a span.search-term-icon,
#autocomp-pub a span.autocomp-t,
#autocomp-pub a span.autocomp-ty,
#autocomp-pub a span.search-term-icon {
    pointer-events: none
}

#home-header-search #autocomp--new {
    max-height: 400px
}

#autocomp--new {
    max-height: 568px;
    overflow-y: scroll;
    overscroll-behavior-y: contain
}

@media (max-width:1550px) {
    #autocomp--new {
        min-width: calc(100% + 150px)
    }
}

@media (max-width:1220px) {
    #autocomp--new {
        min-width: 100%
    }
}

::-webkit-scrollbar {
    width: 9px
}

::-webkit-scrollbar-track {
    background: transparent
}

::-webkit-scrollbar-thumb {
    background: #888;
    border: 2px solid #fff;
    border-radius: 6px
}

#sale {
    background-color: #fff;
    display: flex
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test {
    padding: 0 !important
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test.with-backdrop .outer-wrap,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test.with-backdrop .outer-wrap {
    background-color: #999
}

@media only screen and (min-width:1020px) {
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test {
        padding: 0 !important
    }
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap {
    background-color: #fff;
    flex: 1;
    min-height: 74px;
    width: 100%
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap {
    align-items: center;
    background: var(--Alison-Blue-800, #005182);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 20px;
    display: flex;
    height: 100%;
    width: 100%
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .testimonial,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .testimonial {
    align-items: center;
    background: var(--Alison-Blue-75, #b1e2f1);
    border-bottom-left-radius: 20px;
    border-top-right-radius: 48px;
    display: flex;
    gap: 12px;
    height: 100%;
    justify-content: center;
    padding: 12px;
    width: 43%
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .testimonial .testimonial-img,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .testimonial .testimonial-img {
    display: block
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .testimonial p,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .testimonial p {
    color: var(--Alison-Blue-900, #0b2441);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin: 0
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .testimonial p strong,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .testimonial p strong {
    font-weight: 600
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .testimonial p img.testimonial-flag,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .testimonial p img.testimonial-flag {
    display: inline-block;
    position: relative;
    top: 2px
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body {
    align-items: center;
    display: flex;
    gap: 40px;
    justify-content: space-between;
    justify-content: center;
    padding-left: 50px;
    padding-right: 50px;
    width: 57%
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body p,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body p {
    color: var(--Alison-Blue-50, #e0f4f9);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 24px;
    margin: 0
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test {
    align-items: center;
    color: var(--White, #fff);
    display: flex;
    flex-shrink: 0;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 48px;
    justify-self: center;
    line-height: 21px;
    max-width: none;
    padding: 12px
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:link,
#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:visited,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:link,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:visited {
    background: var(--Alison-Green-500---Principal, #009b5d)
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:focus,
#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:hover,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:focus,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:hover {
    background: var(--Alison-Green-600, #008445)
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:active,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:active {
    background: var(--Alison-Green-800, #005930);
    box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .25)
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer {
    display: block;
    margin-top: -5px
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .ends-in,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .ends-in {
    color: var(--White, #fff);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .h,
#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .m,
#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .s,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .h,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .m,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .s {
    color: var(--White, #fff);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 150%
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .arr,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .arr {
    background-image: url(/html/site/img/sale/ab-chevron_right.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    margin-right: -9px;
    position: relative;
    top: 7px;
    width: 24px
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.close,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.close {
    background-image: url(/html/site/img/sale/ab-close.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    height: 28px;
    position: absolute;
    right: 20px;
    top: calc(50% - 12px);
    width: 28px
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.close span,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.close span {
    display: none
}

#sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.close span:before,
#sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.close span:before {
    content: none !important
}

@media (max-width:935px) {
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap {
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;
        flex-direction: column
    }
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body,
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .testimonial,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .testimonial {
        padding: 16px;
        width: 100%
    }
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .testimonial,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .testimonial {
        border-bottom-left-radius: unset;
        border-top-right-radius: unset
    }
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .testimonial img.testimonial-img,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .testimonial img.testimonial-img {
        display: none
    }
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .testimonial p,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .testimonial p {
        color: var(--Alison-Grey-800, #343c41);
        font-family: Roboto;
        font-size: 12px;
        font-style: italic;
        font-weight: 500;
        line-height: 150%;
        padding-right: 15px;
        text-align: left
    }
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body p,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body p {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .03px;
        line-height: 150%;
        margin: 0;
        text-align: left
    }
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test {
        color: #005182;
        font-family: Roboto;
        font-weight: 900;
        height: 28px;
        line-height: 24px;
        padding: 2px 2px 2px 6px
    }
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:focus,
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:hover,
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:link,
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:visited,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:focus,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:hover,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:link,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:visited {
        background: #fff
    }
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:active,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test:active {
        background: #fff;
        box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, .25)
    }
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer {
        margin-top: -2px
    }
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .ends-in,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .ends-in {
        display: none
    }
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .h,
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .m,
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .s,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .h,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .m,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .s {
        color: var(--Alison-Blue-800, #005182);
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 900;
        letter-spacing: .07px;
        line-height: 24px;
        text-align: center
    }
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .arr,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.sale-button.sale_ab_test #timer .bold .arr {
        background-image: url(/html/site/img/sale/ab-chevron_right--mob.svg);
        height: 20px;
        margin-right: 0;
        top: 5px;
        width: 20px
    }
    #sale.sale.sale-no-user.active.header__banner.f__sale_ab_test .outer-wrap .inner-wrap .sale-body a.close,
    #sale.sale.sale-no-user.active.header__banner.t__sale_ab_test .outer-wrap .inner-wrap .sale-body a.close {
        background-image: url(/html/site/img/sale/ab-close--mob.svg);
        right: 7px;
        top: 30px
    }
}

.flu-modal-outer {
    background: rgba(0, 0, 0, .588);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999
}

.flu-modal-outer .flu-modal {
    background: #fff 0 0 no-repeat padding-box;
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    height: 445px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 560px;
    z-index: 99999
}

.flu-modal-outer .flu-modal .fm-header {
    align-items: center;
    border-bottom: 1px solid #d2d8de;
    display: flex;
    height: 60px;
    justify-content: center;
    margin-bottom: 35px
}

.flu-modal-outer .flu-modal .fm-header h2 {
    color: #465159;
    font: normal normal 700 20px/26px Roboto;
    letter-spacing: 0;
    margin: 0;
    padding: 0 20px
}

.flu-modal-outer .flu-modal .fm-body {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 35px
}

.flu-modal-outer .flu-modal .fm-body p {
    color: #465159;
    font: normal normal normal 16px/24px Roboto;
    letter-spacing: 0;
    margin: 0;
    padding: 0 20px;
    text-align: center
}

.flu-modal-outer .flu-modal .fm-body span.fm-btn-close {
    align-items: center;
    background: #009b5d 0 0 no-repeat padding-box;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font: normal normal 700 14px/22px Roboto;
    height: 48px;
    justify-content: center;
    letter-spacing: .28px;
    text-align: center;
    width: 216px
}

.flu-modal-outer .flu-modal .fm-body span.fm-btn-close:hover {
    background: #00683e
}

@media (max-width:630px) {
    .flu-modal-outer .flu-modal {
        height: auto;
        margin-left: 20px;
        width: calc(100% - 40px)
    }
    .flu-modal-outer .flu-modal .fm-body {
        margin-bottom: 35px
    }
}

@media (max-width:480px) {
    .flu-modal-outer .flu-modal {
        margin-left: unset
    }
}

.hidden-form {
    left: -9999px;
    position: absolute;
    top: -9999px
}

.field {
    position: relative
}

.field textarea {
    text-align: justify
}

.field .icon {
    padding: 0
}

.field label {
    color: #5d666d;
    font: 400 "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif 1em
}

.field .field-checkbox {
    margin-top: 20px
}

.field a,
.field input[disabled],
.field input[readonly],
.field textarea[disabled] {
    background: #f1f2f2;
    cursor: not-allowed;
    opacity: .75;
    transition: background .5s ease
}

.field a:focus,
.field input[disabled]:focus,
.field input[readonly]:focus,
.field textarea[disabled]:focus {
    border-color: #2e3942;
    color: #2e3942 !important
}

.field input[type=date]::-webkit-inner-spin-button,
.field input[type=date]::-webkit-outer-spin-button,
.field input[type=number]::-webkit-inner-spin-button,
.field input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0 5px
}

.date-of-birth {
    padding: 7.5px 20px
}

.form-buttons {
    padding: 15px
}

.form-buttons .btn {
    font-size: .75em;
    max-width: 100px
}

.field-inline-edit input:hover:enabled,
.field-inline-edit select:hover:enabled,
.field-inline-edit textarea:hover:enabled {
    border-color: #2e3942;
    color: #2e3942;
    transition: all .5s ease
}

.field-inline-edit input:hover:enabled:not([type=text]),
.field-inline-edit select:hover:enabled:not([type=text]),
.field-inline-edit textarea:hover:enabled:not([type=text]) {
    cursor: pointer
}

.field-inline-edit input:disabled,
.field-inline-edit select:disabled,
.field-inline-edit textarea:disabled {
    opacity: .75
}

footer {
    background: #0b2441;
    margin: 0 !important;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 9
}

footer .footer_h3 {
    border-bottom: 2px solid rgba(114, 128, 154, .28);
    color: #fff;
    display: inline-block;
    font: 500 16px Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    letter-spacing: .64px;
    line-height: 16px;
    margin: 0 0 24px;
    padding-bottom: 16px;
    text-transform: uppercase;
    width: 100%
}

@media (max-width:992px) {
    footer .footer_h3 br {
        display: none
    }
}

footer .ft-wrap {
    display: flex;
    margin: 0 auto;
    max-width: 1320px;
    overflow: visible;
    padding: 0
}

footer .ft-wrap .scroll-to-top {
    background: #fff;
    border-radius: 50%;
    bottom: 55px;
    box-shadow: 0 0 20px #3a3a3a;
    color: #5d666d;
    font-size: 1.575em;
    height: 50px;
    padding-top: 12px;
    position: absolute;
    right: -110px;
    width: 50px
}

footer .ft-wrap .scroll-to-top:hover {
    -webkit-animation: scale 1s ease-in-out infinite alternate;
    animation: scale 1s ease-in-out infinite alternate
}

@-webkit-keyframes scale {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(1.1)
    }
}

@keyframes scale {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(1.1)
    }
}

footer .ft-wrap .col-1 {
    margin-top: 4px
}

footer .ft-wrap .col-1 .col-inner {
    display: flex;
    justify-content: space-between
}

footer .ft-wrap .col-1 .col-inner:not(:last-child) {
    margin-bottom: 30px
}

footer .ft-wrap .col-1 .col-inner:not(:last-child) ul {
    height: 330px
}

@media (max-width:992px) {
    footer .ft-wrap .col-1.col-a ul {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        -moz-column-width: 168px;
        -webkit-column-width: 168px
    }
}

footer .ft-wrap .ft-column {
    box-sizing: border-box;
    display: inline-block;
    text-align: left
}

footer .ft-wrap .ft-column .ft-column-inner.column-with-margin {
    margin: 0 auto
}

footer .ft-wrap .ft-column .ft-column-inner .alison-logo {
    width: 142px
}

footer .ft-wrap .ft-column .ft-column-inner.cat-ft {
    margin: 0;
    width: 100%
}

footer .ft-wrap .ft-column .ft-column-inner.second-row {
    margin-top: 20px
}

footer .ft-wrap .ft-column.cat-ft {
    width: 100%
}

footer .ft-wrap .ft-column ul:not(.policies-list) li a:active,
footer .ft-wrap .ft-column ul:not(.policies-list) li a:focus,
footer .ft-wrap .ft-column ul:not(.policies-list) li a:hover,
footer .ft-wrap .ft-column ul:not(.policies-list) li span:active,
footer .ft-wrap .ft-column ul:not(.policies-list) li span:focus,
footer .ft-wrap .ft-column ul:not(.policies-list) li span:hover {
    text-decoration: underline
}

footer .ft-wrap .ft-column ul li {
    margin-bottom: 10px
}

footer .ft-wrap .ft-column ul li a {
    -webkit-font-smoothing: antialiased;
    font: 400 14px Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 24px
}

footer .ft-wrap .ft-column ul li a:link,
footer .ft-wrap .ft-column ul li a:visited {
    color: #d2d8de
}

footer .ft-wrap .ft-column ul li a:active,
footer .ft-wrap .ft-column ul li a:focus,
footer .ft-wrap .ft-column ul li a:hover {
    color: #fff
}

footer .ft-wrap .ft-column ul li a i {
    color: #767b7f;
    margin-right: 10px
}

footer .ft-wrap .ft-column ul li span {
    color: #fff;
    font: 400 .825em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 1px 7px
}

footer .top {
    background: #465159
}

@media screen and (max-width:1290px) {
    footer {
        padding: 50px 90px 48px !important
    }
    footer .ft-wrap a.scroll-to-top {
        bottom: 48px;
        right: -69px
    }
}

@media screen and (max-width:1200px) {
    footer {
        padding: 30px 20px 74px !important
    }
    footer .ft-wrap {
        padding: 0
    }
    footer .ft-wrap a.scroll-to-top {
        bottom: 14px;
        left: 21px
    }
}

@media screen and (max-width:992px) {
    footer .ft-wrap {
        align-items: start;
        flex-direction: column
    }
    footer .ft-wrap .col {
        min-width: unset
    }
    footer .ft-wrap .col.col-1 {
        margin-bottom: 30px;
        min-width: 151px
    }
    footer .ft-wrap .col.col-1 .col-inner:not(:last-child) {
        margin-bottom: 30px
    }
    footer .ft-wrap .col.col-1 .col-inner:not(:last-child) ul {
        height: auto
    }
    footer .ft-wrap .col.col-1 .col-inner ul {
        -moz-column-width: 152px;
        column-width: 152px;
        height: auto
    }
    footer .ft-wrap .col.col-1.col-c {
        min-width: 160px
    }
    footer .ft-wrap .col.col-1.col-b,
    footer .ft-wrap .col.col-1.col-d {
        margin-right: 17px
    }
}

@media screen and (max-width:992px) and (min-width:480px) and (max-width:992px) {
    footer .ft-wrap .col.col-1.col-b,
    footer .ft-wrap .col.col-1.col-d {
        margin-right: 40px;
        min-width: 173px
    }
    footer .ft-wrap .col.col-1.col-a .col-inner ul {
        -moz-column-width: 197px;
        column-width: 197px
    }
}

@media screen and (max-width:480px) {
    footer {
        padding-bottom: 185px !important;
        padding-top: 22px
    }
    footer.crp-l__mf {
        padding-bottom: 255px !important
    }
    footer .footer_h3 {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 16px;
        padding-bottom: 12px
    }
    footer .ft-wrap {
        min-width: 100%
    }
    footer .ft-wrap .ft-column ul li a {
        font-size: 12px;
        line-height: 24px
    }
}

@media only screen and (min-width:768px) {
    footer {
        margin-top: 50px;
        padding: 20px 0 0
    }
}

@media only screen and (min-width:1020px) {
    footer {
        padding: 50px 131px 48px
    }
}

footer.footerless {
    padding: 0
}

footer.tpv2 {
    overflow: hidden;
    padding: 50px 131px 48px;
    width: 100%
}

footer.tpv2 .main-bg {
    margin: 0 auto;
    max-width: 1087px
}

footer.tpv2 .ft-wrap {
    justify-content: space-between
}

footer.tpv2 .ft-wrap .column-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 100%
}

footer.tpv2 .ft-wrap .column-wrapper.col-b-col-c {
    width: 330px
}

footer.tpv2 .ft-wrap .column-wrapper.col-d-col-e {
    width: 420px
}

@media (max-width:992px) {
    footer.tpv2 .ft-wrap .column-wrapper.col-d-col-e {
        width: auto
    }
}

@media (max-width:480px) {
    footer.tpv2 .ft-wrap .column-wrapper {
        justify-content: unset
    }
}

footer.tpv2 .ft-wrap .col-b .col-inner .ft-column .ft-column-inner .footer_h3 {
    padding-right: 10px
}

footer.tpv2 .ft-wrap .col .col-inner .ft-column .ft-column-inner .footer_h3 {
    font: normal normal 900 16px/24px Roboto
}

footer.tpv2 hr.ft-hr {
    border: 0;
    border-bottom: 2px solid rgba(114, 128, 154, .28);
    height: 0;
    margin: 35px auto 45px;
    max-width: 1320px;
    overflow: visible;
    padding: 0
}

footer.tpv2 hr.ft-hr--bottom {
    display: none
}

footer.tpv2 .ft-b-wrap {
    display: flex;
    height: 140px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1320px;
    overflow: visible;
    padding: 0
}

footer.tpv2 .ft-b-wrap-col-2 {
    left: -14px;
    position: relative
}

footer.tpv2 .ft-b-wrap div .a-row-1 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 38px;
    width: 348px
}

footer.tpv2 .ft-b-wrap div .a-row-1 ul {
    height: 60px;
    margin-bottom: 0
}

footer.tpv2 .ft-b-wrap div .a-row-1 ul li {
    display: flex;
    padding-bottom: 11px;
    padding-left: 28px
}

footer.tpv2 .ft-b-wrap div .a-row-1 ul li:first-child,
footer.tpv2 .ft-b-wrap div .a-row-1 ul li:last-child {
    background: no-repeat top 2px left
}

footer.tpv2 .ft-b-wrap div .a-row-1 ul li a {
    color: #fff;
    line-height: 20px;
    padding-top: 2px
}

footer.tpv2 .ft-b-wrap div .a-row-2 {
    border-bottom: 0
}

footer.tpv2 .ft-b-wrap div .a-row-2 ul {
    display: flex;
    gap: 16px;
    margin-bottom: 48px
}

footer.tpv2 .ft-b-wrap div .a-row-2 ul li {
    margin-bottom: 0
}

footer.tpv2 .ft-b-wrap div .a-row-2 ul li:nth-child(2):before {
    background: #fff;
    border-radius: 5px;
    content: "";
    display: block;
    height: 36px;
    position: absolute;
    width: 36px;
    z-index: -1
}

footer.tpv2 .ft-b-wrap div .a-row-2 ul li a {
    color: #fff;
    display: contents
}

footer.tpv2 .ft-b-wrap div .a-row-2 ul li a img {
    display: block
}

footer.tpv2 .ft-b-wrap div .a-row-3 {
    background: transparent;
    border-radius: 0;
    height: 50px;
    left: -4px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 365px
}

@media (max-width:480px) {
    footer.tpv2 .ft-b-wrap div .a-row-3 {
        left: 0;
        max-width: 100%;
        width: 100%
    }
}

footer.tpv2 .ft-b-wrap div .a-row-3 h4 {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px
}

footer.tpv2 .ft-b-wrap div .a-row-3 h4 span {
    font-weight: 700
}

footer.tpv2 .ft-b-wrap div .a-row-3 .trustpilot-wrap:before {
    content: "Rated";
    left: 4px
}

footer.tpv2 .ft-b-wrap div .a-row-3 .trustpilot-wrap.trustpilot-wrap--es:before,
footer.tpv2 .ft-b-wrap div .a-row-3 .trustpilot-wrap:before {
    bottom: 28px;
    color: #fff;
    filter: blur(.01px);
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
    position: absolute
}

footer.tpv2 .ft-b-wrap div .a-row-3 .trustpilot-wrap.trustpilot-wrap--es:before {
    content: "Votado";
    left: 2px
}

@media (max-width:480px) {
    footer.tpv2 .ft-b-wrap div .a-row-3 .trustpilot-wrap.trustpilot-wrap--es:before,
    footer.tpv2 .ft-b-wrap div .a-row-3 .trustpilot-wrap:before {
        content: unset !important
    }
}

footer.tpv2 .ft-b-wrap div .a-row-3 .trustpilot-wrap .trustpilot-widget {
    left: 40px;
    position: absolute !important;
    top: 3px;
    transform: scale(1)
}

footer.tpv2 .ft-b-wrap div .a-row-3 .trustpilot-wrap .trustpilot-widget[data-locale=es] iframe {
    left: 10px
}

@media (max-width:480px) {
    footer.tpv2 .ft-b-wrap div .a-row-3 .trustpilot-wrap .trustpilot-widget {
        left: -10px
    }
    footer.tpv2 .ft-b-wrap div .a-row-3 .trustpilot-wrap .trustpilot-widget[data-locale=es] iframe {
        left: 0
    }
}

footer.tpv2 .ft-b-wrap div .a-row-4 {
    display: flex;
    gap: 10px;
    justify-content: flex-start;
    margin-bottom: 20px
}

@media (max-width:768px) {
    footer.tpv2 .ft-b-wrap div .a-row-4 {
        gap: 0
    }
}

footer.tpv2 .ft-b-wrap div .a-row-4 a {
    display: inline-block;
    max-width: calc(50% - 8px)
}

footer.tpv2 .ft-b-wrap div .a-row-4 a:first-child {
    margin-right: 12px
}

footer.tpv2 .ft-b-wrap div .a-row-5 {
    position: static
}

footer.tpv2 .ft-b-wrap div .a-row-5 ul li {
    display: inline-block
}

footer.tpv2 .ft-b-wrap div .a-row-5 ul li a,
footer.tpv2 .ft-b-wrap div .a-row-5 ul li span {
    color: #b3bdc0;
    font: normal normal normal 12px/24px Roboto;
    font-family: Roboto !important;
    font-size: 12px;
    line-height: 24px
}

footer.tpv2 .ft-b-wrap div .a-row-5 ul li a:active,
footer.tpv2 .ft-b-wrap div .a-row-5 ul li a:focus,
footer.tpv2 .ft-b-wrap div .a-row-5 ul li a:hover,
footer.tpv2 .ft-b-wrap div .a-row-5 ul li span:active,
footer.tpv2 .ft-b-wrap div .a-row-5 ul li span:focus,
footer.tpv2 .ft-b-wrap div .a-row-5 ul li span:hover {
    color: #fff
}

footer.tpv2 .ft-b-wrap div .a-row-5 ul li span {
    padding: 0
}

footer.tpv2 .ft-b-wrap div .a-row-5 ul li:not(:last-child) {
    margin-right: 16px
}

@media (max-width:860px) {
    footer.tpv2 {
        max-width: 100vw;
        overflow: hidden
    }
    footer.tpv2 .ft-b-wrap,
    footer.tpv2 .ft-wrap {
        grid-template-columns: 1fr
    }
    footer.tpv2 .ft-b-wrap {
        display: grid;
        height: auto;
        margin-bottom: 0
    }
    footer.tpv2 .ft-b-wrap-col-2 {
        left: 0
    }
    footer.tpv2 .ft-b-wrap div .a-row-4 {
        margin-bottom: 20px;
        text-align: left
    }
    footer.tpv2 .ft-b-wrap div .a-row-5 {
        position: static;
        text-align: left
    }
    footer.tpv2 hr.ft-hr {
        margin: 15px auto 30px
    }
    footer.tpv2 hr.ft-hr--bottom {
        display: block;
        margin: -15px 0 30px
    }
}

@media (max-width:530px) {
    footer.tpv2 .trustpilot img {
        height: auto;
        position: relative;
        width: 100%
    }
    footer.tpv2 .apps img {
        width: 100%
    }
}

@media (max-width:480px) {
    footer.tpv2 .ft-wrap .col .col-inner .ft-column .ft-column-inner .footer_h3,
    footer.tpv2 .ft-wrap .col:first-child .col-inner .ft-column .ft-column-inner .footer_h3 {
        font: normal normal 900 14px/16px Roboto
    }
    footer.tpv2 .ft-wrap a.scroll-to-top {
        bottom: 10px;
        opacity: .5;
        z-index: 9
    }
    footer.tpv2 .ft-wrap a.scroll-to-top:hover {
        opacity: 1
    }
    footer.tpv2 .ft-b-wrap {
        height: 220px
    }
    footer.tpv2 .ft-b-wrap div .a-row-1,
    footer.tpv2 .ft-b-wrap div .a-row-2,
    footer.tpv2 .ft-b-wrap div .a-row-4,
    footer.tpv2 .ft-b-wrap div .a-row-5 {
        width: 100%
    }
    footer.tpv2 .ft-b-wrap div .a-row-1 ul li {
        padding-bottom: 4px
    }
    footer.tpv2 .ft-b-wrap div .a-row-1 ul li a {
        font: normal normal normal 14px/24px Roboto
    }
    footer.tpv2 .ft-b-wrap div .a-row-1 ul li:first-child,
    footer.tpv2 .ft-b-wrap div .a-row-1 ul li:last-child {
        background: no-repeat top 4px left
    }
    footer.tpv2 .ft-b-wrap div .a-row-2 ul {
        gap: initial;
        justify-content: space-between
    }
    footer.tpv2 .ft-b-wrap div .a-row-2 ul li a img {
        height: 36px;
        width: 36px
    }
    footer.tpv2 .ft-b-wrap div .a-row-2 ul.footer-flex-list {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: flex-start
    }
    footer.tpv2 .ft-b-wrap div .a-row-2 ul.footer-flex-list li {
        flex-shrink: 0
    }
    footer.tpv2 .ft-b-wrap div .a-row-3 .trustpilot-wrap {
        height: 40px;
        margin: 0 auto;
        max-width: 100%;
        position: relative;
        width: 320px
    }
    footer.tpv2 .ft-b-wrap div .a-row-3 .trustpilot-wrap:before {
        bottom: 18px;
        left: 0;
        position: absolute
    }
    footer.tpv2 .ft-b-wrap div .a-row-4,
    footer.tpv2 .ft-b-wrap div .a-row-5 ul {
        display: flex;
        justify-content: space-between
    }
    footer.tpv2 .ft-b-wrap div .a-row-4 li:not(:last-child),
    footer.tpv2 .ft-b-wrap div .a-row-5 ul li:not(:last-child) {
        margin-right: 0
    }
}

footer.flms-ms {
    padding: 50px 0 30px;
    width: 100%
}

footer.flms-ms hr.ft-hr {
    margin: 35px auto
}

footer.flms-ms .main-bg {
    margin: 0 auto;
    max-width: 1245px
}

footer.flms-ms .ft-wrap {
    background-blend-mode: overlay;
    background-color: #0b2441;
    background-image: url(/html/site/img/angular-shop/flms-b2b/microsite-footer/flms-ms-bg.svg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 435px 269px;
    margin-bottom: -35px
}

footer.flms-ms .ft-wrap .col-a {
    width: 362px
}

footer.flms-ms .ft-wrap .col-a ul li,
footer.flms-ms .ft-wrap .col-a ul li span {
    align-items: center;
    color: #d2d8de;
    display: flex;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    gap: 15px;
    line-height: normal
}

footer.flms-ms .ft-wrap .col-a ul li span:hover,
footer.flms-ms .ft-wrap .col-a ul li:hover {
    text-decoration: none
}

footer.flms-ms .ft-wrap .col-b {
    width: 159px
}

footer.flms-ms .ft-wrap .col-c {
    width: 233px
}

footer.flms-ms .ft-wrap .col-d {
    width: 199px
}

footer.flms-ms .ft-wrap .col-e {
    width: 294px
}

footer.flms-ms .ft-wrap .col-e p {
    color: #d2d8de;
    font-family: Montserrat, Roboto, "sans-serif";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 10px;
    padding-bottom: 0
}

footer.flms-ms .ft-wrap .col-e form {
    display: flex;
    flex-direction: column;
    gap: 15px
}

footer.flms-ms .ft-wrap .col-e form input[type=email] {
    background: #f0f5f7;
    border-radius: 4px;
    color: #000;
    flex-shrink: 0;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 42px;
    line-height: normal;
    width: 283px
}

@media (min-width:768px) {
    footer.flms-ms .ft-wrap .col-e form input[type=email] {
        font-size: 14px
    }
}

footer.flms-ms .ft-wrap .col-e form ::-moz-placeholder {
    color: #bbb
}

footer.flms-ms .ft-wrap .col-e form ::placeholder {
    color: #bbb
}

footer.flms-ms .ft-wrap .col-e form ::-ms-input-placeholder {
    color: #bbb
}

footer.flms-ms .ft-wrap .col-e form input[type=submit] {
    align-items: center;
    background: #ff8929;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 45px;
    justify-content: center;
    line-height: 24px;
    text-align: center;
    width: 125px
}

footer.flms-ms .ft-wrap .col-e form input[type=submit]:hover {
    background: #f56e00
}

footer.flms-ms .ft-wrap .col:first-child .col-inner .ft-column .ft-column-inner .footer_h3 {
    border-bottom: none;
    margin: 0 0 10px;
    text-transform: none
}

footer.flms-ms .ft-wrap .col .col-inner .ft-column .ft-column-inner .footer_h3 {
    color: #fff;
    font-family: Montserrat, Roboto, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase
}

footer.flms-ms .ft-wrap .col .col-inner .ft-column .ft-column-inner p.flms-ms-linkedin {
    align-items: flex-start;
    display: flex;
    gap: 9px;
    margin-bottom: 23px !important
}

footer.flms-ms .ft-wrap .col .col-inner .ft-column .ft-column-inner p.flms-ms-linkedin strong {
    color: #d2d8de;
    display: inline-block;
    font-family: Montserrat, Roboto, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-top: 3px
}

footer.flms-ms .ft-wrap .col .col-inner .ft-column .ft-column-inner p.flms-ms-linkedin a {
    outline: none
}

footer.flms-ms .ft-wrap .ft-column ul li {
    margin-bottom: 30px
}

footer.flms-ms .ft-wrap .ft-column ul li a {
    color: #d2d8de;
    font-family: Montserrat, Roboto, "sans-serif";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 39px
}

footer.flms-ms .ft-wrap .ft-column ul li a:hover {
    color: #e6e6e6;
    text-decoration: none
}

footer.flms-ms .ft-b-wrap {
    align-items: center;
    display: flex;
    gap: 50px;
    height: auto;
    justify-content: flex-start;
    margin: auto;
    overflow: visible;
    padding: 0
}

footer.flms-ms .ft-b-wrap .ft-b-wrap-col-2 {
    position: static
}

footer.flms-ms .ft-b-wrap .ft-b-wrap-col-4 {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

footer.flms-ms .ft-b-wrap .ft-b-wrap-col-4 span {
    color: #b3bdc0;
    font-family: Inter, Roboto, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: right
}

@media (max-width:1000px) {
    footer.flms-ms .ft-b-wrap {
        display: flex;
        flex-direction: column;
        gap: 22px;
        width: 100%
    }
    footer.flms-ms .ft-b-wrap .ft-b-wrap-col-1 {
        order: 3
    }
    footer.flms-ms .ft-b-wrap .ft-b-wrap-col-2 {
        order: 1
    }
    footer.flms-ms .ft-b-wrap .ft-b-wrap-col-3 {
        order: 2
    }
    footer.flms-ms .ft-b-wrap .ft-b-wrap-col-4 {
        justify-content: center;
        order: 4
    }
}

@media (max-width:858px) {
    footer.flms-ms {
        padding: 30px 24px 24px !important
    }
    footer.flms-ms .ft-wrap {
        background-image: none
    }
    footer.flms-ms .ft-wrap .col-a,
    footer.flms-ms .ft-wrap .col-b,
    footer.flms-ms .ft-wrap .col-c,
    footer.flms-ms .ft-wrap .col-d,
    footer.flms-ms .ft-wrap .col-e {
        width: 100%
    }
    footer.flms-ms .ft-wrap .col-a {
        border-top: 2px solid rgba(114, 128, 154, .28);
        order: 5;
        padding-top: 20px
    }
    footer.flms-ms .ft-wrap .col-b {
        order: 1
    }
    footer.flms-ms .ft-wrap .col-c {
        order: 2
    }
    footer.flms-ms .ft-wrap .col-d {
        order: 3
    }
    footer.flms-ms .ft-wrap .col-e {
        order: 4
    }
}

@media (max-width:480px) {
    footer.flms-ms .ft-wrap .col-a {
        margin-bottom: 0
    }
    footer.flms-ms .ft-wrap .col-a ul li {
        flex-direction: column
    }
    footer.flms-ms .ft-wrap .col-a ul li span {
        text-align: center
    }
    footer.flms-ms .ft-wrap .col-e {
        margin-bottom: 10px
    }
    footer.flms-ms .ft-wrap .col-e form input[type=email],
    footer.flms-ms .ft-wrap .col-e form input[type=submit] {
        width: 100%
    }
    footer.flms-ms .ft-wrap .col .col-inner .ft-column .ft-column-inner .footer_h3,
    footer.flms-ms .ft-wrap .col:first-child .col-inner .ft-column .ft-column-inner .footer_h3 {
        color: #fff;
        font-family: Montserrat, Roboto, sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase
    }
    footer.flms-ms .ft-wrap .col:first-child .col-inner .ft-column .ft-column-inner .footer_h3 {
        color: #fff;
        font-family: Montserrat, Roboto, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: none
    }
    footer.flms-ms .ft-b-wrap .ft-b-wrap-col-1 {
        border-top: 2px solid rgba(114, 128, 154, .28);
        padding-top: 20px;
        width: 100%
    }
    footer.flms-ms .ft-b-wrap .ft-b-wrap-col-2 {
        margin-top: -10px
    }
}

.php-overlay-container {
    display: none;
    position: fixed;
    z-index: 1000
}

.php-overlay-container .cdk-overlay-backdrop {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    z-index: 1000
}

.php-overlay-container .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.php-overlay-container .cdk-overlay-backdrop.cdk-overlay-dark-backdrop {
    background: rgba(0, 0, 0, .32)
}

.php-overlay-container .cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.php-overlay-container .cdk-global-overlay-wrapper .cdk-overlay-pane {
    box-sizing: border-box;
    display: flex;
    height: 605px;
    max-height: 100%;
    max-width: 80vw;
    pointer-events: auto;
    position: absolute;
    position: static;
    width: 720px;
    z-index: 1000
}

.php-overlay-container .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container {
    background: #fff;
    border: 1px solid #d2d8de;
    border-radius: 4px;
    border-radius: 15px;
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .141), 0 9px 46px 8px rgba(0, 0, 0, .122);
    box-sizing: border-box;
    color: rgba(0, 0, 0, .871);
    display: block;
    height: 100%;
    margin: auto;
    max-height: inherit;
    min-height: inherit;
    outline: 0;
    overflow: auto;
    overflow: hidden;
    padding: 24px;
    padding: 0 !important;
    width: 100%;
    width: 100% !important
}

.php-overlay-container .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container .pp-c132152240 {
    font-family: Montserrat, Roboto, sans-serif
}

.php-overlay-container .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container .dialog-wrap .dialog-top {
    align-items: center;
    border-bottom: 1px solid #d2d8de;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px
}

.php-overlay-container .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container .dialog-wrap .dialog-top .top-left {
    display: flex;
    margin-left: 30px
}

.php-overlay-container .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container .dialog-wrap .dialog-top .top-left .dialog-title-wrap {
    color: #2d3941;
    padding: 29px 0 19px
}

.php-overlay-container .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container .dialog-wrap .dialog-top .top-left .dialog-title-wrap h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0
}

.php-overlay-container .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container .dialog-wrap .dialog-top .top-right {
    align-items: flex-start;
    display: flex;
    margin-right: 22px
}

.php-overlay-container .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container .dialog-wrap .dialog-top .top-right .close-dialog-btn {
    cursor: pointer
}

.php-overlay-container .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container .dialog-wrap .dialog-content {
    height: 508px !important;
    margin: 0 0 0 34px;
    max-width: 654px
}

@media (max-width:480px) {
    .php-overlay-container .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container .dialog-wrap .dialog-content {
        margin: 0 20px 0 34px
    }
}

.php-overlay-container .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container .dialog-wrap .dialog-content p#flms-terms-conditions-text {
    margin-bottom: 30px
}

.php-overlay-container .cdk-global-overlay-wrapper .cdk-overlay-pane .mat-dialog-container .dialog-wrap .dialog-footer {
    border-top: 1px solid #d2d8de !important;
    display: flex;
    justify-content: center;
    margin: 28px auto 17px;
    margin: 0 auto !important;
    padding-top: 17px
}

.cdk-global-overlay-wrapper,
.php-overlay-container {
    height: 100%;
    left: 0;
    pointer-events: none;
    top: 0;
    width: 100%
}

@media (max-width:768px) {
    footer.main.tpv2.gift-card-footer {
        display: none !important
    }
}

html[lang=es] footer .footer_h3 br {
    display: block
}

html[lang=es] footer.tpv2 .ft-wrap {
    gap: 50px
}

html[lang=es] footer.tpv2 .ft-wrap .col.col-1.col-a .col-inner ul {
    -moz-column-gap: 20px;
    column-gap: 20px;
    -moz-column-width: 220px;
    column-width: 220px
}

@media (max-width:992px) {
    html[lang=es] footer.tpv2 .ft-wrap .col.col-1.col-a .col-inner ul {
        -moz-column-gap: 42px;
        column-gap: 42px;
        -moz-column-width: auto;
        column-width: auto
    }
}

@media (max-width:480px) {
    html[lang=es] footer.tpv2 .ft-wrap .col.col-1.col-a .col-inner ul {
        -moz-column-gap: 27px;
        column-gap: 27px
    }
}

@media (max-width:400px) {
    html[lang=es] footer.tpv2 .ft-wrap .col.col-1.col-a .col-inner ul li {
        max-width: 136px
    }
}

html[lang=es] footer.tpv2 .ft-wrap .col.col-1.col-b {
    margin-right: 0;
    min-width: 188px
}

html[lang=es] footer.tpv2 .ft-wrap .col.col-1 .column-wrapper {
    gap: 22px
}

html[lang=es] footer.tpv2 .ft-wrap .col.col-1.col-b-col-c {
    gap: 24px
}

html[lang=es] footer.tpv2 .ft-wrap .col.col-1.col-d-col-e {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

html[lang=es] footer.tpv2 .ft-wrap .column-wrapper.col-b-col-c,
html[lang=es] footer.tpv2 .ft-wrap .column-wrapper.col-d-col-e {
    gap: 50px
}

@media (max-width:480px) {
    html[lang=es] footer.tpv2 .ft-wrap .column-wrapper.col-b-col-c,
    html[lang=es] footer.tpv2 .ft-wrap .column-wrapper.col-d-col-e {
        gap: 31px
    }
}

html[lang=es] footer.tpv2 .ft-wrap .column-wrapper.col-b-col-c {
    width: auto !important
}

@media (max-width:992px) {
    html[lang=es] footer .tpv2 .ft-wrap .col.col-1.col-a .col-inner .footer_h3 br {
        display: none
    }
    html[lang=es] footer .ft-wrap .col.col-1.col-b,
    html[lang=es] footer .ft-wrap .col.col-1.col-d {
        margin-right: 0;
        max-width: 188px;
        min-width: 188px
    }
}

@media (max-width:992px) and (max-width:480px) {
    html[lang=es] footer .ft-wrap .col.col-1.col-b,
    html[lang=es] footer .ft-wrap .col.col-1.col-d {
        max-width: 130px;
        min-width: 165px !important
    }
}

@media (max-width:992px) and (max-width:400px) {
    html[lang=es] footer .ft-wrap .col.col-1.col-b,
    html[lang=es] footer .ft-wrap .col.col-1.col-d {
        min-width: 132px !important
    }
}

@media (max-width:992px) {
    html[lang=es] footer .tpv2 .ft-wrap .col.col-1.col-d {
        margin-right: 0;
        max-width: 188px
    }
}

@media (max-width:480px) {
    html[lang=es] footer .tpv2 .ft-wrap {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: center
    }
    html[lang=es] footer .tpv2 .ft-wrap .col.col-1.col-b {
        min-width: unset;
        width: 100%
    }
    html[lang=es] footer .tpv2 .ft-wrap .column-wrapper.col-b-col-c,
    html[lang=es] footer .tpv2 .ft-wrap .column-wrapper.col-d-col-e {
        box-sizing: border-box;
        flex: 1 1 100%;
        gap: 16px;
        justify-content: space-between;
        max-width: 188px;
        width: 100%
    }
    html[lang=es] footer .tpv2 .ft-wrap .column-wrapper.col-b-col-c .col,
    html[lang=es] footer .tpv2 .ft-wrap .column-wrapper.col-d-col-e .col {
        flex: 1 1 50%;
        max-width: 50%
    }
    html[lang=es] footer .tpv2 .ft-wrap .column-wrapper.col-b-col-c {
        justify-content: center
    }
}

.login.backdrop:after {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.login-page {
    display: flex;
    justify-content: center
}

@media (min-width:1001px) {
    .login-page {
        align-items: center;
        background: linear-gradient(90deg, #16222a 0, #3a6073);
        min-height: 100vh
    }
}

@media (max-width:767px) {
    .login-page.login-register {
        margin-top: 50px
    }
    .login-page.login-register .login .login__inner .login__right span.icon-cross2 {
        display: none
    }
    .login-page.login-register .login .login__inner .login__right #register .login__lang-selector {
        top: 20px
    }
    .login-page.login-register .login .login__inner .login__right .login__toggle {
        margin: 24px 0
    }
    .login-page.login-register .login .login__inner .login__right .login__terms {
        margin-top: 28px
    }
}

.new-player+.modal-outer.topic-modal .login .login__right .icon-cross2 {
    display: none
}

.modal-outer {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999
}

.modal-outer .inner-modal {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    position: absolute;
    width: 100%
}

.modal-outer .login {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999
}

.modal-outer .darken {
    background: transparent;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

@media (max-width:767px) {
    .modal-outer .darken {
        background: rgba(46, 46, 46, .8)
    }
}

.modal-outer .affiliate-application-modal .icon-cross2 {
    display: none
}

.modal-outer .input-field input,
.modal-outer .input-field-email input {
    width: 100%
}

@media (max-width:1000px) {
    .modal-outer.topic-modal,
    .modal-outer.topic-modal .login {
        top: 48px
    }
    .modal-outer .login {
        left: 0;
        position: fixed;
        top: 0;
        transform: none;
        width: 100%
    }
    .modal-outer .login.login--errors {
        height: 100%;
        overflow: scroll;
        position: absolute
    }
    .modal-outer .login.login--errors .login__bottom {
        padding: 0;
        position: static
    }
    .modal-outer .login__bottom {
        display: flex;
        flex-direction: column
    }
    .modal-outer .login__bottom .login__terms {
        margin: 30px 0 44px
    }
    .modal-outer #register .login__bottom .login__toggle {
        margin: 0;
        order: 3
    }
}

@media (max-width:640px) {
    .modal-outer .login #register .login__bottom {
        padding: 0 0 24px;
        position: static
    }
}

@media (max-height:640px) {
    .modal-outer .login {
        height: 100%;
        overflow: scroll;
        position: absolute
    }
    .modal-outer .login .login__bottom {
        padding: 0;
        position: static
    }
}

.g-recaptcha {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

@media (max-width:400px) {
    .g-recaptcha {
        margin-top: 11px
    }
}

.soc-log {
    display: flex;
    justify-content: center
}

.soc-log .apple-login {
    width: 18px
}

.soc-log a {
    align-items: center;
    border: 1px solid #dadce0;
    border-radius: 3px;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-right: 24px;
    width: 40px
}

.soc-log a:last-child {
    margin-right: 0
}

.soc-log a:hover {
    background: #f3f6f7;
    border-color: #007646
}

.login__tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.login__tabs div {
    color: #465159;
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .36px;
    max-width: 115px;
    padding: 5px 0;
    text-align: center;
    width: auto
}

.login__tabs div:first-child {
    margin-right: 26px
}

.login__tabs div.active {
    border-bottom: 2px solid #007646;
    color: #007646;
    font-weight: 700
}

@media (max-width:767px) {
    .login__tabs.register {
        margin-top: 40px
    }
}

.login__lang-selector {
    margin: 0 auto 30px;
    position: relative;
    width: 264px
}

.login__lang-selector .lang__current {
    align-items: center;
    align-self: stretch;
    border: 1px solid var(--Alison-Grey-75, #bbc5cb);
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 41px;
    justify-content: space-between;
    margin: 0 auto 8px;
    padding: 10px 12px;
    width: 260px
}

.login__lang-selector .lang__current .label {
    color: var(--Alison-Grey-700, #465159);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px
}

.login__lang-selector .lang__current .current {
    align-items: center;
    color: var(--Alison-Grey-800, #343c41);
    display: flex;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    line-height: 21px
}

.login__lang-selector .lang__current .current img {
    display: block;
    height: 18px;
    width: 18px
}

.login__lang-selector .lang__current .current .lang__arrow-down {
    align-items: center;
    background: url(/html/site/img/translations/signup-page/arrow_down.svg) no-repeat 50%;
    display: flex;
    height: 16px;
    justify-content: center;
    width: 16px
}

.login__lang-selector ul {
    background: var(--White, #fff);
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 -2px 4px 0 rgba(0, 0, 0, .1);
    left: 0;
    opacity: 0;
    padding: 8px;
    position: absolute;
    top: 85px;
    transition: opacity .3s ease-in-out, top .3s ease-in-out, z-index .3s ease-in-out;
    width: 264px;
    z-index: -1
}

.login__lang-selector ul.open {
    opacity: 1 !important;
    top: 49px !important;
    z-index: 9999 !important
}

.login__lang-selector ul li {
    border-radius: 6px;
    height: 37px;
    margin: 17px 0;
    width: 100%
}

.login__lang-selector ul li:nth-child(2) {
    margin-top: 0
}

.login__lang-selector ul li:last-child {
    margin-bottom: 0
}

.login__lang-selector ul li.selected,
.login__lang-selector ul li:hover {
    background: var(--Alison-Grey-25, #f0f4f7)
}

.login__lang-selector ul li a {
    align-items: center;
    color: var(--Alison-Grey-800, #343c41);
    display: flex;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    height: 37px;
    justify-content: flex-start;
    line-height: 21px;
    padding: 4px 12px;
    text-transform: capitalize;
    width: 100%
}

.login__lang-selector ul li a span img {
    display: block;
    height: 14px;
    width: 14px
}

.login__lang-selector ul li hr {
    background: #d7dcdf;
    border: none;
    display: block;
    height: 1px;
    margin: 8px 0;
    width: 100%
}

.login__lang-selector ul li:last-child hr {
    display: none
}

@media (max-width:767px) {
    .login__lang-selector {
        left: -12px;
        position: absolute;
        top: 10px
    }
    .login__lang-selector .lang__current {
        height: 36px;
        padding: 8px;
        width: 200px
    }
    .login__lang-selector .lang__current img {
        height: 18px;
        width: 18px
    }
    .login__lang-selector .lang__current .label {
        font-size: 12px;
        line-height: 18px
    }
    .login__lang-selector .lang__current .current {
        font-size: 12px;
        gap: 6px;
        line-height: 18px
    }
    .login__lang-selector .lang__current .current .lang__arrow-down {
        align-items: center;
        background: url(/html/site/img/translations/signup-page/arrow_down.svg) no-repeat 50%;
        background-size: cover;
        display: flex;
        height: 12px;
        justify-content: center;
        width: 12px
    }
    .login__lang-selector ul {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        bottom: -50px;
        box-shadow: unset;
        left: 0;
        opacity: 0;
        position: fixed;
        right: 0;
        top: auto !important;
        transition: opacity .3s ease-in-out, bottom .3s ease-in-out, z-index .3s ease-in-out;
        width: 100%;
        z-index: -1
    }
    .login__lang-selector ul.open {
        bottom: 0;
        opacity: 1 !important;
        top: auto !important;
        z-index: 9999 !important
    }
    .login__lang-selector ul li.head {
        display: block !important;
        margin-top: 0
    }
    .login__lang-selector ul li.head .inner {
        align-items: center;
        display: flex;
        justify-content: space-between;
        padding: 7px 0 7px 12px;
        position: relative
    }
    .login__lang-selector ul li.head .inner .head-body {
        align-items: center;
        display: flex;
        gap: 7px
    }
    .login__lang-selector ul li.head .inner .head-body span.lang-icon {
        background-image: url(/html/site/img/header/lang/m-lang-icon.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        height: 13px;
        width: 13px
    }
    .login__lang-selector ul li.head .inner .head-body span.text {
        color: #000;
        font-family: Roboto;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 21px
    }
    .login__lang-selector ul li.head .inner span.head-discard {
        background: url(/html/site/img/translations/signup-page/lang_discard.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        cursor: pointer;
        height: 24px;
        position: absolute;
        right: 4px;
        width: 24px
    }
    .login__lang-selector ul li.head hr {
        background: #d7dcdf;
        border: none;
        display: block;
        height: 1px;
        margin: 8px 0;
        width: 100%
    }
    .login__lang-selector ul li.selected,
    .login__lang-selector ul li:hover {
        background: unset
    }
}

.login__row {
    display: flex;
    gap: 12px;
    justify-content: space-between
}

.login-page .login-modal .login__right .icon-cross2 {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 20px;
    top: 20px
}

input.password {
    margin-bottom: 0 !important
}

.toggle-parent {
    position: relative
}

.password-toggle {
    color: #cdcdcd;
    cursor: pointer;
    font-weight: 700;
    position: absolute;
    right: 15px;
    top: 15px
}

.password-toggle.icon-hide-password:before,
.password-toggle.icon-show-password:before {
    font-size: 24px
}

.login {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, .16);
    overflow: hidden;
    width: 964px
}

.login .login__head {
    color: #343c41;
    display: block;
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 20px
}

.login p {
    color: #465159;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 50px
}

.login .login__inner {
    display: flex
}

.login .login__inner.login__inner--forgot:before {
    background: rgba(0, 0, 0, .4);
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.login .login__right {
    padding: 28px 62px;
    width: 50%
}

.login .login__right .icon-cross2 {
    display: none
}

.login .login__left {
    background: #e6f6eb;
    padding: 44px 61px;
    position: relative;
    text-align: center;
    width: 50%
}

.login .login__left img {
    margin-bottom: 52px
}

.login button[type=email],
.login button[type=password],
.login button[type=text],
.login input[type=email],
.login input[type=password],
.login input[type=text] {
    background: #f3f6f7;
    border-radius: 8px;
    font-size: 16px;
    margin-bottom: 12px;
    padding: 14px 16px
}

.login button[type=email]::-moz-placeholder,
.login button[type=password]::-moz-placeholder,
.login button[type=text]::-moz-placeholder,
.login input[type=email]::-moz-placeholder,
.login input[type=password]::-moz-placeholder,
.login input[type=text]::-moz-placeholder {
    color: #bbc5cb
}

.login button[type=email]::placeholder,
.login button[type=password]::placeholder,
.login button[type=text]::placeholder,
.login input[type=email]::placeholder,
.login input[type=password]::placeholder,
.login input[type=text]::placeholder {
    color: #bbc5cb
}

.login button[type=email].has-error,
.login button[type=email].invalid,
.login button[type=password].has-error,
.login button[type=password].invalid,
.login button[type=text].has-error,
.login button[type=text].invalid,
.login input[type=email].has-error,
.login input[type=email].invalid,
.login input[type=password].has-error,
.login input[type=password].invalid,
.login input[type=text].has-error,
.login input[type=text].invalid {
    background: #f3f6f7 url(/html/site/img/login/error.svg) no-repeat calc(100% - 20px);
    margin-bottom: 0;
    padding-right: 56px
}

.login button[name=password].has-error,
.login button[name=password].invalid,
.login button[name=signup_password].has-error,
.login button[name=signup_password].invalid,
.login input[name=password].has-error,
.login input[name=password].invalid,
.login input[name=signup_password].has-error,
.login input[name=signup_password].invalid {
    background: #f3f6f7 url(/html/site/img/login/error.svg) no-repeat calc(100% - 50px);
    margin-bottom: 0;
    padding-right: 56px
}

.login button[type=submit],
.login input[type=submit] {
    background: #009b5d;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
    padding: 15px 48px;
    width: 100%
}

.login button[type=submit]:hover,
.login input[type=submit]:hover {
    background: #008445
}

.login [type=checkbox]+label {
    color: #465159;
    font-size: 14px;
    position: relative
}

.login [type=checkbox]+label:before {
    border-radius: 2px;
    height: 18px;
    margin-right: 8px;
    width: 18px
}

.login [type=checkbox]:checked+label:before {
    background: #009b5d;
    border: 1px solid #009b5d
}

.login [type=checkbox]:checked+label:after {
    background: transparent;
    color: #fff;
    content: "\e93f";
    font-family: icomoon !important;
    font-size: 17px;
    font-weight: 700;
    left: 1px;
    top: 1px
}

.login .login__error {
    color: #ea1c2d;
    font-size: 10px;
    letter-spacing: .5px;
    padding: 10px 0;
    text-align: center
}

.login .tab:not(.active) {
    display: none
}

@media (max-width:1000px) {
    .login {
        border-radius: 0;
        height: 100vh
    }
    .login .login__bottom {
        bottom: 0;
        left: 0;
        padding: 0 24px 24px;
        position: fixed;
        width: 100%
    }
    .login .login__left {
        display: none
    }
    .login .login__right {
        padding: 28px 24px;
        width: 100%
    }
    .login .login__right .icon-cross2 {
        display: block;
        position: absolute;
        right: 20px;
        top: 20px
    }
}

body.alison-theme .login [type=checkbox]:checked+label:after {
    font-family: icomoon !important;
    left: 1px;
    top: -4px
}

.nprf__login {
    background: transparent;
    box-shadow: none;
    padding-top: 150px;
    width: 100%
}

.nprf__login .login-container {
    width: 100%
}

.nprf__login .login-container .tab-content {
    display: flex;
    justify-content: center;
    width: 100%
}

#emailsent,
#forgotpassword,
#resetpassword {
    background: #fff 0 0 no-repeat padding-box;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
    padding: 20px 40px;
    position: absolute;
    text-align: center;
    width: 466px
}

#emailsent .login-title,
#forgotpassword .login-title,
#resetpassword .login-title {
    color: #1b232e;
    display: block;
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    margin: 35px auto 15px;
    text-align: center
}

#emailsent .sub-text,
#forgotpassword .sub-text,
#resetpassword .sub-text {
    color: #465159;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 auto 20px;
    text-align: center;
    width: 260px
}

#emailsent a,
#resetpassword a {
    color: #007646;
    font-weight: 700;
    line-height: 24px;
    text-decoration: none
}

#emailsent a:hover,
#resetpassword a:hover {
    text-decoration: underline
}

#resetpassword input[type=password] {
    margin-bottom: 12px
}

#resetpassword a {
    display: block;
    padding-top: 20px
}

#forgotpassword {
    display: none;
    left: 50%;
    top: 70px;
    transform: translate(-50%);
    z-index: 9
}

#forgotpassword input[type=email] {
    margin-bottom: 0
}

#emailsent {
    width: 516px
}

#emailsent .sub-text {
    font-size: 16px;
    width: 412px
}

.login__register input[type=submit] {
    margin-top: 32px
}

.login__help {
    bottom: 29px;
    color: #465159;
    font-size: 14px;
    font-style: normal;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 100%
}

.login__help a {
    color: #465159;
    font-weight: 600;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.login__terms {
    color: #465159;
    font-size: 12px;
    font-style: normal;
    margin-top: 58px;
    text-align: center
}

.login__terms a {
    color: #465159;
    font-weight: 600;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.login__toggle {
    color: #465159;
    font-size: 16px;
    margin: 32px 0 35px;
    text-align: center
}

.login__toggle a,
.login__toggle span {
    color: #007646;
    cursor: pointer;
    font-weight: 700
}

.login__toggle a:hover,
.login__toggle span:hover {
    text-decoration: underline
}

@media (max-width:1000px) {
    .login__toggle .login {
        margin: 25px 0 28px
    }
}

.login__as-creator {
    border-top: 1px solid #f0f0f0;
    color: #465159;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin-left: -11px;
    padding-top: 24px;
    text-align: center;
    width: calc(100% + 22px)
}

.login__as-creator a {
    color: #465159;
    font-weight: 500;
    padding-left: 5px
}

.login__as-creator a:hover {
    text-decoration: underline
}

.login__as-creator span:before {
    color: #465159
}

@media (max-width:768px) {
    .login__as-creator {
        border-top: none
    }
}

.login__extras {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 35px
}

.login__forgot {
    color: #007646;
    font-size: 14px;
    font-style: normal;
    font-weight: 700
}

.login__forgot:hover {
    text-decoration: underline
}

.or-line {
    color: #bbc5cb;
    font-size: 16px;
    font-weight: 700;
    margin: 24px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.or-line:before {
    background: #bbc5cb;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 9px;
    width: 100%;
    z-index: 0
}

.or-line span {
    background: #fff;
    display: inline-block;
    position: relative;
    width: 44px
}

.xp__overlay {
    background-color: rgba(0, 0, 0, .4);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.xp {
    background: var(--Alison-Blue-50, #e0f4f9);
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    font: 400 1em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    height: 619px;
    justify-content: space-between;
    left: 50%;
    overflow: hidden;
    position: fixed;
    top: 100px;
    transform: translate(-50%);
    width: 964px;
    z-index: 999999
}

@media (min-width:768px) {
    .xp {
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

@media (max-width:768px) {
    .xp.xp--old .xp__inner .xp__mobile-xp {
        height: calc(100% - 128px)
    }
    .xp.xp--50 .xp__inner .xp__mobile-xp {
        height: calc(100% - 149px)
    }
}

.xp.xp--25 .xp__nav a:last-child {
    width: auto
}

.xp .header__continue span {
    margin-right: 10px
}

.xp .close {
    height: 32px;
    position: absolute;
    right: 26px;
    top: 26px;
    width: 32px
}

.xp .xp__bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.xp .xp__radial {
    -webkit-animation: spin 45s linear infinite;
    animation: spin 45s linear infinite;
    background: url(/html/site/img/gamification/radial.svg);
    height: 1462px;
    left: calc(50% - 731px);
    top: calc(50% - 731px);
    width: 1462px
}

.xp .xp__clouds {
    background: url(/html/site/img/gamification/cloud.svg) no-repeat bottom
}

.xp .xp__stars {
    background: url(/html/site/img/gamification/stars.svg) no-repeat center 50px
}

@-webkit-keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@media (max-width:768px) {
    .xp {
        border-radius: 0;
        height: calc(var(--vh)*100 - var(--headerHeight, 48px));
        top: var(--headerHeight, 48px);
        width: 100%
    }
}

.xp__inner {
    padding: 59px 26px 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 19
}

.xp__inner .close {
    cursor: pointer
}

.xp__inner h3.xp__heading {
    font-size: 28px;
    margin-bottom: 8px
}

.xp__inner h3.xp__heading,
.xp__inner span {
    color: var(--Alison-Grey-700, #465159);
    font-weight: 900;
    line-height: 150%;
    text-align: center
}

.xp__inner span {
    font-size: 24px
}

.xp__inner .xp__learn {
    color: var(--Alison-Green-600, #008445);
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    gap: 5px;
    justify-content: center;
    line-height: 150%;
    text-decoration: underline
}

.xp__inner .xp__amount {
    -webkit-animation: expand 1s;
    animation: expand 1s;
    color: var(--Alison-Green-500---Principal, #009b5d);
    font-size: 80px;
    font-weight: 900;
    line-height: 100%;
    text-align: center
}

@-webkit-keyframes expand {
    0% {
        opacity: 0;
        transform: scale(0) rotateY(20deg)
    }
    40% {
        transform: scale(1.1)
    }
    50% {
        transform: scale(.9)
    }
    60% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(.95)
    }
    80% {
        transform: scale(1.02)
    }
    90% {
        transform: scale(.98) rotateY(0)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes expand {
    0% {
        opacity: 0;
        transform: scale(0) rotateY(20deg)
    }
    40% {
        transform: scale(1.1)
    }
    50% {
        transform: scale(.9)
    }
    60% {
        opacity: 1;
        transform: scale(1.05)
    }
    70% {
        transform: scale(.95)
    }
    80% {
        transform: scale(1.02)
    }
    90% {
        transform: scale(.98) rotateY(0)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.xp__inner .xp__info {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 344px;
    justify-content: space-between
}

.xp__inner .xp__sub-text {
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    text-align: center
}

.xp__inner .xp__bottom {
    gap: 6px;
    padding-bottom: 0
}

@media (max-width:768px) {
    .xp__inner {
        height: 100%
    }
    .xp__inner h3 {
        font-size: 28px
    }
    .xp__inner span {
        font-size: 18px
    }
    .xp__inner .xp__info {
        height: 100%;
        justify-content: start
    }
    .xp__inner .xp__info>.xp__amount {
        display: none
    }
    .xp__inner .xp__info .xp__sub-text {
        font-size: 12px
    }
    .xp__inner .xp__amount {
        font-size: 48px
    }
    .xp__inner .xp__bottom,
    .xp__inner .xp__learn {
        display: none
    }
    .xp__inner .xp__mobile-xp {
        align-items: center;
        display: flex !important;
        height: calc(100% - 92px);
        justify-content: center;
        width: 100%
    }
}

.xp__total {
    background: var(--White, #fff);
    border-radius: 8px;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25);
    color: var(--Alison-Grey-700, #465159);
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    line-height: 150%;
    margin-bottom: 12px;
    padding: 10px 14px 10px 10px
}

.xp__total,
.xp__total>span {
    align-items: center;
    display: flex
}

.xp__total>span {
    background: var(--Alison-Yellow-75, #ffdb44);
    border: 2px solid var(--White, #fff);
    border-radius: 24px;
    color: var(--Alison-Blue-800, #005182);
    font-size: 12px;
    gap: 2px;
    justify-content: center;
    max-width: 88px;
    min-width: 68px;
    padding: 9px 10px
}

.xp__total>span span {
    font-size: 12px;
    font-weight: 700
}

@media (max-width:768px) {
    .xp__nav-outer .xp__bottom {
        display: block !important
    }
    .xp__nav-outer .xp__bottom .xp__total {
        font-size: 14px;
        gap: 4px;
        margin: 0 auto;
        position: relative;
        width: 185px;
        z-index: 9
    }
    .xp__nav-outer .xp__bottom .xp__total>span {
        padding: 3px 10px
    }
}

.xp__review {
    border-bottom: 2px solid var(--Alison-Green-600, #008445);
    color: var(--Alison-Green-600, #008445);
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    margin: -80px auto 0;
    position: relative;
    text-align: center;
    width: 264px;
    z-index: 999999999
}

@media (max-width:768px) {
    .xp__review {
        margin: -110px auto 0
    }
}

.xp__nav {
    gap: 8px;
    padding: 40px;
    position: relative;
    z-index: 29
}

.xp__nav,
.xp__nav a {
    align-items: center;
    display: flex;
    justify-content: center
}

.xp__nav a {
    border-radius: 8px;
    color: var(--Alison-Green-600, #008445);
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    max-height: 48px;
    min-height: 28px;
    padding: 12px 40px
}

.xp__nav a:first-child {
    background: #fff;
    border: 2px solid var(--Alison-Green-600, #008445)
}

.xp__nav a:first-child:hover {
    background: #008445;
    color: #fff
}

.xp__nav a:last-child {
    background: var(--Alison-Green-500---Principal, #009b5d);
    color: #fff;
    padding: 12px 40px;
    width: 251px
}

.xp__nav a:last-child:hover {
    background: #008445
}

@media (max-width:768px) {
    .xp__nav {
        padding: 24px 0 40px
    }
    .xp__nav a {
        font-size: 14px;
        padding: 12px 20px
    }
    .xp__nav a:first-child {
        min-width: 88px
    }
    .xp__nav a:last-child {
        padding: 12px 20px;
        width: auto
    }
}

body {
    line-height: unset
}

.cross-out {
    text-decoration: line-through
}

.tab-content .tab {
    display: none
}

.tab-content .tab.active {
    display: block
}

.errors {
    margin: 5px
}

.errors .icon-error {
    font-size: 1.3125em
}

.errors .error-message,
.errors .icon-error {
    color: #f4254e;
    display: inline-block;
    vertical-align: bottom
}

.errors .error-message {
    font: 400 .875em Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin-left: 5px;
    text-align: left;
    width: calc(100% - 33px)
}

.x-wide.wide-cl {
    max-width: 100%;
    width: 100%
}

.x-wide.wide-cl.wrapper {
    max-width: 100%
}

.x-wide.wide-cl>ul {
    padding: 20px 40px
}

@media (max-width:768px) {
    .x-wide.wide-cl>ul {
        margin: 0;
        max-width: 100%;
        padding: 20px 0
    }
    .x-wide.wide-cl>ul li {
        height: auto;
        margin-right: 0 !important;
        vertical-align: top
    }
    .x-wide.wide-cl>ul .course-block {
        min-height: 380px;
        position: relative
    }
    .x-wide.wide-cl>ul .course-block .course-block-info {
        display: none
    }
}

ul.pagination {
    margin: 40px auto;
    text-align: center
}

ul.pagination li {
    display: inline-block;
    height: 40px;
    margin-bottom: 10px;
    padding: 0 9px;
    position: relative
}

ul.pagination li a {
    color: #838b8f;
    padding: 9px;
    text-decoration: none
}

ul.pagination li>span {
    padding: 9px
}

ul.pagination li:hover:not(.disabled):not(.active):after {
    width: 100%
}

ul.pagination li:after {
    background: #aaa;
    bottom: 0;
    content: " ";
    height: 3px;
    left: 0;
    position: absolute;
    transition: width .2s ease-in;
    width: 0
}

ul.pagination li.disabled {
    color: #b7b7b7
}

ul.pagination li.active {
    border-bottom: 3px solid #0091c7;
    color: #0091c7
}

.course-listing,
.related-search-list {
    max-width: 1064px;
    padding: 0 0 40px
}

.course-listing li:not(.br),
.related-search-list li:not(.br) {
    float: left;
    position: relative;
    transition: opacity .4s ease-in
}

.course-listing>li:not(.br),
.related-search-list>li:not(.br) {
    height: 375px;
    margin-bottom: 25px;
    margin-right: 12px !important;
    padding-bottom: 40px;
    position: relative;
    width: 250px
}

@media screen and (max-width:1410px) {
    .course-listing>li:not(.br),
    .related-search-list>li:not(.br) {
        margin-right: 9px !important
    }
}

@media (max-width:480px) {
    .course-listing,
    .course-listing.slick-enabled .slick-track,
    .results .course_id,
    .results .rec-course__carousel .slick-track {
        margin: 0
    }
}

@media (max-width:480px) and (min-width:350px) {
    .course-listing.course-listing,
    .course-listing.slick-enabled .slick-track.course-listing,
    .results .course_id.course-listing,
    .results .rec-course__carousel .slick-track.course-listing {
        padding: 10px !important
    }
}

.single-wrap {
    margin-bottom: 12px
}

.question {
    background-color: #e9eef2;
    color: #5d666d;
    cursor: pointer;
    height: 55px;
    line-height: 55px;
    padding: 0 3%;
    position: relative;
    width: 100%
}

.question:hover .reveal {
    background-color: #006c94 !important
}

.question .reveal {
    background-color: #0094c9;
    color: #fff;
    display: table;
    height: 55px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: background-color .5s ease;
    width: 55px
}

.question .reveal .vertical-align {
    display: table-cell;
    transition: all .3s ease-in-out;
    vertical-align: middle
}

.answer {
    background-color: #f2f2f2;
    color: #5d666d;
    display: none;
    height: auto;
    margin: 0;
    overflow: hidden;
    padding: 20px 55px 20px 3%;
    position: relative;
    text-align: left;
    width: 100%
}

.answer a:link,
.answer a:visited {
    color: #f49b29
}

.answer ol,
.answer ul {
    font-size: .875em;
    line-height: 21px;
    margin-bottom: 20px
}

.answer ol {
    list-style: decimal inside
}

.answer ul {
    list-style: disc inside
}

.in-page-faq {
    border-bottom: 1px solid #b7c1c4;
    padding-bottom: 8px
}

.in-page-faq:first-child {
    border-top: 1px solid #b7c1c4
}

.in-page-faq.in-page-faq--open .faq__question {
    color: #1783b1
}

.in-page-faq.in-page-faq--open .faq__question .reveal span:after,
.in-page-faq.in-page-faq--open .faq__question .reveal span:before {
    background-color: #1783b1
}

.in-page-faq:not(.in-page-faq--open) .faq__question .reveal span:before {
    transform: rotate(90deg)
}

.in-page-faq .faq__question {
    align-items: center;
    color: #465159;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    justify-content: space-between;
    line-height: 19px;
    padding: 24px 0 16px
}

.in-page-faq .faq__question .reveal span {
    display: block;
    height: 14px;
    position: relative;
    width: 14px
}

.in-page-faq .faq__question .reveal span:after,
.in-page-faq .faq__question .reveal span:before {
    background: #465159;
    border-radius: 11px;
    content: "";
    font-size: 23px;
    font-weight: 500;
    height: 3px;
    position: absolute;
    right: 0;
    transition: all .3s ease-in;
    width: 12px
}

.in-page-faq .faq__answer a,
.in-page-faq .faq__answer a span {
    color: #1783b1 !important
}

.in-page-faq .faq__answer p,
.in-page-faq .faq__answer span,
.in-page-faq .faq__answer ul li {
    background: transparent !important;
    background-color: transparent !important;
    color: #465159;
    font-size: 15px !important;
    line-height: 22px;
    list-style: disc;
    list-style-position: inside;
    text-align: left
}

.in-page-faq .faq__answer p span,
.in-page-faq .faq__answer span span,
.in-page-faq .faq__answer ul li span {
    font-size: 15px !important
}

.in-page-faq .faq__answer ul {
    margin-bottom: 20px
}

@media (max-width:991px) {
    .in-page-faq .faq__question {
        font-size: 16px;
        line-height: 24px;
        padding: 24px 35px 16px 0;
        position: relative
    }
    .in-page-faq .faq__answer {
        color: #5d676e;
        font-size: 14px;
        line-height: 21px
    }
    .in-page-faq .reveal {
        position: absolute;
        right: 0;
        top: 32px
    }
}

@media (max-width:1220px) {
    .single-wrap {
        padding: 0 5%
    }
}

@media (max-width:705px) {
    .question {
        font-size: 13px;
        text-align: left
    }
    .two-line {
        line-height: 17px !important;
        padding-right: 70px !important;
        padding-top: 10px !important
    }
    .answer {
        font-size: 15px;
        padding: 20px !important;
        text-align: center
    }
}

.go-back {
    padding-bottom: 20px;
    padding-top: 50px
}