meta.foundation-version {
    font-family: "/5.4.7/"; }

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0em; }

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.063em)/";
    width: 40.063em; }

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.063em)/";
    width: 64.063em; }

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.063em)/";
    width: 90.063em; }

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.063em)/";
    width: 120.063em; }

meta.foundation-data-attribute-namespace {
    font-family: false; }

html, body {
    height: 100%; }

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

html,
body {
    font-size: 100%; }

body {
    background: white;
    color: #222222;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    position: relative;
    cursor: auto; }

a:hover {
    cursor: pointer; }

/* EDIT: No responsive images by default */
/*img {
    max-width: 100%;
    height: auto; }*/

img {
    -ms-interpolation-mode: bicubic; }

.left {
    float: left !important; }

.right {
    float: right !important; }

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

.hide {
    display: none !important;
    visibility: hidden; }

.invisible {
    visibility: hidden; }

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

img {
    display: inline-block;
    vertical-align: middle; }

textarea {
    height: auto;
    min-height: 50px; }

select {
    width: 100%; }

.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 62.5em; }
.row:before, .row:after {
    content: " ";
    display: table; }
.row:after {
    clear: both; }
.row.collapse > .column,
.row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
.row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
.row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
.row .row:before, .row .row:after {
    content: " ";
    display: table; }
.row .row:after {
    clear: both; }
.row .row.collapse {
    width: auto;
    margin: 0;
    max-width: none; }
.row .row.collapse:before, .row .row.collapse:after {
    content: " ";
    display: table; }
.row .row.collapse:after {
    clear: both; }

.column,
.columns {
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    width: 100%;
    float: left; }

[class*="column"] + [class*="column"]:last-child {
    float: right; }

[class*="column"] + [class*="column"].end {
    float: left; }

@media only screen {
    .column,
    .columns {
        position: relative;
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        float: left; }

    .small-1 {
        width: 8.33333%; }

    .small-2 {
        width: 16.66667%; }

    .small-3 {
        width: 25%; }

    .small-4 {
        width: 33.33333%; }

    .small-5 {
        width: 41.66667%; }

    .small-6 {
        width: 50%; }

    .small-7 {
        width: 58.33333%; }

    .small-8 {
        width: 66.66667%; }

    .small-9 {
        width: 75%; }

    .small-10 {
        width: 83.33333%; }

    .small-11 {
        width: 91.66667%; }

    .small-12 {
        width: 100%; }

    .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left; }

    .column.small-centered,
    .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none; }

    .column.small-uncentered,
    .columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left; }

    .column.small-centered:last-child,
    .columns.small-centered:last-child {
        float: none; }

    .column.small-uncentered:last-child,
    .columns.small-uncentered:last-child {
        float: left; }

    .column.small-uncentered.opposite,
    .columns.small-uncentered.opposite {
        float: right; } }
@media only screen and (min-width: 40.063em) {

    .column,
    .columns {
        position: relative;
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        float: left; }

    .medium-1 {
        width: 8.33333%; }

    .medium-2 {
        width: 16.66667%; }

    .medium-3 {
        width: 25%; }

    .medium-4 {
        width: 33.33333%; }

    .medium-5 {
        width: 41.66667%; }

    .medium-6 {
        width: 50%; }

    .medium-7 {
        width: 58.33333%; }

    .medium-8 {
        width: 66.66667%; }

    .medium-9 {
        width: 75%; }

    .medium-10 {
        width: 83.33333%; }

    .medium-11 {
        width: 91.66667%; }

    .medium-12 {
        width: 100%; }

    .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left; }

    .column.medium-centered,
    .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none; }

    .column.medium-uncentered,
    .columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left; }

    .column.medium-centered:last-child,
    .columns.medium-centered:last-child {
        float: none; }

    .column.medium-uncentered:last-child,
    .columns.medium-uncentered:last-child {
        float: left; }

    .column.medium-uncentered.opposite,
    .columns.medium-uncentered.opposite {
        float: right; }

    .push-0 {
        position: relative;
        left: 0%;
        right: auto; }

    .pull-0 {
        position: relative;
        right: 0%;
        left: auto; }

    .push-1 {
        position: relative;
        left: 8.33333%;
        right: auto; }

    .pull-1 {
        position: relative;
        right: 8.33333%;
        left: auto; }

    .push-2 {
        position: relative;
        left: 16.66667%;
        right: auto; }

    .pull-2 {
        position: relative;
        right: 16.66667%;
        left: auto; }

    .push-3 {
        position: relative;
        left: 25%;
        right: auto; }

    .pull-3 {
        position: relative;
        right: 25%;
        left: auto; }

    .push-4 {
        position: relative;
        left: 33.33333%;
        right: auto; }

    .pull-4 {
        position: relative;
        right: 33.33333%;
        left: auto; }

    .push-5 {
        position: relative;
        left: 41.66667%;
        right: auto; }

    .pull-5 {
        position: relative;
        right: 41.66667%;
        left: auto; }

    .push-6 {
        position: relative;
        left: 50%;
        right: auto; }

    .pull-6 {
        position: relative;
        right: 50%;
        left: auto; }

    .push-7 {
        position: relative;
        left: 58.33333%;
        right: auto; }

    .pull-7 {
        position: relative;
        right: 58.33333%;
        left: auto; }

    .push-8 {
        position: relative;
        left: 66.66667%;
        right: auto; }

    .pull-8 {
        position: relative;
        right: 66.66667%;
        left: auto; }

    .push-9 {
        position: relative;
        left: 75%;
        right: auto; }

    .pull-9 {
        position: relative;
        right: 75%;
        left: auto; }

    .push-10 {
        position: relative;
        left: 83.33333%;
        right: auto; }

    .pull-10 {
        position: relative;
        right: 83.33333%;
        left: auto; }

    .push-11 {
        position: relative;
        left: 91.66667%;
        right: auto; }

    .pull-11 {
        position: relative;
        right: 91.66667%;
        left: auto; } }
@media only screen and (min-width: 64.063em) {

    .column,
    .columns {
        position: relative;
        padding-left: 0.9375em;
        padding-right: 0.9375em;
        float: left; }

    .large-1 {
        width: 8.33333%; }

    .large-2 {
        width: 16.66667%; }

    .large-3 {
        width: 25%; }

    .large-4 {
        width: 33.33333%; }

    .large-5 {
        width: 41.66667%; }

    .large-6 {
        width: 50%; }

    .large-7 {
        width: 58.33333%; }

    .large-8 {
        width: 66.66667%; }

    .large-9 {
        width: 75%; }

    .large-10 {
        width: 83.33333%; }

    .large-11 {
        width: 91.66667%; }

    .large-12 {
        width: 100%; }

    .column.large-centered,
    .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none; }

    .column.large-uncentered,
    .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left; }

    .column.large-centered:last-child,
    .columns.large-centered:last-child {
        float: none; }

    .column.large-uncentered:last-child,
    .columns.large-uncentered:last-child {
        float: left; }

    .column.large-uncentered.opposite,
    .columns.large-uncentered.opposite {
        float: right; }

     }
.label {
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin-bottom: inherit;
    padding: 0.25rem 0.5rem 0.25rem;
    font-size: 0.6875rem;
    background-color: #2ba6cb;
    color: white; }

button, .button {
    border-style: solid;
    border-width: 0px;
    cursor: pointer;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.0625rem;
    padding-left: 2rem;
    font-size: 1rem;
    background-color: #2ba6cb;
    border-color: #2285a2;
    color: white;
    transition: background-color 300ms ease-out; }
button:hover, button:focus, .button:hover, .button:focus {
    background-color: #2285a2; }
button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
button.secondary, .button.secondary {
    background-color: #e9e9e9;
    border-color: #bababa;
    color: #333333; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
    background-color: #bababa; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
    color: #333333; }
button.success, .button.success {
    background-color: #5da423;
    border-color: #4a831c;
    color: white; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
    background-color: #4a831c; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
    color: white; }

button.small, .button.small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem; }
button.tiny, .button.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem; }
button.expand, .button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75rem; }
button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75rem; }
button.radius, .button.radius {
    border-radius: 3px; }
button.round, .button.round {
    border-radius: 1000px; }
button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #2ba6cb;
    border-color: #2285a2;
    color: white;
    cursor: default;
    opacity: 0.7;
    box-shadow: none; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
    background-color: #2285a2; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
    color: white; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
    background-color: #2ba6cb; }
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
    background-color: #e9e9e9;
    border-color: #bababa;
    color: #333333;
    cursor: default;
    opacity: 0.7;
    box-shadow: none; }

button::-moz-focus-inner {
    border: 0;
    padding: 0; }

@media only screen and (min-width: 40.063em) {
    button, .button {
        display: inline-block; } }
/* Standard Forms */
form {
    margin: 0 0 1rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
    margin: 0 -0.5rem; }
form .row .row .column,
form .row .row .columns {
    padding: 0 0.5rem; }
form .row .row.collapse {
    margin: 0; }
form .row .row.collapse .column,
form .row .row.collapse .columns {
    padding: 0; }
