@media print,
screen and (min-width:48em) {

    .reveal,
    .reveal.large,
    .reveal.small,
    .reveal.tiny {
        left: auto;
        margin: 0 auto;
        right: auto
    }
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

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

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.foundation-mq {
    font-family: "small=0em&medium=48em&large=64em&xlarge=80em&xxlarge=90em&xxxlarge=100em"
}

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

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

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fefefe;
    color: #5e5e5e;
    font-family: Roboto, Tajawal, Rubik, apple-system, -system-ui, Tahoma, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    padding: 0
}

img {
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

textarea {
    border-radius: 0;
    height: auto;
    min-height: 50px
}

select {
    box-sizing: border-box;
    width: 100%
}

.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
    max-width: none !important
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    cursor: auto;
    line-height: 1;
    padding: 0
}

[data-whatinput=mouse] button {
    outline: 0
}

pre {
    overflow: auto
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fefefe;
    border: 1px solid #cacaca;
    border-radius: 0;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
    box-sizing: border-box;
    color: #0a0a0a;
    display: block;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    height: 2.4375rem;
    line-height: 1.5;
    margin: 0 0 1rem;
    padding: .5rem;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    width: 100%
}

[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
    background-color: #fefefe;
    border: 1px solid #8a8a8a;
    box-shadow: 0 0 5px #cacaca;
    outline: none;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

textarea {
    max-width: 100%
}

textarea[rows] {
    height: auto
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
    background-color: #e6e6e6;
    cursor: not-allowed
}

[type=button],
[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type=search] {
    box-sizing: border-box
}

::-webkit-input-placeholder {
    color: #cacaca
}

::-moz-placeholder {
    color: #cacaca
}

:-ms-input-placeholder {
    color: #cacaca
}

::placeholder {
    color: #cacaca
}

[type=checkbox],
[type=file],
[type=radio] {
    margin: 0 0 1rem
}

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

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

label > [type=checkbox],
label > [type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    color: #0a0a0a;
    display: block;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.8;
    margin: 0
}

label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

.help-text {
    color: #0a0a0a;
    font-size: .8125rem;
    font-style: italic;
    margin-top: -.5rem
}

.input-group {
    align-items: stretch;
    display: flex;
    margin-bottom: 1rem;
    width: 100%
}

.input-group > :first-child,
.input-group > :first-child.input-group-button > * {
    border-radius: 0 0 0 0
}

.input-group > :last-child,
.input-group > :last-child.input-group-button > * {
    border-radius: 0 0 0 0
}

.input-group-button,
.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label,
.input-group-field,
.input-group-label {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    align-items: center;
    background: #e6e6e6;
    border: 1px solid #cacaca;
    color: #0a0a0a;
    display: flex;
    flex: 0 0 auto;
    padding: 0 1rem;
    text-align: center;
    white-space: nowrap
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    flex: 1 1 0px;
    min-width: 0
}

.input-group-button {
    display: flex;
    flex: 0 0 auto;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center
}

.input-group-button a,
.input-group-button button,
.input-group-button input,
.input-group-button label {
    align-self: stretch;
    font-size: 1rem;
    height: auto;
    padding-bottom: 0;
    padding-top: 0
}

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

legend {
    margin-bottom: .5rem;
    max-width: 100%
}

.fieldset {
    border: 1px solid #cacaca;
    margin: 1.125rem 0;
    padding: 1.25rem
}

.fieldset legend {
    margin: 0 0 0 -.1875rem;
    padding: 0 .1875rem
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fefefe;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    border: 1px solid #cacaca;
    border-radius: 0;
    color: #0a0a0a;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    height: 2.4375rem;
    line-height: 1.5;
    margin: 0 0 1rem;
    padding: .5rem 1.5rem .5rem .5rem;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

@media screen and (min-width:0\0) {
    select {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
    }
}

select:focus {
    background-color: #fefefe;
    border: 1px solid #8a8a8a;
    box-shadow: 0 0 5px #cacaca;
    outline: none;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed
}

select::-ms-expand {
    display: none
}

select[multiple] {
    background-image: none;
    height: auto
}

select:not([multiple]) {
    padding-bottom: 0;
    padding-top: 0
}

.is-invalid-input:not(:focus) {
    background-color: #f9ecea;
    border-color: #cc4b37
}

.is-invalid-input:not(:focus)::-webkit-input-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus)::-moz-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus):-ms-input-placeholder {
    color: #cc4b37
}

.is-invalid-input:not(:focus)::placeholder {
    color: #cc4b37
}

.form-error,
.is-invalid-label {
    color: #cc4b37
}

.form-error {
    display: none;
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: -.5rem
}

.form-error.is-visible {
    display: block
}

blockquote,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
td,
th,
ul {
    margin: 0;
    padding: 0
}

p {
    text-rendering: optimizeLegibility;
    font-size: inherit;
    line-height: 1.6;
    margin-bottom: 1rem
}

em,
i {
    font-style: italic
}

b,
em,
i,
strong {
    line-height: inherit
}

b,
strong {
    font-weight: 700
}

small {
    font-size: 80%;
    line-height: inherit
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-rendering: optimizeLegibility;
    color: inherit;
    font-family: Roboto, Tajawal, Rubik, apple-system, -system-ui, Tahoma, Arial, sans-serif;
    font-style: normal;
    font-weight: 400
}

.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: #cacaca;
    line-height: 0
}

.h1,
h1 {
    font-size: 1.5rem
}

.h1,
.h2,
h1,
h2 {
    line-height: 1.4;
    margin-bottom: .5rem;
    margin-top: 0
}

.h2,
h2 {
    font-size: 1.25rem
}

.h3,
h3 {
    font-size: 1.1875rem
}

.h3,
.h4,
h3,
h4 {
    line-height: 1.4;
    margin-bottom: .5rem;
    margin-top: 0
}

.h4,
h4 {
    font-size: 1.125rem
}

.h5,
h5 {
    font-size: 1.0625rem
}

.h5,
.h6,
h5,
h6 {
    line-height: 1.4;
    margin-bottom: .5rem;
    margin-top: 0
}

.h6,
h6 {
    font-size: 1rem
}

@media print,
screen and (min-width:48em) {

    .h1,
    h1 {
        font-size: 3rem
    }

    .h2,
    h2 {
        font-size: 2.5rem
    }

    .h3,
    h3 {
        font-size: 1.9375rem
    }

    .h4,
    h4 {
        font-size: 1.5625rem
    }

    .h5,
    h5 {
        font-size: 1.25rem
    }

    .h6,
    h6 {
        font-size: 1rem
    }
}

a {
    color: #0063a6;
    cursor: pointer;
    line-height: inherit;
    text-decoration: none
}

a:focus,
a:hover {
    color: #00558f
}

a img,
hr {
    border: 0
}

hr {
    border-bottom: 1px solid #cacaca;
    clear: both;
    height: 0;
    margin: 1.25rem auto;
    max-width: 75rem
}

dl,
ol,
ul {
    line-height: 1.6;
    list-style-position: outside;
    margin-bottom: 1rem
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

ol,
ul {
    margin-left: 1.25rem
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
    margin-left: 1.25rem
}

dl {
    margin-bottom: 1rem
}

dl dt {
    font-weight: 700;
    margin-bottom: .3rem
}

blockquote {
    border-left: 1px solid #cacaca;
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem
}

blockquote,
blockquote p {
    color: #8a8a8a;
    line-height: 1.6
}

abbr,
abbr[title] {
    border-bottom: 1px dotted #0a0a0a;
    cursor: help;
    text-decoration: none
}

figure,
kbd {
    margin: 0
}

kbd {
    background-color: #e6e6e6;
    color: #0a0a0a;
    font-family: Consolas, Liberation Mono, Courier, monospace;
    padding: .125rem .25rem 0
}

.subheader {
    color: #8a8a8a;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: .5rem;
    margin-top: .2rem
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.stat {
    font-size: 2.5rem;
    line-height: 1
}

p + .stat {
    margin-top: -1rem
}

ol.no-bullet,
ul.no-bullet {
    list-style: none;
    margin-left: 0
}

.cite-block,
cite {
    color: #8a8a8a;
    display: block;
    font-size: .8125rem
}

.cite-block:before,
cite:before {
    content: "— "
}

.code-inline,
code {
    word-wrap: break-word;
    display: inline;
    max-width: 100%;
    padding: .125rem .3125rem .0625rem
}

.code-block,
.code-inline,
code {
    background-color: #e6e6e6;
    border: 1px solid #cacaca;
    color: #0a0a0a;
    font-family: Consolas, Liberation Mono, Courier, monospace;
    font-weight: 400
}

.code-block {
    display: block;
    margin-bottom: 1.5rem;
    overflow: auto;
    padding: 1rem;
    white-space: pre
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media print,
screen and (min-width:48em) {
    .medium-text-left {
        text-align: left
    }

    .medium-text-right {
        text-align: right
    }

    .medium-text-center {
        text-align: center
    }

    .medium-text-justify {
        text-align: justify
    }
}

@media print,
screen and (min-width:64em) {
    .large-text-left {
        text-align: left
    }

    .large-text-right {
        text-align: right
    }

    .large-text-center {
        text-align: center
    }

    .large-text-justify {
        text-align: justify
    }
}

@media screen and (min-width:80em) {
    .xlarge-text-left {
        text-align: left
    }

    .xlarge-text-right {
        text-align: right
    }

    .xlarge-text-center {
        text-align: center
    }

    .xlarge-text-justify {
        text-align: justify
    }
}

@media screen and (min-width:90em) {
    .xxlarge-text-left {
        text-align: left
    }

    .xxlarge-text-right {
        text-align: right
    }

    .xxlarge-text-center {
        text-align: center
    }

    .xxlarge-text-justify {
        text-align: justify
    }
}

@media screen and (min-width:100em) {
    .xxxlarge-text-left {
        text-align: left
    }

    .xxxlarge-text-right {
        text-align: right
    }

    .xxxlarge-text-center {
        text-align: center
    }

    .xxxlarge-text-justify {
        text-align: justify
    }
}

.show-for-print {
    display: none !important
}

@media print {
    * {
        -webkit-print-color-adjust: economy;
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        color-adjust: economy;
        text-shadow: none !important
    }

    .show-for-print {
        display: block !important
    }

    .hide-for-print {
        display: none !important
    }

    table.show-for-print {
        display: table !important
    }

    thead.show-for-print {
        display: table-header-group !important
    }

    tbody.show-for-print {
        display: table-row-group !important
    }

    tr.show-for-print {
        display: table-row !important
    }

    td.show-for-print,
    th.show-for-print {
        display: table-cell !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    abbr[title]:after {
        content: " ("attr(title) ")"
    }

    blockquote,
    pre {
        border: 1px solid #8a8a8a;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .print-break-inside {
        page-break-inside: auto
    }
}

.row {
    display: flex;
    flex-flow: row wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 75rem
}

.row .row {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media print,
screen and (min-width:48em) {
    .row .row {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .row .row {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

@media screen and (min-width:80em) {
    .row .row {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

@media screen and (min-width:90em) {
    .row .row {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

@media screen and (min-width:100em) {
    .row .row {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

.row .row.collapse {
    margin-left: 0;
    margin-right: 0
}

.row.expanded {
    max-width: none
}

.row.expanded .row {
    margin-left: auto;
    margin-right: auto
}

.row:not(.expanded) .row {
    max-width: none
}

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

.row.collapse > .column > .row,
.row.collapse > .columns > .row,
.row.is-collapse-child {
    margin-left: 0;
    margin-right: 0
}

.column,
.columns {
    flex: 1 1 0px;
    min-width: 0;
    padding-left: .625rem;
    padding-right: .625rem
}

@media print,
screen and (min-width:48em) {

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

.column.row.row,
.row.row.columns {
    display: block;
    float: none
}

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

.small-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1 {
    flex-wrap: wrap
}

.small-up-1 > .column,
.small-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%
}

.small-up-2 {
    flex-wrap: wrap
}

.small-up-2 > .column,
.small-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%
}

.small-up-3 {
    flex-wrap: wrap
}

.small-up-3 > .column,
.small-up-3 > .columns {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.small-up-4 {
    flex-wrap: wrap
}

.small-up-4 > .column,
.small-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%
}

.small-up-5 {
    flex-wrap: wrap
}

.small-up-5 > .column,
.small-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%
}

.small-up-6 {
    flex-wrap: wrap
}

.small-up-6 > .column,
.small-up-6 > .columns {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.small-up-7 {
    flex-wrap: wrap
}

.small-up-7 > .column,
.small-up-7 > .columns {
    flex: 0 0 14.28571%;
    max-width: 14.28571%
}

.small-up-8 {
    flex-wrap: wrap
}

.small-up-8 > .column,
.small-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%
}

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

.small-uncollapse > .column,
.small-uncollapse > .columns {
    padding-left: .625rem;
    padding-right: .625rem
}

@media print,
screen and (min-width:48em) {
    .medium-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .medium-offset-0 {
        margin-left: 0
    }

    .medium-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .medium-offset-1 {
        margin-left: 8.33333%
    }

    .medium-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-offset-2 {
        margin-left: 16.66667%
    }

    .medium-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .medium-offset-3 {
        margin-left: 25%
    }

    .medium-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .medium-offset-4 {
        margin-left: 33.33333%
    }

    .medium-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-offset-5 {
        margin-left: 41.66667%
    }

    .medium-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .medium-offset-6 {
        margin-left: 50%
    }

    .medium-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .medium-offset-7 {
        margin-left: 58.33333%
    }

    .medium-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .medium-offset-8 {
        margin-left: 66.66667%
    }

    .medium-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .medium-offset-9 {
        margin-left: 75%
    }

    .medium-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .medium-offset-10 {
        margin-left: 83.33333%
    }

    .medium-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium-offset-11 {
        margin-left: 91.66667%
    }

    .medium-up-1 {
        flex-wrap: wrap
    }

    .medium-up-1 > .column,
    .medium-up-1 > .columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .medium-up-2 {
        flex-wrap: wrap
    }

    .medium-up-2 > .column,
    .medium-up-2 > .columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .medium-up-3 {
        flex-wrap: wrap
    }

    .medium-up-3 > .column,
    .medium-up-3 > .columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .medium-up-4 {
        flex-wrap: wrap
    }

    .medium-up-4 > .column,
    .medium-up-4 > .columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .medium-up-5 {
        flex-wrap: wrap
    }

    .medium-up-5 > .column,
    .medium-up-5 > .columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .medium-up-6 {
        flex-wrap: wrap
    }

    .medium-up-6 > .column,
    .medium-up-6 > .columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .medium-up-7 {
        flex-wrap: wrap
    }

    .medium-up-7 > .column,
    .medium-up-7 > .columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .medium-up-8 {
        flex-wrap: wrap
    }

    .medium-up-8 > .column,
    .medium-up-8 > .columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width:48em) and (min-width:48em) {
    .medium-expand {
        flex: 1 1 0px
    }
}

.row.medium-unstack > .column,
.row.medium-unstack > .columns {
    flex: 0 0 100%
}

@media print,
screen and (min-width:48em) {

    .row.medium-unstack > .column,
    .row.medium-unstack > .columns {
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:48em) {

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

    .medium-uncollapse > .column,
    .medium-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media print,
screen and (min-width:64em) {
    .large-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .large-offset-0 {
        margin-left: 0
    }

    .large-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .large-offset-1 {
        margin-left: 8.33333%
    }

    .large-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-offset-2 {
        margin-left: 16.66667%
    }

    .large-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .large-offset-3 {
        margin-left: 25%
    }

    .large-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .large-offset-4 {
        margin-left: 33.33333%
    }

    .large-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-offset-5 {
        margin-left: 41.66667%
    }

    .large-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .large-offset-6 {
        margin-left: 50%
    }

    .large-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .large-offset-7 {
        margin-left: 58.33333%
    }

    .large-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .large-offset-8 {
        margin-left: 66.66667%
    }

    .large-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .large-offset-9 {
        margin-left: 75%
    }

    .large-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .large-offset-10 {
        margin-left: 83.33333%
    }

    .large-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .large-offset-11 {
        margin-left: 91.66667%
    }

    .large-up-1 {
        flex-wrap: wrap
    }

    .large-up-1 > .column,
    .large-up-1 > .columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .large-up-2 {
        flex-wrap: wrap
    }

    .large-up-2 > .column,
    .large-up-2 > .columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .large-up-3 {
        flex-wrap: wrap
    }

    .large-up-3 > .column,
    .large-up-3 > .columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .large-up-4 {
        flex-wrap: wrap
    }

    .large-up-4 > .column,
    .large-up-4 > .columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .large-up-5 {
        flex-wrap: wrap
    }

    .large-up-5 > .column,
    .large-up-5 > .columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .large-up-6 {
        flex-wrap: wrap
    }

    .large-up-6 > .column,
    .large-up-6 > .columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .large-up-7 {
        flex-wrap: wrap
    }

    .large-up-7 > .column,
    .large-up-7 > .columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .large-up-8 {
        flex-wrap: wrap
    }

    .large-up-8 > .column,
    .large-up-8 > .columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) {
    .large-expand {
        flex: 1 1 0px
    }
}

.row.large-unstack > .column,
.row.large-unstack > .columns {
    flex: 0 0 100%
}

@media print,
screen and (min-width:64em) {

    .row.large-unstack > .column,
    .row.large-unstack > .columns {
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:64em) {

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

    .large-uncollapse > .column,
    .large-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media screen and (min-width:80em) {
    .xlarge-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .xlarge-offset-0 {
        margin-left: 0
    }

    .xlarge-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xlarge-offset-1 {
        margin-left: 8.33333%
    }

    .xlarge-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xlarge-offset-2 {
        margin-left: 16.66667%
    }

    .xlarge-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xlarge-offset-3 {
        margin-left: 25%
    }

    .xlarge-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .xlarge-offset-4 {
        margin-left: 33.33333%
    }

    .xlarge-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xlarge-offset-5 {
        margin-left: 41.66667%
    }

    .xlarge-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .xlarge-offset-6 {
        margin-left: 50%
    }

    .xlarge-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .xlarge-offset-7 {
        margin-left: 58.33333%
    }

    .xlarge-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .xlarge-offset-8 {
        margin-left: 66.66667%
    }

    .xlarge-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .xlarge-offset-9 {
        margin-left: 75%
    }

    .xlarge-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .xlarge-offset-10 {
        margin-left: 83.33333%
    }

    .xlarge-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xlarge-offset-11 {
        margin-left: 91.66667%
    }

    .xlarge-up-1 {
        flex-wrap: wrap
    }

    .xlarge-up-1 > .column,
    .xlarge-up-1 > .columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xlarge-up-2 {
        flex-wrap: wrap
    }

    .xlarge-up-2 > .column,
    .xlarge-up-2 > .columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xlarge-up-3 {
        flex-wrap: wrap
    }

    .xlarge-up-3 > .column,
    .xlarge-up-3 > .columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xlarge-up-4 {
        flex-wrap: wrap
    }

    .xlarge-up-4 > .column,
    .xlarge-up-4 > .columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xlarge-up-5 {
        flex-wrap: wrap
    }

    .xlarge-up-5 > .column,
    .xlarge-up-5 > .columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .xlarge-up-6 {
        flex-wrap: wrap
    }

    .xlarge-up-6 > .column,
    .xlarge-up-6 > .columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xlarge-up-7 {
        flex-wrap: wrap
    }

    .xlarge-up-7 > .column,
    .xlarge-up-7 > .columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .xlarge-up-8 {
        flex-wrap: wrap
    }

    .xlarge-up-8 > .column,
    .xlarge-up-8 > .columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width:80em) and (min-width:80em) {
    .xlarge-expand {
        flex: 1 1 0px
    }
}

.row.xlarge-unstack > .column,
.row.xlarge-unstack > .columns {
    flex: 0 0 100%
}

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

    .row.xlarge-unstack > .column,
    .row.xlarge-unstack > .columns {
        flex: 1 1 0px
    }
}

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

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

    .xlarge-uncollapse > .column,
    .xlarge-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media screen and (min-width:90em) {
    .xxlarge-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .xxlarge-offset-0 {
        margin-left: 0
    }

    .xxlarge-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xxlarge-offset-1 {
        margin-left: 8.33333%
    }

    .xxlarge-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxlarge-offset-2 {
        margin-left: 16.66667%
    }

    .xxlarge-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xxlarge-offset-3 {
        margin-left: 25%
    }

    .xxlarge-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .xxlarge-offset-4 {
        margin-left: 33.33333%
    }

    .xxlarge-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxlarge-offset-5 {
        margin-left: 41.66667%
    }

    .xxlarge-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .xxlarge-offset-6 {
        margin-left: 50%
    }

    .xxlarge-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .xxlarge-offset-7 {
        margin-left: 58.33333%
    }

    .xxlarge-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .xxlarge-offset-8 {
        margin-left: 66.66667%
    }

    .xxlarge-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .xxlarge-offset-9 {
        margin-left: 75%
    }

    .xxlarge-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .xxlarge-offset-10 {
        margin-left: 83.33333%
    }

    .xxlarge-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxlarge-offset-11 {
        margin-left: 91.66667%
    }

    .xxlarge-up-1 {
        flex-wrap: wrap
    }

    .xxlarge-up-1 > .column,
    .xxlarge-up-1 > .columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxlarge-up-2 {
        flex-wrap: wrap
    }

    .xxlarge-up-2 > .column,
    .xxlarge-up-2 > .columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxlarge-up-3 {
        flex-wrap: wrap
    }

    .xxlarge-up-3 > .column,
    .xxlarge-up-3 > .columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xxlarge-up-4 {
        flex-wrap: wrap
    }

    .xxlarge-up-4 > .column,
    .xxlarge-up-4 > .columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxlarge-up-5 {
        flex-wrap: wrap
    }

    .xxlarge-up-5 > .column,
    .xxlarge-up-5 > .columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .xxlarge-up-6 {
        flex-wrap: wrap
    }

    .xxlarge-up-6 > .column,
    .xxlarge-up-6 > .columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xxlarge-up-7 {
        flex-wrap: wrap
    }

    .xxlarge-up-7 > .column,
    .xxlarge-up-7 > .columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .xxlarge-up-8 {
        flex-wrap: wrap
    }

    .xxlarge-up-8 > .column,
    .xxlarge-up-8 > .columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width:90em) and (min-width:90em) {
    .xxlarge-expand {
        flex: 1 1 0px
    }
}

.row.xxlarge-unstack > .column,
.row.xxlarge-unstack > .columns {
    flex: 0 0 100%
}

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

    .row.xxlarge-unstack > .column,
    .row.xxlarge-unstack > .columns {
        flex: 1 1 0px
    }
}

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

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

    .xxlarge-uncollapse > .column,
    .xxlarge-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media screen and (min-width:100em) {
    .xxxlarge-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .xxxlarge-offset-0 {
        margin-left: 0
    }

    .xxxlarge-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xxxlarge-offset-1 {
        margin-left: 8.33333%
    }

    .xxxlarge-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxxlarge-offset-2 {
        margin-left: 16.66667%
    }

    .xxxlarge-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xxxlarge-offset-3 {
        margin-left: 25%
    }

    .xxxlarge-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .xxxlarge-offset-4 {
        margin-left: 33.33333%
    }

    .xxxlarge-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxxlarge-offset-5 {
        margin-left: 41.66667%
    }

    .xxxlarge-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .xxxlarge-offset-6 {
        margin-left: 50%
    }

    .xxxlarge-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .xxxlarge-offset-7 {
        margin-left: 58.33333%
    }

    .xxxlarge-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .xxxlarge-offset-8 {
        margin-left: 66.66667%
    }

    .xxxlarge-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .xxxlarge-offset-9 {
        margin-left: 75%
    }

    .xxxlarge-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .xxxlarge-offset-10 {
        margin-left: 83.33333%
    }

    .xxxlarge-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxxlarge-offset-11 {
        margin-left: 91.66667%
    }

    .xxxlarge-up-1 {
        flex-wrap: wrap
    }

    .xxxlarge-up-1 > .column,
    .xxxlarge-up-1 > .columns {
        flex: 0 0 100%;
        max-width: 100%
    }

    .xxxlarge-up-2 {
        flex-wrap: wrap
    }

    .xxxlarge-up-2 > .column,
    .xxxlarge-up-2 > .columns {
        flex: 0 0 50%;
        max-width: 50%
    }

    .xxxlarge-up-3 {
        flex-wrap: wrap
    }

    .xxxlarge-up-3 > .column,
    .xxxlarge-up-3 > .columns {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .xxxlarge-up-4 {
        flex-wrap: wrap
    }

    .xxxlarge-up-4 > .column,
    .xxxlarge-up-4 > .columns {
        flex: 0 0 25%;
        max-width: 25%
    }

    .xxxlarge-up-5 {
        flex-wrap: wrap
    }

    .xxxlarge-up-5 > .column,
    .xxxlarge-up-5 > .columns {
        flex: 0 0 20%;
        max-width: 20%
    }

    .xxxlarge-up-6 {
        flex-wrap: wrap
    }

    .xxxlarge-up-6 > .column,
    .xxxlarge-up-6 > .columns {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .xxxlarge-up-7 {
        flex-wrap: wrap
    }

    .xxxlarge-up-7 > .column,
    .xxxlarge-up-7 > .columns {
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .xxxlarge-up-8 {
        flex-wrap: wrap
    }

    .xxxlarge-up-8 > .column,
    .xxxlarge-up-8 > .columns {
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media screen and (min-width:100em) and (min-width:100em) {
    .xxxlarge-expand {
        flex: 1 1 0px
    }
}

.row.xxxlarge-unstack > .column,
.row.xxxlarge-unstack > .columns {
    flex: 0 0 100%
}

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

    .row.xxxlarge-unstack > .column,
    .row.xxxlarge-unstack > .columns {
        flex: 1 1 0px
    }
}

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

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

    .xxxlarge-uncollapse > .column,
    .xxxlarge-uncollapse > .columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.shrink {
    flex: 0 0 auto;
    max-width: 100%
}

.column-block {
    margin-bottom: 1.25rem
}

.column-block > :last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:48em) {
    .column-block {
        margin-bottom: 1.875rem
    }

    .column-block > :last-child {
        margin-bottom: 0
    }
}

.button {
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: .9rem;
    line-height: 1;
    margin: 0 0 1rem;
    padding: .85em 1em;
    text-align: center;
    transition: background-color .25s ease-out, color .25s ease-out;
    vertical-align: middle
}

[data-whatinput=mouse] .button {
    outline: 0
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.button,
.button.disabled,
.button.disabled:focus,
.button.disabled:hover,
.button[disabled],
.button[disabled]:focus,
.button[disabled]:hover {
    background-color: #0063a6;
    color: #fefefe
}

.button:focus,
.button:hover {
    background-color: #00548d;
    color: #fefefe
}

.button.primary,
.button.primary.disabled,
.button.primary.disabled:focus,
.button.primary.disabled:hover,
.button.primary[disabled],
.button.primary[disabled]:focus,
.button.primary[disabled]:hover {
    background-color: #0063a6;
    color: #fefefe
}

.button.primary:focus,
.button.primary:hover {
    background-color: #004f85;
    color: #fefefe
}

.button.secondary,
.button.secondary.disabled,
.button.secondary.disabled:focus,
.button.secondary.disabled:hover,
.button.secondary[disabled],
.button.secondary[disabled]:focus,
.button.secondary[disabled]:hover {
    background-color: #737373;
    color: #fefefe
}

.button.secondary:focus,
.button.secondary:hover {
    background-color: #5c5c5c;
    color: #fefefe
}

.button.success,
.button.success.disabled,
.button.success.disabled:focus,
.button.success.disabled:hover,
.button.success[disabled],
.button.success[disabled]:focus,
.button.success[disabled]:hover {
    background-color: #3adb76;
    color: #0a0a0a
}

.button.success:focus,
.button.success:hover {
    background-color: #22bb5b;
    color: #0a0a0a
}

.button.warning,
.button.warning.disabled,
.button.warning.disabled:focus,
.button.warning.disabled:hover,
.button.warning[disabled],
.button.warning[disabled]:focus,
.button.warning[disabled]:hover {
    background-color: #ffae00;
    color: #0a0a0a
}

.button.warning:focus,
.button.warning:hover {
    background-color: #cc8b00;
    color: #0a0a0a
}

.button.alert,
.button.alert.disabled,
.button.alert.disabled:focus,
.button.alert.disabled:hover,
.button.alert[disabled],
.button.alert[disabled]:focus,
.button.alert[disabled]:hover {
    background-color: #cc4b37;
    color: #fefefe
}

.button.alert:focus,
.button.alert:hover {
    background-color: #a53b2a;
    color: #fefefe
}

.button.hollow,
.button.hollow.disabled,
.button.hollow.disabled:focus,
.button.hollow.disabled:hover,
.button.hollow:focus,
.button.hollow:hover,
.button.hollow[disabled],
.button.hollow[disabled]:focus,
.button.hollow[disabled]:hover {
    background-color: transparent
}

.button.hollow,
.button.hollow.disabled,
.button.hollow.disabled:focus,
.button.hollow.disabled:hover,
.button.hollow[disabled],
.button.hollow[disabled]:focus,
.button.hollow[disabled]:hover {
    border: 1px solid #0063a6;
    color: #0063a6
}

.button.hollow:focus,
.button.hollow:hover {
    border-color: #003253;
    color: #003253
}

.button.hollow.primary,
.button.hollow.primary.disabled,
.button.hollow.primary.disabled:focus,
.button.hollow.primary.disabled:hover,
.button.hollow.primary[disabled],
.button.hollow.primary[disabled]:focus,
.button.hollow.primary[disabled]:hover {
    border: 1px solid #0063a6;
    color: #0063a6
}

.button.hollow.primary:focus,
.button.hollow.primary:hover {
    border-color: #003253;
    color: #003253
}

.button.hollow.secondary,
.button.hollow.secondary.disabled,
.button.hollow.secondary.disabled:focus,
.button.hollow.secondary.disabled:hover,
.button.hollow.secondary[disabled],
.button.hollow.secondary[disabled]:focus,
.button.hollow.secondary[disabled]:hover {
    border: 1px solid #737373;
    color: #737373
}

.button.hollow.secondary:focus,
.button.hollow.secondary:hover {
    border-color: #3a3a3a;
    color: #3a3a3a
}

.button.hollow.success,
.button.hollow.success.disabled,
.button.hollow.success.disabled:focus,
.button.hollow.success.disabled:hover,
.button.hollow.success[disabled],
.button.hollow.success[disabled]:focus,
.button.hollow.success[disabled]:hover {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.success:focus,
.button.hollow.success:hover {
    border-color: #157539;
    color: #157539
}

.button.hollow.warning,
.button.hollow.warning.disabled,
.button.hollow.warning.disabled:focus,
.button.hollow.warning.disabled:hover,
.button.hollow.warning[disabled],
.button.hollow.warning[disabled]:focus,
.button.hollow.warning[disabled]:hover {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:focus,
.button.hollow.warning:hover {
    border-color: #805700;
    color: #805700
}

.button.hollow.alert,
.button.hollow.alert.disabled,
.button.hollow.alert.disabled:focus,
.button.hollow.alert.disabled:hover,
.button.hollow.alert[disabled],
.button.hollow.alert[disabled]:focus,
.button.hollow.alert[disabled]:hover {
    border: 1px solid #cc4b37;
    color: #cc4b37
}

.button.hollow.alert:focus,
.button.hollow.alert:hover {
    border-color: #67251a;
    color: #67251a
}

.button.clear,
.button.clear.disabled,
.button.clear.disabled:focus,
.button.clear.disabled:hover,
.button.clear:focus,
.button.clear:hover,
.button.clear[disabled],
.button.clear[disabled]:focus,
.button.clear[disabled]:hover {
    background-color: transparent;
    border-color: transparent
}

.button.clear,
.button.clear.disabled,
.button.clear.disabled:focus,
.button.clear.disabled:hover,
.button.clear[disabled],
.button.clear[disabled]:focus,
.button.clear[disabled]:hover {
    color: #0063a6
}

.button.clear:focus,
.button.clear:hover {
    color: #003253
}

.button.clear.primary,
.button.clear.primary.disabled,
.button.clear.primary.disabled:focus,
.button.clear.primary.disabled:hover,
.button.clear.primary[disabled],
.button.clear.primary[disabled]:focus,
.button.clear.primary[disabled]:hover {
    color: #0063a6
}

.button.clear.primary:focus,
.button.clear.primary:hover {
    color: #003253
}

.button.clear.secondary,
.button.clear.secondary.disabled,
.button.clear.secondary.disabled:focus,
.button.clear.secondary.disabled:hover,
.button.clear.secondary[disabled],
.button.clear.secondary[disabled]:focus,
.button.clear.secondary[disabled]:hover {
    color: #737373
}

.button.clear.secondary:focus,
.button.clear.secondary:hover {
    color: #3a3a3a
}

.button.clear.success,
.button.clear.success.disabled,
.button.clear.success.disabled:focus,
.button.clear.success.disabled:hover,
.button.clear.success[disabled],
.button.clear.success[disabled]:focus,
.button.clear.success[disabled]:hover {
    color: #3adb76
}

.button.clear.success:focus,
.button.clear.success:hover {
    color: #157539
}

.button.clear.warning,
.button.clear.warning.disabled,
.button.clear.warning.disabled:focus,
.button.clear.warning.disabled:hover,
.button.clear.warning[disabled],
.button.clear.warning[disabled]:focus,
.button.clear.warning[disabled]:hover {
    color: #ffae00
}

.button.clear.warning:focus,
.button.clear.warning:hover {
    color: #805700
}

.button.clear.alert,
.button.clear.alert.disabled,
.button.clear.alert.disabled:focus,
.button.clear.alert.disabled:hover,
.button.clear.alert[disabled],
.button.clear.alert[disabled]:focus,
.button.clear.alert[disabled]:hover {
    color: #cc4b37
}

.button.clear.alert:focus,
.button.clear.alert:hover {
    color: #67251a
}

.button.disabled,
.button[disabled] {
    cursor: not-allowed;
    opacity: .25
}

.button.dropdown:after {
    border-color: #fefefe transparent transparent;
    border-style: solid inset inset;
    border-width: .4em .4em 0;
    content: "";
    display: block;
    display: inline-block;
    float: right;
    height: 0;
    margin-left: 1em;
    position: relative;
    top: .4em;
    width: 0
}

.button.dropdown.clear:after,
.button.dropdown.hollow:after {
    border-top-color: #0063a6
}

.button.dropdown.clear.primary:after,
.button.dropdown.hollow.primary:after {
    border-top-color: #0063a6
}

.button.dropdown.clear.secondary:after,
.button.dropdown.hollow.secondary:after {
    border-top-color: #737373
}

.button.dropdown.clear.success:after,
.button.dropdown.hollow.success:after {
    border-top-color: #3adb76
}

.button.dropdown.clear.warning:after,
.button.dropdown.hollow.warning:after {
    border-top-color: #ffae00
}

.button.dropdown.clear.alert:after,
.button.dropdown.hollow.alert:after {
    border-top-color: #cc4b37
}

.button.arrow-only:after {
    float: none;
    margin-left: 0;
    top: -.1em
}

a.button:focus,
a.button:hover {
    text-decoration: none
}

.button-group {
    align-items: stretch;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    margin-bottom: 1rem
}

.button-group:after,
.button-group:before {
    content: " ";
    display: table;
    flex-basis: 0;
    order: 1
}

.button-group:after {
    clear: both
}

.button-group:after,
.button-group:before {
    display: none
}

.button-group .button {
    flex: 0 0 auto;
    font-size: .9rem;
    margin: 0 1px 1px 0
}

.button-group .button:last-child {
    margin-right: 0
}

.button-group.tiny .button {
    font-size: .6rem
}

.button-group.small .button {
    font-size: .75rem
}

.button-group.large .button {
    font-size: 1.25rem
}

.button-group.expanded .button {
    flex: 1 1 0px;
    margin-right: 0
}

.button-group.primary .button,
.button-group.primary .button.disabled,
.button-group.primary .button.disabled:focus,
.button-group.primary .button.disabled:hover,
.button-group.primary .button[disabled],
.button-group.primary .button[disabled]:focus,
.button-group.primary .button[disabled]:hover {
    background-color: #0063a6;
    color: #fefefe
}

.button-group.primary .button:focus,
.button-group.primary .button:hover {
    background-color: #004f85;
    color: #fefefe
}

.button-group.secondary .button,
.button-group.secondary .button.disabled,
.button-group.secondary .button.disabled:focus,
.button-group.secondary .button.disabled:hover,
.button-group.secondary .button[disabled],
.button-group.secondary .button[disabled]:focus,
.button-group.secondary .button[disabled]:hover {
    background-color: #737373;
    color: #fefefe
}

.button-group.secondary .button:focus,
.button-group.secondary .button:hover {
    background-color: #5c5c5c;
    color: #fefefe
}

.button-group.success .button,
.button-group.success .button.disabled,
.button-group.success .button.disabled:focus,
.button-group.success .button.disabled:hover,
.button-group.success .button[disabled],
.button-group.success .button[disabled]:focus,
.button-group.success .button[disabled]:hover {
    background-color: #3adb76;
    color: #0a0a0a
}

.button-group.success .button:focus,
.button-group.success .button:hover {
    background-color: #22bb5b;
    color: #0a0a0a
}

.button-group.warning .button,
.button-group.warning .button.disabled,
.button-group.warning .button.disabled:focus,
.button-group.warning .button.disabled:hover,
.button-group.warning .button[disabled],
.button-group.warning .button[disabled]:focus,
.button-group.warning .button[disabled]:hover {
    background-color: #ffae00;
    color: #0a0a0a
}

.button-group.warning .button:focus,
.button-group.warning .button:hover {
    background-color: #cc8b00;
    color: #0a0a0a
}

.button-group.alert .button,
.button-group.alert .button.disabled,
.button-group.alert .button.disabled:focus,
.button-group.alert .button.disabled:hover,
.button-group.alert .button[disabled],
.button-group.alert .button[disabled]:focus,
.button-group.alert .button[disabled]:hover {
    background-color: #cc4b37;
    color: #fefefe
}

.button-group.alert .button:focus,
.button-group.alert .button:hover {
    background-color: #a53b2a;
    color: #fefefe
}

.button-group.hollow .button,
.button-group.hollow .button.disabled,
.button-group.hollow .button.disabled:focus,
.button-group.hollow .button.disabled:hover,
.button-group.hollow .button:focus,
.button-group.hollow .button:hover,
.button-group.hollow .button[disabled],
.button-group.hollow .button[disabled]:focus,
.button-group.hollow .button[disabled]:hover {
    background-color: transparent
}

.button-group.hollow .button,
.button-group.hollow .button.disabled,
.button-group.hollow .button.disabled:focus,
.button-group.hollow .button.disabled:hover,
.button-group.hollow .button[disabled],
.button-group.hollow .button[disabled]:focus,
.button-group.hollow .button[disabled]:hover {
    border: 1px solid #0063a6;
    color: #0063a6
}

.button-group.hollow .button:focus,
.button-group.hollow .button:hover {
    border-color: #003253;
    color: #003253
}

.button-group.hollow .button.primary,
.button-group.hollow .button.primary.disabled,
.button-group.hollow .button.primary.disabled:focus,
.button-group.hollow .button.primary.disabled:hover,
.button-group.hollow .button.primary[disabled],
.button-group.hollow .button.primary[disabled]:focus,
.button-group.hollow .button.primary[disabled]:hover,
.button-group.hollow.primary .button,
.button-group.hollow.primary .button.disabled,
.button-group.hollow.primary .button.disabled:focus,
.button-group.hollow.primary .button.disabled:hover,
.button-group.hollow.primary .button[disabled],
.button-group.hollow.primary .button[disabled]:focus,
.button-group.hollow.primary .button[disabled]:hover {
    border: 1px solid #0063a6;
    color: #0063a6
}

.button-group.hollow .button.primary:focus,
.button-group.hollow .button.primary:hover,
.button-group.hollow.primary .button:focus,
.button-group.hollow.primary .button:hover {
    border-color: #003253;
    color: #003253
}

.button-group.hollow .button.secondary,
.button-group.hollow .button.secondary.disabled,
.button-group.hollow .button.secondary.disabled:focus,
.button-group.hollow .button.secondary.disabled:hover,
.button-group.hollow .button.secondary[disabled],
.button-group.hollow .button.secondary[disabled]:focus,
.button-group.hollow .button.secondary[disabled]:hover,
.button-group.hollow.secondary .button,
.button-group.hollow.secondary .button.disabled,
.button-group.hollow.secondary .button.disabled:focus,
.button-group.hollow.secondary .button.disabled:hover,
.button-group.hollow.secondary .button[disabled],
.button-group.hollow.secondary .button[disabled]:focus,
.button-group.hollow.secondary .button[disabled]:hover {
    border: 1px solid #737373;
    color: #737373
}

.button-group.hollow .button.secondary:focus,
.button-group.hollow .button.secondary:hover,
.button-group.hollow.secondary .button:focus,
.button-group.hollow.secondary .button:hover {
    border-color: #3a3a3a;
    color: #3a3a3a
}

.button-group.hollow .button.success,
.button-group.hollow .button.success.disabled,
.button-group.hollow .button.success.disabled:focus,
.button-group.hollow .button.success.disabled:hover,
.button-group.hollow .button.success[disabled],
.button-group.hollow .button.success[disabled]:focus,
.button-group.hollow .button.success[disabled]:hover,
.button-group.hollow.success .button,
.button-group.hollow.success .button.disabled,
.button-group.hollow.success .button.disabled:focus,
.button-group.hollow.success .button.disabled:hover,
.button-group.hollow.success .button[disabled],
.button-group.hollow.success .button[disabled]:focus,
.button-group.hollow.success .button[disabled]:hover {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button-group.hollow .button.success:focus,
.button-group.hollow .button.success:hover,
.button-group.hollow.success .button:focus,
.button-group.hollow.success .button:hover {
    border-color: #157539;
    color: #157539
}

.button-group.hollow .button.warning,
.button-group.hollow .button.warning.disabled,
.button-group.hollow .button.warning.disabled:focus,
.button-group.hollow .button.warning.disabled:hover,
.button-group.hollow .button.warning[disabled],
.button-group.hollow .button.warning[disabled]:focus,
.button-group.hollow .button.warning[disabled]:hover,
.button-group.hollow.warning .button,
.button-group.hollow.warning .button.disabled,
.button-group.hollow.warning .button.disabled:focus,
.button-group.hollow.warning .button.disabled:hover,
.button-group.hollow.warning .button[disabled],
.button-group.hollow.warning .button[disabled]:focus,
.button-group.hollow.warning .button[disabled]:hover {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button-group.hollow .button.warning:focus,
.button-group.hollow .button.warning:hover,
.button-group.hollow.warning .button:focus,
.button-group.hollow.warning .button:hover {
    border-color: #805700;
    color: #805700
}

.button-group.hollow.alert .button,
.button-group.hollow.alert .button.disabled,
.button-group.hollow.alert .button.disabled:focus,
.button-group.hollow.alert .button.disabled:hover,
.button-group.hollow.alert .button[disabled],
.button-group.hollow.alert .button[disabled]:focus,
.button-group.hollow.alert .button[disabled]:hover,
.button-group.hollow .button.alert,
.button-group.hollow .button.alert.disabled,
.button-group.hollow .button.alert.disabled:focus,
.button-group.hollow .button.alert.disabled:hover,
.button-group.hollow .button.alert[disabled],
.button-group.hollow .button.alert[disabled]:focus,
.button-group.hollow .button.alert[disabled]:hover {
    border: 1px solid #cc4b37;
    color: #cc4b37
}

.button-group.hollow.alert .button:focus,
.button-group.hollow.alert .button:hover,
.button-group.hollow .button.alert:focus,
.button-group.hollow .button.alert:hover {
    border-color: #67251a;
    color: #67251a
}

.button-group.clear .button,
.button-group.clear .button.disabled,
.button-group.clear .button.disabled:focus,
.button-group.clear .button.disabled:hover,
.button-group.clear .button:focus,
.button-group.clear .button:hover,
.button-group.clear .button[disabled],
.button-group.clear .button[disabled]:focus,
.button-group.clear .button[disabled]:hover {
    background-color: transparent;
    border-color: transparent
}

.button-group.clear .button,
.button-group.clear .button.disabled,
.button-group.clear .button.disabled:focus,
.button-group.clear .button.disabled:hover,
.button-group.clear .button[disabled],
.button-group.clear .button[disabled]:focus,
.button-group.clear .button[disabled]:hover {
    color: #0063a6
}

.button-group.clear .button:focus,
.button-group.clear .button:hover {
    color: #003253
}

.button-group.clear .button.primary,
.button-group.clear .button.primary.disabled,
.button-group.clear .button.primary.disabled:focus,
.button-group.clear .button.primary.disabled:hover,
.button-group.clear .button.primary[disabled],
.button-group.clear .button.primary[disabled]:focus,
.button-group.clear .button.primary[disabled]:hover,
.button-group.clear.primary .button,
.button-group.clear.primary .button.disabled,
.button-group.clear.primary .button.disabled:focus,
.button-group.clear.primary .button.disabled:hover,
.button-group.clear.primary .button[disabled],
.button-group.clear.primary .button[disabled]:focus,
.button-group.clear.primary .button[disabled]:hover {
    color: #0063a6
}

.button-group.clear .button.primary:focus,
.button-group.clear .button.primary:hover,
.button-group.clear.primary .button:focus,
.button-group.clear.primary .button:hover {
    color: #003253
}

.button-group.clear .button.secondary,
.button-group.clear .button.secondary.disabled,
.button-group.clear .button.secondary.disabled:focus,
.button-group.clear .button.secondary.disabled:hover,
.button-group.clear .button.secondary[disabled],
.button-group.clear .button.secondary[disabled]:focus,
.button-group.clear .button.secondary[disabled]:hover,
.button-group.clear.secondary .button,
.button-group.clear.secondary .button.disabled,
.button-group.clear.secondary .button.disabled:focus,
.button-group.clear.secondary .button.disabled:hover,
.button-group.clear.secondary .button[disabled],
.button-group.clear.secondary .button[disabled]:focus,
.button-group.clear.secondary .button[disabled]:hover {
    color: #737373
}

.button-group.clear .button.secondary:focus,
.button-group.clear .button.secondary:hover,
.button-group.clear.secondary .button:focus,
.button-group.clear.secondary .button:hover {
    color: #3a3a3a
}

.button-group.clear .button.success,
.button-group.clear .button.success.disabled,
.button-group.clear .button.success.disabled:focus,
.button-group.clear .button.success.disabled:hover,
.button-group.clear .button.success[disabled],
.button-group.clear .button.success[disabled]:focus,
.button-group.clear .button.success[disabled]:hover,
.button-group.clear.success .button,
.button-group.clear.success .button.disabled,
.button-group.clear.success .button.disabled:focus,
.button-group.clear.success .button.disabled:hover,
.button-group.clear.success .button[disabled],
.button-group.clear.success .button[disabled]:focus,
.button-group.clear.success .button[disabled]:hover {
    color: #3adb76
}

.button-group.clear .button.success:focus,
.button-group.clear .button.success:hover,
.button-group.clear.success .button:focus,
.button-group.clear.success .button:hover {
    color: #157539
}

.button-group.clear .button.warning,
.button-group.clear .button.warning.disabled,
.button-group.clear .button.warning.disabled:focus,
.button-group.clear .button.warning.disabled:hover,
.button-group.clear .button.warning[disabled],
.button-group.clear .button.warning[disabled]:focus,
.button-group.clear .button.warning[disabled]:hover,
.button-group.clear.warning .button,
.button-group.clear.warning .button.disabled,
.button-group.clear.warning .button.disabled:focus,
.button-group.clear.warning .button.disabled:hover,
.button-group.clear.warning .button[disabled],
.button-group.clear.warning .button[disabled]:focus,
.button-group.clear.warning .button[disabled]:hover {
    color: #ffae00
}

.button-group.clear .button.warning:focus,
.button-group.clear .button.warning:hover,
.button-group.clear.warning .button:focus,
.button-group.clear.warning .button:hover {
    color: #805700
}

.button-group.clear.alert .button,
.button-group.clear.alert .button.disabled,
.button-group.clear.alert .button.disabled:focus,
.button-group.clear.alert .button.disabled:hover,
.button-group.clear.alert .button[disabled],
.button-group.clear.alert .button[disabled]:focus,
.button-group.clear.alert .button[disabled]:hover,
.button-group.clear .button.alert,
.button-group.clear .button.alert.disabled,
.button-group.clear .button.alert.disabled:focus,
.button-group.clear .button.alert.disabled:hover,
.button-group.clear .button.alert[disabled],
.button-group.clear .button.alert[disabled]:focus,
.button-group.clear .button.alert[disabled]:hover {
    color: #cc4b37
}

.button-group.clear.alert .button:focus,
.button-group.clear.alert .button:hover,
.button-group.clear .button.alert:focus,
.button-group.clear .button.alert:hover {
    color: #67251a
}

.button-group.no-gaps .button {
    margin-right: -.0625rem
}

.button-group.no-gaps .button + .button {
    border-left-color: transparent
}

.button-group.stacked,
.button-group.stacked-for-medium,
.button-group.stacked-for-small {
    flex-wrap: wrap
}

.button-group.stacked-for-medium .button,
.button-group.stacked-for-small .button,
.button-group.stacked .button {
    flex: 0 0 100%
}

.button-group.stacked-for-medium .button:last-child,
.button-group.stacked-for-small .button:last-child,
.button-group.stacked .button:last-child {
    margin-bottom: 0
}

.button-group.stacked-for-medium.expanded .button,
.button-group.stacked-for-small.expanded .button,
.button-group.stacked.expanded .button {
    flex: 1 1 0px;
    margin-right: 0
}

@media print,
screen and (min-width:48em) {
    .button-group.stacked-for-small .button {
        flex: 0 0 auto;
        margin-bottom: 0
    }
}

@media print,
screen and (min-width:64em) {
    .button-group.stacked-for-medium .button {
        flex: 0 0 auto;
        margin-bottom: 0
    }
}

@media print,
screen and (max-width:47.99875em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }

    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0
    }
}

@media print,
screen and (max-width:63.99875em) {
    .button-group.stacked-for-medium.expanded {
        display: block
    }

    .button-group.stacked-for-medium.expanded .button {
        display: block;
        margin-right: 0
    }
}

.close-button {
    color: #8a8a8a;
    cursor: pointer;
    position: absolute;
    z-index: 10
}

[data-whatinput=mouse] .close-button {
    outline: 0
}

.close-button:focus,
.close-button:hover {
    color: #0a0a0a
}

.close-button.small {
    font-size: 1.5em;
    line-height: 1;
    right: .66rem;
    top: .33em
}

.close-button,
.close-button.medium {
    font-size: 2em;
    line-height: 1;
    right: 1rem;
    top: .5rem
}

.label {
    border-radius: 0;
    cursor: default;
    display: inline-block;
    font-size: .8rem;
    line-height: 1;
    padding: .33333rem .5rem;
    white-space: nowrap
}

.label,
.label.primary {
    background: #0063a6;
    color: #fefefe
}

.label.secondary {
    background: #737373;
    color: #fefefe
}

.label.success {
    background: #3adb76;
    color: #0a0a0a
}

.label.warning {
    background: #ffae00;
    color: #0a0a0a
}

.label.alert {
    background: #cc4b37;
    color: #fefefe
}

table {
    border-radius: 0;
    margin-bottom: 1rem;
    width: 100%
}

tbody,
tfoot,
thead {
    background-color: #fefefe;
    border: 1px solid #f1f1f1
}

caption {
    font-weight: 700;
    padding: .5rem .625rem .625rem
}

thead {
    background: #f8f8f8
}

tfoot,
thead {
    color: #5e5e5e
}

tfoot {
    background: #f1f1f1
}

tfoot tr,
thead tr {
    background: transparent
}

tfoot td,
tfoot th,
thead td,
thead th {
    font-weight: 700;
    padding: .5rem .625rem .625rem;
    text-align: left
}

tbody td,
tbody th {
    padding: .5rem .625rem .625rem
}

tbody tr:nth-child(2n) {
    background-color: #f1f1f1;
    border-bottom: 0
}

table.unstriped tbody {
    background-color: #fefefe
}

table.unstriped tbody tr {
    background-color: #fefefe;
    border-bottom: 1px solid #f1f1f1
}

@media print,
screen and (max-width:63.99875em) {

    table.stack tfoot,
    table.stack thead {
        display: none
    }

    table.stack td,
    table.stack th,
    table.stack tr {
        display: block
    }

    table.stack td {
        border-top: 0
    }
}

table.scroll {
    display: block;
    overflow-x: auto;
    width: 100%
}

table.hover thead tr:hover {
    background-color: #f3f3f3
}

table.hover tfoot tr:hover {
    background-color: #ececec
}

table.hover tbody tr:hover {
    background-color: #f9f9f9
}

table.hover:not(.unstriped) tr:nth-of-type(2n):hover {
    background-color: #ececec
}

.table-scroll {
    overflow-x: auto
}

.callout {
    background-color: #fff;
    border: 1px solid rgba(10, 10, 10, .25);
    border-radius: 0;
    color: #5e5e5e;
    margin: 0 0 1rem;
    padding: 1rem;
    position: relative
}

.callout > :first-child {
    margin-top: 0
}

.callout > :last-child {
    margin-bottom: 0
}

.callout.primary {
    background-color: #cbeaff;
    color: #5e5e5e
}

.callout.secondary {
    background-color: #eaeaea;
    color: #5e5e5e
}

.callout.success {
    background-color: #e1faea;
    color: #5e5e5e
}

.callout.warning {
    background-color: #fff3d9;
    color: #5e5e5e
}

.callout.alert {
    background-color: #f7e4e1;
    color: #5e5e5e
}

.callout.small {
    padding: .5rem
}

.callout.large {
    padding: 3rem
}

.card {
    background: #fefefe;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: none;
    color: #5e5e5e;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-bottom: 1rem;
    overflow: hidden
}

.card > :last-child {
    margin-bottom: 0
}

.card-divider {
    background: #e6e6e6;
    display: flex;
    flex: 0 1 auto;
    padding: 1rem
}

.card-divider > :last-child {
    margin-bottom: 0
}

.card-section {
    flex: 1 0 auto;
    padding: 1rem
}

.card-section > :last-child {
    margin-bottom: 0
}

.card-image {
    min-height: 1px
}

.dropdown-pane {
    background-color: #fefefe;
    border: 1px solid #cacaca;
    border-radius: 0;
    display: none;
    font-size: 1rem;
    padding: 1rem;
    position: absolute;
    visibility: hidden;
    width: 300px;
    z-index: 10
}

.dropdown-pane.is-opening {
    display: block
}

.dropdown-pane.is-open {
    display: block;
    visibility: visible
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.pagination {
    margin-bottom: 1rem;
    margin-left: 0
}

.pagination:after,
.pagination:before {
    content: " ";
    display: table;
    flex-basis: 0;
    order: 1
}

.pagination:after {
    clear: both
}

.pagination li {
    border-radius: 0;
    display: none;
    margin-right: .0625rem
}

.pagination li:first-child,
.pagination li:last-child {
    display: inline-block
}

@media print,
screen and (min-width:48em) {
    .pagination li {
        display: inline-block
    }
}

.pagination a,
.pagination button {
    border-radius: 0;
    color: #0a0a0a;
    display: block;
    padding: .1875rem .625rem
}

.pagination a:hover,
.pagination button:hover {
    background: #e6e6e6
}

.pagination .current {
    background: #0063a6;
    color: #fefefe;
    cursor: default;
    padding: .1875rem .625rem
}

.pagination .disabled {
    color: #cacaca;
    cursor: not-allowed;
    padding: .1875rem .625rem
}

.pagination .disabled:hover {
    background: transparent
}

.pagination .ellipsis:after {
    color: #0a0a0a;
    content: "\2026";
    padding: .1875rem .625rem
}

.pagination-previous.disabled:before,
.pagination-previous a:before {
    content: "«";
    display: inline-block;
    margin-right: .5rem
}

.pagination-next.disabled:after,
.pagination-next a:after {
    content: "»";
    display: inline-block;
    margin-left: .5rem
}

.has-tip {
    border-bottom: 1px dotted #8a8a8a;
    cursor: help;
    display: inline-block;
    font-weight: 700;
    position: relative
}

.tooltip {
    background-color: #0a0a0a;
    border-radius: 0;
    color: #fefefe;
    font-size: 80%;
    max-width: 10rem;
    padding: .75rem;
    position: absolute;
    top: calc(100% + .6495rem);
    z-index: 1200
}

.tooltip:before {
    position: absolute
}

.tooltip.bottom:before {
    border-color: transparent transparent #0a0a0a;
    border-style: inset inset solid;
    border-width: 0 .75rem .75rem;
    bottom: 100%;
    content: "";
    display: block;
    height: 0;
    width: 0
}

.tooltip.bottom.align-center:before {
    left: 50%;
    transform: translateX(-50%)
}

.tooltip.top:before {
    border-color: #0a0a0a transparent transparent;
    border-style: solid inset inset;
    border-width: .75rem .75rem 0;
    bottom: auto;
    content: "";
    display: block;
    height: 0;
    top: 100%;
    width: 0
}

.tooltip.top.align-center:before {
    left: 50%;
    transform: translateX(-50%)
}

.tooltip.left:before {
    border-color: transparent transparent transparent #0a0a0a;
    border-style: inset inset inset solid;
    border-width: .75rem 0 .75rem .75rem;
    content: "";
    display: block;
    height: 0;
    left: 100%;
    width: 0
}

.tooltip.left.align-center:before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%)
}

.tooltip.right:before {
    border-color: transparent #0a0a0a transparent transparent;
    border-style: inset solid inset inset;
    border-width: .75rem .75rem .75rem 0;
    content: "";
    display: block;
    height: 0;
    left: auto;
    right: 100%;
    width: 0
}

.tooltip.right.align-center:before {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%)
}

.tooltip.align-top:before {
    bottom: auto;
    top: 10%
}

.tooltip.align-bottom:before {
    bottom: 10%;
    top: auto
}

.tooltip.align-left:before {
    left: 10%;
    right: auto
}

.tooltip.align-right:before {
    left: auto;
    right: 10%
}

.accordion {
    background: #fefefe;
    list-style-type: none;
    margin-left: 0
}

.accordion[disabled] .accordion-title {
    cursor: not-allowed
}

.accordion-item:first-child > :first-child {
    border-radius: 0 0 0 0
}

.accordion-item:last-child > :last-child {
    border-radius: 0 0 0 0
}

.accordion-title {
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    color: #0063a6;
    display: block;
    font-size: .75rem;
    line-height: 1;
    padding: 1.25rem 1rem;
    position: relative
}

:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 0
}

.accordion-title:focus,
.accordion-title:hover {
    background-color: #e6e6e6
}

.accordion-title:before {
    content: "+";
    margin-top: -.5rem;
    position: absolute;
    right: 1rem;
    top: 50%
}

.is-active > .accordion-title:before {
    content: "–"
}

.accordion-content {
    background-color: #fefefe;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    color: #5e5e5e;
    display: none;
    padding: 1rem
}

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6
}

.media-object {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 1rem
}

.media-object img {
    max-width: none
}

@media print,
screen and (max-width:47.99875em) {
    .media-object.stack-for-small {
        flex-wrap: wrap
    }
}

.media-object-section {
    flex: 0 1 auto
}

.media-object-section:first-child {
    padding-right: 1rem
}

.media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem
}

.media-object-section > :last-child {
    margin-bottom: 0
}

@media print,
screen and (max-width:47.99875em) {
    .stack-for-small .media-object-section {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0 0 1rem
    }

    .stack-for-small .media-object-section img {
        width: 100%
    }
}

.media-object-section.main-section {
    flex: 1 1 0px
}

.orbit,
.orbit-container {
    position: relative
}

.orbit-container {
    height: 0;
    list-style: none;
    margin: 0;
    overflow: hidden
}

.orbit-slide {
    position: absolute;
    width: 100%
}

.orbit-slide.no-motionui.is-active {
    left: 0;
    top: 0
}

.orbit-figure {
    margin: 0
}

.orbit-image {
    margin: 0;
    max-width: 100%;
    width: 100%
}

.orbit-caption {
    background-color: rgba(10, 10, 10, .5);
    bottom: 0;
    margin-bottom: 0;
    width: 100%
}

.orbit-caption,
.orbit-next,
.orbit-previous {
    color: #fefefe;
    padding: 1rem;
    position: absolute
}

.orbit-next,
.orbit-previous {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10
}

[data-whatinput=mouse] .orbit-next,
[data-whatinput=mouse] .orbit-previous {
    outline: 0
}

.orbit-next:active,
.orbit-next:focus,
.orbit-next:hover,
.orbit-previous:active,
.orbit-previous:focus,
.orbit-previous:hover {
    background-color: rgba(10, 10, 10, .5)
}

.orbit-previous {
    left: 0
}

.orbit-next {
    left: auto;
    right: 0
}

.orbit-bullets {
    margin-bottom: .8rem;
    margin-top: .8rem;
    position: relative;
    text-align: center
}

[data-whatinput=mouse] .orbit-bullets {
    outline: 0
}

.orbit-bullets button {
    background-color: #cacaca;
    border-radius: 50%;
    height: 1.2rem;
    margin: .1rem;
    width: 1.2rem
}

.orbit-bullets button:hover {
    background-color: #8a8a8a
}

.orbit-bullets button.is-active {
    background-color: #8a8a8a
}

.flex-video,
.responsive-embed {
    height: 0;
    margin-bottom: 1rem;
    overflow: hidden;
    padding-bottom: 75%;
    position: relative
}

.flex-video embed,
.flex-video iframe,
.flex-video object,
.flex-video video,
.responsive-embed embed,
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.flex-video.widescreen,
.responsive-embed.widescreen {
    padding-bottom: 56.25%
}

.tabs {
    background: #fefefe;
    border: 1px solid #e6e6e6;
    list-style-type: none;
    margin: 0
}

.tabs:after,
.tabs:before {
    content: " ";
    display: table;
    flex-basis: 0;
    order: 1
}

.tabs:after {
    clear: both
}

.tabs.vertical > li {
    display: block;
    float: none;
    width: auto
}

.tabs.simple > li > a {
    padding: 0
}

.tabs.simple > li > a:hover {
    background: transparent
}

.tabs.primary {
    background: #0063a6
}

.tabs.primary > li > a {
    color: #fefefe
}

.tabs.primary > li > a:focus,
.tabs.primary > li > a:hover {
    background: #006db7
}

.tabs-title {
    float: left
}

.tabs-title > a {
    color: #0063a6;
    display: block;
    font-size: .75rem;
    line-height: 1;
    padding: 1.25rem 1.5rem
}

[data-whatinput=mouse] .tabs-title > a {
    outline: 0
}

.tabs-title > a:hover {
    background: #fefefe;
    color: #00558f
}

.tabs-title > a:focus,
.tabs-title > a[aria-selected=true] {
    background: #e6e6e6;
    color: #0063a6
}

.tabs-content {
    background: #fefefe;
    border: 1px solid #e6e6e6;
    border-top: 0;
    color: #5e5e5e;
    transition: all .5s ease
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 1rem
}

.tabs-panel.is-active {
    display: block
}

.menu {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

[data-whatinput=mouse] .menu li {
    outline: 0
}

.menu .button,
.menu a {
    display: block;
    line-height: 1;
    padding: .7rem 1rem;
    text-decoration: none
}

.menu a,
.menu button,
.menu input,
.menu select {
    margin-bottom: 0
}

.menu input {
    display: inline-block
}

.menu,
.menu.horizontal {
    flex-direction: row;
    flex-wrap: wrap
}

.menu.vertical {
    flex-direction: column;
    flex-wrap: nowrap
}

.menu.expanded li {
    flex: 1 1 0px
}

.menu.simple {
    align-items: center
}

.menu.simple li + li {
    margin-left: 1rem
}

.menu.simple a {
    padding: 0
}

@media print,
screen and (min-width:48em) {
    .menu.medium-horizontal {
        flex-direction: row;
        flex-wrap: wrap
    }

    .menu.medium-vertical {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .menu.medium-expanded li,
    .menu.medium-simple li {
        flex: 1 1 0px
    }
}

@media print,
screen and (min-width:64em) {
    .menu.large-horizontal {
        flex-direction: row;
        flex-wrap: wrap
    }

    .menu.large-vertical {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .menu.large-expanded li,
    .menu.large-simple li {
        flex: 1 1 0px
    }
}

@media screen and (min-width:80em) {
    .menu.xlarge-horizontal {
        flex-direction: row;
        flex-wrap: wrap
    }

    .menu.xlarge-vertical {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .menu.xlarge-expanded li,
    .menu.xlarge-simple li {
        flex: 1 1 0px
    }
}

@media screen and (min-width:90em) {
    .menu.xxlarge-horizontal {
        flex-direction: row;
        flex-wrap: wrap
    }

    .menu.xxlarge-vertical {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .menu.xxlarge-expanded li,
    .menu.xxlarge-simple li {
        flex: 1 1 0px
    }
}

@media screen and (min-width:100em) {
    .menu.xxxlarge-horizontal {
        flex-direction: row;
        flex-wrap: wrap
    }

    .menu.xxxlarge-vertical {
        flex-direction: column;
        flex-wrap: nowrap
    }

    .menu.xxxlarge-expanded li,
    .menu.xxxlarge-simple li {
        flex: 1 1 0px
    }
}

.menu.nested {
    margin-left: 1rem;
    margin-right: 0
}

.menu.icon-bottom a,
.menu.icon-left a,
.menu.icon-right a,
.menu.icon-top a,
.menu.icons a {
    display: flex
}

.menu.icon-left li a {
    flex-flow: row nowrap
}

.menu.icon-left li a i,
.menu.icon-left li a img,
.menu.icon-left li a svg {
    margin-right: .25rem
}

.menu.icon-right li a {
    flex-flow: row nowrap
}

.menu.icon-right li a i,
.menu.icon-right li a img,
.menu.icon-right li a svg {
    margin-left: .25rem
}

.menu.icon-top li a {
    flex-flow: column nowrap
}

.menu.icon-top li a i,
.menu.icon-top li a img,
.menu.icon-top li a svg {
    align-self: stretch;
    margin-bottom: .25rem;
    text-align: center
}

.menu.icon-bottom li a {
    flex-flow: column nowrap
}

.menu.icon-bottom li a i,
.menu.icon-bottom li a img,
.menu.icon-bottom li a svg {
    align-self: stretch;
    margin-bottom: .25rem;
    text-align: center
}

.menu .is-active > a {
    background: #0063a6;
    color: #fefefe
}

.menu .active > a {
    background: #0063a6;
    color: #fefefe
}

.menu.align-left {
    justify-content: flex-start
}

.menu.align-right li {
    display: flex;
    justify-content: flex-end
}

.menu.align-right li .submenu li {
    justify-content: flex-start
}

.menu.align-right.vertical li {
    display: block;
    text-align: right
}

.menu.align-right.vertical li .submenu li {
    text-align: right
}

.menu.align-right .nested {
    margin-left: 0;
    margin-right: 1rem
}

.menu.align-center li {
    display: flex;
    justify-content: center
}

.menu.align-center li .submenu li {
    justify-content: flex-start
}

.menu .menu-text {
    color: inherit;
    font-weight: 700;
    line-height: 1;
    padding: .7rem 1rem
}

.menu-centered > .menu {
    justify-content: center
}

.menu-centered > .menu li {
    display: flex;
    justify-content: center
}

.menu-centered > .menu li .submenu li {
    justify-content: flex-start
}

.no-js [data-responsive-menu] ul {
    display: none
}

.menu-icon {
    cursor: pointer;
    display: inline-block;
    height: 16px;
    position: relative;
    vertical-align: middle;
    width: 20px
}

.menu-icon:after {
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.menu-icon:hover:after {
    background: #cacaca;
    box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca
}

.menu-icon.dark {
    cursor: pointer;
    display: inline-block;
    height: 16px;
    position: relative;
    vertical-align: middle;
    width: 20px
}

.menu-icon.dark:after {
    background: #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.menu-icon.dark:hover:after {
    background: #8a8a8a;
    box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a
}

.accordion-menu li {
    width: 100%
}

.accordion-menu .is-accordion-submenu a,
.accordion-menu a {
    padding: .7rem 1rem
}

.accordion-menu .nested.is-accordion-submenu {
    margin-left: 1rem;
    margin-right: 0
}

.accordion-menu.align-right .nested.is-accordion-submenu {
    margin-left: 0;
    margin-right: 1rem
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
    position: relative
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a:after {
    border-color: #0063a6 transparent transparent;
    border-style: solid inset inset;
    border-width: 6px 6px 0;
    content: "";
    display: block;
    height: 0;
    margin-top: -3px;
    position: absolute;
    right: 1rem;
    top: 50%;
    width: 0
}

.accordion-menu.align-left .is-accordion-submenu-parent > a:after {
    left: auto;
    right: 1rem
}

.accordion-menu.align-right .is-accordion-submenu-parent > a:after {
    left: 1rem;
    right: auto
}

.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a:after {
    transform: rotate(180deg);
    transform-origin: 50% 50%
}

.is-accordion-submenu-parent {
    position: relative
}

.has-submenu-toggle > a {
    margin-right: 40px
}

.submenu-toggle {
    cursor: pointer;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.submenu-toggle:after {
    border-color: #0063a6 transparent transparent;
    border-style: solid inset inset;
    border-width: 6px 6px 0;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    margin: auto;
    top: 0;
    width: 0
}

.submenu-toggle[aria-expanded=true]:after {
    transform: scaleY(-1);
    transform-origin: 50% 50%
}

.submenu-toggle-text {
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%
}

.dropdown.menu > li.opens-right > .is-dropdown-submenu {
    left: 0;
    right: auto;
    top: 100%
}

.dropdown.menu > li.is-dropdown-submenu-parent > a {
    padding-right: 1.5rem;
    position: relative
}

.dropdown.menu > li.is-dropdown-submenu-parent > a:after {
    border-color: #0063a6 transparent transparent;
    border-style: solid inset inset;
    border-width: 6px 6px 0;
    content: "";
    display: block;
    height: 0;
    left: auto;
    margin-top: -3px;
    right: 5px;
    width: 0
}

[data-whatinput=mouse] .dropdown.menu a {
    outline: 0
}

.dropdown.menu > li > a {
    padding: .7rem 1rem
}

.dropdown.menu > li.is-active > a {
    background: transparent;
    color: #0063a6
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu .nested.is-dropdown-submenu {
    margin-left: 0;
    margin-right: 0
}

.dropdown.menu.vertical > li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%;
    top: 0
}

.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
    left: 100%;
    right: auto
}

.dropdown.menu.vertical > li > a:after {
    right: 14px
}

.dropdown.menu.vertical > li.opens-left > a:after {
    border-color: transparent #0063a6 transparent transparent;
    border-style: inset solid inset inset;
    border-width: 6px 6px 6px 0;
    content: "";
    display: block;
    height: 0;
    left: 5px;
    right: auto;
    width: 0
}

.dropdown.menu.vertical > li.opens-right > a:after {
    border-color: transparent transparent transparent #0063a6;
    border-style: inset inset inset solid;
    border-width: 6px 0 6px 6px;
    content: "";
    display: block;
    height: 0;
    width: 0
}

@media print,
screen and (min-width:48em) {
    .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%
    }

    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        left: 0;
        right: auto;
        top: 100%
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative
    }

    .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after {
        border-color: #0063a6 transparent transparent;
        border-style: solid inset inset;
        border-width: 6px 6px 0;
        content: "";
        display: block;
        height: 0;
        left: auto;
        margin-top: -3px;
        right: 5px;
        width: 0
    }

    .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
        top: 0
    }

    .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
        left: 100%;
        right: auto
    }

    .dropdown.menu.medium-vertical > li > a:after {
        right: 14px
    }

    .dropdown.menu.medium-vertical > li.opens-left > a:after {
        border-color: transparent #0063a6 transparent transparent;
        border-style: inset solid inset inset;
        border-width: 6px 6px 6px 0;
        content: "";
        display: block;
        height: 0;
        left: 5px;
        right: auto;
        width: 0
    }

    .dropdown.menu.medium-vertical > li.opens-right > a:after {
        border-color: transparent transparent transparent #0063a6;
        border-style: inset inset inset solid;
        border-width: 6px 0 6px 6px;
        content: "";
        display: block;
        height: 0;
        width: 0
    }
}

@media print,
screen and (min-width:64em) {
    .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%
    }

    .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
        left: 0;
        right: auto;
        top: 100%
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative
    }

    .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a:after {
        border-color: #0063a6 transparent transparent;
        border-style: solid inset inset;
        border-width: 6px 6px 0;
        content: "";
        display: block;
        height: 0;
        left: auto;
        margin-top: -3px;
        right: 5px;
        width: 0
    }

    .dropdown.menu.large-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
        top: 0
    }

    .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
        left: 100%;
        right: auto
    }

    .dropdown.menu.large-vertical > li > a:after {
        right: 14px
    }

    .dropdown.menu.large-vertical > li.opens-left > a:after {
        border-color: transparent #0063a6 transparent transparent;
        border-style: inset solid inset inset;
        border-width: 6px 6px 6px 0;
        content: "";
        display: block;
        height: 0;
        left: 5px;
        right: auto;
        width: 0
    }

    .dropdown.menu.large-vertical > li.opens-right > a:after {
        border-color: transparent transparent transparent #0063a6;
        border-style: inset inset inset solid;
        border-width: 6px 0 6px 6px;
        content: "";
        display: block;
        height: 0;
        width: 0
    }
}

@media screen and (min-width:80em) {
    .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%
    }

    .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
        left: 0;
        right: auto;
        top: 100%
    }

    .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative
    }

    .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a:after {
        border-color: #0063a6 transparent transparent;
        border-style: solid inset inset;
        border-width: 6px 6px 0;
        content: "";
        display: block;
        height: 0;
        left: auto;
        margin-top: -3px;
        right: 5px;
        width: 0
    }

    .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
        top: 0
    }

    .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
        left: 100%;
        right: auto
    }

    .dropdown.menu.xlarge-vertical > li > a:after {
        right: 14px
    }

    .dropdown.menu.xlarge-vertical > li.opens-left > a:after {
        border-color: transparent #0063a6 transparent transparent;
        border-style: inset solid inset inset;
        border-width: 6px 6px 6px 0;
        content: "";
        display: block;
        height: 0;
        left: 5px;
        right: auto;
        width: 0
    }

    .dropdown.menu.xlarge-vertical > li.opens-right > a:after {
        border-color: transparent transparent transparent #0063a6;
        border-style: inset inset inset solid;
        border-width: 6px 0 6px 6px;
        content: "";
        display: block;
        height: 0;
        width: 0
    }
}

@media screen and (min-width:90em) {
    .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%
    }

    .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
        left: 0;
        right: auto;
        top: 100%
    }

    .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative
    }

    .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a:after {
        border-color: #0063a6 transparent transparent;
        border-style: solid inset inset;
        border-width: 6px 6px 0;
        content: "";
        display: block;
        height: 0;
        left: auto;
        margin-top: -3px;
        right: 5px;
        width: 0
    }

    .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
        top: 0
    }

    .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
        left: 100%;
        right: auto
    }

    .dropdown.menu.xxlarge-vertical > li > a:after {
        right: 14px
    }

    .dropdown.menu.xxlarge-vertical > li.opens-left > a:after {
        border-color: transparent #0063a6 transparent transparent;
        border-style: inset solid inset inset;
        border-width: 6px 6px 6px 0;
        content: "";
        display: block;
        height: 0;
        left: 5px;
        right: auto;
        width: 0
    }

    .dropdown.menu.xxlarge-vertical > li.opens-right > a:after {
        border-color: transparent transparent transparent #0063a6;
        border-style: inset inset inset solid;
        border-width: 6px 0 6px 6px;
        content: "";
        display: block;
        height: 0;
        width: 0
    }
}

@media screen and (min-width:100em) {
    .dropdown.menu.xxxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%
    }

    .dropdown.menu.xxxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
        left: 0;
        right: auto;
        top: 100%
    }

    .dropdown.menu.xxxlarge-horizontal > li.is-dropdown-submenu-parent > a {
        padding-right: 1.5rem;
        position: relative
    }

    .dropdown.menu.xxxlarge-horizontal > li.is-dropdown-submenu-parent > a:after {
        border-color: #0063a6 transparent transparent;
        border-style: solid inset inset;
        border-width: 6px 6px 0;
        content: "";
        display: block;
        height: 0;
        left: auto;
        margin-top: -3px;
        right: 5px;
        width: 0
    }

    .dropdown.menu.xxxlarge-vertical > li .is-dropdown-submenu {
        top: 0
    }

    .dropdown.menu.xxxlarge-vertical > li.opens-left > .is-dropdown-submenu {
        left: auto;
        right: 100%;
        top: 0
    }

    .dropdown.menu.xxxlarge-vertical > li.opens-right > .is-dropdown-submenu {
        left: 100%;
        right: auto
    }

    .dropdown.menu.xxxlarge-vertical > li > a:after {
        right: 14px
    }

    .dropdown.menu.xxxlarge-vertical > li.opens-left > a:after {
        border-color: transparent #0063a6 transparent transparent;
        border-style: inset solid inset inset;
        border-width: 6px 6px 6px 0;
        content: "";
        display: block;
        height: 0;
        left: 5px;
        right: auto;
        width: 0
    }

    .dropdown.menu.xxxlarge-vertical > li.opens-right > a:after {
        border-color: transparent transparent transparent #0063a6;
        border-style: inset inset inset solid;
        border-width: 6px 0 6px 6px;
        content: "";
        display: block;
        height: 0;
        width: 0
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    left: auto;
    right: 0;
    top: 100%
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-menu.vertical.align-right {
    float: right
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a:after {
    left: auto;
    margin-top: -6px;
    position: absolute;
    right: 5px;
    top: 50%
}

.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
    left: auto;
    top: 100%
}

.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
    left: auto;
    right: 100%
}

.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
    left: 100%;
    right: auto
}

.is-dropdown-submenu {
    background: #fefefe;
    border: 1px solid #cacaca;
    display: none;
    left: 100%;
    min-width: 200px;
    position: absolute;
    top: 0;
    z-index: 1
}

.dropdown .is-dropdown-submenu a {
    padding: .7rem 1rem
}

.is-dropdown-submenu .is-dropdown-submenu-parent > a:after {
    right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a:after {
    border-color: transparent #0063a6 transparent transparent;
    border-style: inset solid inset inset;
    border-width: 6px 6px 6px 0;
    content: "";
    display: block;
    height: 0;
    left: 5px;
    right: auto;
    width: 0
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:after {
    border-color: transparent transparent transparent #0063a6;
    border-style: inset inset inset solid;
    border-width: 6px 0 6px 6px;
    content: "";
    display: block;
    height: 0;
    width: 0
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu > li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
    display: block
}

html.is-reveal-open {
    overflow-y: hidden;
    position: fixed;
    width: 100%
}

html.is-reveal-open.zf-has-scroll {
    overflow-y: scroll
}

html.is-reveal-open body {
    overflow-y: hidden
}

.reveal-overlay {
    background-color: rgba(10, 10, 10, .45);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1005
}

.reveal,
.reveal-overlay {
    display: none;
    overflow-y: auto
}

.reveal {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fefefe;
    border: 1px solid #cacaca;
    border-radius: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    position: relative;
    top: 100px;
    z-index: 1006
}

[data-whatinput=mouse] .reveal {
    outline: 0
}

@media print,
screen and (min-width:48em) {
    .reveal {
        min-height: 0
    }
}

.reveal .column,
.reveal .columns {
    min-width: 0
}

.reveal > :last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:48em) {
    .reveal {
        max-width: 75rem;
        width: 600px
    }
}

.reveal.collapse {
    padding: 0
}

@media print,
screen and (min-width:48em) {
    .reveal.tiny {
        max-width: 75rem;
        width: 30%
    }

    .reveal.small {
        max-width: 75rem;
        width: 50%
    }

    .reveal.large {
        max-width: 75rem;
        width: 90%
    }
}

.reveal.full {
    border: 0;
    border-radius: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    margin-left: 0;
    max-width: none;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 100%
}

@media print,
screen and (max-width:47.99875em) {
    .reveal {
        border: 0;
        border-radius: 0;
        bottom: 0;
        height: 100%;
        left: 0;
        margin-left: 0;
        max-width: none;
        min-height: 100%;
        right: 0;
        top: 0;
        width: 100%
    }
}

.reveal.without-overlay {
    position: fixed
}

.sticky,
.sticky-container {
    position: relative
}

.sticky {
    transform: translateZ(0);
    z-index: 0
}

.sticky.is-stuck {
    position: fixed;
    width: 100%;
    z-index: 5
}

.sticky.is-stuck.is-at-top {
    top: 0
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0
}

.sticky.is-anchored {
    left: auto;
    position: relative;
    right: auto
}

.sticky.is-anchored.is-at-bottom {
    bottom: 0
}

.title-bar {
    align-items: center;
    background: #0a0a0a;
    color: #fefefe;
    display: flex;
    justify-content: flex-start;
    padding: .5rem
}

.title-bar .menu-icon {
    margin-left: .25rem;
    margin-right: .25rem
}

.title-bar-left,
.title-bar-right {
    flex: 1 1 0px
}

.title-bar-right {
    text-align: right
}

.title-bar-title {
    display: inline-block;
    font-weight: 700;
    vertical-align: middle
}

.top-bar {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .5rem
}

.top-bar,
.top-bar ul {
    background-color: #e6e6e6
}

.top-bar input {
    margin-right: 1rem;
    max-width: 200px
}

.top-bar .input-group-field {
    margin-right: 0;
    width: 100%
}

.top-bar input.button {
    width: auto
}

.top-bar .top-bar-left,
.top-bar .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%
}

@media print,
screen and (min-width:48em) {
    .top-bar {
        flex-wrap: nowrap
    }

    .top-bar .top-bar-left {
        flex: 1 1 auto;
        margin-right: auto
    }

    .top-bar .top-bar-right {
        flex: 0 1 auto;
        margin-left: auto
    }
}

@media print,
screen and (max-width:63.99875em) {
    .top-bar.stacked-for-medium {
        flex-wrap: wrap
    }

    .top-bar.stacked-for-medium .top-bar-left,
    .top-bar.stacked-for-medium .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,
screen and (max-width:79.99875em) {
    .top-bar.stacked-for-large {
        flex-wrap: wrap
    }

    .top-bar.stacked-for-large .top-bar-left,
    .top-bar.stacked-for-large .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,
screen and (max-width:89.99875em) {
    .top-bar.stacked-for-xlarge {
        flex-wrap: wrap
    }

    .top-bar.stacked-for-xlarge .top-bar-left,
    .top-bar.stacked-for-xlarge .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media print,
screen and (max-width:99.99875em) {
    .top-bar.stacked-for-xxlarge {
        flex-wrap: wrap
    }

    .top-bar.stacked-for-xxlarge .top-bar-left,
    .top-bar.stacked-for-xxlarge .top-bar-right {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.top-bar.stacked-for-xxxlarge {
    flex-wrap: wrap
}

.top-bar.stacked-for-xxxlarge .top-bar-left,
.top-bar.stacked-for-xxxlarge .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%
}

.top-bar-title {
    flex: 0 0 auto;
    margin: .5rem 1rem .5rem 0
}

.top-bar-left,
.top-bar-right {
    flex: 0 0 auto
}

.align-left {
    justify-content: flex-start
}

.align-right {
    justify-content: flex-end
}

.align-center {
    justify-content: center
}

.align-justify {
    justify-content: space-between
}

.align-spaced {
    justify-content: space-around
}

.align-left.vertical.menu > li > a {
    justify-content: flex-start
}

.align-right.vertical.menu > li > a {
    justify-content: flex-end
}

.align-center.vertical.menu > li > a {
    justify-content: center
}

.align-top {
    align-items: flex-start
}

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

.align-bottom {
    align-items: flex-end
}

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

.align-middle {
    align-items: center
}

.align-self-middle {
    align-self: center
}

.align-stretch {
    align-items: stretch
}

.align-self-stretch {
    align-self: stretch
}

.align-center-middle {
    align-content: center;
    align-items: center;
    justify-content: center
}

.small-order-1 {
    order: 1
}

.small-order-2 {
    order: 2
}

.small-order-3 {
    order: 3
}

.small-order-4 {
    order: 4
}

.small-order-5 {
    order: 5
}

.small-order-6 {
    order: 6
}

@media print,
screen and (min-width:48em) {
    .medium-order-1 {
        order: 1
    }

    .medium-order-2 {
        order: 2
    }

    .medium-order-3 {
        order: 3
    }

    .medium-order-4 {
        order: 4
    }

    .medium-order-5 {
        order: 5
    }

    .medium-order-6 {
        order: 6
    }
}

@media print,
screen and (min-width:64em) {
    .large-order-1 {
        order: 1
    }

    .large-order-2 {
        order: 2
    }

    .large-order-3 {
        order: 3
    }

    .large-order-4 {
        order: 4
    }

    .large-order-5 {
        order: 5
    }

    .large-order-6 {
        order: 6
    }
}

@media screen and (min-width:80em) {
    .xlarge-order-1 {
        order: 1
    }

    .xlarge-order-2 {
        order: 2
    }

    .xlarge-order-3 {
        order: 3
    }

    .xlarge-order-4 {
        order: 4
    }

    .xlarge-order-5 {
        order: 5
    }

    .xlarge-order-6 {
        order: 6
    }
}

@media screen and (min-width:90em) {
    .xxlarge-order-1 {
        order: 1
    }

    .xxlarge-order-2 {
        order: 2
    }

    .xxlarge-order-3 {
        order: 3
    }

    .xxlarge-order-4 {
        order: 4
    }

    .xxlarge-order-5 {
        order: 5
    }

    .xxlarge-order-6 {
        order: 6
    }
}

@media screen and (min-width:100em) {
    .xxxlarge-order-1 {
        order: 1
    }

    .xxxlarge-order-2 {
        order: 2
    }

    .xxxlarge-order-3 {
        order: 3
    }

    .xxxlarge-order-4 {
        order: 4
    }

    .xxxlarge-order-5 {
        order: 5
    }

    .xxxlarge-order-6 {
        order: 6
    }
}

.flex-container {
    display: flex
}

.flex-child-auto {
    flex: 1 1 auto
}

.flex-child-grow {
    flex: 1 0 auto
}

.flex-child-shrink {
    flex: 0 1 auto
}

.flex-dir-row {
    flex-direction: row
}

.flex-dir-row-reverse {
    flex-direction: row-reverse
}

.flex-dir-column {
    flex-direction: column
}

.flex-dir-column-reverse {
    flex-direction: column-reverse
}

@media print,
screen and (min-width:48em) {
    .medium-flex-container {
        display: flex
    }

    .medium-flex-child-auto {
        flex: 1 1 auto
    }

    .medium-flex-child-grow {
        flex: 1 0 auto
    }

    .medium-flex-child-shrink {
        flex: 0 1 auto
    }

    .medium-flex-dir-row {
        flex-direction: row
    }

    .medium-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .medium-flex-dir-column {
        flex-direction: column
    }

    .medium-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media print,
screen and (min-width:64em) {
    .large-flex-container {
        display: flex
    }

    .large-flex-child-auto {
        flex: 1 1 auto
    }

    .large-flex-child-grow {
        flex: 1 0 auto
    }

    .large-flex-child-shrink {
        flex: 0 1 auto
    }

    .large-flex-dir-row {
        flex-direction: row
    }

    .large-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .large-flex-dir-column {
        flex-direction: column
    }

    .large-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width:80em) {
    .xlarge-flex-container {
        display: flex
    }

    .xlarge-flex-child-auto {
        flex: 1 1 auto
    }

    .xlarge-flex-child-grow {
        flex: 1 0 auto
    }

    .xlarge-flex-child-shrink {
        flex: 0 1 auto
    }

    .xlarge-flex-dir-row {
        flex-direction: row
    }

    .xlarge-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .xlarge-flex-dir-column {
        flex-direction: column
    }

    .xlarge-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width:90em) {
    .xxlarge-flex-container {
        display: flex
    }

    .xxlarge-flex-child-auto {
        flex: 1 1 auto
    }

    .xxlarge-flex-child-grow {
        flex: 1 0 auto
    }

    .xxlarge-flex-child-shrink {
        flex: 0 1 auto
    }

    .xxlarge-flex-dir-row {
        flex-direction: row
    }

    .xxlarge-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .xxlarge-flex-dir-column {
        flex-direction: column
    }

    .xxlarge-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

@media screen and (min-width:100em) {
    .xxxlarge-flex-container {
        display: flex
    }

    .xxxlarge-flex-child-auto {
        flex: 1 1 auto
    }

    .xxxlarge-flex-child-grow {
        flex: 1 0 auto
    }

    .xxxlarge-flex-child-shrink {
        flex: 0 1 auto
    }

    .xxxlarge-flex-dir-row {
        flex-direction: row
    }

    .xxxlarge-flex-dir-row-reverse {
        flex-direction: row-reverse
    }

    .xxxlarge-flex-dir-column {
        flex-direction: column
    }

    .xxxlarge-flex-dir-column-reverse {
        flex-direction: column-reverse
    }
}

.hide {
    display: none !important
}

.invisible {
    visibility: hidden
}

@media print,
screen and (max-width:47.99875em) {
    .hide-for-small-only {
        display: none !important
    }
}

@media screen and (max-width:0em),
screen and (min-width:48em) {
    .show-for-small-only {
        display: none !important
    }
}

@media print,
screen and (min-width:48em) {
    .hide-for-medium {
        display: none !important
    }
}

@media screen and (max-width:47.99875em) {
    .show-for-medium {
        display: none !important
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .hide-for-medium-only {
        display: none !important
    }
}

@media screen and (max-width:47.99875em),
screen and (min-width:64em) {
    .show-for-medium-only {
        display: none !important
    }
}

@media print,
screen and (min-width:64em) {
    .hide-for-large {
        display: none !important
    }
}

@media screen and (max-width:63.99875em) {
    .show-for-large {
        display: none !important
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .hide-for-large-only {
        display: none !important
    }
}

@media screen and (max-width:63.99875em),
screen and (min-width:80em) {
    .show-for-large-only {
        display: none !important
    }
}

@media screen and (min-width:80em) {
    .hide-for-xlarge {
        display: none !important
    }
}

@media screen and (max-width:79.99875em) {
    .show-for-xlarge {
        display: none !important
    }
}

@media screen and (min-width:80em) and (max-width:89.99875em) {
    .hide-for-xlarge-only {
        display: none !important
    }
}

@media screen and (max-width:79.99875em),
screen and (min-width:90em) {
    .show-for-xlarge-only {
        display: none !important
    }
}

@media screen and (min-width:90em) {
    .hide-for-xxlarge {
        display: none !important
    }
}

@media screen and (max-width:89.99875em) {
    .show-for-xxlarge {
        display: none !important
    }
}

@media screen and (min-width:90em) and (max-width:99.99875em) {
    .hide-for-xxlarge-only {
        display: none !important
    }
}

@media screen and (max-width:89.99875em),
screen and (min-width:100em) {
    .show-for-xxlarge-only {
        display: none !important
    }
}

@media screen and (min-width:100em) {
    .hide-for-xxxlarge {
        display: none !important
    }
}

@media screen and (max-width:99.99875em) {
    .show-for-xxxlarge {
        display: none !important
    }
}

@media screen and (min-width:100em) {
    .hide-for-xxxlarge-only {
        display: none !important
    }
}

@media screen and (max-width:99.99875em) {
    .show-for-xxxlarge-only {
        display: none !important
    }
}

.show-for-sr,
.show-on-focus {
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

.show-on-focus:active,
.show-on-focus:focus {
    clip: auto !important;
    height: auto !important;
    overflow: visible !important;
    position: static !important;
    white-space: normal !important;
    width: auto !important
}

.hide-for-portrait,
.show-for-landscape {
    display: block !important
}

@media screen and (orientation:landscape) {

    .hide-for-portrait,
    .show-for-landscape {
        display: block !important
    }
}

@media screen and (orientation:portrait) {

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important
    }
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important
}

@media screen and (orientation:landscape) {

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important
    }
}

@media screen and (orientation:portrait) {

    .hide-for-landscape,
    .show-for-portrait {
        display: block !important
    }
}

.slide-in-down.mui-enter {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateY(-100%);
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.slide-in-down.mui-enter.mui-enter-active {
    transform: translateY(0)
}

.slide-in-left.mui-enter {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(-100%);
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.slide-in-left.mui-enter.mui-enter-active {
    transform: translateX(0)
}

.slide-in-up.mui-enter {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateY(100%);
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.slide-in-up.mui-enter.mui-enter-active {
    transform: translateY(0)
}

.slide-in-right.mui-enter {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(100%);
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.slide-in-right.mui-enter.mui-enter-active {
    transform: translateX(0)
}

.slide-out-down.mui-leave {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateY(0);
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.slide-out-down.mui-leave.mui-leave-active {
    transform: translateY(100%)
}

.slide-out-right.mui-leave {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(0);
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.slide-out-right.mui-leave.mui-leave-active {
    transform: translateX(100%)
}

.slide-out-up.mui-leave {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateY(0);
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.slide-out-up.mui-leave.mui-leave-active {
    transform: translateY(-100%)
}

.slide-out-left.mui-leave {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(0);
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.slide-out-left.mui-leave.mui-leave-active {
    transform: translateX(-100%)
}

.fade-in.mui-enter {
    opacity: 0;
    transition-duration: .5s;
    transition-property: opacity;
    transition-timing-function: linear
}

.fade-in.mui-enter.mui-enter-active {
    opacity: 1
}

.fade-out.mui-leave {
    opacity: 1;
    transition-duration: .5s;
    transition-property: opacity;
    transition-timing-function: linear
}

.fade-out.mui-leave.mui-leave-active {
    opacity: 0
}

.hinge-in-from-top.mui-enter {
    opacity: 0;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: top;
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.hinge-in-from-top.mui-enter.mui-enter-active {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg)
}

.hinge-in-from-right.mui-enter {
    opacity: 0;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: right;
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.hinge-in-from-right.mui-enter.mui-enter-active {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg)
}

.hinge-in-from-bottom.mui-enter {
    opacity: 0;
    transform: perspective(2000px) rotateX(90deg);
    transform-origin: bottom;
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg)
}

.hinge-in-from-left.mui-enter {
    opacity: 0;
    transform: perspective(2000px) rotateY(90deg);
    transform-origin: left;
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.hinge-in-from-left.mui-enter.mui-enter-active {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg)
}

.hinge-in-from-middle-x.mui-enter {
    opacity: 0;
    transform: perspective(2000px) rotateX(-90deg);
    transform-origin: center;
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg)
}

.hinge-in-from-middle-y.mui-enter {
    opacity: 0;
    transform: perspective(2000px) rotateY(-90deg);
    transform-origin: center;
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active,
.hinge-out-from-top.mui-leave {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg)
}

.hinge-out-from-top.mui-leave {
    transform-origin: top;
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.hinge-out-from-top.mui-leave.mui-leave-active {
    opacity: 0;
    transform: perspective(2000px) rotateX(90deg)
}

.hinge-out-from-right.mui-leave {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: right;
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.hinge-out-from-right.mui-leave.mui-leave-active {
    opacity: 0;
    transform: perspective(2000px) rotateY(90deg)
}

.hinge-out-from-bottom.mui-leave {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: bottom;
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
    opacity: 0;
    transform: perspective(2000px) rotateX(-90deg)
}

.hinge-out-from-left.mui-leave {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: left;
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.hinge-out-from-left.mui-leave.mui-leave-active {
    opacity: 0;
    transform: perspective(2000px) rotateY(-90deg)
}

.hinge-out-from-middle-x.mui-leave {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center;
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
    opacity: 0;
    transform: perspective(2000px) rotateX(90deg)
}

.hinge-out-from-middle-y.mui-leave {
    opacity: 1;
    transform: perspective(2000px) rotate(0deg);
    transform-origin: center;
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
    opacity: 0;
    transform: perspective(2000px) rotateY(90deg)
}

.scale-in-up.mui-enter {
    opacity: 0;
    transform: scale(.5);
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.scale-in-up.mui-enter.mui-enter-active {
    opacity: 1;
    transform: scale(1)
}

.scale-in-down.mui-enter {
    opacity: 0;
    transform: scale(1.5);
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.scale-in-down.mui-enter.mui-enter-active,
.scale-out-up.mui-leave {
    opacity: 1;
    transform: scale(1)
}

.scale-out-up.mui-leave {
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.scale-out-up.mui-leave.mui-leave-active {
    opacity: 0;
    transform: scale(1.5)
}

.scale-out-down.mui-leave {
    opacity: 1;
    transform: scale(1);
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.scale-out-down.mui-leave.mui-leave-active {
    opacity: 0;
    transform: scale(.5)
}

.spin-in.mui-enter {
    opacity: 0;
    transform: rotate(-270deg);
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.spin-in.mui-enter.mui-enter-active,
.spin-out.mui-leave {
    opacity: 1;
    transform: rotate(0)
}

.spin-out.mui-leave {
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.spin-in-ccw.mui-enter,
.spin-out.mui-leave.mui-leave-active {
    opacity: 0;
    transform: rotate(270deg)
}

.spin-in-ccw.mui-enter {
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.spin-in-ccw.mui-enter.mui-enter-active,
.spin-out-ccw.mui-leave {
    opacity: 1;
    transform: rotate(0)
}

.spin-out-ccw.mui-leave {
    transition-duration: .5s;
    transition-property: transform, opacity;
    transition-timing-function: linear
}

.spin-out-ccw.mui-leave.mui-leave-active {
    opacity: 0;
    transform: rotate(-270deg)
}

.slow {
    transition-duration: .75s !important
}

.fast {
    transition-duration: .25s !important
}

.linear {
    transition-timing-function: linear !important
}

.ease {
    transition-timing-function: ease !important
}

.ease-in {
    transition-timing-function: ease-in !important
}

.ease-out {
    transition-timing-function: ease-out !important
}

.ease-in-out {
    transition-timing-function: ease-in-out !important
}

.bounce-in {
    transition-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}

.bounce-out {
    transition-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}

.bounce-in-out {
    transition-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}

.short-delay {
    transition-delay: .3s !important
}

.long-delay {
    transition-delay: .7s !important
}

.shake {
    -webkit-animation-name: shake-7;
    animation-name: shake-7
}

@-webkit-keyframes shake-7 {

    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        transform: translateX(7%)
    }

    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        transform: translateX(-7%)
    }
}

@keyframes shake-7 {

    0%,
    10%,
    20%,
    30%,
    40%,
    50%,
    60%,
    70%,
    80%,
    90% {
        transform: translateX(7%)
    }

    5%,
    15%,
    25%,
    35%,
    45%,
    55%,
    65%,
    75%,
    85%,
    95% {
        transform: translateX(-7%)
    }
}

.spin-cw {
    -webkit-animation-name: spin-cw-1turn;
    animation-name: spin-cw-1turn
}

@-webkit-keyframes spin-cw-1turn {
    0% {
        transform: rotate(-1turn)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes spin-cw-1turn {
    0% {
        transform: rotate(-1turn)
    }

    to {
        transform: rotate(0)
    }
}

.spin-ccw {
    -webkit-animation-name: spin-ccw-1turn;
    animation-name: spin-ccw-1turn
}

@-webkit-keyframes spin-ccw-1turn {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-1turn)
    }
}

@keyframes spin-ccw-1turn {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-1turn)
    }
}

.wiggle {
    -webkit-animation-name: wiggle-7deg;
    animation-name: wiggle-7deg
}

@-webkit-keyframes wiggle-7deg {

    40%,
    50%,
    60% {
        transform: rotate(7deg)
    }

    35%,
    45%,
    55%,
    65% {
        transform: rotate(-7deg)
    }

    0%,
    30%,
    70%,
    to {
        transform: rotate(0)
    }
}

@keyframes wiggle-7deg {

    40%,
    50%,
    60% {
        transform: rotate(7deg)
    }

    35%,
    45%,
    55%,
    65% {
        transform: rotate(-7deg)
    }

    0%,
    30%,
    70%,
    to {
        transform: rotate(0)
    }
}

.shake,
.spin-ccw,
.spin-cw,
.wiggle {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.slow {
    -webkit-animation-duration: .75s !important;
    animation-duration: .75s !important
}

.fast {
    -webkit-animation-duration: .25s !important;
    animation-duration: .25s !important
}

.linear {
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important
}

.ease {
    -webkit-animation-timing-function: ease !important;
    animation-timing-function: ease !important
}

.ease-in {
    -webkit-animation-timing-function: ease-in !important;
    animation-timing-function: ease-in !important
}

.ease-out {
    -webkit-animation-timing-function: ease-out !important;
    animation-timing-function: ease-out !important
}

.ease-in-out {
    -webkit-animation-timing-function: ease-in-out !important;
    animation-timing-function: ease-in-out !important
}

.bounce-in {
    -webkit-animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important;
    animation-timing-function: cubic-bezier(.485, .155, .24, 1.245) !important
}

.bounce-out {
    -webkit-animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important;
    animation-timing-function: cubic-bezier(.485, .155, .515, .845) !important
}

.bounce-in-out {
    -webkit-animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important;
    animation-timing-function: cubic-bezier(.76, -.245, .24, 1.245) !important
}

.short-delay {
    -webkit-animation-delay: .3s !important;
    animation-delay: .3s !important
}

.long-delay {
    -webkit-animation-delay: .7s !important;
    animation-delay: .7s !important
}

.faq-input-search,
.table-input-search {
    position: relative
}

.faq-input-search:after,
.table-input-search:after {
    color: #8a8a8a;
    content: "\eb36";
    font-family: icomain;
    font-size: 1.5rem;
    position: absolute;
    right: 1.5rem;
    top: .25rem
}

.faq-input-search,
.table-input-search {
    border-width: 1px 1px 2px;
    padding: 0
}

.faq-input-search input,
.table-input-search input {
    color: #5e5e5e;
    font-size: .875rem;
    height: auto;
    margin-bottom: 0
}

@media print,
screen and (min-width:48em) {

    .faq-input-search input,
    .table-input-search input {
        font-size: 1rem
    }
}

@media print,
screen and (min-width:64em) {

    .faq-input-search input,
    .table-input-search input {
        font-size: 1.125rem
    }
}

.faq-input-search input::-webkit-input-placeholder,
.table-input-search input::-webkit-input-placeholder {
    color: #5e5e5e !important
}

.faq-input-search input::-moz-placeholder,
.table-input-search input::-moz-placeholder {
    color: #5e5e5e !important
}

.faq-input-search input:-ms-input-placeholder,
.table-input-search input:-ms-input-placeholder {
    color: #5e5e5e !important
}

.faq-input-search input::placeholder,
.table-input-search input::placeholder {
    color: #5e5e5e !important
}

.faq-input-search input:after,
.table-input-search input:after {
    font-size: 1rem;
    right: .375rem;
    top: .5rem
}

@media print,
screen and (min-width:48em) {

    .faq-input-search input:after,
    .table-input-search input:after {
        right: .5rem
    }
}

.colored-cn.main-section ul {
    list-style-type: none;
    margin-left: 0
}

.colored-cn.main-section ul li:before {
    color: #004d99;
    content: "+";
    font-weight: 500;
    margin-right: .5rem
}

.column.row.row,
.row.row.columns {
    display: flex
}

a,
abbr,
acronym,
address,
applet,
b,
big,
body,
caption,
center,
cite,
code,
del,
dfn,
div,
em,
fieldset,
font,
form,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
object,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
var {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0
}

dl,
ol,
ul {
    margin: .5rem 0 1rem 1.25rem
}

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

td,
th {
    padding: 0
}

table,
table tbody,
table tfoot,
table thead,
table tr {
    border-color: #ccc
}

b,
strong {
    font-weight: 500
}

.lang-ar .bold-text,
.lang-ar .bolder-text,
.lang-ar b,
.lang-ar strong,
.lang-cn b,
.lang-cn strong,
.lang-he .bold-text,
.lang-he .bolder-text,
.lang-he b,
.lang-he strong,
.lang-zh b,
.lang-zh strong {
    font-weight: 700
}

.inst-up,
.inst-up span {
    color: #0d8234
}

.inst-down,
.inst-down span {
    color: #cc2929
}

.inst-off {
    color: #5e5e5e
}

.inst-off span {
    color: #ccc
}

.highlight-threshold .rate-change.inst-up span:first-child {
    background-color: #0d8234
}

.highlight-threshold .rate-change.inst-down span:first-child {
    background-color: #cc2929
}

.highlight-threshold .rate-change.inst-off span:first-child {
    color: #ccc
}

.highlight-threshold .rate-change span:first-child {
    border-radius: .25rem;
    color: #fefefe;
    direction: ltr;
    display: inline-block;
    padding: .25rem .5rem
}

@media print,
screen and (max-width:47.99875em) {
    .highlight-threshold .rate-change span:first-child {
        min-width: 3.25rem;
        padding: .25rem
    }
}

@media print,
screen and (min-width:48em) {
    .highlight-threshold .rate-change span:first-child {
        min-width: 4.125rem
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #004d99;
    line-height: 1.5
}

@media print,
screen and (min-width:48em) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 300
    }
}

h1 span,
h1 strong,
h1 sup,
h2 span,
h2 strong,
h2 sup,
h3 span,
h3 strong,
h3 sup,
h4 span,
h4 strong,
h4 sup,
h5 span,
h5 strong,
h5 sup,
h6 span,
h6 strong,
h6 sup {
    color: #004d99
}

h1 {
    font-size: 1.375rem;
    line-height: 1.3
}

@media print,
screen and (min-width:48em) {
    h1 {
        font-size: 2.25rem
    }
}

@media print,
screen and (min-width:64em) {
    h1 {
        font-size: 1.875rem;
        font-weight: 300
    }
}

@media screen and (min-width:80em) {
    h1 {
        font-size: 2.375rem
    }
}

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

@media print,
screen and (min-width:48em) {
    h3 {
        font-size: 2.25rem
    }
}

@media print,
screen and (min-width:64em) {
    h3 {
        font-size: 2.375rem;
        font-weight: 300
    }
}

h2 {
    color: #5e5e5e;
    font-size: 1.25rem
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    h2 {
        font-size: 1.125rem
    }
}

h4 {
    font-size: 1.25rem;
    font-weight: 400
}

@media print,
screen and (min-width:48em) {
    h4 {
        font-size: 1.625rem;
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) {
    h4 {
        font-size: 1.75rem;
        font-weight: 300
    }
}

ol,
p,
ul {
    line-height: 1.5
}

@media print,
screen and (max-width:47.99875em) {

    ol,
    p,
    ul {
        font-size: .875rem;
        font-weight: 400
    }
}

.bg-gray {
    background-color: #f6f6f6
}

@media print,
screen and (max-width:47.99875em) {
    .small-column-reverse {
        flex-direction: column-reverse
    }
}

.footer-item a:not(.button),
.main-section a:not(.button),
.page-sections a:not(.button) {
    color: #004d99
}

.footer-item a:not(.button).link-islamic,
.main-section a:not(.button).link-islamic,
.page-sections a:not(.button).link-islamic {
    color: #0d8234;
    font-size: 1.065rem
}

.footer-item a:not(.button).link-islamic span,
.main-section a:not(.button).link-islamic span,
.page-sections a:not(.button).link-islamic span {
    color: #0d8234;
    display: inline-block;
    font-size: 1.75rem;
    margin-right: .5rem;
    text-decoration: none !important;
    vertical-align: middle
}

.footer-item a:not(.button):not(.title-link):not(.social-link):not(.link):hover,
.main-section a:not(.button):not(.title-link):not(.social-link):not(.link):hover,
.page-sections a:not(.button):not(.title-link):not(.social-link):not(.link):hover {
    text-decoration: underline
}

.landingpage .main-section a:not(button).link-islamic {
    color: #fff
}

.landingpage .main-section a:not(button).link-islamic span {
    color: #fff
}

@media print,
screen and (max-width:47.99875em) {
    .investors .inner-main.main-section {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.inline {
    display: inline-block
}

.home ol,
.home p,
.home ul {
    font-size: 1.25rem;
    line-height: 1.5
}

@media print,
screen and (max-width:47.99875em) {

    .home ol,
    .home p,
    .home ul {
        font-size: 1rem;
        font-weight: 400
    }
}

[v-cloak] {
    visibility: hidden
}

[data-tooltip] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@media print,
screen and (max-width:47.99875em) {
    .small-center {
        text-align: center
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .medium-center {
        text-align: center
    }
}

.home {
    background-color: #004487
}

.search-input-def {
    background: none;
    border-color: #ccc;
    border-width: 0 0 2px;
    box-shadow: none;
    color: #5e5e5e;
    font-size: 1.5rem;
    font-weight: 300;
    height: 100%;
    margin: 0;
    max-width: 100%;
    padding-right: 2.5rem
}

.search-input-def::-webkit-input-placeholder {
    color: #5e5e5e
}

.search-input-def::-moz-placeholder {
    color: #5e5e5e
}

.search-input-def:-ms-input-placeholder {
    color: #5e5e5e
}

.search-input-def::placeholder {
    color: #5e5e5e
}

.search.is-open:after {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-iteration-count: 7;
    animation-iteration-count: 7;
    -webkit-animation-name: search-load;
    animation-name: search-load;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    background-image: linear-gradient(135deg, #004d99, #94caff, #004d99);
    background-position: -100% 0;
    background-repeat: no-repeat;
    background-size: 50% 100%;
    bottom: -4px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}

.search.is-open:before {
    border-right: 2rem solid transparent;
    border-top: 2.5rem solid transparent;
    content: "";
    position: absolute;
    right: 2.375rem;
    top: -2.5rem
}

.results-box-faq,
.results-box-table,
.results-list {
    display: none;
    width: 100%
}

.results-box-faq ul,
.results-box-table ul,
.results-list ul {
    list-style: none;
    margin: 0 0 .875rem;
    max-height: 15rem;
    overflow-y: auto;
    padding: 0;
    width: 100%
}

@media print,
screen and (min-width:48em) {

    .results-box-faq ul,
    .results-box-table ul,
    .results-list ul {
        max-height: 14rem
    }
}

.results-box-faq li,
.results-box-table li,
.results-list li {
    line-height: 1.3
}

.results-box-faq li a,
.results-box-table li a,
.results-list li a {
    -webkit-user-drag: none;
    color: #5e5e5e;
    display: block;
    font-weight: 300;
    padding: .5rem
}

.results-box-faq li a:hover,
.results-box-table li a:hover,
.results-list li a:hover {
    background-color: #fefefe;
    transition: background-color .25s ease-out, color .25s ease-out
}

.results-box-faq li a:hover:after,
.results-box-table li a:hover:after,
.results-list li a:hover:after {
    color: #cacaca;
    content: "\edbe";
    content: "";
    float: right;
    font-family: icomain;
    font-size: .875rem;
    margin-left: .75rem
}

.results-box-faq li a strong,
.results-box-table li a strong,
.results-list li a strong {
    color: #006db5;
    text-transform: none
}

.results-box-faq li.selected,
.results-box-table li.selected,
.results-list li.selected {
    background-color: #f6f6f6
}

.results-box-faq li.selected a:after,
.results-box-table li.selected a:after,
.results-list li.selected a:after {
    color: #cacaca;
    content: "\edbe";
    content: "";
    float: right;
    font-family: icomain;
    font-size: .875rem;
    margin-left: .75rem
}

.error-search {
    color: #cc2929;
    margin: 1rem .5rem 0;
    padding-left: 1.5rem
}

.error-search:before {
    content: "\ed4f";
    font-family: icomain;
    left: 1.25rem;
    position: absolute
}

body.fixed {
    padding-top: 5rem
}

.sentinal {
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.logo {
    order: 1
}

.search-trigger {
    order: 2
}

@media print,
screen and (min-width:64em) {
    .search-trigger {
        order: 5
    }
}

.mobile-menu-trigger {
    order: 3
}

.main-menu {
    order: 4
}

.header-search {
    order: 5
}

.menu-start-trading {
    order: 6
}

@media print,
screen and (min-width:64em) {
    .main-menu .link-trade {
        display: none
    }
}

@media screen and (orientation:landscape) and (max-width:63.99875em) {
    .main-header {
        display: flex;
        flex-direction: column;
        max-height: 100vh
    }

    .main-header .rw-container {
        flex: 0 1 auto
    }

    .main-header > .row.align-middle {
        flex: 1 1 50%;
        margin: 0
    }

    .main-menu {
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll
    }

    .rw-container {
        z-index: 3 !important
    }
}

@media screen and (orientation:landscape) and (min-width:64em) and (max-width:79.99875em) {
    .main-menu li ul {
        max-height: 66.677vh;
        overflow-x: hidden
    }
}

@media only screen and (hover:none) and (pointer:coarse) and (max-height:48em) and (max-width:64em) {
    .main-menu {
        max-height: 75vh
    }
}

@media only screen and (hover:none) and (pointer:coarse) and (max-height:48em) and (max-width:62em) {
    .main-menu {
        max-height: 65vh
    }
}

.main-header {
    background-color: #fff;
    z-index: 9999
}

@media print,
screen and (min-width:64em) {
    .main-header {
        padding-bottom: 1rem
    }
}

.blue-header .main-header,
.home .main-header {
    background-color: #004487;
    transition: background .3s
}

.blue-header.islamic-account .main-header,
.blue-header .main-header {
    background-color: #004080
}

.blue-header.islamic-account.is-sticky .main-header,
.home.islamic-account .main-header,
.islamic-account .main-header {
    background: #fefefe url(../Images/islamic-account-topbar-bg.png) no-repeat center -5px
}

@media print,
screen and (min-width:64em) {

    .blue-header.islamic-account.is-sticky .main-header,
    .home.islamic-account .main-header,
    .islamic-account .main-header {
        background-position: top;
        background-size: auto 80%
    }
}

.blue-header.is-sticky .main-header,
.home.is-sticky .main-header,
.home.islamic-account .main-header {
    background-color: #fff
}

.comparison .main-header {
    padding-bottom: 0
}

.is-sticky .main-header {
    box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.fixed .main-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

.main-header > .row {
    padding-top: .75rem
}

@media print,
screen and (min-width:64em) {
    .main-header > .row {
        flex-wrap: nowrap;
        padding-top: 1rem;
        position: relative
    }
}

.main-header > .switcher-row {
    padding: 0;
    position: relative;
    width: 100%
}

.main-header .logo {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

@media print,
screen and (max-width:63.99875em) {
    .main-header .logo {
        padding-bottom: .5rem
    }
}

.main-header .logo .menu-link {
    display: flex
}

.main-header .logo .menu-link svg {
    max-width: 8rem
}

@media print,
screen and (min-width:64em) {
    .main-header .logo .menu-link svg {
        max-width: 10rem
    }
}

.main-header .logo-color-1 {
    fill: #c7cdd5
}

.blue-header .main-header .logo-color-1,
.home .main-header .logo-color-1 {
    fill: #fefefe
}

.blue-header.is-sticky .main-header .logo-color-1,
.home.is-sticky .main-header .logo-color-1,
.home.islamic-account .main-header .logo-color-1 {
    fill: #c7cdd5
}

.main-header .logo-color-2 {
    fill: #233a73;
    stroke: none
}

.blue-header .main-header .logo-color-2,
.home .main-header .logo-color-2 {
    fill: #fefefe
}

.blue-header.is-sticky .main-header .logo-color-2,
.home.is-sticky .main-header .logo-color-2,
.home.islamic-account .main-header .logo-color-2 {
    fill: #233a73
}

.main-header .logo-color-3 {
    fill: #e42527
}

.switcher-trigger-wrapper {
    display: flex;
    margin-left: .375rem;
    position: relative
}

@media screen and (min-width:80em) {
    .switcher-trigger-wrapper {
        margin-left: .5rem
    }
}

@media print,
screen and (min-width:48em) {
    .switcher-trigger-wrapper {
        align-self: flex-end
    }
}

.switcher-trigger-wrapper .switcher-toggler {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    margin-bottom: .25rem
}

@media print,
screen and (min-width:64em) {
    .switcher-trigger-wrapper .switcher-toggler {
        font-size: 1rem;
        margin-bottom: 0
    }
}

.switcher-trigger-wrapper .switcher-toggler .sub-brand-label-cfd {
    background-color: #233a73;
    border-radius: .25rem .25rem .25rem 0;
    color: #fefefe;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.1;
    min-width: 4rem;
    padding: .125rem .9375rem;
    text-transform: uppercase
}

.switcher-trigger-wrapper .switcher-toggler .sub-brand-label-cfd:hover {
    background-color: #324c8b
}

.switcher-trigger-wrapper .switcher-toggler .sub-brand-label-cfd.disabled {
    background-color: rgba(35, 58, 115, .4)
}

@media print,
screen and (min-width:64em) {
    .switcher-trigger-wrapper .switcher-toggler .sub-brand-label-cfd {
        min-width: 4.75rem;
        padding: .25rem .9375rem
    }
}

.blue-header .switcher-trigger-wrapper .switcher-toggler .sub-brand-label-cfd,
.home .switcher-trigger-wrapper .switcher-toggler .sub-brand-label-cfd {
    background-color: rgba(255, 255, 255, .25)
}

.blue-header.is-sticky .switcher-trigger-wrapper .switcher-toggler .sub-brand-label-cfd,
.home.is-sticky .switcher-trigger-wrapper .switcher-toggler .sub-brand-label-cfd,
.home.islamic-account .switcher-trigger-wrapper .switcher-toggler .sub-brand-label-cfd {
    background-color: #233a73
}

.switcher-trigger-wrapper .switcher-toggler:hover .sub-brand-label-cfd {
    background-color: #324c8b
}

.blue-header .switcher-trigger-wrapper .switcher-toggler:hover .sub-brand-label-cfd,
.home .switcher-trigger-wrapper .switcher-toggler:hover .sub-brand-label-cfd {
    background-color: rgba(255, 255, 255, .35)
}

.blue-header.is-sticky .switcher-trigger-wrapper .switcher-toggler:hover .sub-brand-label-cfd,
.home.is-sticky .switcher-trigger-wrapper .switcher-toggler:hover .sub-brand-label-cfd {
    background-color: #324c8b
}

.switcher-trigger-wrapper svg {
    fill: #0a0a0a;
    margin-left: .25rem
}

@media screen and (min-width:80em) {
    .switcher-trigger-wrapper svg {
        margin-left: .5rem
    }
}

.blue-header .switcher-trigger-wrapper svg,
.home .switcher-trigger-wrapper svg {
    fill: #fefefe
}

.blue-header.is-sticky .switcher-trigger-wrapper svg,
.home.is-sticky .switcher-trigger-wrapper svg,
.home.islamic-account .switcher-trigger-wrapper svg {
    fill: #0a0a0a
}

.switcher-popup {
    align-items: center;
    background-color: #fefefe;
    border: none;
    border-radius: .25rem;
    box-shadow: 0 .5rem 1.25rem 0 rgba(0, 0, 0, .3);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    padding: 2rem;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: .75rem;
    transition: opacity .5s ease-in;
    width: 95%;
    z-index: 3
}

@media screen and (min-width:30em) {
    .switcher-popup {
        left: 9rem;
        margin: 0;
        right: auto;
        width: auto
    }
}

@media print,
screen and (min-width:64em) {
    .switcher-popup {
        left: 11.25rem;
        top: .75rem
    }
}

.switcher-popup:before {
    border-bottom: .75rem solid #fefefe;
    border-left: .75rem solid transparent;
    border-right: .75rem solid transparent;
    content: "";
    height: 0;
    left: 9.75rem;
    position: absolute;
    top: -.5rem;
    width: 0
}

@media screen and (min-width:30em) {
    .switcher-popup:before {
        left: 1.375rem
    }
}

@media print,
screen and (min-width:64em) {
    .switcher-popup:before {
        left: 1.75rem
    }
}

.switcher-popup p {
    color: #7a7a7a;
    font-size: .625rem;
    margin-bottom: 0;
    margin-top: .75rem;
    text-align: center
}

.switcher-popup.open {
    opacity: 1;
    pointer-events: all;
    transition-delay: .25s;
    transition-timing-function: ease-out
}

.switcher-popup.open .switcher-toggler .sub-brand-label-cfd {
    background-color: #324c8b
}

.blue-header .switcher-popup.open .switcher-toggler .sub-brand-label-cfd,
.home .switcher-popup.open .switcher-toggler .sub-brand-label-cfd {
    background-color: rgba(255, 255, 255, .35)
}

.blue-header.is-sticky .switcher-popup.open .switcher-toggler .sub-brand-label-cfd,
.home.is-sticky .switcher-popup.open .switcher-toggler .sub-brand-label-cfd {
    background-color: #324c8b
}

.switcher-links-wrapper {
    display: flex;
    flex: 1 0 100%;
    justify-content: center;
    margin-top: auto
}

@media print,
screen and (min-width:48em) {
    .switcher-links-wrapper {
        justify-content: space-around
    }
}

.switcher-links-wrapper.reversed {
    flex-direction: row-reverse
}

.switcher-links-wrapper img {
    margin-left: .5rem;
    margin-right: .5rem
}

.switcher-links-wrapper .link {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 2.5rem;
    min-width: 6rem;
    text-align: center
}

@media screen and (min-width:40em) {
    .switcher-links-wrapper .link {
        min-height: auto;
        min-width: 4.75rem
    }
}

.switcher-links-wrapper .link-cfd {
    background-color: #233a73;
    border-radius: .25rem .25rem .25rem 0;
    color: #fefefe;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.1;
    padding: .313rem .75rem;
    text-transform: uppercase
}

.switcher-links-wrapper .link-cfd:hover {
    background-color: #324c8b
}

.switcher-links-wrapper .link-cfd.disabled {
    background-color: rgba(35, 58, 115, .4)
}

.switcher-links-wrapper .link-invest {
    background-color: #2095d0;
    border-radius: .25rem .25rem .25rem 0;
    color: #fefefe;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.1;
    padding: .313rem .75rem;
    text-transform: uppercase
}

.switcher-links-wrapper .link-invest:hover {
    background-color: #1480b7
}

.switcher-links-wrapper .link-invest.disabled {
    background-color: rgba(32, 149, 208, .4)
}

.search-trigger {
    font-size: 1.25rem;
    margin: 0;
    padding: .5em
}

.blue-header .search-trigger,
.home .search-trigger {
    color: #fefefe
}

.blue-header .search-trigger:focus,
.blue-header .search-trigger:hover,
.home .search-trigger:focus,
.home .search-trigger:hover {
    color: #fefefe
}

.blue-header.is-sticky .search-trigger,
.home.is-sticky .search-trigger,
.home.islamic-account .search-trigger {
    color: #004d99
}

.search-trigger.hover {
    background-color: #fefefe
}

@media print,
screen and (min-width:64em) {
    .search-trigger.hover {
        background-color: #e6e6e6
    }
}

.search-trigger.hover:focus,
.search-trigger.hover:hover {
    background-color: #e6e6e6;
    color: #004d99
}

@media print,
screen and (min-width:64em) {

    .search-trigger.hover:focus,
    .search-trigger.hover:hover {
        background-color: #e6e6e6
    }
}

@media print,
screen and (min-width:64em) {
    .search-trigger.hover:before {
        content: "\edc2"
    }
}

.search-trigger[aria-expanded=true] {
    color: #004d99
}

@media print,
screen and (min-width:48em) {
    .header-search {
        flex: 0 1 0;
        padding: 0
    }
}

.header-search .input-group {
    margin: 0
}

.header-search .input-group > * {
    transition: border .25s ease-in-out
}

.header-search .input-group input {
    background-color: #e6e6e6;
    border-width: 0 0 2px;
    box-shadow: none;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0
}

.header-search .input-group input:focus {
    background-color: #fefefe;
    border-width: 0 0 2px
}

.header-search .input-group input:focus + .input-group-label {
    background-color: #fefefe;
    border-color: #8a8a8a
}

.header-search .input-group input::-webkit-input-placeholder {
    color: #5e5e5e
}

.header-search .input-group input::-moz-placeholder {
    color: #5e5e5e
}

.header-search .input-group input:-ms-input-placeholder {
    color: #5e5e5e
}

.header-search .input-group input::placeholder {
    color: #5e5e5e
}

.header-search .input-group input + .input-group-label {
    background-color: #e6e6e6;
    border-width: 0 0 2px;
    padding: .25em
}

.header-search .input-group input + .input-group-label:before {
    color: #5e5e5e;
    font-size: 1.5rem
}

.header-search .dropdown-pane {
    background-color: #e6e6e6;
    border: none;
    border-bottom: 4px solid #004d99;
    display: flex;
    flex-direction: column;
    left: auto !important;
    right: 0 !important;
    width: 25rem;
    z-index: 1002
}

@media print,
screen and (max-width:63.99875em) {
    .header-search .dropdown-pane {
        left: 0 !important;
        width: 100%
    }
}

.header-search .results {
    display: none;
    width: 100%
}

.header-search .results ul {
    list-style: none;
    margin: 0 0 .875rem;
    max-height: 15rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    width: 100%
}

@media print,
screen and (min-width:48em) {
    .header-search .results ul {
        max-height: 14rem
    }
}

.header-search .results li {
    font-size: 1rem;
    line-height: 1.3
}

.header-search .results li a {
    -webkit-user-drag: none;
    color: #5e5e5e;
    display: block;
    font-weight: 300;
    padding: .5rem
}

.header-search .results li a:hover {
    background-color: #fefefe;
    transition: background-color .25s ease-out, color .25s ease-out
}

.header-search .results li a:hover:after {
    color: #cacaca;
    content: "\edbe";
    content: "";
    float: right;
    font-family: icomain;
    font-size: .875rem;
    margin-left: .75rem
}

.header-search .results li a strong {
    color: #006db5;
    text-transform: none
}

.header-search .results li.selected {
    background-color: #f6f6f6
}

.header-search .results li.selected a:after {
    color: #cacaca;
    content: "\edbe";
    content: "";
    float: right;
    font-family: icomain;
    font-size: .875rem;
    margin-left: .75rem
}

.is-open .results {
    display: flex
}

.is-open .results ul {
    margin-top: 1rem
}

.mobile-menu-trigger {
    display: block;
    font-size: 1.5rem
}

@media print,
screen and (min-width:64em) {
    .mobile-menu-trigger {
        display: none
    }
}

.blue-header .mobile-menu-trigger,
.home .mobile-menu-trigger {
    color: #fefefe
}

.blue-header.is-sticky .mobile-menu-trigger,
.home.is-sticky .mobile-menu-trigger,
.home.islamic-account .mobile-menu-trigger {
    color: #004d99
}

.mobile-menu-trigger span {
    display: none
}

.main-menu li,
.main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.main-menu ul {
    background-color: #e6e6e6;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: hidden;
    transition: all .3s
}

@media print,
screen and (min-width:64em) {
    .main-menu ul {
        overflow: visible
    }
}

.main-menu > ul {
    height: 0;
    position: relative
}

@media print,
screen and (min-width:64em) {
    .main-menu > ul {
        align-items: center;
        background-color: transparent;
        flex-direction: row;
        height: auto !important;
        position: static
    }
}

@media print,
screen and (min-width:64em) {
    .main-menu li {
        position: relative
    }

    .main-menu li.back-link {
        display: none
    }
}

.main-menu li.back-link a {
    align-items: center;
    background-color: #cacaca;
    color: #004d99;
    display: flex;
    font-size: .9375rem;
    margin: -.25rem -.5rem;
    padding: .5rem
}

.main-menu li.back-link a:before {
    border-color: transparent #1779ba transparent transparent;
    border-style: inset solid inset inset;
    border-width: 6px 6px 6px 0;
    content: "";
    display: inline-block;
    height: 0;
    margin-right: .75rem;
    vertical-align: middle;
    width: 0
}

.main-menu li.back-link a:focus {
    background: #94caff
}

.main-menu li.link-rules a,
.main-menu li.link-trade a,
.main-menu li a.menu-link {
    align-items: center;
    display: flex;
    overflow: hidden;
    white-space: nowrap
}

@media print,
screen and (min-width:64em) {

    .blue-header .main-menu li.link-rules a,
    .blue-header .main-menu li.link-trade a,
    .blue-header .main-menu li a.menu-link,
    .home .main-menu li.link-rules a,
    .home .main-menu li.link-trade a,
    .home .main-menu li a.menu-link {
        color: #fff
    }

    .blue-header.is-sticky .main-menu li.link-rules a,
    .blue-header.is-sticky .main-menu li.link-trade a,
    .blue-header.is-sticky .main-menu li a.menu-link,
    .home.is-sticky .main-menu li.link-rules a,
    .home.is-sticky .main-menu li.link-trade a,
    .home.is-sticky .main-menu li a.menu-link,
    .home.islamic-account .main-menu li.link-rules a,
    .home.islamic-account .main-menu li.link-trade a,
    .home.islamic-account .main-menu li a.menu-link {
        color: #5e5e5e
    }
}

.main-menu li.link-rules a span,
.main-menu li.link-trade a span,
.main-menu li a.menu-link span {
    flex: 0 1 auto
}

.main-menu li.link-rules a icon,
.main-menu li.link-trade a icon,
.main-menu li a.menu-link icon {
    flex: 0 0 auto
}

.main-menu li.link-rules:hover a,
.main-menu li.link-trade:hover a,
.main-menu li:hover .menu-link {
    background-color: #e6e6e6;
    color: #006db5
}

@media print,
screen and (min-width:64em) {

    .blue-header .main-menu li.link-rules:hover a,
    .blue-header .main-menu li.link-trade:hover a,
    .blue-header .main-menu li:hover .menu-link,
    .home .main-menu li.link-rules:hover a,
    .home .main-menu li.link-trade:hover a,
    .home .main-menu li:hover .menu-link {
        color: #006db5
    }

    .blue-header.is-sticky .main-menu li.link-rules:hover a,
    .blue-header.is-sticky .main-menu li.link-trade:hover a,
    .blue-header.is-sticky .main-menu li:hover .menu-link,
    .home.is-sticky .main-menu li.link-rules:hover a,
    .home.is-sticky .main-menu li.link-trade:hover a,
    .home.is-sticky .main-menu li:hover .menu-link,
    .home.islamic-account .main-menu li.link-rules:hover a,
    .home.islamic-account .main-menu li.link-trade:hover a,
    .home.islamic-account .main-menu li:hover .menu-link {
        color: #006db5
    }
}

.main-menu li a {
    color: #5e5e5e;
    font-size: .9375rem;
    padding: .5rem;
    position: relative;
    z-index: 1
}

@media print,
screen and (max-width:63.99875em) {
    .main-menu li a {
        display: flex
    }

    .main-menu li a span {
        flex: 1 0 50%
    }

    .main-menu li a span + i {
        transform: rotate(-90deg)
    }
}

.main-menu li a i {
    display: inline-block;
    font-size: .75em;
    justify-self: flex-end;
    padding: 0 .25rem
}

.main-menu li a i:first-child {
    font-size: 1.125em
}

.main-menu li a i:first-child:before {
    vertical-align: -15%
}

.main-menu li ul {
    min-width: 13rem;
    position: absolute;
    z-index: 2
}

@media print,
screen and (max-width:63.99875em) {
    .main-menu li ul {
        left: 100%;
        top: 0;
        width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .main-menu li ul {
        border-bottom: 3px solid #004d99;
        left: 0;
        padding-bottom: .5rem;
        padding-top: .5rem
    }
}

.main-menu li ul > li {
    padding: .25rem .5rem;
    transition: none
}

.main-menu li ul > li:hover {
    background-color: #004d99
}

.main-menu li ul > li:hover > a {
    color: #fff
}

.main-menu li ul > li a {
    display: block;
    line-height: 1.2;
    padding: .25em
}

.main-menu li ul > li.separator {
    border-top: 1px solid #cecece;
    margin: .75rem 0 .25rem;
    padding: .25rem .5rem .375rem
}

@media print,
screen and (max-width:63.99875em) {
    .main-menu li ul > li.separator {
        margin-bottom: 0
    }
}

.main-menu li ul > li.separator:hover {
    background-color: #e6e6e6
}

.main-menu li ul > li.separator span {
    font-size: .75rem;
    font-weight: 400
}

@media print,
screen and (max-width:63.99875em) {
    .main-menu li ul > li.separator span {
        font-size: .8125rem
    }
}

.main-menu li ul > li.link-product-invest a {
    color: #004d99;
    font-weight: 500
}

.main-menu li ul > li.link-product-invest:hover a {
    color: #fefefe
}

@media print,
screen and (min-width:64em) {
    .main-menu li.languages ul {
        left: auto;
        right: 0
    }
}

.main-menu li.languages ul.many-lang {
    align-items: baseline;
    flex-direction: row;
    flex-wrap: wrap
}

@media print,
screen and (min-width:64em) {
    .main-menu li.languages ul.many-lang {
        min-width: 26rem
    }
}

.main-menu li.languages ul.many-lang li:first-child {
    flex: 0 0 100%
}

.main-menu li.languages ul.many-lang li:nth-child(n+2) {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0
}

.main-menu li.languages ul.many-lang li:nth-child(n+2) a {
    font-size: .75rem;
    padding: 1em .75em
}

@media print,
screen and (min-width:64em) {
    .main-menu li.languages ul.many-lang li:nth-child(n+2) a {
        font-size: .9375rem;
        padding: .675em 1em
    }
}

.main-menu li.languages ul.many-lang li:nth-child(4n+3) a,
.main-menu li.languages ul.many-lang li:nth-child(4n+4) a {
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

@media print,
screen and (min-width:64em) {

    .main-menu li.languages ul.many-lang li:nth-child(4n+3) a,
    .main-menu li.languages ul.many-lang li:nth-child(4n+4) a {
        padding: 1em .75em;
        text-align: left
    }
}

.main-menu li.languages ul.many-lang li:nth-child(4n+5) a {
    text-align: right
}

@media print,
screen and (min-width:64em) {
    .main-menu li.languages ul.many-lang li:nth-child(4n+5) a {
        padding: 1em .75em;
        text-align: left
    }
}

@media print,
screen and (min-width:64em) {
    .main-menu li .menu-link ~ ul {
        display: none
    }

    .main-menu li:hover .menu-link ~ ul {
        display: flex
    }
}

@media print,
screen and (max-width:63.99875em) {
    .main-menu ul.drill-down > li.open ul {
        display: flex;
        left: 0
    }
}

.menu-start-trading {
    display: none
}

@media print,
screen and (min-width:64em) {
    .menu-start-trading {
        display: block
    }
}

.menu-start-trading a {
    background: #004080;
    border-radius: .5rem;
    color: #fefefe;
    font-size: .9375rem;
    line-height: 1;
    padding: .375rem .75rem
}

@media print,
screen and (min-width:64em) {
    .menu-start-trading a {
        display: block;
        text-align: center
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .menu-start-trading a {
        font-size: .875rem
    }
}

@media screen and (min-width:80em) {
    .menu-start-trading a {
        padding-bottom: .5rem;
        padding-top: .5rem
    }
}

.menu-start-trading a:hover {
    background-color: #006db5
}

.blue-header .menu-start-trading a:hover,
.home .menu-start-trading a:hover {
    background-color: #fefefe;
    color: #004d99
}

.blue-header.is-sticky .menu-start-trading a:hover,
.home.is-sticky .menu-start-trading a:hover,
.home.islamic-account .menu-start-trading a:hover {
    background-color: #006db5;
    color: #fefefe
}

footer.callout {
    padding-bottom: 3rem
}

.footer {
    border-top: 0
}

.footer p,
.footer span {
    font-weight: 400
}

.footer *,
.footer p,
.footer span {
    font-size: .75rem
}

@media print,
screen and (min-width:48em) {

    .footer *,
    .footer p,
    .footer span {
        font-size: .875rem
    }
}

.footer .menu {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem
}

@media print,
screen and (min-width:64em) {
    .footer .menu {
        justify-content: flex-start
    }
}

.footer .menu li {
    display: inline;
    padding: .25rem .5rem
}

@media print,
screen and (min-width:64em) {
    .footer .menu li {
        padding-left: 0
    }
}

.footer .menu a {
    color: #5e5e5e;
    padding: 0
}

.footer-item {
    flex-wrap: wrap;
    margin-bottom: .5rem;
    text-align: center
}

.footer-item li {
    border-right: 1px solid #767676;
    margin-bottom: .25rem;
    padding: .125rem .5rem
}

@media print,
screen and (min-width:48em) {
    .footer-item li {
        margin-right: .5rem
    }
}

.footer-item li:last-child {
    border: none;
    margin: 0
}

.footer-item:last-child {
    margin-bottom: 0
}

@media print,
screen and (min-width:64em) {
    .footer-item {
        text-align: left
    }
}

.footer-info {
    display: flex
}

@media print,
screen and (max-width:47.99875em) {
    .footer-info {
        flex-wrap: wrap;
        justify-content: center
    }

    .footer-info div {
        margin-bottom: .5rem;
        width: 100%
    }
}

.footer .footer-text {
    flex: 1 0 100%
}

.footer .footer-text * {
    line-height: 1.3
}

.footer .footer-text .portugese-risk-text p {
    font-weight: 500
}

.footer .footer-text span a {
    color: #5e5e5e
}

.social {
    align-items: flex-start;
    display: flex;
    justify-content: center
}

@media print,
screen and (min-width:64em) {
    .social {
        justify-content: flex-end;
        order: 2
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .social {
        padding-right: .5rem
    }
}

.social .menu li {
    margin-top: -.125rem;
    padding-left: .5rem;
    padding-right: 0;
    position: relative
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .social .menu li {
        padding-left: .375rem
    }
}

.social > span {
    text-align: right
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .social > span {
        white-space: nowrap
    }
}

.social + div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media print,
screen and (min-width:64em) {
    .social + div {
        justify-content: flex-start;
        order: 1
    }
}

.social a {
    margin-left: .25rem;
    margin-top: -.25rem
}

.social a:hover {
    background: none !important
}

.social a:hover .icon {
    transition: color .25s ease-in
}

.social a:hover .icon-facebook2 {
    color: #3b5998
}

.social a:hover .icon-twitter {
    color: #00aced
}

.social a:hover .icon-instagram {
    color: #bc32a4
}

.social a:hover .icon-whatsapp {
    color: #4fce5d
}

.social a:hover .icon-linkedin2 {
    color: #0e76a8
}

.social .icon {
    font-size: 1.5rem;
    margin: 0
}

.portugese-risk-text {
    border: 3px solid #0a0a0a;
    margin-bottom: 1rem;
    padding: .5rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .portugese-risk-text {
        border: 4px solid #0a0a0a
    }
}

.portugese-risk-text p {
    color: #0a0a0a;
    font-size: .75rem;
    margin: 0
}

.portugese-risk-text strong {
    color: #0a0a0a;
    font-weight: 700;
    text-align: center
}

@-webkit-keyframes animate-support-button-in {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1
    }
}

@keyframes animate-support-button-in {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes animate-support-button-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes animate-support-button-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

.support-area {
    background-color: #2b827b;
    padding: 2rem 0
}

.support-area h5,
.support-area span {
    color: #fefefe
}

.support-area .button-support {
    border: 1px solid #fefefe;
    border-radius: 8px;
    font-size: .875rem;
    line-height: 1.3;
    margin-bottom: 0;
    padding: .875rem 1.25rem
}

@media print,
screen and (max-width:47.99875em) {
    .support-area .button-support {
        margin-top: 1rem
    }
}

@media print,
screen and (min-width:48em) {
    .support-area .button-support {
        font-size: 1rem
    }
}

.support-area .button-support:focus,
.support-area .button-support:hover {
    background: #fefefe;
    border-color: #fefefe
}

.support-area .button-support:focus span,
.support-area .button-support:hover span {
    color: #004d99
}

@media print,
screen and (max-width:47.99875em) {
    .support-area h5 {
        margin-bottom: .5rem
    }
}

.side-buttons {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-name: animate-support-button-in;
    animation-name: animate-support-button-in;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    bottom: 100%;
    margin-bottom: .5rem;
    position: absolute;
    right: .5rem
}

.side-buttons.animate-out {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: animate-support-button-out;
    animation-name: animate-support-button-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@media print,
screen and (max-width:47.99875em) {
    .side-buttons.animate-out {
        -webkit-animation-delay: 0;
        animation-delay: 0;
        -webkit-animation-duration: .5s;
        animation-duration: .5s
    }
}

.side-buttons a.button {
    background: #2b827b;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    height: 3.5rem;
    justify-content: space-around;
    margin: 0;
    padding: .125rem;
    width: 3.5rem
}

.side-buttons a.button span {
    color: inherit;
    font-size: .6875rem
}

.side-buttons a.button span.icon {
    font-size: 1.25rem
}

.side-buttons a.button span:not(.icon) {
    line-height: 1.2
}

.side-buttons a.button:nth-child(n+2) {
    margin-top: .625rem
}

.sticky-container-fix {
    bottom: 0;
    position: fixed
}

.cookie-anchor:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.sticky-cookie-wrapper {
    background: #3e3e3e;
    position: relative
}

.cookie-banner {
    padding: .75rem 0
}

.cookie-banner .cookie-banner-content {
    align-items: center;
    display: flex;
    justify-content: center
}

.cookie-banner .cookie-banner-content p {
    font-weight: 300
}

.cookie-banner.cookie-out {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: cookie-out;
    animation-name: cookie-out;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    visibility: visible
}

@-webkit-keyframes cookie-out {
    0% {
        max-height: 5rem;
        opacity: 1
    }

    to {
        max-height: 0;
        opacity: 0;
        padding: 0;
        visibility: hidden
    }
}

@keyframes cookie-out {
    0% {
        max-height: 5rem;
        opacity: 1
    }

    to {
        max-height: 0;
        opacity: 0;
        padding: 0;
        visibility: hidden
    }
}

.cookie-banner p {
    color: #fefefe;
    margin: 0;
    padding-right: 1rem
}

@media print,
screen and (max-width:47.99875em) {
    .cookie-banner p {
        font-size: .8125rem;
        line-height: 1.3
    }
}

@media print,
screen and (min-width:48em) {
    .cookie-banner p {
        font-size: .9375rem
    }
}

.cookie-banner p a {
    color: #fefefe;
    text-decoration: underline
}

@media print,
screen and (min-width:48em) {
    .cookie-banner p a {
        white-space: nowrap
    }
}

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

.cookie-banner .cookie-button {
    background: #0073e6;
    border: none;
    border-radius: 8px;
    color: #fefefe;
    font-size: 1.125rem;
    margin-bottom: 0;
    margin-left: auto;
    margin-top: 0;
    padding: .625rem 1.5rem
}

@media print,
screen and (max-width:47.99875em) {
    .cookie-banner .cookie-button {
        font-size: 1rem;
        padding: .5rem
    }
}

.cookie-banner .cookie-button:hover {
    background: #fefefe;
    color: #0073e6
}

@-webkit-keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.ital-text {
    font-style: italic
}

.bold-text {
    font-weight: 500
}

.bolder-text {
    font-weight: 700
}

.home .area.main-section {
    background-attachment: fixed;
    background-color: #004487;
    background-image: linear-gradient(0deg, #59acff, transparent 50%);
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0
}

@media print,
screen and (min-width:48em) {
    .home .area.main-section {
        background-image: linear-gradient(180deg, #004487 25%, transparent 50%), radial-gradient(60% 90% at 50% 120%, #59acff 20%, transparent 80% 100%);
        min-height: 70rem
    }
}

@media screen and (min-width:48em) and (orientation:landscape) {
    .home .area.main-section {
        min-height: 73rem
    }
}

@media print,
screen and (min-width:64em) {
    .home .area.main-section {
        background-image: linear-gradient(180deg, #004487 15%, transparent 30%), radial-gradient(60% 90% at 50% 90%, #59acff 20%, transparent 80% 100%)
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .home .area.main-section {
        padding-bottom: 0
    }
}

@media screen and (min-width:64em) and (max-width:79.99875em) and (orientation:portrait) {
    .home .area.main-section {
        min-height: 68rem
    }
}

@media screen and (min-width:80em) and (max-width:89.99875em) and (orientation:landscape) {
    .home .area.main-section {
        min-height: 70rem
    }
}

@media screen and (min-width:90em) {
    .home .area.main-section {
        min-height: 75rem
    }
}

@media screen and (min-width:100em) {
    .home .area.main-section {
        min-height: 80rem
    }
}

.home .area.main-section .section-height {
    padding: 3rem 2rem 2rem
}

@media print,
screen and (max-width:47.99875em) {
    .home .area.main-section .section-height {
        padding-top: 1rem
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .home .area.main-section .section-height {
        padding-top: 0
    }
}

.home .area.main-section .parallax-scroll-snap-top a {
    position: absolute
}

.home .area.main-section .main-content {
    text-align: center
}

@media print,
screen and (min-width:48em) {
    .home .area.main-section .main-content {
        margin-top: 1.5rem
    }
}

.home .area.main-section .main-image,
.home .area.main-section .tools-main {
    text-align: center
}

@media print,
screen and (max-width:47.99875em) {

    .home .area.main-section .main-image,
    .home .area.main-section .tools-main {
        padding-bottom: 1rem
    }
}

@media print,
screen and (min-width:48em) {

    .home .area.main-section .main-image,
    .home .area.main-section .tools-main {
        padding: 1rem 0 0;
        position: relative
    }
}

.home .area.main-section .main-image .parallax,
.home .area.main-section .tools-main .parallax {
    margin: 0 auto;
    width: 100%
}

@media print,
screen and (min-width:48em) {

    .home .area.main-section .main-image .parallax.fixed,
    .home .area.main-section .tools-main .parallax.fixed {
        left: 0;
        position: fixed;
        right: 0
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {

    .home .area.main-section .main-image .parallax,
    .home .area.main-section .tools-main .parallax {
        max-width: 38rem
    }
}

@media screen and (min-width:48em) and (max-width:63.99875em) and (orientation:portrait) {

    .home .area.main-section .main-image .parallax,
    .home .area.main-section .tools-main .parallax {
        max-width: 44rem
    }
}

@media print,
screen and (min-width:64em) {

    .home .area.main-section .main-image .parallax,
    .home .area.main-section .tools-main .parallax {
        max-width: 50rem
    }
}

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

    .home .area.main-section .main-image .parallax,
    .home .area.main-section .tools-main .parallax {
        max-width: 58rem
    }
}

@media screen and (min-width:80em) and (max-width:89.99875em) and (orientation:landscape) {

    .home .area.main-section .main-image .parallax,
    .home .area.main-section .tools-main .parallax {
        max-width: 50rem
    }
}

@media screen and (min-width:80em) and (max-width:89.99875em) and (orientation:portrait) {

    .home .area.main-section .main-image .parallax,
    .home .area.main-section .tools-main .parallax {
        max-width: 55rem
    }
}

.home .area.main-section .main-image .parallax .twentytwenty-container,
.home .area.main-section .tools-main .parallax .twentytwenty-container {
    border-radius: 2.8125rem;
    opacity: 0;
    transition: opacity .15s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.home .area.main-section .main-image .parallax .twentytwenty-container.fixlazy,
.home .area.main-section .tools-main .parallax .twentytwenty-container.fixlazy {
    overflow: visible
}

.home .area.main-section .main-image .parallax .twentytwenty-container[style],
.home .area.main-section .tools-main .parallax .twentytwenty-container[style] {
    opacity: 1;
    transition-delay: .1s
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {

    .home .area.main-section .main-image .parallax .twentytwenty-container,
    .home .area.main-section .tools-main .parallax .twentytwenty-container {
        border-radius: 1.8125rem
    }
}

.home .area.main-section .main-image .parallax .twentytwenty-container .twentytwenty-left-arrow,
.home .area.main-section .tools-main .parallax .twentytwenty-container .twentytwenty-left-arrow {
    border-right-color: #555
}

@media print,
screen and (max-width:47.99875em) {

    .home .area.main-section .main-image > img,
    .home .area.main-section .tools-main > img {
        align-self: center;
        border-radius: 2.75em;
        box-shadow: -.625rem .625rem 1.25rem 0 rgba(0, 0, 0, .32)
    }
}

.home .area.main-section h1 {
    color: #fefefe;
    font-weight: 400
}

@media print,
screen and (max-width:47.99875em) {
    .home .area.main-section h1 {
        margin-top: 0
    }
}

@media print,
screen and (min-width:48em) {
    .home .area.main-section h1 {
        margin-top: 2rem
    }
}

@media print,
screen and (min-width:64em) {
    .home .area.main-section h1 {
        font-size: 2.75rem
    }
}

.home .area.main-section h1 sup,
.home .area.main-section h2 {
    color: #fefefe
}

.home .area.main-section .start-trading .button {
    background: #fefefe;
    border: 1px solid #fefefe;
    border-radius: 3rem;
    box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
    color: #004d99;
    font-weight: 500
}

.home .area.main-section .start-trading .button:hover {
    background: #004d99;
    color: #fefefe
}

.home .area.main-section .start-trading a:not(.button).link-bonus {
    color: #fefefe;
    margin-top: 1.5rem
}

.home .area.main-section .start-trading a:not(.button).link-bonus span,
.home .area.main-section .start-trading a:not(.button).link-bonus strong {
    color: #fefefe
}

@media print,
screen and (min-width:64em) {
    .home .area.main-section .start-trading .main-cta > div {
        align-self: flex-end
    }

    .home .area.main-section .start-trading .cta-hollow-wrap > div {
        align-self: flex-start
    }
}

.home .area.main-section .start-trading .demo-link,
.home .area.main-section .start-trading .demo-link * {
    color: #fefefe
}

.home .area.main-section .start-trading .buttons-separator > span {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 1rem;
    justify-content: center
}

.home .area.main-section .start-trading .buttons-separator > span:after,
.home .area.main-section .start-trading .buttons-separator > span:before {
    border-top: 1px solid #fefefe;
    content: "";
    display: block;
    margin: 0 1rem;
    opacity: .5;
    width: 3rem
}

.home .area.main-section .start-trading .cta-hollow-wrap .button {
    background: none;
    color: #fefefe;
    font-weight: 300
}

.home .area.main-section .start-trading .cta-hollow-wrap .button:hover {
    background: #004487
}

.home .area.main-section .start-trading-wide > div {
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%
}

@media print,
screen and (min-width:64em) {
    .home .area.main-section .start-trading-wide > div {
        flex-direction: row
    }
}

.home .area.main-section .start-trading-wide > div > div {
    align-items: center;
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    justify-content: flex-end
}

@media print,
screen and (max-width:63.99875em) {
    .home .area.main-section .start-trading-wide > div > div {
        flex: 1 1 auto
    }
}

@media print,
screen and (min-width:48em) {
    .home .area.main-section .start-trading-wide > div > div {
        flex: 1 1 50%
    }
}

@media screen and (min-width:48em) and (max-width:63.99875em) and (orientation:portrait) {
    .home .area.main-section .start-trading-wide > div > div {
        flex: 1 1 auto
    }
}

@media print,
screen and (min-width:64em) {
    .home .area.main-section .start-trading-wide > div > div {
        flex: 1 1 33.33333%
    }
}

.home .area.main-section .start-trading-wide > div > div.buttons-separator {
    flex: 0 1 20%;
    justify-content: flex-end;
    margin: .75rem 0
}

.home .area.main-section .start-trading-wide > div > div.buttons-separator span {
    color: #fefefe;
    text-transform: capitalize
}

@media print,
screen and (max-width:47.99875em) {
    .home .area.main-section .start-trading-wide > div > div.buttons-separator {
        flex: 1 1 auto
    }
}

@media print,
screen and (min-width:48em) {
    .home .area.main-section .start-trading-wide > div > div.buttons-separator {
        flex: 1 0 10%
    }
}

@media print,
screen and (min-width:64em) {
    .home .area.main-section .start-trading-wide > div > div.buttons-separator {
        flex: 1 0 15%;
        margin: 0 0 2rem
    }
}

.home .area.main-section .start-trading-wide .cta-wrap a {
    justify-content: center;
    margin-left: 0;
    margin-right: 0
}

.home .area.main-section .start-trading-wide .cta {
    font-size: 1.25rem;
    min-width: 16rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.home .area.main-section + .page-sections > section.area:first-child {
    box-shadow: 0 0 4rem .25rem rgba(0, 0, 0, .5)
}

.home.islamic-account .area.main-section {
    background-color: #fefefe;
    background-image: none
}

@media print,
screen and (min-width:48em) {
    .home.islamic-account .area.main-section {
        padding: 2rem
    }

    .home.islamic-account .area.main-section .main-content {
        margin-top: 2rem
    }
}

@media print,
screen and (min-width:64em) {
    .home.islamic-account .area.main-section .main-content {
        text-align: left
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .home.islamic-account .area.main-section .main-content {
        margin-top: .75rem
    }
}

.home.islamic-account .area.main-section h1 {
    color: #004d99
}

@media print,
screen and (min-width:48em) {
    .home.islamic-account .area.main-section h1 {
        font-weight: 300
    }
}

@media print,
screen and (max-width:63.99875em) {
    .home.islamic-account .area.main-section h1 {
        margin-top: 0
    }
}

@media print,
screen and (min-width:64em) {
    .home.islamic-account .area.main-section h1 {
        font-size: 1.875rem
    }
}

@media screen and (min-width:80em) {
    .home.islamic-account .area.main-section h1 {
        font-size: 2.375rem
    }
}

.home.islamic-account .area.main-section h2 {
    color: #5e5e5e
}

@media print,
screen and (min-width:48em) {
    .home.islamic-account .area.main-section .start-trading {
        margin-top: 1.875rem
    }
}

.home.islamic-account .area.main-section .start-trading a:not(.button).link-bonus {
    color: #004d99;
    margin-top: 0
}

.home.islamic-account .area.main-section .start-trading a:not(.button).link-bonus span,
.home.islamic-account .area.main-section .start-trading a:not(.button).link-bonus strong {
    color: #004d99
}

.home.islamic-account .area.main-section .start-trading .button {
    background-color: #004080;
    border: 1px solid transparent;
    border-radius: 8px;
    box-shadow: none;
    color: #fefefe;
    font-size: 1.125rem;
    font-weight: 300;
    padding: .875rem 1.25rem
}

@media screen and (orientation:landscape) {
    .home.islamic-account .area.main-section .start-trading .button {
        font-size: 1.25rem
    }
}

@media print,
screen and (min-width:48em) {
    .home.islamic-account .area.main-section .start-trading .button {
        font-size: 1.5rem;
        padding: 1rem 1.75rem
    }
}

.home.islamic-account .area.main-section .start-trading .button:hover {
    background-color: #00548d
}

.home.islamic-account .area.main-section + .page-sections > section.area:first-child {
    box-shadow: none
}

#atalanta-back,
#legia-back,
#youngboys-back {
    opacity: 0;
    position: absolute
}

.sponsorships-section {
    background-color: #004d99
}

@media print,
screen and (max-width:47.99875em) {
    .sponsorships-section {
        background-image: linear-gradient(180deg, #004487 0, transparent 50%), radial-gradient(55% 40% at 50% 40%, #59acff 35%, transparent 100% 100%);
        padding-top: 2rem
    }

    .sponsorships-section:last-child,
    .sponsorships-section:nth-last-child(2) {
        max-width: none
    }
}

@media print,
screen and (min-width:48em) {
    .sponsorships-section {
        background-image: linear-gradient(180deg, #004487 25%, transparent 50%), radial-gradient(60% 90% at 50% 120%, #59acff 20%, transparent 80% 100%);
        display: flex;
        flex-direction: column;
        padding: 2rem 1rem 0
    }
}

@media print,
screen and (min-width:64em) {
    .sponsorships-section {
        background-image: linear-gradient(180deg, #004487 15%, transparent 30%), radial-gradient(60% 90% at 50% 90%, #59acff 20%, transparent 80% 100%);
        padding-top: 3rem
    }
}

.sponsorships-section:first-child {
    margin-bottom: 1rem
}

.sponsorships-section .button {
    border-radius: .5rem;
    line-height: 1.3;
    margin-bottom: 0;
    padding: .5rem;
    text-decoration: none !important
}

@media print,
screen and (max-width:47.99875em) {
    .sponsorships-section .button {
        font-size: .875rem;
        white-space: normal
    }
}

@media print,
screen and (min-width:48em) {
    .sponsorships-section .button {
        font-size: 1rem;
        white-space: nowrap
    }
}

.sponsorships-section .button.bullet {
    display: flex
}

.sponsorships-section .button.bullet:before {
    background: #fefefe;
    border: 1px solid #bbb;
    border-radius: 50%;
    content: "";
    float: left;
    height: .625em;
    margin-bottom: auto;
    margin-right: .375rem;
    margin-top: auto;
    width: .625em
}

.sponsorships-section .button.bullet:hover {
    background-color: #004d99;
    color: #fefefe;
    transition: background-color .25s ease-out, color .25s ease-out
}

.sponsorships-section .button.bullet:hover:before {
    background-color: #fefefe;
    border-color: #fefefe
}

.sponsorships-section .button.bullet:hover span {
    color: #fefefe
}

.sponsorships-section .button.bullet span {
    color: #004d99
}

.sponsorships-section .button.hollow {
    border: 1px solid #bbb
}

.sponsorships-section .button.hollow:hover {
    border-color: #004d99
}

@media print,
screen and (min-width:48em) {
    .sponsorships-section .button {
        padding: .75rem;
        white-space: normal
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .sponsorships-section .button {
        font-size: .75rem;
        padding: .5rem .375rem
    }
}

.sponsorships-section .button.hollow {
    border-color: #fefefe;
    color: #fefefe
}

.sponsorships-section .button.hollow:hover {
    border-color: #fefefe
}

@media print,
screen and (min-width:48em) {
    .sponsorships-section > div {
        width: 100%
    }

    .sponsorships-section > div:nth-last-child(3) {
        order: 4
    }

    .sponsorships-section > div:last-child {
        order: 3
    }
}

.sponsorships-section .section-text,
.sponsorships-section .section-title {
    color: #fefefe
}

.sponsorships-section .section-title {
    font-weight: 500
}

.sponsorships-section .logos,
.sponsorships-section .players {
    justify-content: center
}

.sponsorships-section .logos > div,
.sponsorships-section .players > div {
    text-align: center
}

@media print,
screen and (max-width:47.99875em) {

    .sponsorships-section .logos,
    .sponsorships-section .players {
        flex-wrap: wrap
    }
}

.sponsorships-section .divider {
    background-color: #fefefe;
    height: 4px;
    width: 100%
}

.sponsorships-section .logos {
    display: flex;
    width: 100%
}

@media print,
screen and (max-width:47.99875em) {
    .sponsorships-section .logos {
        background-color: #004487;
        padding: 1.5rem 1rem 2.5rem
    }
}

@media print,
screen and (min-width:48em) {
    .sponsorships-section .logos {
        margin: 1.5rem 0
    }
}

@media print,
screen and (max-width:47.99875em) {
    .sponsorships-section .logo {
        flex: 0 0 15rem;
        max-width: 50%
    }
}

@media print,
screen and (min-width:48em) {
    .sponsorships-section .logo {
        flex: 0 1 20%;
        max-width: 20%
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .sponsorships-section .logo {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.sponsorships-section .logo a {
    cursor: default
}

@media print,
screen and (min-width:48em) {
    .sponsorships-section .logo a {
        display: inline-block;
        max-width: 15rem;
        text-align: center
    }
}

.sponsorships-section .logo a span {
    display: none
}

@media print,
screen and (min-width:48em) {
    .sponsorships-section .logo > div:first-child {
        height: 12.5rem
    }
}

.sponsorships-section .logo > div:first-child a {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%
}

@media print,
screen and (max-width:47.99875em) {
    .sponsorships-section .logo > div:first-child a {
        justify-content: center;
        min-height: 10rem
    }
}

@media print,
screen and (min-width:48em) {
    .sponsorships-section .logo > div:first-child a {
        justify-content: center;
        position: relative
    }
}

@media print,
screen and (max-width:47.99875em) {
    .sponsorships-section .logo > div:first-child img {
        height: 7rem;
        max-width: 5rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .sponsorships-section .logo.featured {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 1rem;
        max-width: 12rem
    }

    .sponsorships-section .logo.featured a {
        text-align: center
    }

    .sponsorships-section .logo.featured img {
        max-width: 100%
    }

    .sponsorships-section .logo.featured .button {
        font-size: 1rem;
        margin-bottom: 1.5rem;
        margin-top: 1.5rem
    }

    .sponsorships-section .logo.featured .button.hollow {
        padding-right: 1.5rem;
        position: relative
    }

    .sponsorships-section .logo.featured .button:after {
        bottom: 0;
        content: "";
        font-family: icomain;
        font-size: .75rem;
        font-weight: 700;
        height: 1rem;
        margin: auto;
        position: absolute;
        right: .5rem;
        top: 0
    }
}

@media print,
screen and (min-width:48em) {
    .sponsorships-section .logo.available a {
        cursor: pointer
    }

    .sponsorships-section .logo.available:hover #atalanta-back,
    .sponsorships-section .logo.available:hover #legia-back,
    .sponsorships-section .logo.available:hover #youngboys-back {
        opacity: 1
    }

    .sponsorships-section .logo.available:hover #atalanta-front,
    .sponsorships-section .logo.available:hover #legia-front,
    .sponsorships-section .logo.available:hover #youngboys-front {
        opacity: 0
    }

    .sponsorships-section .logo.available:hover .button {
        background-color: #fefefe;
        color: #004080
    }

    .sponsorships-section .logo.available:hover .button:hover {
        cursor: pointer
    }

    .sponsorships-section .logo.available .button.hollow {
        padding-right: 1.5rem;
        position: relative
    }

    .sponsorships-section .logo.available .button:after {
        bottom: 0;
        content: "";
        font-family: icomain;
        font-size: .75rem;
        font-weight: 700;
        height: 1rem;
        margin: auto;
        position: absolute;
        right: .5rem;
        top: 0
    }
}

@media print,
screen and (max-width:47.99875em) {
    .sponsorships-section .logo.available img {
        max-height: 5.5rem
    }

    .sponsorships-section .logo.available a span {
        display: block;
        font-size: .75rem;
        margin-top: .75rem;
        padding-bottom: .5rem;
        padding-left: .5rem;
        padding-top: .5rem
    }

    .sponsorships-section .logo.available a span.hollow {
        padding-right: 1.5rem;
        position: relative
    }

    .sponsorships-section .logo.available a span:after {
        bottom: 0;
        content: "";
        font-family: icomain;
        font-size: .75rem;
        font-weight: 700;
        height: 1rem;
        margin: auto;
        position: absolute;
        right: .5rem;
        top: 0
    }
}

@media print,
screen and (max-width:47.99875em) {
    .sponsorships-section .players {
        max-height: 25rem;
        overflow: hidden;
        width: 100%
    }
}

@media print,
screen and (min-width:48em) {
    .sponsorships-section .players {
        min-height: 20rem;
        position: relative;
        width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .sponsorships-section .players {
        min-height: 23rem
    }
}

@media screen and (min-width:80em) {
    .sponsorships-section .players {
        min-height: 25rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .sponsorships-section .players div {
        display: none
    }

    .sponsorships-section .players div.featured {
        display: block;
        padding: 0 1rem
    }
}

@media print,
screen and (min-width:48em) {
    .sponsorships-section .players div {
        bottom: 0;
        max-width: 25%;
        padding: 0;
        position: absolute
    }

    .sponsorships-section .players div.featured {
        left: 0;
        margin: 0 auto;
        max-width: 35%;
        right: 0
    }

    .sponsorships-section .players div:first-child {
        left: 12%
    }

    .sponsorships-section .players div:last-child {
        right: 12%
    }
}

@media print,
screen and (min-width:48em) {
    .sponsorships-section .players img {
        max-width: 100%
    }

    .sponsorships-section .players-layer3 {
        z-index: 3
    }

    .sponsorships-section .players-layer2 {
        z-index: 2
    }

    .sponsorships-section .players-layer1 {
        z-index: 1
    }
}

.sponsorships-section.atalanta #atalanta-back {
    opacity: 1
}

.sponsorships-section.atalanta #atalanta-front {
    opacity: 0
}

.sponsorships-section.legia #legia-back {
    opacity: 1
}

.sponsorships-section.legia #legia-front {
    opacity: 0
}

.sponsorships-section.youngboys #youngboys-back {
    opacity: 1
}

.sponsorships-section.youngboys #youngboys-front {
    opacity: 0
}

.products-introduction-section {
    background-color: #fefefe;
    display: flex;
    padding: 0;
    text-align: center
}

@media print,
screen and (min-width:64em) {
    .products-introduction-section.lazyloaded {
        background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/products-section-bg.webp);
        background-position: 47% -6.875rem;
        background-repeat: no-repeat
    }
}

.products-introduction-section .main-row {
    flex: 1 0 100%
}

@media print,
screen and (min-width:64em) {
    .products-introduction-section .main-row {
        justify-content: space-between
    }
}

.products-introduction-section img {
    margin-bottom: 2.375rem
}

.products-introduction-section p {
    font-size: 1.25rem;
    font-weight: 300;
    margin: 0
}

.products-introduction-section .first,
.products-introduction-section .last {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 8rem;
    padding-top: 8rem
}

.products-introduction-section .first {
    order: 2
}

@media print,
screen and (max-width:63.99875em) {
    .products-introduction-section .first {
        background-color: #004d99
    }
}

@media print,
screen and (min-width:64em) {
    .products-introduction-section .first {
        order: 1
    }
}

@media print,
screen and (max-width:63.99875em) {
    .products-introduction-section .first p {
        color: #fefefe
    }
}

.products-introduction-section .last {
    order: 1
}

@media print,
screen and (min-width:64em) {
    .products-introduction-section .last {
        order: 2
    }
}

@media print,
screen and (min-width:64em) {
    .products-introduction-section .current-product > :last-child {
        margin-bottom: auto
    }
}

.products-introduction-section .logo-cfd {
    display: none
}

@media print,
screen and (min-width:64em) {
    .products-introduction-section .logo-cfd {
        display: block
    }

    .products-introduction-section .logo-cfd-white {
        display: none
    }
}

.products-introduction-section .cta {
    border-radius: .5rem;
    border-radius: 2rem;
    box-shadow: 0 .813rem 1.125rem 0 rgba(0, 0, 0, .23);
    color: #fefefe;
    font-weight: 500;
    line-height: 1.3;
    margin: 2rem 0 0;
    min-width: 13.75rem;
    padding: .625rem 1rem;
    text-decoration: none !important;
    text-transform: uppercase
}

@media print,
screen and (max-width:47.99875em) {
    .products-introduction-section .cta {
        font-size: .875rem;
        white-space: normal
    }
}

@media print,
screen and (min-width:48em) {
    .products-introduction-section .cta {
        font-size: 1rem;
        white-space: nowrap
    }
}

.products-introduction-section .cta.bullet {
    display: flex
}

.products-introduction-section .cta.bullet:before {
    background: #fefefe;
    border: 1px solid #bbb;
    border-radius: 50%;
    content: "";
    float: left;
    height: .625em;
    margin-bottom: auto;
    margin-right: .375rem;
    margin-top: auto;
    width: .625em
}

.products-introduction-section .cta.bullet:hover {
    background-color: #004d99;
    color: #fefefe;
    transition: background-color .25s ease-out, color .25s ease-out
}

.products-introduction-section .cta.bullet:hover:before {
    background-color: #fefefe;
    border-color: #fefefe
}

.products-introduction-section .cta.bullet:hover span {
    color: #fefefe
}

.products-introduction-section .cta.bullet span {
    color: #004d99
}

.products-introduction-section .cta.hollow {
    border: 1px solid #bbb
}

.products-introduction-section .cta.hollow:hover {
    border-color: #004d99
}

@media print,
screen and (min-width:64em) {
    .products-introduction-section .cta {
        min-width: 13.5rem
    }
}

.products-introduction-section .cta-cfd {
    background-color: #fefefe;
    color: #004d99
}

@media print,
screen and (min-width:64em) {
    .products-introduction-section .cta-cfd {
        background-color: #233a73;
        color: #fefefe
    }

    .products-introduction-section .cta-cfd:hover {
        background-color: #324c8b
    }
}

.products-introduction-section .cta-invest {
    background-color: #2095d0
}

.products-introduction-section .cta-invest:hover {
    background-color: #1480b7
}

.products-introduction-section .risk-warning {
    color: #fefefe;
    margin-top: .5rem
}

@media print,
screen and (min-width:64em) {
    .products-introduction-section .risk-warning {
        color: #5e5e5e
    }

    .edge .products-introduction-section.lazyloaded,
    .ie .products-introduction-section.lazyloaded,
    .safari .products-introduction-section.lazyloaded {
        background-image: url(../Images/products-section-bg.png)
    }
}

.area {
    border: none;
    border-radius: 0;
    margin: 0
}

.area > .row {
    flex-grow: 1
}

@media print,
screen and (min-width:48em) {
    .area p {
        font-weight: 300
    }
}

.area.main-section {
    padding: 2rem
}

@media print,
screen and (max-width:47.99875em) {
    .area.main-section {
        padding-top: 2.5rem
    }

    .area.main-islamic {
        padding: 0
    }

    .area.main-islamic .main-content {
        padding: 3rem 2rem 0
    }
}

@media print,
screen and (min-width:64em) {
    .area.main-islamic .large-text-left {
        text-align: left
    }
}

.area.main-islamic .start-trading {
    align-items: center
}

.area.content .row {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.area.content .row.align-center {
    justify-content: center
}

.area.content .columns:first-child {
    margin-top: 2rem;
    order: 2
}

@media print,
screen and (min-width:64em) {
    .area.content .columns:first-child {
        margin-top: 0
    }
}

.area.content .columns:last-child {
    order: 1
}

.area.content .row.alerts-stages > div:first-child {
    order: 1
}

.area.content .row.alerts-stages > div:nth-child(2) {
    order: 2
}

.area.content .row.alerts-stages > div:nth-child(3) {
    margin-top: 0 !important;
    order: 3
}

@media print,
screen and (min-width:64em) {
    .area.content:nth-child(odd) .columns:first-child {
        order: 1
    }

    .area.content:nth-child(odd) .columns:last-child {
        order: 2
    }
}

.area.content .image-flow,
.area.content .promo-image {
    text-align: center
}

.area.content.colored-atalanta,
.area.content.colored-legia,
.area.content.colored-youngboys {
    background-color: #0063a6;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.area.content.colored-legia.lazyloaded {
    background-image: url(../Images/back-legia%400%2c75x.jpg)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .area.content.colored-legia.lazyloaded {
        background-image: url(../Images/back-legia.jpg)
    }
}

.area.content.colored-atalanta.lazyloaded {
    background-image: url(../Images/back-atalanta%400%2c75x.jpg)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .area.content.colored-atalanta.lazyloaded {
        background-image: url(../Images/back-atalanta.jpg)
    }
}

.area.content.colored-youngboys.lazyloaded {
    background-image: url(../Images/back-youngboys%400%2c75x.jpg)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .area.content.colored-youngboys.lazyloaded {
        background-image: url(../Images/back-youngboys.jpg)
    }
}

.area.content.colored-uk {
    background: #0063a6 url(../Images/back-uk.jpg) no-repeat 50%
}

.area.content.colored-uk-post {
    background: #0063a6 url(../Images/back-uk-post.jpg) no-repeat 50%
}

.area.content.colored-cn {
    background: #0063a6 url(../Images/back-cn.jpg) no-repeat 50%
}

.area.content.colored-singapore-lp {
    background: #b5201a url(../Images/back-singapore.jpg) no-repeat 50%
}

@media print,
screen and (min-width:48em) {
    .area.content.colored-singapore-lp.main-section p {
        font-size: 1.25rem
    }
}

.area.content.colored-singapore-lp.main-section small a {
    color: #fff
}

.area.content.colored-atalanta-lp,
.area.content.colored-legia-lp,
.area.content.colored-youngboys-lp {
    background-blend-mode: multiply;
    background-color: rgba(0, 64, 128, .8);
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 1rem;
    padding-right: 1rem
}

@media print,
screen and (min-width:48em) {

    .area.content.colored-atalanta-lp,
    .area.content.colored-legia-lp,
    .area.content.colored-youngboys-lp {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 40rem;
        padding: 3.5rem 1rem
    }
}

@media print,
screen and (min-width:48em) {

    .area.content.colored-atalanta-lp > div,
    .area.content.colored-legia-lp > div,
    .area.content.colored-youngboys-lp > div {
        flex-grow: 0
    }
}

.area.content.colored-legia-lp {
    background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/back-legia-lp@0,75x.webp);
    background-position: left 40% center
}

@media screen and (min-width:80em) {
    .area.content.colored-legia-lp {
        background-position: 50%
    }
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .area.content.colored-legia-lp {
        background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/back-legia-lp.webp)
    }
}

.landingpage.edge .area.content.colored-legia-lp,
.landingpage.iex .area.content.colored-legia-lp,
.landingpage.safari .area.content.colored-legia-lp {
    background-image: url(../Images/back-legia-lp%400%2c75x.jpg)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {

    .landingpage.edge .area.content.colored-legia-lp,
    .landingpage.iex .area.content.colored-legia-lp,
    .landingpage.safari .area.content.colored-legia-lp {
        background-image: url(../Images/back-legia-lp.jpg)
    }
}

.area.content.colored-atalanta-lp {
    background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/back-atalanta-lp@0,75x.webp);
    background-position: left 40% center
}

@media screen and (min-width:80em) {
    .area.content.colored-atalanta-lp {
        background-position: 50%
    }
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .area.content.colored-atalanta-lp {
        background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/back-atalanta-lp.webp)
    }
}

.landingpage.edge .area.content.colored-atalanta-lp,
.landingpage.iex .area.content.colored-atalanta-lp,
.landingpage.safari .area.content.colored-atalanta-lp {
    background-image: url(../Images/back-atalanta-lp%400%2c75x.jpg)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {

    .landingpage.edge .area.content.colored-atalanta-lp,
    .landingpage.iex .area.content.colored-atalanta-lp,
    .landingpage.safari .area.content.colored-atalanta-lp {
        background-image: url(../Images/back-atalanta-lp.jpg)
    }
}

.area.content.colored-youngboys-lp {
    background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/back-youngboys-lp@0,75x.webp);
    background-position: left 40% center
}

@media screen and (min-width:80em) {
    .area.content.colored-youngboys-lp {
        background-position: 50%
    }
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .area.content.colored-youngboys-lp {
        background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/back-youngboys-lp.webp)
    }
}

.landingpage.edge .area.content.colored-youngboys-lp,
.landingpage.iex .area.content.colored-youngboys-lp,
.landingpage.safari .area.content.colored-youngboys-lp {
    background-image: url(../Images/back-youngboys-lp%400%2c75x.jpg)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {

    .landingpage.edge .area.content.colored-youngboys-lp,
    .landingpage.iex .area.content.colored-youngboys-lp,
    .landingpage.safari .area.content.colored-youngboys-lp {
        background-image: url(../Images/back-youngboys-lp.jpg)
    }
}

.area.content.colored-cnbs {
    background: #0063a6 url(../Images/back-cnbs%400%2c75x.jpg) no-repeat left 35% center;
    background-size: cover;
    padding: 1rem
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .area.content.colored-cnbs {
        background-image: url(../Images/back-cnbs.jpg)
    }
}

@media print,
screen and (min-width:48em) {
    .area.content.colored-cnbs {
        padding: 3rem 1rem
    }
}

@media screen and (min-width:80em) {
    .area.content.colored-cnbs {
        background-position: center bottom -1.5rem
    }
}

@media screen and (min-width:90em) {
    .area.content.colored-cnbs {
        background-position: center bottom -3rem
    }
}

.area.content.colored-video {
    background: #f6f6f6 url(../Images/back-video%400%2c75x.png) no-repeat right 15% center;
    background-size: cover;
    padding: 1rem
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .area.content.colored-video {
        background-image: url(../Images/back-video.png)
    }
}

@media print,
screen and (min-width:48em) {
    .area.content.colored-video {
        background-position: 50%;
        padding: 3rem 1rem
    }
}

.area.content.colored-cn,
.area.content.colored-singapore-lp,
.area.content.colored-uk,
.area.content.colored-uk-post {
    background-size: cover;
    padding-left: 1rem;
    padding-right: 1rem
}

@media print,
screen and (min-width:48em) {

    .area.content.colored-cn,
    .area.content.colored-singapore-lp,
    .area.content.colored-uk,
    .area.content.colored-uk-post {
        padding: 1.5rem 1rem
    }

    .area.content .device-phone {
        background-position: left 65% bottom;
        background-repeat: no-repeat;
        background-size: 270px auto;
        image-rendering: -webkit-optimize-contrast;
        position: relative;
        top: 3rem
    }
}

@media print,
screen and (min-width:64em) {
    .area.content .device-phone {
        background-position: left 60% bottom -6rem
    }
}

@media print,
screen and (min-width:48em) {
    .area.content .device-phone.lazyloaded {
        background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/devices-phones-list@0,75x.webp)
    }
}

@media print and (-webkit-min-device-pixel-ratio:1.5),
print and (min-resolution:144dpi),
screen and (min-width:48em) and (-webkit-min-device-pixel-ratio:1.5),
screen and (min-width:48em) and (min-resolution:144dpi) {
    .area.content .device-phone.lazyloaded {
        background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/devices-phones-list.webp)
    }
}

.area.content .device-phone img {
    image-rendering: -webkit-optimize-contrast
}

@media print,
screen and (min-width:48em) {
    .area.content .device-phone .animated-image {
        margin-right: 10.5rem;
        margin-top: -3rem;
        padding-bottom: 4rem;
        position: relative
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .area.content .device-phone .animated-image {
        padding-bottom: 10rem
    }
}

@media print,
screen and (min-width:64em) {
    .area.content .device-phone .animated-image {
        margin-right: 12.5rem
    }
}

.area.content .market-tools-table {
    margin-top: 0
}

.area.content-2 {
    background: #f6f6f6
}

.area.content-2 h5 {
    font-size: 1.5rem
}

.area.colored {
    background: #0063a6
}

.area.colored * {
    color: #fefefe
}

.area.colored-islamic {
    background-size: contain
}

.area.colored-islamic.lazyloaded {
    background: #167f0c url(../Images/back-islamic.jpg) no-repeat bottom
}

@media print,
screen and (min-width:64em) {
    .area.colored-islamic {
        background-size: auto
    }
}

.area.colored-islamic h3 {
    font-size: 2.25rem;
    font-weight: 300
}

.area.colored-islamic p {
    font-size: 1.125rem;
    font-weight: 300
}

.area.colored-islamic p a {
    color: #fff;
    text-decoration: underline
}

.area.colored-islamic .icon-IslamicSquareBig {
    font-size: 3.8125rem;
    margin-top: -1rem
}

.area.explore-section {
    overflow: hidden
}

.area.explore-section .image-explore img {
    image-rendering: -webkit-optimize-contrast
}

.area.traders-guide-section {
    background-color: transparent;
    position: relative
}

.area.traders-guide-section:before {
    background-color: #edf3ff;
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.area.traders-guide-section.lazyloaded:before {
    background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/traders-guide-bg-element.svg)
}

@media print,
screen and (min-width:48em) {
    .area.traders-guide-section.lazyloaded:before {
        background-size: 39rem
    }
}

.area.traders-guide-section > .row {
    align-items: center;
    display: flex;
    min-height: 25.375rem;
    position: relative;
    z-index: 1
}

@media print,
screen and (min-width:48em) {

    .home.edge .area .device-phone.lazyloaded,
    .home.safari .area .device-phone.lazyloaded {
        background-image: url(../Images/devices-phones-list%400%2c75x.png)
    }
}

@media print and (-webkit-min-device-pixel-ratio:1.5),
print and (min-resolution:144dpi),
screen and (min-width:48em) and (-webkit-min-device-pixel-ratio:1.5),
screen and (min-width:48em) and (min-resolution:144dpi) {

    .home.edge .area .device-phone.lazyloaded,
    .home.safari .area .device-phone.lazyloaded {
        background-image: url(../Images/devices-phones-list.png)
    }
}

@-webkit-keyframes genericBannerOpenButtonAnimation {
    0% {
        transform: translateY(-.375rem)
    }

    to {
        transform: translateY(-.125rem)
    }
}

@keyframes genericBannerOpenButtonAnimation {
    0% {
        transform: translateY(-.375rem)
    }

    to {
        transform: translateY(-.125rem)
    }
}

.marketevents-generic-banner {
    background: #000 linear-gradient(180deg, #000, #343434) no-repeat 0 0/100% 100%;
    position: relative;
    z-index: 1
}

.marketevents-generic-banner .banner-wrap {
    max-height: 6rem;
    overflow: hidden;
    position: relative;
    transition: max-height .75s ease-out
}

@media print,
screen and (min-width:48em) {
    .marketevents-generic-banner .banner-wrap {
        max-height: 4.5rem
    }
}

@media print,
screen and (min-width:48em) {
    .marketevents-generic-banner .banner-wrap:before {
        background-position: 25% 100%;
        background-repeat: no-repeat;
        background-size: 200%;
        bottom: 0;
        content: "";
        display: block;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translateX(100%);
        transition: opacity .5s ease-out, transform .5s ease-out;
        width: 40%;
        z-index: 2
    }
}

@media print,
screen and (min-width:64em) {
    .marketevents-generic-banner .banner-wrap:before {
        background-size: 140%
    }
}

@media screen and (min-width:90em) {
    .marketevents-generic-banner .banner-wrap:before {
        background-size: contain
    }
}

.marketevents-generic-banner .banner-wrap h2 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #fefefe;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1;
    margin: 0;
    padding: 1.25rem 4rem 0;
    position: relative;
    z-index: 3
}

@media print,
screen and (min-width:48em) {
    .marketevents-generic-banner .banner-wrap h2 {
        font-size: 1.25rem
    }
}

.marketevents-generic-banner .banner-content {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-height: 0;
    max-width: 1440px;
    min-height: 0;
    padding: 0;
    position: relative;
    text-align: center;
    transition: max-height .75s ease-in-out;
    z-index: 2
}

@media print,
screen and (min-width:48em) {
    .marketevents-generic-banner .banner-content {
        justify-content: space-between
    }
}

.marketevents-generic-banner .banner-image-mobile {
    opacity: 0;
    transition: opacity .25s ease-in-out
}

.marketevents-generic-banner .banner-image-desktop,
.marketevents-generic-banner .banner-text {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media print,
screen and (min-width:48em) {

    .marketevents-generic-banner .banner-image-desktop,
    .marketevents-generic-banner .banner-text {
        min-height: 25rem
    }
}

.marketevents-generic-banner .banner-text {
    flex: 0 1 100%;
    opacity: 0;
    transition: opacity .5s ease-out
}

@media print,
screen and (min-width:48em) {
    .marketevents-generic-banner .banner-text {
        flex: 0 1 60%;
        text-align: left;
        transform: translateX(20%);
        transition: opacity .5s ease-out, transform .5s ease-out
    }
}

.marketevents-generic-banner .banner-text h2,
.marketevents-generic-banner .banner-text h3,
.marketevents-generic-banner .banner-text li,
.marketevents-generic-banner .banner-text p,
.marketevents-generic-banner .banner-text ul {
    color: #fefefe
}

.marketevents-generic-banner .banner-text h2,
.marketevents-generic-banner .banner-text h3,
.marketevents-generic-banner .banner-text p,
.marketevents-generic-banner .banner-text ul {
    padding: 0 2rem
}

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

    .marketevents-generic-banner .banner-text h2,
    .marketevents-generic-banner .banner-text h3,
    .marketevents-generic-banner .banner-text p,
    .marketevents-generic-banner .banner-text ul {
        padding: 0 2rem
    }
}

@media print,
screen and (min-width:48em) {

    .marketevents-generic-banner .banner-text h2,
    .marketevents-generic-banner .banner-text h3,
    .marketevents-generic-banner .banner-text p,
    .marketevents-generic-banner .banner-text ul {
        padding-left: 4.5rem
    }
}

.marketevents-generic-banner .banner-text h2,
.marketevents-generic-banner .banner-text h3 {
    font-weight: 400
}

.marketevents-generic-banner .banner-text h2 {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
    margin-top: 2rem
}

@media print,
screen and (min-width:48em) {
    .marketevents-generic-banner .banner-text h2 {
        font-size: 1.5rem;
        margin-bottom: 1.75rem;
        margin-top: 0
    }
}

@media print,
screen and (min-width:64em) {
    .marketevents-generic-banner .banner-text h2 {
        font-size: 1.75rem
    }
}

.marketevents-generic-banner .banner-text h3 {
    font-size: 1.125rem;
    margin-bottom: 1.75rem
}

@media print,
screen and (min-width:48em) {
    .marketevents-generic-banner .banner-text h3 {
        font-size: 1.25rem;
        margin-bottom: 1.75rem
    }
}

@media print,
screen and (min-width:64em) {
    .marketevents-generic-banner .banner-text h3 {
        font-size: 1.5rem
    }
}

.marketevents-generic-banner .banner-text p {
    font-size: .875rem
}

@media print,
screen and (min-width:48em) {
    .marketevents-generic-banner .banner-text p {
        font-size: 1rem
    }
}

@media print,
screen and (min-width:64em) {
    .marketevents-generic-banner .banner-text p {
        font-size: 1.25rem
    }
}

.marketevents-generic-banner .banner-image-desktop {
    flex: 0 1 40%
}

.marketevents-generic-banner .banner-button {
    flex: 0 0 100%;
    text-align: center
}

@media screen and (max-width:30em) {
    .marketevents-generic-banner .banner-button {
        padding: 0 1rem
    }
}

.marketevents-generic-banner .banner-cta {
    background-color: #004d99;
    border: none;
    border-radius: 6px;
    color: #fefefe
}

.marketevents-generic-banner .banner-cta:hover {
    background-color: #006db5
}

.marketevents-generic-banner .banner-close,
.marketevents-generic-banner .banner-open {
    height: 1.5rem;
    width: 3rem
}

.marketevents-generic-banner .banner-open {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-animation: genericBannerOpenButtonAnimation .75s ease-in-out infinite alternate both;
    animation: genericBannerOpenButtonAnimation .75s ease-in-out infinite alternate both;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 32 32' fill='%23fefefe'%3E%3Cpath d='m32 11-2-2-14 15L2 10l-2 2 16 16 16-16z'/%3E%3C/svg%3E") no-repeat 50%;
    opacity: 1;
    position: relative;
    transform: translateY(-.5rem);
    transition: opacity .75s ease-out;
    transition-delay: .25s;
    z-index: 3
}

.marketevents-generic-banner .banner-open:hover {
    cursor: pointer
}

.marketevents-generic-banner .banner-open:focus {
    outline: none
}

.marketevents-generic-banner .banner-close {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    align-items: center;
    background: #343434 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 32 32' fill='%23fefefe'%3E%3Cpath d='M3.763 20.728 15.847 8.644 27.93 20.728l1.726-1.726-13.81-13.81-13.81 13.81 1.726 1.726z'/%3E%3C/svg%3E") no-repeat 50%;
    border-radius: 0 0 3rem 3rem;
    bottom: -1.45rem;
    color: #fefefe;
    cursor: pointer;
    display: flex;
    font-size: 1.5rem;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: translateY(-100%);
    transition: all .25s ease-in-out;
    z-index: 2
}

.marketevents-generic-banner .banner-close:focus {
    outline: 0
}

.marketevents-generic-banner.open .banner-wrap {
    transition-timing-function: ease-in
}

.marketevents-generic-banner.open .banner-wrap:before {
    transition-timing-function: ease-in
}

.marketevents-generic-banner.open .banner-wrap h2 {
    cursor: default
}

.marketevents-generic-banner.open .banner-content,
.marketevents-generic-banner.open .banner-text,
.marketevents-generic-banner.open .banner-wrap {
    max-height: 768px
}

.marketevents-generic-banner.open .banner-image-mobile,
.marketevents-generic-banner.open .banner-text,
.marketevents-generic-banner.open .banner-wrap:before {
    opacity: 1;
    transition-delay: .25s;
    transition-timing-function: ease-in
}

@media print,
screen and (min-width:48em) {

    .marketevents-generic-banner.open .banner-image-mobile,
    .marketevents-generic-banner.open .banner-text,
    .marketevents-generic-banner.open .banner-wrap:before {
        transform: translateX(0);
        transition-delay: .375s
    }
}

.marketevents-generic-banner.open .banner-content {
    align-items: center;
    transition-timing-function: ease-in
}

.marketevents-generic-banner.open .banner-open {
    max-height: 0;
    opacity: 0
}

.marketevents-generic-banner.open .banner-close {
    background-position-y: -.125rem;
    opacity: 1;
    transform: translateY(0);
    transition-delay: .5s;
    transition-duration: .5s
}

@media print,
screen and (min-width:48em) {
    .marketevents-generic-banner.lazyloaded .banner-wrap:before {
        background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/champions-league-banner-bg.webp)
    }
}

@media print,
screen and (min-width:48em) {

    .edge .marketevents-generic-banner.lazyloaded .banner-wrap:before,
    .iex .marketevents-generic-banner.lazyloaded .banner-wrap:before,
    .safari .marketevents-generic-banner.lazyloaded .banner-wrap:before {
        background-image: url(../Images/champions-league-banner-bg.png)
    }
}

@-webkit-keyframes footbalBannerOpenButton {
    0% {
        transform: translateY(-.375rem)
    }

    to {
        transform: translateY(-.125rem)
    }
}

@keyframes footbalBannerOpenButton {
    0% {
        transform: translateY(-.375rem)
    }

    to {
        transform: translateY(-.125rem)
    }
}

.banner-football {
    background: #000 linear-gradient(180deg, #000, #343434) no-repeat 0 0/100% 100%;
    position: relative;
    z-index: 1
}

.banner-football .banner-wrap {
    max-height: 7rem;
    overflow: hidden;
    position: relative;
    transition: max-height .75s ease-out
}

.banner-football .banner-wrap:before {
    background-color: transparent;
    background-position: left 10%;
    background-repeat: no-repeat;
    background-size: auto 120%;
    bottom: 0;
    content: "";
    display: block;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform .5s ease-out, opacity .5s ease-out;
    width: 60%;
    z-index: 2
}

@media screen and (min-width:48em) {
    .banner-football .banner-wrap:before {
        background-position: 0 0;
        background-size: auto 200%;
        width: 50%
    }
}

@media print,
screen and (min-width:48em) {
    .banner-football .banner-wrap:before {
        background-position: 100% 0;
        background-size: 100% auto;
        width: 39%
    }
}

@media screen and (min-width:80em) {
    .banner-football .banner-wrap:before {
        background-position: left 15%;
        background-size: 65% auto
    }
}

.banner-football .banner-wrap h2 {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #fefefe;
    cursor: pointer;
    font-weight: 500;
    line-height: 1.1;
    margin: 0;
    padding: 1.25rem 4rem 0;
    position: relative;
    text-shadow: 0 0 8px #000, 0 0 4px #000;
    z-index: 3
}

@media print,
screen and (min-width:64em) {
    .banner-football .banner-wrap h2 {
        text-shadow: none
    }
}

.banner-football .banner-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-height: 0;
    max-width: 1440px;
    min-height: 0;
    padding: 0;
    position: relative;
    text-align: left;
    transition: max-height .5s ease-out;
    z-index: 2
}

.banner-football .banner-image,
.banner-football .banner-text {
    opacity: 0;
    transform: translateX(20%);
    transition-duration: .5s;
    transition-property: opacity, transform;
    transition-timing-function: ease-out
}

@media print,
screen and (min-width:48em) {

    .banner-football .banner-image,
    .banner-football .banner-text {
        min-height: 6.25rem
    }
}

.banner-football .banner-text {
    flex: 0 1 59%;
    text-align: left
}

.banner-football .banner-text h2,
.banner-football .banner-text h3,
.banner-football .banner-text li,
.banner-football .banner-text p,
.banner-football .banner-text ul {
    color: #fefefe
}

.banner-football .banner-text h2,
.banner-football .banner-text h3,
.banner-football .banner-text p,
.banner-football .banner-text ul {
    padding-left: 1rem
}

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

    .banner-football .banner-text h2,
    .banner-football .banner-text h3,
    .banner-football .banner-text p,
    .banner-football .banner-text ul {
        padding-left: 2.5rem
    }
}

@media print,
screen and (min-width:48em) {

    .banner-football .banner-text h2,
    .banner-football .banner-text h3,
    .banner-football .banner-text p,
    .banner-football .banner-text ul {
        padding-left: 4.5rem
    }
}

.banner-football .banner-text h2,
.banner-football .banner-text h3 {
    font-weight: 400
}

.banner-football .banner-text h2 {
    font-size: 1.25rem;
    margin-bottom: 1.25rem
}

@media print,
screen and (min-width:48em) {
    .banner-football .banner-text h2 {
        font-size: 1.5rem
    }
}

@media print,
screen and (min-width:64em) {
    .banner-football .banner-text h2 {
        font-size: 1.75rem
    }
}

.banner-football .banner-text h3 {
    font-size: 1.125rem;
    margin-bottom: 1.25rem
}

@media print,
screen and (min-width:48em) {
    .banner-football .banner-text h3 {
        font-size: 1.25rem
    }
}

@media print,
screen and (min-width:64em) {
    .banner-football .banner-text h3 {
        font-size: 1.5rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .banner-football .banner-text p {
        font-size: .875rem
    }
}

@media print,
screen and (min-width:48em) {
    .banner-football .banner-text p {
        font-size: 1rem
    }
}

@media print,
screen and (min-width:64em) {
    .banner-football .banner-text p {
        font-size: 1.25rem
    }
}

.banner-football .banner-image {
    flex: 0 1 39%;
    min-height: 6.25rem
}

.banner-football .banner-button {
    flex: 0 0 100%;
    text-align: center
}

.banner-football .banner-cta {
    background-color: #004d99;
    border: none;
    border-radius: 6px;
    color: #fefefe
}

.banner-football .banner-cta:hover {
    background-color: #006db5
}

.banner-football .banner-close,
.banner-football .banner-open {
    height: 1.5rem;
    width: 3rem
}

.banner-football .banner-open {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-animation: genericBannerOpenButtonAnimation .75s ease-in-out infinite alternate both;
    animation: genericBannerOpenButtonAnimation .75s ease-in-out infinite alternate both;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 32 32' fill='%23fefefe'%3E%3Cpath d='m32 11-2-2-14 15L2 10l-2 2 16 16 16-16z'/%3E%3C/svg%3E") no-repeat 50%;
    opacity: 1;
    position: relative;
    transform: translateY(-.5rem);
    transition: opacity .75s ease-out;
    transition-delay: .25s;
    z-index: 3
}

.banner-football .banner-open:hover {
    cursor: pointer
}

.banner-football .banner-open:focus {
    outline: none
}

.banner-football .banner-close {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    align-items: center;
    background: #343434 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 32 32' fill='%23fefefe'%3E%3Cpath d='M3.763 20.728 15.847 8.644 27.93 20.728l1.726-1.726-13.81-13.81-13.81 13.81 1.726 1.726z'/%3E%3C/svg%3E") no-repeat 50%;
    border-radius: 0 0 3rem 3rem;
    bottom: -1.45rem;
    color: #fefefe;
    cursor: pointer;
    display: flex;
    font-size: 1.5rem;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: translateY(-100%);
    transition: all .25s ease-in-out;
    z-index: 1
}

.banner-football .banner-close:focus {
    outline: 0
}

.banner-football.open h2 {
    cursor: default
}

.banner-football.open .banner-wrap {
    transition-timing-function: ease-in
}

.banner-football.open .banner-wrap:before {
    transition-timing-function: ease-in
}

.banner-football.open .banner-content,
.banner-football.open .banner-image,
.banner-football.open .banner-text,
.banner-football.open .banner-wrap {
    max-height: 768px
}

.banner-football.open .banner-image,
.banner-football.open .banner-text,
.banner-football.open .banner-wrap:before {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .25s
}

.banner-football.open .banner-open {
    max-height: 0;
    opacity: 0
}

.banner-football.open .banner-close {
    background-position-y: -.125rem;
    opacity: 1;
    transform: translateY(0);
    transition-delay: .5s;
    transition-duration: .5s
}

.banner-legia {
    background-image: linear-gradient(180deg, #000, #343434)
}

.banner-legia .banner-close {
    background-color: #343434
}

.banner-legia.lazyloaded .banner-wrap:before {
    background-image: url(../Images/legia-banner-bg%400.5x.png)
}

@media screen and (max-width:37.5em) {
    .banner-legia.lazyloaded .banner-wrap:before {
        background-position: left 100%;
        background-size: auto 80%
    }
}

@media print,
screen and (min-width:64em) {
    .banner-legia.lazyloaded .banner-wrap:before {
        background-image: url(../Images/legia-banner-bg.png)
    }
}

.banner-atalanta .banner-wrap:before {
    background-position: 100%;
    background-size: contain;
    transform: translateX(100%)
}

@media screen and (min-width:48em) {
    .banner-atalanta .banner-wrap:before {
        background-position: 0 0;
        background-size: cover;
        width: 40%
    }
}

@media print,
screen and (min-width:48em) {
    .banner-atalanta .banner-wrap:before {
        background-position: 100%;
        background-size: 90% auto
    }
}

@media print,
screen and (min-width:64em) {
    .banner-atalanta .banner-wrap:before {
        background-position-x: 45%;
        background-position-y: 75%
    }
}

@media screen and (min-width:80em) {
    .banner-atalanta .banner-wrap:before {
        background-position-y: 1rem
    }
}

@media screen and (min-width:90em) {
    .banner-atalanta .banner-wrap:before {
        background-position-y: 1.5rem;
        background-size: 60% auto
    }
}

.banner-atalanta.lazyloaded .banner-wrap:before {
    background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/atalanta-banner-bg-for-small.webp)
}

@media screen and (min-width:48em) {
    .banner-atalanta.lazyloaded .banner-wrap:before {
        background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/atalanta-banner-bg@0,5x.webp)
    }
}

@media print,
screen and (min-width:64em) {
    .banner-atalanta.lazyloaded .banner-wrap:before {
        background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/atalanta-banner-bg.webp)
    }
}

.edge .banner-atalanta.lazyloaded .banner-wrap:before,
.iex .banner-atalanta.lazyloaded .banner-wrap:before,
.safari .banner-atalanta.lazyloaded .banner-wrap:before {
    background-image: url(../Images/atalanta-banner-bg-for-small.png)
}

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

    .edge .banner-atalanta.lazyloaded .banner-wrap:before,
    .iex .banner-atalanta.lazyloaded .banner-wrap:before,
    .safari .banner-atalanta.lazyloaded .banner-wrap:before {
        background-image: url(../Images/atalanta-banner-bg%400%2c5x.png)
    }
}

@media print,
screen and (min-width:64em) {

    .edge .banner-atalanta.lazyloaded .banner-wrap:before,
    .iex .banner-atalanta.lazyloaded .banner-wrap:before,
    .safari .banner-atalanta.lazyloaded .banner-wrap:before {
        background-image: url(../Images/atalanta-banner-bg.png)
    }
}

.banner-youngboys .banner-wrap:before {
    background-position: 100%;
    background-size: contain;
    transform: translateX(100%)
}

@media screen and (min-width:48em) {
    .banner-youngboys .banner-wrap:before {
        background-position: 0 0;
        background-size: cover;
        width: 40%
    }
}

@media print,
screen and (min-width:48em) {
    .banner-youngboys .banner-wrap:before {
        background-position: 100%;
        background-size: 90% auto
    }
}

@media screen and (min-width:80em) {
    .banner-youngboys .banner-wrap:before {
        background-size: 85% auto
    }
}

@media screen and (min-width:90em) {
    .banner-youngboys .banner-wrap:before {
        background-position: 45% 15%;
        background-size: 60% auto
    }
}

.banner-youngboys.lazyloaded .banner-wrap:before {
    background-image: url(../Images/youngboys-banner-bg-for-small.png)
}

@media screen and (min-width:48em) {
    .banner-youngboys.lazyloaded .banner-wrap:before {
        background-image: url(../Images/youngboys-banner-bg%400.5x.png)
    }
}

@media print,
screen and (min-width:64em) {
    .banner-youngboys.lazyloaded .banner-wrap:before {
        background-image: url(../Images/youngboys-banner-bg.png)
    }
}

.banner-invest-shoutout {
    background: #fefefe
}

.banner-invest-shoutout .banner-wrap:before {
    background-position-x: calc(100% + 8rem);
    background-position-y: -4.5rem;
    background-size: auto;
    display: none;
    width: 45%
}

@media print,
screen and (min-width:64em) {
    .banner-invest-shoutout .banner-wrap:before {
        display: block;
        transition-delay: 0s;
        transition-timing-function: ease-in
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .banner-invest-shoutout .banner-wrap:before {
        background-size: 100%
    }
}

.banner-invest-shoutout .banner-wrap .banner-title {
    align-items: center;
    color: #0a0a0a;
    display: flex;
    justify-content: center;
    line-height: 1;
    opacity: 1;
    transition: opacity .5s ease-in .75s
}

.banner-invest-shoutout .banner-wrap .banner-title span {
    color: #0a0a0a;
    font-weight: 700
}

.banner-invest-shoutout .banner-wrap .banner-title .sub-brand-label-invest {
    background-color: #2095d0;
    border-radius: .25rem .25rem .25rem 0;
    color: #fefefe;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    font-size: 1rem;
    font-weight: 700;
    font-weight: 500;
    line-height: 1.1;
    padding: .25rem .75rem;
    text-transform: uppercase
}

.banner-invest-shoutout .banner-wrap .banner-title .sub-brand-label-invest:hover {
    background-color: #1480b7
}

.banner-invest-shoutout .banner-wrap .banner-title .sub-brand-label-invest.disabled {
    background-color: rgba(32, 149, 208, .4)
}

@media print,
screen and (min-width:48em) {
    .banner-invest-shoutout .banner-wrap .banner-title .sub-brand-label-invest {
        font-size: 1.125rem
    }
}

.banner-invest-shoutout .banner-wrap .banner-title .sub-brand-label-invest:hover {
    background-color: #2095d0
}

.banner-invest-shoutout .banner-image,
.banner-invest-shoutout .banner-text {
    opacity: 0
}

.banner-invest-shoutout .banner-image {
    transition: opacity .5s ease-out .25s;
    width: 100%
}

@media print,
screen and (min-width:64em) {
    .banner-invest-shoutout .banner-image {
        display: none
    }
}

.banner-invest-shoutout .banner-image img {
    margin: 0 auto;
    max-width: 80%
}

.banner-invest-shoutout .banner-text {
    flex: 1 0 100%;
    min-height: auto;
    padding-bottom: 3rem;
    text-align: center;
    transform: none;
    transition: opacity .5s ease-out 0s
}

@media print,
screen and (min-width:64em) {
    .banner-invest-shoutout .banner-text {
        transition: opacity .75s ease-out
    }
}

.banner-invest-shoutout .banner-text h2,
.banner-invest-shoutout .banner-text p,
.banner-invest-shoutout .banner-text ul {
    padding: 0 1rem
}

.banner-invest-shoutout .banner-text h2,
.banner-invest-shoutout .banner-text li,
.banner-invest-shoutout .banner-text p,
.banner-invest-shoutout .banner-text ul {
    color: #0a0a0a
}

.banner-invest-shoutout .banner-text h2 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1.4;
    margin-bottom: 1.125rem;
    margin-top: 0
}

.banner-invest-shoutout .banner-text .sub-brand-label-invest {
    background-color: #2095d0;
    border-radius: .25rem .25rem .25rem 0;
    color: #fefefe;
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    font-size: 1.25rem;
    font-weight: 700;
    font-weight: 500;
    line-height: 1.1;
    padding: .25rem .75rem;
    text-transform: uppercase
}

.banner-invest-shoutout .banner-text .sub-brand-label-invest:hover {
    background-color: #1480b7
}

.banner-invest-shoutout .banner-text .sub-brand-label-invest.disabled {
    background-color: rgba(32, 149, 208, .4)
}

@media print,
screen and (min-width:48em) {
    .banner-invest-shoutout .banner-text .sub-brand-label-invest {
        font-size: 1.875rem
    }
}

.banner-invest-shoutout .banner-text .sub-brand-label-invest:hover {
    background-color: #2095d0
}

.banner-invest-shoutout .banner-text p {
    font-size: 1.125rem;
    margin-bottom: 1.25rem
}

@media print,
screen and (min-width:48em) {
    .banner-invest-shoutout .banner-text p {
        font-size: 1.375rem
    }
}

.banner-invest-shoutout .banner-text ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0 0 2rem
}

.banner-invest-shoutout .banner-text li {
    color: #0856b0;
    flex: 0 1 auto;
    font-weight: 500;
    padding: 0 .75rem
}

@media print,
screen and (min-width:48em) {
    .banner-invest-shoutout .banner-text li {
        font-size: 1.125rem
    }
}

.banner-invest-shoutout .banner-button {
    flex: 0 1 auto;
    margin-bottom: 0
}

.banner-invest-shoutout .banner-cta {
    background-color: #004487;
    border-radius: 1.875rem;
    box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, .25);
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 0;
    min-width: 10.5rem
}

.banner-invest-shoutout .banner-open {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 32 32' fill='%230a0a0a'%3E%3Cpath d='m32 11-2-2-14 15L2 10l-2 2 16 16 16-16z'/%3E%3C/svg%3E");
    transition-delay: 1s
}

.banner-invest-shoutout .banner-close {
    background: #fefefe url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 32 32' fill='%230a0a0a'%3E%3Cpath d='M3.763 20.728 15.847 8.644 27.93 20.728l1.726-1.726-13.81-13.81-13.81 13.81 1.726 1.726z'/%3E%3C/svg%3E") no-repeat 50%;
    border-radius: 50%;
    box-shadow: 0 .25rem .75rem 0 rgba(0, 0, 0, .41);
    height: 2.375rem;
    transform: none;
    transition: opacity .25s ease-out;
    transition-delay: 0s;
    width: 2.375rem
}

.banner-invest-shoutout.open .banner-wrap:before {
    transition-delay: .5s;
    transition-timing-function: ease-out
}

.banner-invest-shoutout.open .banner-wrap .banner-title {
    opacity: 0;
    transition-delay: 0s;
    transition-timing-function: ease-out
}

.banner-invest-shoutout.open .banner-content,
.banner-invest-shoutout.open .banner-wrap {
    max-height: 1024px;
    transition: max-height .75s ease-in
}

.banner-invest-shoutout.open .banner-image,
.banner-invest-shoutout.open .banner-text {
    opacity: 1
}

.banner-invest-shoutout.open .banner-image {
    transition: opacity .75s ease-in
}

.banner-invest-shoutout.open .banner-text {
    transition: opacity .75s ease-in .5s
}

@media print,
screen and (min-width:64em) {
    .banner-invest-shoutout.open .banner-text {
        transition: opacity .75s ease-in
    }
}

.banner-invest-shoutout.open .banner-open {
    transition-delay: .25s
}

.banner-invest-shoutout.open .banner-close {
    background-position-y: 50%;
    transition-timing-function: ease-in
}

@media print,
screen and (max-width:63.99875em) {
    .banner-invest-shoutout.open + .main-section {
        padding-top: 2rem
    }
}

.banner-invest-shoutout.lazyloaded .banner-wrap:before {
    background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/invest-shoutout-banner-bg-desktop.webp)
}

.edge .banner-invest-shoutout.lazyloaded .banner-wrap:before,
.iex .banner-invest-shoutout.lazyloaded .banner-wrap:before,
.safari .banner-invest-shoutout.lazyloaded .banner-wrap:before {
    background-image: url(../Images/invest-shoutout-banner-bg-desktop.png)
}

.section-text {
    font-size: 1.125rem;
    font-weight: 300
}

@media print,
screen and (min-width:48em) {
    .section-text {
        font-size: 1.25rem
    }
}

.inner-lined {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc
}

.page-sections .area:nth-child(odd):not(:last-of-type):not(.colored):not(.colored-uk):not(.colored-uk-post):not(.colored-cn):not(.risk-bottom) {
    background-color: #f6f6f6
}

.page-sections .area:nth-child(odd):not(:last-of-type):not(.colored):not(.colored-uk):not(.colored-uk-post):not(.colored-cn):not(.risk-bottom).chart {
    background: #fefefe;
    border-top: 1px solid #ccc;
    padding-left: .25rem;
    padding-right: .25rem
}

.page-sections .hide-for-medium + .area.faq-section {
    background-color: #f6f6f6
}

.page-sections .area:nth-child(2n):not(.colored):not(.colored-uk):not(.colored-uk-post):not(.colored-cn):not(.risk-bottom) + :last-of-type {
    border-top: 4px solid #f6f6f6
}

.page-sections .callout {
    padding: 3rem 1rem
}

@media print,
screen and (min-width:64em) {
    .page-sections .callout {
        padding: 3rem 1rem
    }
}

@media print,
screen and (max-width:89.99875em) {
    .page-sections .callout.button-start-box {
        padding: 2rem 1rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .page-sections .callout.button-start-box {
        padding: 1rem
    }
}

.page-sections .callout.traders-guide-section {
    padding: 0 1rem
}

.page-sections .il-sw {
    font-size: .75rem;
    margin-top: 3rem
}

@media print,
screen and (min-width:48em) {
    .page-sections .il-sw {
        font-size: .875rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .landing-inst.area .sell-button .button.hollow {
        padding-left: .1875rem;
        padding-right: .1875rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .main-section > div > div {
        padding: 0
    }
}

@media print,
screen and (min-width:64em) {
    .main-section > div {
        flex-direction: row
    }
}

.main-section.main-islamic-section {
    background: #167f0c url(../Images/back-islamic.jpg) no-repeat bottom;
    background-size: contain
}

.main-section.main-islamic-section h2 {
    margin-bottom: 3rem
}

@media print,
screen and (min-width:64em) {
    .main-section.main-islamic-section {
        background-size: auto
    }
}

@media print,
screen and (max-width:47.99875em) {
    .main-section.main-islamic-section h2 {
        font-size: 1rem;
        font-weight: 300
    }
}

.main-section.main-islamic-section .link {
    color: #fff;
    display: inline !important
}

.table-clock {
    color: #004d99;
    font-size: .75rem
}

.table-clock:before {
    padding: .125rem
}

.main-content {
    margin-bottom: 0;
    margin-top: 0
}

.main-image-islamic {
    align-self: flex-end;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 24rem;
    margin-bottom: -2rem;
    position: relative
}

.main-image-islamic.lazyloaded {
    background-image: url(../Images/islamic_account_main_section.png);
    background-position: 80% bottom
}

@media print,
screen and (min-width:48em) {
    .main-image-islamic {
        background-position: bottom;
        background-size: auto 100%;
        height: 32rem
    }
}

@media print,
screen and (min-width:64em) {
    .main-image-islamic {
        background-position: 100% 100%;
        background-size: 108%;
        height: 29rem
    }
}

@media print,
screen and (min-width:48em) {

    .home-anim.tools-main,
    .main-image.home-anim {
        margin-bottom: 0;
        margin-top: 0
    }

    .main-content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 0;
        margin-top: 2rem
    }

    .main-content .start-trading-box {
        flex: 1 0 auto
    }

    .home-anim {
        height: 35rem
    }

    .main-anim.lazyloaded {
        -webkit-animation: hero-anim 1.08s steps(34) 1 forwards;
        animation: hero-anim 1.08s steps(34) 1 forwards;
        -webkit-animation-delay: .25s;
        animation-delay: .25s;
        -webkit-animation-play-state: running;
        animation-play-state: running;
        background-image: url(../Images/sprite_tinified.png);
        background-position-x: right;
        background-repeat: no-repeat;
        background-size: 31.875rem auto;
        opacity: 0
    }
}

@media print,
screen and (min-width:48em) and (min-width:48em) and (max-width:63.99875em) {
    .main-anim.lazyloaded {
        background-position-x: center !important
    }
}

@media print,
screen and (min-width:48em) and (min-width:64em) {
    .main-anim.lazyloaded {
        background-size: 30rem 3187.5%
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .main-content {
        margin-top: .75rem
    }
}

.home .main-section .main-image-uk,
.home .main-section .main-image-uk-post {
    bacground-repeat: no-repeat;
    background-position: center bottom 1rem
}

@media print,
screen and (min-width:48em) {

    .home .main-section .main-image-uk,
    .home .main-section .main-image-uk-post {
        background-size: contain;
        min-height: 33rem
    }
}

@media print,
screen and (min-width:64em) {

    .home .main-section .main-image-uk,
    .home .main-section .main-image-uk-post {
        background-position: right 0 center
    }
}

@media print,
screen and (min-width:48em) {
    .home .main-section .main-image-uk.lazyloaded {
        background-image: url(../Images/item-ukelection-sec.png)
    }

    .home .main-section .main-image-uk-post.lazyloaded {
        background-image: url(../Images/item-ukelection-sec-post.png)
    }
}

.home .main-section.area.main-section-sg {
    max-height: none;
    min-height: 0
}

.home .main-section.area.main-section-sg .main-content p,
.home .main-section.area.main-section-sg .seminar-box .button-register a,
.home .main-section.area.main-section-sg .seminar-box h4,
.home .main-section.area.main-section-sg .seminar-box h4 span {
    color: #fefefe
}

.home .main-section.area.main-section-sg .seminar-box .button-register a.button {
    background: #fefefe;
    color: #004d99;
    font-weight: 400
}

.home .main-section.area.main-section-sg .seminar-box .button-register a.button:hover {
    background: #004080;
    border-color: #fefefe;
    color: #fefefe
}

@media print,
screen and (min-width:48em) {
    .home .main-section .main-sg-seminar {
        min-height: 33rem
    }

    .home .main-section .main-sg-seminar.lazyloaded {
        background: url(../Images/item-sg-seminar.png) no-repeat center bottom 1rem;
        background-size: contain
    }
}

@media print,
screen and (min-width:64em) {
    .home .main-section .main-sg-seminar {
        background-position: right 0 center
    }
}

.home .main-section.area.main-uk-election {
    max-height: none;
    min-height: 0
}

.home .main-section.area.main-uk-election .main-content p,
.home .main-section.main-uk-election .main-content .button-box a {
    color: #fefefe
}

.home .main-section.main-uk-election .main-content .button-box a.button {
    background: #fefefe;
    color: #004d99;
    font-weight: 400
}

.home .main-section.main-uk-election .main-content .button-box a.button:hover {
    background: #004080;
    border-color: #fefefe;
    color: #fefefe
}

.seminar-box {
    border-top: 4px solid #e6e6e6;
    margin-bottom: 0;
    padding: 2rem 0
}

.seminar-box .title-center {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    text-align: center
}

.seminar-box .title-center span {
    font-weight: 300
}

.seminar-box .title-center span.icon {
    margin-bottom: .25rem
}

.seminar-box .title-center span.icon:before {
    font-size: 2rem
}

.seminar-box .title-center strong {
    display: block
}

@media print,
screen and (max-width:63.99875em) {
    .seminar-box .button-box > div:first-of-type {
        order: 2
    }

    .seminar-box .button-box > div:last-of-type {
        order: 1
    }
}

.seminar-box .button-register {
    align-items: center
}

.seminar-box .button-register a {
    font-weight: 400
}

.seminar-box .button-register > div:first-of-type :last-child {
    margin-top: .5rem
}

@media print,
screen and (min-width:48em) {
    .seminar-box {
        flex: 0 1 auto
    }

    .seminar-box .wide-btn {
        min-width: 10rem
    }
}

.bonus-sg {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: -1.75rem
}

@media screen and (orientation:portrait) and (max-width:47.99875em) {
    .bonus-sg > a {
        flex: 0 1 75%
    }
}

.bonus-sg span.icon-wallet-coin-color {
    background: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/icon-wallet-coin-color.svg) no-repeat 50%;
    content: "";
    display: flex;
    height: 2.5rem;
    margin-right: .75rem;
    margin-top: -1.25rem;
    width: 1.5rem
}

.country-sg.home .licence-number {
    white-space: nowrap
}

.country-sg.home .main-section .bonus-sg {
    margin: 0
}

.country-sg.home .main-section .bonus-sg span.icon-wallet-coin-color {
    background: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/icon-wallet-coin-white.svg) no-repeat 50%;
    margin-top: .5rem
}

.country-sg.home .main-section .bonus-sg .link-bonus {
    color: #fefefe;
    text-align: left
}

.country-sg.home .main-section .bonus-sg .link-bonus span {
    color: #fefefe
}

.country-sg.home .main-section .start-trading-wide .bonus-sg .link-bonus {
    max-width: 12rem
}

@media print,
screen and (min-width:64em) {
    .country-sg.home .main-section.area.main-section h1 {
        font-size: 2.25rem
    }
}

.centered-hight {
    align-self: center !important
}

.area .button.wide-btn {
    font-size: 1.25rem;
    font-weight: 300;
    min-width: 10rem
}

.timer-wrap {
    background: #f6f6f6;
    border-radius: 16px;
    margin: 1rem auto;
    max-width: 20rem;
    padding: 1rem
}

.timer-wrap h6 {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3
}

.timer-wrap span {
    color: #004d99
}

.timer-wrap .timer-numbers {
    display: flex;
    font-size: 2.125rem;
    font-weight: 300;
    justify-content: space-between
}

.timer-wrap .timer-numbers > div {
    color: #004d99;
    flex: 0 1 33.33333%;
    line-height: 1.4
}

.timer-wrap .timer-numbers > div > span {
    display: block;
    line-height: 1.5
}

.timer-wrap .timer-numbers span:nth-of-type(2),
.timer-wrap .timer-numbers span:nth-of-type(4) {
    flex: 0 1 10%
}

.timer-unit {
    display: inline-block;
    font-size: .75rem;
    font-weight: 400
}

.reveal.seminar-modal {
    padding: 2.5rem 1.125rem
}

.reveal.seminar-modal p {
    font-size: 1rem
}

.reveal.seminar-modal h4 strong {
    display: block;
    font-weight: 300
}

.main-image,
.main-image-uk,
.tools-main {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
    margin-top: 2rem
}

@media print,
screen and (max-width:47.99875em) {

    .main-image,
    .main-image-uk,
    .tools-main {
        margin-bottom: 1.25rem;
        margin-top: .75rem
    }
}

@media print,
screen and (min-width:64em) {

    .main-image,
    .main-image-uk,
    .tools-main {
        align-items: center;
        flex-direction: row;
        justify-content: flex-end
    }
}

.currency {
    text-align: left;
    width: 100%
}

.currency img {
    position: absolute;
    top: 100%
}

img.currency-icon {
    max-width: 11.25rem
}

@media print,
screen and (max-width:47.99875em) {
    img.currency-icon {
        bottom: 1rem;
        left: 1.5rem;
        max-width: 25%;
        top: auto
    }
}

@media print,
screen and (min-width:48em) {
    img.currency-icon.move {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s;
        -webkit-animation-duration: .6s;
        animation-duration: .6s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-name: bounce-cur;
        animation-name: bounce-cur;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes bounce-cur {
    0% {
        transform: translate(0)
    }

    80% {
        transform: translateY(-18.125rem)
    }

    90% {
        transform: translateY(-17.875rem)
    }

    to {
        transform: translateY(-18rem)
    }
}

@keyframes bounce-cur {
    0% {
        transform: translate(0)
    }

    80% {
        transform: translateY(-18.125rem)
    }

    90% {
        transform: translateY(-17.875rem)
    }

    to {
        transform: translateY(-18rem)
    }
}

img.flag {
    max-width: 5.625rem
}

@media print,
screen and (max-width:47.99875em) {
    img.flag {
        bottom: 10%;
        left: .5rem;
        max-width: 13%;
        top: auto
    }
}

@media print,
screen and (min-width:48em) {
    img.flag.move {
        -webkit-animation-delay: 1.75s;
        animation-delay: 1.75s;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-name: bounce-flag;
        animation-name: bounce-flag;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes bounce-flag {
    0% {
        transform: translate(-.5rem)
    }

    80% {
        transform: translate(-.5rem, -19.125rem)
    }

    90% {
        transform: translate(-.5rem, -18.875rem)
    }

    to {
        transform: translate(-.5rem, -19rem)
    }
}

@keyframes bounce-flag {
    0% {
        transform: translate(-.5rem)
    }

    80% {
        transform: translate(-.5rem, -19.125rem)
    }

    90% {
        transform: translate(-.5rem, -18.875rem)
    }

    to {
        transform: translate(-.5rem, -19rem)
    }
}

@media print,
screen and (max-width:47.99875em) {
    .main-image-islamic img.currency-icon {
        bottom: 2rem
    }

    .main-image-islamic img.flag {
        bottom: 35%
    }
}

@media screen and (max-width:47.99875em) and (orientation:portrait) {
    .main-image-islamic img.flag {
        bottom: 20%
    }
}

@media screen and (min-width:25rem) and (max-width:29.375rem) and (orientation:portrait) {
    .main-image-islamic img.flag {
        bottom: 25%
    }
}

@media screen and (min-width:29.4375rem) and (max-width:37.5rem) and (orientation:portrait) {
    .main-image-islamic img.flag {
        bottom: 30%
    }
}

@media screen and (min-width:37.5625rem) and (max-width:47.9375rem) and (orientation:portrait) {
    .main-image-islamic img.flag {
        bottom: 35%
    }
}

.main-anim.home-anim {
    position: relative
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {
    .main-anim.home-anim {
        -webkit-animation: hero-anim steps(34) 1.08s ease-in 0 forwards;
        animation: hero-anim steps(34) 1.08s ease-in 0 forwards;
        background: url(../Images/sprite_tinified_solo.png) no-repeat 0 0;
        background-size: contain
    }

    @-webkit-keyframes hero-anim {
        0% {
            background-position: 100% 100%
        }

        to {
            background-position: 100% 100%;
            opacity: 1
        }
    }

    @keyframes hero-anim {
        0% {
            background-position: 100% 100%
        }

        to {
            background-position: 100% 100%;
            opacity: 1
        }
    }

    img.currency-icon.move {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s
    }

    img.flag.move {
        -webkit-animation-delay: 1.75s;
        animation-delay: 1.75s
    }
}

@media print,
screen and (min-width:48em) {

    .main-image-uk-post img.currency-icon.move,
    .main-image-uk img.currency-icon.move,
    .main-sg-seminar img.currency-icon.move {
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }

    .main-image-uk-post img.flag.move,
    .main-image-uk img.flag.move,
    .main-sg-seminar img.flag.move {
        -webkit-animation-delay: .75s;
        animation-delay: .75s
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .image-sponsor {
        margin-top: 2rem
    }
}

@media print,
screen and (min-width:64em) {
    @-webkit-keyframes bounce-animate-image {
        0% {
            transform: translateY(8rem)
        }

        80% {
            transform: translateY(-.125rem)
        }

        90% {
            transform: translateY(.125rem)
        }

        to {
            transform: translate(0)
        }
    }

    @keyframes bounce-animate-image {
        0% {
            transform: translateY(8rem)
        }

        80% {
            transform: translateY(-.125rem)
        }

        90% {
            transform: translateY(.125rem)
        }

        to {
            transform: translate(0)
        }
    }

    @-webkit-keyframes bounce-animate-image-sponsor {
        0% {
            transform: translateY(11rem)
        }

        80% {
            transform: translateY(2.875rem)
        }

        90% {
            transform: translateY(3.125rem)
        }

        to {
            transform: translateY(3rem)
        }
    }

    @keyframes bounce-animate-image-sponsor {
        0% {
            transform: translateY(11rem)
        }

        80% {
            transform: translateY(2.875rem)
        }

        90% {
            transform: translateY(3.125rem)
        }

        to {
            transform: translateY(3rem)
        }
    }

    .image-flow .move {
        transform: translateY(8rem)
    }

    .image-flow .move.image-sponsor {
        transform: translateY(11rem)
    }

    .image-flow .move.animate-image {
        -webkit-animation-delay: .2s;
        animation-delay: .2s;
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-name: bounce-animate-image;
        animation-name: bounce-animate-image;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    .image-flow .move.animate-image.image-sponsor {
        -webkit-animation-name: bounce-animate-image-sponsor;
        animation-name: bounce-animate-image-sponsor
    }

    .image2 {
        padding-top: .5rem
    }
}

.bullet-plus {
    list-style-type: none;
    margin-left: 0
}

.bullet-plus li:before {
    color: #004d99;
    content: "+";
    font-weight: 500;
    margin-right: .5rem
}

.home .area.content {
    min-height: 30rem
}

.sticky-footer-wrapper {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 9997
}

.rw-container > .row {
    margin-bottom: 0
}

@media print,
screen and (max-width:47.99875em) {
    .rw-container.mobile {
        border-top: 1px solid #ccc
    }
}

.country-gb .main-header .rw-container p,
.country-gb .main-header .rw-container p *,
.regulator-cysec .main-header .rw-container p,
.regulator-cysec .main-header .rw-container p *,
.regulator-efsa .main-header .rw-container p,
.regulator-efsa .main-header .rw-container p * {
    color: #fefefe
}

.country-gb .main-header .rw-toggle,
.regulator-cysec .main-header .rw-toggle,
.regulator-efsa .main-header .rw-toggle {
    background-color: #1a1a1e;
    color: #fefefe
}

.country-gb .main-header .rw-toggle:before,
.regulator-cysec .main-header .rw-toggle:before,
.regulator-efsa .main-header .rw-toggle:before {
    background-color: #1a1a1e
}

.country-gb .main-header .rw-toggle > span:first-child,
.regulator-cysec .main-header .rw-toggle > span:first-child,
.regulator-efsa .main-header .rw-toggle > span:first-child {
    color: #fefefe
}

.country-gb .main-header .risk-for-small,
.country-gb .main-header .sticky-risk-banner,
.regulator-cysec .main-header .risk-for-small,
.regulator-cysec .main-header .sticky-risk-banner,
.regulator-efsa .main-header .risk-for-small,
.regulator-efsa .main-header .sticky-risk-banner {
    background-color: #1a1a1e
}

.regulator-isa .main-header .rw-container p,
.regulator-isa .main-header .rw-container p * {
    color: #5e5e5e
}

.regulator-isa .main-header .rw-toggle {
    background-color: #ececec;
    color: #5e5e5e
}

.regulator-isa .main-header .rw-toggle:before {
    background-color: #ececec
}

.regulator-isa .main-header .rw-toggle > span:first-child {
    color: #5e5e5e
}

.regulator-isa .main-header .risk-for-small,
.regulator-isa .main-header .sticky-risk-banner {
    background-color: #ececec
}

.country-gb .main-header .rw-container,
.regulator-cysec .main-header .rw-container,
.regulator-efsa .main-header .rw-container,
.regulator-isa .main-header .rw-container {
    position: relative;
    z-index: 1
}

.country-gb .main-header .rw-toggle,
.regulator-cysec .main-header .rw-toggle,
.regulator-efsa .main-header .rw-toggle,
.regulator-isa .main-header .rw-toggle {
    border-radius: 0 0 1rem 1rem;
    border-width: 0;
    bottom: -1.1875rem;
    cursor: pointer;
    height: 1.25rem;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 3rem;
    z-index: 1
}

.country-gb .main-header .rw-toggle:focus,
.regulator-cysec .main-header .rw-toggle:focus,
.regulator-efsa .main-header .rw-toggle:focus,
.regulator-isa .main-header .rw-toggle:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

.country-gb .main-header .rw-toggle:before,
.regulator-cysec .main-header .rw-toggle:before,
.regulator-efsa .main-header .rw-toggle:before,
.regulator-isa .main-header .rw-toggle:before {
    content: "";
    display: block;
    height: 3px;
    margin: 0 auto;
    position: absolute;
    top: -1px;
    width: 100%
}

.country-gb .main-header .rw-toggle > span:first-child,
.regulator-cysec .main-header .rw-toggle > span:first-child,
.regulator-efsa .main-header .rw-toggle > span:first-child,
.regulator-isa .main-header .rw-toggle > span:first-child {
    font-family: Roboto, Tajawal, Rubik, apple-system, -system-ui, Tahoma, Arial, sans-serif;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1rem
}

@media print,
screen and (max-width:63.99875em) {

    .country-gb .main-header .rw-toggle,
    .regulator-cysec .main-header .rw-toggle,
    .regulator-efsa .main-header .rw-toggle,
    .regulator-isa .main-header .rw-toggle {
        border-radius: 0 0 3rem 3rem
    }

    .country-gb .main-header .rw-toggle i,
    .regulator-cysec .main-header .rw-toggle i,
    .regulator-efsa .main-header .rw-toggle i,
    .regulator-isa .main-header .rw-toggle i {
        position: relative
    }

    .country-gb .main-header .rw-toggle i.icon-minus3,
    .regulator-cysec .main-header .rw-toggle i.icon-minus3,
    .regulator-efsa .main-header .rw-toggle i.icon-minus3,
    .regulator-isa .main-header .rw-toggle i.icon-minus3 {
        bottom: 1px
    }

    .country-gb .main-header .rw-toggle i.icon-plus3,
    .regulator-cysec .main-header .rw-toggle i.icon-plus3,
    .regulator-efsa .main-header .rw-toggle i.icon-plus3,
    .regulator-isa .main-header .rw-toggle i.icon-plus3 {
        bottom: 4px
    }
}

@media print,
screen and (min-width:64em) {

    .country-gb .main-header .rw-toggle,
    .regulator-cysec .main-header .rw-toggle,
    .regulator-efsa .main-header .rw-toggle,
    .regulator-isa .main-header .rw-toggle {
        display: none
    }
}

.country-gb .main-header .risk-for-small,
.regulator-cysec .main-header .risk-for-small,
.regulator-efsa .main-header .risk-for-small,
.regulator-isa .main-header .risk-for-small {
    border-top: 1px solid #ccc;
    margin: 0 !important
}

@media print,
screen and (max-width:63.99875em) {

    .country-gb .main-header .risk-for-small,
    .regulator-cysec .main-header .risk-for-small,
    .regulator-efsa .main-header .risk-for-small,
    .regulator-isa .main-header .risk-for-small {
        text-align: center
    }
}

.country-gb .main-header .risk-for-small,
.country-gb .main-header .sticky-risk-banner,
.regulator-cysec .main-header .risk-for-small,
.regulator-cysec .main-header .sticky-risk-banner,
.regulator-efsa .main-header .risk-for-small,
.regulator-efsa .main-header .sticky-risk-banner,
.regulator-isa .main-header .risk-for-small,
.regulator-isa .main-header .sticky-risk-banner {
    border-top: 0
}

@media print,
screen and (max-width:63.99875em) {

    .country-gb .main-header .rw-short,
    .regulator-cysec .main-header .rw-short,
    .regulator-efsa .main-header .rw-short,
    .regulator-isa .main-header .rw-short {
        display: flex;
        flex-direction: column
    }

    .country-gb .main-header .rw-short > div,
    .regulator-cysec .main-header .rw-short > div,
    .regulator-efsa .main-header .rw-short > div,
    .regulator-isa .main-header .rw-short > div {
        overflow: hidden;
        padding-bottom: .5rem;
        padding-top: .5rem;
        transition-property: max-height
    }

    .country-gb .main-header .rw-short p,
    .regulator-cysec .main-header .rw-short p,
    .regulator-efsa .main-header .rw-short p,
    .regulator-isa .main-header .rw-short p {
        margin: 0;
        transition-property: opacity, max-height
    }

    .country-gb .main-header .rw-short p:first-child,
    .regulator-cysec .main-header .rw-short p:first-child,
    .regulator-efsa .main-header .rw-short p:first-child,
    .regulator-isa .main-header .rw-short p:first-child {
        font-size: .75rem;
        line-height: 1.4
    }

    .country-gb .main-header .rw-short p:nth-child(2),
    .regulator-cysec .main-header .rw-short p:nth-child(2),
    .regulator-efsa .main-header .rw-short p:nth-child(2),
    .regulator-isa .main-header .rw-short p:nth-child(2) {
        font-size: .75rem;
        line-height: 1.4;
        max-height: 2rem;
        max-height: 0;
        opacity: 0
    }

    .country-gb .main-header.rw-collapsible .rw-short > div,
    .regulator-cysec .main-header.rw-collapsible .rw-short > div,
    .regulator-efsa .main-header.rw-collapsible .rw-short > div,
    .regulator-isa .main-header.rw-collapsible .rw-short > div {
        max-height: 10rem;
        transition-duration: .35s;
        transition-timing-function: ease-in
    }

    .country-gb .main-header.rw-collapsible .rw-short p:first-child,
    .regulator-cysec .main-header.rw-collapsible .rw-short p:first-child,
    .regulator-efsa .main-header.rw-collapsible .rw-short p:first-child,
    .regulator-isa .main-header.rw-collapsible .rw-short p:first-child {
        opacity: 1;
        transition-duration: .35s;
        transition-timing-function: ease-in
    }

    .country-gb .main-header.rw-collapsible .rw-short p:nth-child(2),
    .regulator-cysec .main-header.rw-collapsible .rw-short p:nth-child(2),
    .regulator-efsa .main-header.rw-collapsible .rw-short p:nth-child(2),
    .regulator-isa .main-header.rw-collapsible .rw-short p:nth-child(2) {
        max-height: 0;
        opacity: 0;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .country-gb .main-header.rw-collapsed .rw-short > div,
    .regulator-cysec .main-header.rw-collapsed .rw-short > div,
    .regulator-efsa .main-header.rw-collapsed .rw-short > div,
    .regulator-isa .main-header.rw-collapsed .rw-short > div {
        max-height: 2rem;
        transition-duration: .35s;
        transition-timing-function: ease-out
    }

    .country-gb .main-header.rw-collapsed .rw-short p:first-child,
    .regulator-cysec .main-header.rw-collapsed .rw-short p:first-child,
    .regulator-efsa .main-header.rw-collapsed .rw-short p:first-child,
    .regulator-isa .main-header.rw-collapsed .rw-short p:first-child {
        max-height: 0;
        opacity: 0;
        transition-duration: .25s;
        transition-timing-function: ease
    }

    .country-gb .main-header.rw-collapsed .rw-short p:nth-child(2),
    .regulator-cysec .main-header.rw-collapsed .rw-short p:nth-child(2),
    .regulator-efsa .main-header.rw-collapsed .rw-short p:nth-child(2),
    .regulator-isa .main-header.rw-collapsed .rw-short p:nth-child(2) {
        max-height: none;
        opacity: 1;
        transition-duration: .75s;
        transition-timing-function: ease-in
    }
}

.area.sticky-risk {
    background: #ececec;
    padding: 0;
    position: relative;
    width: 100%
}

.area.sticky-risk .blocked {
    background: #82b5d9
}

.area.sticky-risk .blocked p {
    color: #0a0a0a
}

.risk {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.risk,
.risk.footer-item {
    text-align: left
}

.risk p {
    font-size: .75rem;
    font-weight: 400;
    margin: 0
}

@media print,
screen and (min-width:48em) {
    .risk p {
        font-size: .9375rem
    }
}

.page-sections .callout.risk-bottom {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.page-sections .callout.risk-bottom .risk-for-small {
    margin-bottom: 0
}

.risk-for-small {
    background: #f6f6f6;
    margin-bottom: 1.25rem
}

.risk-for-small p {
    font-size: .75rem;
    line-height: 1.3;
    margin: .5rem 0
}

.colored-cnbs + section .risk-for-small {
    margin-bottom: 0
}

.colored .risk-for-small {
    background: none
}

.colored .risk-for-small > div {
    margin-top: .5rem !important
}

.investors .risk-for-small {
    margin-top: 1.5rem !important
}

.sticky-risk-banner {
    border-top: 1px solid #ccc
}

.start-trading {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 1.875rem;
    margin-top: .875rem
}

@media print,
screen and (min-width:48em) {
    .start-trading {
        margin-top: 1.875rem
    }
}

.start-trading :not(.button) {
    color: #767676;
    font-size: .875rem
}

.start-trading :not(.button).link-islamic {
    color: #0d8234;
    font-size: 1.065rem
}

.start-trading :not(.button).link-islamic span {
    color: #0d8234;
    display: inline-block;
    font-size: 1.75rem;
    margin-right: .5rem;
    text-decoration: none !important;
    vertical-align: middle
}

.start-trading a:not(.button).link-bonus {
    display: flex;
    flex-direction: column;
    text-decoration: none
}

.start-trading a:not(.button).link-bonus strong {
    font-size: 1rem
}

@media print,
screen and (min-width:48em) {
    .start-trading a:not(.button).link-bonus strong {
        font-size: 1.125rem
    }
}

.start-trading a:not(.button).link-bonus:hover,
.start-trading a:not(.button).link-bonus:hover * {
    color: #004d99
}

.start-trading a:not(.button).link-bonus span,
.start-trading a:not(.button).link-bonus strong {
    color: #004d99
}

.start-trading.st-light {
    margin-bottom: 1rem;
    margin-top: 1.875rem !important
}

.start-trading.st-light :not(.button) {
    color: #fefefe !important
}

.start-trading.st-light a:not(.button).link-bonus:hover,
.start-trading.st-light a:not(.button).link-bonus:hover *,
.start-trading.st-light a:not(.button).link:hover,
.start-trading.st-light a:not(.button).link:hover * {
    color: #fefefe;
    text-decoration: underline
}

.start-trading.start-trading-ind {
    margin: 0
}

.start-trading.start-trading-ind a.hollow.cta {
    background: initial;
    border: 1px solid #004d99;
    color: #004d99;
    margin: 1rem 0;
    min-width: 12rem;
    padding: .875rem 1.25rem;
    white-space: nowrap
}

@media print,
screen and (max-width:47.99875em) {
    .start-trading.start-trading-ind a.hollow.cta {
        white-space: normal
    }
}

.start-trading.start-trading-ind a.hollow.cta.centered {
    margin-right: 0;
    white-space: normal
}

.start-trading.start-trading-ind a.hollow.cta span {
    color: #004d99;
    font-size: 1.25rem
}

.start-trading.start-trading-ind a.hollow.cta:hover {
    background-color: #004d99;
    border-color: #004d99;
    color: #fefefe;
    transition: background-color .25s ease-out, color .25s ease-out
}

.start-trading.start-trading-ind a.hollow.cta:hover span {
    color: #fefefe
}

.start-trading .btween-btns {
    font-size: 1rem;
    padding: .75rem
}

.reveal-wrapper {
    overflow: hidden !important;
    z-index: 11000
}

.reveal-wrapper.without-overlay {
    margin: 0;
    padding: 0;
    position: fixed !important;
    top: 0 !important
}

.reveal-wrapper .reveal-page {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center
}

.reveal-wrapper .reveal-page .area {
    position: relative;
    top: -2rem
}

.reveal-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.reveal-content img {
    margin: 0 0 2rem
}

.info-group {
    justify-content: space-around;
    margin: 1rem 0
}

@media print,
screen and (max-width:47.99875em) {
    .info-group.numbers {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media print,
screen and (min-width:48em) {
    .info-group {
        margin: 2rem 0
    }
}

@media print,
screen and (min-width:64em) {
    .info-group {
        justify-content: space-between
    }
}

@media print,
screen and (min-width:48em) {
    .info-group p {
        font-size: 1rem
    }
}

.info-group .icon {
    display: inline-block;
    font-size: 2.25rem
}

@media print,
screen and (min-width:48em) {
    .info-group .icon {
        font-size: 2.75rem;
        padding-bottom: 1.5rem
    }
}

.info-group .icon-pluses svg {
    width: 2.25rem
}

@media print,
screen and (min-width:48em) {
    .info-group .icon-pluses {
        display: inline-block;
        padding-bottom: .9375rem
    }

    .info-group .icon-pluses svg {
        width: 2.75rem
    }
}

.info-group > div {
    margin-top: 1.5rem
}

@media print,
screen and (max-width:47.99875em) {
    .info-group > div {
        align-items: center;
        display: flex;
        margin-top: 2rem
    }

    .info-group > div:first-of-type {
        margin: 0
    }

    .info-group > div p {
        flex: 1 0 75%;
        font-size: .875rem;
        margin-bottom: 0;
        margin-left: 1rem
    }

    .info-group > div.islamic-feature {
        display: block
    }

    .info-group > div.islamic-feature p {
        font-size: 1.125rem;
        font-weight: 300;
        margin-left: 0
    }
}

@media print,
screen and (max-width:47.99875em) {
    .IPhone .info-group.info-small-center > div > p {
        flex: 1 0 auto
    }
}

.circle-item {
    align-items: center;
    display: flex;
    justify-content: center
}

.count-box {
    display: flex;
    flex-direction: column;
    font-weight: 300
}

.count-box span {
    color: #004d99;
    display: inline-block;
    font-size: 1.75rem;
    line-height: 1;
    vertical-align: baseline
}

.count-box .count {
    font-size: 3.5rem;
    font-weight: 500;
    margin-left: 1.5rem
}

.count-box .title {
    color: #5e5e5e;
    font-size: 1.25rem;
    line-height: 1.5
}

.count-box .type {
    font-weight: 400
}

.count-box .more {
    font-size: 2.5rem
}

.platforms {
    align-content: stretch;
    border: 1px solid #004d99;
    text-align: center
}

.platforms .item {
    border-bottom: 1px solid #94caff;
    border-left-color: #94caff;
    border-left-style: solid;
    border-right: 1px solid #94caff;
    border-top-color: #94caff;
    border-top-style: solid;
    padding: 0
}

@media print,
screen and (max-width:63.99875em) {
    .platforms .item {
        flex: 1 0 50%
    }

    .platforms .item:nth-child(2n) {
        border-right-width: 0
    }

    .platforms .item:last-child,
    .platforms .item:nth-last-child(2):nth-child(odd) {
        border-bottom-width: 0;
        border-right-width: 0
    }

    .platforms .item:first-child:nth-last-child(2n) {
        border-right-width: 1px
    }

    .platforms .item:first-child:nth-last-child(2n) ~ .item:nth-last-child(2) {
        border-right-width: 1px
    }
}

@media print,
screen and (min-width:64em) {
    .platforms .item {
        border-bottom-width: 0
    }

    .platforms .item:last-child {
        border-right-width: 0
    }
}

.platforms a {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%
}

.platforms a span {
    color: #004d99
}

.platforms a span.icon {
    font-size: 1.5rem;
    line-height: 2rem;
    padding-bottom: 1rem
}

@media print,
screen and (min-width:48em) {
    .platforms a span.icon {
        font-size: 2rem
    }
}

.platforms a span.icon.browser {
    font-size: 1.5rem
}

.platforms a.button {
    background-color: initial;
    border-radius: 0;
    margin: 0;
    min-height: 8rem;
    padding: 2rem .75rem .5rem
}

.platforms a:hover {
    background: #0063a6
}

.platforms a:hover span {
    color: #fefefe
}

.area .button {
    border-radius: .5rem;
    font-size: .875rem;
    margin: 1rem 0;
    padding: 1rem 1.25rem
}

@media print,
screen and (min-width:48em) {
    .area .button {
        font-size: 1rem
    }
}

.area .button:first-letter {
    text-transform: capitalize
}

.area .button.hollow {
    border: 1px solid #004d99;
    color: #004d99;
    line-height: 1.3;
    padding: .875rem 1.25rem;
    white-space: nowrap
}

.area .button.hollow:not(.jump-anc):not(.all-news-link) {
    margin-bottom: 0;
    margin-right: .75rem;
    margin-top: 1rem
}

@media print,
screen and (max-width:47.99875em) {
    .area .button.hollow:not(.jump-anc):not(.all-news-link) {
        white-space: normal
    }
}

@media print,
screen and (min-width:48em) {
    .area .button.hollow:not(.jump-anc):not(.all-news-link) {
        margin-right: 1rem
    }
}

.area .button.hollow:not(.jump-anc):not(.all-news-link).centered {
    margin-right: 0;
    white-space: normal
}

.area .button.hollow:not(.jump-anc):not(.all-news-link).holiday-toggle {
    margin-bottom: .375rem;
    margin-right: .25rem;
    margin-top: .375rem
}

@media print,
screen and (max-width:47.99875em) {
    .area .button.hollow:not(.jump-anc):not(.all-news-link).holiday-toggle {
        margin-right: 0
    }
}

@media (pointer:fine) {
    .area .button.hollow:hover {
        background-color: #004d99;
        border-color: #004d99;
        color: #fefefe;
        transition: background-color .25s ease-out, color .25s ease-out
    }
}

@media print,
screen and (min-width:48em) {
    .area .button.hollow.button-support {
        margin-right: 0;
        margin-top: 0
    }
}

.area .button.video span {
    color: #004d99;
    margin-left: .5rem;
    transition: background-color .25s ease-out, color .25s ease-out
}

.area .button.video:hover span {
    color: #fefefe
}

.area .start-trading .button {
    background: #004080;
    border-radius: .5rem;
    color: #fefefe;
    font-size: 1.125rem;
    font-weight: 300;
    padding: .875rem 1.25rem
}

.area .start-trading .button:hover {
    background-color: #006db5
}

@media screen and (orientation:landscape) {
    .area .start-trading .button {
        font-size: 1.25rem
    }
}

@media print,
screen and (min-width:48em) {
    .area .start-trading .button {
        font-size: 1.5rem;
        padding: 1rem 1.75rem
    }
}

.area .start-trading .button span {
    color: #fefefe;
    font-size: 1.125rem;
    font-weight: 300
}

@media screen and (orientation:landscape) {
    .area .start-trading .button span {
        font-size: 1.25rem
    }
}

@media print,
screen and (min-width:48em) {
    .area .start-trading .button span {
        font-size: 1.5rem
    }
}

.area .start-trading .button span.icon {
    margin-left: .5rem
}

.area .start-trading.st-light .button {
    background: #004080;
    background-color: #0583ff;
    color: #fefefe;
    font-size: 1.125rem;
    font-weight: 300
}

.area .start-trading.st-light .button:hover {
    background-color: #006db5
}

.area .start-trading.st-light .button:hover {
    background-color: #3b9dff
}

@media screen and (orientation:landscape) {
    .area .start-trading.st-light .button {
        font-size: 1.25rem
    }
}

@media print,
screen and (min-width:48em) {
    .area .start-trading.st-light .button {
        font-size: 1.5rem
    }
}

@media print,
screen and (min-width:48em) {
    .area .instrument-button:first-child {
        padding-left: 0
    }

    .area .instrument-button:last-child {
        padding-right: 0
    }
}

.area .instrument-button .button {
    background: #004080;
    color: #fefefe;
    display: flex;
    flex-direction: column;
    font-size: 1.125rem;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.3;
    margin: 0 0 1.5rem;
    padding: .25rem;
    width: 100%
}

.area .instrument-button .button:hover {
    background-color: #006db5
}

@media print,
screen and (min-width:48em) {
    .area .instrument-button .button {
        font-size: 1.25rem
    }
}

.area .instrument-button .button span,
.area .instrument-button .button strong {
    color: #fefefe;
    display: block
}

.area .instrument-button .button strong {
    font-size: 1.25rem;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

@media print,
screen and (min-width:48em) {
    .area .instrument-button .button strong {
        font-size: 2rem
    }
}

.area .instrument-button .button-buy:hover {
    background: #0e8a37
}

.area .instrument-button .button-sell:hover {
    background: #cc2929
}

.colored .button.hollow {
    border: 1px solid #fefefe;
    color: #fefefe
}

.colored .button.hollow:hover {
    background-color: #fefefe;
    border-color: #fefefe;
    color: #004d99
}

.side-section {
    align-items: center
}

.side-section h5 {
    font-size: 1.375rem
}

@media print,
screen and (min-width:48em) {
    .side-section h5 {
        font-size: 2rem;
        margin: 0;
        text-align: right
    }
}

.side-section a .icon,
.side-section a span {
    margin-left: .5rem;
    transition: color .25s ease-in;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.side-section a:hover .icon,
.side-section a:hover span {
    color: #004d99
}

.side-section .side-content {
    display: flex;
    justify-content: center
}

@media print,
screen and (max-width:47.99875em) {
    .side-section .side-content {
        flex-wrap: wrap
    }
}

.side-section .side-content > div {
    margin: 0 .5rem
}

@media print,
screen and (max-width:47.99875em) {
    .side-section .side-content > div {
        flex-basis: 100%;
        width: 100%
    }
}

@media print,
screen and (min-width:48em) {
    .area.colored + .area.content .columns:first-child {
        margin-top: 2rem;
        order: 1
    }
}

@media print,
screen and (min-width:48em) and (min-width:64em) {
    .area.colored + .area.content .columns:first-child {
        margin-top: 0
    }
}

@media print,
screen and (min-width:48em) {
    .area.colored + .area.content .columns:last-child {
        order: 2
    }
}

@media screen and (min-width:48em) and (max-width:63.99875em) and (orientation:portrait) {
    .islamic-account .area.colored + .area.content .columns:first-child {
        order: 2
    }

    .islamic-account .area.colored + .area.content .columns:last-child {
        order: 1
    }
}

.start-trading .cta-wrap,
.start-trading.st-light .cta-wrap {
    display: flex;
    justify-content: center;
    width: 100%
}

@media print,
screen and (max-width:47.99875em) {

    .start-trading .cta-wrap,
    .start-trading.st-light .cta-wrap {
        flex-wrap: wrap
    }
}

.start-trading .cta-wrap a,
.start-trading.st-light .cta-wrap a {
    display: inherit;
    margin-left: 1rem;
    margin-right: 1rem
}

@media print,
screen and (max-width:47.99875em) {

    .start-trading .cta-wrap a,
    .start-trading.st-light .cta-wrap a {
        flex: 0 1 auto;
        text-align: center
    }
}

.start-trading .cta-wrap .cta-demo,
.start-trading.st-light .cta-wrap .cta-demo {
    background: #0d8234
}

.start-trading .cta-wrap .cta-demo:hover,
.start-trading.st-light .cta-wrap .cta-demo:hover {
    background: #10a341
}

.bonus-china,
.landingpage-cn .bonus-china {
    align-items: flex-end;
    display: flex
}

.bonus-china .icon {
    color: #ffd400;
    font-size: 1.5rem;
    padding: 0 .25rem
}

.bonus-china .icon:after,
.bonus-china .icon:before {
    padding: 0 .25rem
}

.bonus-china .icon:first-of-type:before {
    color: #ffd400;
    content: "\ece2";
    font-family: icomain;
    font-size: 1.5rem
}

.bonus-china .icon:first-of-type:after {
    color: #ffd400;
    content: "\ece2";
    font-family: icomain;
    font-size: 2.25rem
}

.bonus-china .icon:last-of-type:before {
    color: #ffd400;
    content: "\ece2";
    font-family: icomain;
    font-size: 2.25rem
}

.bonus-china .icon:last-of-type:after {
    color: #ffd400;
    content: "\ece2";
    font-family: icomain;
    font-size: 1.5rem
}

.landingpage-cn .bonus-china .icon:first-of-type:after,
.landingpage-cn .bonus-china .icon:first-of-type:before,
.landingpage-cn .bonus-china .icon:last-of-type:after,
.landingpage-cn .bonus-china .icon:last-of-type:before {
    content: "\ebad"
}

@media print,
screen and (min-width:48em) {
    .landingpage-cn .platforms-section + .area.content .columns:first-child {
        margin-top: 2rem;
        order: 1
    }
}

@media print,
screen and (min-width:48em) and (min-width:64em) {
    .landingpage-cn .platforms-section + .area.content .columns:first-child {
        margin-top: 0
    }
}

@media print,
screen and (min-width:48em) {
    .landingpage-cn .platforms-section + .area.content .columns:last-child {
        order: 2
    }
}

.buttons-trust a.button {
    font-size: 1.25rem;
    font-weight: 300;
    margin-left: .75rem;
    margin-right: .75rem !important;
    min-width: 12.5rem
}

.icon.icon-union-pay:before {
    background: url(../Images/icon-union-pay.png) no-repeat 50%;
    background-size: contain;
    content: "";
    display: block;
    height: 2.25rem;
    padding-bottom: 1.5rem;
    width: 3.5rem
}

@media print,
screen and (max-width:47.99875em) {
    .icon.icon-union-pay:before {
        width: 2.25rem
    }
}

.icon-union-pay img {
    max-width: 4rem
}

@media print,
screen and (max-width:47.99875em) {
    .icon-union-pay img {
        height: 1.5rem
    }
}

.results-box-faq {
    display: block;
    left: 0;
    overflow-y: auto;
    position: absolute;
    right: 0;
    z-index: 1001
}

.results-box-faq > div {
    border: 1px solid #ccc;
    border-top: 0 solid #ccc;
    padding: 0
}

.results-box-faq > div:empty {
    border-width: 0
}

.results-box-faq li a:hover {
    text-decoration: none !important
}

.table-input-search {
    padding: 0
}

.table-input-search input {
    border-radius: 1.875rem;
    color: #5e5e5e;
    font-size: .875rem;
    height: 2.5rem;
    margin: 0;
    padding: .5rem 1.5rem
}

@media print,
screen and (min-width:48em) {
    .table-input-search input {
        font-size: 1rem
    }
}

.table-input-search input::-webkit-input-placeholder {
    color: #a3a3a3 !important;
    font-size: 90%
}

.table-input-search input::-moz-placeholder {
    color: #a3a3a3 !important;
    font-size: 90%
}

.table-input-search input:-ms-input-placeholder {
    color: #a3a3a3 !important;
    font-size: 90%
}

.table-input-search input::placeholder {
    color: #a3a3a3 !important;
    font-size: 90%
}

.table-input-search input:focus {
    border-color: #0063a6
}

.table-input-search:before {
    background: #fefefe;
    border-radius: 0 1.875rem 1.875rem 0;
    bottom: 0;
    content: "";
    height: 2.25rem;
    margin: auto;
    position: absolute;
    right: 2px;
    top: 0;
    width: 2.5rem
}

.table-input-search:after {
    color: #cbcbcb;
    font-size: 1rem;
    right: 1rem;
    top: .5rem
}

@media print,
screen and (min-width:48em) {
    .table-input-search:after {
        font-size: 1.25rem;
        top: .25rem
    }
}

.table-input-search:focus-within:after,
.table-input-search:focus-within:before {
    display: none
}

.results-box-table {
    background: #fefefe;
    border: 1px solid #cacaca;
    border-radius: 0 0 1.25rem 1.25rem;
    border-top: none;
    transition: border-color .25s ease-in-out
}

.results-box-table:empty {
    display: none
}

.results-box-table ul {
    max-height: 10.5rem
}

.results-box-table li a:hover {
    background: #ececec
}

.market-tools-table .results-box-table ul {
    margin-top: .5rem
}

.error-results .results-box-table .error-search,
.matching-results .results-box-table .error-search {
    display: block;
    margin: 0;
    padding: .5rem .5rem .5rem 2.75rem
}

.error-results .results-box-table .error-search:before,
.matching-results .results-box-table .error-search:before {
    left: 1.5rem
}

.error-results:focus-within input,
.matching-results:focus-within input {
    border-bottom: 0;
    border-color: #0063a6;
    border-radius: 1.25rem 1.25rem 0 0
}

.error-results:focus-within .results-box-table,
.matching-results:focus-within .results-box-table {
    border-color: #0063a6;
    display: block;
    left: 0;
    overflow-y: auto;
    position: absolute;
    right: 0;
    z-index: 1001
}

.error-results:focus-within .results-box-table > div,
.matching-results:focus-within .results-box-table > div {
    padding: 0
}

.error-results:focus-within .results-box-table > div:empty,
.matching-results:focus-within .results-box-table > div:empty {
    border-width: 0
}

.error-results:focus-within .results-box-table li a,
.matching-results:focus-within .results-box-table li a {
    padding: .5rem 1.5rem
}

.error-results:focus-within .results-box-table li a:hover,
.matching-results:focus-within .results-box-table li a:hover {
    text-decoration: none !important
}

.inline-line {
    border: 0;
    border-bottom: 1px solid #cacaca;
    clear: both;
    display: block;
    height: 0;
    margin: 1.25rem auto;
    max-width: 75rem
}

.item-cnbs-link a,
.item-list-link a {
    align-items: baseline;
    color: #004d99;
    display: flex
}

.item-cnbs-link span,
.item-list-link span {
    color: inherit;
    flex: 0 1 100%
}

.item-cnbs-link .icon,
.item-list-link .icon {
    flex: 1 0 auto;
    position: relative;
    top: .125rem
}

.item-cnbs-link .icon-file-pdf,
.item-list-link .icon-file-pdf {
    color: #cc2929
}

.item-cnbs-link a.item-pdf-link,
.item-list-link a.item-pdf-link {
    margin-top: .75rem
}

.item-cnbs-link a.item-pdf-link .icon-file-pdf,
.item-list-link a.item-pdf-link .icon-file-pdf {
    color: #004d99
}

.item-cnbs-link a:hover,
.item-list-link a:hover {
    text-decoration: none !important
}

.item-cnbs-link a:hover span:not(.icon),
.item-list-link a:hover span:not(.icon) {
    text-decoration: underline
}

.item-cnbs-link .icon,
.item-list-link .icon {
    font-size: 1.25rem;
    margin-right: .375rem
}

.item-list-link {
    margin: 0;
    padding: 1rem 0 0
}

.item-cnbs-link {
    margin-bottom: .5rem
}

.feeds-tab iframe,
.mobile-frame-fix iframe,
.modal-player,
.regulator-news iframe,
.stock-ticker iframe {
    border: 0
}

.area.callout.payment-section {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.payment-gallery {
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

@media print,
screen and (min-width:64em) {
    .payment-gallery {
        justify-content: space-between
    }
}

.payment-gallery > div {
    padding-left: .5rem;
    padding-right: .5rem
}

.payment-gallery .large-expand {
    flex: 0 1 18%;
    margin: .5rem 0;
    max-width: 5.5rem
}

@media print,
screen and (min-width:48em) {
    .payment-gallery .large-expand {
        flex: 0 1 10%;
        margin: .5rem 0;
        max-width: 4.5rem
    }
}

@media print,
screen and (min-width:64em) {
    .payment-gallery .large-expand {
        max-width: 4.5rem
    }
}

.payment-gallery svg {
    display: inline-block;
    height: auto;
    max-height: 3.5rem;
    width: 100%
}

@media print,
screen and (min-width:64em) {
    .payment-gallery svg {
        max-height: 3rem
    }
}

.home .payment-section p {
    font-size: .75rem;
    margin: .25rem 0;
    text-align: center
}

@media print,
screen and (min-width:48em) {
    .home .payment-section p {
        font-size: .875rem
    }
}

.greyed-out p,
.greyed-out span {
    color: #bcbcbc
}

body.is-reveal-open {
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-right: 1.0625rem;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reveal-overlay {
    height: 100%;
    overflow: hidden;
    z-index: 10000
}

.reveal {
    direction: ltr;
    left: 0;
    margin: auto;
    overflow: hidden;
    padding: 2.5rem 1.125rem 1rem;
    right: 0;
    top: 0;
    z-index: 99999
}

.reveal:not(.video-modal):not(.subscribe-modal):not(.constitutional-documents-modal) {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto
}

.reveal.constitutional-documents-modal {
    bottom: 0;
    margin: auto;
    top: 0 !important
}

.reveal.cookie-settings {
    direction: ltr
}

.reveal .button.hollow {
    margin: 0 !important
}

@media print,
screen and (max-width:47.99875em) {
    .reveal {
        height: auto;
        margin: .5rem auto;
        max-height: 96%;
        max-width: 96%;
        min-height: 0
    }
}

.IPad.is-reveal-open .reveal.small {
    width: 85%
}

.IPhone.is-reveal-open .reveal.small {
    width: 100%
}

@media screen and (orientation:landscape) {
    .IPhone.is-reveal-open .reveal.small {
        height: 100vh;
        padding-bottom: 1rem;
        padding-top: 1rem
    }
}

.IPad.is-reveal-open:not(.home),
.IPhone.is-reveal-open:not(.home) {
    -webkit-overflow-scrolling: touch
}

.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before {
    background: #fff;
    content: " ";
    display: block;
    position: absolute;
    z-index: 30
}

.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before {
    height: 9999px;
    left: 50%;
    margin-left: -1.5px;
    width: 3px
}

.twentytwenty-vertical .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before {
    height: 3px;
    margin-top: -1.5px;
    top: 50%;
    width: 9999px
}

.twentytwenty-after-label,
.twentytwenty-before-label,
.twentytwenty-overlay {
    height: 100%;
    position: absolute;
    top: 0;
    transition-duration: .5s;
    width: 100%
}

.twentytwenty-after-label,
.twentytwenty-before-label {
    transition-property: opacity
}

.twentytwenty-after-label:before,
.twentytwenty-before-label:before {
    color: #fff;
    font-size: 13px;
    letter-spacing: .1em
}

.twentytwenty-after-label:before,
.twentytwenty-before-label:before {
    background: rgba(255, 255, 255, .2);
    border-radius: 2px;
    line-height: 38px;
    padding: 0 20px;
    position: absolute
}

.twentytwenty-horizontal .twentytwenty-after-label:before,
.twentytwenty-horizontal .twentytwenty-before-label:before {
    margin-top: -19px;
    top: 50%
}

.twentytwenty-vertical .twentytwenty-after-label:before,
.twentytwenty-vertical .twentytwenty-before-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px
}

.twentytwenty-down-arrow,
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow {
    border: 6px inset transparent;
    height: 0;
    position: absolute;
    width: 0
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
    margin-top: -6px;
    top: 50%
}

.twentytwenty-down-arrow,
.twentytwenty-up-arrow {
    left: 50%;
    margin-left: -6px
}

.twentytwenty-container {
    box-sizing: content-box;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    z-index: 0
}

.twentytwenty-container img {
    -webkit-user-drag: none;
    display: block;
    image-rendering: -webkit-optimize-contrast;
    max-width: 100%;
    position: absolute;
    top: 0
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
    background: transparent
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-container * {
    box-sizing: content-box
}

.twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-before-label:before {
    content: attr(data-content)
}

.twentytwenty-after-label {
    opacity: 0
}

.twentytwenty-after-label:before {
    content: attr(data-content)
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 10px
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 10px
}

.twentytwenty-vertical .twentytwenty-before-label:before {
    top: 10px
}

.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom: 10px
}

.twentytwenty-overlay {
    background: transparent;
    transition-property: background;
    z-index: 25
}

.twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, .5)
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
    opacity: 1
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1
}

.twentytwenty-before {
    z-index: 20
}

.twentytwenty-after {
    z-index: 10
}

.twentytwenty-handle {
    border: 3px solid #fff;
    border-radius: 1000px;
    box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    cursor: pointer;
    height: 38px;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    width: 38px;
    z-index: 40
}

.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
    margin-bottom: 22px
}

.twentytwenty-horizontal .twentytwenty-handle:after {
    box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
    margin-top: 22px;
    top: 50%
}

.twentytwenty-vertical .twentytwenty-handle:before {
    box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
    left: 50%;
    margin-left: 22px
}

.twentytwenty-vertical .twentytwenty-handle:after {
    box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
    margin-right: 22px;
    right: 50%
}

.twentytwenty-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px
}

.twentytwenty-right-arrow {
    border-left: 6px solid #fff;
    margin-right: -17px;
    right: 50%
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid #fff;
    margin-top: -17px;
    top: 50%
}

.twentytwenty-down-arrow {
    border-top: 6px solid #fff;
    bottom: 50%;
    margin-bottom: -17px
}

@media print,
screen and (max-width:47.99875em) {
    .feeds-wrap .feeds-tab {
        margin-top: 0 !important
    }
}

.feeds-wrap .feeds-tab > div:first-child {
    justify-content: flex-end;
    margin-bottom: 1.5rem
}

@media print,
screen and (max-width:47.99875em) {
    .feeds-wrap .feeds-tab > div {
        margin-left: 0;
        margin-right: 0
    }
}

@media print,
screen and (max-width:47.99875em) {
    .feeds-wrap .feeds-tab > div .columns {
        padding-left: 0;
        padding-right: 0
    }
}

@media print,
screen and (max-width:63.99875em) {
    .feeds-wrap .feeds-tab > div .columns {
        margin-top: 0 !important
    }
}

.feeds-wrap .tabPanel {
    display: none
}

.feeds-wrap table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    color: #5e5e5e;
    width: 100%
}

.feeds-wrap table tr {
    background-color: #f8fafe
}

.feeds-wrap table tr.odd {
    background-color: #f6f6f6
}

.feeds-wrap table tr.even {
    background-color: #fefefe
}

.feeds-wrap table tr.even:hover,
.feeds-wrap table tr.odd:hover {
    background-color: #e3ebfc
}

.feeds-wrap table tr td,
.feeds-wrap table tr th {
    border: none;
    font-size: .75rem;
    margin: 0;
    padding: .25rem;
    text-align: left;
    vertical-align: middle
}

@media print,
screen and (max-width:47.99875em) {

    .feeds-wrap table tr td,
    .feeds-wrap table tr th {
        word-break: break-word
    }
}

@media print,
screen and (min-width:48em) {

    .feeds-wrap table tr td,
    .feeds-wrap table tr th {
        font-size: .875rem
    }
}

.feeds-wrap table tr td a:hover:not(.button),
.feeds-wrap table tr th a:hover:not(.button) {
    color: #004d99;
    text-decoration: underline
}

.feeds-wrap table tr td .button,
.feeds-wrap table tr th .button {
    font-size: .75rem
}

@media print,
screen and (min-width:48em) {

    .feeds-wrap table tr td .button,
    .feeds-wrap table tr th .button {
        font-size: .875rem
    }
}

.feeds-wrap table tr th.instName {
    font-weight: 400;
    max-width: 6.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width:30em) {
    .feeds-wrap table tr th.instName {
        max-width: 3.25rem
    }
}

.feeds-wrap table tr td.buy,
.feeds-wrap table tr td.sell {
    text-align: center
}

.feeds-wrap table tr .red span {
    color: #cc2929
}

.feeds-wrap table tr .green span {
    color: #0d8234
}

.feeds-wrap table tr td.rate-change {
    text-align: center
}

.feeds-wrap table tr td.trade {
    display: none
}

@media screen and (max-width:47.99875em) and (orientation:portrait) {
    .feeds-wrap table tr td.trade {
        display: table-cell
    }
}

@media screen and (max-width:47.99875em) and (orientation:landscape) {
    .feeds-wrap table tr td.trade {
        display: none
    }
}

.feeds-wrap table tr td.wide {
    display: table-cell
}

@media screen and (max-width:47.99875em) and (orientation:portrait) {
    .feeds-wrap table tr td.wide {
        display: none
    }
}

.feeds-wrap table tr th {
    font-weight: 400;
    padding: .5rem;
    text-align: left
}

.feeds-wrap table tr th.full-details {
    text-align: center
}

@media print,
screen and (max-width:47.99875em) {
    .feeds-wrap table tr th {
        font-size: .75rem
    }
}

@media print,
screen and (min-width:48em) {
    .feeds-wrap table tr th.full-details {
        text-align: right
    }
}

.feeds-wrap table tr td {
    font-size: .75rem;
    padding: 0 .5rem
}

@media print,
screen and (max-width:47.99875em) {
    .feeds-wrap table tr td {
        word-break: break-word
    }
}

@media screen and (max-width:25em) {
    .feeds-wrap table tr td {
        padding: 0 .25rem
    }
}

@media print,
screen and (min-width:48em) {
    .feeds-wrap table tr td {
        font-size: .875rem
    }
}

.feeds-wrap table tr td a:hover:not(.button) {
    color: #004d99;
    text-decoration: underline
}

.feeds-wrap .button.hollow.tabled {
    border-radius: 1.25rem;
    margin: .375rem 0 !important;
    white-space: normal;
    width: 100%
}

.feeds-wrap table tr td.trade {
    padding-right: .25rem
}

.feeds-wrap .button {
    min-width: 3rem;
    padding: .25rem !important
}

.market-tools-table {
    padding: 0
}

.market-tools-table ul {
    list-style-type: none;
    margin: .75rem 0;
    padding: 0;
    width: 100%
}

.market-tools-table ul li {
    font-size: .875rem;
    margin: 0
}

.market-tools-table .feeds-widget-disclaimer {
    margin-top: 1.5rem;
    padding: 0 .75rem
}

@media print,
screen and (min-width:48em) {
    .market-tools-table .feeds-widget-disclaimer {
        padding-left: 4.5rem
    }
}

.feeds-tab .tab-container {
    display: flex
}

@media print,
screen and (max-width:47.99875em) {
    .feeds-tab .tab-container {
        flex-direction: column
    }
}

.feeds-tab .tab-container .instruments-widget-tabs {
    flex: 0 0 3.75rem
}

.feeds-tab .tab-container .instruments-widget-items {
    background-color: #f8f8f8;
    flex: 0 1 100%;
    z-index: 10
}

.feeds-tab .tab-container .tabPanel {
    background-color: #fefefe;
    border-radius: .75rem;
    box-shadow: 0 .25rem 1.5rem rgba(0, 0, 0, .25);
    padding: .75rem
}

@media print,
screen and (min-width:48em) {
    .feeds-tab .tab-container .tabPanel {
        min-height: 25rem
    }
}

.feeds-tab .tab-container .tabPanel.active {
    display: block
}

.feeds-tab .tab-container .tabPanel h4 {
    color: #004d99;
    font-size: 1.0625rem;
    font-weight: 400;
    margin-bottom: .875rem;
    margin-top: .125rem
}

.instruments-widget-tabs {
    align-items: flex-end;
    display: flex;
    position: relative
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-tabs {
        flex-direction: column
    }
}

.instruments-widget-tabs:before {
    background-color: #fefefe;
    border-radius: .75rem .75rem 0 0;
    bottom: -.75rem;
    content: "";
    height: 1.25rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 15
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-tabs:before {
        border-radius: .75rem 0 0 .75rem;
        bottom: 0;
        height: 100%;
        left: auto;
        right: -.25rem;
        top: 0;
        width: .75rem
    }
}

.instruments-widget-tabs button {
    align-items: center;
    background-color: #f8f8f8;
    border-radius: .75rem .75rem 0 0;
    box-shadow: 0 0 1rem .125rem rgba(0, 0, 0, .15);
    display: flex;
    height: 2.75rem;
    justify-content: center;
    position: absolute
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-widget-tabs button {
        bottom: .4375rem;
        width: 3.5rem
    }
}

@media screen and (max-width:30em) {
    .instruments-widget-tabs button {
        width: 3.125rem
    }
}

@media screen and (max-width:25em) {
    .instruments-widget-tabs button {
        height: 2.25rem;
        width: 2.5rem
    }
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-tabs button {
        border-radius: .75rem 0 0 .75rem;
        box-shadow: -.3125rem 0 .625rem .125rem rgba(0, 0, 0, .1);
        height: 3.25rem;
        right: 0;
        transition: background-color .3s ease-in-out;
        width: 3.75rem
    }
}

.instruments-widget-tabs button:focus,
.instruments-widget-tabs button:hover {
    cursor: pointer
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-tabs button:hover {
        background-color: #fefefe
    }
}

.instruments-widget-tabs button:first-child {
    z-index: 1
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-widget-tabs button:first-child {
        left: 0
    }
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-tabs button:first-child {
        top: 0
    }
}

.instruments-widget-tabs button:nth-last-child(2) {
    z-index: 2
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-widget-tabs button:nth-child(2) {
        left: 3.25rem
    }
}

@media screen and (max-width:30em) {
    .instruments-widget-tabs button:nth-child(2) {
        left: 2.75rem
    }
}

@media screen and (max-width:25em) {
    .instruments-widget-tabs button:nth-child(2) {
        left: 2.125rem
    }
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-tabs button:nth-child(2) {
        top: 3rem
    }
}

.instruments-widget-tabs button:nth-last-child(3) {
    z-index: 3
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-widget-tabs button:nth-child(3) {
        left: 6.5rem
    }
}

@media screen and (max-width:30em) {
    .instruments-widget-tabs button:nth-child(3) {
        left: 5.5rem
    }
}

@media screen and (max-width:25em) {
    .instruments-widget-tabs button:nth-child(3) {
        left: 4.25rem
    }
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-tabs button:nth-child(3) {
        top: 6rem
    }
}

.instruments-widget-tabs button:nth-last-child(4) {
    z-index: 4
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-widget-tabs button:nth-child(4) {
        left: 9.75rem
    }
}

@media screen and (max-width:30em) {
    .instruments-widget-tabs button:nth-child(4) {
        left: 8.25rem
    }
}

@media screen and (max-width:25em) {
    .instruments-widget-tabs button:nth-child(4) {
        left: 6.375rem
    }
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-tabs button:nth-child(4) {
        top: 9rem
    }
}

.instruments-widget-tabs button:nth-last-child(5) {
    z-index: 5
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-widget-tabs button:nth-child(5) {
        left: 13rem
    }
}

@media screen and (max-width:30em) {
    .instruments-widget-tabs button:nth-child(5) {
        left: 11rem
    }
}

@media screen and (max-width:25em) {
    .instruments-widget-tabs button:nth-child(5) {
        left: 8.5rem
    }
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-tabs button:nth-child(5) {
        top: 12rem
    }
}

.instruments-widget-tabs button:nth-last-child(6) {
    z-index: 6
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-widget-tabs button:nth-child(6) {
        left: 16.25rem
    }
}

@media screen and (max-width:30em) {
    .instruments-widget-tabs button:nth-child(6) {
        left: 13.75rem
    }
}

@media screen and (max-width:25em) {
    .instruments-widget-tabs button:nth-child(6) {
        left: 10.625rem
    }
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-tabs button:nth-child(6) {
        top: 15rem
    }
}

.instruments-widget-tabs button:nth-last-child(7) {
    z-index: 7
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-widget-tabs button:nth-child(7) {
        left: 19.5rem
    }
}

@media screen and (max-width:30em) {
    .instruments-widget-tabs button:nth-child(7) {
        left: 16.5rem
    }
}

@media screen and (max-width:25em) {
    .instruments-widget-tabs button:nth-child(7) {
        left: 12.75rem
    }
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-tabs button:nth-child(7) {
        top: 18rem
    }
}

.instruments-widget-tabs button:nth-last-child(8) {
    z-index: 8
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-widget-tabs button:nth-child(8) {
        left: 22.75rem
    }
}

@media screen and (max-width:30em) {
    .instruments-widget-tabs button:nth-child(8) {
        left: 19.25rem
    }
}

@media screen and (max-width:25em) {
    .instruments-widget-tabs button:nth-child(8) {
        left: 14.875rem
    }
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-tabs button:nth-child(8) {
        top: 21rem
    }
}

.instruments-widget-tabs button.selected {
    background-color: #fefefe;
    height: 3rem;
    position: relative;
    z-index: 12
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-widget-tabs button.selected {
        box-shadow: 0 0 .625rem .4375rem rgba(0, 0, 0, .15);
        width: 3.5rem
    }
}

@media screen and (max-width:25em) {
    .instruments-widget-tabs button.selected {
        height: 2.5rem;
        width: 2.3125rem
    }
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-tabs button.selected {
        box-shadow: -.4375rem 0 .625rem 0 rgba(0, 0, 0, .25);
        height: 3.5rem;
        width: 4.25rem
    }
}

.instruments-widget-tabs button.selected:first-child:before,
.instruments-widget-tabs button.selected:last-child:before {
    background-color: #fefefe;
    content: "";
    height: 1.25rem;
    margin: auto;
    position: absolute;
    top: 98%;
    width: 100%;
    z-index: 15
}

@media print,
screen and (min-width:48em) {

    .instruments-widget-tabs button.selected:first-child:before,
    .instruments-widget-tabs button.selected:last-child:before {
        height: 100%;
        right: -.25rem;
        top: 0;
        width: .75rem
    }
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-tabs button.selected img {
        margin-right: .125rem
    }
}

@media screen and (max-width:26.25em) {
    .instruments-widget-tabs button img {
        height: 1.125rem;
        width: 1.125rem
    }
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-tabs button img {
        margin-right: .5rem
    }
}

.instruments-widget-items {
    margin-top: -.5rem
}

@media print,
screen and (min-width:48em) {
    .instruments-widget-items {
        margin-left: -.5rem;
        margin-top: 0
    }
}

@media print,
screen and (min-width:64em) {
    .feeds-tabs-row-large .feeds-tab .tab-container {
        flex-direction: column
    }

    .feeds-tabs-row-large .feeds-tab .tab-container .tabPanel {
        min-height: auto
    }

    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs {
        flex-direction: row
    }

    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs:before {
        background-color: #fefefe;
        border-radius: .75rem .75rem 0 0;
        content: "";
        height: 1.25rem;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: calc(100% + .5rem);
        width: 100%;
        z-index: 15
    }

    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button {
        border-radius: .75rem .75rem 0 0;
        box-shadow: 0 0 1rem .125rem rgba(0, 0, 0, .15);
        height: 2.5rem;
        right: auto;
        top: auto;
        width: 2.75rem
    }

    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button:first-child {
        left: 0
    }

    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button:nth-child(2) {
        left: 2.5rem
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) and (max-width:79.99875em) {
    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button:nth-child(2) {
        left: 2.25rem
    }
}

@media print,
screen and (min-width:64em) {
    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button:nth-child(3) {
        left: 5rem
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) and (max-width:79.99875em) {
    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button:nth-child(3) {
        left: 4.5rem
    }
}

@media print,
screen and (min-width:64em) {
    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button:nth-child(4) {
        left: 7.5rem
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) and (max-width:79.99875em) {
    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button:nth-child(4) {
        left: 6.75rem
    }
}

@media print,
screen and (min-width:64em) {
    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button:nth-child(5) {
        left: 10rem
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) and (max-width:79.99875em) {
    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button:nth-child(5) {
        left: 9rem
    }
}

@media print,
screen and (min-width:64em) {
    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button:nth-child(6) {
        left: 12.5rem
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) and (max-width:79.99875em) {
    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button:nth-child(6) {
        left: 11.25rem
    }
}

@media print,
screen and (min-width:64em) {
    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button:nth-child(7) {
        left: 15rem
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) and (max-width:79.99875em) {
    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button:nth-child(7) {
        left: 13.5rem
    }
}

@media print,
screen and (min-width:64em) {
    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button:nth-child(8) {
        left: 17.5rem
    }
}

@media print,
screen and (min-width:64em) and (min-width:64em) and (max-width:79.99875em) {
    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button:nth-child(8) {
        left: 15.75rem
    }
}

@media print,
screen and (min-width:64em) {
    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button.selected {
        box-shadow: 0 0 .625rem .4375rem rgba(0, 0, 0, .15);
        height: 2.75rem;
        width: 3rem
    }

    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button.selected:first-child:before,
    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button.selected:last-child:before {
        background-color: #fefefe;
        content: "";
        height: 1.25rem;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 100%;
        width: 100%;
        z-index: 15
    }

    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-tabs button img {
        height: 1.125rem;
        margin-right: 0;
        width: 1.125rem
    }

    .feeds-tabs-row-large .feeds-tab .tab-container .instruments-widget-items {
        margin-left: 0
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .IPad .feeds-wrap .instName {
        max-width: 4rem
    }
}

@media (min-width:48em) and (min-height:50rem) {
    .is-sticky .side-zone {
        position: -webkit-sticky;
        position: sticky;
        top: 10rem
    }

    .is-sticky .side-zone.top-other {
        top: 6.8rem
    }
}

.inner h1 {
    font-size: 1.5rem
}

@media print,
screen and (min-width:48em) {
    .inner h1 {
        font-size: 2.25rem
    }
}

.inner .faq-all-title h3,
.inner h3 {
    font-size: 1.375rem
}

@media print,
screen and (min-width:48em) {

    .inner .faq-all-title h3,
    .inner h3 {
        font-size: 2rem
    }
}

.inner .inner-main:not(.cfd-main) h2 {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1rem
}

@media print,
screen and (max-width:47.99875em) {
    .inner .inner-main:not(.cfd-main) h2 {
        font-size: .875rem;
        font-weight: 400
    }
}

.inner .inner-main:not(.cfd-main) h2.inner-title {
    color: #004d99;
    font-size: 1.125rem;
    font-weight: 400
}

@media print,
screen and (min-width:48em) {
    .inner .inner-main:not(.cfd-main) h2.inner-title {
        font-size: 1.625rem;
        font-weight: 300
    }
}

.inner .alert h1,
.inner .success h1 {
    font-size: 1.25rem
}

@media print,
screen and (min-width:48em) {

    .inner .alert h1,
    .inner .success h1 {
        font-size: 1.5rem
    }
}

@media print,
screen and (min-width:64em) {
    .inner .area.content:nth-child(odd):not(.landing-inst) .columns:first-child {
        align-self: flex-start
    }
}

.inner .area.content .columns:first-child {
    margin-top: 0
}

@media print,
screen and (min-width:64em) {
    .inner .area.content > .row > .columns:last-child {
        align-self: flex-start;
        margin-top: .5rem
    }
}

.inner dl,
.inner ol,
.inner ul {
    text-align: left
}

@media print,
screen and (min-width:48em) {

    .inner dl,
    .inner ol,
    .inner ul {
        font-weight: 300
    }
}

.inner dl dd,
.inner dl dt,
.inner dl li,
.inner ol dd,
.inner ol dt,
.inner ol li,
.inner ul dd,
.inner ul dt,
.inner ul li {
    margin-bottom: .5rem
}

.inner .side-nav nav li {
    margin-bottom: 0
}

.inner-main.main-section,
.inner-sections.main-section {
    background: none;
    min-height: auto
}

@media print,
screen and (max-width:47.99875em) {

    .inner-main.main-section,
    .inner-sections.main-section {
        padding: 2.5rem 1.5rem 2rem
    }
}

.inner-main.trader-points-section,
.inner-sections.trader-points-section {
    padding: 2rem
}

@media print,
screen and (max-width:47.99875em) {

    .inner-main.trader-points-section,
    .inner-sections.trader-points-section {
        margin-top: 3rem;
        padding: 2.5rem 1.5rem 2rem
    }
}

.inner-main.trader-points-section.is-inapp,
.inner-sections.trader-points-section.is-inapp {
    margin-top: 0;
    padding: 2rem
}

.inner-main.inner-simple,
.inner-sections.inner-simple {
    min-height: 15rem
}

@media print,
screen and (min-width:48em) {

    .inner-main.inner-simple,
    .inner-sections.inner-simple {
        min-height: 18rem
    }

    .inner-main.inner-simple .notification,
    .inner-sections.inner-simple .notification {
        margin-top: 2rem
    }
}

.inner-main .main-image,
.inner-main .tools-main,
.inner-sections .main-image,
.inner-sections .tools-main {
    flex-direction: column;
    text-align: center
}

@media print,
screen and (min-width:64em) {

    .inner-main .main-image,
    .inner-main .tools-main,
    .inner-sections .main-image,
    .inner-sections .tools-main {
        justify-content: flex-start;
        margin-top: 0
    }
}

.inner-main .main-image p,
.inner-main .tools-main p,
.inner-sections .main-image p,
.inner-sections .tools-main p {
    font-size: .875rem;
    font-weight: 400
}

.inner-main .main-image .regulate-number,
.inner-main .tools-main .regulate-number,
.inner-sections .main-image .regulate-number,
.inner-sections .tools-main .regulate-number {
    white-space: nowrap
}

.inner-main .main-image img,
.inner-main .tools-main img,
.inner-sections .main-image img,
.inner-sections .tools-main img {
    align-self: center;
    margin-bottom: 1rem
}

@media print,
screen and (min-width:64em) {

    .inner-main .main-image img,
    .inner-main .tools-main img,
    .inner-sections .main-image img,
    .inner-sections .tools-main img {
        max-width: 75%
    }
}

@media print,
screen and (max-width:47.99875em) {

    .inner-main .main-image img.device-medium,
    .inner-main .tools-main img.device-medium,
    .inner-sections .main-image img.device-medium,
    .inner-sections .tools-main img.device-medium {
        max-width: 75%
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {

    .inner-main .main-image img.device-medium,
    .inner-main .tools-main img.device-medium,
    .inner-sections .main-image img.device-medium,
    .inner-sections .tools-main img.device-medium {
        max-width: 50%
    }
}

.inner-sections .info-group {
    margin-bottom: 0
}

.inner-sections .info-group > div {
    margin-top: 0
}

.inner-sections .info-group > div p {
    font-size: 1rem
}

@media print,
screen and (max-width:63.99875em) {
    .inner-sections .info-group > div:not(:first-child) {
        margin-top: 2.75rem
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .inner-sections .info-group > div:not(:first-child) {
        margin-top: 4rem
    }

    .inner-sections .info-group > div:nth-child(-n+2) {
        margin-top: 0
    }
}

.inner-sections .info-group > div .button {
    margin: 0;
    padding: 1rem
}

.inner-sections .info-group .icon {
    padding-bottom: 1rem
}

@media print,
screen and (min-width:48em) {
    .inner-sections .info-group .icon-pluses {
        padding-bottom: .25rem
    }
}

.inner-sections .info-group .icon-zero-percent:before {
    font-size: 1.75rem
}

@media print,
screen and (min-width:48em) {
    .inner-sections .info-group .icon-zero-percent:before {
        font-size: 2.25rem
    }
}

.inner-sections .info-group .link {
    color: #fefefe
}

@media print,
screen and (min-width:48em) {
    .inner-sections .inst-details .info-group .icon-zero-percent:before {
        font-size: 1.25rem
    }
}

.inner-sections .info-small-center > div {
    margin-top: 1rem
}

@media print,
screen and (max-width:47.99875em) {
    .inner-sections .info-small-center > div {
        align-items: center;
        display: flex;
        flex-direction: column
    }

    .inner-sections .info-small-center > div:first-child {
        margin-top: 1rem
    }

    .inner-sections .info-small-center > div p {
        text-align: center
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .inner-sections .info-small-center > div {
        flex: 1 0 50%
    }
}

@media print,
screen and (min-width:48em) {
    .inner-sections .info-small-center > div {
        margin-top: 1.5rem
    }
}

.regulator-cysec .inner-sections .info-group .link {
    text-decoration: underline
}

.promo-item {
    margin-bottom: 3.5rem
}

.promo-item:last-of-type {
    margin-bottom: 1rem
}

.promo-item .button {
    margin-top: 0 !important
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .promo-item:first-of-type {
        margin-top: 1.25rem
    }
}

@media print,
screen and (max-width:63.99875em) {
    .promo-image {
        margin-bottom: 1.25rem !important;
        margin-top: 1.25rem !important
    }
}

.inner-sections .promo-image img {
    image-rendering: -webkit-optimize-contrast
}

.device-cnbs {
    margin-bottom: 1.5rem;
    margin-left: 3.5rem;
    margin-top: 1rem
}

@media print,
screen and (min-width:48em) {
    .device-cnbs {
        margin-left: 6rem;
        margin-top: 4rem
    }
}

@media print,
screen and (min-width:64em) {
    .device-cnbs {
        margin-left: 4.5rem
    }
}

.comment-sg {
    font-size: .75rem
}

.area.content.partners-logos {
    margin-top: 1rem
}

.area.content.partners-logos > .row {
    align-items: center;
    justify-content: center
}

.area.content.partners-logos > .row:first-child {
    margin-bottom: 1rem
}

.area.content.partners-logos .item {
    align-self: center !important;
    margin: 1rem 0 !important;
    order: 0 !important;
    padding: .5rem 1.5rem
}

.area.content.partners-logos .item:first-child {
    order: 1
}

.area.content.partners-logos .item:nth-child(2) {
    order: 2
}

.area.content.partners-logos .item:nth-child(3) {
    order: 3
}

.area.content.partners-logos .item:nth-child(4) {
    order: 4
}

.area.content.partners-logos .item:nth-child(5) {
    order: 5
}

.area.content.partners-logos .item:nth-child(6) {
    order: 6
}

.area.content.partners-logos a {
    display: flex;
    max-height: 10rem
}

.table-cmp-wrap {
    margin: 3rem 0 2rem
}

.investors-info table.table-protection th,
.table-bonus.table-protection th {
    text-align: left
}

.investors-info table.table-protection td:first-child,
.table-bonus.table-protection td:first-child {
    text-align: left;
    width: 90%
}

.investors-info table.table-protection td:last-child,
.table-bonus.table-protection td:last-child {
    text-align: center;
    width: 10%
}

@media print,
screen and (max-width:47.99875em) {

    .investors-info table.table-protection td,
    .investors-info table.table-protection th,
    .table-bonus.table-protection td,
    .table-bonus.table-protection th {
        font-size: .875rem
    }
}

.table-protection .icon {
    color: #0d8234
}

.accordion-section .accordion-item {
    border: solid #adc3d9;
    border-width: 1px 1px 0
}

.accordion-section .accordion-item .accordion-content ol,
.accordion-section .accordion-item .accordion-content ul {
    margin: .5rem 0;
    padding: .375rem 1.125rem
}

.accordion-section .accordion-item:last-of-type {
    border-bottom: 1px solid #adc3d9
}

.accordion-section .accordion-item:last-of-type .accordion-title {
    border-bottom: 0 solid #adc3d9
}

.accordion-section .accordion-title {
    background: #f9f9f9;
    border: none;
    padding: 0
}

.accordion-section .accordion-title h3,
.accordion-section .accordion-title h4 {
    font-size: 1.25rem;
    line-height: 1.3;
    margin: 0;
    padding-bottom: .75rem;
    padding-left: 2.5rem;
    padding-top: .75rem
}

.accordion-section .accordion-title:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.accordion-section .accordion-title:before {
    font-size: 1.5rem;
    left: 1rem;
    right: auto;
    top: 1.25rem
}

.accordion-section .accordion-item.is-active,
.accordion-section .accordion-item:hover {
    border-color: #0063a6
}

.accordion-section .accordion-item.is-active + .accordion-item,
.accordion-section .accordion-item:hover + .accordion-item {
    border-top: 1px solid #0063a6
}

.accordion-section .accordion-item.is-active:last-of-type,
.accordion-section .accordion-item:hover:last-of-type {
    border-bottom: 1px solid #0063a6
}

.accordion-section .accordion-item.is-active:last-of-type .accordion-title,
.accordion-section .accordion-item:hover:last-of-type .accordion-title {
    border-bottom: none
}

.accordion-section .accordion-item.is-active .accordion-title,
.accordion-section .accordion-item:hover .accordion-title {
    background: #fefefe;
    border: none;
    text-decoration: none !important
}

.accordion-content {
    border: none;
    padding: 0 2.5rem 1rem
}

.accordion-item.is-active .accordion-content {
    padding-top: .75rem
}

.faq-section .accordion-content {
    padding-left: 2.8125rem;
    padding-right: 1.75rem
}

.investors-faq .accordion-content {
    padding-right: 1.5rem
}

.more .more-ellipses > li:last-of-type,
.more .more-ellipses > ol:last-of-type,
.more .more-ellipses > p:last-of-type,
.more .more-ellipses > ul:last-of-type {
    margin-bottom: .5rem
}

.more .more-ellipses.has-ellipses > :last-child:after {
    content: "..."
}

.more-content {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease-in-out 0s
}

.more-content.open {
    max-height: 90rem;
    transition: max-height 1.2s ease-in-out 0s
}

.investors-faq .more-content.open {
    max-height: 130rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .investors-faq .more-content.open {
        max-height: 150rem
    }
}

@media print,
screen and (min-width:48em) {
    .modern-slavery-statement .main-section {
        height: 48rem
    }
}

.more-link {
    align-items: baseline;
    display: none;
    font-size: .875rem;
    margin-top: .5rem
}

.more-link span {
    color: #004d99
}

.more-link:hover {
    text-decoration: none !important
}

.more-link:hover span.more-text {
    text-decoration: underline
}

.more-link .icon {
    padding-left: .5rem
}

.inside-circle-list ul {
    list-style-type: circle
}

.rts27 .main-section {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.rts27 .loading-wrap {
    display: none
}

.rts27 .loading-wrap.loading {
    margin: 1rem auto
}

.rts27 .form-messages .success {
    margin-bottom: 0;
    margin-top: 2rem
}

.tax871m .cta-wrap {
    margin-bottom: 0;
    margin-top: 1.5rem
}

.tax871m .cta-wrap a {
    background: #004080;
    color: #fefefe;
    font-size: 1.125rem;
    font-weight: 300;
    margin: 0;
    min-width: 13.625rem
}

.tax871m .cta-wrap a:hover {
    background-color: #006db5
}

@media screen and (orientation:landscape) {
    .tax871m .cta-wrap a {
        font-size: 1.25rem
    }
}

@media print,
screen and (min-width:48em) {
    .tax871m .cta-wrap a {
        font-size: 1.5rem
    }
}

.tax871m .faq-all-title {
    text-align: center
}

.tax871m .minus-symbol-list {
    list-style: none
}

.tax871m .minus-symbol-list li:before {
    content: "-";
    margin-right: .75rem
}

.tax871m .accordion-section .accordion-item .minus-symbol-list {
    padding-left: 0;
    padding-right: 0
}

.checkbox-spec {
    opacity: 0;
    position: absolute
}

.checkbox-spec,
.checkbox-spec-label {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    vertical-align: middle
}

.checkbox-spec-label {
    position: relative
}

.checkbox-spec + .checkbox-spec-label:before {
    background: #fefefe;
    border: 1px solid #cacaca;
    content: "";
    display: inline-block;
    height: 1.25rem;
    margin-right: .625rem;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    width: 1.25rem
}

.checkbox-spec:checked + .checkbox-spec-label:before {
    background: #004d99;
    background: #5e5e5e;
    box-shadow: inset 0 0 0 .25rem #fefefe
}

.table-titles {
    align-items: flex-end
}

.table-box {
    margin-bottom: 3rem
}

.table-box > div:nth-child(n+2) {
    margin-top: 1.5rem
}

@media print,
screen and (min-width:48em) {
    .table-box > div:nth-child(n+2) {
        margin-top: 0
    }
}

.table-box span {
    font-size: .875rem
}

@media print,
screen and (min-width:48em) {
    .table-basic {
        height: 100%
    }

    .table-basic tr:first-child {
        height: 1rem
    }
}

.table-basic tr,
.table-basic tr:nth-child(2n) {
    background: #fefefe;
    border: 1px solid #ccc
}

.table-basic th {
    color: #004d99;
    font-weight: 500
}

.table-basic td,
.table-basic th {
    font-size: .75rem;
    text-align: center
}

@media print,
screen and (min-width:48em) {

    .table-basic td,
    .table-basic th {
        font-size: .875rem
    }
}

.table-basic td:first-child,
.table-basic th:first-child {
    max-width: 50%;
    text-align: left
}

@media print,
screen and (max-width:47.99875em) {

    .table-basic td,
    .table-basic th {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

.table-basic .icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.table-basic .icon-neg {
    font-size: 1.125rem;
    line-height: .7
}

.table-basic td:nth-child(2) .icon {
    color: #767676
}

.table-basic.table-leverage td span {
    display: inline-block;
    margin-left: .5rem;
    min-width: 2.75rem;
    text-align: left
}

.list-block > h2 {
    color: #004d99;
    font-size: 1.375rem;
    line-height: 1.3
}

@media print,
screen and (min-width:48em) {
    .list-block > h2 {
        font-size: 2rem
    }
}

.list-block ul li {
    color: #004d99;
    display: flex;
    margin-bottom: 2rem
}

p.comment {
    font-size: .75rem
}

@media print,
screen and (min-width:48em) {
    p.comment {
        font-size: .875rem
    }
}

.terms-item {
    align-items: baseline;
    display: flex;
    margin-top: 1rem
}

@media print,
screen and (min-width:48em) {
    .terms-item {
        margin-bottom: 1rem
    }
}

.terms-item > div {
    flex: 1 0 90%
}

.terms-item .icon {
    color: #cc2929;
    font-size: 1.25rem;
    margin-right: .375rem
}

.terms-item.break-columns,
body:not(.regulator-isa) .terms-item.break-columns-langs {
    flex-basis: 100%;
    max-width: 100%
}

.terms-item.break-columns .topic-links,
body:not(.regulator-isa) .terms-item.break-columns-langs .topic-links {
    display: flex;
    flex-wrap: wrap
}

.terms-item.break-columns .topic-links li,
body:not(.regulator-isa) .terms-item.break-columns-langs .topic-links li {
    display: inline-flex;
    width: 100%
}

@media print,
screen and (min-width:48em) {

    .terms-item.break-columns .topic-links li,
    body:not(.regulator-isa) .terms-item.break-columns-langs .topic-links li {
        width: 33.33333%
    }

    .terms-item.break-columns .topic-links li:nth-of-type(3n+1),
    body:not(.regulator-isa) .terms-item.break-columns-langs .topic-links li:nth-of-type(3n+1) {
        padding-right: .9375rem
    }

    .terms-item.break-columns .topic-links li:nth-of-type(3n+2),
    body:not(.regulator-isa) .terms-item.break-columns-langs .topic-links li:nth-of-type(3n+2) {
        padding-left: .9375rem;
        padding-right: .9375rem
    }

    .terms-item.break-columns .topic-links li:nth-of-type(3n+3),
    body:not(.regulator-isa) .terms-item.break-columns-langs .topic-links li:nth-of-type(3n+3) {
        padding-left: .9375rem
    }
}

.inner .market-tools-table {
    margin-bottom: 1.25rem
}

@media print,
screen and (min-width:48em) {
    .inner .market-tools-table {
        margin-bottom: 3rem
    }
}

.investors-info table,
.table-bonus {
    border-collapse: collapse;
    width: 100%
}

.investors-info table th,
.table-bonus th {
    background: #0063a6;
    color: #fefefe;
    font-weight: 300
}

.investors-info table td,
.investors-info table th,
.table-bonus td,
.table-bonus th {
    padding: .5rem;
    text-align: center
}

@media screen and (max-width:47.99875em) and (orientation:portrait) {

    .investors-info table td,
    .investors-info table th,
    .table-bonus td,
    .table-bonus th {
        padding: .5rem .375rem
    }
}

.investors-info table tr,
.table-bonus tr {
    background: #e6e6e6;
    border-color: #ccc;
    border-style: solid;
    border-width: 0 1px
}

.investors-info table tr:first-child,
.table-bonus tr:first-child {
    border-color: #0063a6;
    border-top-width: 1px
}

.investors-info table tr:last-child,
.table-bonus tr:last-child {
    border-bottom: 1px solid #ccc
}

.investors-info table tr:nth-child(2n),
.table-bonus tr:nth-child(2n) {
    background-color: #fefefe
}

.table-notes {
    font-size: .875rem;
    text-align: left
}

.video-modal {
    padding: 2.5rem 1.125rem 1rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .video-modal.small {
        width: 80%
    }
}

.bonus-modal {
    padding: 2.5rem 1.125rem 1rem
}

@media print,
screen and (max-width:47.99875em) {
    .bonus-modal {
        margin: 0;
        padding: 1rem
    }

    .bonus-modal .close-button {
        left: auto;
        right: 1rem;
        top: .5rem
    }
}

@media print,
screen and (min-width:48em) and (max-width:79.99875em) {
    .bonus-modal {
        max-height: 90vh
    }
}

@media print,
screen and (max-width:79.99875em) {
    .bonus-modal {
        bottom: 0 !important;
        margin: auto;
        top: 0 !important
    }
}

@media screen and (min-width:80em) {
    .bonus-modal {
        max-height: 75vh;
        overflow: hidden !important
    }
}

.bonus-modal .trader-points-table {
    overflow: hidden;
    overflow-y: auto;
    padding: 0 0 1rem
}

.bonus-modal .trader-points-table p {
    font-size: .875rem
}

@media print,
screen and (max-width:47.99875em) {
    .bonus-modal .trader-points-table {
        padding: 0
    }

    .bonus-modal .trader-points-table td,
    .bonus-modal .trader-points-table th {
        font-size: .75rem
    }

    .bonus-modal .trader-points-table .bonus-text {
        padding: 0 1.5rem 0 0
    }
}

@media print,
screen and (max-width:79.99875em) {
    .bonus-modal .trader-points-table {
        max-height: 100%
    }
}

@media screen and (min-width:80em) {
    .bonus-modal .trader-points-table {
        max-height: 44rem
    }
}

.trader-points-table tr {
    background-color: #fefefe
}

.trader-points-table tr:first-child {
    background-color: #bae3ff
}

.trader-points-table tr:nth-child(odd):not(:first-child) {
    background: #f3f3f3
}

.trader-points-table tr:nth-child(2n) {
    background: #fefefe
}

.trader-points-table td {
    font-size: .875em
}

.trader-points-table th {
    color: #004d99;
    font-size: .875em;
    font-weight: 400;
    text-align: left
}

.bonus-instruments-list .instrumentType h5 {
    margin: 0 0 .1875rem
}

.bonus-instruments-list .instrumentType a {
    background: #004080;
    border-radius: .5rem;
    color: #fefefe;
    display: block;
    font-size: 1.125rem;
    font-size: 1rem;
    font-weight: 300;
    padding: .5rem;
    text-decoration: none !important
}

.bonus-instruments-list .instrumentType a:hover {
    background-color: #006db5
}

.bonus-instruments-list .instrumentType a:before {
    content: "\edbe";
    font-family: icomain;
    font-size: 1rem;
    margin-right: .5rem
}

.bonus-instruments-list .instrumentType.open a:before {
    content: "\edc2"
}

.bonus-instruments-list .instrumentType table {
    display: none;
    width: 100%
}

.bonus-instruments-list .instrumentType.open table {
    display: table;
    padding-bottom: 1rem
}

.tooltip {
    max-width: 12rem;
    position: relative;
    text-align: left;
    z-index: 9999
}

@media print,
screen and (min-width:48em) {
    .tooltip {
        max-width: 15rem
    }
}

.tap-to-close {
    color: #767676;
    display: block
}

.crypto-disclaimer {
    color: #cc2929;
    margin: 0
}

.articles-page .crypto-disclaimer,
.blog-disclaimers .crypto-disclaimer,
.instrumentinfo .crypto-disclaimer {
    margin-bottom: 1rem
}

.instrument-data {
    border-collapse: collapse;
    width: 100%
}

.instrument-data tr {
    background: #f3f3f3;
    border-style: solid;
    border-width: 0 1px
}

.instrument-data tr:nth-child(2n) {
    background-color: #fefefe
}

.instrument-data td,
.instrument-data th {
    font-size: .75em;
    font-weight: 400;
    padding-bottom: .25rem;
    padding-top: .25rem;
    width: 25%
}

@media print,
screen and (max-width:47.99875em) {

    .instrument-data td,
    .instrument-data th {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (min-width:48em) {

    .instrument-data td,
    .instrument-data th {
        font-size: .8125em
    }
}

.instrument-data td .has-tip,
.instrument-data th .has-tip {
    color: #5e5e5e;
    display: inline;
    font-weight: 400
}

.instrument-data th {
    color: #5a5a5a;
    text-align: left
}

.instrument-data th:nth-of-type(2) {
    padding-left: .5rem
}

@media print,
screen and (min-width:48em) {
    .instrument-data th:nth-of-type(2) {
        padding-left: 1rem
    }
}

.instrument-data td {
    color: #004d99;
    text-align: left;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

@media print,
screen and (min-width:48em) {
    .instrument-data td {
        text-align: right
    }
}

.instrument-data td span {
    color: #004d99;
    white-space: nowrap
}

.instrument-data td:first-of-type {
    padding-right: .5rem
}

@media print,
screen and (min-width:48em) {
    .instrument-data td:first-of-type {
        padding-right: 1rem
    }
}

.instrument-data td.expiryDate {
    text-align: center
}

.instrument-data td.expiryDate .has-tip {
    margin-right: .5rem
}

.instrument-data td.expiryDate span:last-of-type {
    color: #004d99
}

@media print,
screen and (min-width:48em) {
    .inst-details {
        margin-right: 3rem
    }
}

@media print,
screen and (min-width:64em) {
    .inst-details {
        margin-right: 5rem
    }
}

.inst-details p > span:first-of-type {
    margin-right: 1.5rem
}

.inst-details p strong {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.inst-details a:not(.button) {
    text-decoration: underline
}

.inst-details h1 * {
    unicode-bidi: embed
}

.inst-details h2 {
    line-height: 1.3
}

.inst-details .title-price {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap
}

.inst-details .title-price .rate {
    color: #004d99
}

@media print,
screen and (max-width:47.99875em) {
    .inst-details .title-price {
        flex-wrap: wrap;
        justify-content: center
    }
}

.inst-name {
    font-weight: 400
}

.inst-rate {
    font-size: 3.75rem;
    font-weight: 500;
    margin-right: 1.5rem;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.inst-change {
    font-size: 1.5rem;
    font-weight: 400
}

.inst-change .icon {
    font-size: 1.25rem;
    margin-left: .5rem
}

.inst-change span:not(.icon) {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.anchor-box .anchor {
    display: block;
    height: 2rem;
    margin-top: -2rem;
    position: relative;
    top: -7rem;
    z-index: -1000
}

.country-gb.lang-en .anchor-box .anchor {
    top: -10.5rem
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .country-gb.lang-en .anchor-box .anchor {
        top: -11.5rem
    }
}

@media screen and (max-width:47.99875em) and (orientation:landscape) {
    .country-gb.lang-en .anchor-box .anchor {
        top: -8.5rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .chart-buttons {
        display: flex
    }

    .chart-buttons a.button {
        flex: 1 0 11.11111%
    }
}

.chart-buttons a.button {
    background: #fefefe;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #5e5e5e;
    font-size: .8125rem;
    height: 2.25rem;
    margin: 0;
    padding: .625rem .125rem;
    width: 2.25rem
}

@media print,
screen and (min-width:48em) {
    .chart-buttons a.button {
        font-size: .875rem;
        width: 3.25rem
    }
}

.chart-buttons a.button:nth-of-type(n+2) {
    margin: 0
}

.chart-buttons a.button.selected {
    background: #fefefe;
    border: 1px solid #004d99;
    color: #004d99
}

.chart-buttons a.button:hover:not(.icon) {
    background-color: #004d99;
    border-color: #004d99;
    color: #fefefe;
    transition: background-color .25s ease-out, color .25s ease-out
}

.chart-buttons a.button.icon {
    background-color: #e6e6e6;
    font-size: 1.125rem
}

.chart-buttons a.button.icon:hover {
    background-color: #e6e6e6;
    color: #004d99
}

.inst-page .inst-list-link {
    display: flex;
    margin: 0 0 1.5rem
}

.inst-page .inst-list-link a {
    color: #5e5e5e;
    display: flex;
    font-weight: 300;
    text-decoration: none
}

.inst-page .inst-list-link a:first-child {
    margin-right: 2rem
}

@media print,
screen and (max-width:47.99875em) {
    .inst-page .inst-list-link a {
        font-size: .875rem
    }
}

.inst-page .inst-list-link span {
    color: inherit
}

.inst-page .inst-list-link a:hover {
    color: #004d99;
    text-decoration: none !important
}

.inst-page .inst-list-link .icon {
    font-size: 1.25rem;
    margin-right: .375rem;
    margin-top: .125rem
}

@media print,
screen and (max-width:47.99875em) {
    .inst-page .inst-list-link .icon {
        font-size: 1rem
    }
}

.inst-page .inst-details {
    justify-content: flex-start;
    margin-right: 0
}

@media print,
screen and (min-width:64em) {
    .inst-page .inst-details {
        padding-right: 2rem
    }
}

.inst-page .inst-details > p {
    flex: 1 0 auto
}

@media print,
screen and (min-width:48em) {
    .inst-page .inst-details > div > p {
        margin-bottom: .375rem
    }
}

@media print,
screen and (min-width:48em) {
    .inst-page .instrument-button:first-child {
        padding-left: .9375rem !important;
        padding-right: .75rem !important
    }

    .inst-page .instrument-button:last-child {
        padding-left: .75rem !important;
        padding-right: .9375rem !important
    }

    .inst-page .instrument-button .button strong {
        font-size: 1.75rem;
        font-weight: 400
    }

    .inst-page .instrument-button .button span {
        font-size: 1rem
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .inst-page .instrument-button:first-child {
        padding-right: .625rem !important
    }

    .inst-page .instrument-button:last-child {
        padding-left: .625rem !important
    }
}

@media print,
screen and (min-width:64em) {
    .inst-page .instrument-button .button strong {
        font-size: 2rem
    }

    .inst-page .instrument-button .button span {
        font-size: 1.25rem
    }
}

.inst-page .inst-name,
.inst-page .inst-type {
    font-size: 1.75rem;
    font-weight: 400
}

@media print,
screen and (max-width:47.99875em) {

    .inst-page .inst-name,
    .inst-page .inst-type {
        font-size: 1.125rem;
        font-weight: 500
    }
}

.inst-page .inst-symbol {
    font-size: 1.125rem
}

@media print,
screen and (max-width:47.99875em) {
    .inst-page .inst-symbol {
        font-size: .875rem
    }

    .inst-page .title-price {
        justify-content: flex-start
    }
}

.inst-page .title-price .rate {
    font-size: 2rem;
    font-weight: 500;
    margin-right: 1.25rem;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

@media print,
screen and (min-width:48em) {
    .inst-page .title-price .rate {
        font-size: 3rem;
        font-weight: 400
    }
}

.inst-page .title-price .change {
    font-size: 1.5rem;
    font-weight: 400
}

@media print,
screen and (max-width:47.99875em) {
    .inst-page .title-price .change {
        font-size: 1.25rem;
        font-weight: 300
    }
}

.inst-page .title-price .change .icon {
    font-size: 1.25rem;
    margin-left: .5rem
}

@media print,
screen and (max-width:47.99875em) {
    .inst-page .title-price .change .icon {
        font-size: 1.125rem
    }
}

.inst-page .title-price .change span:not(.icon) {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.inst-page .title-price.highlight-threshold {
    align-items: center
}

.inst-page .title-price.highlight-threshold .rate-change.inst-up span:first-child {
    background-color: #0d8234
}

.inst-page .title-price.highlight-threshold .rate-change.inst-down span:first-child {
    background-color: #cc2929
}

.inst-page .title-price.highlight-threshold .rate-change.inst-off span:first-child {
    color: #ccc
}

.inst-page .title-price.highlight-threshold .rate-change span:first-child {
    border-radius: .25rem;
    color: #fefefe;
    direction: ltr;
    display: inline-block;
    padding: .25rem .5rem
}

@media print,
screen and (max-width:47.99875em) {
    .inst-page .title-price.highlight-threshold .rate-change span:first-child {
        min-width: 3.25rem;
        padding: .25rem
    }
}

@media print,
screen and (min-width:48em) {
    .inst-page .title-price.highlight-threshold .rate-change span:first-child {
        min-width: 4.125rem
    }
}

.inst-page .title-price.highlight-threshold .change {
    display: flex
}

.inst-page .title-price.highlight-threshold .change span:first-child {
    line-height: 1.2
}

.inst-page .title-price.highlight-threshold .icon {
    align-self: flex-end
}

.inst-page .table-inst tr:nth-child(odd) {
    background-color: #f3f3f3
}

.inst-page .table-inst tr:first-child {
    background: none;
    border: 1px solid #ccc
}

.inst-page .table-inst th {
    background: none;
    color: #004d99;
    font-size: .75rem;
    font-weight: 400
}

@media print,
screen and (min-width:64em) {
    .inst-page .table-inst th {
        font-size: .875rem
    }
}

.inst-page .table-inst td {
    font-size: .75rem
}

@media print,
screen and (min-width:64em) {
    .inst-page .table-inst td {
        font-size: .875rem
    }
}

@media print,
screen and (min-width:48em) {
    .inst-page .table-inst td .button {
        font-size: .875rem;
        white-space: normal
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .inst-page .table-inst td .button {
        font-size: .75rem
    }
}

.inst-page .table-inst + div.columns {
    padding: .25rem 0
}

@media print,
screen and (min-width:48em) {
    .inst-page .inst-info {
        border-left: 1px solid #ccc
    }
}

@media print,
screen and (min-width:64em) {
    .inst-page .inst-info {
        padding-left: 2rem
    }
}

.inst-page h3 {
    flex: 0 1 100%;
    font-size: 1.125rem;
    font-weight: 400
}

.inst-page .faq-all-title h3 {
    font-weight: 300
}

.chart-buttons {
    margin-top: 1rem
}

.chart-buttons a.button {
    flex: 1 0 11.11111%;
    width: 11.11111%
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .chart-buttons a.button {
        font-size: .75rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    table.table-inst td.wide,
    table.table-inst th.wide {
        display: none
    }
}

table.table-inst td.name {
    max-width: 7.5rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.inst-item {
    margin-bottom: 2.5rem
}

@media print,
screen and (min-width:48em) {
    .inst-item {
        margin-bottom: 2.75rem
    }

    .inst-item:last-of-type {
        margin-bottom: 0
    }
}

@media print,
screen and (max-width:47.99875em) {
    .inst-item:first-of-type {
        border-top: 1px solid #ccc;
        padding-top: 2rem
    }
}

@media print,
screen and (min-width:48em) {
    .inst-item:first-of-type {
        margin-top: 4rem
    }
}

@media print,
screen and (min-width:48em) {
    .why-box {
        margin-top: 1.5rem
    }

    .why-box .colored {
        background: #fefefe;
        padding: 0
    }

    .why-box .colored .text-center {
        text-align: left
    }

    .why-box .colored .columns {
        margin: 0
    }

    .why-box .colored h3,
    .why-box .colored h4,
    .why-box .colored h5 {
        color: #004d99;
        font-size: 1.125rem;
        font-weight: 400
    }

    .why-box .colored .info-group {
        display: flex;
        flex-wrap: wrap;
        margin-top: .5rem
    }
}

@media print,
screen and (min-width:48em) and (min-width:48em) {
    .why-box .colored .info-group {
        justify-content: flex-start
    }
}

@media print,
screen and (min-width:48em) {
    .why-box .colored .info-group > div {
        align-items: center;
        display: flex;
        flex: 1 1 100%;
        margin-bottom: 1rem;
        max-width: 100%;
        min-height: 2.5rem;
        padding-bottom: 0
    }
}

@media print,
screen and (min-width:48em) and (min-width:64em) {
    .why-box .colored .info-group > div {
        flex: 0 1 50%
    }
}

@media print,
screen and (min-width:48em) {
    .why-box .colored .info-group > div:not(:first-child) {
        margin-top: 0
    }

    .why-box .colored .info-group > div p {
        color: #5e5e5e;
        font-size: .875rem;
        margin-bottom: 0;
        text-align: left
    }

    .why-box .colored .info-group > div .icon {
        align-items: center;
        color: #004d99;
        display: flex;
        font-size: 1.75rem;
        justify-content: center;
        padding-bottom: 0;
        padding-right: .75rem
    }

    .why-box .colored .info-group > div .icon-pluses svg {
        height: 1.75rem;
        width: 1.75rem
    }

    .why-box .colored .info-group > div .icon-pluses svg path {
        fill: #004d99
    }

    .why-box .colored .info-group > div .link {
        color: #004d99
    }

    .why-box .large-offset-2 {
        margin: 0 !important
    }
}

.inst-page .colored + .button-start-box {
    background: #fefefe
}

.inst-page .button-start-box {
    border-top: 4px solid #f6f6f6
}

.risk-bottom ~ .button-start-box {
    border-top: 4px solid #f6f6f6
}

.inst-item > div {
    flex: 1 0 100%;
    padding: 0
}

.inst-item > div:first-of-type {
    align-items: baseline;
    display: flex;
    justify-content: space-between
}

.inst-item > div:first-of-type h3 {
    flex: 1 0 auto
}

.inst-item > div:first-of-type .icon {
    color: #004d99;
    text-decoration: none !important
}

.event-row {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.event-row:nth-child(2n) {
    background-color: #f3f3f3
}

.event-row > div {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.event-row > div > div {
    font-size: .8125rem;
    padding-right: .75rem
}

.event-row > div > div:first-of-type {
    padding-right: 1rem
}

.event-row > div > div:last-of-type {
    padding-right: 0
}

@media print,
screen and (min-width:48em) {
    .event-row > div > div {
        padding-right: .875rem
    }
}

@media print,
screen and (min-width:64em) {
    .event-row > div > div {
        font-size: .875rem
    }
}

.event-date-header .date-header span {
    padding-left: .5rem
}

.event-instrument,
.financial-box.event-table-box .event-instrument {
    display: none
}

.event-bottom-data .data-by {
    justify-content: flex-start
}

.event-bottom-data .event-link-box {
    align-items: center;
    display: flex
}

@media print,
screen and (min-width:48em) {
    .event-bottom-data .event-link-box {
        justify-content: flex-end
    }
}

.event-link {
    padding-right: 1.75rem;
    position: relative;
    right: -1.5rem
}

@media print,
screen and (max-width:47.99875em) {
    .event-link {
        right: 0
    }

    .event-link + .icon {
        position: relative;
        right: 1.5rem
    }
}

.event-link + .icon {
    color: #004d99
}

.event-box {
    border: 1px solid #ccc
}

.event-imp {
    display: flex;
    margin: .25rem 0
}

.event-imp.event-head {
    margin: 0
}

@media print,
screen and (max-width:47.99875em) {
    .event-imp > div {
        display: flex
    }
}

.event-country {
    flex: 0 1 1.25rem
}

.event-country img {
    height: 1.75rem;
    max-width: 2rem;
    width: 1.75rem
}

.event-numbers span:not(:first-of-type):not(:last-of-type) {
    margin: 0 .5rem
}

@media print,
screen and (max-width:47.99875em) {
    .event-numbers span:not(:last-of-type):after {
        content: "|";
        padding-left: .5rem
    }
}

.event-time {
    flex: 0 1 25%
}

.event-details {
    flex: 1 1 33.33333%
}

.event-alert a {
    font-size: 1.125rem
}

.event-alert a:hover {
    text-decoration: none !important
}

.event-alert a:hover .icon {
    color: #004d99;
    transition: color .25s ease-in
}

.event-title {
    border: none;
    display: flex
}

.event-title > span {
    line-height: 1.3;
    padding-right: .25rem
}

@media print,
screen and (max-width:47.99875em) {
    .event-title > span {
        padding-right: 0
    }
}

.event-title > span:not(.icon) {
    display: inline;
    font-weight: 400
}

.event-title:hover span {
    color: #004d99;
    color: #0a0a0a;
    transition: color .25s ease-in
}

@media print,
screen and (max-width:63.99875em) {
    .event-row {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .event-row > div {
        flex-wrap: wrap
    }

    .event-row > div > div:not(.event-instrument) {
        align-items: center;
        display: flex;
        flex-wrap: wrap
    }

    .event-imp {
        margin: .25rem 0
    }

    .event-country {
        order: 2
    }

    .event-time {
        flex: 1 0 50%;
        order: 3
    }

    .event-time > span {
        margin-right: 1rem
    }

    .event-details {
        flex: 1 1 100%;
        order: 1;
        padding-bottom: .25rem;
        padding-right: 0 !important;
        padding-top: .25rem
    }

    .event-title {
        flex: 1 0 100%
    }

    .event-alert {
        align-self: center;
        flex: 0 1 1.25rem;
        order: 4
    }
}

@media print,
screen and (max-width:47.99875em) {
    .event-row > div {
        flex-wrap: nowrap
    }
}

.circle-imp {
    background: #0063a6;
    background: #d1d1d1;
    border-radius: 50%;
    display: inline;
    height: .75rem;
    margin-right: .5rem;
    width: .75rem
}

@media print,
screen and (max-width:47.99875em) {
    .circle-imp {
        height: .625rem;
        margin-right: .375rem;
        width: .625rem
    }
}

.circle-imp:last-of-type {
    margin-right: 0
}

.imp-low .circle-imp:first-of-type {
    background: #0d8234
}

.imp-medium .circle-imp:nth-child(-n+2) {
    background: #0d8234
}

.imp-high .circle-imp:nth-child(-n+3) {
    background: #0d8234
}

.imp-major .circle-imp:nth-child(-n+4) {
    background: #0d8234
}

.data-by {
    align-items: center;
    display: flex;
    justify-content: center
}

@media print,
screen and (min-width:48em) {
    .data-by {
        justify-content: flex-end
    }
}

.data-by span {
    font-size: .875rem
}

.data-by .logo-dow-jones,
.data-by img {
    height: .875rem;
    margin: .875rem;
    padding-right: 0
}

.data-by .logo-dow-jones {
    background: url(../../../../cdn-main.plus500.com/1.0.0.104138/Resources/Images/logo-dow-jones.svg) no-repeat 50%;
    display: inline-block;
    width: 6.25rem
}

.date-open {
    position: relative
}

.date-open + .date-open > div {
    border-top: 2px solid #fefefe
}

.area .date-open {
    font-size: .875rem
}

@media print,
screen and (max-width:47.99875em) {
    .area .date-open {
        padding: 0
    }
}

.area .date-open .date-select > div {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.area .date-open .date-select > div > span {
    font-size: 1rem;
    margin-right: 1rem
}

.area .date-open .date-select > div > span:last-of-type + .button.hollow {
    margin-right: 0
}

@media print,
screen and (min-width:48em) {
    .area .date-open .date-select > div .date-field {
        padding-right: .5rem
    }
}

.area .date-open .date-select > div div.date-field {
    align-items: flex-start
}

@media print,
screen and (max-width:47.99875em) {
    .area .date-open .date-select > div {
        justify-content: flex-start;
        padding: 0 .75rem !important
    }

    .area .date-open .date-select > div > span {
        flex: 1 1 50%;
        margin-right: 0
    }

    .area .date-open .date-select > div div.date-field {
        flex: 0 1 30%
    }

    .area .date-open .date-select > div div.date-field {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        margin: .75rem 0;
        padding-right: 1rem
    }
}

.area .date-open .date-select .date-from {
    display: inline-flex;
    justify-content: flex-end
}

.area .date-open .date-select > div {
    padding-right: 0
}

@media print,
screen and (max-width:47.99875em) {
    .area .date-open .date-select > div {
        padding-left: 0
    }
}

.area .date-open > div {
    background: #ececec;
    padding: .5rem
}

.area .date-open .button.hollow {
    font-size: .875rem;
    font-size: 1rem;
    margin-bottom: .25rem;
    margin-top: .25rem;
    padding: .5rem .75rem !important
}

.area .date-open .button.hollow > span {
    color: #004d99;
    font-size: 1.125rem;
    transition: background-color .25s ease-out, color .25s ease-out
}

.area .date-open .button.hollow:hover > span {
    color: #fefefe
}

.datepicker {
    direction: ltr;
    display: none;
    margin-top: .0625rem;
    padding: .25rem;
    position: absolute
}

.datepicker.dropdown-menu {
    background-clip: padding-box;
    background-color: #fefefe;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .375rem;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    color: #333;
    display: none;
    float: left;
    font-size: .8125rem;
    left: 0;
    line-height: 1.125rem;
    list-style: none;
    min-width: 10rem;
    position: absolute;
    top: 100%;
    z-index: 1000
}

@media print,
screen and (max-width:47.99875em) {
    .datepicker.dropdown-menu {
        left: 1.5rem !important
    }
}

.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
    padding: .25rem .375rem
}

@media screen and (orientation:landscape) {
    .inner.is-inapp ~ .datepicker.dropdown-menu {
        top: 2.5rem !important
    }
}

.datepicker table {
    border: 0;
    margin: 0;
    width: auto
}

.datepicker tr td span {
    cursor: pointer;
    display: block;
    float: left;
    height: 3.375rem;
    line-height: 3.375rem;
    margin: 1%;
    width: 23%
}

.datepicker td,
.datepicker th {
    border: 0;
    cursor: pointer;
    font-size: .875rem;
    height: 1.25rem;
    padding: .25rem .5rem;
    text-align: center;
    width: 1.25rem
}

.datepicker th {
    font-weight: 500
}

.datepicker td {
    background: #fefefe
}

.datepicker td.active.day,
.datepicker td.active.year,
.datepicker td span.active {
    background: #0063a6
}

.datepicker td.new,
.datepicker td.old {
    color: #8a8a8a
}

.datepicker td.day.disabled,
.datepicker td span.month.disabled,
.datepicker td span.year.disabled {
    color: #e6e6e6
}

.datepicker th {
    background: #fefefe
}

.datepicker th.active.day,
.datepicker th.active.year,
.datepicker th span.active {
    background: #0063a6
}

.datepicker .day.active,
.datepicker .month.active,
.datepicker .year.active {
    color: #fefefe
}

.datepicker th.date-switch {
    text-align: center;
    width: 9rem
}

.datepicker th.next:before {
    content: "\edbe";
    font-family: icomain;
    font-size: .75rem;
    margin-right: .5rem
}

.datepicker th.prev:before {
    content: "\edc6";
    font-family: icomain;
    font-size: .75rem;
    margin-left: .5rem
}

.datepicker .cw {
    font-size: .625rem;
    padding: 0 .125rem 0 .375rem;
    vertical-align: middle;
    width: .75rem
}

.datepicker thead tr:first-child th {
    cursor: pointer
}

.datepicker thead tr:first-child th.cw {
    background-color: transparent;
    cursor: default
}

.datepicker tfoot tr:first-child th {
    cursor: pointer
}

.datepicker.days div.datepicker-days,
.datepicker.months div.datepicker-months,
.datepicker.years div.datepicker-years {
    display: block
}

.datepicker-dropdown:after,
.datepicker-dropdown:before {
    content: "";
    display: inline-block;
    position: absolute
}

.datepicker-inline {
    width: 13.75rem
}

.datepicker-rtl {
    direction: rtl
}

.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    left: 0;
    top: 0
}

.datepicker-dropdown:before {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    left: .375rem;
    top: -.5rem
}

.datepicker-dropdown:after {
    border-bottom: 6px solid #fefefe;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    left: .5rem;
    top: -.375rem
}

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

.datepicker-close {
    display: none;
    height: 1.875rem;
    padding: 0;
    position: absolute;
    right: 0;
    top: -1.875rem;
    width: .9375rem
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.daily-price {
    flex: 1 1 auto;
    font-size: .8125rem;
    padding: 0 .125rem .625rem
}

.daily-price div {
    display: flex;
    justify-content: space-between;
    padding: .6125rem .8125rem .375rem
}

.daily-price div span {
    flex: 0 1 auto
}

.daily-price div .no-data-reason {
    display: none
}

.daily-price span {
    display: block
}

.daily-price .meter {
    position: relative
}

.daily-price .meter-bar {
    padding: 0 .5rem
}

.daily-price .meter-bar span {
    background: #aec7e3;
    border-radius: .5rem;
    height: .625rem
}

.daily-price .meter-arrow {
    background-image: url(../Images/meter-pointer.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    height: .75rem;
    min-width: 1rem;
    position: absolute;
    top: -.25rem
}

.daily-price .tooltip-trigger {
    color: #ccc;
    padding: 0 .625rem
}

.daily-price[data-is-valid=false] .meter-bar span {
    background: #ccc
}

.daily-price[data-is-valid=false] .meter-arrow {
    display: none
}

.client-sentiment {
    flex: 1 1 auto;
    font-size: .8125rem
}

.client-sentiment div {
    display: flex;
    justify-content: space-between;
    padding: .25rem 0
}

.client-sentiment.has-tip {
    border-bottom: none;
    display: block
}

.client-sentiment span.current:not(.no-data-reason),
.client-sentiment strong {
    font-size: .875rem
}

.client-sentiment strong {
    font-weight: 300
}

.client-sentiment .percentage strong,
.client-sentiment .percentage strong span {
    color: #0d8234
}

.client-sentiment .percentage strong:last-child {
    color: #cc2929
}

.client-sentiment .percentage strong:last-child span {
    color: #cc2929
}

.client-sentiment .meter {
    background: #cc2929;
    border-radius: 0;
    display: block;
    height: .625rem;
    margin-bottom: .25rem
}

.client-sentiment .meter span {
    -webkit-animation: meterAnim 1s 1;
    animation: meterAnim 1s 1;
    background: #0e8a37;
    border-radius: 0;
    display: block;
    height: .625rem
}

.client-sentiment .meter.off {
    background: #ccc
}

.client-sentiment .meter.off span {
    display: none
}

.client-sentiment .tooltip-trigger {
    color: #ccc;
    padding: 0 0 0 .125rem
}

.client-sentiment[data-is-valid=false] .meter {
    background: #ccc
}

.client-sentiment[data-is-valid=false] .meter span {
    display: none
}

@-webkit-keyframes meterAnim {
    0% {
        width: 0
    }
}

@keyframes meterAnim {
    0% {
        width: 0
    }
}

[data-is-majority-buyers=true] span.current,
[data-is-majority-buyers=true] strong {
    color: #0d8234
}

[data-is-majority-buyers=true] .meter {
    background: #cc2929
}

[data-is-majority-buyers=true] .meter span {
    background: #0e8a37
}

[data-is-valid=false] div span,
[data-is-valid=false] div strong {
    display: none
}

[data-is-valid=false] div .no-data-reason {
    color: #7f7f7f;
    display: block
}

.jump-list {
    display: flex;
    justify-content: center;
    list-style-type: none;
    padding: 0
}

@media print,
screen and (min-width:48em) {
    .jump-list {
        margin: 2rem 0 1.5rem
    }
}

@media print,
screen and (min-width:64em) {
    .jump-list {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
}

.jump-list li {
    padding: .25rem .375rem
}

@media print,
screen and (max-width:47.99875em) {
    .jump-list li {
        padding: .25rem .375rem
    }
}

@media print,
screen and (min-width:48em) {
    .jump-list li:first-of-type {
        padding-left: 0
    }

    .jump-list li:last-of-type {
        padding-right: 0
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .jump-list li {
        padding: .25rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .jump-list li {
        padding: .25rem .1875rem
    }
}

.jump-list li a {
    align-items: center;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    padding: .5rem
}

.jump-list li a.button.hollow {
    font-size: .875rem;
    margin: 0;
    padding: .75rem .5rem
}

@media print,
screen and (max-width:47.99875em) {
    .jump-list li a.button.hollow {
        font-size: .875rem
    }
}

@media print,
screen and (max-width:79.99875em) {
    .jump-list li a.button.hollow {
        font-size: .8125rem
    }
}

@media print,
screen and (min-width:64em) {
    .jump-list li a.button.hollow {
        height: 5.5rem;
        justify-content: center;
        white-space: normal
    }
}

.jump-list li a:before {
    font-family: icomain;
    font-size: 1.375rem;
    margin-bottom: .5rem
}

.jump-list li a:hover {
    background: #bae3ff;
    color: #004d99;
    transition: background-color .25s ease-out, color .25s ease-out
}

.jump-list .stocks a:before {
    content: "\eb90"
}

.jump-list .commodities a:before {
    content: "\e934"
}

.jump-list .indices a:before {
    content: "\ee37 \ee39"
}

.jump-list .options a:before {
    content: "\eb48";
    transform: rotate(45deg)
}

.jump-list .forex a:before {
    content: "\ea0b \ea0c \ea0d"
}

.jump-list .etfs a:before {
    content: "\ec02"
}

.jump-list .crypto a:before {
    content: "\e900"
}

.all-instruments h2 {
    background-color: #0063a6;
    border-radius: .5rem .5rem 0 0;
    color: #fefefe;
    font-size: 1.125rem;
    margin: 0;
    padding: .25rem 1rem
}

@media print,
screen and (min-width:48em) {
    .all-instruments h2 {
        font-size: 1.5rem
    }
}

.all-instruments h3 {
    background-color: #bae3ff;
    border-bottom: 1px solid #fefefe;
    font-size: 1rem;
    font-weight: 400;
    margin: 0
}

.all-instruments h3 a {
    display: block;
    padding: .5rem 1.5rem
}

.all-instruments h3 a:before {
    content: "\edbe";
    font-family: icomain;
    margin-right: .5rem
}

.all-instruments h3 a.open:before {
    content: "\edc2"
}

.all-instruments h3 a:hover {
    text-decoration: none
}

.all-instruments table {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.all-instruments .accordion {
    text-align: left
}

.all-instruments .accordion table {
    display: none;
    visibility: hidden
}

.all-instruments .accordion table.open {
    display: table;
    visibility: visible
}

.all-instruments tr {
    background: #fefefe
}

.all-instruments tr.odd {
    background-color: #f6f6f6
}

.all-instruments tr:hover {
    background-color: #e3ebfc
}

.all-instruments th {
    background-color: #d1d1d1;
    color: #575757;
    font-weight: 400;
    padding: .5rem;
    text-align: left
}

.all-instruments th.full-details {
    text-align: center
}

@media print,
screen and (max-width:47.99875em) {
    .all-instruments th.full-details {
        text-align: right
    }

    .all-instruments th {
        font-size: .875rem
    }
}

@media print,
screen and (min-width:48em) {
    .all-instruments th.full-details {
        text-align: right
    }
}

.all-instruments td {
    font-size: .875rem;
    padding: 0 .5rem
}

@media print,
screen and (max-width:47.99875em) {
    .all-instruments td {
        font-size: .75rem;
        word-break: break-word
    }
}

.all-instruments td a:hover:not(.button) {
    color: #004d99;
    text-decoration: underline
}

.all-instruments .details {
    text-align: right;
    white-space: nowrap
}

.all-instruments .details .button {
    background: #004080;
    border-radius: .5rem;
    color: #fefefe;
    font-size: 1.125rem;
    font-size: .75rem;
    font-weight: 300;
    font-weight: 400;
    margin: .25rem;
    padding: .5rem
}

.all-instruments .details .button:hover {
    background-color: #006db5
}

@media print,
screen and (min-width:48em) {
    .all-instruments .details .button {
        font-size: .875rem
    }
}

.all-instruments .details .button span {
    color: #fefefe;
    white-space: normal
}

.all-instruments .details .button:hover {
    transition: background-color .25s ease-out, color .25s ease-out
}

.instruments-table .details {
    display: flex;
    justify-content: flex-end
}

@media print,
screen and (min-width:48em) {
    .instruments-table .details {
        padding: 0 .25rem
    }
}

.instruments-table .details .button {
    align-items: center;
    display: flex;
    justify-content: center;
    line-height: 1;
    margin: .375rem .25rem
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-table .details .button {
        margin-right: 0;
        min-width: 7.25rem
    }

    .instruments-table .details .button:last-child {
        order: 1
    }
}

.instruments-table .details .button.holiday-toggle {
    background: none;
    margin: .375rem .25rem
}

.instruments-table .details .button.holiday-toggle span {
    color: #004d99
}

.instruments-table .details .button.holiday-toggle .icon {
    margin-right: .375rem
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-table .details .button.holiday-toggle {
        margin-right: 0;
        order: 2
    }
}

.instruments-table .details > .cell-fixed-width {
    width: 25rem
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-table .details > .cell-fixed-width {
        flex-wrap: wrap;
        width: 100%
    }
}

@media screen and (max-width:47.99875em) and (max-width:30rem) {
    .instruments-table .details > .cell-fixed-width {
        flex-direction: column
    }
}

@media print,
screen and (min-width:48em) {
    .instruments-table .details > .cell-fixed-width {
        justify-content: space-between
    }
}

.instruments-table .accordion .collapsed {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s
}

.instruments-table .accordion .collapsed.collapsible {
    max-height: 1000px;
    transition: max-height .75s ease-in
}

.instruments-table .accordion p {
    font-size: .8125rem;
    font-weight: 400;
    margin: 0
}

.instruments-table .accordion p.no-holiday-disclaimer {
    padding: .5rem
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-table .accordion p.no-holiday-disclaimer {
        padding: .5rem 0
    }
}

.instruments-table .holidays-table {
    margin: .5rem 0
}

.instruments-table .holidays-table td,
.instruments-table .holidays-table th {
    padding: .5rem
}

.instruments-table .holidays-table th {
    background: #fefefe;
    color: #004080
}

.instruments-table .holidays-table td {
    color: #737373
}

.instruments-table .holidays-table tbody {
    border-bottom: 0
}

.instruments-table .holidays-table tbody .date-format {
    display: flex
}

.instruments-table .holidays-table tbody .date-format span:first-child {
    margin-right: .5rem
}

.instruments-table .holidays-table tbody tr:nth-child(2n) {
    background: #fefefe
}

.instruments-table .holidays-table tbody tr:nth-child(odd) {
    background: #f1f1f1
}

.instruments-table .holidays-table tbody tr:hover:nth-child(2n) {
    background: #fefefe
}

.instruments-table .holidays-table tbody tr:hover:nth-child(odd) {
    background: #f1f1f1
}

.instruments-table .cell-fixed-width {
    display: flex;
    justify-content: flex-end
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-table .cell-fixed-width {
        flex-wrap: wrap
    }
}

.instruments-table .cell-fixed-width > p {
    width: 25rem
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-table .cell-fixed-width > p {
        width: 100%
    }
}

.instruments-table .cell-fixed-width > table {
    width: 24.5rem
}

@media print,
screen and (max-width:47.99875em) {
    .instruments-table .cell-fixed-width > table {
        width: 100%
    }
}

.top-link {
    font-size: .875rem;
    margin-bottom: 2.5rem;
    margin-top: .5rem;
    text-align: right
}

.top-link a {
    color: #004d99;
    display: inline-block
}

.top-link a:hover {
    text-decoration: underline
}

.top-link a:after {
    content: "\edc7";
    font-family: icomain
}

@media print,
screen and (max-width:47.99875em) {
    .page-sections .callout.landing-inst {
        padding: 3rem 0
    }

    .page-sections .callout.landing-inst.landing-cnbs {
        padding: 3rem .125rem
    }
}

@media print,
screen and (min-width:48em) {
    .page-sections .callout.landing-inst .columns:first-child {
        order: 1
    }

    .page-sections .callout.landing-inst .columns:last-child {
        order: 2
    }
}

@media print,
screen and (max-width:47.99875em) {
    .page-sections .callout.landing-inst .side-content {
        margin-bottom: 2rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .page-sections .callout.landing-inst .side-content {
        margin-top: 3rem
    }
}

.link-sponsor {
    line-height: 1.25;
    margin-bottom: 0
}

.link-sponsor a:not(.button) {
    color: #fefefe
}

.link-sponsor a:not(.button):hover {
    border-bottom: 1px solid #fefefe;
    text-decoration: none !important
}

.page-sections .area.legacy {
    padding-bottom: 1.5rem
}

@media print,
screen and (min-width:48em) {
    .page-sections .area.legacy {
        padding-bottom: 3rem
    }
}

.page-sections .area.legacy .legacy-image {
    margin-top: 1.5rem;
    text-align: center
}

@media print,
screen and (min-width:48em) {
    .page-sections .area.legacy .legacy-image {
        margin-top: 1.5rem
    }
}

.page-sections .area.players-legia {
    background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/item-legia-1.webp), url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/item-legia-2.webp);
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 35%, 40%;
    padding-bottom: 48%
}

@media screen and (orientation:landscape) {
    .page-sections .area.players-legia {
        background-size: 33.33333%, 33.33333%
    }
}

@media print,
screen and (min-width:48em) {
    .page-sections .area.players-legia {
        background-size: 30.003%, 33.33333%;
        padding-bottom: 40%
    }
}

@media screen and (min-width:80em) {
    .page-sections .area.players-legia {
        background-position: right top 1rem, left top 1rem;
        background-size: contain, contain;
        padding-bottom: 3rem
    }
}

@media screen and (min-width:90em) {
    .page-sections .area.players-legia {
        background-position: right 3rem top 1rem, left 3rem top 1rem
    }
}

.landingpage.edge .page-sections .area.players-legia,
.landingpage.iex .page-sections .area.players-legia,
.landingpage.safari .page-sections .area.players-legia {
    background-image: url(../Images/item-legia-1.png), url(../Images/item-legia-2.png)
}

.page-sections .area.players-atalanta {
    background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/item-atalanta-1.webp), url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/item-atalanta-2.webp);
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat, no-repeat;
    background-size: 35%, 40%;
    padding-bottom: 48%
}

@media screen and (orientation:landscape) {
    .page-sections .area.players-atalanta {
        background-size: 33.33333%, 33.33333%
    }
}

@media print,
screen and (min-width:48em) {
    .page-sections .area.players-atalanta {
        background-size: 30.003%, 33.33333%;
        padding-bottom: 40%
    }
}

@media screen and (min-width:80em) {
    .page-sections .area.players-atalanta {
        background-position: right top 1rem, left top 1rem;
        background-size: contain, contain;
        padding-bottom: 3rem
    }
}

@media screen and (min-width:90em) {
    .page-sections .area.players-atalanta {
        background-position: right 3rem top 1rem, left 3rem top 1rem
    }
}

.landingpage.edge .page-sections .area.players-atalanta,
.landingpage.iex .page-sections .area.players-atalanta,
.landingpage.safari .page-sections .area.players-atalanta {
    background-image: url(../Images/item-atalanta-1.png), url(../Images/item-atalanta-2.png)
}

.page-sections .area.players-youngboys {
    background-image: url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/item-youngboys-1.webp), url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/item-youngboys-2.webp), url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/item-youngboys-3.webp);
    background-position: 50% bottom, 5% bottom, 95% bottom;
    background-repeat: no-repeat;
    background-size: auto 45%;
    padding-bottom: 17.5rem
}

.landingpage.edge .page-sections .area.players-youngboys,
.landingpage.iex .page-sections .area.players-youngboys,
.landingpage.safari .page-sections .area.players-youngboys {
    background-image: url(../Images/item-youngboys-1.png), url(../Images/item-youngboys-2.png), url(../Images/item-youngboys-3.png)
}

@media print,
screen and (min-width:64em) {
    .page-sections .area.players-youngboys {
        background-position: 50% bottom, 25% bottom, 75% bottom
    }
}

@media screen and (min-width:80em) {
    .page-sections .area.players-youngboys {
        background-position: 50% bottom, 33% bottom, 66% bottom
    }
}

@media print,
screen and (max-width:63.99875em) {
    .quotes {
        margin-bottom: 3rem
    }
}

.quotes .promo-item:first-of-type {
    border-bottom: 1px solid #ccc;
    margin-bottom: 2.25rem;
    padding-bottom: 2.25rem
}

.quotes p:not(.name) {
    font-size: 1rem;
    font-style: italic
}

@media print,
screen and (min-width:48em) {
    .quotes p:not(.name) {
        font-size: 1.25rem
    }
}

.quotes p.name {
    margin: 0
}

.quotes p.name span {
    font-weight: 500
}

.quotes + .promo-image {
    align-self: center;
    text-align: center
}

@media print,
screen and (min-width:48em) {
    .faq-search {
        padding-bottom: 3rem;
        padding-top: 3rem
    }
}

.faq-search h2 {
    color: #004d99;
    font-size: 1.5rem;
    text-align: center
}

.results-box-faq {
    background: #ececec
}

.results-box-faq ul {
    margin-bottom: 0;
    margin-top: 0;
    max-height: 15.25rem
}

.results-box-faq ul li {
    margin-bottom: 0
}

.results-box-faq ul li a {
    padding: .75rem .5rem
}

.results-box-faq .auto-complete span {
    color: #5e5e5e;
    display: block;
    font-size: .75rem;
    margin-bottom: .125rem
}

.article-back {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    align-items: center;
    display: flex;
    padding: 1rem 0
}

@media print,
screen and (min-width:48em) {
    .article-back {
        border-bottom: 1px solid #ccc;
        border-top: none;
        margin-bottom: 1.5rem
    }
}

.article-back span {
    color: #004d99
}

.article-back .icon {
    margin-left: 0;
    margin-right: .375rem
}

.article-back .icon-circle-align:before {
    content: ""
}

.article-back a:hover {
    text-decoration: none !important
}

.article-back a:hover span {
    text-decoration: underline
}

@media print,
screen and (min-width:48em) {

    .faq-side nav,
    .faq-side ul,
    .investors-side nav,
    .investors-side ul {
        margin: 0
    }
}

.faq-side-buttons {
    border-top: 1px solid #ccc;
    padding: 2.25rem 0
}

.faq-side-buttons h5 {
    color: #2b827b
}

@media print,
screen and (max-width:47.99875em) {
    .faq-side-buttons h5 {
        text-align: center
    }
}

.faq-side-buttons > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media print,
screen and (min-width:48em) {
    .faq-side-buttons > div {
        justify-content: flex-start
    }
}

.faq-side-buttons a.button.hollow {
    align-items: center;
    border-color: #2b827b;
    display: inline-flex;
    justify-content: center;
    min-width: 12.5rem;
    padding-bottom: .75rem;
    padding-top: .75rem;
    white-space: normal
}

.faq-side-buttons a.button.hollow span {
    color: #2b827b;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.faq-side-buttons a.button.hollow:hover {
    background-color: #2b827b;
    border-color: #2b827b
}

.faq-side-buttons a.button.hollow:hover span {
    color: #fefefe
}

.faq-side-buttons a.button.hollow .icon {
    font-size: 1.5rem;
    margin-left: .75rem
}

@media print,
screen and (min-width:64em) {
    .faq-side-buttons a.button.hollow {
        min-width: 15rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .faq-side-buttons a.button.hollow {
        min-width: 14rem
    }
}

.faq-side-buttons .whatsapp-box {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    margin-right: 1rem;
    margin-top: 1rem;
    min-width: 12.5rem;
    padding-bottom: .75rem;
    padding-top: .75rem;
    text-align: center
}

.faq-side-buttons .whatsapp-box > div img.qr-whatsapp {
    height: 11.25rem;
    width: 11.25rem
}

.faq-side-buttons .whatsapp-box > div span {
    color: #2b827b;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.faq-side-buttons .whatsapp-box > div .icon {
    font-size: 1.5rem;
    margin-left: .75rem
}

@media print,
screen and (min-width:64em) {
    .faq-side-buttons .whatsapp-box > div {
        min-width: 15rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .faq-side-buttons .whatsapp-box > div {
        min-width: 14rem
    }
}

.faq-side-buttons.rate-badge {
    padding-bottom: 0 !important
}

.faq-side-buttons.rate-badge > div {
    display: flex;
    justify-content: center
}

.main-section .faq-side-buttons {
    margin-top: 0;
    padding: 2rem 0
}

@media print,
screen and (min-width:48em) {
    .main-section .faq-side-buttons {
        margin-top: 2rem;
        padding: 2.25rem 0
    }
}

.rate-badge .badge {
    display: flex;
    justify-content: center
}

.rate-badge .badge:nth-child(2) {
    align-self: center;
    padding-top: 1rem
}

@media print,
screen and (max-width:47.99875em) {
    .rate-badge .badge:first-of-type {
        padding-bottom: 2rem
    }
}

.IPad .faq-side-buttons a.button.hollow span,
.IPhone .faq-side-buttons a.button.hollow span,
.IPod .faq-side-buttons a.button.hollow span {
    color: #2b827b
}

.IPad .faq-side-buttons a.button.hollow:active,
.IPad .faq-side-buttons a.button.hollow:visited,
.IPhone .faq-side-buttons a.button.hollow:active,
.IPhone .faq-side-buttons a.button.hollow:visited,
.IPod .faq-side-buttons a.button.hollow:active,
.IPod .faq-side-buttons a.button.hollow:visited {
    border-color: #2b827b;
    color: #2b827b
}

.IPad .faq-side-buttons a.button.hollow:active span,
.IPad .faq-side-buttons a.button.hollow:visited span,
.IPhone .faq-side-buttons a.button.hollow:active span,
.IPhone .faq-side-buttons a.button.hollow:visited span,
.IPod .faq-side-buttons a.button.hollow:active span,
.IPod .faq-side-buttons a.button.hollow:visited span {
    color: #2b827b
}

.IPad .content-faq .button.large.hollow:link,
.IPhone .content-faq .button.large.hollow:link {
    background: none;
    color: #004d99
}

.IPad .content-faq .button.large.hollow:active,
.IPhone .content-faq .button.large.hollow:active {
    background-color: #004d99;
    border-color: #004d99;
    color: #fefefe;
    transition: background-color .25s ease-out, color .25s ease-out
}

.IPad .area .start-trading .button:first-letter,
.IPhone .area .start-trading .button:first-letter {
    text-transform: none
}

.area.content-faq {
    margin-top: 0;
    padding-top: 1rem
}

@media print,
screen and (min-width:48em) {
    .area.content-faq {
        padding-top: 3rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .area.content-faq h1 {
        margin-bottom: 1.25rem
    }

    .area.content-faq .risk-for-small {
        margin-top: 1.5rem
    }

    .area.content-faq .risk-for-small p {
        margin: 0;
        padding: .5rem
    }
}

.topic-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.area .topic .button.hollow {
    font-size: .875rem;
    margin-top: .5rem;
    padding: .5rem .75rem
}

.topic {
    margin-bottom: 3rem
}

.topic h3 {
    font-size: 1.125rem
}

@media print,
screen and (min-width:48em) {
    .topic h3 {
        font-size: 1.25rem
    }
}

.topic-links {
    list-style-type: none;
    margin: 0
}

.topic-links li {
    display: flex
}

.topic-links li:before {
    content: "";
    font-family: icomain;
    font-size: .875rem;
    margin-right: .375rem
}

.topic-links a:not(.button) {
    color: #5e5e5e;
    font-weight: 300
}

.topic-item {
    flex: 0 1 100%
}

@media print,
screen and (min-width:64em) {
    .topic-item {
        flex: 0 1 48%
    }
}

.answer-back {
    border-top: 1px solid #ccc;
    padding: 2.25rem 0
}

.answer-back span {
    color: #004d99
}

.answer-back .icon-circle-align:before {
    content: ""
}

.answer-back > a:hover {
    text-decoration: none !important
}

.answer-back > a:hover span {
    text-decoration: underline
}

.accordion-section .accordion-item,
.answer-item {
    font-weight: 300
}

.accordion-section .accordion-item :not(strong),
.answer-item :not(strong) {
    font-weight: 300
}

.quest-item > div {
    margin: 0 0 .5rem
}

.quest-item > div li,
.quest-item > div p {
    margin-bottom: 0
}

.quest-item > div li:after,
.quest-item > div p:after {
    content: "..."
}

.quest-item > div ol,
.quest-item > div ul {
    font-weight: 300;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.quest-item:not(.topic):last-of-type,
.quest-item:not(.topic):nth-last-of-type(2) {
    margin-bottom: 2rem
}

.quest-item kbd {
    font-family: Roboto, Tajawal, Rubik, apple-system, -system-ui, Tahoma, Arial, sans-serif
}

.pagination-box {
    border-top: 1px solid #ccc;
    flex: 1 0 100%
}

.pagination-box > div {
    padding: 0
}

.pagination {
    margin: 2rem 0 1.625rem
}

.pagination li {
    display: inline-block;
    font-size: .875rem;
    padding: 0
}

.pagination li.current,
.pagination li a:hover {
    background-color: #004d99;
    border-color: #004d99;
    color: #fefefe;
    transition: background-color .25s ease-out, color .25s ease-out
}

.pagination li.current,
.pagination li a {
    border: 1px solid #004d99;
    border-radius: .5rem;
    font-size: 1rem;
    text-decoration: none !important
}

.pagination li.disabled {
    background-color: #ececec;
    border: 1px solid #ccc;
    border-radius: .5rem
}

.pagination li.disabled:hover {
    background: #ececec
}

.pagination li.pagination-arrow:after,
.pagination li.pagination-arrow:before {
    font-size: 1.3175rem;
    line-height: 1;
    margin: 0
}

.pagination li.pagination-arrow a:after,
.pagination li.pagination-arrow a:before {
    font-size: 1.3175rem;
    line-height: 1;
    margin: 0
}

.accordion-section .accordion-item kbd,
.answer-item kbd {
    background-color: #f6f6f6;
    display: inline;
    padding: .25rem .5rem
}

.accordion-section .accordion-item a.faq-button,
.answer-item a.faq-button {
    border: 1px solid #004d99;
    border-radius: .5rem;
    display: inline-block;
    font-size: .875rem;
    line-height: 1.3;
    margin: 1rem 0 2rem;
    padding: .875rem 1.25rem
}

@media print,
screen and (min-width:48em) {

    .accordion-section .accordion-item a.faq-button,
    .answer-item a.faq-button {
        font-size: 1rem
    }
}

.accordion-section .accordion-item a.faq-button:hover,
.answer-item a.faq-button:hover {
    background-color: #004d99;
    border-color: #004d99;
    color: #fefefe;
    text-decoration: none !important;
    transition: background-color .25s ease-out, color .25s ease-out
}

.accordion-section .accordion-item .iframe-container,
.answer-item .iframe-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.accordion-section .accordion-item .iframe-container iframe,
.answer-item .iframe-container iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.accordion-section .accordion-item ol,
.accordion-section .accordion-item ul,
.answer-item ol,
.answer-item ul {
    margin: 1rem;
    padding: .375rem 1rem 1rem
}

.accordion-section .accordion-item ol.low-alpha,
.answer-item ol.low-alpha {
    list-style-type: lower-alpha
}

.accordion-section .accordion-item ol.low-roman,
.answer-item ol.low-roman {
    list-style-type: lower-roman
}

.video-boxes .row > .columns {
    margin-bottom: 2rem
}

.video-img {
    background: #0583ff;
    display: block;
    float: none;
    margin-bottom: 1.25em;
    position: relative;
    width: 100%
}

.video-img a {
    display: block;
    transition: opacity .25s ease-in-out
}

.video-img a:hover {
    opacity: .8
}

.video-img a:after {
    background: rgba(0, 0, 0, .1) url(https://cdn-main.plus500.com/1.0.0.104138/Resources/Images/icon-play.svg) no-repeat 50%;
    background-size: 15%;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.video-img img {
    display: block;
    width: 100%
}

.articles-section ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.articles-section ul li {
    border-bottom: 1px solid #ccc
}

.articles-section ul li:last-of-type {
    border-bottom: none
}

.articles-section ul li h5 {
    align-items: baseline;
    display: flex
}

.articles-section ul li h5:before {
    color: #004d99;
    content: "\edbe";
    font-family: icomain;
    font-size: 1rem;
    font-weight: 300;
    margin-right: .5rem
}

@media print,
screen and (max-width:47.99875em) {
    .articles-section ul li h5:before {
        position: relative;
        top: .125rem
    }
}

.articles-content .promo-image,
.video-content .promo-image {
    margin: 1rem 0;
    text-align: center
}

.articles-content .start-trading {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 1rem 0
}

@media print,
screen and (min-width:48em) {
    .articles-content .start-trading .button {
        font-size: 1.25rem
    }
}

.articles-content :last-child.start-trading {
    border-bottom-width: 0;
    padding-bottom: 0
}

.articles-content table {
    border-style: solid;
    border-width: 1px
}

.articles-content table thead {
    background-color: #f8f8f8;
    border-bottom-style: solid;
    border-bottom-width: 1px
}

@media (min-width:48em) and (min-height:50rem) {
    .articles.is-sticky .side-zone {
        top: 10rem
    }
}

.start-chat-button a.button.hollow {
    align-items: center;
    border-color: #2b827b;
    display: inline-flex;
    justify-content: center;
    min-width: 12.5rem;
    padding-bottom: .8125rem;
    padding-top: .75rem;
    white-space: normal
}

.start-chat-button a.button.hollow:hover {
    background-color: #2b827b;
    border-color: #2b827b
}

.start-chat-button a.button.hollow:hover span {
    color: #fefefe
}

.start-chat-button a.button.hollow span {
    color: #2b827b;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.start-chat-button a.button.hollow .icon {
    font-size: 1.5rem;
    margin-left: .75rem
}

@media print,
screen and (min-width:64em) {
    .start-chat-button a.button.hollow {
        min-width: 15rem
    }
}

.alert.callout {
    padding: 1rem
}

.alert.callout,
.success.callout {
    display: inline-block
}

.contact-form {
    margin-top: 0
}

.contact-form label {
    font-size: 1rem;
    font-style: italic;
    font-weight: 300
}

.contact-form label span {
    font-style: normal
}

.contact-form label span.help-text {
    font-style: italic
}

.contact-form input + span:not(.form-error),
.contact-form select + span:not(.form-error),
.contact-form textarea + span:not(.form-error) {
    display: block;
    min-height: 2.5rem
}

.contact-form input:not([type=file]) {
    height: 2.75rem
}

.contact-form select {
    height: 2.75rem
}

.contact-form .password-label input {
    margin-bottom: 0
}

.contact-form .password-label .help-text {
    margin: .3125rem 0 0;
    min-height: 0
}

.contact-form .password-label .form-error {
    margin: 0
}

.contact-form .password-checkbox {
    margin: .5rem 0 3rem
}

.contact-form .password-checkbox label {
    font-size: .875rem;
    font-style: normal
}

.contact-form .password-checkbox .form-error {
    margin-top: 0
}

.contact-form input[type=checkbox] {
    height: auto
}

.contact-form select {
    background-position-x: right;
    padding-left: .5rem;
    padding-right: 1.5rem
}

.contact-form select option {
    text-align: left
}

.contact-form textarea {
    height: 7.5rem
}

.contact-form ::-webkit-input-placeholder {
    color: #5e5e5e
}

.contact-form ::-moz-placeholder {
    color: #5e5e5e
}

.contact-form :-ms-input-placeholder {
    color: #5e5e5e
}

.contact-form ::placeholder {
    color: #5e5e5e
}

@media print,
screen and (min-width:48em) {
    .contact-form .g-recaptcha {
        margin-top: 0
    }
}

.contact-form .reset-button {
    text-align: right
}

.contact-form .reset-button .button {
    background: none;
    color: #5e5e5e;
    margin: 0;
    padding: 0
}

.contact-form .reset-button .button:hover {
    text-decoration: underline
}

.contact-form .upload-comment {
    display: block;
    font-style: normal;
    margin-bottom: .5rem;
    margin-top: 1rem
}

.contact-form .upload-comment a.item-pdf-link {
    margin-top: .75rem
}

.contact-form .upload-comment a.item-pdf-link .icon-file-pdf {
    color: #004d99
}

.contact-form .upload-comment span {
    color: #006db5
}

.contact-form .upload-comment span.icon {
    margin: 0 .25rem
}

.contact-form .upload-comment a:hover {
    text-decoration: none !important
}

.contact-form .upload-comment a:hover span:not(.icon) {
    text-decoration: underline
}

.personalinfo form .row.loading-wrap {
    display: none
}

.personalinfo form .row.loading-wrap.loading {
    display: block;
    margin: 2rem auto
}

.personalinfo .form-notes {
    margin-bottom: 1.25rem
}

.personalinfo .form-messages {
    margin-top: 2rem
}

.personalinfo .form-messages .callout {
    padding: 1rem
}

.riskmanagement .area.content .row {
    align-items: flex-start
}

.riskmanagement .example {
    font-style: italic
}

.riskmanagement .inner-main h3,
.riskmanagement .inner-main h4 {
    text-align: left
}

@media print,
screen and (max-width:47.99875em) {

    .riskmanagement .inner-main h3,
    .riskmanagement .inner-main h4 {
        margin-top: 1rem
    }
}

@media print,
screen and (max-width:63.99875em) {

    .alerts .inner-sections .area.content .row .columns:first-child,
    .feescharges .inner-sections .area.content .row .columns:first-child,
    .riskmanagement .inner-sections .area.content .row .columns:first-child {
        order: 1
    }

    .alerts .inner-sections .area.content .row .columns:last-child:not(.solo-box),
    .feescharges .inner-sections .area.content .row .columns:last-child:not(.solo-box),
    .riskmanagement .inner-sections .area.content .row .columns:last-child:not(.solo-box) {
        margin-bottom: 0;
        margin-top: 2rem;
        order: 2
    }

    .alerts .inner-sections .area.content .row .columns.deposit-icons:last-child,
    .feescharges .inner-sections .area.content .row .columns.deposit-icons:last-child,
    .riskmanagement .inner-sections .area.content .row .columns.deposit-icons:last-child {
        align-self: flex-start;
        margin-top: 0 !important
    }
}

.alerts .inner-sections .area.content .deposit-icons .row .columns:last-child:not(.solo-box),
.feescharges .inner-sections .area.content .deposit-icons .row .columns:last-child:not(.solo-box),
.riskmanagement .inner-sections .area.content .deposit-icons .row .columns:last-child:not(.solo-box) {
    margin-top: 0
}

.feescharges .area.content > .row > .columns:last-child {
    align-self: center
}

.feescharges .main-image,
.feescharges .tools-main {
    margin-bottom: 0
}

@media print,
screen and (max-width:63.99875em) {
    .feescharges .inner-sections .area.content .row .columns.accordion-section:last-child {
        margin-top: 0
    }
}

@media screen and (max-width:47.99875em) and (orientation:portrait) {
    .feescharges .faq-section .more-content.open {
        max-height: 125rem
    }
}

.feescharges .reveal[data-modal=trading-commission-modal] {
    padding-bottom: 2.5rem
}

@media screen and (min-width:64em) and (max-width:79.99875em) and (orientation:portrait) {
    .feescharges .reveal[data-modal=trading-commission-modal] {
        width: 95%
    }
}

@media screen and (min-width:64em) and (max-width:79.99875em) and (orientation:landscape) {
    .feescharges .reveal[data-modal=trading-commission-modal] {
        max-height: 80vh
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .feescharges .reveal[data-modal=trading-commission-modal] {
        width: 95%
    }
}

@media print,
screen and (min-width:48em) {
    .feescharges .reveal[data-modal=trading-commission-modal] {
        top: 50% !important;
        transform: translateY(-50%)
    }
}

@media screen and (min-width:48em) and (orientation:landscape) {
    .feescharges .reveal[data-modal=trading-commission-modal] {
        max-height: 95vh
    }
}

@media print,
screen and (max-width:47.99875em) {
    .feescharges .reveal[data-modal=trading-commission-modal] {
        top: .25rem !important
    }
}

@media screen and (max-width:47.99875em) and (orientation:landscape) {
    .feescharges .reveal[data-modal=trading-commission-modal] {
        max-height: 85vh;
        top: 1rem !important
    }
}

.feescharges .reveal table td,
.feescharges .reveal table th {
    text-align: center
}

.risk-management-list ul {
    font-weight: 300;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.risk-management-list ul li {
    align-items: baseline;
    display: flex
}

.risk-management-list ul li:before {
    color: #004d99;
    content: "+";
    font-size: 1.125rem;
    font-weight: 500;
    margin-right: .5rem
}

@media print,
screen and (max-width:63.99875em) {
    .promo-image-risk {
        margin-bottom: 2rem
    }
}

.tools-img {
    display: block;
    float: none;
    margin-bottom: 1.25em;
    position: relative;
    width: 100%
}

.tools-img:before {
    border: 1px solid #fefefe;
    box-shadow: inset 0 0 16px -5px rgba(0, 0, 0, .3);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}

.tools-img img {
    display: block;
    width: 100%
}

.tools-img ~ ul {
    font-weight: 300;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.tools-img ~ ul li {
    display: flex;
    position: relative
}

.tools-img ~ ul li:before {
    color: #0d8234;
    content: "\ed72";
    font-family: icomain;
    font-weight: 500;
    left: -.75rem;
    margin-left: .75rem;
    position: relative
}

.tools-img.tools-notify {
    background: #444
}

.tools-img.tools-notify * {
    color: #fefefe
}

.tools-img.tools-notify > p {
    align-items: center;
    display: flex;
    padding: .5rem 0
}

.tools-img.tools-notify > p > span {
    margin: 1.5rem 1rem
}

.tools-img.tools-notify .icon {
    align-items: center;
    background: #0583ff;
    border-radius: 50%;
    display: flex;
    height: 3rem;
    justify-content: center;
    width: 3rem
}

.tools-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media print,
screen and (min-width:64em) {

    .tools-main.main-image img,
    .tools-main img {
        max-width: 100%
    }
}

@media print,
screen and (max-width:63.99875em) {
    .tools-main {
        margin-top: 1.5rem
    }
}

.notification.blocked {
    background: #0c3776;
    color: #fefefe
}

.notification.blocked span {
    color: #fefefe;
    font-size: 1.125rem
}

.footnote-comment {
    font-size: .875rem;
    margin: 2rem 0
}

@media print,
screen and (max-width:47.99875em) {
    .footnote-comment {
        font-size: .75rem
    }
}

.deposit-icons > div {
    align-items: flex-start !important;
    margin-bottom: 1rem
}

.deposit-icons > div:last-child {
    margin-bottom: 0
}

.deposit-icons h6 {
    margin: 0
}

.deposit-icons .icon {
    color: #004d99;
    font-size: 3rem
}

.deposit-icons .columns {
    justify-content: center;
    padding-right: 0
}

.deposit-icons .columns:first-of-type {
    text-align: center
}

.deposit-icons .icon-forex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 50%
}

.deposit-icons .icon-forex .icon {
    font-size: 1.75rem
}

.deposit-icons .icon-forex .icon:first-of-type {
    margin: 0 3rem
}

@media print,
screen and (max-width:47.99875em) {
    .deposit-icons .icon-forex .icon:first-of-type {
        margin: 0 4rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .callout.content-narrow {
        padding: 3rem 1rem
    }

    .no-fees-main h4 {
        text-align: left
    }
}

.sub-no-fees {
    display: flex;
    flex-direction: column;
    padding-top: 3.5rem
}

@media print,
screen and (max-width:47.99875em) {
    .sub-no-fees {
        padding-top: 0;
        text-align: left
    }
}

@media print,
screen and (min-width:48em) {
    .sub-no-fees h5 span {
        display: block
    }
}

.sub-no-fees h5 span:first-child {
    font-size: 8rem;
    font-weight: 400;
    line-height: .9
}

.sub-no-fees h5 span:last-child {
    font-size: 1.375rem
}

@media print,
screen and (max-width:47.99875em) {
    .sub-no-fees h5 span:first-child {
        font-size: 4.5rem
    }
}

@media print,
screen and (min-width:48em) {
    .list-no-fees {
        margin-top: -14rem !important
    }
}

.list-no-fees ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.list-no-fees ul li {
    align-items: center;
    display: flex;
    flex: 0 1 40%;
    font-size: 1.25rem;
    margin: 1.25rem 0 0
}

@media print,
screen and (min-width:48em) {
    .list-no-fees ul li:nth-child(n+1):nth-child(odd) {
        justify-content: flex-end;
        text-align: right
    }

    .list-no-fees ul li:nth-child(n+1):nth-child(odd):after {
        font-family: icomain;
        font-size: 1.25rem;
        margin-left: 1rem
    }

    .list-no-fees ul li:first-child:after {
        content: "\ea39";
        padding-top: 2rem
    }

    .list-no-fees ul li:nth-child(3):after {
        content: "\ea40"
    }

    .list-no-fees ul li:nth-child(5):after {
        content: "\ea3f";
        padding-bottom: 2rem
    }

    .list-no-fees ul li:nth-child(n+2):nth-child(2n) {
        justify-content: flex-start;
        text-align: left
    }

    .list-no-fees ul li:nth-child(n+2):nth-child(2n):before {
        font-family: icomain;
        font-size: 1.25rem;
        margin-right: 1rem
    }

    .list-no-fees ul li:nth-child(2):before {
        content: "\ea3b";
        padding-top: 2rem
    }

    .list-no-fees ul li:nth-child(4):before {
        content: "\ea3c"
    }

    .list-no-fees ul li:nth-child(6):before {
        content: "\ea3d";
        padding-bottom: 2rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .list-no-fees ul li {
        flex: 1 1 100%;
        font-size: 1rem;
        padding-right: 1rem;
        text-align: left
    }
}

@media screen and (max-width:47.99875em) and (min-width:480px) and (max-width:767px) {
    .list-no-fees ul li {
        flex: 1 1 50%
    }
}

@media print,
screen and (max-width:47.99875em) {
    .list-no-fees ul li:before {
        content: "\ea3c";
        font-family: icomain;
        font-size: 1.25rem;
        margin-right: 1rem
    }
}

.inner .area.content > .row .promo-image-alerts {
    align-self: center
}

@media print,
screen and (max-width:63.99875em) {
    .inner .area.content > .row .promo-image-alerts {
        margin-bottom: 2rem
    }
}

.inner .area.content > .row .promo-image-alerts > div {
    margin-bottom: 0
}

.alerts-stages .columns > p {
    font-style: italic
}

.investors-info table.table-explore,
.table-explore.table-bonus {
    position: relative
}

.investors-info table.table-explore td,
.table-explore.table-bonus td {
    border: 1px solid #ccc;
    border-top-color: transparent
}

.investors-info table.table-explore td:first-child,
.table-explore.table-bonus td:first-child {
    font-weight: 500;
    text-align: left
}

.investors-info table.table-explore td.table-title,
.table-explore.table-bonus td.table-title {
    border: none;
    text-align: center
}

.investors-info table.table-explore td.align-text,
.table-explore.table-bonus td.align-text {
    text-align: left
}

.investors-info table.table-explore .main-line,
.table-explore.table-bonus .main-line {
    background: #bae3ff;
    color: #004d99
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .investors-info table.table-explore td,
    .investors-info table.table-explore th,
    .table-explore.table-bonus td,
    .table-explore.table-bonus th {
        padding-left: .4375rem;
        padding-right: .4375rem
    }
}

.investors-info table.table-explore thead td,
.investors-info table.table-explore thead th,
.table-explore.table-bonus thead td,
.table-explore.table-bonus thead th {
    background: #0063a6;
    border-color: transparent;
    padding: .5rem .375rem
}

.offices-map-wrapper {
    margin: 2rem auto;
    text-align: center
}

.table-scroll .table-offices {
    width: 100%
}

.table-offices td,
.table-offices th {
    width: 15%
}

.table-offices td:first-child,
.table-offices th:first-child {
    width: 25%
}

.table-offices .table-btn,
.table-offices .table-top-btn {
    width: 100%
}

.table-offices thead tr:first-child {
    border-width: 0
}

.table-offices thead tr:first-child td,
.table-offices thead tr:first-child th {
    border-top: 0
}

@media print,
screen and (max-width:47.99875em) {

    .table-offices tbody tr td:first-child,
    .table-offices thead td {
        min-width: 7.75rem
    }
}

.table-offices thead.is-stuck + tbody > tr:first-child td {
    border-top: 1px solid #ccc
}

.table-offices.table-explore tbody td:first-child {
    font-weight: 400
}

@media print,
screen and (max-width:47.99875em) {
    .table-offices thead {
        transform: translateY(0)
    }

    .table-offices thead.is-stuck {
        border: none;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        width: 100%
    }

    .table-offices thead.is-stuck > tr {
        display: flex;
        width: 100%
    }

    .table-offices thead.is-stuck > tr td,
    .table-offices thead.is-stuck > tr th {
        display: flex;
        flex: 1 0
    }
}

@media screen and (max-width:47.99875em) and (orientation:portrait) {

    .table-offices thead.is-stuck > tr td:first-child,
    .table-offices thead.is-stuck > tr th:first-child {
        padding-left: 0
    }
}

@media screen and (max-width:47.99875em) and (orientation:landscape) {

    .table-offices thead.is-stuck > tr td,
    .table-offices thead.is-stuck > tr th {
        flex-basis: 15%
    }

    .table-offices thead.is-stuck > tr td:nth-child(3),
    .table-offices thead.is-stuck > tr th:nth-child(3) {
        flex-basis: 12%
    }

    .table-offices thead.is-stuck > tr td:last-child,
    .table-offices thead.is-stuck > tr th:last-child {
        flex-basis: 11%
    }
}

@media print,
screen and (max-width:47.99875em) {
    .IPhone .table-offices {
        margin: 0 !important
    }

    .IPhone .table-offices thead.is-stuck {
        margin: 0 !important;
        position: relative !important;
        transform: translateY(0) !important
    }

    .IPhone .table-offices thead.is-stuck tr {
        display: table-row
    }

    .IPhone .table-offices thead.is-stuck tr td,
    .IPhone .table-offices thead.is-stuck tr th {
        display: table-cell
    }
}

.area .button.hollow.table-btn {
    font-size: .875rem;
    margin: 0;
    padding: .375rem .5rem;
    white-space: normal
}

@media print,
screen and (max-width:47.99875em) {
    .area .button.hollow.table-btn {
        font-size: .675rem;
        margin-bottom: .375rem;
        margin-top: .375rem
    }
}

.area .button.hollow.table-top-btn {
    align-items: center;
    border-color: #fefefe;
    color: #fefefe;
    display: flex;
    font-size: .875rem;
    justify-content: center;
    margin: 0;
    min-height: 2.5rem;
    padding: .25rem .125rem;
    white-space: normal
}

@media print,
screen and (max-width:47.99875em) {
    .area .button.hollow.table-top-btn {
        font-size: .675rem;
        min-height: 3.5rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .area .button.hollow.table-top-btn {
        font-size: .8175rem
    }
}

.price-wrap {
    align-items: baseline;
    display: flex;
    font-weight: 400
}

.share-data > div > div:nth-of-type(2) {
    border-left: 1px solid #ccc
}

@media print,
screen and (max-width:47.99875em) {
    .share-data > div > div:nth-of-type(2) {
        border-left: none;
        border-top: 1px solid #ccc;
        margin-top: 1rem;
        padding-top: 1rem
    }
}

.market-cap {
    color: #004d99;
    font-size: 1.125rem
}

.share-data-price {
    color: #004d99;
    font-size: 1.5rem;
    margin-right: 1rem
}

.real-time-line {
    font-size: .875rem
}

.price-up span {
    color: #0d8234
}

.price-down span {
    color: #cc2929
}

.investors h1,
.investors h2 {
    color: #004d99;
    font-size: 1.375rem;
    line-height: 1.3;
    margin-bottom: .5rem
}

@media print,
screen and (min-width:48em) {

    .investors h1,
    .investors h2 {
        font-size: 2.25rem
    }
}

@media print,
screen and (min-width:64em) {

    .investors h1,
    .investors h2 {
        font-size: 2.375rem;
        font-weight: 300
    }
}

.investors * + h2 {
    margin-top: 2.5rem
}

.investors h3 {
    font-size: 1.25rem
}

@media print,
screen and (min-width:48em) {
    .investors h3 {
        font-size: 1.5rem
    }
}

.investors h4 {
    font-size: 1.125rem
}

@media print,
screen and (min-width:48em) {
    .investors h4 {
        font-size: 1.25rem
    }
}

.investors footer {
    border-top: 1px solid #ccc;
    margin-top: 1rem
}

.investors .side-nav .nav-toggle:before {
    margin-left: 0;
    margin-right: .5rem
}

.investors .side-nav .nav-toggle.open {
    border-radius: 8px 8px 0 0
}

.investors .side-nav nav {
    border-radius: 0 0 8px 8px
}

@media print,
screen and (min-width:48em) {

    .investors .side-nav li.selected,
    .investors .side-nav li:hover {
        border-right-color: transparent
    }

    .investors .side-nav li:hover {
        border-left-color: #82b5d9
    }

    .investors .side-nav li.selected {
        border-left-color: #004d99
    }

    .investors .side-nav li .link {
        padding-left: 0;
        padding-right: 1rem;
        transition: padding-left .2s ease-out
    }
}

@media only screen and (min-width:48em) and (hover:hover) and (pointer:fine) {
    .investors .side-nav li:hover {
        border-left-style: solid;
        border-left-width: 4px;
        border-right-style: none;
        border-right-width: 0
    }

    .investors .side-nav li:hover .link {
        padding-left: 1rem;
        padding-right: 0
    }
}

@media print,
screen and (min-width:48em) {
    .investors .side-nav li.selected {
        border-left-style: solid;
        border-left-width: 4px;
        border-right-style: none;
        border-right-width: 0
    }

    .investors .side-nav li.selected .link {
        padding-left: 1rem;
        padding-right: 0
    }
}

.investors .answer-back .icon-circle-align:before {
    content: "\edf2"
}

.subscribe-modal .responsive-embed {
    height: 100vh;
    max-height: 60vh
}

@media print,
screen and (max-width:47.99875em) {
    .subscribe-modal {
        padding: 1rem 1rem 2rem
    }

    .subscribe-modal h4 {
        font-size: 1rem
    }
}

.IPad.is-reveal-open.investors .reveal-overlay.subscribe-investis-overlay {
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto
}

.IPad.is-reveal-open.investors .subscribe-modal {
    bottom: 0;
    margin: auto;
    max-height: 80%;
    top: 0 !important
}

.IPad.is-reveal-open.investors .subscribe-modal .responsive-embed {
    -webkit-overflow-scrolling: touch;
    margin: 1rem auto;
    max-height: 80%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 0;
    position: relative
}

.IPad.is-reveal-open.investors .subscribe-modal .responsive-embed iframe {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    height: 100%;
    max-height: 80%;
    min-height: 1000px;
    position: relative;
    width: 100%
}

.IPhone.is-reveal-open.investors .subscribe-modal {
    bottom: 0;
    margin: 0;
    overflow: auto;
    top: 0 !important
}

.IPhone.is-reveal-open.investors .subscribe-modal .responsive-embed {
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto
}

@media screen and (max-width:47.99875em) and (orientation:portrait) {
    .IPhone.is-reveal-open.investors .subscribe-modal .responsive-embed {
        max-height: 65vh
    }

    .IPhone.is-reveal-open.investors .subscribe-modal .responsive-embed iframe {
        display: flex;
        height: 100%;
        max-height: none
    }
}

.constitutional-documents-modal {
    overflow: hidden;
    padding: 2.5rem 1.125rem 1rem
}

.constitutional-documents-modal .disclaimer-wrapper {
    -webkit-overflow-scrolling: touch;
    left: 0;
    max-height: 95%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 1rem;
    position: absolute
}

@media print,
screen and (max-width:47.99875em) {
    .constitutional-documents-modal {
        padding: 1.5rem 1.125rem 2rem
    }

    .constitutional-documents-modal .disclaimer-wrapper {
        max-height: 90%
    }
}

.IPhone .disclaimer-wrapper {
    max-height: 80%
}

.reveal {
    padding-top: 2.5rem
}

.reveal .close-button {
    align-items: center;
    display: flex
}

.reveal .close-button-text {
    font-size: .85rem;
    margin-left: .25rem;
    margin-right: .25rem
}

.subscribe-btn {
    border-top: 1px solid #ccc;
    margin-top: 1.25rem;
    padding-top: 1.25rem
}

.investors-info {
    font-weight: 300
}

.investors-info iframe {
    overflow: auto
}

.investors-info strong {
    font-weight: 400
}

.investors-info * + h3,
.investors-info h3:nth-of-type(n+2) {
    margin-top: 2.5rem
}

.investors-info h4:nth-of-type(n+2) {
    padding-top: .75rem
}

@media print,
screen and (max-width:47.99875em) {
    .investors-info .board-member h3 {
        margin-top: 1.25rem
    }
}

.investors-info .board-member h3 em {
    color: #004d99;
    font-size: 1rem
}

.investors-info .board-member:nth-of-type(n+2) h3 {
    margin-top: 2.5rem
}

.investors-info table {
    margin: 1rem 0
}

.investors-info table tr:first-child {
    border-color: #ccc
}

.investors-info table td,
.investors-info table th {
    text-align: left
}

@media print,
screen and (max-width:47.99875em) {

    .investors-info table td,
    .investors-info table th {
        font-size: .75rem
    }
}

.investors-info table td {
    border-left: 1px solid #ccc
}

.investors-info a.pdf {
    align-items: baseline;
    color: #004d99;
    display: inline-flex
}

@media print,
screen and (min-width:48em) {
    .investors-info a.pdf {
        font-size: .9375rem
    }
}

.investors-info a.pdf:before {
    color: #cc2929;
    content: "\eae1";
    float: left;
    font-family: icomain;
    margin-right: .5rem
}

.investors-info img {
    margin-bottom: 1rem
}

.investors-info.where-trade ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.investors-info.where-trade ul li {
    border-bottom: 1px solid #ccc;
    padding: .25rem 0
}

.investors-info.where-trade ul li:last-child {
    border: none
}

.investors-info.constitutional-documents ul,
.investors-info.investors-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.investors-info.constitutional-documents li,
.investors-info.investors-main li {
    margin-bottom: 1rem
}

.investors-info.share-capital td:nth-of-type(n+3),
.investors-info.share-capital th:nth-of-type(n+3) {
    text-align: right
}

.investors-info.share-capital tr:only-child {
    background-color: #d1d1d1
}

.investors-info.share-capital tr:only-child td {
    color: #575757
}

@media print,
screen and (max-width:47.99875em) {

    .investors-info.highlights td,
    .investors-info.highlights th {
        font-size: .675rem
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {

    .investors-info.highlights td,
    .investors-info.highlights th {
        font-size: .875rem
    }
}

.investors-info.highlights td:nth-of-type(n+2),
.investors-info.highlights th:nth-of-type(n+2) {
    text-align: center
}

.investors-info.dividends td,
.investors-info.dividends th {
    text-align: center
}

@media print,
screen and (max-width:47.99875em) {

    .investors-info.dividends td,
    .investors-info.dividends th {
        font-size: .675rem
    }
}

.investors-info.investor-contacts {
    display: flex;
    justify-content: flex-start;
    margin-top: 1rem
}

@media print,
screen and (max-width:47.99875em) {
    .investors-info.investor-contacts {
        flex-wrap: wrap;
        justify-content: center
    }
}

.investors-info.investor-contacts img {
    background: #f6f6f6
}

.investors-info.investor-contacts > div {
    flex: 1 0 auto
}

@media print,
screen and (max-width:47.99875em) {
    .investors-info.investor-contacts > div {
        flex: 1 0 auto
    }
}

.investors-info.investor-contacts > div:first-of-type {
    flex: 0 1 33.33333%;
    padding-right: 1rem
}

@media print,
screen and (max-width:47.99875em) {
    .investors-info.investor-contacts > div:first-of-type {
        flex: 1 0 50%
    }
}

.investors-info.investors-main > div:first-child img {
    margin-bottom: 0
}

.investors-info.investors-main > div:first-child .caption {
    background: #f6f6f6;
    color: #5e5e5e;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 1rem;
    padding: .375rem .5rem;
    text-align: center
}

.investors-info.investors-main > div > div {
    border-top: 1px solid #ccc;
    margin-top: 1.25rem;
    padding-top: 1.25rem
}

.investors-info.kpi .chart-container {
    height: 25rem;
    margin: 2.5rem auto 0;
    max-width: 100%;
    position: relative
}

@media print,
screen and (max-width:47.99875em) {
    .investors-info.kpi .chart-container {
        height: 18.75rem
    }
}

.investors-info.share-price .buttons-list {
    justify-content: center;
    list-style: none;
    margin: 0 0 2rem
}

.investors-info.share-price .buttons-list li {
    padding: .375rem
}

.investors-info.share-price .buttons-list li:first-of-type {
    padding-left: 0
}

.investors-info.share-price .buttons-list li:last-of-type {
    padding-right: 0
}

.investors-info.share-price .buttons-list li.active a {
    background-color: #004d99;
    color: #fff
}

.investors-info.share-price .buttons-list li a {
    align-items: center;
    display: flex;
    font-weight: 400;
    height: 100%;
    justify-content: center;
    margin: 0
}

.investors-info.share-price .buttons-list li a.button-hollow {
    margin: 0
}

@media print,
screen and (max-width:47.99875em) {
    .investors-info.share-price .buttons-list li a {
        font-size: .875rem
    }
}

@media print,
screen and (min-width:48em) {
    .investors-info.share-price .buttons-list li a {
        font-size: 1rem;
        padding: .5rem 1.25rem;
        white-space: normal
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .investors-info.share-price .buttons-list li a {
        height: 3.5rem;
        justify-content: center
    }
}

@media print,
screen and (max-width:47.99875em) {
    .investors-info.share-price .buttons-list li:nth-child(odd) {
        padding-left: 0
    }

    .investors-info.share-price .buttons-list li:nth-child(2n) {
        padding-right: 0
    }

    .investors-info.share-price .buttons-list li:last-child {
        flex-basis: 50%;
        max-width: 100%
    }

    .investors-info.share-price .buttons-list li:last-child a {
        white-space: nowrap
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .investors-info.share-price .buttons-list li:nth-child(3n+3) {
        padding-right: 0
    }

    .investors-info.share-price .buttons-list li:last-of-type {
        padding-right: .375rem
    }
}

.investors-info.share-price iframe {
    border: none;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

.investors-info.share-price iframe[data-tab-name=Summary] {
    height: 360px
}

@media only screen and (min-width:768px) and (max-width:876px) {
    .investors-info.share-price iframe[data-tab-name=Summary] {
        height: 560px
    }
}

@media only screen and (max-width:561px) {
    .investors-info.share-price iframe[data-tab-name=Summary] {
        height: 560px
    }
}

.investors-info.share-price iframe[data-tab-name=RecentTrades] {
    height: 360px
}

@media only screen and (min-width:768px) and (max-width:981px) {
    .investors-info.share-price iframe[data-tab-name=RecentTrades] {
        height: 900px
    }
}

@media only screen and (max-width:631px) {
    .investors-info.share-price iframe[data-tab-name=RecentTrades] {
        height: 900px
    }
}

.investors-info.share-price iframe[data-tab-name=Charting] {
    height: 1300px
}

@media only screen and (min-width:768px) and (max-width:816px) {
    .investors-info.share-price iframe[data-tab-name=Charting] {
        height: 1800px
    }
}

@media only screen and (max-width:521px) {
    .investors-info.share-price iframe[data-tab-name=Charting] {
        height: 1800px
    }
}

.investors-info.share-price iframe[data-tab-name=Historical] {
    height: 800px
}

@media only screen and (min-width:768px) and (max-width:1176px) {
    .investors-info.share-price iframe[data-tab-name=Historical] {
        height: 900px
    }
}

@media only screen and (max-width:400px) {
    .investors-info.share-price iframe[data-tab-name=Historical] {
        height: 900px
    }
}

.investors-info.share-price iframe[data-tab-name=Calculator] {
    height: 800px
}

@media only screen and (min-width:768px) and (max-width:914px) {
    .investors-info.share-price iframe[data-tab-name=Calculator] {
        height: 900px
    }
}

@media only screen and (max-width:580px) {
    .investors-info.share-price iframe[data-tab-name=Calculator] {
        height: 900px
    }
}

.investors-info.regulator-news iframe {
    border: none;
    display: block;
    height: 960px;
    margin: 0;
    overflow: auto;
    padding: 0;
    width: 100%
}

@media only screen and (min-width:967px) and (max-width:1079px) {
    .investors-info.regulator-news iframe {
        height: 1200px
    }
}

@media only screen and (min-width:898px) and (max-width:966px) {
    .investors-info.regulator-news iframe {
        height: 1350px
    }
}

@media only screen and (min-width:545px) and (max-width:897px) {
    .investors-info.regulator-news iframe {
        height: 1400px
    }
}

@media only screen and (min-width:700px) and (max-width:767px) {
    .investors-info.regulator-news iframe {
        height: 970px
    }
}

@media only screen and (min-width:625px) and (max-width:699px) {
    .investors-info.regulator-news iframe {
        height: 1150px
    }
}

@media only screen and (min-width:445px) and (max-width:544px) {
    .investors-info.regulator-news iframe {
        height: 1300px
    }
}

@media only screen and (min-width:320px) and (max-width:444px) {
    .investors-info.regulator-news iframe {
        height: 1800px
    }
}

.subscribe-btn {
    align-items: center;
    display: flex;
    flex-direction: column
}

.subscribe-btn .button {
    margin-right: 0 !important;
    white-space: normal
}

.subscribe-btn .subscribe-comment {
    font-size: .875rem;
    margin-top: .25rem
}

.investors-admission .denied {
    color: #cc2929
}

.investors tr.row-border {
    border-top: 1px solid #5e5e5e
}

.investors tr.row-border-bottom:last-child {
    border-bottom: 1px solid #5e5e5e
}

.investors tr.row-color {
    background: #d1d1d1
}

.spreedly-inner {
    padding: 1rem
}

.spreedly-inner h1 {
    margin-top: .5rem
}

.spreedly-inner .area.main-section {
    padding: 0
}

@media print,
screen and (min-width:48em) {
    .top-content p {
        font-size: 1.25rem
    }
}

.top-content + section.content .columns:first-child {
    order: 1
}

.top-content + section.content .columns:last-child {
    order: 2
}

.table-landing .button.hollow {
    margin: .125rem !important;
    padding: .25rem .5rem;
    width: 100%
}

@media print,
screen and (max-width:47.99875em) {
    .table-landing .button.hollow {
        margin: .125rem 0 !important;
        padding: .25rem;
        white-space: normal
    }
}

.table-landing th {
    background-color: #004d99
}

.table-landing th:first-child {
    text-align: left
}

.table-landing th:last-child {
    text-align: right
}

@media print,
screen and (max-width:47.99875em) {
    .table-landing th {
        font-size: .875rem
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .table-landing th.rate-change.show-for-medium {
        max-width: 6rem
    }
}

@media print,
screen and (min-width:64em) {
    .table-landing th.rate-change.show-for-medium {
        text-align: right
    }
}

.table-landing td {
    font-size: .875rem;
    text-align: left
}

@media print,
screen and (max-width:47.99875em) {
    .table-landing td {
        font-size: .75rem
    }
}

.table-landing td:nth-child(2n) {
    text-align: center
}

.table-landing td:nth-child(2n):last-child {
    text-align: right
}

.table-landing td.rate-change {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

@media print,
screen and (min-width:48em) {
    .table-landing td.rate-change {
        min-width: 4rem
    }
}

.table-landing td a.button.hollow,
.table-landing td span {
    font-size: .875rem
}

@media print,
screen and (max-width:47.99875em) {

    .table-landing td a.button.hollow,
    .table-landing td span {
        font-size: .75rem
    }
}

.table-landing td,
.table-landing th {
    padding-bottom: .375rem;
    padding-top: .375rem
}

@media print,
screen and (max-width:47.99875em) {

    .table-landing td,
    .table-landing th {
        padding-left: .25rem;
        padding-right: 0
    }

    .table-landing td:last-child,
    .table-landing th:last-child {
        padding-left: .125rem;
        padding-right: .25rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .landingpage .side-buttons {
        display: none;
        visibility: hidden
    }
}

.title-uk span {
    font-size: 1.5rem
}

@media print,
screen and (max-width:47.99875em) {
    .title-uk span {
        font-size: 1rem
    }
}

.title-uk + div {
    margin: 1rem
}

.line-1,
.line-2 {
    align-items: center;
    display: flex;
    justify-content: center
}

.line-1 span,
.line-2 span {
    display: inline-block;
    height: .5rem
}

.line-1 span:nth-child(2),
.line-2 span:nth-child(2) {
    width: 20%
}

.line-1 span:nth-child(2) {
    background: #0d289b
}

.line-1 span.before {
    border-left: .5rem solid transparent;
    border-top: .5rem solid #0d289b
}

.line-1 span.after {
    border-right: .5rem solid transparent;
    border-top: .5rem solid #0d289b
}

.line-1.corbyn span:nth-child(2) {
    background: #f22121
}

.line-1.corbyn span.before {
    border-left: .5rem solid transparent;
    border-top: .5rem solid #f22121
}

.line-1.corbyn span.after {
    border-right: .5rem solid transparent;
    border-top: .5rem solid #f22121
}

.line-2 span:nth-child(2) {
    background: #08c
}

.line-2 span.before {
    border-bottom: .5rem solid #08c;
    border-left: .5rem solid transparent
}

.line-2 span.after {
    border-bottom: .5rem solid #08c;
    border-right: .5rem solid transparent
}

.line-2.corbyn span:nth-child(2) {
    background: #ffd9d9
}

.line-2.corbyn span.before {
    border-bottom: .5rem solid #ffd9d9;
    border-left: .5rem solid transparent
}

.line-2.corbyn span.after {
    border-bottom: .5rem solid #ffd9d9;
    border-right: .5rem solid transparent
}

@media print,
screen and (max-width:47.99875em) {

    .colored-cnbs h1,
    .colored-cn h1,
    .colored-uk-post h1,
    .colored-uk h1 {
        font-size: 1.375rem
    }

    .colored-cnbs h2,
    .colored-cn h2,
    .colored-uk-post h2,
    .colored-uk h2 {
        font-size: .875rem
    }

    .colored-cnbs ~ .support-area .side-buttons,
    .colored-cn ~ .support-area .side-buttons,
    .colored-uk-post ~ .support-area .side-buttons,
    .colored-uk ~ .support-area .side-buttons {
        margin-bottom: 4.5rem
    }

    .colored-cn + .inner .inner-sections > .area:first-of-type .row,
    .colored-cnbs + .inner .inner-sections > .area:first-of-type .row,
    .colored-uk + .inner .inner-sections > .area:first-of-type .row,
    .colored-uk-post + .inner .inner-sections > .area:first-of-type .row {
        align-items: center
    }
}

.colored-cn.main-section ul li {
    font-size: 1.25rem;
    font-weight: 300
}

.colored-cn.main-section ul li:before {
    color: #fefefe;
    font-weight: 300
}

@media print,
screen and (max-width:47.99875em) {

    .area.main-section.inner-cashier,
    .area.main-section.is-inapp {
        margin-top: 0
    }

    .area.main-section.inner-cashier.content .columns:first-child,
    .area.main-section.is-inapp.content .columns:first-child {
        margin-top: 0
    }
}

.strip-forex .stock-ticker {
    border-bottom: 1px solid #ccc;
    border-bottom: 0 solid #ccc;
    border-top: 1px solid #ccc;
    border-top: 0 solid #ccc;
    margin-bottom: 1rem;
    margin-bottom: 0;
    margin-top: 1rem;
    margin-top: 0;
    overflow: hidden;
    padding-bottom: 2rem;
    padding-top: 2rem
}

.strip-forex .stock-ticker iframe {
    height: 38px;
    width: 100%
}

.inner-sections .info-group-colored .icon:before {
    color: #e0bb00
}

.inner-sections .info-group-colored .icon + div {
    margin-left: 1rem
}

.inner-sections .info-group-colored .icon + div p {
    margin-left: 0
}

.inner-sections .info-group-colored.info-group > div {
    margin-top: 2.5rem
}

.inner-sections .info-group-mono .icon:before {
    color: #004d99;
    font-size: 2rem
}

.inner-sections .info-group-mono .icon + div {
    margin-left: 1rem
}

.inner-sections .info-group-mono .icon + div p {
    margin-left: 0
}

.inner-sections .info-group-mono.info-group > div {
    margin-top: 2.5rem
}

.inner-sections .info-group-mono h5 {
    color: #5e5e5e;
    font-size: 1.125rem;
    font-weight: 500
}

@media print,
screen and (min-width:48em) {
    .inner-sections .info-group-mono h5 {
        font-weight: 400
    }
}

.inner-sections .platforms-section {
    background-image: url(../Images/devices-pc.png), url(../Images/devices-phones-mobile.png), url(../Images/devices-screen.png);
    background-position: left 1rem bottom -1rem, center bottom -1rem, right 2rem bottom -1rem;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 35%, 20%, 25%;
    min-height: 15rem;
    padding-bottom: 12.5rem
}

@media print,
screen and (max-width:47.99875em) {
    .inner-sections .platforms-section a {
        padding-left: .875rem;
        padding-right: .875rem
    }
}

@media print,
screen and (min-width:48em) {
    .inner-sections .platforms-section {
        background-position: left 2rem bottom -4rem, center bottom -4rem, right 3rem bottom -4rem;
        background-size: 35%, 16.66667%, 25%;
        min-height: 24rem;
        padding-bottom: 0
    }
}

@media screen and (min-width:80em) {
    .inner-sections .platforms-section {
        background-position: left 3rem bottom -4rem, center bottom -4rem, right 3rem bottom -4rem;
        background-size: 30%, 16.66667%, 20%
    }
}

@media screen and (min-width:90em) {
    .inner-sections .platforms-section {
        background-position: left 3rem bottom -4rem, center bottom -4.5rem, right 3rem bottom -3.5rem;
        background-size: contain, 14.28571%, contain
    }
}

.singapore-lp .page-sections .callout.sg-rw {
    padding: 1rem 1rem .3125rem
}

.singapore-lp .inner-sections .round-box {
    background: #004d99;
    border-radius: 20px;
    color: #fff;
    display: block;
    font-size: 1.25rem;
    min-height: 40px;
    min-width: 40px;
    padding: .3125rem 0 0;
    text-align: center
}

.singapore-lp .inner-sections .round-box.round-red {
    background: #b5201a
}

.singapore-lp .inner-sections .round-box.round-gray {
    background: #ccc
}

@media print,
screen and (min-width:48em) {
    .singapore-lp .inner-sections .round-box {
        border-radius: 30px;
        font-size: 1.75rem;
        height: 60px;
        margin: 0 auto .5rem;
        padding: .5625rem 0 0;
        width: 60px
    }
}

.investors-info .singapore-lp .inner-sections table th,
.singapore-lp .inner-sections .investors-info table th,
.singapore-lp .inner-sections .table-bonus th {
    background: #b5201a
}

.investors-info .singapore-lp .inner-sections table tr:first-child,
.singapore-lp .inner-sections .investors-info table tr:first-child,
.singapore-lp .inner-sections .table-bonus tr:first-child {
    border-color: #b5201a
}

.singapore-lp .inner-sections .info-group .icon:before {
    font-size: 6rem
}

.singapore-lp .inner-sections .info-group .icon.icon-certificate {
    padding: 1rem 0 1.5625rem
}

.singapore-lp .inner-sections .info-group .icon.icon-certificate:before {
    font-size: 4.5rem
}

@media print,
screen and (max-width:47.99875em) {

    .singapore-lp .inner-sections .info-group > div h5,
    .singapore-lp .inner-sections .info-group > div p {
        margin: 0 1rem
    }
}

.islamic-lp .callout.landing-inst {
    padding: 2rem 1rem 0
}

@media print,
screen and (max-width:47.99875em) {
    .islamic-lp .callout.landing-inst {
        padding: 0
    }
}

@media print,
screen and (max-width:47.99875em) {
    .islamic-lp .callout.landing-inst .row > div {
        padding: 2rem 1rem 0
    }
}

.islamic-lp .callout.landing-inst .row > div ul {
    font-size: 1.25rem;
    font-weight: 300;
    list-style-type: none;
    padding: 1rem 0
}

@media print,
screen and (max-width:47.99875em) {
    .islamic-lp .callout.landing-inst .row > div ul {
        font-size: 1rem;
        margin-left: 0
    }
}

.islamic-lp .callout.landing-inst .row > div ul li {
    padding-left: 1rem
}

.islamic-lp .callout.landing-inst .row > div ul li:before {
    content: "*";
    margin-left: -1rem;
    position: absolute
}

.islamic-lp .callout.landing-inst .row > div + div {
    background-image: url(../Images/islamic_account_main_section.png);
    background-position: 80% bottom;
    background-repeat: no-repeat;
    background-size: auto 108%;
    height: 22rem
}

@media print,
screen and (min-width:48em) {
    .islamic-lp .callout.landing-inst .row > div + div {
        background-position: bottom
    }
}

@media print,
screen and (min-width:64em) {
    .islamic-lp .callout.landing-inst .row > div + div {
        background-size: 108%
    }
}

.islamic-lp .inner-main h3 {
    margin-bottom: 2rem
}

.islamic-lp .inner-main p {
    font-size: 1.25rem
}

@media print,
screen and (max-width:47.99875em) {
    .islamic-lp .inner-main p {
        font-size: 1rem;
        font-weight: 300
    }
}

.islamic-lp .inner-main .icon-IslamicSquareFull {
    display: inline-block;
    margin-bottom: 1.5rem;
    position: relative
}

.islamic-lp .inner-main .icon-IslamicSquareFull:before {
    color: #d1d1d1;
    font-size: 5rem
}

.islamic-lp .inner-main .icon-IslamicSquareFull span {
    color: #fff;
    font-family: Roboto, Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    left: 2rem;
    position: absolute;
    top: 1.8125rem
}

.islamic-lp .inner-main .button {
    background-color: #167f0c
}

.lang-bg .side-buttons a.button,
.lang-da .side-buttons a.button,
.lang-el .side-buttons a.button,
.lang-it .side-buttons a.button,
.lang-no .side-buttons a.button,
.lang-ru .side-buttons a.button,
.lang-sv .side-buttons a.button,
.side-lang {
    width: 4rem
}

.lang-nl .side-buttons a.button,
.side-lang2 {
    width: 4.5rem
}

.lang-et .side-buttons a.button,
.lang-hu .side-buttons a.button,
.side-lang3 {
    width: 4.825rem
}

.lang-bg .side-buttons a.button span:not(.icon),
.lang-da .side-buttons a.button span:not(.icon),
.lang-el .side-buttons a.button span:not(.icon),
.lang-et .side-buttons a.button span:not(.icon),
.lang-hu .side-buttons a.button span:not(.icon),
.lang-nl .side-buttons a.button span:not(.icon),
.lang-no .side-buttons a.button span:not(.icon),
.lang-ru .side-buttons a.button span:not(.icon),
.lang-sv .side-buttons a.button span:not(.icon),
.side-icon {
    font-size: .625rem
}

.country-cn.home .area.main-china {
    max-height: none;
    min-height: 0
}

.country-cn.home .main-content .start-trading a.link {
    color: #fefefe
}

.country-cn .logo a {
    max-width: 12rem
}

@media print,
screen and (min-width:48em) {
    .country-cn .logo a {
        max-width: 15rem
    }
}

.country-cn .logo a svg {
    max-width: 100%
}

.country-cn .error-search {
    color: #0d8234
}

.country-cn .area .instrument-button .button-buy:hover {
    background: #cc2929
}

.country-cn .area .instrument-button .button-sell:hover {
    background: #0e8a37
}

.country-cn .inst-up,
.country-cn .inst-up span {
    color: #cc2929
}

.country-cn .inst-down,
.country-cn .inst-down span {
    color: #0d8234
}

.country-cn .price-up span {
    color: #cc2929
}

.country-cn .price-down span {
    color: #0d8234
}

.country-cn .client-sentiment .meter {
    background: #0e8a37
}

.country-cn .client-sentiment .meter span {
    background: #cc2929
}

.country-cn .client-sentiment .percentage strong,
.country-cn .client-sentiment .percentage strong span {
    color: #cc2929
}

.country-cn .client-sentiment .percentage strong:last-child {
    color: #0d8234
}

.country-cn .client-sentiment .percentage strong:last-child span {
    color: #0d8234
}

.country-cn [data-is-majority-buyers=true] span.current,
.country-cn [data-is-majority-buyers=true] strong {
    color: #cc2929
}

.country-cn [data-is-majority-buyers=true] .meter {
    background: #0e8a37
}

.country-cn [data-is-majority-buyers=true] .meter span {
    background: #cc2929
}

.country-cn .feeds-wrap table tr.redChange td.change span,
.country-cn .feeds-wrap table tr.red td span,
.country-cn .investors-admission .denied {
    color: #0d8234
}

.country-cn .feeds-wrap table tr.greenChange td.change span,
.country-cn .feeds-wrap table tr.green td span {
    color: #cc2929
}

.country-cn .tools-img ~ ul li:before {
    color: #cc2929
}

.country-ae.home .area.main-islamic,
.country-bh.home .area.main-islamic,
.country-kw.home .area.main-islamic,
.country-om.home .area.main-islamic,
.country-qa.home .area.main-islamic,
.country-sa.home .area.main-islamic {
    max-height: none;
    min-height: 0
}

.regulator-isa .event-box .event-head-line .event-time .event-imp,
.regulator-isa .events-impact-filter {
    display: none !important
}

.regulator-isa .event-box .event-head-line .event-numbers .event-head:nth-child(2) {
    display: none !important
}

.regulator-isa .event-box .event-row .event-time .event-imp {
    display: none !important
}

.regulator-isa .event-box .event-row .event-numbers > span:nth-child(2) {
    display: none !important
}

@media print,
screen and (max-width:47.99875em) {
    .regulator-isa .event-box .event-row .event-numbers > span:first-child {
        margin-right: .5rem
    }
}

@media print,
screen and (min-width:48em) {
    .regulator-isa .ec-section .event-box .event-time {
        flex: 0 1 10%
    }

    .regulator-isa .ec-section .event-box .event-title {
        flex: 0 1 50%
    }

    .regulator-isa .ec-section .event-box .event-instrument {
        flex: 0 1 15%
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .regulator-isa .ec-section .event-box .event-time {
        flex: 0 1 5%
    }
}

@media print,
screen and (min-width:48em) {
    .regulator-isa .financial-box .event-box .event-numbers > span:first-child {
        margin-right: 1rem
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .regulator-isa .financial-box .event-box .event-numbers {
        flex-basis: 100%;
        margin-bottom: .5rem
    }
}

@media print,
screen and (min-width:48em) {
    .regulator-isa .ec-section .corporate-events-table .event-time {
        flex: 1 0
    }

    .regulator-isa .ec-section .corporate-events-table .event-instrument {
        flex-basis: 20%
    }
}

.regulator-isa .instruments-table > tbody > tr:nth-child(4n),
.regulator-isa .instruments-table > tbody > tr:nth-child(4n-1) {
    background-color: #f1f1f1
}

.regulator-isa .instruments-table > tbody > tr:nth-child(4n-2),
.regulator-isa .instruments-table > tbody > tr:nth-child(4n-3) {
    background-color: #fefefe
}

.regulator-isa .instruments-table > tbody > tr:not(:nth-child(4n-2)):not(:nth-child(4n)):hover {
    background-color: #e3ebfc
}

.regulator-isa .instruments-table > tbody > tr:not(:nth-child(4n-2)):not(:nth-child(4n)):hover + tr {
    background-color: #e3ebfc
}

@media print,
screen and (max-width:47.99875em) {
    .regulator-isa.lang-ru .instruments-table .details .button {
        min-width: 12rem
    }
}

@media screen and (max-width:47.99875em) and (max-width:30rem) {
    .regulator-isa.lang-ru .instruments-table .details .button {
        min-width: 0
    }
}

.lang-ar .reveal-page,
.lang-he .reveal-page {
    direction: rtl
}

.lang-ar .timer-wrap .timer-numbers,
.lang-he .timer-wrap .timer-numbers {
    flex-flow: row-reverse
}

.lang-ar table tfoot td,
.lang-ar table tfoot th,
.lang-ar table thead td,
.lang-ar table thead th,
.lang-he table tfoot td,
.lang-he table tfoot th,
.lang-he table thead td,
.lang-he table thead th {
    text-align: right
}

.lang-ar .area .button:first-letter,
.lang-he .area .button:first-letter {
    text-transform: none
}

.lang-ar .isolate-rtl,
.lang-he .isolate-rtl {
    direction: ltr;
    display: inline-block
}

.lang-ar .unicode-rt,
.lang-he .unicode-rt {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.lang-ar .main-menu li.back-link a:before,
.lang-he .main-menu li.back-link a:before {
    transform: rotate(180deg)
}

@media print,
screen and (max-width:47.99875em) {

    .lang-ar .main-menu li a span + i,
    .lang-he .main-menu li a span + i {
        transform: rotate(90deg)
    }
}

.lang-ar .main-header .main-menu li.link-product-cfd a,
.lang-ar .main-header .main-menu li.link-product-invest a,
.lang-he .main-header .main-menu li.link-product-cfd a,
.lang-he .main-header .main-menu li.link-product-invest a {
    font-weight: 600
}

.lang-ar .investors h1,
.lang-ar .investors h2,
.lang-he .investors h1,
.lang-he .investors h2 {
    font-size: 1.375rem
}

@media print,
screen and (min-width:48em) {

    .lang-ar .investors h1,
    .lang-ar .investors h2,
    .lang-he .investors h1,
    .lang-he .investors h2 {
        font-size: 2.25rem
    }
}

@media print,
screen and (min-width:64em) {

    .lang-ar .investors h1,
    .lang-ar .investors h2,
    .lang-he .investors h1,
    .lang-he .investors h2 {
        font-size: 2.375rem;
        font-weight: 300
    }
}

.lang-ar .investors * + h2,
.lang-he .investors * + h2 {
    margin-top: 2.5rem
}

.lang-ar .investors h3,
.lang-he .investors h3 {
    font-size: 1.25rem
}

@media print,
screen and (min-width:48em) {

    .lang-ar .investors h3,
    .lang-he .investors h3 {
        font-size: 1.5rem
    }
}

.lang-ar .investors h4,
.lang-he .investors h4 {
    font-size: 1.125rem
}

@media print,
screen and (min-width:48em) {

    .lang-ar .investors h4,
    .lang-he .investors h4 {
        font-size: 1.25rem
    }
}

@media screen and (min-width:80em) and (max-width:89.99875em) {

    .lang-ar .main-section.pro-campaign,
    .lang-he .main-section.pro-campaign {
        background-position: center right -10%
    }
}

@media screen and (min-device-width:768px) and (max-device-width:1024px) {

    .lang-ar .main-anim.home-anim,
    .lang-he .main-anim.home-anim {
        background: url(../Images/sprite_tinified_solo_rtl.png) no-repeat 0 0;
        background-size: contain
    }

    .lang-ar img.currency-icon.move,
    .lang-he img.currency-icon.move {
        -webkit-animation-delay: 1.5s;
        animation-delay: 1.5s
    }

    .lang-ar img.flag.move,
    .lang-he img.flag.move {
        -webkit-animation-delay: 1.75s;
        animation-delay: 1.75s
    }
}

@media print,
screen and (min-width:48em) {

    .lang-ar img.flag.move,
    .lang-he img.flag.move {
        -webkit-animation-delay: 1.75s;
        animation-delay: 1.75s;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-name: bounce-flag-rtl;
        animation-name: bounce-flag-rtl;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
}

@-webkit-keyframes bounce-flag-rtl {
    0% {
        transform: translate(.5rem)
    }

    80% {
        transform: translate(.5rem, -19.125rem)
    }

    90% {
        transform: translate(.5rem, -18.875rem)
    }

    to {
        transform: translate(.5rem, -19rem)
    }
}

@keyframes bounce-flag-rtl {
    0% {
        transform: translate(.5rem)
    }

    80% {
        transform: translate(.5rem, -19.125rem)
    }

    90% {
        transform: translate(.5rem, -18.875rem)
    }

    to {
        transform: translate(.5rem, -19rem)
    }
}

@media print,
screen and (min-width:48em) {

    .lang-ar .main-image-uk img.currency-icon.move,
    .lang-ar .main-sg-seminar img.currency-icon.move,
    .lang-he .main-image-uk img.currency-icon.move,
    .lang-he .main-sg-seminar img.currency-icon.move {
        -webkit-animation-delay: .5s;
        animation-delay: .5s
    }

    .lang-ar .main-image-uk img.flag.move,
    .lang-ar .main-sg-seminar img.flag.move,
    .lang-he .main-image-uk img.flag.move,
    .lang-he .main-sg-seminar img.flag.move {
        -webkit-animation-delay: .75s;
        animation-delay: .75s
    }

    .lang-ar .main-anim,
    .lang-he .main-anim {
        background-image: url(../Images/sprite_tinified_rtl.png);
        background-size: 31.875rem auto;
        opacity: 0
    }
}

@media print,
screen and (min-width:48em) {
    @-webkit-keyframes hero-anim {
        0% {
            background-position: right 560px
        }

        10% {
            opacity: 1
        }

        to {
            background-position: 100% 100%;
            opacity: 1
        }
    }

    @keyframes hero-anim {
        0% {
            background-position: right 560px
        }

        10% {
            opacity: 1
        }

        to {
            background-position: 100% 100%;
            opacity: 1
        }
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-ar .main-anim,
    .lang-he .main-anim {
        background-size: 30rem auto
    }
}

.lang-ar .side-section a span,
.lang-he .side-section a span {
    float: right
}

.lang-ar .all-instruments h3 a,
.lang-he .all-instruments h3 a {
    direction: ltr
}

.lang-ar .all-instruments h3 a:before,
.lang-he .all-instruments h3 a:before {
    content: "\edc6";
    float: right
}

.lang-ar .all-instruments h3 a.open:before,
.lang-he .all-instruments h3 a.open:before {
    content: "\edc2"
}

.lang-ar .articles-section ul li h5:before,
.lang-he .articles-section ul li h5:before {
    content: "\edc6";
    float: right
}

.lang-ar .instrumentType a:before,
.lang-he .instrumentType a:before {
    content: "\edc6"
}

@media print,
screen and (max-width:47.99875em) {

    .lang-ar.Win81 #livechat-full,
    .lang-ar.WinPhone #livechat-full,
    .lang-ar.WinRT #livechat-full,
    .lang-he.Win81 #livechat-full,
    .lang-he.WinPhone #livechat-full,
    .lang-he.WinRT #livechat-full {
        left: auto !important;
        right: -9999em !important
    }
}

.lang-ar.modern-slavery-statement .main-section,
.lang-he.modern-slavery-statement .main-section {
    direction: ltr
}

.lang-ar.modern-slavery-statement .main-section *,
.lang-he.modern-slavery-statement .main-section * {
    font-family: Roboto, Tajawal, Rubik, apple-system, -system-ui, Tahoma, Arial, sans-serif
}

.lang-ar.investors .main-section,
.lang-he.investors .main-section {
    direction: ltr
}

.lang-ar.investors .main-section *,
.lang-he.investors .main-section * {
    font-family: Roboto, Tajawal, Rubik, apple-system, -system-ui, Tahoma, Arial, sans-serif
}

.lang-ar .feeds-tab table td.buy span,
.lang-ar .feeds-tab table td.change span,
.lang-ar .feeds-tab table td.sell span,
.lang-ar .table-landing td.buy-rate span,
.lang-ar .table-landing td.rate-change span,
.lang-ar .table-landing td.sell-rate span,
.lang-he .feeds-tab table td.buy span,
.lang-he .feeds-tab table td.change span,
.lang-he .feeds-tab table td.sell span,
.lang-he .table-landing td.buy-rate span,
.lang-he .table-landing td.rate-change span,
.lang-he .table-landing td.sell-rate span {
    direction: ltr;
    unicode-bidi: embed
}

.lang-ar .instrument-data tr:nth-child(-n+4) td span.inst-num,
.lang-he .instrument-data tr:nth-child(-n+4) td span.inst-num {
    direction: ltr;
    unicode-bidi: embed
}

.lang-ar .inst-change span:first-child,
.lang-he .inst-change span:first-child {
    direction: ltr;
    unicode-bidi: embed
}

.lang-ar .area .instrument-button .button strong,
.lang-ar .inst-details p strong,
.lang-ar .inst-rate,
.lang-he .area .instrument-button .button strong,
.lang-he .inst-details p strong,
.lang-he .inst-rate {
    direction: ltr;
    unicode-bidi: embed
}

.lang-ar .instrument-data td.expiryDate span:last-of-type,
.lang-he .instrument-data td.expiryDate span:last-of-type {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.lang-ar .event-numbers,
.lang-he .event-numbers {
    text-align: right
}

.lang-ar .event-table-box .event-title span,
.lang-he .event-table-box .event-title span {
    direction: ltr;
    text-align: right;
    unicode-bidi: embed
}

.lang-ar .event-link-box .icon-circle-right3:before,
.lang-he .event-link-box .icon-circle-right3:before {
    content: "\edf2"
}

.lang-ar th.next:before,
.lang-he th.next:before {
    content: "\edc6"
}

.lang-ar th.prev:before,
.lang-he th.prev:before {
    content: "\edbe"
}

.lang-ar .tooltip,
.lang-he .tooltip {
    text-align: right
}

@media print,
screen and (min-width:48em) {

    .lang-ar .list-no-fees ul li:first-child:after,
    .lang-he .list-no-fees ul li:first-child:after {
        content: "\ea3b"
    }

    .lang-ar .list-no-fees ul li:nth-child(3):after,
    .lang-he .list-no-fees ul li:nth-child(3):after {
        content: "\ea3c"
    }

    .lang-ar .list-no-fees ul li:nth-child(5):after,
    .lang-he .list-no-fees ul li:nth-child(5):after {
        content: "\ea3d"
    }

    .lang-ar .list-no-fees ul li:nth-child(n+2):nth-child(2n):before,
    .lang-he .list-no-fees ul li:nth-child(n+2):nth-child(2n):before {
        font-family: icomain
    }

    .lang-ar .list-no-fees ul li:nth-child(2):before,
    .lang-he .list-no-fees ul li:nth-child(2):before {
        content: "\ea39"
    }

    .lang-ar .list-no-fees ul li:nth-child(4):before,
    .lang-he .list-no-fees ul li:nth-child(4):before {
        content: "\ea40"
    }

    .lang-ar .list-no-fees ul li:nth-child(6):before,
    .lang-he .list-no-fees ul li:nth-child(6):before {
        content: "\ea3f"
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-ar .list-no-fees ul li:before,
    .lang-he .list-no-fees ul li:before {
        content: "\ea40";
        font-family: icomain
    }
}

.lang-ar .close-button,
.lang-ar .close-button.medium,
.lang-he .close-button,
.lang-he .close-button.medium {
    direction: ltr;
    left: auto;
    right: 1rem
}

.lang-ar .close-button.force-ltr,
.lang-ar .close-button.medium.force-ltr,
.lang-he .close-button.force-ltr,
.lang-he .close-button.medium.force-ltr {
    direction: rtl;
    left: 1rem;
    right: auto
}

@media print,
screen and (max-width:47.99875em) {

    .lang-ar .ec-section .corporate-events-table .event-expanded-details .event-title span:first-child,
    .lang-he .ec-section .corporate-events-table .event-expanded-details .event-title span:first-child {
        direction: rtl
    }
}

.lang-ar .bonus-modal,
.lang-he .bonus-modal {
    direction: rtl
}

.lang-ar .holiday-toggle .icon-arrow-right4:before,
.lang-he .holiday-toggle .icon-arrow-right4:before {
    content: "\edc6"
}

.lang-ar .quotes p:not(.name),
.lang-he .quotes p:not(.name) {
    font-size: 1rem
}

.lang-ar .quotes p.name span,
.lang-he .quotes p.name span {
    font-weight: 700
}

.lang-ar .video-gallery .slick-prev:before,
.lang-he .video-gallery .slick-prev:before {
    content: "\edbe"
}

.lang-ar .video-gallery .slick-next:before,
.lang-he .video-gallery .slick-next:before {
    content: "\edc6"
}

.lang-ar .slick-next,
.lang-he .slick-next {
    left: 1rem
}

.lang-ar .slick-prev,
.lang-he .slick-prev {
    left: 4rem;
    right: auto
}

.lang-he .blue-strip .button-start-box h4,
.lang-he .white-strip .area.colored h4 {
    font-weight: 400
}

.lang-he.home h1,
.lang-he.home h3 {
    font-size: 1.375rem
}

@media print,
screen and (min-width:48em) {

    .lang-he.home h1,
    .lang-he.home h3 {
        font-size: 2rem
    }
}

@media print,
screen and (min-width:64em) {

    .lang-he.home h1,
    .lang-he.home h3 {
        font-size: 2.125rem
    }
}

.lang-he.home .colored-islamic h1,
.lang-he.home .colored-islamic h3 {
    font-size: 1.5625rem
}

.lang-he:not(.investors) h2 {
    font-size: 1.125rem
}

.lang-he:not(.investors) h4 {
    font-size: 1.875rem
}

@media print,
screen and (max-width:47.99875em) {
    .lang-he:not(.investors) h4 {
        font-size: 1.375rem
    }
}

@media print,
screen and (min-width:64em) {
    .lang-he:not(.investors) h4 {
        font-size: 1.5rem
    }
}

.lang-he .home ol,
.lang-he .home p,
.lang-he .home ul {
    font-size: 1.125rem
}

@media print,
screen and (max-width:47.99875em) {

    .lang-he .home ol,
    .lang-he .home p,
    .lang-he .home ul {
        font-size: 1rem
    }
}

.lang-he .inner h1 {
    font-size: 1.5rem
}

@media print,
screen and (min-width:48em) {
    .lang-he .inner h1 {
        font-size: 2.125rem
    }
}

.lang-he .inner > :not(.content-faq) h3 {
    font-size: 1.375rem
}

.lang-he .area.content h1,
.lang-he .area.content h3 {
    font-size: 1.75rem;
    line-height: 1.3
}

@media print,
screen and (min-width:48em) {

    .lang-he .area.content h1,
    .lang-he .area.content h3 {
        font-size: 2rem
    }
}

@media print,
screen and (min-width:64em) {

    .lang-he .area.content h1,
    .lang-he .area.content h3 {
        font-size: 2.125rem;
        font-weight: 300
    }
}

.lang-he .area.content .accordion-section h3 {
    font-size: 1.25rem;
    font-weight: 400
}

.lang-he .area.content .accordion-content * {
    font-weight: 400
}

.lang-he .area.content .accordion-content b,
.lang-he .area.content .accordion-content strong {
    font-weight: 700
}

.lang-he .area.content h2 {
    font-size: 1.25rem
}

.lang-he .area.content h4 {
    font-size: 1.25rem;
    font-weight: 400
}

@media print,
screen and (min-width:48em) {
    .lang-he .area.content h4 {
        font-size: 1.625rem;
        font-weight: 300
    }
}

@media print,
screen and (min-width:64em) {
    .lang-he .area.content h4 {
        font-size: 1.375rem;
        font-weight: 300
    }
}

.lang-he .all-instruments h3 {
    font-size: 1rem
}

@media print,
screen and (max-width:47.99875em) {

    .lang-he .colored-cn h1,
    .lang-he .colored-uk-post h1,
    .lang-he .colored-uk h1 {
        font-size: 1.125rem
    }

    .lang-he .colored-cn h2,
    .lang-he .colored-uk-post h2,
    .lang-he .colored-uk h2 {
        font-size: .75rem
    }
}

.lang-he .about-item .icon {
    padding-top: 0
}

@media print,
screen and (max-width:63.99875em) {
    .lang-he .event-table-box .event-instrument {
        align-items: flex-start
    }
}

.lang-he.invest-hp .inner:not(.content-faq) .inner-sections header h3 {
    font-size: .875rem
}

@media print,
screen and (min-width:48em) {
    .lang-he.invest-hp .inner:not(.content-faq) .inner-sections header h3 {
        font-size: 1.25rem
    }
}

@media print,
screen and (min-width:64em) {
    .lang-he.invest-hp .inner:not(.content-faq) .inner-sections header h3 {
        font-size: 1.375rem
    }
}

.lang-he.invest-fees-charges .other-fees-section .accordion-title h3 {
    font-size: 1.125rem
}

@media print,
screen and (min-width:48em) {
    .lang-he.invest-fees-charges .other-fees-section .accordion-title h3 {
        font-size: 1.25rem
    }
}

.lang-he.invest-fees-charges .other-fees-section h4 {
    font-size: 1rem
}

@media print,
screen and (min-width:48em) {
    .lang-he.invest-fees-charges .other-fees-section h4 {
        font-size: 1.25rem
    }
}

.lang-ar .blue-strip .button-start-box h4,
.lang-ar .white-strip .area.colored h4 {
    font-weight: 400
}

.lang-ar .jump-list li a.button {
    display: flex;
    height: 5.25rem;
    justify-content: center;
    white-space: normal
}

@media print,
screen and (min-width:48em) {
    .lang-ar .cookie-banner .button.cookie-button {
        display: inline-flex;
        font-size: 1.0625rem
    }
}

.lang-bg .jump-list li a.button {
    display: flex;
    height: 5.25rem;
    justify-content: center;
    white-space: normal
}

@media print,
screen and (max-width:47.99875em) {
    .lang-bg .cookie-banner {
        padding: .5rem 0
    }

    .lang-bg .cookie-banner p {
        font-size: .75rem
    }
}

.lang-bg.home h1,
.lang-bg.home h3 {
    font-size: 1.25rem
}

@media print,
screen and (min-width:48em) {

    .lang-bg.home h1,
    .lang-bg.home h3 {
        font-size: 2rem
    }
}

@media print,
screen and (min-width:64em) {

    .lang-bg.home h1,
    .lang-bg.home h3 {
        font-size: 2.125rem
    }
}

.lang-bg.home .colored-islamic h1,
.lang-bg.home .colored-islamic h3 {
    font-size: 1.75rem
}

@media print,
screen and (max-width:47.99875em) {
    .lang-bg .faq-input-search input {
        font-size: .75rem;
        padding-left: .25rem;
        padding-right: .25rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .lang-bg .faq-input-search input {
        font-size: 1rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-bg .faq-search.inner-main.main-section {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .lang-bg .faq-search .faq-input-search input {
        font-size: .75rem;
        padding: .75rem .25rem
    }

    .lang-bg .instrument-data td,
    .lang-bg .instrument-data th {
        font-size: .625em;
        padding-left: .25rem;
        padding-right: .125rem
    }
}

.lang-bg .event-table-box .event-table .event-alert {
    font-size: .75rem;
    max-width: 5rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-bg .event-table-box .event-table .event-alert {
        font-size: .6875rem;
        max-width: 6rem
    }
}

.lang-bg .event-table-box .event-table .event-instrument {
    font-size: .75rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-bg .event-table-box .event-table .event-instrument {
        font-size: .6875rem;
        max-width: 6rem
    }

    .lang-bg .table-basic td,
    .lang-bg .table-basic th,
    .lang-bg .table-box span {
        font-size: .75rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-bg .table-basic td,
    .lang-bg .table-basic th,
    .lang-bg .table-box span {
        font-size: .625rem
    }

    .lang-bg .table-basic td:first-child {
        padding-right: 0
    }

    .lang-bg .table-basic td:last-child {
        padding-left: 0
    }
}

@media print,
screen and (min-width:48em) {

    .lang-bg.offices .table-offices td .table-btn,
    .lang-bg.offices .table-offices th .table-btn {
        font-size: .75rem;
        padding: .375rem .25rem
    }

    .investors-info .lang-bg table.table-explore td,
    .investors-info .lang-bg table.table-explore th,
    .lang-bg .investors-info table.table-explore td,
    .lang-bg .investors-info table.table-explore th,
    .lang-bg .table-explore.table-bonus td,
    .lang-bg .table-explore.table-bonus th {
        font-size: .75rem;
        padding-left: .25rem;
        padding-right: .25rem
    }
}

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

    .investors-info .lang-bg table.table-explore td,
    .investors-info .lang-bg table.table-explore th,
    .lang-bg .investors-info table.table-explore td,
    .lang-bg .investors-info table.table-explore th,
    .lang-bg .table-explore.table-bonus td,
    .lang-bg .table-explore.table-bonus th {
        font-size: .875rem;
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .lang-bg .area .button.hollow.table-top-btn {
        min-height: 4rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-bg .inner .main-section.pro-campaign h1 {
        font-size: 1.75rem
    }

    .lang-bg .inner .main-section.pro-campaign h2 {
        font-size: 1.25rem
    }

    .lang-bg .table-landing td a.button.hollow,
    .lang-bg .table-landing td span {
        font-size: .75rem
    }

    .lang-bg .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-bg .table-landing td,
    .lang-bg .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-bg .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-bg .menu-start-trading {
        flex: 0 1 15%
    }

    .lang-bg .menu-start-trading a {
        font-size: .875rem;
        padding: .25rem .5rem
    }

    .lang-cs .menu-start-trading {
        flex: 0 1 12.5%
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-cs .cookie-banner {
        padding: .5rem 0
    }

    .lang-cs .cookie-banner p,
    .lang-cs .table-landing td a.button.hollow,
    .lang-cs .table-landing td span {
        font-size: .75rem
    }

    .lang-cs .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-cs .table-landing td,
    .lang-cs .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-cs .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

.lang-cs .event-table-box .event-table .event-alert {
    font-size: .75rem;
    max-width: 5rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-cs .event-table-box .event-table .event-alert {
        font-size: .6875rem;
        max-width: 6rem
    }
}

.lang-cs .event-table-box .event-table .event-instrument {
    font-size: .75rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-cs .event-table-box .event-table .event-instrument {
        font-size: .6875rem;
        max-width: 6rem
    }
}

.lang-cn .footer-text * {
    line-height: 1.4
}

@media print,
screen and (max-width:47.99875em) {

    .lang-cn .table-offices tbody tr td:first-child,
    .lang-cn .table-offices thead td {
        min-width: 6.25rem
    }
}

.lang-da.home h1,
.lang-da.home h3 {
    font-size: 1.25rem
}

@media print,
screen and (min-width:48em) {

    .lang-da.home h1,
    .lang-da.home h3 {
        font-size: 2rem
    }
}

@media print,
screen and (min-width:64em) {

    .lang-da.home h1,
    .lang-da.home h3 {
        font-size: 2.125rem
    }
}

.lang-da.home .colored-islamic h1,
.lang-da.home .colored-islamic h3 {
    font-size: 1.75rem
}

@media print,
screen and (max-width:47.99875em) {
    .lang-da .faq-search.inner-main.main-section {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .lang-da .faq-search .faq-input-search input {
        font-size: .75rem;
        padding: .75rem .25rem
    }

    .lang-da .instrument-data td,
    .lang-da .instrument-data th {
        font-size: .6875em;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-da .faq-input-search input {
        font-size: .875rem
    }
}

@media screen and (max-width:63.99875em) and (orientation:portrait) {

    .lang-da .instrument-data td span,
    .lang-da .instrument-data th span {
        word-break: break-word
    }

    .lang-da .instrument-data td {
        padding-left: .5rem;
        padding-right: .5rem;
        white-space: nowrap;
        width: 15%
    }

    .lang-da .instrument-data th {
        width: auto
    }
}

@media screen and (max-width:47.99875em) and (orientation:portrait) {
    .lang-da .instrument-data td {
        padding-right: .25rem
    }
}

.lang-de .market-tools-table .feeds-wrap th {
    font-size: .8125rem
}

@media screen and (max-width:25em) {
    .lang-de .market-tools-table .feeds-wrap th {
        font-size: .75rem
    }
}

.lang-de .market-tools-table .feeds-wrap td * {
    font-size: .8125rem
}

@media screen and (max-width:25em) {
    .lang-de .market-tools-table .feeds-wrap td * {
        font-size: .75rem
    }
}

@media print,
screen and (min-width:48em) {
    .lang-de .market-tools-table .feeds-wrap td td.rate-change {
        min-width: 5rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .lang-de .market-tools-table .feeds-wrap td .button {
        white-space: normal
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-de .instrument-data td,
    .lang-de .instrument-data th {
        font-size: .6875em;
        padding-left: .25rem;
        padding-right: .25rem
    }
}

.lang-de .area .button.hollow:not(.jump-anc) {
    white-space: normal
}

@media print,
screen and (min-width:48em) {
    .lang-de .area .button.hollow:not(.jump-anc) {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

@media print,
screen and (min-width:48em) {
    .lang-de .area .table-offices .button.hollow:not(.jump-anc) {
        padding-left: .5rem;
        padding-right: .5rem;
        white-space: nowrap
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-de .inst-page .table-inst th {
        font-size: .75rem
    }

    .lang-de .inst-page .table-inst td .button {
        font-size: .6875rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-de .table-landing td a.button.hollow,
    .lang-de .table-landing td span {
        font-size: .75rem
    }

    .lang-de .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-de .table-landing td,
    .lang-de .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-de .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (min-width:48em) {
    .lang-de .table-offices thead th a.button.hollow.table-top-btn {
        font-size: .8125rem;
        min-height: 3.75rem
    }

    .lang-de .table-offices td {
        font-size: .875rem
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-de .menu-start-trading {
        flex: 0 1 15%
    }

    .lang-de .menu-start-trading a {
        font-size: .875rem;
        padding: .25rem .5rem
    }
}

@media screen and (max-width:63.99875em) and (orientation:portrait) {

    .lang-de .instrument-data td span,
    .lang-de .instrument-data th span {
        word-break: break-word
    }

    .lang-de .instrument-data td {
        padding-left: .5rem;
        padding-right: .5rem;
        white-space: nowrap;
        width: 15%
    }

    .lang-de .instrument-data th {
        width: auto
    }
}

@media screen and (max-width:47.99875em) and (orientation:portrait) {
    .lang-de .instrument-data td {
        padding-right: .25rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-de .cookie-banner {
        padding: .5rem 0
    }

    .lang-de .cookie-banner p {
        font-size: .75rem
    }
}

.lang-el .market-tools-table .feeds-wrap th {
    font-size: .8125rem
}

@media screen and (max-width:25em) {
    .lang-el .market-tools-table .feeds-wrap th {
        font-size: .75rem
    }
}

.lang-el .market-tools-table .feeds-wrap td * {
    font-size: .8125rem
}

@media screen and (max-width:25em) {
    .lang-el .market-tools-table .feeds-wrap td * {
        font-size: .75rem
    }
}

@media print,
screen and (min-width:48em) {
    .lang-el .market-tools-table .feeds-wrap td td.rate-change {
        min-width: 5rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .lang-el .market-tools-table .feeds-wrap td .button {
        white-space: normal
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-el .cookie-banner {
        padding: .5rem 0
    }

    .lang-el .cookie-banner p {
        font-size: .75rem
    }
}

.lang-el.home h1,
.lang-el.home h3 {
    font-size: 1.25rem
}

@media print,
screen and (min-width:48em) {

    .lang-el.home h1,
    .lang-el.home h3 {
        font-size: 2rem
    }
}

@media print,
screen and (min-width:64em) {

    .lang-el.home h1,
    .lang-el.home h3 {
        font-size: 2.125rem
    }
}

.lang-el.home .colored-islamic h1,
.lang-el.home .colored-islamic h3 {
    font-size: 1.75rem
}

@media print,
screen and (max-width:47.99875em) {
    .lang-el .faq-input-search input {
        font-size: .75rem;
        padding-left: .25rem;
        padding-right: .25rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .lang-el .faq-input-search input {
        font-size: 1rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-el .faq-search.inner-main.main-section {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .lang-el .faq-search .faq-input-search input {
        font-size: .75rem;
        padding: .75rem .25rem
    }

    .lang-el .table-landing td a.button.hollow,
    .lang-el .table-landing td span {
        font-size: .75rem
    }

    .lang-el .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-el .table-landing td,
    .lang-el .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-el .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-el .instrument-data td,
    .lang-el .instrument-data th {
        font-size: .625em;
        padding-left: .25rem;
        padding-right: .125rem
    }

    .lang-el .inst-page .table-inst th {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {

    .lang-el .table-basic td,
    .lang-el .table-basic th,
    .lang-el .table-box span {
        font-size: .75rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-el .table-basic td,
    .lang-el .table-basic th,
    .lang-el .table-box span {
        font-size: .625rem
    }

    .lang-el .table-basic td:first-child {
        padding-right: 0
    }

    .lang-el .table-basic td:last-child {
        padding-left: 0
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-el .table-basic th {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-el .table-basic td:first-child {
        padding-left: .25rem;
        padding-right: 0
    }

    .lang-el .table-basic td:last-child {
        padding-left: 0;
        padding-right: .25rem
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-el .inst-page .table-inst th {
        font-size: .5rem
    }

    .lang-el .inst-page .table-inst td .button {
        font-size: .625rem
    }

    .lang-el .instrument-data td:first-of-type {
        padding-right: .25rem
    }
}

.lang-el .event-table-box .event-table .event-alert {
    font-size: .75rem;
    max-width: 5rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-el .event-table-box .event-table .event-alert {
        font-size: .6875rem;
        max-width: 6rem
    }
}

.lang-el .event-table-box .event-table .event-instrument {
    font-size: .75rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-el .event-table-box .event-table .event-instrument {
        font-size: .6875rem;
        max-width: 6rem
    }
}

@media print,
screen and (min-width:48em) {

    .lang-el.offices .table-offices td .table-btn,
    .lang-el.offices .table-offices th .table-btn {
        font-size: .75rem;
        padding: .375rem .25rem
    }

    .investors-info .lang-el table.table-explore td,
    .investors-info .lang-el table.table-explore th,
    .lang-el .investors-info table.table-explore td,
    .lang-el .investors-info table.table-explore th,
    .lang-el .table-explore.table-bonus td,
    .lang-el .table-explore.table-bonus th {
        font-size: .75rem;
        padding-left: .25rem;
        padding-right: .25rem
    }
}

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

    .investors-info .lang-el table.table-explore td,
    .investors-info .lang-el table.table-explore th,
    .lang-el .investors-info table.table-explore td,
    .lang-el .investors-info table.table-explore th,
    .lang-el .table-explore.table-bonus td,
    .lang-el .table-explore.table-bonus th {
        font-size: .875rem;
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .lang-el .area .button.hollow.table-top-btn {
        min-height: 4rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-el .inner .main-section.pro-campaign h1 {
        font-size: 1.75rem
    }

    .lang-el .inner .main-section.pro-campaign h2 {
        font-size: 1.25rem
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-el .menu-start-trading {
        flex: 0 1 15%
    }

    .lang-el .menu-start-trading a {
        font-size: .875rem;
        padding: .25rem .5rem
    }
}

@media screen and (max-width:63.99875em) and (orientation:portrait) {

    .lang-el .instrument-data td span,
    .lang-el .instrument-data th span {
        word-break: break-word
    }

    .lang-el .instrument-data td {
        padding-left: .5rem;
        padding-right: .5rem;
        white-space: nowrap;
        width: 15%
    }

    .lang-el .instrument-data th {
        width: auto
    }
}

@media screen and (max-width:47.99875em) and (orientation:portrait) {
    .lang-el .instrument-data td {
        padding-right: .25rem
    }
}

.lang-es.home h1,
.lang-es.home h3 {
    font-size: 1.25rem
}

@media print,
screen and (min-width:48em) {

    .lang-es.home h1,
    .lang-es.home h3 {
        font-size: 2rem
    }
}

@media print,
screen and (min-width:64em) {

    .lang-es.home h1,
    .lang-es.home h3 {
        font-size: 2.125rem
    }
}

.lang-es.home .colored-islamic h1,
.lang-es.home .colored-islamic h3 {
    font-size: 1.75rem
}

@media print,
screen and (max-width:47.99875em) {

    .lang-es .table-landing td a.button.hollow,
    .lang-es .table-landing td span {
        font-size: .75rem
    }

    .lang-es .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-es .table-landing td,
    .lang-es .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-es .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-es .instrument-data td,
    .lang-es .instrument-data th {
        font-size: .6875em;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-es .cookie-banner {
        padding: .5rem 0
    }

    .lang-es .cookie-banner p {
        font-size: .75rem
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-es .menu-start-trading {
        flex: 0 1 12.5%
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-es header .main-menu li a {
        font-size: .75rem
    }
}

@media print,
screen and (min-width:48em) {
    .lang-es header .main-menu li a {
        padding-left: .25rem;
        padding-right: .25rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .lang-es header .main-menu li a {
        font-size: .875rem;
        padding-left: .5rem;
        padding-right: .5rem
    }

    .lang-es .menu-start-trading {
        padding-left: 0
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-et .menu-start-trading {
        flex: 0 1 15%
    }

    .lang-et .menu-start-trading a {
        font-size: .875rem;
        padding: .25rem .5rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-et .table-landing td a.button.hollow,
    .lang-et .table-landing td span {
        font-size: .75rem
    }

    .lang-et .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-et .table-landing td,
    .lang-et .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-et .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-et .cookie-banner {
        padding: .5rem 0
    }

    .lang-et .cookie-banner p {
        font-size: .75rem
    }

    .lang-et .faq-input-search input {
        font-size: .75rem;
        padding-left: .25rem;
        padding-right: .25rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .lang-et .faq-input-search input {
        font-size: 1rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-et .inner .main-section.pro-campaign h1 {
        font-size: 1.75rem
    }

    .lang-et .inner .main-section.pro-campaign h2 {
        font-size: 1.25rem
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-fi .menu-start-trading {
        flex: 0 1 15%
    }

    .lang-fi .menu-start-trading a {
        font-size: .875rem;
        padding: .25rem .5rem
    }
}

.lang-fi.home h1,
.lang-fi.home h3 {
    font-size: 1.25rem
}

@media print,
screen and (min-width:48em) {

    .lang-fi.home h1,
    .lang-fi.home h3 {
        font-size: 2rem
    }
}

@media print,
screen and (min-width:64em) {

    .lang-fi.home h1,
    .lang-fi.home h3 {
        font-size: 2.125rem
    }
}

.lang-fi.home .colored-islamic h1,
.lang-fi.home .colored-islamic h3 {
    font-size: 1.75rem
}

@media print,
screen and (max-width:47.99875em) {
    .lang-fi .inst-page .table-inst th {
        font-size: .6875rem
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-fi .instrument-data td:first-of-type {
        padding-right: .25rem
    }
}

@media print,
screen and (min-width:48em) {
    .lang-fi .table-offices thead th a.button.hollow.table-top-btn {
        font-size: .8125rem;
        min-height: 3.75rem
    }

    .lang-fi .table-offices td {
        font-size: .875rem
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-fr .menu-start-trading {
        flex: 0 1 15%
    }

    .lang-fr .menu-start-trading a {
        font-size: .875rem;
        padding: .25rem .5rem
    }
}

.lang-fr .jump-list li a.button {
    display: flex;
    height: 5.25rem;
    justify-content: center;
    white-space: normal
}

@media print,
screen and (max-width:47.99875em) {
    .lang-fr .cookie-banner {
        padding: .5rem 0
    }

    .lang-fr .cookie-banner p {
        font-size: .75rem
    }
}

.lang-fr.home h1,
.lang-fr.home h3 {
    font-size: 1.25rem
}

@media print,
screen and (min-width:48em) {

    .lang-fr.home h1,
    .lang-fr.home h3 {
        font-size: 2rem
    }
}

@media print,
screen and (min-width:64em) {

    .lang-fr.home h1,
    .lang-fr.home h3 {
        font-size: 2.125rem
    }
}

.lang-fr.home .colored-islamic h1,
.lang-fr.home .colored-islamic h3 {
    font-size: 1.75rem
}

@media print,
screen and (max-width:47.99875em) {

    .lang-fr .table-landing td a.button.hollow,
    .lang-fr .table-landing td span {
        font-size: .75rem
    }

    .lang-fr .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-fr .table-landing td,
    .lang-fr .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-fr .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-fr .inner .main-section.pro-campaign h1 {
        font-size: 1.75rem
    }

    .lang-fr .inner .main-section.pro-campaign h2 {
        font-size: 1.25rem
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-hu .menu-start-trading {
        flex: 0 1 12.5%
    }
}

.lang-hu.home h1,
.lang-hu.home h3 {
    font-size: 1.25rem
}

@media print,
screen and (min-width:48em) {

    .lang-hu.home h1,
    .lang-hu.home h3 {
        font-size: 2rem
    }
}

@media print,
screen and (min-width:64em) {

    .lang-hu.home h1,
    .lang-hu.home h3 {
        font-size: 2.125rem
    }
}

.lang-hu.home .colored-islamic h1,
.lang-hu.home .colored-islamic h3 {
    font-size: 1.75rem
}

@media print,
screen and (max-width:47.99875em) {
    .lang-hu .faq-search.inner-main.main-section {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .lang-hu .faq-search .faq-input-search input {
        font-size: .75rem;
        padding: .75rem .25rem
    }

    .lang-hu .header-bar input {
        font-size: 1.25rem
    }
}

@media screen and (min-width:280px) and (max-width:480px) {
    .lang-hu .area .date-open .date-select > div div.date-field {
        flex-basis: 60%
    }
}

@media screen and (min-width:481px) and (max-width:767px) {
    .lang-hu .area .date-open .date-select > div div.date-field {
        flex-basis: 35%
    }
}

.lang-hu .event-table-box .event-table .event-alert {
    font-size: .75rem;
    max-width: 5rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-hu .event-table-box .event-table .event-alert {
        font-size: .6875rem;
        max-width: 6rem
    }
}

.lang-hu .event-table-box .event-table .event-instrument {
    font-size: .75rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-hu .event-table-box .event-table .event-instrument {
        font-size: .6875rem;
        max-width: 6rem
    }
}

@media print,
screen and (min-width:48em) {

    .lang-hu.offices .table-offices td .table-btn,
    .lang-hu.offices .table-offices th .table-btn {
        font-size: .75rem;
        padding: .375rem .25rem
    }

    .investors-info .lang-hu table.table-explore td,
    .investors-info .lang-hu table.table-explore th,
    .lang-hu .investors-info table.table-explore td,
    .lang-hu .investors-info table.table-explore th,
    .lang-hu .table-explore.table-bonus td,
    .lang-hu .table-explore.table-bonus th {
        font-size: .75rem;
        padding-left: .25rem;
        padding-right: .25rem
    }
}

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

    .investors-info .lang-hu table.table-explore td,
    .investors-info .lang-hu table.table-explore th,
    .lang-hu .investors-info table.table-explore td,
    .lang-hu .investors-info table.table-explore th,
    .lang-hu .table-explore.table-bonus td,
    .lang-hu .table-explore.table-bonus th {
        font-size: .875rem;
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .lang-hu .area .button.hollow.table-top-btn {
        min-height: 4rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-hu .table-landing td a.button.hollow,
    .lang-hu .table-landing td span {
        font-size: .75rem
    }

    .lang-hu .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-hu .table-landing td,
    .lang-hu .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-hu .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-hu .cookie-banner {
        padding: .5rem 0
    }

    .lang-hu .cookie-banner p {
        font-size: .75rem
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-hr .menu-start-trading {
        flex: 0 1 15%
    }

    .lang-hr .menu-start-trading a {
        font-size: .875rem;
        padding: .25rem .5rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-hr .cookie-banner {
        padding: .5rem 0
    }

    .lang-hr .cookie-banner p,
    .lang-hr .table-landing td a.button.hollow,
    .lang-hr .table-landing td span {
        font-size: .75rem
    }

    .lang-hr .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-hr .table-landing td,
    .lang-hr .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-hr .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-hr .header-bar input {
        font-size: 1.25rem
    }
}

.lang-is .jump-list li a.button {
    display: flex;
    height: 5.25rem;
    justify-content: center;
    white-space: normal
}

@media print,
screen and (max-width:47.99875em) {

    .lang-is .table-landing td a.button.hollow,
    .lang-is .table-landing td span {
        font-size: .75rem
    }

    .lang-is .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-is .table-landing td,
    .lang-is .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-is .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media screen and (max-width:63.99875em) and (orientation:portrait) {

    .lang-is .instrument-data td span,
    .lang-is .instrument-data th span {
        word-break: break-word
    }

    .lang-is .instrument-data td {
        padding-left: .5rem;
        padding-right: .5rem;
        white-space: nowrap;
        width: 15%
    }

    .lang-is .instrument-data th {
        width: auto
    }
}

@media screen and (max-width:47.99875em) and (orientation:portrait) {
    .lang-is .instrument-data td {
        padding-right: .25rem
    }
}

.lang-it .market-tools-table .feeds-wrap th {
    font-size: .8125rem
}

@media screen and (max-width:25em) {
    .lang-it .market-tools-table .feeds-wrap th {
        font-size: .75rem
    }
}

.lang-it .market-tools-table .feeds-wrap td * {
    font-size: .8125rem
}

@media screen and (max-width:25em) {
    .lang-it .market-tools-table .feeds-wrap td * {
        font-size: .75rem
    }
}

@media print,
screen and (min-width:48em) {
    .lang-it .market-tools-table .feeds-wrap td td.rate-change {
        min-width: 5rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .lang-it .market-tools-table .feeds-wrap td .button {
        white-space: normal
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-it .menu-start-trading {
        flex: 0 1 12.5%
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-it .table-landing td a.button.hollow,
    .lang-it .table-landing td span {
        font-size: .75rem
    }

    .lang-it .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-it .table-landing td,
    .lang-it .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-it .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-it .cookie-banner {
        padding: .5rem 0
    }

    .lang-it .cookie-banner p {
        font-size: .75rem
    }
}

.lang-lt.home h1,
.lang-lt.home h3 {
    font-size: 1.25rem
}

@media print,
screen and (min-width:48em) {

    .lang-lt.home h1,
    .lang-lt.home h3 {
        font-size: 2rem
    }
}

@media print,
screen and (min-width:64em) {

    .lang-lt.home h1,
    .lang-lt.home h3 {
        font-size: 2.125rem
    }
}

.lang-lt.home .colored-islamic h1,
.lang-lt.home .colored-islamic h3 {
    font-size: 1.75rem
}

@media print,
screen and (max-width:47.99875em) {

    .lang-lt .table-landing td a.button.hollow,
    .lang-lt .table-landing td span {
        font-size: .75rem
    }

    .lang-lt .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-lt .table-landing td,
    .lang-lt .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-lt .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-lt .header-bar input {
        font-size: 1.125rem
    }
}

.lang-lt .event-table-box .event-table .event-alert {
    font-size: .75rem;
    max-width: 5rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-lt .event-table-box .event-table .event-alert {
        font-size: .6875rem;
        max-width: 6rem
    }
}

.lang-lt .event-table-box .event-table .event-instrument {
    font-size: .75rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-lt .event-table-box .event-table .event-instrument {
        font-size: .6875rem;
        max-width: 6rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-lt .inner .main-section.pro-campaign h1 {
        font-size: 1.75rem
    }

    .lang-lt .inner .main-section.pro-campaign h2 {
        font-size: 1.25rem
    }

    .lang-lv .cookie-banner {
        padding: .5rem 0
    }

    .lang-lv .cookie-banner p,
    .lang-lv .table-landing td a.button.hollow,
    .lang-lv .table-landing td span {
        font-size: .75rem
    }

    .lang-lv .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-lv .table-landing td,
    .lang-lv .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-lv .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

.lang-lv .event-table-box .event-table .event-alert {
    font-size: .75rem;
    max-width: 5rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-lv .event-table-box .event-table .event-alert {
        font-size: .6875rem;
        max-width: 6rem
    }
}

.lang-lv .event-table-box .event-table .event-instrument {
    font-size: .75rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-lv .event-table-box .event-table .event-instrument {
        font-size: .6875rem;
        max-width: 6rem
    }

    .lang-lv .table-basic td,
    .lang-lv .table-basic th,
    .lang-lv .table-box span {
        font-size: .75rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-lv .table-basic td,
    .lang-lv .table-basic th,
    .lang-lv .table-box span {
        font-size: .625rem
    }

    .lang-lv .table-basic td:first-child {
        padding-right: 0
    }

    .lang-lv .table-basic td:last-child {
        padding-left: 0
    }
}

@media print,
screen and (min-width:48em) {

    .lang-lv.offices .table-offices td .table-btn,
    .lang-lv.offices .table-offices th .table-btn {
        font-size: .75rem;
        padding: .375rem .25rem
    }

    .investors-info .lang-lv table.table-explore td,
    .investors-info .lang-lv table.table-explore th,
    .lang-lv .investors-info table.table-explore td,
    .lang-lv .investors-info table.table-explore th,
    .lang-lv .table-explore.table-bonus td,
    .lang-lv .table-explore.table-bonus th {
        font-size: .75rem;
        padding-left: .25rem;
        padding-right: .25rem
    }
}

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

    .investors-info .lang-lv table.table-explore td,
    .investors-info .lang-lv table.table-explore th,
    .lang-lv .investors-info table.table-explore td,
    .lang-lv .investors-info table.table-explore th,
    .lang-lv .table-explore.table-bonus td,
    .lang-lv .table-explore.table-bonus th {
        font-size: .875rem;
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .lang-lv .area .button.hollow.table-top-btn {
        min-height: 4rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-mt .table-landing td a.button.hollow,
    .lang-mt .table-landing td span {
        font-size: .75rem
    }

    .lang-mt .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-mt .table-landing td,
    .lang-mt .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-mt .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-mt .cookie-banner {
        padding: .5rem 0
    }

    .lang-mt .cookie-banner p {
        font-size: .75rem
    }

    .lang-ms .cookie-banner {
        padding: .5rem 0
    }

    .lang-ms .cookie-banner p {
        font-size: .75rem
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-nl .menu-start-trading {
        flex: 0 1 12.5%
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-nl .cookie-banner {
        padding: .5rem 0
    }

    .lang-nl .cookie-banner p {
        font-size: .75rem
    }
}

.lang-nl.home h1,
.lang-nl.home h3 {
    font-size: 1.25rem
}

@media print,
screen and (min-width:48em) {

    .lang-nl.home h1,
    .lang-nl.home h3 {
        font-size: 2rem
    }
}

@media print,
screen and (min-width:64em) {

    .lang-nl.home h1,
    .lang-nl.home h3 {
        font-size: 2.125rem
    }
}

.lang-nl.home .colored-islamic h1,
.lang-nl.home .colored-islamic h3 {
    font-size: 1.75rem
}

@media print,
screen and (max-width:47.99875em) {

    .lang-nl .instrument-data td,
    .lang-nl .instrument-data th {
        font-size: .625em;
        padding-left: .25rem;
        padding-right: .125rem
    }

    .lang-nl .table-landing td a.button.hollow,
    .lang-nl .table-landing td span {
        font-size: .75rem
    }

    .lang-nl .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-nl .table-landing td,
    .lang-nl .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-nl .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

.lang-no .link-trade-wrapper a {
    font-size: .875rem
}

@media print,
screen and (max-width:47.99875em) {

    .lang-no .instrument-data td,
    .lang-no .instrument-data th {
        font-size: .6875em;
        padding-left: .25rem;
        padding-right: .25rem
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {

    .lang-no .table-basic td,
    .lang-no .table-basic th,
    .lang-no .table-box span {
        font-size: .75rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-no .table-basic td,
    .lang-no .table-basic th,
    .lang-no .table-box span {
        font-size: .625rem
    }

    .lang-no .table-basic td:first-child {
        padding-right: 0
    }

    .lang-no .table-basic td:last-child {
        padding-left: 0
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-sk .table-landing td a.button.hollow,
    .lang-sk .table-landing td span {
        font-size: .75rem
    }

    .lang-sk .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-sk .table-landing td,
    .lang-sk .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-sk .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

.lang-sk .event-table-box .event-table .event-alert {
    font-size: .75rem;
    max-width: 5rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-sk .event-table-box .event-table .event-alert {
        font-size: .6875rem;
        max-width: 6rem
    }
}

.lang-sk .event-table-box .event-table .event-instrument {
    font-size: .75rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-sk .event-table-box .event-table .event-instrument {
        font-size: .6875rem;
        max-width: 6rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-sl .table-landing td a.button.hollow,
    .lang-sl .table-landing td span {
        font-size: .75rem
    }

    .lang-sl .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-sl .table-landing td,
    .lang-sl .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-sl .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-pl .cookie-banner {
        padding: .5rem 0
    }

    .lang-pl .cookie-banner p {
        font-size: .75rem
    }

    .lang-pl .faq-input-search input {
        font-size: .75rem;
        padding-left: .25rem;
        padding-right: .25rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .lang-pl .faq-input-search input {
        font-size: 1rem
    }
}

.lang-pl .event-table-box .event-table .event-alert {
    font-size: .75rem;
    max-width: 5rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-pl .event-table-box .event-table .event-alert {
        font-size: .6875rem;
        max-width: 6rem
    }
}

.lang-pl .event-table-box .event-table .event-instrument {
    font-size: .75rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-pl .event-table-box .event-table .event-instrument {
        font-size: .6875rem;
        max-width: 6rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-pl .table-landing td a.button.hollow,
    .lang-pl .table-landing td span {
        font-size: .75rem
    }

    .lang-pl .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-pl .table-landing td,
    .lang-pl .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-pl .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (max-width:79.99875em) {

    .lang-pl .menu-start-trading,
    .lang-pt .menu-start-trading {
        flex: 0 1 12.5%
    }
}

.lang-pt.home h1,
.lang-pt.home h3 {
    font-size: 1.25rem
}

@media print,
screen and (min-width:48em) {

    .lang-pt.home h1,
    .lang-pt.home h3 {
        font-size: 2rem
    }
}

@media print,
screen and (min-width:64em) {

    .lang-pt.home h1,
    .lang-pt.home h3 {
        font-size: 2.125rem
    }
}

.lang-pt.home .colored-islamic h1,
.lang-pt.home .colored-islamic h3 {
    font-size: 1.75rem
}

@media print,
screen and (max-width:47.99875em) {

    .lang-pt .table-landing td a.button.hollow,
    .lang-pt .table-landing td span {
        font-size: .75rem
    }

    .lang-pt .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-pt .table-landing td,
    .lang-pt .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-pt .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-pt .instrument-data td,
    .lang-pt .instrument-data th {
        font-size: .625em;
        padding-left: .25rem;
        padding-right: .125rem
    }
}

.lang-ro .menu-start-trading {
    flex: 0 1 12.5%;
    max-width: 12.5%
}

@media print,
screen and (max-width:79.99875em) {
    .lang-ro .menu-start-trading {
        padding-left: 0
    }

    .lang-ro .menu-start-trading a {
        padding: .25rem .5rem
    }
}

@media print,
screen and (min-width:48em) {
    .lang-ro .table-offices tbody td:first-child {
        min-width: 8.75rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-ro .table-landing td a.button.hollow,
    .lang-ro .table-landing td span {
        font-size: .75rem
    }

    .lang-ro .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-ro .table-landing td,
    .lang-ro .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-ro .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

.lang-ru .jump-list li a.button {
    display: flex;
    height: 5.25rem;
    justify-content: center;
    white-space: normal
}

@media print,
screen and (max-width:47.99875em) {
    .lang-ru .cookie-banner {
        padding: .5rem 0
    }

    .lang-ru .cookie-banner p {
        font-size: .75rem
    }
}

@media print,
screen and (min-width:48em) {
    .lang-ru .table-landing td.rate-change {
        min-width: 6rem
    }
}

.lang-ru.home h1,
.lang-ru.home h3 {
    font-size: 1.25rem
}

@media print,
screen and (min-width:48em) {

    .lang-ru.home h1,
    .lang-ru.home h3 {
        font-size: 2rem
    }
}

@media print,
screen and (min-width:64em) {

    .lang-ru.home h1,
    .lang-ru.home h3 {
        font-size: 2.125rem
    }
}

.lang-ru.home .colored-islamic h1,
.lang-ru.home .colored-islamic h3 {
    font-size: 1.75rem
}

@media print,
screen and (max-width:47.99875em) {
    .lang-ru .faq-search.inner-main.main-section {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .lang-ru .faq-search .faq-input-search input {
        font-size: .75rem;
        padding: .75rem .25rem
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-ru header .main-menu li a {
        font-size: .75rem
    }
}

@media print,
screen and (min-width:48em) {
    .lang-ru header .main-menu li a {
        padding-left: .625rem;
        padding-right: .625rem
    }
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {

    .lang-ru .table-basic td,
    .lang-ru .table-basic th,
    .lang-ru .table-box span {
        font-size: .75rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-ru .table-basic td,
    .lang-ru .table-basic th,
    .lang-ru .table-box span {
        font-size: .625rem
    }

    .lang-ru .table-basic td:first-child {
        padding-right: 0
    }

    .lang-ru .table-basic td:last-child {
        padding-left: 0
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-ru .instrument-data td,
    .lang-ru .instrument-data th {
        font-size: .625em;
        padding-left: .25rem;
        padding-right: .125rem
    }

    .lang-ru .inst-page .table-inst th {
        font-size: .6875rem
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-ru .inst-page .table-inst th {
        font-size: .6875rem
    }

    .lang-ru .inst-page .table-inst td .button {
        font-size: .625rem
    }

    .lang-ru .instrument-data td:first-of-type {
        padding-right: .25rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-ru .table-landing td a.button.hollow,
    .lang-ru .table-landing td span {
        font-size: .75rem
    }

    .lang-ru .table-landing td.name {
        font-size: .6875rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {

    .lang-ru .table-landing td,
    .lang-ru .table-landing th {
        font-size: .8125rem;
        padding-left: .25rem;
        padding-right: .25rem
    }

    .lang-ru .table-landing td a.button.hollow {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

.lang-ru .event-table-box .event-table .event-alert {
    font-size: .75rem;
    max-width: 5rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-ru .event-table-box .event-table .event-alert {
        font-size: .6875rem;
        max-width: 6rem
    }
}

.lang-ru .event-table-box .event-table .event-instrument {
    font-size: .75rem
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {
    .lang-ru .event-table-box .event-table .event-instrument {
        font-size: .6875rem;
        max-width: 6rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-ru.IPhone .table-landing td a.button.hollow,
    .lang-ru.IPhone .table-landing td span,
    .lang-ru.IPhone .table-landing th,
    .lang-ru.OtherMobiles .table-landing td a.button.hollow,
    .lang-ru.OtherMobiles .table-landing td span,
    .lang-ru.OtherMobiles .table-landing th {
        font-size: .625rem
    }
}

@media screen and (max-width:47.99875em) and (orientation:landscape) {

    .lang-ru.IPhone .table-landing td a.button.hollow,
    .lang-ru.IPhone .table-landing td span,
    .lang-ru.IPhone .table-landing th,
    .lang-ru.OtherMobiles .table-landing td a.button.hollow,
    .lang-ru.OtherMobiles .table-landing td span,
    .lang-ru.OtherMobiles .table-landing th {
        font-size: .75rem
    }
}

@media print,
screen and (min-width:48em) {

    .lang-ru.offices .table-offices td .table-btn,
    .lang-ru.offices .table-offices th .table-btn {
        font-size: .75rem;
        padding: .375rem .25rem
    }

    .investors-info .lang-ru table.table-explore td,
    .investors-info .lang-ru table.table-explore th,
    .lang-ru .investors-info table.table-explore td,
    .lang-ru .investors-info table.table-explore th,
    .lang-ru .table-explore.table-bonus td,
    .lang-ru .table-explore.table-bonus th {
        font-size: .75rem;
        padding-left: .25rem;
        padding-right: .25rem
    }
}

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

    .investors-info .lang-ru table.table-explore td,
    .investors-info .lang-ru table.table-explore th,
    .lang-ru .investors-info table.table-explore td,
    .lang-ru .investors-info table.table-explore th,
    .lang-ru .table-explore.table-bonus td,
    .lang-ru .table-explore.table-bonus th {
        font-size: .875rem;
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .lang-ru .area .button.hollow.table-top-btn {
        min-height: 4rem
    }
}

@media print,
screen and (max-width:47.99875em) {
    .lang-ru .inner .main-section.pro-campaign h1 {
        font-size: 1.75rem
    }

    .lang-ru .inner .main-section.pro-campaign h2 {
        font-size: 1.25rem
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-ru .menu-start-trading {
        flex: 0 1 12.5%
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-sv .instrument-data td,
    .lang-sv .instrument-data th {
        font-size: .625em;
        padding-left: .25rem;
        padding-right: .125rem
    }

    .lang-tr .faq-input-search input {
        font-size: .75rem;
        padding-left: .25rem;
        padding-right: .25rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .lang-tr .faq-input-search input {
        font-size: 1rem
    }
}

@media print,
screen and (min-width:48em) {

    .lang-tr.offices .table-offices td .table-btn,
    .lang-tr.offices .table-offices th .table-btn {
        font-size: .75rem;
        padding: .375rem .25rem
    }

    .investors-info .lang-tr table.table-explore td,
    .investors-info .lang-tr table.table-explore th,
    .lang-tr .investors-info table.table-explore td,
    .lang-tr .investors-info table.table-explore th,
    .lang-tr .table-explore.table-bonus td,
    .lang-tr .table-explore.table-bonus th {
        font-size: .75rem;
        padding-left: .25rem;
        padding-right: .25rem
    }
}

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

    .investors-info .lang-tr table.table-explore td,
    .investors-info .lang-tr table.table-explore th,
    .lang-tr .investors-info table.table-explore td,
    .lang-tr .investors-info table.table-explore th,
    .lang-tr .table-explore.table-bonus td,
    .lang-tr .table-explore.table-bonus th {
        font-size: .875rem;
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media print,
screen and (min-width:64em) and (max-width:79.99875em) {
    .lang-tr .area .button.hollow.table-top-btn {
        min-height: 4rem
    }
}

@media print,
screen and (max-width:79.99875em) {
    .lang-tr .menu-start-trading {
        flex: 0 1 15%
    }

    .lang-tr .menu-start-trading a {
        font-size: .875rem;
        padding: .25rem .5rem
    }
}

@media print,
screen and (max-width:47.99875em) {

    .lang-zh .table-offices tbody tr td:first-child,
    .lang-zh .table-offices thead td {
        min-width: 6.25rem
    }
}

.edge img,
.iex img {
    -ms-interpolation-mode: bicubic
}

.edge .area .button:not(.jump-anc),
.iex .area .button:not(.jump-anc) {
    display: inline-flex;
    justify-content: center
}

.edge .area .chart-buttons .button:not(.jump-anc),
.iex .area .chart-buttons .button:not(.jump-anc) {
    justify-content: center
}

.edge .jump-list li a:before,
.iex .jump-list li a:before {
    display: flex
}

.edge .inner-main .main-image img,
.edge .inner-main .tools-main img,
.edge .inner-sections .main-image img,
.edge .inner-sections .tools-main img,
.iex .inner-main .main-image img,
.iex .inner-main .tools-main img,
.iex .inner-sections .main-image img,
.iex .inner-sections .tools-main img {
    height: auto
}

.edge .main-image,
.edge .main-image-uk,
.edge .tools-main,
.iex .main-image,
.iex .main-image-uk,
.iex .tools-main {
    display: block
}

.edge .footer-item,
.iex .footer-item {
    flex-basis: 100%
}

.edge .footer .menu li,
.iex .footer .menu li {
    display: inline-block
}

.edge .platforms a.button,
.iex .platforms a.button {
    background-color: inherit;
    white-space: normal;
    width: 100%
}

.edge .platforms a.button:hover,
.iex .platforms a.button:hover {
    background: #0063a6
}

.edge .platforms a .icon + span:last-child,
.iex .platforms a .icon + span:last-child {
    display: table
}

.edge .area .start-trading,
.iex .area .start-trading {
    display: inline-block;
    flex: 0 1 100%
}

.edge .area.main-islamic .start-trading,
.iex .area.main-islamic .start-trading {
    display: flex;
    justify-content: center
}

.edge .area .articles-content .start-trading,
.iex .area .articles-content .start-trading {
    display: block
}

.edge .miles-list span.bullet-year,
.iex .miles-list span.bullet-year {
    top: 0
}

.edge .miles-list span:first-child,
.iex .miles-list span:first-child {
    display: inline-block
}

.edge .miles-list span:last-child,
.iex .miles-list span:last-child {
    display: inline-block
}

.edge .miles-list span.bullet-year,
.iex .miles-list span.bullet-year {
    border: 4px solid #0063a6;
    display: inline-block
}

.edge .side-buttons a.button span:last-child,
.iex .side-buttons a.button span:last-child {
    display: block
}

.edge .search.animate:not(.is-open) #searchInstruments,
.edge .search.animate:not(.is-open) input#searchInstruments:focus,
.iex .search.animate:not(.is-open) #searchInstruments,
.iex .search.animate:not(.is-open) input#searchInstruments:focus {
    outline: none;
    text-indent: -9999px
}

.edge .search-button,
.iex .search-button {
    align-items: center
}

@media print,
screen and (min-width:48em) and (max-width:63.99875em) {

    .edge .accordion-section .accordion-item,
    .iex .accordion-section .accordion-item {
        border-width: 1px 1px 0
    }

    .edge .accordion-section .accordion-item:last-of-type,
    .iex .accordion-section .accordion-item:last-of-type {
        border-bottom: 1px solid #adc3d9
    }

    .edge .accordion-section .accordion-item:first-of-type,
    .iex .accordion-section .accordion-item:first-of-type {
        border-top-width: 1px
    }

    .edge .accordion-section .accordion-item:hover:last-of-type,
    .iex .accordion-section .accordion-item:hover:last-of-type {
        border-bottom: 1px solid #0063a6
    }
}

@media print,
screen and (min-width:48em) {

    .edge .main-anim,
    .iex .main-anim {
        -webkit-animation: hero-anim-iex 1.08s steps(34) 1 forwards;
        animation: hero-anim-iex 1.08s steps(34) 1 forwards;
        -webkit-animation-delay: .25s;
        animation-delay: .25s;
        -webkit-animation-play-state: running;
        animation-play-state: running;
        background-position: 100% 100%;
        background-size: 31.875rem auto
    }
}

@media print,
screen and (min-width:48em) and (min-width:48em) and (max-width:63.99875em) {

    .edge .main-anim,
    .iex .main-anim {
        background-position: center !important top
    }
}

@media print,
screen and (min-width:48em) and (min-width:64em) {

    .edge .main-anim,
    .iex .main-anim {
        background-size: 30rem 3187.5%
    }
}

@-webkit-keyframes hero-anim-iex {
    0% {
        background-position: right 560px;
        opacity: 0
    }

    10% {
        opacity: 1
    }

    to {
        background-position: 100% 100%;
        opacity: 1
    }
}

@keyframes hero-anim-iex {
    0% {
        background-position: right 560px;
        opacity: 0
    }

    10% {
        opacity: 1
    }

    to {
        background-position: 100% 100%;
        opacity: 1
    }
}

@media print,
screen and (max-width:63.99875em) {

    .edge.country-gb.lang-en .rw-short p:nth-child(2),
    .iex.country-gb.lang-en .rw-short p:nth-child(2) {
        max-height: 0
    }
}

@media print,
screen and (max-width:63.99875em) {

    .edge.country-sg .main-section .bonus-sg .link-bonus,
    .edge.country-sg .main-section .start-trading-wide > div > div.buttons-separator,
    .iex.country-sg .main-section .bonus-sg .link-bonus,
    .iex.country-sg .main-section .start-trading-wide > div > div.buttons-separator {
        flex: 0 1 auto
    }
}

.edge .proaccount-banner button.banner-toggle,
.iex .proaccount-banner button.banner-toggle {
    top: 99%
}

.edge .proaccount-banner button.banner-toggle[data-toggle=collapsible] > span:first-child,
.iex .proaccount-banner button.banner-toggle[data-toggle=collapsible] > span:first-child {
    bottom: 1.375rem
}

@media print,
screen and (min-width:48em) {
    .iex .header-bar .menu > li {
        flex-basis: auto
    }

    .iex .header-bar .menu > li.has-icon .icon-svg {
        flex: 1 0 auto
    }

    .iex .header-bar .menu > li.has-icon .icon-svg-arrow {
        flex: 1 0 auto
    }
}

.iex .chart-buttons {
    display: flex
}

.iex.home .twentytwenty-horizontal .twentytwenty-handle:after,
.iex.home .twentytwenty-horizontal .twentytwenty-handle:before {
    height: 20.6875rem
}

.iex.rts27 .rts-form select {
    display: block
}

.iex.lang-de .table-offices thead th a.button.hollow.table-top-btn,
.iex.lang-el .table-offices thead th a.button.hollow.table-top-btn,
.iex.lang-fi .table-offices thead th a.button.hollow.table-top-btn {
    font-size: .75rem;
    padding: .3125rem
}

@media print,
screen and (min-width:48em) {
    .iex.lang-de .table-offices thead th a.button.hollow.table-top-btn {
        min-height: 2.75rem;
        white-space: nowrap
    }
}

@media screen and (orientation:landscape) {
    .iex .area.traders-guide-section > .row:after {
        content: "";
        font-size: 0;
        min-height: inherit
    }
}

.iex .table-offices thead.is-stuck td {
    width: 18%
}

.iex .table-offices thead.is-stuck th:nth-child(4) a {
    max-width: 95%
}

.iex .area .table-offices thead a.button {
    min-height: 0
}

.iex .proaccount-banner button.banner-toggle > span:first-child {
    left: 0;
    right: 0
}

@media print,
screen and (min-width:48em) {
    .iex .image-flow .move {
        transition: transform .6s ease-in-out
    }

    .iex .image-flow .move.animate-image {
        transform: translateY(0)
    }
}

.iex.home:not(.islamic-account) .area.main-section .parallax.fixed {
    left: 0;
    right: 0
}

@media print,
screen and (min-width:48em) {
    .iex.home .area .device-phone.lazyloaded {
        background-image: url(../Images/devices-phones-list%400%2c75x.png)
    }
}

@media print and (-webkit-min-device-pixel-ratio:1.5),
print and (min-resolution:144dpi),
screen and (min-width:48em) and (-webkit-min-device-pixel-ratio:1.5),
screen and (min-width:48em) and (min-resolution:144dpi) {
    .iex.home .area .device-phone.lazyloaded {
        background-image: url(../Images/devices-phones-list.png)
    }
}

.iex.home .area.colored-atletico.lazyloaded {
    background-image: url(../Images/back-atletico%400%2c75x.jpg)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .iex.home .area.colored-atletico.lazyloaded {
        background-image: url(../Images/back-atletico.jpg)
    }
}

.iex.home .area.colored-atletico-lp.lazyloaded {
    background-image: url(../Images/back-atletico-lp%400%2c75x.jpg)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
    .iex.home .area.colored-atletico-lp.lazyloaded {
        background-image: url(../Images/back-atletico-lp.jpg)
    }
}

@media print,
screen and (min-width:48em) {
    .iex .sponsorships-section .logo.featured svg {
        max-width: 15rem
    }

    .iex .sponsorships-section .players img {
        width: 100%
    }

    .iex .sponsorships-section .players .featured {
        left: 0;
        margin: 0 auto;
        right: 0;
        width: 100%
    }
}

@media print,
screen and (min-width:64em) {
    .iex.invest-hp .orbit-container {
        max-height: 30.75rem
    }
}

.iex.invest-hp .cards-wrapper {
    display: flex;
    flex-wrap: wrap
}

.iex.invest-hp .faq-section .card {
    flex: 0 1 100%
}

@media print,
screen and (max-width:47.99875em) {
    .iex.invest-hp .faq-section .card:nth-child(n+2) {
        margin-top: 2rem
    }
}

@media print,
screen and (min-width:48em) {
    .iex.invest-hp .faq-section .card {
        flex: 0 1 47.5%
    }

    .iex.invest-hp .faq-section .card:nth-child(n+3) {
        margin-top: 2rem
    }

    .iex.invest-hp .faq-section .card:nth-child(odd) {
        margin-right: 2rem
    }
}

@media print,
screen and (min-width:64em) {
    .iex.invest-hp .faq-section .card {
        flex: 0 1 48%
    }
}

@media (-ms-high-contrast:none) {
    .iex.invest-hp .faq-section .card:hover .front {
        transform: rotateX(180deg)
    }

    .iex.invest-hp .faq-section .card:hover .back {
        transform: rotateX(0deg)
    }
}

.iex.invest-hp .faq-section .card h3,
.iex.invest-hp .faq-section .card p {
    align-items: center;
    align-self: stretch;
    display: flex;
    justify-content: center;
    margin: 0;
    min-height: 16rem;
    text-align: center;
    width: 100%
}

@media print,
screen and (min-width:64em) {

    .iex.invest-hp .faq-section .card h3,
    .iex.invest-hp .faq-section .card p {
        min-height: 8rem
    }
}

/*# sourceMappingURL=style.css.map */