form .row .row.collapse input {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
    padding-left: 0.5rem; }

/* Label Styles */
label {
    font-size: 0.875rem;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0;
    /* Styles for required inputs */ }
label.right {
    float: none !important;
    text-align: right; }
label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0; }
label small {
    text-transform: capitalize;
    color: #676767; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    font-size: 0.875rem;
    height: 2.3125rem;
    line-height: 2.3125rem; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    line-height: 2.125rem;
    border: none; }

.prefix.button {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    line-height: 2.125rem;
    border: none; }

.prefix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }

.postfix.button.radius {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }

.prefix.button.round {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px; }

.postfix.button.round {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #333333;
    border-color: #cccccc; }

span.postfix, label.postfix {
    background: #f2f2f2;
    border-left: none;
    color: #333333;
    border-color: #cccccc; }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-color: white;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 2.3125rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
    box-shadow: 0 0 5px #999999;
    border-color: #999999; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
    background-color: #dddddd;
    cursor: default; }
input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly], fieldset[disabled]
input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly], fieldset[disabled]
input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly], fieldset[disabled]
input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly], fieldset[disabled]
input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly], fieldset[disabled]
input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly], fieldset[disabled]
input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly], fieldset[disabled]
input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly], fieldset[disabled]
input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly], fieldset[disabled]
input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly], fieldset[disabled]
input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly], fieldset[disabled]
input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly], fieldset[disabled]
input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly], fieldset[disabled]
input[type="color"],
textarea[disabled],
textarea[readonly], fieldset[disabled]
textarea {
    background-color: #dddddd;
    cursor: default; }
input[type="text"].radius,
input[type="password"].radius,
input[type="date"].radius,
input[type="datetime"].radius,
input[type="datetime-local"].radius,
input[type="month"].radius,
input[type="week"].radius,
input[type="email"].radius,
input[type="number"].radius,
input[type="search"].radius,
input[type="tel"].radius,
input[type="time"].radius,
input[type="url"].radius,
input[type="color"].radius,
textarea.radius {
    border-radius: 3px; }

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
form .row .prefix-radius.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px; }
form .row .prefix-round.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px; }

input[type="submit"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0px; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
    height: auto; }

/* Not allow resize out of parent */
textarea {
    max-width: 100%; }

/* Add height value for select elements to match text input height */
select {
    -webkit-appearance: none !important;
    -webkit-border-radius: 0px;
    background-color: #fafafa;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    padding: 0.5rem;
    font-size: 0.875rem;
    color: rgba(0, 0, 0, 0.75);
    line-height: normal;
    border-radius: 0;
    height: 2.3125rem; }
select::-ms-expand {
    display: none; }
select.radius {
    border-radius: 3px; }
select:hover {
    background-color: #f3f3f3;
    border-color: #999999; }
select:disabled {
    background-color: #dddddd;
    cursor: default; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
    margin: 0 0 1rem 0; }

input[type="checkbox"] + label,
input[type="radio"] + label {
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
    width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
    border: 1px solid #dddddd;
    padding: 1.25rem;
    margin: 1.125rem 0; }
fieldset legend {
    font-weight: bold;
    background: white;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    background: #c60f13;
    color: white; }
[data-abide] span.error, [data-abide] small.error {
    display: none; }

span.error, small.error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    background: #c60f13;
    color: white; }

.error input,
.error textarea,
.error select {
    margin-bottom: 0; }
.error input[type="checkbox"],
.error input[type="radio"] {
    margin-bottom: 1rem; }
.error label,
.error label.error {
    color: #c60f13; }
.error small.error {
    display: block;
    padding: 0.375rem 0.5625rem 0.5625rem;
    margin-top: -1px;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    font-weight: normal;
    font-style: italic;
    background: #c60f13;
    color: white; }
.error > label > small {
    color: #676767;
    background: transparent;
    padding: 0;
    text-transform: capitalize;
    font-style: normal;
    font-size: 60%;
    margin: 0;
    display: inline; }
.error span.error-message {
    display: block; }

input.error,
textarea.error,
select.error {
    margin-bottom: 0; }

label.error {
    color: #c60f13; }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(//fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(//fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(//fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(//fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xIF8zhZCJ7x9Pr62cRgaVUA.woff2) format('woff2'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff) format('woff');
}

/* General classes used for all pages */

html {
    -webkit-text-size-adjust: none;
}

body, h1, h2, h3, h4, h5, h6, button, input, select {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

body {
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #464648;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

html, body {
    height: 100%;
    overflow: hidden;
}

.viewport {
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.viewport::before {
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    will-change: transform;
    z-index: -1;
}

.content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

/*
    This wrapper expands to the size of its parent (which can dynamically change), but with a specified height,
    so that children elements can refer to the height available for content with percentages.
    This wrapper also fixes flexbug #3: https://github.com/philipwalton/flexbugs
*/
.content-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.content-wrapper > * {
    -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

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

h2 {
    font-family: "Open Sans Condensed", helvetica, arial, sans-serif;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
}

select {
    color: #777;
}

.t8000 {
    text-indent: -8000px;
}

/* Colors */
.white{color:#fff;}
.yellow{color:#f6bc02;}
.cyan{color:#1ea1a2;}
.magenta{color:#ea6463;}
.blue{color:#597ab7;}
.dark-blue{color:#4E6D89;}
.green{color:#5ab77f;}
.pink{color:#e65574;}
.dark-pink{color:#c6435d;}


.bg-magenta{background-color:#ea6262;}
.bg-blue{background-color:#597ab7;}
.bg-green{background-color:#5ab77f;}
.bg-white{background-color:#fff;}
.bg-white-transparent-7{background-color: rgba(255,255,255,0.7);}
.bg-offwhite{background-color:#f7f7f7;}
.bg-pink{background-color:#e65574;}
.bg-mc-blue{background-color:#1b75bc;}

/* Hide deferred images */
img:not([src]) {
    visibility: hidden;
}

/* Generic frame (section) */
.frame {
    width: 100%;
    height: 80%;
    min-height: 500px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.frame p {
    font-size: 18px;
    line-height: 26px;
    text-shadow: 1px 1px rgba(0,0,0,.3);
}

.frame p a {
    text-decoration: underline;
}

.frame p a:hover {
    text-decoration: none;
}

.frame p.title-forgottendetails,
.frame p.text-forgottendetails {
    font-size: 14px;
    line-height: 1.5;
    text-shadow: none;
}

.frame p.title-forgottendetails {
    font-size: 18px;
}

@media only screen and (min-width: 40.063em) {

    .frame p {
        font-size: 21px;
    }

    h2 {
        font-size: 76px;
    }

}

/* other classes */
.line-thru:after {
    border-bottom: 1px solid #999;
    content: '';
    display: block;
    position: absolute;
    top: 54%;
    width: 25%;
    z-index: -2;
}

.line-thru:before {
    border-bottom: 1px solid #999;
    content: '';
    display: block;
    position: absolute;
    top: 54%;
    width: 25%;
    left: 75%;
    z-index: -2;
}

.line-thru {
    display: block;
    font-size: .875em;
    margin: 0.5em 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}

.box {
    background: goldenrod;
    width: 300px;
    height: 300px;
    margin: 30px auto;
    transition: all 2s linear;
    display: block;
}

.hidden {
    display: none;
}

.visuallyhidden {
    opacity: 0;
}

.drop-shadow {
    text-shadow: 2px 2px rgba(0,0,0,0.1);
}

.no-overflow {
    overflow-y: hidden;
}

/* Default button */
button {
    display: block;
    margin: 0 auto;
}

.button-border {
    background: rgba(0,0,0,0.2);
    border: #fff 1px solid;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-family: "Open Sans Condensed", helvetica, arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding: 6px 25px 7px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 20px;
    transition: all 0.28s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.button-border:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

.column, .columns {
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-width: 40.063em) {
    .field-margin-right {
        margin-right: 10px;
    }
}

/* Hide tracking tags to avoid empty space at the end of the page.
   This is necessary because otherwise, in Firefox, the background
   image of the main-frame will be shown in a little bar after the footer.
*/
meetic-tl,
meetic-tag-commander,
meetic-keyade {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
}

/* "Utility" classes */
.u-width-100 {
    width: 100%;
}

.u-max-width-420px {
    max-width: 420px;
}

.u-margin-center {
    margin-left: auto;
    margin-right: auto;
}

.u-mb-1em {
    margin-bottom: 1em;
}

@media only screen and (max-width: 40em) {
    /* Hide on small screens */
    .hide--small {
        display: none !important;
    }
    .u-width-100--small {
        width: 100%;
    }
    .u-flex-basis-100--small {
        -webkit-flex-basis: 100%;
            -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
    }
}

@media only screen and (min-width: 40.063em) {
    .u-compensate-for-arrow-button {
        padding-left: 61px;
    }

    .u-max-width-240px--medium {
        max-width: 240px;
    }
    .u-max-width-290px--medium {
        max-width: 290px;
    }
    .u-max-width-270px--medium {
        max-width: 270px;
    }

    .u-align-self-center--medium {
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                align-self: center;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .u-compensate-for-arrow-button--medium-only {
        padding-left: 61px;
    }
}

/* Flexbox Grid */
/* Compatibility grid with inline-block for browsers that don't support flex-wrap */
.fg-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;

    font-size: 0; /* compatibility grid */
}

.fg-grid--flexible {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.fg-col {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;

    /* compatibility grid */
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    vertical-align: top;
}

.fg-col--flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.fg-col-1of1 {
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 100%;
}

.fg-col--flex-justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* gutters between columns */
.fg-grid--gutters {
    margin: -1rem 0 1rem -1rem;
}
.fg-grid--gutters > .fg-col {
    padding: 1rem 0 0 1rem;
}

@media only screen and (min-width: 40.063em) {

    .fg-col--flex-justify-start--medium {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .fg-col--flex-justify-center--medium {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .fg-col--flex-justify-end--medium {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }

    .fg-col-1of2--medium {
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 50%;
    }
    .fg-col-2of2--medium {
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 100%;
    }

    .fg-col-1of3--medium {
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 33.3333%;
    }
    .fg-col-2of3--medium {
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 66.6666%;
    }
    .fg-col-3of3--medium {
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 100%;
    }

}

@media only screen and (min-width: 64.063em) {

    .fg-col--flex-justify-start--large {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }

    .fg-col--flex-justify-center--large {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .fg-col--flex-justify-end--large {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }

    .fg-col-1of4--large {
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 25%;
    }
    .fg-col-2of4--large {
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 50%;
    }
    .fg-col-3of4--large {
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 75%;
    }
    .fg-col-4of4--large {
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 100%;
    }

    .fg-col-1of5--large {
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 20%;
    }
    .fg-col-2of5--large {
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 40%;
    }
    .fg-col-3of5--large {
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 60%;
    }
    .fg-col-4of5--large {
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 80%;
    }
    .fg-col-5of5--large {
        -webkit-flex: 0 0 auto;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        width: 100%;
    }

}

.api-loader {
    width: 25px;
    height: 25px;
    border: 3px solid rgba(255,255,255,0.2);
    border-top-color: rgba(255,255,255,0.8);
    border-radius: 50%;
    -webkit-animation: loading 0.4s infinite linear;
            animation: loading 0.4s infinite linear;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}

@keyframes loading {
  0% {
    -webkit-transform: rotateZ(0);
            transform: rotateZ(0);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}

#cookieSignpost {
    font: 10px Arial;
    line-height: 1.3;
    color: #fff;
    background-color: rgb(30, 30, 30);
}

.cookieInside {
    text-align: center;
    padding: 0px 12px;
    position: relative;
}

.cookieText {
    display: inline-block;
    padding: 8px 28px 8px 0px;
    position: relative;
    text-align: left;
}

#closeCookie {
    color: #dadada;
    font: bold 14px/14px Arial;
    position: absolute;
    top: 5px;
    right: 0px;
    width: 16px;
    height: 16px;
    text-align: center;
    padding: 2px;
    text-decoration: none;
    cursor: pointer;
    background-color: #464648;
    border-radius: 16px; box-sizing: content-box;
}

.cookie-policy-link {
    color: #fff;
    font-weight: bold;
}

@media screen and (min-width: 40em) {
    #cookieSignpost {
        font-size: 12px;
    }
}

.cookie-policy-optout-parameters button {
    display: inline-block;
    background-color: transparent;
    color: #12a2a1;
    line-height: inherit;
    font-size: inherit;
    font-weight: bold;
    text-decoration: underline;
    padding: 0.5rem 1rem;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
}

.cookie-policy-optout-parameters button + button {
    margin-left: 1rem;
}

.cookie-policy-optout-parameters button.cookie-optout-button-selected {
    color: #12a2a1;
    background-color: #d6ebeb;
}

.specialoffer {
  position: relative;
  font-family: "Open Sans Condensed";
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  color: white;
  padding: 5px;
  border-bottom: 1px solid; /* resolves a render glitch on IE */
  cursor: pointer;
  text-decoration: underline;
}

/* arrow */
.specialoffer::after {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid transparent; /* add color specific for brand to this property */
  content: " ";
  position: absolute;
  top: 100%;
  left: 45%;
  left: calc(50% - 9px);
}

.specialoffer-text::after {
  content: "1";
  position: absolute;
  margin: 0.1em 0.3em;
  font-size: 0.5em;
}

  .specialoffer.brand-me {
    background-color: #e64280;
    border-bottom-color: #e64280;
  }
  .specialoffer.brand-mc {
    background-color: #597ab7;
    border-bottom-color: #597ab7;
  }
  .specialoffer.brand-lx {
    background-color: #ff6757;
    border-bottom-color: #ff6757;
  }
  .specialoffer.brand-ne {
    background-color: #ea3332;
    border-bottom-color: #ea3332;
  }
  .specialoffer.brand-fs {
    background-color: #ff7d00;
    border-bottom-color: #ff7d00;
  }
  .specialoffer.brand-dd {
    background-color: #da2c92;
    border-bottom-color: #da2c92;
  }
  .specialoffer.brand-ot {
    background-color: #e96f88;
    border-bottom-color: #e96f88;
  }

  .specialoffer.brand-me::after {
    border-top-color: #e64280;
  }
  .specialoffer.brand-mc::after {
    border-top-color: #597ab7;
  }
  .specialoffer.brand-lx::after {
    border-top-color: #ff6757;
  }
  .specialoffer.brand-ne::after {
    border-top-color: #ea3332;
  }
  .specialoffer.brand-fs::after {
    border-top-color: #ff7d00;
  }
  .specialoffer.brand-dd::after {
    border-top-color: #da2c92;
  }
  .specialoffer.brand-ot::after {
    border-top-color: #e96f88;
  }

.specialoffer-legal {
  margin-bottom: 1em;
  position: relative;
}

.specialoffer-legal::before {
  content: "1";
  position: absolute;
  top: 0.1em;
  left: -1em;
  font-size: 0.5em;
  font-weight: 700;
}

/* remove border-radius from top side of the reg form */
.main-block-greybg.main-block-greybg-active-offer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media only screen and (max-width: 40em) {
    .specialoffer {
        -webkit-animation: 0.5s cubic-bezier(0.05, 0.93, 0.51, 1) 1s fadeIn;
                animation: 0.5s cubic-bezier(0.05, 0.93, 0.51, 1) 1s fadeIn;
        -webkit-animation-fill-mode: backwards;
                animation-fill-mode: backwards;
    }
}

@media only screen and (min-width: 40.063em) {
    .specialoffer {
      font-size: 24px;
      line-height: 1.5;
    }

    /* arrow */
    .specialoffer::after {
      border-left-width: 19px;
      border-right-width: 19px;
      border-top-width: 19px;
      left: calc(50% - 19px);
    }
}

.main-frame {
  min-height: 100%;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1em;
}

.wrapper {
    width: 100%;
    margin: 0 auto;
    z-index: 2;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;

    max-width: 420px;
}

.wrapper-headline {
    position: relative;
    margin: 0.5em 0;

    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
}

.logo {
    width: 100%;
    text-align: center;
}

.main-block {
    width: 100%;
    z-index: 2;
}

.main-block-greybg {
    padding: 0.8em 0.5em;
    background-color: rgba(255, 255, 255, 0.9);
}

.push-secondaction {
    padding: 0.3125em 0.5em;
    margin: 0;
    background-color: rgba(255, 255, 255, 0.9);
}

.push-secondaction-regform {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    padding: 5px;
}

.show-loginform {
    margin: 5px 0;
}

.showing-regform .main-block, .show-loginform .main-block{
    width: 100%;
}

.show-loginform,
.show-loginform a {
    color: #3e3e3e;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

.show-loginform a {
    text-decoration: none;
    display: block;
    background: #8BA5A5;
    color: white;
    padding: 3px 7px;
    text-transform: uppercase;
    text-shadow: 1px 1px hsl(180, 13%, 55%);
    box-shadow: inset 0 -2px hsl(180, 13%, 55%);
    transition: background-color 300ms ease-out;
    border-radius: 14px;
    width: 90%;
    margin: 0 auto;
}

.show-loginform a:hover {
    text-decoration: none;
    background: hsl(180, 13%, 55%);
}

.show-loginform.already-member a {
    font-family: "Open Sans Condensed", "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 11px;
    border-radius: 0;
    width: auto;
}

.main-frame-bottom-strip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
    -webkit-box-align: center;
  -webkit-align-items: center;
       -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media only screen and (min-width: 26.25em) {

    .main-block-greybg {
        padding: 1em;
    }

    .push-secondaction {
        padding-left: 1em;
        padding-right: 1em;
    }

}

@media only screen and (min-width: 40.063em) {

    .main-frame {
        margin-bottom: 0;
    }

    .wrapper-headline {
        -webkit-box-flex: 0;
        -webkit-flex: none;
            -ms-flex: none;
                flex: none;
        margin: 1.5625em 0 1.25em;
    }

    .push-secondaction {
        margin-bottom: 1em;
    }

    .push-secondaction-regform {
        position: static;
        padding: 0.3125em 0.5em;
        background-color: rgba(255, 255, 255, 0.9);
    }

    .show-loginform.already-member a {
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 14px;
    }

    .show-loginform a {
        text-decoration: underline;
        display: inline;
        background: transparent;
        color: #3e3e3e;
        padding: 0;
        height: auto;
        text-transform: none;
        transition: none;
        font-size: 14px;
        text-shadow: none;
        box-shadow: none;
    }

    .show-loginform a:hover {
        background: transparent;
    }

}

@media only screen and (min-width: 64.063em) {

    .push-secondaction-regform {
        position: absolute;
        padding: 5px 35px;
        right: 25px;
        top: 25px;
        background: rgba(255, 255, 255, 0.7);
    }

    .showing-regform {
        margin-bottom: 1em;
    }

}

@media only screen and (max-width: 40em) {
    .showing-regform .main-block-greybg,
    .showing-loginform .main-block-greybg,
    .showing-forgottendetails .main-block-greybg,
    .showing-suspendedaccount .main-block-greybg {
        -webkit-animation: 0.65s cubic-bezier(0.05, 0.93, 0.51, 1) slideIn;
                animation: 0.65s cubic-bezier(0.05, 0.93, 0.51, 1) slideIn;
    }

    .showing-regform .push-secondaction-regform {
        -webkit-animation: 0.25s cubic-bezier(0.05, 0.93, 0.51, 1) fadeIn;
                animation: 0.25s cubic-bezier(0.05, 0.93, 0.51, 1) fadeIn;
        -webkit-animation-fill-mode: backwards;
                animation-fill-mode: backwards;
    }
}

@-webkit-keyframes slideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@keyframes slideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.arrow-button {
    margin: 15px 15px 15px auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.arrow-button--squared {
    padding: 12px;
}

.arrow-button--direction-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
}

.arrow-button--direction-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.mobile-frame {
    background-color: #464648;
    display: table;
    min-height: 0;
    height: auto;
}

.mobile-frame-phone-wrapper,
.mobile-frame-wording-wrapper {
    display: table-cell;
    position: relative;
}

.mobile-frame-wording-wrapper {
    padding: 30px 15px;
    z-index: 1;
    vertical-align: bottom;
}

.mobile-frame-phone-wrapper {
    display: none;
    z-index: 0;
}

.mobile-frame-wording {
    color:#fff;
}

.mobile-frame-wording h2 {
    font-size: 36px;
    line-height: 1.2;
}

.mobile-frame-wording p a {
    color: #eb6363;
    text-shadow: 2px 1px 2px #000;
}

.mobile-frame .button-border {
    width: 100%;
    margin-bottom: 10px;
    padding: 7px 55px 7px 10px;
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: 34px 34px;
}
    .button-ios {
        background-image:url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/mobile/img/apple_logo.svg);
    }
    .button-android {
        background-image:url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/mobile/img/android_mascotte.svg);
    }
    .button-windows {
        background-image:url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/mobile/img/windows13.svg);
    }

.mobile-frame-phone {
    height: 636px;
    width: 330px;
    position: absolute;
    right: 0;
    top: 5%;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
}

.mobile-frame-phone--background {
    background-image:url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/mobile/img/mobile-frame-phone.png);
}

.cycle-wrapper {
    height: 457px;
    left: 31px;
    position: absolute;
    top: 81px;
    width: 259px;
    overflow: hidden;
}

.cycle-wrapper > * {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    will-change: transform;
    transition: transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.cycle-hide {
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    z-index: 1;
}

.cycle-next {
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    z-index: 0;
}

.cycle-show {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    z-index: 1;
}

@media only screen and (min-width: 40.063em) {

    .mobile-frame {
        height: 680px; /* using height instead of min-height, because in tables height = min-height */
    }

    .mobile-frame--background {
        background-image:url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/mobile/img/mobile-frame-nophone-bg.jpg);
        background-position: center right;
        background-size:cover;
    }

    .mobile-frame-phone-wrapper {
        display: table-cell;
    }

    .mobile-frame .button-border {
        padding: 7px 55px 7px 10px;
        margin-bottom: 10px;
        width: 270px;
    }

    .mobile-frame-wording-wrapper {
        width: 50%;
    }

    .mobile-frame-wording h2 {
        font-size: 55px;
    }

}

@media only screen and (min-width: 64.063em) {

    .mobile-frame-phone {
        right: 4%;
    }

    .mobile-frame-wording-wrapper {
        width: 66%;
        padding: 4%;
    }

    .mobile-frame-wording h2 {
        font-size: 76px;
    }

    .mobile-frame-wording p {
        max-width: 75%;
    }

    .mobile-frame .button-border {
        width: auto;
    }

}

.touch .mobile-frame-button-wrapper > .button-border {
    display: none;
}
.touch[data-useragent*=iPhone] .button-ios,
.touch[data-useragent*=iPod] .button-ios,
.touch[data-useragent*=iPad] .button-ios {
    display: inline-block;
}

.touch[data-useragent*=Android] .button-android {
    display: inline-block;
}

.touch[data-useragent*=Windows] .button-windows {
    display: inline-block;
}

.events-frame {
    background-position: right top;
    background-color: #4C3A01;
}

.events-frame--background {
    background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/events/img/events-frame-bg-small.jpg?v=1);
}

.events-frame-wording {
    position: absolute;
    bottom: 15%;
    left: 0;
    padding: 0 1em;
    width: 100%;
    color:#fff;
}

.events-frame .button-border {
    width: 100%;
    text-align: center;
}

@media only screen and (min-width: 25em) {
    .events-frame {
        height: 100%;
    }
}

@media only screen and (orientation: portrait) {
    .events-frame--background {
        background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/events/img/events-frame-bg-portrait-small.jpg?v=1);
        background-position: center top;
    }
}

@media only screen and (min-width: 40.063em) {

    .events-frame--background {
        background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/events/img/events-frame-bg.jpg?v=1);
    }

    .events-frame-wording {
      left: 6%;
      padding: 0;
      width: 88%;
    }

    .events-frame-wording p {
        width: 75%;
    }

    .events-frame-picto {
        padding: 50px;
    }

    .events-frame .button-border {
        width: auto;
    }

}

@media only screen and (orientation: portrait) and (min-width: 40.063em) {
    .events-frame--background {
        background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/events/img/events-frame-bg-portrait.jpg?v=1);
    }
}


@media only screen and (min-width: 64.063em) {
    .events-frame-wording p {
        width: 55%;
    }
}

.lemag-frame {
    min-height: 80%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px 15px;
    background: rgba(234,100,99,1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(234,100,99,1) 0%, rgba(241,111,92,1) 52%, rgba(238,125,127,1) 96%, rgba(238,125,127,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(234,100,99,1)), color-stop(52%, rgba(241,111,92,1)), color-stop(96%, rgba(238,125,127,1)), color-stop(100%, rgba(238,125,127,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(234,100,99,1) 0%, rgba(241,111,92,1) 52%, rgba(238,125,127,1) 96%, rgba(238,125,127,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(234,100,99,1) 0%, rgba(241,111,92,1) 52%, rgba(238,125,127,1) 96%, rgba(238,125,127,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(234,100,99,1) 0%, rgba(241,111,92,1) 52%, rgba(238,125,127,1) 96%, rgba(238,125,127,1) 100%);
    background: radial-gradient(ellipse at center, rgba(234,100,99,1) 0%, rgba(241,111,92,1) 52%, rgba(238,125,127,1) 96%, rgba(238,125,127,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6463', endColorstr='#ee7d7f', GradientType=1 );
}

.lemag-frame-logo{
    width:100%;
    text-align: center;
}

.lemag-frame-wording {
    color:#fff;
    width:100%;
    text-align: center;
}

.lemag-frame-wording h2 {
    font-size: 36px;
}

.lemag-frame-wording p {
    max-width: 40em;
    margin-left: auto;
    margin-right: auto;
}

.lemag-frame-wording h2 span {
    font-size: 18px;
    font-family: "Open Sans", helvetica, arial, sans-serif;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
    display: block;
}

@media only screen and (min-width: 40.063em) {

    .lemag-frame-wording h2 {
        font-size: 76px;
    }

    .lemag-frame-wording h2 span {
        font-size: 21px;
    }

}

.testimonies-frame {
    background-position: center top;
    background-color: #7D8490;
}

.testimonies-frame--background {
    background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/testimonies/img/testimonies-frame-bg-small.jpg);
}

.testimonies-frame-wording {
    position: absolute;
    bottom: 20%;
    padding: 0 20px;
    color: #fff;
    width: 100%;
    text-align: center;
}

.testimonies-frame-wording h2 {
    font-size: 36px;
    line-height: 1.2;
}

@media only screen and (orientation: portrait) {
    .testimonies-frame--background {
        background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/testimonies/img/testimonies-frame-bg-portrait-small.jpg);
    }
}

@media only screen and (min-width: 40.063em) {

    .testimonies-frame--background {
        background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/testimonies/img/testimonies-frame-bg.jpg);
    }

    .testimonies-frame-wording h2 {
        font-size: 76px;
    }

}

@media only screen and (orientation: portrait) and (min-width: 40.063em) {
    .testimonies-frame--background {
        background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/testimonies/img/testimonies-frame-bg-portrait.jpg);
    }
}

.charter-frame {
    height: auto;
    padding: 20px 15px;
    background: #e9e9ed;
}

.charter-frame-wrapper {
    max-width: 95%;
    padding: 0;
    z-index: 1;
}

.charter-frame-bloc {
    height: 224px;
    padding: 0 10px;
    margin-bottom: 10px;
    z-index: 1;
}

.charter-frame-bloc-content {
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 20px;
    box-shadow: 3px 4px rgba(0,0,0,0.07);
}

.charter-frame-bloc-content h3 {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-family: "Open Sans Condensed", helvetica, arial, sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2;
}

.charter-frame-bloc-content-wording {
    display: table-row;
}

.charter-frame-modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    will-change: opacity, z-index;
    transition: z-index 0.24s cubic-bezier(0.22,0.61,0.36,1), opacity 0.24s cubic-bezier(0.22,0.61,0.36,1);
    opacity: 0;
    z-index: -1;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

.modal-show {
    opacity: 1;
    z-index: 100;
}

.modal-fixed {
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
}

.charter-frame-modal-wrapper {
    position: relative;
    width: 90%;
    margin: 5% auto;
    padding: 0;
}

.charter-frame-modal-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 20px 0;
    box-shadow: 0 1px rgba(0,0,0,0.2);
}

.charter-frame-modal-wording {
    color: #fff;
    padding: 0 20px 20px;
}

.charter-frame-modal-wording p {
    text-shadow: none;
    font-size: 16px;
}

.charter-frame-modal-wording p strong {
    text-shadow: none;
    font-weight: bold;
    font-size: 16px;
}

.charter-frame-modal-wording a {
    color: #fff;
    text-decoration: underline;
}

.charter-frame-modal-wording a:hover, .charter-frame-modal-wording a:active {
    text-decoration: none;
}

.charter-frame-modal-cross, .charter-frame-modal-cross:hover {
    text-decoration: none;
    float: right;
    font-size: 32px;
    font-weight: bold;
    opacity: 0.2;
    color: #000;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 0;
    line-height: 1;
    background: transparent;
    outline: none;
}

.charter-frame-modal-wrapper h3 {
    color: #fff;
    font-family: "Open Sans Condensed", helvetica, arial, sans-serif;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding-left: 32px;
}

.charter-frame-bloc-content-picto {
    display: table-row;
    height: 50px;
}

.charter-frame-bloc-content-picto img {
    height: 50px;
}

.charter-frame-bloc-content-cta {
    display: table-row;
    height: 15%;
}

@media only screen and (min-width: 40.063em) {

    .charter-frame-modal-wrapper {
        width: 80%;
    }

}

@media only screen and (min-width: 64.063em) {

    .charter-frame-wrapper {
        padding: 50px 0;
    }

    .charter-frame-bloc {
        height: 400px;
    }

    .charter-frame-bloc-content {
        padding: 60px 30px 40px;
    }

    .charter-frame-bloc-content h3 {
        font-size: 37px;
    }

    .charter-frame-bloc-content-picto {
        height: 100px;
    }

    .charter-frame-bloc-content-picto img{
        height: 100px;
    }

    .charter-frame-modal-wrapper {
        width: 60%;
    }

}

.seo-frame {
    background: #464648;
    height: auto;
    min-height: 0;
    padding: 1em;
}

/* Footer links section */
.seo-frame h4 {
    color: #fff;
    font-family: "Open Sans Condensed", helvetica, arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.seo-frame ul {
    padding: 0;
    margin: 0;
}
.seo-frame ul li {
    list-style: none;
}

.seo-link {
    color: #ea6262;
    text-decoration: none;
    font-size: 14px;
}
.seo-link:hover {
    text-decoration: underline;
}

.social-profiles {
    margin-top: 0.8em; /* set margin for use alongside a list of links */
}
.fg-col .social-profiles:only-child { /* remove margin if it's alone in a column */
    margin-top: 0;
}

.seo-frame .social-profiles-list {
    margin-top: 0;
}
.social-profiles-list li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

/* Split the link lists in different columns over different breakpoints of the grid.
Gap between columns should match grid gutters width for alignment. */
@media only screen and (min-width: 40.063em) {

    .columns-split-2--medium ul {
        -webkit-columns: 2;
           -moz-columns: 2;
                columns: 2;
        -webkit-column-gap: 1em;
           -moz-column-gap: 1em;
                column-gap: 1em;
    }
    .columns-split-3--medium ul {
        -webkit-columns: 3;
           -moz-columns: 3;
                columns: 3;
        -webkit-column-gap: 1em;
           -moz-column-gap: 1em;
                column-gap: 1em;
    }

}

@media only screen and (min-width: 64.063em) {

    .columns-split-2--large ul {
        -webkit-columns: 2;
           -moz-columns: 2;
                columns: 2;
        -webkit-column-gap: 1em;
           -moz-column-gap: 1em;
                column-gap: 1em;
    }
    .columns-split-3--large ul {
        -webkit-columns: 3;
           -moz-columns: 3;
                columns: 3;
        -webkit-column-gap: 1em;
           -moz-column-gap: 1em;
                column-gap: 1em;
    }
    .columns-split-4--large ul {
        -webkit-columns: 4;
           -moz-columns: 4;
                columns: 4;
        -webkit-column-gap: 1em;
           -moz-column-gap: 1em;
                column-gap: 1em;
    }
    .columns-split-5--large ul {
        -webkit-columns: 5;
           -moz-columns: 5;
                columns: 5;
        -webkit-column-gap: 1em;
           -moz-column-gap: 1em;
                column-gap: 1em;
    }

}

/* Privacy and Copy section */
.seo-frame .copy {
    color: #fff;
    font-size: 12px;
    text-align: center;
}

.seo-frame .copy a {
    color: #fff;
    text-decoration: underline;
}
.seo-frame .copy a:hover {
    text-decoration: none;
}

.privacy {
    color: #fff;
    font-size: 10px;
}
.privacy a {
    color: #fff;
}

.seo-frame-top-strip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 1em;
}

.seo-frame-top-strip .arrow-button {
    margin: 0;
}

cms-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #E9EAED;
    background-color: rgba(233, 234, 237, 0.9);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 2;
    -webkit-animation: 0.34s cubic-bezier(0.05, 0.93, 0.51, 1) fadeIn;
    animation: 0.34s cubic-bezier(0.05, 0.93, 0.51, 1) fadeIn;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

.cms-page-content {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0%;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%;
}

.cms-page-close-container {
    background: #fff;
    padding: 0.5em;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    max-width: 60em;
    margin-top: auto;
}

.cms-page-close-container button {
    background-color: #8BA5A5;
    color: #fff;
    padding: 0.8em 1.6em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-shadow: 1px 1px hsl(180, 13%, 55%);
    box-shadow: inset 0 -2px hsl(180, 13%, 55%);
    transition: background-color 300ms ease-out;
}
.cms-page-close-container button:hover,
.cms-page-close-container button:active {
    background-color: hsl(180, 13%, 55%);
}

#article_content {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #333;
    background-color: #fff;
    max-width: 60em;
    margin: 0 auto;
    padding: 1em 0.5em 0.5em;
    font-size: 0.875rem;
    line-height: 1.42;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -webkit-animation: 0.34s cubic-bezier(0.05, 0.93, 0.51, 1) fadeIn;
    animation: 0.34s cubic-bezier(0.05, 0.93, 0.51, 1) fadeIn;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
}

#article_content h1 {
    font-family: inherit;
    color: #12a2a1;
    font-size: 2rem;
    line-height: 1.1;
    margin: 0 0 0.5em;
    font-weight: 400;
}

#article_content h2 {
    font-family: inherit;
    color: #333;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.1rem;
    letter-spacing: 0.05em;
    margin: 1em 0 0.1em;
}

#article_content h3 {
    font-family: inherit;
    font-size: 1rem;
    margin: 1em 0 0.1em;
}

#article_content h4 {
    font-family: inherit;
    font-size: 0.875rem;
    margin: 1em 0 0.1em;
}

#article_content p {
    font-family: inherit;
    margin: 0;
}
#article_content p + p {
    margin-top: 1em;
}

#article_content a {
    color: #12a2a1;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

#article_content hr {
    display: none;
}

#article_content ul {
    margin: 0.3em 0 0;
	padding: 0 1.2em;
}

#article_content ul + * {
    margin-top: 1em;
}

#article_content li + li {
    margin-top: 0.3em;
}

#article_content table {
    max-width: 100%;
    margin: 1em 0;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 0.75rem;
    display: inline-block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: linear-gradient(to left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 80%), linear-gradient(to right, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 75%);
    background-size: 10px 100%, 10px 100%;
    background-position: 100%, 0;
    background-repeat: no-repeat;
    background-attachment: scroll, scroll;
}

#article_content thead {
    background-color: #12a2a1;
    color: #fff;
    text-align: left;
}

#article_content th {
    padding: 0.3rem 0.6rem;
    border: 1px solid #12a2a1;
}

#article_content td {
    min-width: 10rem;
    padding: 0.3rem 0.6rem;
    vertical-align: top;
    border: 1px solid #E9EAED;
}

#article_content td:first-child {
  background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
  background-repeat: no-repeat;
  background-size: 20px 100%;
}

#article_content td:last-child {
  background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 20px 100%;
}

@media all and (min-width: 47em) {
    .cms-page-close-container {
        margin: auto 1em 0;
    }

    #article_content {
        margin: 1em;
        padding: 2em 1em 1em;
        font-size: 1em;
        line-height: 1.5;
        border-radius: 1px;
        box-shadow: 0 0 8px rgba(0,0,0,0.1);
    }

    #article_content h1 {
        font-size: 3em;
    }

    #article_content h2 {
        font-size: 1.4em;
        margin: 2em 0 0.2em;
    }

    #article_content h3 {
        font-size: 1.2rem;
        margin: 1em 0 0.1em;
    }

    #article_content h4 {
        font-size: 1rem;
        margin: 1em 0 0.1em;
    }

    #article_content table {
        font-size: 0.875rem;
    }
}

@media all and (min-width: 79em) {
    .cms-page-content {
        margin-top: 0;
    }
    .cms-page-close-container {
        position: fixed;
        top: 0;
        left: 0;
        margin: 1em 0 0 62em;
        padding: 0;
        background: transparent;
        box-shadow: none;
    }
}

.regform-title,
.specialoffer ~ div .regform-so-title {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: none;
    text-align: center;
    margin: 0 0 16px;
    color: #464648;
}
.regform-alt-title {
    font-family: "Open Sans Condensed",helvetica,arial,sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: none;
    text-align: center;
    margin: 0;
    color: #464648;
}
.regform-alt-subtitle {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    color: #3e3e3e;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: none;
    margin: 0 0 16px;
    text-align: center;
}
@media only screen and (max-width: 40em) {
  .regform-title,
  .specialoffer ~ div .regform-so-title {
    font-size: 16px;
    margin: 0 0 8px;
  }
  .regform-alt-title {
    font-size: 14px;
  }
  .regform-alt-subtitle {
    font-size: 12px;
    margin: 0 0 8px;
  }
}

.regform-so-title {
    position: relative;
    font-family: "Open Sans Condensed";
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    color: white;
    padding: 5px;
    border-bottom: 1px solid; /* resolves a render glitch on IE */
    margin: -0.8rem -0.5rem 0.8rem -0.5rem;
}
.regform-so-title::after {
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid transparent; /* add color specific for brand to this property */
    content: " ";
    position: absolute;
    top: 100%;
    left: 45%;
    left: calc(50% - 9px);
}
.specialoffer ~ div .regform-so-title {
    background-color: transparent;
    border: 0;
}
.specialoffer ~ div .regform-so-title::after {
    display: none;
}
@media only screen and (min-width: 26.25em) {
    .regform-so-title {
      margin: -1rem -1rem 1.2rem -1rem;
    }
}
@media only screen and (min-width: 40.063em) {
    .regform-so-title {
      font-size: 24px;
      line-height: 1.5;
    }

    .regform-so-title::after {
      border-left-width: 19px;
      border-right-width: 19px;
      border-top-width: 19px;
      left: calc(50% - 19px);
    }

    .specialoffer ~ div .regform-so-title {
        font-size: 23px;
        margin: 0 0 16px;
    }
}

.brand-me .regform-title,
.brand-me .specialoffer ~ div .regform-so-title,
.brand-me .regform-alt-title {
    color: #e64280;
}
.brand-mc .regform-title,
.brand-mc .specialoffer ~ div .regform-so-title,
.brand-mc .regform-alt-title {
    color: #1B75BC;
}
.brand-lx .regform-title,
.brand-lx .specialoffer ~ div .regform-so-title,
.brand-lx .regform-alt-title {
    color: #ff6757;
}
.brand-ne .regform-title,
.brand-ne .specialoffer ~ div .regform-so-title,
.brand-ne .regform-alt-title {
    color: #ea3332;
}
.brand-fs .regform-title,
.brand-fs .specialoffer ~ div .regform-so-title,
.brand-fs .regform-alt-title {
    color: #003468;
}
.brand-dd .regform-title,
.brand-dd .specialoffer ~ div .regform-so-title,
.brand-dd .regform-alt-title {
    color: #da2c92;
}
.brand-ot .regform-title,
.brand-ot .specialoffer ~ div .regform-so-title,
.brand-ot .regform-alt-title {
    color: #e96f88;
}

.brand-me .regform-so-title {
    background-color: #e64280;
    border-bottom-color: #e64280;
}
.brand-mc .regform-so-title {
    background-color: #1B75BC;
    border-bottom-color: #1B75BC;
}
.brand-ot .regform-so-title {
    background-color: #e96f88;
    border-bottom-color: #e96f88;
}
.brand-lx .regform-so-title {
    background-color: #ff6757;
    border-bottom-color: #ff6757;
}
.brand-ne .regform-so-title {
    background-color: #ea3332;
    border-bottom-color: #ea3332;
}
.brand-fs .regform-so-title {
    background-color: #003468;
    border-bottom-color: #003468;
}
.brand-dd .regform-so-title {
    border-top-color: #da2c92;
}
.brand-me .regform-so-title::after {
    border-top-color: #e64280;
}
.brand-mc .regform-so-title::after {
    border-top-color: #1B75BC;
}
.brand-ot .regform-so-title::after {
    border-top-color: #e96f88;
}
.brand-lx .regform-so-title::after {
    border-top-color: #ff6757;
}
.brand-ne .regform-so-title::after {
    border-top-color: #ea3332;
}
.brand-fs .regform-so-title::after {
    border-top-color: #003468;
}
.brand-dd .regform-so-title::after {
    border-top-color: #da2c92;
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

fieldset legend {
    background: transparent;
}

label,select,input,fieldset legend {
    color:#3e3e3e;
    font-weight:600;
    font-size:14px;
}

select {
    padding-top:5px;
    color:#777;
    -moz-appearance: none;
}

::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder,input:-moz-placeholder {
    color:#777;
    font-weight:400;
}

.standard-link {
    color:#45a2db;
    font-size:12px;
    text-decoration:underline;
}

.spacer {
    content:".";
    height:0;
    visibility:hidden;
}

.simple-form label, .simple-form fieldset legend {
    font-weight:600;
    margin-bottom: 1px;
}

.simple-form fieldset legend {
    width: 100%;
}

.simple-form select,.simple-form input[type=text],.simple-form input[type=email],.simple-form input[type=password] {
    border-radius:1px;
    background-color:#fff;
    padding-left:5px;
    margin: 0 0 0.5rem;
}

.simple-form button,
.show-forgottendetails button,
.show-suspendedaccount button,
.login-submuit {
    background-color:#78cd00;
    width:90%;
    text-transform:uppercase;
    font-size:18px;
    text-shadow:2px 2px #76bd43;
    font-weight:700;
    height:40px;
    padding:0;
    opacity: 1;
    border-radius: 24px;
}

.main-block-greybg .button {
    background-color:#78cd00;
    border-radius: 1px;
    width:100%;
    text-transform:uppercase;
    font-size:18px;
    text-shadow:2px 2px #76bd43;
    font-weight:700;
    padding: 11px 0;
    box-shadow:inset 0 -4px 0 0 #76bd43;
}

.main-block-greybg .button:last-child {
    margin-bottom: 0;
}

.main-block-greybg .button a, .main-block-greybg .button a:hover {
    color:#fff;
    text-decoration:none;
}

.api-messages-final a,
.has-error a {
    color:#fff;
    text-decoration:underline;
}

.api-messages-final a:hover,
.has-error a:hover {
    color:#fff;
    text-decoration:none;
}

.show-forgottendetails button,.login-submuit {
    margin:10px 0;
    padding:11px;
}

.simple-form button:hover,
.simple-form button:focus,
.show-suspendedaccount button:hover,
.show-suspendedaccount button:focus,
.main-block-greybg .button:hover,
.main-block-greybg .button:focus,
.login-submuit:hover,
.login-submuit:focus {
    background-color:#76bd43;
    box-shadow:none;
}

.simple-form button:active,
.show-suspendedaccount button:active,
.main-block-greybg .button:active,
.login-submuit:active {
    background-color:#76bd43;
    box-shadow:inset 0 2px 3px 0 #5f9837;
}

.title-forgottendetails,
.text-forgottendetails {
    font-weight:600;
    margin-bottom:10px;
    margin-top: 0;
}
    .title-forgottendetails {
        text-align:center;
    }

p.text-suspendedaccount {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: #3e3e3e;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 0;
    text-shadow: none;
}

.standard-regform .field,.standard-regform .field:hover,.standard-regform .field:focus {
    display:inline-block;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    height:34px;
    border:1px solid #c4c7cc;
    border-radius: 1px;
    vertical-align:middle;
    font-size:.8rem;
    color:#000;
    box-shadow:none;
    padding:8px 6px;
}

.standard-regform input[type=text],.standard-regform input[type=password] {
    background:#fff;
    margin:0 0 1rem;
}

.standard-regform .has-error {
    border-color:red;
}

.standard-regform label {
    color:#222;
    font-size:.79rem;
    font-weight:700;
}

.standard-regform input[type=submit],.showRegForm-button,.showLoginForm-button {
    width:100%;
    height:35px;
    background:#00bb23;
    border:1px solid #00bb23;
    cursor:pointer;
    border-radius:0;
    font-size:16px;
    font-weight:400;
    margin-top:10px;
    opacity:1;
    color:#fff;
    padding:6px;
}

.standard-fbform input[type=submit] {
    width:100%;
    height:35px;
    background:#2c4892;
    border:1px solid #2c4892;
    cursor:pointer;
    border-radius:0;
    font-size:16px;
    font-weight:400;
    margin-top:10px;
    opacity:1;
    color:#fff;
    padding:6px;
}

.standard-fbform input[type=submit]:hover {
    opacity:0.9;
}

#bday,#bmonth,#byear {
    padding-left:5px;
}

#bmonth * {
    text-align:left;
}

.simple-form .has-error .field,.has-error input[type=text]:focus,.has-error input[type=text],.has-error input[type=email]:focus,.has-error input[type=email],.has-error input[type=password]:focus,.has-error input[type=password] {
    border-radius: 0 0 1px 1px;
    border-color:#de5656;
}

.has-error .error-message {
    display:block;
    color:#FFF;
    z-index:1000;
    border-radius: 1px 1px 0 0;
    font-size:12px;
    font-weight:700;
    width:100%;
    padding: 2px 36px 2px 8px;
    background-color: #de5656;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48cGF0aCBkPSJNOSAwYTkgOSAwIDEgMCA5IDkgOSA5IDAgMCAwLTktOXptMCAxNi41QTcuNSA3LjUgMCAxIDEgMTYuNSA5IDcuNTEgNy41MSAwIDAgMSA5IDE2LjV6IiBmaWxsPSIjZmZkM2NhIi8+PHBhdGggZmlsbD0iI2ZmZDNjYSIgZD0iTTggMy45NmgydjdIOHoiLz48Y2lyY2xlIGN4PSI5IiBjeT0iMTMuMDQiIHI9IjEiIGZpbGw9IiNmZmQzY2EiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: 99% 2px;
    background-position: calc(100% - 6px) 2px;
}

.api-messages-final {
    display:block;
    color:#FFF;
    background-color:#de5656;
    z-index:1000;
    border-radius: 1px;
    font-size:12px;
    font-weight:700;
    width:100%;
    margin:0 0 10px;
    padding:4px 8px;
}

.kvk2fields-field .error-message, .birthday-field .error-message, .location-field .error-message {
    margin-bottom: -1px;
    border-radius: 1px;
}

.remember_me_container a {
    float:right;
    line-height:27px;
}

.terms-wording {
    font-size:10px;
    text-align:center;
    margin:10px 10px 0;
}

.terms-wording a,
.privacy-check-before-label a {
    text-decoration:underline;
    color: #222;
}

.regform-container button .api-loader,
.simple-form button .api-loader {
    position:absolute;
    top:7px;
    right:11px;
}

select *,select.select-black {
    color:#3e3e3e;
}

.standard-link:hover,.terms-wording a:hover,.privacy-check-before-label a:hover {
    text-decoration:none;
}

.standard-regform input[type=submit]:hover,.standard-regform input[type=submit]:active,.standard-fbform input[type=submit]:active {
    opacity:0.8;
}

.has-error,.regform-container button {
    position:relative;
}

.has-error label, .has-error legend {
    display:none;
}

form {
    margin: 0;
}

body[data-useragent*=Mac] .terms-wording{
    letter-spacing:0px;
}

body[data-useragent*=Mac] .cookieText{
    letter-spacing:0px;
}

.optin-partner-wrapper,
.terms-check-wrapper,
.privacy-check-wrapper {
    margin:5px 0 10px 0;
}

.optin-partner-wrapper input[type="checkbox"],
.terms-check-wrapper input[type="checkbox"],
.privacy-check-wrapper input[type="checkbox"] {
    margin-top:2px;
}

.optin-partner-wrapper input[type="checkbox"] + label,
.optin-partner-wrapper input[type="hidden"] + label,
.terms-check-wrapper input[type="checkbox"] + label,
.privacy-check-wrapper input[type="checkbox"] + label {
    font-size: 12px;
    line-height: 1.2;
    margin: 0;
}

.terms-check-wrapper label a,
.privacy-check-wrapper label a,
.optin-partner-wrapper label a {
    color: #222;
}
.terms-check-wrapper label a:hover,
.privacy-check-wrapper label a:hover,
.optin-partner-wrapper label a:hover {
    color: #222;
    text-decoration: none;
}

.terms-check-wrapper.has-error .error-message,
.privacy-check-wrapper.has-error .error-message {
    border-radius: 1px;
    margin-bottom: 5px;
}

.privacy-check-before-label {
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 5px;
    color: #222222;
}

/* Google Places API Autocomplete */
.geo-field {
    position: relative;
    margin-bottom: 0.5rem;
}
.simple-form .geo-field input[type=text] {
    margin: 0;
}
.geo-field input.has-dropdown {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.google-places-api-autocomplete {
    position: absolute;
    z-index: 1;
    background: white;
    color: rgba(0, 0, 0, 0.60);
    font-weight: 600;
    border-radius: 0 0 1px 1px;
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    box-shadow: 0 0 5px #999;
}

.google-places-api-autocomplete-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/regform/img/powered-by-google-on-white3_hdpi.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 120px 14px;
}
.google-places-api-autocomplete-list li {
    padding: 5px 10px;
    border-bottom: 1px solid #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.google-places-api-autocomplete-list li:hover,
.google-places-api-autocomplete-list li.is-active {
    color: rgba(255, 255, 255, 0.95);
    background-color: #597AB7;
    cursor: pointer;
}
.google-places-api-autocomplete-item-term:nth-child(2) {
    color: rgba(0, 0, 0, 0.75);
    font-weight: 700;
}
.google-places-api-autocomplete-list li:hover .google-places-api-autocomplete-item-term:nth-child(2),
.google-places-api-autocomplete-list li.is-active .google-places-api-autocomplete-item-term:nth-child(2) {
    color: white;
}

.map-marker {
    display: inline-block;
    opacity: .3;
    width: 23px;
    height: 20px;
    vertical-align: text-bottom;
    padding-right: 10px;
    background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/regform/img/map-marker.svg);
    background-repeat: no-repeat;
}

.password-field {
    position: relative;
}

label.pwd-strength-label-weak {
    color: #de5656;
    font-weight: 900;
}
label.pwd-strength-label-medium {
    color: #eb7d06;
    font-weight: 900;
}
label.pwd-strength-label-strong {
    color: #31920f;
    font-weight: 900;
}

.pwd-strength-checker-message {
    display: none; /* hidden by default */
    color: #606060;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIj48cGF0aCBmaWxsPSIjOTI5MjkyIiBkPSJNMTQgOEw3IDN2M0g0VjBIMHYxMGg3djN6Ii8+PC9zdmc+);
    background-repeat: no-repeat;
    margin-top: -6px;
    margin-left: 10px;
    padding-left: 20px;
}
.pwd-strength-checker-message ul {
    margin-top: 0;
    padding: 0 0 0 10px;
    list-style-position: inside;
    font-weight: normal;
}

.pwd-strength-checker-message.pwd-strength-checker-message-display {
    display: block;
}

.pwd-strength-checker-constraint {
    list-style-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTAgOSI+PHJlY3Qgd2lkdGg9IjgiIGhlaWdodD0iMSIgeD0iMSIgeT0iNSIgZmlsbD0iIzkyOTI5MiIgLz48L3N2Zz4=);
}
.pwd-strength-checker-constraint-valid {
    color: #6aaa4d;
    list-style-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTAgOSI+PHBhdGggZmlsbD0iIzZhYWE0ZCIgZD0iTTcuMyAwTDQuNCA2LjIgMi43IDIuOEgwTDQgOWgxbDUtOUg3LjN6Ii8+PC9zdmc+);
}

.validation-label {
    padding-right: 36px;
}

.validation-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOCAxOCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4Ij48dGl0bGU+YXZlX3ZhbGlkYXRpb25JbmRpY2F0b3JfY2hlY2s8L3RpdGxlPjxwYXRoIGQ9Ik05LDBhOSw5LDAsMSwwLDksOUE5LDksMCwwLDAsOSwwWk05LDE2LjVBNy41LDcuNSwwLDEsMSwxNi41LDksNy41MSw3LjUxLDAsMCwxLDksMTYuNVoiIHN0eWxlPSJmaWxsOiM2YWFhNGQiLz48cG9seWdvbiBwb2ludHM9IjEyLjU0IDUuMTEgNy41OSAxMC4wNiA1LjQ2IDcuOTQgNC4wNSA5LjM1IDYuMTcgMTEuNDcgNy41OSAxMi44OSA5IDExLjQ3IDEzLjk1IDYuNTMgMTIuNTQgNS4xMSIgc3R5bGU9ImZpbGw6IzZhYWE0ZCIvPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-position: 99% 0;
    background-position: calc(100% - 6px) 0;
}

.simple-form button.forgotten-password-email-not-received {
    border: 0;
    background-color: transparent;
    text-shadow: none;
    box-shadow: none;
    display: inline;
    width: auto;
    height: auto;
    text-transform: lowercase;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    text-decoration: underline;
}

.simple-form button.forgotten-password-email-not-received:hover {
    text-decoration: none;
}

@media only screen and (min-width: 26.25em) {
    .simple-form label, .simple-form fieldset legend {
        margin-bottom: 5px;
    }
    .simple-form select,.simple-form input[type=text],.simple-form input[type=email],.simple-form input[type=password] {
        margin: 0 0 1rem;
    }
    .optin-partner-wrapper input[type="checkbox"] + label,
    .optin-partner-wrapper input[type="hidden"] + label,
    .terms-check-wrapper input[type="checkbox"] + label,
    .privacy-check-wrapper input[type="checkbox"] + label {
        font-size: 14px;
    }
    .geo-field {
        margin-bottom: 1rem;
    }
    .has-error .error-message {
        padding: 4px 36px 4px 8px;
        background-position: 99% 4px;
        background-position: calc(100% - 6px) 4px;
    }
}

.simple-form .fb-login-button {
    color: #fff;
    background-color: #4267B2;
    text-transform: none;
    letter-spacing: 0;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    margin-top: 8px;
    transition: background-color 0.24s ease-out;
}
.simple-form .fb-login-button:hover,
.simple-form .fb-login-button:focus {
    background-color: #365899;
    text-shadow: none;
    box-shadow: none;
}
.simple-form .fb-login-button:active {
    background-color: #365899;
    text-shadow: none;
    box-shadow: none;
}

.fb-login-button-no-post {
    color: #666;
    font-size: 12px;
    text-align: center;
    margin-top: 8px;
}

.fb-login-button-divider {
    margin: 0 auto 14px;
    text-align: center;
    color: #464648;
    font-size: 14px;
    font-weight: 700;
    background-image: linear-gradient(90deg, #babbbe 0%, #babbbe 40%, rgba(0,0,0,0) 1px, rgba(0,0,0,0) 60%, #babbbe 1px, #babbbe 100%);
    background-size: 100% 1px;
    background-repeat: repeat-x;
    background-position: 50%;
}

.facebook-api-loader {
    display: block;
    margin: 2em auto;
    width: 50px;
    height: 50px;
    border: 6px solid rgba(66, 103, 178, 0.2);
    border-top-color: rgba(66, 103, 178, 0.8);
}

.fb-error-message-title {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.3;
    text-transform: none;
    text-align: center;
    margin: 0 0 16px;
    color: #4267B2;
}

p.fb-error-message-intro {
    font-size: 14px;
    line-height: 1.3;
    text-shadow: none;
    color: #333;
    text-align: center;
}

p.fb-error-message-action {
    font-size: 16px;
    line-height: 1.4;
    text-shadow: none;
    font-weight: 700;
    text-align: center;
}

.showing-facebook-error {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.showing-facebook-error .main-block,
.showing-facebook-error .main-block-greybg,
.showing-facebook-error custom-virtual-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.showing-facebook-error custom-virtual-page > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
}

.fb-error-message {
    margin-top: auto;
    margin-bottom: auto;
}

.fb-error-message-emoticon {
    display: block;
    margin: 16px auto;
}

@media only screen and (min-width: 40.063em) {
    .showing-facebook-error {
        display: block;
    }
}

.logo svg {
    width: 96px;
    height: 31px;
    vertical-align: middle;
}

@media only screen and (min-width: 40.063em) {

    .logo svg {
        width: 290px;
        height: 90px;
    }

}

.color-primary {
    fill: #E64280;
}

.color-secondary {
    fill: #fff;
}

/* Default small image */
.viewport::before {
    background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/main/visuals/sputnik/storm/small.jpg);
}

/* Small image for portrait orientation */
@media only screen and (orientation: portrait) {
    .viewport::before {
        background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/main/visuals/sputnik/storm/portrait-small.jpg);
    }
}

/* Medium image */
@media only screen and (min-width: 40.063em) {
    .viewport::before {
        background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/main/visuals/sputnik/storm/medium.jpg);
    }
}

/* Image for tablets with portrait orientation */
@media only screen and (orientation: portrait) and (min-width: 40.063em) {
    .viewport::before {
        background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/main/visuals/sputnik/storm/portrait.jpg);
    }
}

/* Big image */
@media only screen and (min-width: 64.063em) {
    .viewport::before {
        background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/main/visuals/sputnik/storm/large.jpg);
    }
}

.uk-conduct-list,
.se-conduct-list,
.dk-conduct-list,
.fi-conduct-list,
.no-conduct-list {
  margin-top: 10px;
  padding-top: 10px;
  background-color: rgba(0,0,0,0.25);
  border-radius: 5px;
}
  .uk-conduct-list ul,
  .se-conduct-list ul,
  .dk-conduct-list ul,
  .fi-conduct-list ul,
  .no-conduct-list ul {
    margin: 0;
    padding: 10px 20px 10px 30px;
  }
  .uk-conduct-list ul:first-child li::before,
  .se-conduct-list ul:first-child li::before,
  .dk-conduct-list ul:first-child li::before,
  .fi-conduct-list ul:first-child li::before,
  .no-conduct-list ul:first-child li::before {
    background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/charter/img/check.svg);
    background-repeat: no-repeat;
    content: "";
    width: 1em;
    height: 1em;
    position: absolute;
    left: 8px;
    margin-top: 6px;
  }
  .uk-conduct-list ul:last-child li::before,
  .se-conduct-list ul:last-child li::before,
  .dk-conduct-list ul:last-child li::before,
  .fi-conduct-list ul:last-child li::before,
  .no-conduct-list ul:last-child li::before {
      background-image: url(https://iliusstx-a.akamaihd.net/bundles/iliusunlogged/components/frames/charter/img/cross.svg);
      background-repeat: no-repeat;
      content: "";
      width: 1em;
      height: 1em;
      position: absolute;
      left: 8px;
      margin-top: 5px;
  }
  .uk-conduct-list li,
  .se-conduct-list li,
  .dk-conduct-list li,
  .fi-conduct-list li,
  .no-conduct-list li {
    padding-top: 6px;
    list-style-type: none;
  }

.legal-text {
    font-size: 10px;
    color: #fff;
    padding: 20px 20px 10px;
}
    .legal-text a {
        color: #fff;
    }

.privacy-bg--solid {
    background: #464648;
}

.privacy-bg--light {
    background-color: #eaeaea;
    color: #464648;
}
    .privacy-bg--light a {
        color: #464648;
    }

.privacy-bg--trans {
    background-color: rgba(70, 70, 72, 0.7);
}

.privacy--flexible {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

@media only screen and (max-width: 40em) {

    .privacy-bg--trans--only-small {
        background-color: rgba(77, 77, 77, 0.7);
    }

}

.media-object {
    padding: 8px;
    padding: 0.5rem;
}

.media-object:after {
    clear: both;
    display: table;
    content: "";
}

.media-object > * {
    margin: 8px;
    margin: 0.5rem;
}

.media-object > a {
    float: left;
}

.media-object p {
    font-size: 12px;
    line-height: 1.44;
    margin: 0;
    text-shadow: none;
    color: #464648;
}
    .media-object p a {
        color: currentColor;
    }

.media-object-figure {
    float: left;
}

.media-object-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1 0 50%;
}

.media-object--flexible {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.media-object-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
}

.media-object-flex:after {
    content: none;
}

.media-object-flex--center {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

@media screen and (min-width: 40.063em) {
    .media-object--flexible--medium {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }

    .media-object-flex--medium {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
                justify-content: space-around;
    }

    .media-object-flex--medium:after {
        content: none;
    }

    .media-object-flex--center--medium {
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
    }

}

/* Custom styles */
.media-object--no-margin > * {
    margin: 0;
}

.media-object--no-padding {
    padding: 0;
}

.media-object--big-padding {
    padding: 20px;
}

.media-object--text-white p {
    color: #fff;
}

.media-object--text-small p {
    font-size: 10px;
    line-height: 1.5;
}

.media-object--text-big p {
    font-size: 16px;
    line-height: 1.3;
}
    .media-object--text-big span {
        font-weight: 700;
    }

@media only screen and (min-width: 64.063em) {
    .media-object--big-padding {
        padding: 20px 35px;
    }

    .media-object--text-big p {
        font-size: 23px;
    }
}