@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(../../../../../../use.typekit.net/vli5gyn.css);
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

.h2,
.h3,
.h4,
.h5,
.h6,
.h7,
h1,
h2,
h3,
h4,
h5 .h1 {
    color: #000
}

.h2,
.h2 a:link,
.h2:link,
.h3,
.h3 a:link,
.h3:link,
.h4,
.h4 a:link,
.h4:link,
.h5,
.h5 a:link,
.h5:link,
.h6,
.h6 a:link,
.h6:link,
.h7,
.h7 a:link,
.h7:link,
h1,
h1 a:link,
h1:link,
h2,
h2 a:link,
h2:link,
h3,
h3 a:link,
h3:link,
h4,
h4 a:link,
h4:link,
h5 .h1,
h5 .h1 a:link,
h5 .h1:link {
    text-decoration: none
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7 {
    color: #000
}

.h1,
h1 {
    font-family: HMAlphaMono, Open sans, arial, sans-serif;
    font-size: 6.8rem;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase
}

@media screen and (max-width:768px) {
    .h1,
    h1 {
        font-size: 5rem
    }
}

.h2,
h2 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 5rem;
    font-weight: 500;
    line-height: 1.2
}

@media screen and (max-width:768px) {
    .h2,
    h2 {
        font-size: 3.8rem;
        line-height: 1.2
    }
}

.h3,
h3 {
    font-family: HMAlphaMono, Open sans, arial, sans-serif;
    font-size: 4.2rem;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .h3,
    h3 {
        font-size: 3.2rem
    }
}

.h4,
h4 {
    font-family: HMAlphaMono, Open sans, arial, sans-serif;
    font-size: 3.8rem;
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .h4,
    h4 {
        font-size: 2.4rem
    }
}

.h5,
h5 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 1.4;
    text-transform: none
}

@media screen and (max-width:767px) {
    .h5,
    h5 {
        font-size: 2.4rem
    }
}

.h6,
h6 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.5;
    text-transform: none
}

@media screen and (max-width:767px) {
    .h6,
    h6 {
        font-size: 2rem
    }
}

.h7 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
    text-transform: none
}

@font-face {
    font-display: swap;
    font-family: HMAlphaMono;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/HMAlphaMono-Medium.otf)
}

.body {
    font-weight: 400
}

.body,
.label {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.5
}

.label {
    color: #6a6a6a;
    font-weight: 500
}

.placeholder {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.5
}

.caption,
.placeholder {
    color: #949494;
    font-weight: 500
}

.caption {
    font-family: inherit;
    font-size: 1.3rem;
    line-height: 1.4
}

.small-text {
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5
}

.super-small-text {
    font-family: inherit;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: .3px;
    line-height: 1.6
}

.up-title {
    font-family: inherit;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.4;
    text-transform: capitalize
}

.font-size-l {
    font-family: inherit;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (max-width:860px) {
    .font-size-l {
        font-size: 1.8rem
    }
}

.uppercase {
    text-transform: uppercase
}

mark {
    background: #c3c3c3
}

@media screen and (min-width:768px) {
    .plain-text.row {
        margin-left: auto;
        margin-right: auto;
        max-width: 860px;
        width: 65%
    }
}

.plain-text p:not([class^=margin-]) {
    margin: 22px 0
}

.plain-text img {
    height: auto
}

pre {
    background: #f1f1f1;
    border-radius: 0;
    margin: 1vw 0;
    padding: 1vw;
    white-space: normal;
    word-break: break-word
}

blockquote {
    border-left: 3px solid #000;
    font-style: italic;
    padding-left: 3vw
}

blockquote cite {
    color: #949494;
    display: block;
    font-size: 1.3rem;
    margin-top: 7px
}

.h1 a:link,
.h1 a:visited,
.h2 a:link,
.h2 a:visited,
.h3 a:link,
.h3 a:visited,
.h4 a:link,
.h4 a:visited,
.h5 a:link,
.h5 a:visited,
h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited,
h3 a:link,
h3 a:visited,
h4 a:link,
h4 a:visited,
h5 a:link,
h5 a:visited {
    color: inherit;
    text-decoration: none !important
}

a:link,
a:visited {
    outline: 0;
    text-decoration: underline;
    text-underline-position: under;
    transition: all .2s ease
}

a:link:not(.is-primary),
a:visited:not(.is-primary) {
    color: #000
}

.read-more {
    cursor: pointer;
    display: inline-block;
    font-weight: 600
}

.read-more.reverse:before,
.read-more:not(.reverse):after {
    content: "\e906";
    display: inline-block;
    font-family: ledger-icons-font;
    font-weight: 600;
    padding-left: 7px;
    vertical-align: middle
}

.read-more.reverse:before {
    transform: rotate(180deg)
}

.read-more.reverse:after {
    content: none !important
}

.read-more:not(.is-primary) {
    color: #000
}

.anchor-link {
    color: #000;
    display: inline-block;
    font-weight: 600
}

.anchor-link:after {
    content: "\e902";
    display: inline-block;
    font-family: ledger-icons-font;
    margin-left: 10px
}

a:link.disable,
a:visited.disable {
    cursor: default;
    opacity: .3
}

a:link.disable:after,
a:visited.disable:after {
    content: normal
}

.clearfix {
    clear: both;
    display: block
}

hr {
    background-color: #e5e5e5;
    border: 0;
    height: 2px;
    margin: 0;
    padding: 0
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.align-left {
    text-align: left
}

.is-valid {
    color: #6ec85c
}

.is-error {
    color: #f04f52
}

.is-primary,
.is-warning,
a.is-primary,
a.is-warning {
    color: #ff5300
}

.is-secondary,
a.is-secondary {
    color: #d4a0ff
}

.is-hidden {
    display: none !important;
    visibility: hidden
}

@media screen and (min-width:992.5px) {
    .is-hidden-desktop {
        display: none !important
    }
}

@media screen and (min-width:768.5px) and (max-width:992px) {
    .is-hidden-tablet {
        display: none !important
    }
}

@media screen and (max-width:768.5px) {
    .is-hidden-mobile {
        display: none !important
    }
}

.social-icons-footer {
    align-items: center;
    display: flex
}

.social-icons-footer>* {
    color: #949494 !important;
    font-size: 20px;
    margin: 0 5px;
    text-decoration: none !important
}

.social-icons-footer>:hover {
    color: #ff5300 !important
}

.color-brand-primary {
    color: #ff5300
}

.color-grey-800 {
    color: #191919
}

.color-grey-600 {
    color: #6a6a6a
}

.color-grey-500 {
    color: #949494
}

.color-grey-400 {
    color: #c3c3c3
}

.color-darkblue,
.color-darkblue:link {
    color: #001b3c
}

.bg {
    padding-bottom: 80px;
    padding-top: 80px
}

@media screen and (max-width:690px) {
    .bg {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

.bg-light-grey {
    background-color: #f1f1f1
}

.bg-fone-grey {
    background-color: #c3c3c3
}

.bg-white {
    background-color: #fff
}

.bg-black {
    background-color: #000
}

.bg-black .h1:not(.is-primary),
.bg-black .h2:not(.is-primary),
.bg-black .h3:not(.is-primary),
.bg-black .h4:not(.is-primary),
.bg-black .h5:not(.is-primary),
.bg-black .h6:not(.is-primary),
.bg-black .h7:not(.is-primary),
.bg-black:not(.is-primary),
.bg-black h1:not(.is-primary),
.bg-black h2:not(.is-primary),
.bg-black h3:not(.is-primary),
.bg-black h4:not(.is-primary),
.bg-black h5:not(.is-primary),
.bg-black h6:not(.is-primary) {
    color: #fff
}

.bg-black a:not(.is-primary) {
    color: inherit
}

.bg-black .button:not(:empty).primary {
    background: #fff;
    color: #1c1d20
}

.bg-carbon {
    background-color: #1c1d20
}

.bg-carbon .h1:not(.is-primary),
.bg-carbon .h2:not(.is-primary),
.bg-carbon .h3:not(.is-primary),
.bg-carbon .h4:not(.is-primary),
.bg-carbon .h5:not(.is-primary),
.bg-carbon .h6:not(.is-primary),
.bg-carbon .h7:not(.is-primary),
.bg-carbon:not(.is-primary),
.bg-carbon h1:not(.is-primary),
.bg-carbon h2:not(.is-primary),
.bg-carbon h3:not(.is-primary),
.bg-carbon h4:not(.is-primary),
.bg-carbon h5:not(.is-primary),
.bg-carbon h6:not(.is-primary) {
    color: #fff
}

.bg-carbon a {
    color: inherit !important
}

.bg-carbon .button.primary {
    background: #fff;
    color: #1c1d20
}

.bg-dark {
    background-color: #001b3c
}

.bg-black,
.bg-black .h1,
.bg-black .h1:not(.is-primary),
.bg-black .h2,
.bg-black .h2:not(.is-primary),
.bg-black .h3,
.bg-black .h3:not(.is-primary),
.bg-black .h4,
.bg-black .h4:not(.is-primary),
.bg-black .h5,
.bg-black .h5:not(.is-primary),
.bg-black .h6,
.bg-black .h6:not(.is-primary),
.bg-black .h7,
.bg-black .h7:not(.is-primary),
.bg-black:not(.is-primary),
.bg-black a:not(.is-primary):not(.is-secondary),
.bg-black a:not(.is-primary):not(.is-secondary):not(.is-primary),
.bg-black h1,
.bg-black h1:not(.is-primary),
.bg-black h2,
.bg-black h2:not(.is-primary),
.bg-black h3,
.bg-black h3:not(.is-primary),
.bg-black h4,
.bg-black h4:not(.is-primary),
.bg-black h5,
.bg-black h5:not(.is-primary),
.bg-black h6,
.bg-black h6:not(.is-primary),
.bg-carbon,
.bg-carbon .h1,
.bg-carbon .h1:not(.is-primary),
.bg-carbon .h2,
.bg-carbon .h2:not(.is-primary),
.bg-carbon .h3,
.bg-carbon .h3:not(.is-primary),
.bg-carbon .h4,
.bg-carbon .h4:not(.is-primary),
.bg-carbon .h5,
.bg-carbon .h5:not(.is-primary),
.bg-carbon .h6,
.bg-carbon .h6:not(.is-primary),
.bg-carbon .h7,
.bg-carbon .h7:not(.is-primary),
.bg-carbon:not(.is-primary),
.bg-carbon a:not(.is-primary):not(.is-secondary),
.bg-carbon a:not(.is-primary):not(.is-secondary):not(.is-primary),
.bg-carbon h1,
.bg-carbon h1:not(.is-primary),
.bg-carbon h2,
.bg-carbon h2:not(.is-primary),
.bg-carbon h3,
.bg-carbon h3:not(.is-primary),
.bg-carbon h4,
.bg-carbon h4:not(.is-primary),
.bg-carbon h5,
.bg-carbon h5:not(.is-primary),
.bg-carbon h6,
.bg-carbon h6:not(.is-primary),
.bg-dark,
.bg-dark .h1,
.bg-dark .h2,
.bg-dark .h3,
.bg-dark .h4,
.bg-dark .h5,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5 {
    color: #fff
}

.bg-secondary {
    background-color: #d4a0ff
}

.bg-primary {
    background-color: #ff5300
}

.vault-illustration-bg {
    background-image: url(https://enterprise.ledger.com/images/homepage/home-introduction-image.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (max-width:689px) {
    .vault-illustration-bg {
        background-position: 100% 0;
        background-size: 125%
    }
}

.vault-illustration-bg>.row>* {
    max-width: 100%
}

@media screen and (min-width:690px) {
    .vault-illustration-bg>.row>* {
        max-width: 62%
    }
}

@media screen and (max-width:690px) {
    #main>.bg {
        margin-left: 0;
        margin-right: 0
    }
}

.logo {
    display: inherit;
    flex: none
}

.icon-star-solid,
.icon.icon-star,
.yotpo-icon-half-star,
.yotpo-icon-star {
    color: #ffd24a;
    display: inline-block;
    font-family: ledger-icons-font;
    font-size: 1.6rem;
    margin-bottom: 1vw;
    margin-right: 2px
}

.yotpo-icon-star:before {
    content: "\e80d";
    margin-right: 3px
}

.yotpo-icon-half-star:before {
    content: "\e80e";
    margin-right: 3px
}

.fa-star,
.fa-star-half-alt {
    color: #ffd24a;
    display: inline-block;
    font-size: 1.2rem;
    margin-bottom: 1vw;
    margin-right: 2px
}

.all-clickable,
.cursor-pointer {
    cursor: pointer
}

.space-between {
    justify-content: space-between !important
}

.flex-end {
    justify-content: flex-end !important
}

.flex-start {
    justify-content: flex-start !important
}

.flex-center {
    justify-content: center !important
}

.flex-space-around {
    justify-content: space-around !important
}

.align-items-center {
    align-items: center !important
}

.align-items-end {
    align-items: flex-end
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-baseline {
    align-items: baseline !important
}

.flex-none {
    flex: none !important
}

.flex-column {
    flex-direction: column
}

.flex-row {
    flex-direction: row
}

.flex-align-self-end {
    align-self: end
}

.flex-wrap {
    flex-wrap: wrap
}

.left-on-mobile {
    text-align: right
}

.left-on-mobile,
.left-on-mobile>* {
    margin-right: 0
}

@media screen and (max-width:690px) {
    .left-on-mobile {
        text-align: left
    }
    .left-on-mobile,
    .left-on-mobile>* {
        margin-left: 0
    }
}

.right-on-mobile {
    text-align: left
}

.right-on-mobile,
.right-on-mobile>* {
    margin-left: 0
}

@media screen and (max-width:690px) {
    .right-on-mobile {
        text-align: right
    }
    .right-on-mobile,
    .right-on-mobile>* {
        margin-right: 0
    }
}

@media screen and (min-width:768px) {
    .center-on-desktop {
        text-align: center
    }
}

@media screen and (max-width:690px) {
    .order-1-mobile {
        order: 1
    }
    .order-5-mobile {
        order: 5
    }
    .order-10-mobile {
        order: 10
    }
}

.level {
    color: #000;
    display: inline-block;
    font-size: 1.3rem;
    vertical-align: middle
}

.level.with-point:before {
    content: "";
    display: inline-block;
    height: 10px;
    margin: 0 7px 0 0;
    position: relative;
    top: 1px;
    width: 10px
}

.level.level-1 {
    color: #6ec85c
}

.level.level-1:before {
    background-color: #6ec85c
}

.level.level-2 {
    color: #d4a0ff
}

.level.level-2:before {
    background-color: #d4a0ff
}

.level.level-3 {
    color: #ff5300
}

.level.level-3:before {
    background-color: #ff5300
}

.badge {
    border: 1px solid;
    border-radius: 0;
    display: inline-block;
    font-size: 1.3rem;
    padding: 4px 10px;
    transition: all .2s;
    vertical-align: middle
}

.badge:not(.badge-nude) {
    color: #ff5300;
    text-transform: uppercase
}

.badge:hover {
    color: inherit;
    text-decoration: none
}

.badge.badge-tab {
    border: 0;
    color: #949494;
    cursor: pointer;
    margin: 2px
}

.badge.badge-tab.selected,
.badge.badge-tab:hover {
    background-color: #000;
    color: #fff
}

.black-badge {
    background: #000;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    padding: 6px 20px;
    text-transform: uppercase
}

.black-badge>.fa,
.black-badge>.fal {
    color: #ff5300;
    margin: 0 7px 0 0
}

.tooltip {
    color: #999;
    cursor: pointer;
    position: relative;
    top: 2px
}

.tooltip:hover~.tooltip-content {
    display: block !important
}

.tooltip-content {
    background: #000;
    border-radius: 0;
    color: #fff;
    display: none;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 12px;
    left: 0;
    line-height: 1.4;
    max-width: 300px;
    min-width: 200px;
    padding: 1vw;
    position: absolute;
    right: 0;
    text-align: left;
    transition: all .3s
}

main :not(.height-auto)>iframe {
    border-radius: 0;
    height: 310px;
    width: 100%
}

@media screen and (max-width:690px) {
    main :not(.height-auto)>iframe {
        height: 200px
    }
}

main :not(.height-auto)>iframe.iframe-nofull {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:992px) {
    main :not(.height-auto)>iframe.iframe-nofull {
        max-width: 650px;
        min-height: 500px
    }
}

.target-section {
    clear: both;
    position: relative;
    top: -90px;
    width: 100px
}

@media screen and (min-width:992px) {
    .target-section {
        top: -130px
    }
}

.target {
    margin-top: -120px;
    position: absolute
}

.v-padding-lg {
    padding-bottom: 7vw;
    padding-top: 7vw
}

@media screen and (max-width:690px) {
    .v-padding-lg {
        padding-bottom: 13vw;
        padding-top: 13vw
    }
}

.v-padding-md {
    padding-bottom: 5vw;
    padding-top: 5vw
}

@media screen and (max-width:690px) {
    .v-padding-md {
        padding-bottom: 7vw;
        padding-top: 7vw
    }
}

.v-padding-sm {
    padding-bottom: 3vw;
    padding-top: 3vw
}

@media screen and (max-width:690px) {
    .v-padding-sm {
        padding-bottom: 5vw;
        padding-top: 5vw
    }
}

.v-padding-xs {
    padding-bottom: 2vw;
    padding-top: 2vw
}

@media screen and (max-width:690px) {
    .v-padding-xs {
        padding-bottom: 3vw;
        padding-top: 3vw
    }
}

.v-margin-lg {
    margin-bottom: 7vw;
    margin-top: 7vw
}

@media screen and (max-width:690px) {
    .v-margin-lg {
        margin-bottom: 13vw;
        margin-top: 13vw
    }
}

.v-margin-md {
    margin-bottom: 5vw;
    margin-top: 5vw
}

@media screen and (max-width:690px) {
    .v-margin-md {
        margin-bottom: 7vw;
        margin-top: 7vw
    }
}

.v-margin-sm {
    margin-bottom: 3vw;
    margin-top: 3vw
}

@media screen and (max-width:690px) {
    .v-margin-sm {
        margin-bottom: 5vw;
        margin-top: 5vw
    }
}

.v-margin-xs {
    margin-bottom: 2vw;
    margin-top: 2vw
}

@media screen and (max-width:690px) {
    .v-margin-xs {
        margin-bottom: 5vw;
        margin-top: 5vw
    }
}

.v-margin-xxs {
    margin-bottom: 1vw;
    margin-top: 1vw
}

@media screen and (max-width:690px) {
    .v-margin-xxs {
        margin-bottom: 2vw;
        margin-top: 2vw
    }
}

.margin-lg {
    margin-bottom: 120px
}

@media screen and (max-width:768px) {
    .margin-lg {
        margin-bottom: 80px
    }
}

.margin-md {
    margin-bottom: 80px
}

@media screen and (max-width:768px) {
    .margin-md {
        margin-bottom: 50px
    }
}

.margin-sm {
    margin-bottom: 60px
}

@media screen and (max-width:768px) {
    .margin-sm {
        margin-bottom: 40px
    }
}

.margin-s {
    margin-bottom: 40px
}

@media screen and (max-width:768px) {
    .margin-s {
        margin-bottom: 20px
    }
}

.margin-xs {
    margin-bottom: 20px
}

.margin-xxs {
    margin-bottom: 12px
}

.padding-md {
    padding: 80px
}

@media screen and (max-width:690px) {
    .padding-md {
        padding: 20px
    }
}

.padding-sm {
    padding: 60px
}

@media screen and (max-width:690px) {
    .padding-sm {
        padding: 40px
    }
}

.padding-s {
    padding: 40px
}

@media screen and (max-width:690px) {
    .padding-s {
        padding: 20px
    }
}

.padding-xs {
    padding: 20px
}

.padding-xxs {
    padding: 12px
}

.ldg-container,
.row {
    box-sizing: border-box
}

.row {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    position: relative
}

@media screen and (max-width:1510px) {
    .row {
        margin-left: 4%;
        margin-right: 4%
    }
}

.row>.row {
    margin-left: 4%;
    margin-right: 4%
}

@media screen and (min-width:992px) {
    .row>.row.no-margin-right {
        margin-left: 4%;
        margin-right: 0
    }
    .row>.row.no-margin-left {
        margin-left: 0;
        margin-right: 4%
    }
}

.flexbox {
    align-items: inherit;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

@media screen and (max-width:690px) {
    .flexbox {
        align-items: inherit;
        display: flex;
        flex-flow: column wrap;
        justify-content: inherit
    }
}

@media screen and (max-width:690px) and (-ms-high-contrast:active),
screen and (max-width:690px) and (-ms-high-contrast:none) {
    .flexbox {
        align-items: inherit;
        display: flex;
        flex-flow: row wrap;
        justify-content: inherit
    }
}

.flexbox>* {
    flex: 1 0 0%
}

.flexbox.flex-column {
    align-items: inherit;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between
}

@media screen and (max-width:768px) {
    .no-margin-mobile {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

#header {
    background-color: #fff;
    margin-bottom: 80px;
    position: sticky;
    top: 0;
    transition: all .2s;
    width: 100%;
    z-index: 99
}

@media screen and (max-width:992px) {
    #header {
        margin-bottom: 60px
    }
}

@media screen and (max-width:690px) {
    #header {
        margin-bottom: 20px
    }
}

#header>.row {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    height: 90px;
    justify-content: space-between;
    margin: auto;
    max-width: 1440px
}

@media screen and (max-width:1510px) {
    #header>.row {
        margin: 0;
        padding-left: 4%;
        padding-right: 4%
    }
}

@media screen and (max-width:992px) {
    #header>.row {
        height: 64px
    }
}

#header a:link,
#header a:visited {
    text-decoration: none
}

#header .cart,
#header .logo {
    flex: none;
    font-size: 2rem
}

#header .cart img,
#header .logo img {
    flex: initial;
    height: 32px
}

#header .cart>* {
    -webkit-tap-highlight-color: transparent;
    padding: 7px 12px;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#header .cart #mobile-menu.is-open>i:before {
    content: "\e92f"
}

@media screen and (min-width:993px) {
    #header .cart #mobile-menu {
        display: none
    }
}

#header nav {
    flex: 2;
    justify-content: flex-end
}

#header nav>* {
    border: 1px
}

@media screen and (max-width:992px) {
    #header .cart {
        display: flex;
        flex: 2;
        justify-content: flex-end
    }
    #header .icon-bars,
    #header .icon-shopping_cart {
        display: block;
        padding: 18px 12px
    }
}

#header.dark-header {
    background-color: #000;
    border: 0
}

@media screen and (min-width:993px) {
    #header.dark-header .main-navigation>ul>li>a:link,
    #header.dark-header .main-navigation>ul>li>a:visited {
        color: #fff
    }
}

#header.dark-header .cart>* {
    color: #fff
}

#header.dark-header .logo {
    filter: invert(1)
}

@media screen and (max-width:992px) {
    #header.dark-header .cart>*,
    #header.dark-header .cart a,
    #header.dark-header .icon-bars,
    #header.dark-header .icon-shopping_cart {
        color: #fff
    }
}

#header.white-header:not(.out-of-top) {
    background-color: #fff
}

#header.transparent-white-font:not(.out-of-top) {
    background-color: transparent
}

@media screen and (min-width:993px) {
    #header.transparent-white-font:not(.out-of-top) .main-navigation>ul>li>a:link,
    #header.transparent-white-font:not(.out-of-top) .main-navigation>ul>li>a:visited {
        color: #fff
    }
}

#header.transparent-white-font:not(.out-of-top) .cart>*,
#header.transparent-white-font:not(.out-of-top) .logo {
    filter: invert(1)
}

#header .pick-up-news {
    background: #1c1d20;
    padding: .5vw 1vw;
    text-align: center
}

#header .pick-up-news,
#header .pick-up-news a {
    color: #fff;
    font-size: 1.3rem
}

#header .pick-up-news a {
    text-decoration: underline
}

@media screen and (max-width:992px) {
    #header .pick-up-news {
        display: none
    }
}

#header:not(.dark-header).out-of-top {
    background-color: #fff
}

#footer {
    background-color: #000;
    font-weight: 400;
    padding: 80px 0 40px
}

@media screen and (max-width:768px) {
    #footer {
        padding: 60px 0 20px
    }
}

#footer>* {
    box-sizing: border-box;
    margin: auto;
    max-width: 1440px;
    padding-left: 3%
}

@media screen and (max-width:1510px) {
    #footer>* {
        margin-left: 4%;
        margin-right: 4%;
        padding-left: 0
    }
}

@media screen and (max-width:992px) {
    #footer>* {
        flex-direction: column
    }
}

#footer,
#footer a {
    color: #949494
}

#footer .logo {
    margin-bottom: 40px
}

#footer .logo img {
    filter: invert(1);
    height: 40px
}

#footer .logo~p {
    font-size: 1.3rem;
    line-height: 1.7
}

.prefooter-blocks>* {
    margin: auto;
    max-width: 1440px
}

.prefooter-blocks .flexbox {
    box-sizing: border-box;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all .3s
}

.prefooter-blocks .flexbox a {
    color: inherit;
    font-size: inherit
}

@media screen and (min-width:992px) {
    .prefooter-blocks .flexbox {
        flex-direction: row
    }
}

.prefooter-blocks .flexbox>:not(:last-child) {
    margin-bottom: 60px !important
}

@media screen and (min-width:860px) {
    .prefooter-blocks .flexbox>* {
        margin-bottom: 0
    }
}

.prefooter-blocks .social-icons {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0
}

.prefooter-blocks .social-icons>* {
    margin: 5px 8px 5px 0
}

.prefooter-blocks .social-icons>* a {
    background-color: #000;
    border-radius: 100%;
    color: #fff;
    display: block;
    height: 50px;
    line-height: 55px;
    text-align: center;
    transition: all .3s;
    width: 50px
}

.prefooter-blocks .social-icons>* i {
    font-size: 20px
}

.prefooter-blocks form {
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    margin-bottom: 20px
}

.prefooter-blocks form .fields-container {
    flex: 1
}

.prefooter-blocks form input {
    background: transparent !important
}

.prefooter-blocks form>* {
    margin-bottom: 3px !important;
    margin-top: 3px !important
}

.prefooter-blocks form button {
    flex: none
}

.prefooter-blocks .prefooter-disclaimer {
    font-size: 1.3rem
}

@media screen and (min-width:769px) {
    aside {
        background-color: transparent;
        margin-left: 10%;
        max-width: 300px
    }
}

aside form.inline-form {
    justify-content: flex-start
}

@media screen and (min-width:769px) {
    aside form.inline-form {
        flex-direction: row
    }
    aside form.inline-form .button {
        min-width: auto;
        padding-left: 12px;
        padding-right: 12px
    }
}

aside form.inline-form .button:after {
    display: none
}

input:not([type=radio]):not([type=checkbox]),
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input:not(textarea):not(select):not([type=radio]):not([type=checkbox]):not([type=submit]) {
    width: 100%
}

@media screen and (min-width:690px) {
    input:not(textarea):not(select):not([type=radio]):not([type=checkbox]):not([type=submit]) {
        max-width: 400px
    }
}

@media screen and (max-width:690px) {
    input:not(textarea):not(select):not([type=radio]):not([type=checkbox]):not([type=submit]) {
        max-width: 100%
    }
}

input:not([type=file]):not([type=submit]):not(.cart__quantity-input):not([type=checkbox]):not([type=range]),
select,
textarea {
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 100px;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.3rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: inherit;
    max-height: 76px;
    max-width: 100%;
    padding: 22px;
    transition: font-size .2s;
    z-index: 5
}

@media screen and (max-width:768px) {
    input:not([type=file]):not([type=submit]):not(.cart__quantity-input):not([type=checkbox]):not([type=range]),
    select,
    textarea {
        font-size: 1.4rem;
        padding: 20px 12px
    }
}

input:not([type=file]):not([type=submit]):not(.cart__quantity-input):not([type=checkbox]):not([type=range]):-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #f9f9f9
}

input:not([type=file]):not([type=submit]):not(.cart__quantity-input):not([type=checkbox]):not([type=range]):active,
input:not([type=file]):not([type=submit]):not(.cart__quantity-input):not([type=checkbox]):not([type=range]):focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
    outline: none
}

input:not([type=file]):not([type=submit]):not(.cart__quantity-input):not([type=checkbox]):not([type=range])[type=date],
select[type=date],
textarea[type=date] {
    color: #fff
}

input:not([type=file]):not([type=submit]):not(.cart__quantity-input):not([type=checkbox]):not([type=range]):not([type=submit]),
input:not([type=file]):not([type=submit]):not(.cart__quantity-input):not([type=checkbox]):not([type=range])[type=file],
select:not([type=submit]),
select[type=file],
textarea:not([type=submit]),
textarea[type=file] {
    background: #fff
}

input:not([type=file]):not([type=submit]):not(.cart__quantity-input):not([type=checkbox]):not([type=range])[type=submit],
select[type=submit],
textarea[type=submit] {
    background: inherit;
    border: none
}

input:not([type=file]):not([type=submit]):not(.cart__quantity-input):not([type=checkbox]):not([type=range])[type=checkbox],
input:not([type=file]):not([type=submit]):not(.cart__quantity-input):not([type=checkbox]):not([type=range])[type=radio],
select[type=checkbox],
select[type=radio],
textarea[type=checkbox],
textarea[type=radio] {
    filter: grayscale(1) contrast(1) saturate(0);
    margin-top: 0
}

textarea {
    border-radius: 20px;
    min-height: 150px;
    resize: vertical;
    width: 100%
}

select:not([size]) {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url(../images/arrow.html) no-repeat center right 12px !important;
    line-height: .8;
   
    width: 140px;
    -ms-word-break: normal;
    word-break: normal
}

select:not([size])::-ms-expand {
    display: none
}

@media screen and (min-width:690px) {
    select:not([size]) {
        max-width: 400px
    }
}

@media screen and (max-width:690px) {
    select:not([size]) {
        max-width: 200px
    }
}

select[size] {
    border-radius: 20px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    max-height: none;
    overflow: auto
}

select[size]::-webkit-scrollbar {
    width: 5px
}

select[size]::-webkit-scrollbar-track {
    background: transparent
}

select[size]::-webkit-scrollbar-thumb {
    background: #c3c3c3
}

select[size]::-webkit-scrollbar-thumb:hover {
    background: #949494
}

select option {
    color: #1c1d20
}

select.order-by {
    background-color: #fbfbfb !important;
    border: none;
    border-radius: 0;
    font-size: 1.4rem !important;
    padding-bottom: 10px;
    padding-top: 10px
}

::-moz-placeholder {
    color: #3c3b3b;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

:-ms-input-placeholder {
    -ms-transition: opacity .2s;
    transition: opacity .2s
}

::placeholder,
label {
    color: #3c3b3b;
    transition: opacity .2s
}

:-ms-input-placeholder {
    color: #3c3b3b
}

::-ms-input-placeholder {
    color: #3c3b3b
}

.fields-container {
    display: inline-block;
    max-width: 400px;
    position: relative;
    width: 100%
}

@media screen and (max-width:690px) {
    .fields-container {
        display: block
    }
}

.fields-container>span+label,
.fields-container input+label {
    color: #000;
    font-size: 1.6rem;
    left: 30px;
    max-width: 100%;
    position: absolute;
    right: auto;
    top: 25px;
    transition: all .2s;
    z-index: 10
}

@media screen and (max-width:768px) {
    .fields-container>span+label,
    .fields-container input+label {
        font-size: 1.4rem;
        left: 24px;
        top: 24px
    }
}

.fields-container.is-active label {
    opacity: 0
}

.fields-container.is-active input[type=date] {
    color: inherit
}

.fields-container label+select {
    color: #000;
    display: block;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: inherit;
    margin-top: 12px
}

.fields-container input.nolabel {
    padding-left: 45px
}

.fields-container-options input,
.fields-container-options label {
    display: inline-block;
    vertical-align: middle;
    width: auto
}

.fields-container-options label {
    margin-right: 12px
}

form .wpcf7-not-valid-tip {
    color: #f04f52;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: inherit;
    padding-top: 7px
}

form .fields-container .wpcf7-not-valid {
    border: 1px solid #f04f52 !important
}

form.inline-form,
form .inline-form {
    align-items: stretch;
    display: flex;
    justify-content: center
}

@media screen and (max-width:768px) {
    form.inline-form,
    form .inline-form {
        align-items: flex-start;
        flex-direction: column
    }
}

@media screen and (min-width:768px) {
    form.inline-form .fields-container,
    form .inline-form .fields-container {
        margin-right: 10px
    }
}

@media screen and (max-width:768px) {
    form.inline-form .fields-container>*,
    form .inline-form .fields-container>* {
        margin-bottom: 5px;
        margin-top: 5px
    }
}

form.inline-form label,
form .inline-form label {
    max-width: 90% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

form.inline-form__space-between,
form .inline-form__space-between {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

form.inline-form__space-between .fields-container,
form .inline-form__space-between .fields-container {
    width: 45%
}

form .footer-form {
    text-align: right
}

form .footer-form>* {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1vw
}

form .footer-form .button {
    margin-top: 1vw;
    padding: 15px 20px;
    position: relative;
    white-space: nowrap
}

form [class^=is-] {
    display: block;
    font-size: 1.4rem;
    line-height: 1rem;
    margin-top: 8px
}

#cover-form {
    background: #fff;
    border-radius: 4px;
    margin: 0 auto;
    max-width: 435px;
    padding: 2vw;
    width: 100%
}

@media screen and (max-width:690px) {
    #cover-form {
        margin-top: 5vw;
        max-width: 100%;
        padding: 7vw 2vw
    }
}

@media screen and (min-width:690px) and (max-width:880px) {
    #cover-form {
        margin-top: 5vw
    }
}

#cover-form .fields-container {
    display: block
}

#cover-form .fields-container input {
    width: 100% !important
}

#cover-form .h4,
#cover-form h4 {
    color: initial !important;
    margin-bottom: 3vw
}

@media screen and (min-width:690px) {
    #cover-form .h4,
    #cover-form h4 {
        margin-bottom: 1vw
    }
}

#cover-form .v-margin-xs {
    margin-bottom: 1vw;
    margin-top: 1vw
}

@media screen and (max-width:690px) {
    #cover-form .v-margin-xs {
        margin: 2vw 0
    }
}

.wpcf7-aborted:before,
.wpcf7-acceptance-missing:before,
.wpcf7-mail-sent-ok:before,
.wpcf7-spam-blocked:before,
.wpcf7-validation-errors:before {
    color: #27d0e2 !important;
    content: "\e806";
    float: left;
    font-family: ledger-icons-font;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-right: 16px
}

.wpcf7-response-output {
    background: #142533;
    border: 0 !important;
    border-radius: 4px;
    color: #fff;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 1vw;
    padding: 1vw !important;
    text-align: left
}

@media screen and (max-width:690px) {
    .wpcf7-response-output {
        padding: 4vw !important
    }
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
    background: #f3f3f3;
    color: #142533
}

.wpcf7-response-output.wpcf7-mail-sent-ok:before {
    content: "\e81d"
}

.ajax-loader {
    border: none;
    height: 16px;
    padding: 0;
    position: absolute;
    visibility: hidden;
    width: 16px
}

ol,
ul {
    margin: 12px 0 32px 22px
}

ol li,
ul li {
    list-style: disc;
    margin: 10px
}

ol li ul,
ul li ul {
    margin-bottom: 22px;
    margin-left: 32px
}

ol li {
    list-style-type: decimal;
    list-style: decimal;
    padding-left: 12px
}

.ul-square {
    margin-left: 15px
}

.ul-square li {
    list-style: square
}

.ol-bullet {
    counter-reset: section;
    margin-left: 0;
    margin-right: 0
}

.ol-bullet li {
    align-items: baseline;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.ol-bullet li:not(:last-child) {
    margin-bottom: 20px
}

.ol-bullet li:before {
    border: 1px solid;
    border-radius: 100%;
    content: counter(section);
    counter-increment: section;
    flex: none;
    height: 32px;
    line-height: 32px;
    margin-right: 20px;
    padding: 0;
    text-align: center;
    width: 32px
}

.list-checked>*,
.no-bullet,
.no-bullet>* {
    list-style: none;
    margin-left: 0
}

.list-checked>* {
    display: flex
}

.list-checked>:before {
    color: #ff5300;
    content: "\f00c";
    font-family: Font Awesome\ 5 Pro;
    margin-right: 10px
}

.pipe-list,
.pipe-list>* {
    margin-left: 0
}

.pipe-list>* {
    border-left: 1px solid;
    list-style: none;
    padding-left: 7px
}

.pipe-list>:not(:last-child) {
    margin-bottom: 1vw
}

.article-list {
    flex-grow: 2
}

.article-item {
    margin-bottom: 60px
}

.article-item img {
    border: 1px solid #f5f5f5;
    margin-right: 3vw;
    max-width: 100%
}

.article-item .datetime {
    margin-top: 1vw
}

@media screen and (min-width:1200px) {
    .article-item {
        align-items: flex-start;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start
    }
    .article-item>* {
        flex: auto;
        padding-top: 0 !important
    }
}

@media screen and (max-width:1199px) {
    .article-item img {
        width: 100%
    }
}

@media screen and (max-width:992px) {
    article {
        min-width: 85%
    }
}

article hr {
    margin: 32px 0 22px
}

article .content {
    justify-content: space-between !important
}

article .content p:first-of-type>span {
    color: #949494;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: inherit
}

article footer .icon {
    font-size: 3.8rem
}

article .datetime span {
    color: #c3c3c3;
    display: inline-block;
    margin: 0 7px;
    vertical-align: top
}

article img {
    margin-bottom: 12px
}

@media screen and (max-width:768px) {
    .blog-posts>.flexbox {
        flex-direction: column
    }
}

.blog-posts article {
    min-width: auto
}

@media screen and (max-width:767.5px) {
    .blog-posts .hero-latest-post {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width:768px) {
    .blog-posts .hero-latest-post {
        align-items: stretch;
        display: flex
    }
}

.blog-posts .hero-latest-post>* {
    flex: 1
}

.blog-posts .hero-latest-post .illustration {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 210px
}

@media screen and (min-width:768px) {
    .blog-posts .hero-latest-post .illustration {
        max-width: 670px;
        width: 58%
    }
}

.blog-posts .hero-latest-post .content {
    display: flex;
    flex-direction: column;
    margin: 40px 4%
}

@media screen and (min-width:768px) {
    .blog-posts .hero-latest-post .content {
        margin: 0;
        padding-left: 6%;
        width: 42%
    }
}

.blog-posts .hero-latest-post .content .caption {
    font-weight: 400;
    order: -1
}

@media screen and (max-width:860px) {
    .blog-posts .hero-latest-post .content .title {
        font-size: 3.8rem
    }
}

@media screen and (min-width:768px) {
    .blog-posts .sub-hero-latest-post {
        display: flex;
        flex-wrap: wrap
    }
}

.blog-posts .sub-hero-latest-post>* {
    display: flex;
    flex: 1;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .blog-posts .sub-hero-latest-post>:not(:last-of-type) {
        padding-right: 40px
    }
}

@media screen and (max-width:767.5px) {
    .blog-posts .sub-hero-latest-post>:not(:last-of-type) {
        margin-bottom: 40px
    }
}

.blog-posts .sub-hero-latest-post>* .caption {
    font-weight: 400;
    order: -1
}

.blog-posts .blog-articles-list {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between
}

@media screen and (min-width:992px) {
    .blog-posts .blog-articles-list {
        flex-flow: row wrap
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    .blog-posts .blog-articles-list {
        flex-flow: row wrap
    }
}

.blog-posts .blog-articles-list .article-list-item {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-bottom: 40px;
    overflow: hidden;
    width: 100%
}

@media screen and (min-width:992px) {
    .blog-posts .blog-articles-list .article-list-item {
        max-width: 31%;
        min-width: 31%
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    .blog-posts .blog-articles-list .article-list-item {
        max-width: 47%;
        min-width: 47%
    }
}

.blog-posts .blog-articles-list .article-list-item .illustration {
    background-color: #fbfbfb;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 155%;
    min-height: 275px;
    transition: all .35s
}

.blog-posts .blog-articles-list .article-list-item:hover .illustration {
    background-size: 195%
}

.blog-posts .blog-articles-list .see-more {
    min-width: 100%
}

.blog-posts.home-blog .blog-articles-list:not(.active) {
    display: none
}

.blog-posts.home-blog .blog-articles-list-filters {
    min-height: 76px
}

.blog-posts.home-blog .blog-articles-list-filters .categories-of-blog,
.blog-posts.home-blog .blog-articles-list-filters .categories-of-blog ul {
    height: 100%
}

.blog-posts .blog-articles-list-filters {
    border-bottom: 2px solid #e5e5e5;
    flex-flow: row wrap;
    justify-content: space-between
}

@media screen and (min-width:690px) {
    .blog-posts .blog-articles-list-filters {
        display: flex
    }
}

@media screen and (max-width:860px) {
    .blog-posts .blog-articles-list-filters {
        align-items: normal;
        border: 0;
        flex-direction: column
    }
}

.blog-posts .blog-articles-list-filters>* {
    flex: 1
}

.blog-posts .blog-articles-list-filters>:first-of-type {
    flex: 2
}

@media screen and (max-width:690px) {
    .blog-posts .blog-articles-list-filters .categories-of-blog {
        overflow-x: auto
    }
}

.blog-posts .blog-articles-list-filters .categories-of-blog>ul {
    align-items: stretch;
    display: flex;
    font-weight: 600;
    text-transform: uppercase
}

.blog-posts .blog-articles-list-filters .categories-of-blog>ul>* {
    align-items: center;
    color: #c3c3c3;
    cursor: pointer;
    display: flex;
    margin-right: 20px;
    max-width: 190px;
    padding: 15px 5px 20px;
    text-align: center;
    transition: all .3s
}

.blog-posts .blog-articles-list-filters .categories-of-blog>ul>.active,
.blog-posts .blog-articles-list-filters .categories-of-blog>ul>:hover {
    box-shadow: 0 2px 0 0 #000;
    color: inherit
}

.blog-posts .blog-articles-list-filters #searchform {
    display: block;
    margin-top: 40px;
    position: relative
}

@media screen and (min-width:860.5px) {
    .blog-posts .blog-articles-list-filters #searchform {
        margin-top: 0
    }
}

.blog-posts .blog-articles-list-filters #searchform .fields-container {
    margin: 0;
    max-width: none
}

.blog-posts .blog-articles-list-filters #searchform .fields-container input {
    padding: 15px 50px 15px 20px
}

.blog-posts .blog-articles-list-filters #searchform .fields-container label {
    top: 18px
}

.blog-posts .blog-articles-list-filters #searchform #searchsubmit {
    background: none;
    border: none;
    font-size: 2rem;
    position: absolute;
    right: 20px;
    top: 18px;
    z-index: 10
}

.blog-posts .blog-category-breadcrumb,
.blog-posts .blog-category-breadcrumb a {
    color: #949494;
    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase
}

.blog-posts .blog-category-breadcrumb i {
    padding: 0 12px
}

.blog-posts.blog-category .blog-articles-list-filters {
    border-bottom: 0
}

@media screen and (min-width:860.5px) {
    .blog-posts.blog-category .blog-articles-list-filters {
        align-items: center
    }
}

.blog-posts.search-page label {
    display: none
}

.blog-posts.search-page #searchform {
    margin-top: 0
}

.blog-posts.article-page .header {
    align-items: center;
    border-bottom: 1px solid #949494;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 1510px
}

@media screen and (max-width:768px) {
    .blog-posts.article-page .header {
        border: 0;
        flex-direction: column-reverse
    }
}

.blog-posts.article-page .header>* {
    flex: 1;
    width: 100%
}

.blog-posts.article-page .header>.content {
    margin-top: 12px;
    padding: 4%
}

@media screen and (min-width:768.5px) {
    .blog-posts.article-page .header>.content {
        margin-top: 0;
        padding: 12px 6%
    }
}

@media screen and (max-width:992px) {
    .blog-posts.article-page .header>.content .title {
        font-size: 3.8rem
    }
}

.blog-posts.article-page .header>.illustration {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 320px
}

@media screen and (min-width:768.5px) {
    .blog-posts.article-page .header>.illustration {
        min-height: 700px
    }
}

.blog-posts.article-page .plain-text .h1,
.blog-posts.article-page .plain-text .h2,
.blog-posts.article-page .plain-text .h3,
.blog-posts.article-page .plain-text .h4,
.blog-posts.article-page .plain-text .h5,
.blog-posts.article-page .plain-text h1,
.blog-posts.article-page .plain-text h2,
.blog-posts.article-page .plain-text h3,
.blog-posts.article-page .plain-text h4,
.blog-posts.article-page .plain-text h5 {
    margin-bottom: 20px
}

.blog-posts.article-page .plain-text p+.h1,
.blog-posts.article-page .plain-text p+.h2,
.blog-posts.article-page .plain-text p+.h3,
.blog-posts.article-page .plain-text p+.h4,
.blog-posts.article-page .plain-text p+.h5,
.blog-posts.article-page .plain-text p+h1,
.blog-posts.article-page .plain-text p+h2,
.blog-posts.article-page .plain-text p+h3,
.blog-posts.article-page .plain-text p+h4,
.blog-posts.article-page .plain-text p+h5 {
    margin-top: 60px
}

.blog-posts.article-page .footer .social-icons-footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.blog-posts.article-page .footer .social-icons-footer>* {
    border: 1px solid #000;
    border-radius: 100px;
    color: #000 !important;
    font-size: 20px;
    height: 42px;
    line-height: 40px;
    margin-right: 5px;
    text-align: center;
    text-decoration: none !important;
    width: 42px
}

.blog-posts.article-page .footer .social-icons-footer>:hover {
    color: #ff5300 !important
}

.blog-posts.article-page .badge {
    background-color: #e5e5e5;
    border: 0;
    font-size: 12px;
    font-weight: 600;
    margin-right: 10px;
    text-decoration: none
}

.b-title-master {
    align-items: center
}

.b-title-master>.row {
    padding: 0
}

.b-title-master:not(.align-left) {
    text-align: center
}

.b-title-master .h3,
.b-title-master h1 {
    margin-bottom: 1vw
}

.b-title-master .h3+*,
.b-title-master h1+* {
    margin-bottom: 2vw
}

@media screen and (max-width:690px) {
    .b-title-master .h3+*,
    .b-title-master h1+* {
        margin-bottom: 5vw
    }
}

.b-title-master .button {
    margin-top: 5vw
}

.b-title-master .button+* {
    margin-top: 2vw
}

@media screen and (min-width:690px) {
    .b-title-master:not(.align-left)>* {
        margin-left: auto;
        margin-right: auto;
        max-width: 75%
    }
    .b-title-master .button {
        margin-top: 3vw
    }
}

.b-title-master .h2+.button,
.b-title-master h2+.button {
    margin-top: 0
}

@media screen and (max-width:690px) {
    .b-title-master br {
        display: none
    }
    .b-title-master .h3,
    .b-title-master>*,
    .b-title-master h1 {
        margin-bottom: 5vw
    }
}

.b-stat .h2,
.b-stat .h5,
.b-stat h2,
.b-stat h5 {
    margin: 0
}

.b-stat>* {
    padding: 4vw 2vw
}

.b-stat>*>* {
    margin: 0 2vw
}

@media screen and (max-width:690px) {
    .b-stat>* {
        padding: 5vw
    }
    .b-stat>*>* {
        margin: 1vw 2vw 5vw
    }
}

.b-stat:not(.bg-dark) {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee
}

.c-grid-table .row {
    flex-wrap: wrap
}

.c-grid-table .row>* {
    margin-bottom: 7vw;
    text-align: center
}

@media screen and (min-width:992px) {
    .c-grid-table .row>* {
        min-width: 23%
    }
}

@media screen and (max-width:992px) {
    .c-grid-table .row>* {
        margin-left: 2vw;
        margin-right: 2vw;
        min-width: 30%
    }
}

.c-grid-table .row img {
    margin-bottom: 2vw;
    max-height: 60px;
    max-width: 60px
}

.c-grid-table .row .h5,
.c-grid-table .row h5 {
    display: block
}

.bloc-text {
    align-items: normal;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    max-height: auto;
    min-width: 175px
}

@media screen and (min-width:690px) {
    .bloc-text {
        align-items: normal;
        height: inherit;
        padding-bottom: 1vw;
        padding-top: 1vw
    }
}

@media screen and (max-width:690px) {
    .bloc-text:not(:last-of-type) {
        margin-bottom: 60px
    }
}

.bloc-text .icon:not(.icon-long_arrow_right):not(.icon-star):not(.fa-star) {
    color: #ff5300;
    font-size: 4.2rem;
    margin: 0 0 max(1.5vw, 15px)
}

.bloc-text .fa:not(.reviews .fa-star),
.bloc-text .fal:not(.reviews .fa-star) {
    color: #ff5300;
    font-size: 3.8rem;
    margin-bottom: 12px
}

.bloc-text img {
    margin: 0 auto 20px;
    width: -moz-max-content;
    width: max-content
}

.bloc-text .bg-illustration {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 200px;
    width: 95%
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .bloc-text>div,
    .bloc-text>div img {
        max-height: 300px
    }
}

@media screen and (max-width:690px) {
    .bloc-text>.icon,
    .bloc-text>.icon+p,
    .bloc-text>.icon+p+p {
        text-align: center
    }
    .bloc-text h1,
    .bloc-text p {
        margin-bottom: 3vw
    }
}

.bloc-text .clearfix {
    display: none
}

.bloc-text.card {
    background: #fff;
    border-radius: 0;
    box-sizing: border-box;
    margin: 1vw 1vw 1vw 0;
    padding: 20px
}

@media screen and (max-width:690px) {
    .bloc-text.card {
        margin: 2vw 0;
        padding: 5vw
    }
}

.bloc-text.card a {
    margin-top: 12px
}

.bloc-text.float-img {
    box-sizing: border-box;
    max-width: 100%;
    padding-top: 0;
    position: relative
}

.bloc-text.float-img:not(:last-child) {
    margin-bottom: 60px
}

.bloc-text.float-img img {
    max-height: 100%;
    max-width: 170px
}

@media screen and (min-width:690px) {
    .bloc-text.float-img {
        padding-left: 210px
    }
    .bloc-text.float-img img {
        left: 0;
        position: absolute;
        right: auto;
        top: 0
    }
    .bloc-item {
        align-items: inherit;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start
    }
}

.bloc-item>:not(.content) {
    flex: 1;
    min-width: 40%
}

.bloc-item>.content {
    flex: 2
}

@media screen and (max-width:690px) {
    .bloc-item:not(.flat-line)>:first-of-type {
        order: 3
    }
    .bloc-item {
        flex-direction: column;
        margin-bottom: 40px
    }
    .bloc-item>* {
        margin-top: 3vw
    }
    .bloc-item img {
        display: block;
        margin: 12px auto 60px
    }
}

.bloc-item .content {
    display: flex;
    flex-flow: column;
    justify-content: center
}

@media screen and (min-width:690px) {
    .bloc-item .content>* {
        margin-left: 3vw;
        margin-right: 3vw
    }
}

.bloc-item>:last-of-type.content>* {
    margin-right: 0
}

.bloc-item.flat-line {
    margin-bottom: 52px
}

.bloc-item.flat-line .bloc-text {
    margin: 0
}

.bloc-item.flat-line>* {
    flex: inherit
}

.bloc-item.flat-line img {
    max-width: 165px
}

@media screen and (min-width:690px) {
    .bloc-item.flat-line img {
        margin-right: 3vw
    }
}

.two-full-blocks {
    display: flex;
    min-height: 520px;
    overflow: hidden
}

@media screen and (max-width:860px) {
    .two-full-blocks {
        flex-direction: column
    }
}

.two-full-blocks>* {
    flex: 1;
    position: relative;
    transition: all .2s
}

.two-full-blocks .image-block {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 10
}

@media screen and (max-width:860px) {
    .two-full-blocks .image-block {
        min-height: 300px
    }
}

.two-full-blocks .text-block {
    align-items: center;
    display: flex;
    z-index: 15
}

.two-full-blocks .text-block>* {
    margin: min(120px, 4vw)
}

.c-diagonal-bloc>.row.flexbox {
    flex-direction: column
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .c-diagonal-bloc>.row.flexbox {
        flex-direction: row
    }
}

.c-diagonal-bloc .bloc-item~.bloc-item {
    margin-top: 80px
}

@media screen and (max-width:768px) {
    .c-diagonal-bloc .bloc-item~.bloc-item {
        margin-top: 60px
    }
}

.c-diagonal-bloc .bloc-item .bloc-text {
    margin: 0;
    padding: 0
}

.c-diagonal-bloc .bloc-item img {
    max-width: 650px;
    width: 100%
}

@media screen and (max-width:768px) {
    .c-diagonal-bloc .bloc-item img {
        margin-bottom: 7vw;
        max-width: 100%
    }
}

.c-diagonal-bloc .bloc-item .content {
    flex: 1;
    margin-left: 6vw
}

@media screen and (min-width:769px) {
    .c-diagonal-bloc .bloc-item>:not(.content) {
        text-align: center
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .c-diagonal-bloc .bloc-item {
        flex-direction: row
    }
}

@media screen and (max-width:768px) {
    .c-diagonal-bloc .bloc-item {
        flex-direction: column
    }
    .c-diagonal-bloc .bloc-item .content,
    .c-diagonal-bloc .bloc-item .content>* {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width:769px) {
    .c-diagonal-bloc:not(.reverse) .bloc-item:nth-of-type(2n)>:not(.content) {
        order: 5
    }
    .c-diagonal-bloc:not(.reverse) .bloc-item:nth-of-type(2n) .content {
        margin-left: 0;
        margin-right: 7vw
    }
}

.c-diagonal-bloc.reverse .bloc-item {
    display: flex
}

@media screen and (min-width:769px) {
    .c-diagonal-bloc.reverse .bloc-item:nth-of-type(odd)>:not(.content) {
        order: 5
    }
    .c-diagonal-bloc.reverse .bloc-item:nth-of-type(odd) .content {
        margin-left: 0;
        margin-right: 7vw
    }
}

@media screen and (max-width:769px) {
    .c-diagonal-bloc.reverse .bloc-item>:not(.content) {
        margin-bottom: 5vw;
        order: 10
    }
    .c-diagonal-bloc.reverse .bloc-item .content {
        margin-bottom: 5vw;
        order: 1
    }
}

.c-diagonal-bloc.reverse .bloc-item img {
    margin-bottom: 0
}

.bloc-list {
    flex: initial;
    width: 100%
}

@media screen and (min-width:768px) {
    .bloc-list {
        width: 40%
    }
}

.bloc-list ul li {
    color: #949494;
    font-size: 1.3rem;
    line-height: 1.5
}

.bloc-list ul li a {
    font-size: 1.6rem;
    text-decoration: none
}

.bloc-list ul li a:before {
    content: "\e928";
    display: block;
    float: left;
    font-family: ledger-icons-font;
    font-size: 2rem;
    margin: 2px 10px 20px 0
}

.bloc-list ul li:not(:last-child) {
    margin-bottom: 30px
}

.grid-item {
    margin-top: 20px;
    text-decoration: none !important
}

.grid-item:not(.align-left) {
    text-align: center
}

.grid-item span {
    color: #6a6a6a
}

.grid-item .h5,
.grid-item h5 {
    margin-top: 12px
}

.grid-item img {
    max-width: 62px
}

@media screen and (max-width:690px) {
    .grid-item:not(.icons) {
        margin-bottom: 5vw;
        text-align: left
    }
    .grid-item:not(.icons) img {
        float: left;
        margin-right: 5vw;
        max-width: 56px
    }
}

.grid-item.icons {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    justify-content: center;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%
}

@media screen and (min-width:690px) {
    .grid-item.icons {
        flex: none;
        width: 175px
    }
}

.grid-item.icons>img:not(.no-filter),
.grid-item.icons>svg:not(.no-filter),
.grid-item.icons i:not(.no-filter) {
    filter: grayscale(1) contrast(0)
}

.grid-item.icons>p {
    box-sizing: border-box;
    padding-left: 1vw;
    padding-right: 1vw;
    word-break: break-word
}

@media screen and (max-width:992px) {
    .grid-item.icons>p {
        font-size: 1.6rem
    }
}

.grid-item.icons img {
    height: 30px;
    margin-bottom: 12px;
    max-width: inherit
}

.grid-item.icons i {
    font-size: 5rem
}

.grid-item[href].checked,
.grid-item[href]:hover {
    background: #fff
}

.grid-items {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

@media screen and (max-width:992px) {
    .grid-items {
        justify-content: space-around
    }
}

.grid-items>* {
    margin-right: 1vw
}

@media screen and (max-width:992px) {
    .grid-items>* {
        flex: none;
        min-width: 120px
    }
}

.bloc-banner {
    background-repeat: no-repeat;
    color: #949494;
    font-size: .833rem
}

@media screen and (max-width:690px) {
    .bloc-banner br {
        display: none
    }
}

@media screen and (min-width:992px) {
    .bloc-banner h2 {
        margin: 1vw 0
    }
}

.toggle-list {
    margin-bottom: 0
}

.toggle-list .fields-container-options:not(:last-of-type) {
    margin-bottom: 40px
}

.toggle-list .fields-container-options i {
    font-size: 2rem;
    margin: 5px 12px 0 0;
    transition: all .2s
}

.toggle-list .fields-container-options label {
    -webkit-tap-highlight-color: transparent;
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
    outline: none;
    transition: all .2s
}

.toggle-list .fields-container-options input {
    display: block;
    height: 0;
    visibility: hidden
}

.toggle-list .fields-container-options input~label+div,
.toggle-list .fields-container-options input~label+p {
    margin: 0 0 0 32px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height .5s cubic-bezier(0, 1.05, 0, 1)
}

.toggle-list .fields-container-options input:checked~label i {
    transform: rotate(90deg)
}

.toggle-list .fields-container-options input:checked~label+div,
.toggle-list .fields-container-options input:checked~label+p {
    margin: 12px 0 12px 32px;
    max-height: 100vh;
    opacity: 1;
    transition: opacity max-height .5s cubic-bezier(0, 1.05, 0, 1)
}

.toggle-list .fields-container-options p {
    line-height: 1.6
}

.bloc-icon-text {
    align-items: flex-start;
    display: flex
}

.bloc-icon-text>* {
    width: 100%
}

.bloc-icon-text i {
    border: 1px solid;
    flex: 0;
    margin-right: 20px;
    padding: 15px
}

.flexbox.col {
    justify-content: space-between
}

@media screen and (-ms-high-contrast:active) and (max-width:992px),
screen and (-ms-high-contrast:none) and (max-width:992px) {
    .flexbox.col:not(.scrolling-content) {
        display: block
    }
}

.flexbox.col>* {
    align-items: normal;
    flex: 1;
    max-width: 48%;
    min-width: 15%
}

@media screen and (max-width:992px) {
    .flexbox.col>* {
        max-width: 100%
    }
}

.flexbox.col.col-2>* {
    flex: 0;
    min-width: 45%
}

.flexbox.col.col-2>:nth-of-type(2n) {
    margin-right: 0 !important
}

.flexbox.col.col-3>* {
    flex: 0;
    min-width: 30%
}

.flexbox.col.col-3>:nth-of-type(3n) {
    margin-right: 0 !important
}

.flexbox.col.col-4 {
    flex-wrap: wrap
}

.flexbox.col.col-4>* {
    flex: inherit;
    width: 100%
}

@media screen and (min-width:768px) {
    .flexbox.col.col-4>* {
        width: 23%
    }
}

.flexbox.col.col-5>* {
    flex: 0;
    margin-right: 1vw !important;
    min-width: 18%
}

.flexbox.col.col-5>:nth-of-type(5n) {
    margin-right: 0 !important
}

.flexbox.col.col-6>* {
    flex: 0;
    min-width: 15%
}

.flexbox.col.col-6>:nth-of-type(6n) {
    margin-right: 0 !important
}

.col:not(.flexbox) {
    grid-row-gap: 1vw;
    grid-column-gap: 1vw;
    -ms-grid-row-span: 1vw;
    -ms-grid-column-span: 1vw;
    display: grid;
    display: -ms-grid;
    grid-template-columns: auto;
    -ms-grid-template-columns: auto;
    justify-content: space-between
}

.col:not(.flexbox)>* {
    min-width: 0
}

.col:not(.flexbox).col-2 {
    grid-template-columns: 50% 50%;
    -ms-grid-template-columns: 50% 50%
}

.col:not(.flexbox).col-3 {
    grid-template-columns: 33% 33% 33%;
    -ms-grid-template-columns: 33% 33% 33%
}

.col:not(.flexbox).col-4,
.col:not(.flexbox).col-5 {
    grid-template-columns: 25% 25% 25% 25%;
    -ms-grid-template-columns: 25% 25% 25% 25%
}

@media screen and (max-width:992px) {
    .col:not(.flexbox).col-5 {
        grid-template-columns: 33% 33% 33%;
        -ms-grid-template-columns: 33% 33% 33%
    }
}

@media screen and (max-width:690px) {
    .col:not(.flexbox) {
        grid-template-columns: 100% !important;
        -ms-grid-template-columns: 100% !important
    }
    .scrolling-content {
        display: flex;
        flex-flow: row nowrap;
        max-height: 400px;
        overflow: hidden;
        overflow-x: scroll
    }
}

.scrolling-content>* {
    flex: inherit;
    width: 23%
}

@media screen and (max-width:690px) {
    .scrolling-content>* {
        max-width: 85%;
        min-width: 200px !important
    }
    .scrolling-content>:not(:first-of-type) {
        margin-left: 3vw
    }
}

.o-section-articles .flying-picture {
    text-align: right
}

.o-section-articles:nth-child(odd) .flying-picture {
    text-align: left
}

.o-section-articles:nth-child(odd) .h4 {
    text-align: right
}

@media screen and (min-width:690px) {
    .o-section-articles:nth-child(2) .flying-picture {
        margin-top: -13vw
    }
}

.flying-picture {
    margin: -5vw 4% -4.8vw;
    position: relative;
    z-index: 20
}

.flying-picture img {
    margin-left: 4%;
    margin-right: 4%;
    max-width: 400px;
    width: 70%
}

@media screen and (min-width:690px) and (max-width:1480px) {
    .flying-picture img {
        margin-top: -2vw;
        max-width: 300px
    }
}

@media screen and (max-width:690px) {
    .flying-picture {
        margin-top: 5vw;
        text-align: center !important
    }
}

.social-icon-bar {
    display: flex
}

.social-icon-bar>* {
    flex: 0;
    margin-right: 1vw
}

.social-icon-bar .icon {
    font-size: 3.8rem !important
}

.people-individual img {
    max-width: 100%
}

@media screen and (max-width:690px) {
    .people-individual img {
        max-height: inherit;
        width: 100%
    }
}

.people-individual .content {
    justify-content: flex-start
}

@media screen and (max-width:690px) {
    .people-individual .content {
        margin-top: 7vw
    }
}

.people-individual .content .h5 {
    color: inherit !important
}

.introduction {
    align-items: center
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .introduction {
        flex-direction: row
    }
}

@media screen and (max-width:1200px) {
    .introduction {
        align-items: flex-start
    }
}

@media screen and (max-width:992px) {
    .introduction {
        flex-direction: column
    }
}

.introduction>.illustration img {
    max-width: 95%
}

@media screen and (min-width:768px) {
    .introduction>.illustration {
        text-align: center
    }
}

@media screen and (max-width:992px) {
    .introduction>.illustration {
        margin: 20px auto
    }
}

@media screen and (min-width:992px) {
    .what-else-section {
        display: flex
    }
    .what-else-section .content {
        padding-right: 1vw;
        width: 65%
    }
}

.button:not(:empty),
input.button {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 100px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: inherit;
    max-height: 76px;
    min-width: 178px;
    outline: none;
    padding: 24px 32px;
    text-align: center;
    text-decoration: none;
    transition: all .3s
}

@media screen and (max-width:860px) {
    .button:not(:empty),
    input.button {
        min-width: 160px;
        padding: 16px 24px
    }
}

.button:not(:empty):not(.no-icon):after,
input.button:not(.no-icon):after {
    content: "\e906";
    display: inline-block;
    font-family: ledger-icons-font;
    margin-left: auto;
    padding-left: 6px;
    position: relative;
    transition: all .3s;
    vertical-align: middle
}

.button:not(:empty):not(.no-icon):hover:after,
input.button:not(.no-icon):hover:after {
    padding-left: 12px
}

.button:not(:empty).primary,
input.button.primary {
    background-color: #000;
    color: #fff
}

.button:not(:empty).primary:active,
input.button.primary:active {
    box-shadow: 0 0 0 2px #ff5300
}

.button:not(:empty).secondary,
input.button.secondary {
    background-color: #ff5300;
    color: #fff
}

.button:not(:empty).secondary:active,
input.button.secondary:active {
    box-shadow: 0 0 0 2px #000
}

.button:not(:empty).disable,
input.button.disable {
    background-color: #c3c3c3;
    color: #6a6a6a;
    cursor: default
}

.top-of-the-pop {
    background-color: #000;
    bottom: 15%;
    color: #fff !important;
    display: none;
    font-size: 10px;
    padding: 18px 20px;
    position: fixed;
    right: 2%;
    text-align: center;
    text-decoration: none !important;
    z-index: 900
}

nav ul,
nav ul li {
    margin: 0;
    padding: 0
}

nav ul li {
    list-style: none
}

nav ul li a,
nav ul li a:link,
nav ul li a:visited {
    text-decoration: none
}

nav ul li ul {
    margin: 0;
    padding: 0
}

.main-navigation {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.main-navigation>ul>li>a {
    white-space: nowrap
}

.main-navigation ul {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.4
}

.main-navigation ul li a:link,
.main-navigation ul li a:visited {
    display: block;
    padding: 12px 1.5vw
}

.main-navigation ul li.has-children {
    cursor: pointer
}

.main-navigation ul li.has-children>a {
    pointer-events: none
}

.main-navigation ul li.has-children>a:after {
    
    display: inline-block;
    font-family: ledger-icons-font;
    font-size: 10px;
    left: 8px;
    margin: 0;
    position: relative;
    top: 0
}

.main-navigation ul li.has-children ul {
    border-color: transparent;
    max-height: 0;
    opacity: .5;
    overflow: hidden;
    text-align: left;
    transition: all .2s;
    width: 220px
}

@media screen and (max-width:992px) {
    .main-navigation ul li.has-children ul li a {
        color: #3c3b3b;
        font-weight: 400
    }
}

@media screen and (min-width:992px) {
    .main-navigation ul li.has-children.language-switcher>ul {
        left: auto;
        margin-left: 0;
        right: 0 !important;
        width: 170px
    }
    .main-navigation ul li.has-children.language-switcher>ul:before {
        margin-right: 22px;
        right: 0
    }
    .main-navigation ul li.has-children.language-switcher>ul>li span {
        display: block;
        font-size: 1.1rem;
        font-weight: 400;
        padding-left: 12px;
        padding-right: 12px
    }
}

.main-navigation ul li:hover.has-children ul {
    max-height: 100vh;
    opacity: 1;
    overflow: visible
}

@media screen and (min-width:993px) {
    .main-navigation>ul {
        box-sizing: border-box;
        display: flex;
        justify-content: flex-end;
        margin-left: 4%;
        margin-right: 1%;
        text-align: center
    }
    .main-navigation>ul>li {
        padding: 0;
        position: relative
    }
    .main-navigation>ul>li>ul {
        background: #fff;
        border-radius: 0;
        left: 0;
        margin-top: 12px;
        position: absolute;
        z-index: 90
    }
    .main-navigation>ul>li>ul:before {
        background: #fff;
        border-left: 1px solid #eee;
        border-top: 1px solid #eee;
        content: "";
        height: 10px;
        margin-left: 27px;
        position: absolute;
        top: -5px;
        transform: rotate(45deg);
        width: 10px
    }
    .main-navigation>ul>li:hover>ul {
        border: 1px solid #eee;
        margin-top: 0;
        padding-bottom: 22px;
        padding-top: 22px
    }
    .main-navigation ul li:first-child ul li:nth-last-child(2):not(:first-child):before {
        border-top: 1px solid #dcdcdc;
        content: "";
        display: block;
        height: 1px;
        margin: 18px 0 14px 30px;
        width: 30px
    }
}

@media screen and (max-width:992px) {
    .main-navigation {
        background: #fff;
        box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
        box-sizing: border-box;
        left: 0;
        max-height: 0;
        overflow-y: auto;
        position: fixed;
        top: 60px;
        transition: all .2s;
        width: 100%;
        z-index: 20
    }
    .main-navigation>ul {
        position: static;
        z-index: 30
    }
    .main-navigation>ul li a:link,
    .main-navigation>ul li a:visited {
        display: block;
        padding: 12px
    }
    .main-navigation>ul>li>ul {
        padding-left: 20px;
        width: 100%
    }
    .main-navigation>ul>li:hover ul {
        margin-bottom: 3vw
    }
    .main-navigation.is-open {
        max-height: calc(100% - 50px) !important;
        padding-bottom: 20px;
        padding-top: 10px
    }
    .main-navigation.is-open+#bg-menu-mobile {
        display: block !important
    }
}

#bg-menu-mobile {
    display: none;
    visibility: none
}

@media screen and (max-width:992px) {
    #bg-menu-mobile {
        background: rgba(0, 0, 0, .3);
        height: 100%;
        left: 0;
        position: fixed;
        top: 64px;
        transition: all 1s;
        visibility: visible;
        width: 100%;
        z-index: 1
    }
}

.footer-navigation {
    flex: 4;
    flex-wrap: wrap;
    margin-top: 60px
}

@media screen and (min-width:993px) {
    .footer-navigation {
        margin-left: 7%;
        margin-top: 0
    }
}

.footer-navigation>* {
    flex: auto;
    margin-bottom: 40px;
    width: 100%
}

@media screen and (min-width:768px) {
    .footer-navigation>* {
        padding-right: 4%;
        width: 33%
    }
}

.footer-navigation>* li {
    color: #fff;
    font-weight: 600
}

@media screen and (min-width:768px) {
    .footer-navigation>* li>ul {
        padding-top: 12px
    }
}

.footer-navigation>* li>ul>li {
    color: inherit;
    font-size: 1.3rem;
    font-weight: 400;
    list-style: 1.6;
    padding-bottom: 6px;
    padding-top: 6px
}

.footer-navigation>* ul+ul {
    margin-top: 40px
}

@media screen and (max-width:690px) {
    .footer-navigation>ul>li,
    .footer-navigation div>ul>li {
        position: relative
    }
    .footer-navigation>ul>li:after,
    .footer-navigation div>ul>li:after {
     
        font-family: ledger-icons-font;
        position: absolute;
        right: 2%;
        top: 0
    }
    .footer-navigation>ul>li>ul,
    .footer-navigation div>ul>li>ul {
        max-height: 0;
        overflow: hidden;
        transition: all .3s
    }
    .footer-navigation>ul>li:focus>ul,
    .footer-navigation>ul>li:hover>ul,
    .footer-navigation div>ul>li:focus>ul,
    .footer-navigation div>ul>li:hover>ul {
        max-height: 100vh
    }
}

.aside-navigation ul li {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4
}

.aside-navigation ul li:before {
    color: #949494;
    content: " \e906";
    display: inline-block;
    font-family: ledger-icons-font;
    margin-right: 12px;
    vertical-align: middle
}

@media screen and (min-width:1200px) {
    .aside-navigation ul li {
        padding: 0 0 1vw
    }
}

@media screen and (max-width:1200px) {
    .aside-navigation ul li {
        padding: 0 0 2vw
    }
}

.simple-pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.simple-pagination .prev-ten {
    margin-right: 0
}

.simple-pagination .prev-ten a {
    font-size: 25px;
    font-weight: 200;
    line-height: 20px
}

.simple-pagination .next-ten {
    margin-left: 0
}

.simple-pagination .next-ten a {
    font-size: 25px;
    font-weight: 200;
    line-height: 20px
}

.simple-pagination * {
    display: inline-block;
    font-size: 16px;
    margin: 2px 5px;
    min-width: 25px;
    text-align: center;
    transition: all .3s;
    vertical-align: middle
}

.simple-pagination *>* {
    cursor: pointer;
    text-decoration: none
}

.simple-pagination * a {
    text-decoration: none
}

.simple-pagination .current-page,
.simple-pagination .next:hover,
.simple-pagination .previous:hover,
.simple-pagination [data-active=active] {
    color: #ff5300
}

.simple-pagination i {
    font-size: 12px
}

.simple-pagination .next,
.simple-pagination .previous {
    display: inline-block
}

#footer .language-container {
    margin-left: 0
}

#footer .language-container>li {
    margin: 0
}

#footer .language-switcher {
    border: 2px solid #fff;
    border-radius: 72px;
    display: inline-block;
    position: relative
}

#footer .language-switcher>a {
    display: block;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.4;
    padding: 12px 1.5vw
}

#footer .language-switcher>a:after {
  
    display: inline-block;
    font-family: ledger-icons-font;
    font-size: 10px;
    left: 8px;
    margin: 0;
    position: relative;
    top: 0
}

#footer .language-switcher:hover {
    border-bottom: 0;
    border-radius: 30px 30px 0 0
}

#footer .language-switcher:hover .submenu {
    border: 2px solid #fff;
    border-top: 0;
    left: -2px;
    margin-top: 0;
    max-height: 100vh;
    opacity: 1;
    overflow: visible;
    padding-bottom: 22px;
    padding-top: 22px;
    width: calc(100% + 4px)
}

#footer .language-switcher .submenu {
    background-color: #000;
    border-radius: 0 0 30px 30px;
    border-top: 0;
    border-color: transparent;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    left: 0;
    line-height: 1.4;
    margin: 0;
    max-height: 0;
    opacity: .5;
    overflow: hidden;
    position: absolute;
    text-align: left;
    transition: none;
    width: auto;
    z-index: 90
}

#footer .language-switcher .submenu li {
    list-style: none;
    margin: 0
}

#footer .language-switcher .submenu li a {
    display: block;
    padding: 12px 20px
}

#footer .language-switcher a {
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    text-decoration: none;
    text-transform: uppercase
}

#footer .language-switcher a:after {
    font-size: 1.9rem;
    top: 2px
}

#language-popup {
    background-color: #efefef;
    color: #000;
    display: flex;
    flex-direction: column;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1em;
    padding: min(25px, 5vh) min(50px, 10vw);
    row-gap: 15px
}

#language-popup #user-language {
    font-weight: 700
}

#language-popup #language-popup-close {
    border: 2px solid #000;
    border-radius: 25px;
    font-weight: 700;
    padding: .66rem .75rem;
    position: absolute;
    right: 50px;
    top: 25px
}

#language-popup #language-popup-close:hover {
    cursor: pointer
}

@media screen and (max-width:690px) {
    #language-popup #language-popup-close {
        display: none
    }
}

#language-popup .lp-row {
    display: flex;
    flex-wrap: wrap;
    line-height: 37px;
    padding-right: 50px;
    row-gap: 15px
}

@media screen and (max-width:690px) {
    #language-popup .lp-row {
        padding-right: unset
    }
}

#language-popup .buttons {
    display: flex;
    flex-wrap: wrap;
    row-gap: .5rem
}

#language-popup .buttons button {
    background: transparent;
    border: 2px solid #000;
    border-radius: 25px;
    color: #000;
    font-size: .9em;
    margin-left: 15px;
    padding: 7px 20px
}

#language-popup .buttons button#language-popup-set-default {
    font-weight: 600
}

#language-popup .buttons button:hover {
    cursor: pointer
}

#loader-list .caption {
    background: #f9f9f9;
    border-radius: 0;
    color: #ccc;
    font-style: italic;
    letter-spacing: 1px;
    padding: 15px 32px;
    position: relative;
    top: -30px
}

.fade-in {
    animation: fadeIn 1.5s ease;
    -webkit-animation: fadeIn 1.5s ease;
    -moz-animation: fadeIn 1.5s ease;
    -o-animation: fadeIn 1.5s ease;
    -ms-animation: fadeIn 1.5s ease
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fade-out {
    animation: fadeOut 2s ease;
    -webkit-animation: fadeOut 2s ease;
    -moz-animation: fadeOut 2s ease;
    -o-animation: fadeOut 2s ease;
    -ms-animation: fadeOut 2s ease
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes balancedEffect {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(20deg)
    }
    to {
        transform: rotate(0deg)
    }
}

.balanced-effect {
    animation: balancedEffect 2s ease;
    -webkit-animation: balancedEffect 2s ease;
    -moz-animation: balancedEffect 2s ease;
    -o-animation: balancedEffect 2s ease;
    -ms-animation: balancedEffect 2s ease
}

.ledger-animation {
    opacity: 0
}

@keyframes revealAnimation {
    0% {
        opacity: 0;
        transform: translateY(80px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.reveal-loaded {
    animation: revealAnimation 1.2s cubic-bezier(.5, 0, 0, 1) both
}

.table-flex {
    color: #6a6a6a;
    font-size: 1.4rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 1130px
}

.table-flex>* {
    align-items: flex-start;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:860px) {
    .table-flex>* {
        display: block
    }
}

.table-flex>*>* {
    box-sizing: initial;
    order: 2;
    padding: 1vw
}

@media screen and (min-width:860px) {
    .table-flex>*>* {
        padding-top: 0
    }
}

.table-flex>*>:first-of-type {
    padding-left: 0
}

.table-flex>*>:last-of-type {
    padding-right: 0
}

.table-flex>* .read-more {
    display: block
}

.table-flex>:last-of-type {
    order: 1
}

@media screen and (min-width:860px) {
    .table-flex .flex-1 {
        max-width: 60px;
        text-align: center;
        width: 9%
    }
    .table-flex .flex-1.toggle-btn {
        max-width: 20px;
        padding: .5vw;
        width: 5%
    }
    .table-flex>:last-of-type {
        order: 8
    }
}

.table-flex .thead {
    color: #949494;
    font-size: 1.3rem;
    margin-bottom: 3vw
}

@media screen and (max-width:860px) {
    .table-flex .thead {
        display: none
    }
}

.table-flex .name {
    align-items: center;
    display: flex
}

.table-flex .name .crypto {
    color: #000;
    display: inline-block;
    font-size: 1.6rem
}

@media screen and (min-width:860px) and (max-width:992px) {
    .table-flex .name .crypto {
        max-width: 90px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%
    }
}

.table-flex .name img {
    margin-right: 22px;
    max-width: 23px
}

.table-flex .level {
    margin: 1px
}

.table-flex .icon-plus {
    -webkit-tap-highlight-color: transparent;
    color: #000;
    font-size: 2rem;
    font-weight: 500;
    outline: none;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width:861px) {
    .table-flex .name {
        width: 20%
    }
    .table-flex .description {
        max-width: 460px;
        width: 35%
    }
    .table-flex .description p {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
    .table-flex .description p.show-all {
        -webkit-line-clamp: inherit
    }
    .table-flex .supported {
        width: 25%
    }
}

.table-flex .tcorpus {
    margin-bottom: 3vw;
    position: relative
}

@media screen and (max-width:860px) {
    .table-flex .tcorpus {
        margin-top: 5vw;
        padding-bottom: 5vw
    }
    .table-flex .tcorpus:not(:last-of-type) {
        border-bottom: 1px solid #d8d8d8
    }
    .table-flex .tcorpus>:not(.name):not(.toggle-btn) {
        margin-left: 48px;
        margin-top: 2vw;
        padding: 5vw 0 2vw
    }
    .table-flex .tcorpus>:not(.name):not(.toggle-btn):not(.is-visible) {
        display: none
    }
    .table-flex .tcorpus>:not(.name):not(.toggle-btn):last-of-type {
        border: 0
    }
}

@media screen and (min-width:861px) {
    .table-flex .tcorpus>:not(.name):not(.toggle-btn) {
        display: block !important
    }
}

.table-flex .tcorpus .toggle-btn {
    cursor: pointer
}

@media screen and (max-width:860px) {
    .table-flex .tcorpus .toggle-btn {
        position: absolute;
        right: 0;
        top: 8px
    }
}

.crypto-assets {
    color: #6a6a6a;
    font-size: 1.4rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 1130px
}

@media screen and (max-width:767px) {
    .crypto-assets,
    .crypto-assets tbody {
        display: block
    }
    .crypto-assets tr {
        display: block;
        padding: 1vw 0 5vw;
        position: relative;
        width: 100%
    }
}

.crypto-assets td {
    box-sizing: initial;
    padding: 20px 12px;
    position: relative
}

.crypto-assets td.name span {
    display: block
}

@media screen and (max-width:767px) {
    .crypto-assets td {
        display: block;
        padding: 2vw 1vw;
        text-align: left
    }
    .crypto-assets td:not(:first-of-type):not(:last-of-type) {
        padding-left: 28px
    }
    .crypto-assets td.name span {
        display: inline-block;
        max-width: 50%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .crypto-assets td[class] .icon {
        float: right
    }
}

.crypto-assets td img {
    float: left;
    margin: 6px 10px 30px 0;
    width: 13px
}

@media screen and (max-width:767px) {
    .crypto-assets td img {
        display: inline-block;
        float: none;
        margin: -12px 12px 0 0;
        vertical-align: middle
    }
}

.crypto-assets td .read-more {
    font-size: 1.4rem
}

@media screen and (max-width:767px) {
    .crypto-assets td .read-more {
        float: right
    }
}

.crypto-assets td .icon {
    color: #000;
    font-size: 2rem
}

.crypto-assets td .level-2 {
    background-color: #f1f1f1;
    border: none;
    color: #949494
}

.crypto-assets .thead>* {
    color: #949494;
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 3vw;
    padding-bottom: 2vw;
    position: relative;
    text-align: left;
    text-align: center;
    width: 12%
}

.crypto-assets .thead>:first-of-type {
    padding-left: 1vw;
    text-align: left;
    width: 33%
}

@media screen and (max-width:1115px) {
    .crypto-assets .thead>:first-of-type {
        width: 27%
    }
}

.crypto-assets .thead>:last-of-type {
    padding-left: 1vw;
    text-align: left;
    width: auto
}

@media screen and (max-width:767px) {
    .crypto-assets .thead {
        display: none
    }
}

.sub-table {
    border-bottom: 1px solid #c3c3c3;
    color: #949494;
    flex-direction: row;
    margin-bottom: 3vw;
    margin-left: auto;
    margin-right: auto;
    max-width: 1130px;
    padding-bottom: 1vw
}

@media screen and (max-width:860px) {
    .sub-table {
        flex-direction: column;
        margin-left: -3%;
        margin-right: -3%
    }
}

.sub-table>* {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.sub-table input {
    display: none
}

.sub-table input:checked~label {
    color: #ff5300;
    font-weight: 500
}

.sub-table label {
    cursor: pointer;
    margin: 0 12px
}

@media screen and (min-width:860px) {
    .sub-table label {
        padding: 2px
    }
}

@media screen and (max-width:860px) {
    .sub-table .type i {
        display: block
    }
    .sub-table .type span {
        display: none
    }
}

.sub-table .filter-live {
    position: relative
}

@media screen and (min-width:992px) {
    .sub-table .filter-live {
        border-left: 1px solid #c3c3c3;
        margin-left: 1vw;
        padding-left: 1vw
    }
}

@media screen and (max-width:860px) {
    .sub-table .filter-live {
        margin-top: 2vw
    }
    .sub-table .filter-live label {
        margin-left: 0
    }
}

.sub-table .filter-live .toggle {
    border: 2px solid #949494;
    border-radius: 12px;
    display: inline-block;
    height: 21px;
    margin: 0 7px 0 0;
    position: relative;
    vertical-align: middle;
    width: 29px
}

.sub-table .filter-live .toggle:after {
    background: #949494;
    border-radius: 100%;
    content: "";
    height: 11px;
    left: 3px;
    position: absolute;
    top: 3px;
    transition: all .2s;
    width: 11px
}

.sub-table .filter-live input:checked~label .toggle {
    border-color: #ff5300
}

.sub-table .filter-live input:checked~label .toggle:after {
    background: #ff5300;
    left: 11px
}

.simple-lines {
    align-items: center;
    border: 1px solid #c3c3c3;
    border-radius: 0;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 12px;
    padding: 40px
}

@media screen and (max-width:690px) {
    .simple-lines {
        align-items: center !important;
        margin-bottom: 0;
        margin-top: 12px;
        padding: 30px;
        text-align: center
    }
}

@media screen and (max-width:960px) {
    .simple-lines {
        align-items: flex-start;
        flex-direction: column
    }
}

.simple-lines>* {
    flex: 1;
    font-size: 1.4rem
}

.simple-lines>:not(:last-child) {
    margin: 0;
    padding-right: 40px
}

@media screen and (max-width:960px) {
    .simple-lines>:not(:last-child) {
        padding-bottom: 12px;
        padding-right: 0
    }
}

@media screen and (min-width:992px) {
    .simple-lines>:last-child {
        margin-left: auto
    }
}

.simple-lines>.title {
    align-items: center;
    display: flex;
    min-width: 100px
}

.simple-lines>.read-more,
.simple-lines>.title {
    flex: none
}

.simple-lines>* .fal {
    color: #ff5300;
    font-size: 22px;
    padding-right: 10px
}

.simple-lines>img {
    flex: none
}

.gridbox {
    display: grid
}

.gridbox.col-2 {
    -moz-column-gap: max(4.5vw, 30px);
    column-gap: max(4.5vw, 30px);
    grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
    row-gap: max(3vw, 30px)
}

@media screen and (max-width:768px) {
    .gridbox.col-2 {
        grid-template-columns: repeat(1, minmax(100%, 1fr))
    }
}

.gridbox.col-3 {
    grid-gap: 30px;
    grid-auto-rows: minmax(200px, auto);
    grid-template-columns: repeat(3, 1fr)
}

@media screen and (max-width:690px) {
    .gridbox.col-3 {
        grid-template-columns: repeat(1, 1fr)
    }
}

.gridbox.col-4 {
    grid-gap: 40px;
    grid-auto-rows: minmax(100px, auto);
    grid-template-columns: repeat(4, 1fr)
}

@media screen and (max-width:992px) {
    .gridbox.col-4 {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:690px) {
    .gridbox.col-4 {
        grid-template-columns: repeat(1, 1fr)
    }
}

.crypto-gallery .grid-items {
    justify-content: center
}

.crypto-gallery .grid-items>* {
    border: 1px solid
}

.crypto-gallery.simple-list .grid-items>* {
    border: none
}

.crypto-gallery.simple-list .grid-items>* img {
    max-height: 25px;
    max-width: inherit
}

.c-scrolling-zone {
    padding-top: 5%;
    position: relative
}

@media screen and (min-width:860px) {
    .c-scrolling-zone {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        justify-content: stretch
    }
}

.c-scrolling-zone>.scroll-content {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    width: 94%
}

@media screen and (min-width:861px) {
    .c-scrolling-zone>.scroll-content {
        margin-left: auto;
        width: 34%
    }
}

.c-scrolling-zone .fixed-area {
    background: #e5e5e5;
    height: 104%;
    margin-left: auto;
    margin-right: auto;
    max-width: 618px;
    padding: 7% 0 5% 7%;
    position: absolute;
    top: 0;
    width: 40%
}

@media screen and (max-width:860px) {
    .c-scrolling-zone .fixed-area {
        background: transparent;
        z-index: 1
    }
}

.c-scrolling-zone .fixed-area>div {
    box-shadow: 0 0 0 !important;
    height: 377px;
    max-width: 600px;
    position: sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 21%;
    transition: all .3s;
    width: 140%
}

.c-scrolling-zone .fixed-area>div img {
    box-shadow: -10px 10px 48px rgba(0, 0, 0, .1)
}

@media screen and (max-width:860px) {
    .c-scrolling-zone .fixed-area>div img {
        display: none;
        visibility: hidden
    }
}

.c-scrolling-zone .fixed-area>div .scroll-bullets {
    display: flex;
    flex-direction: column;
    height: 50%;
    justify-content: center;
    left: -8%;
    position: absolute;
    top: 4.3vw;
    width: 20px
}

@media screen and (max-width:992px) {
    .c-scrolling-zone .fixed-area>div .scroll-bullets {
        left: -9%
    }
}

.c-scrolling-zone .fixed-area>div .scroll-bullets>* {
    border: 1px solid #ff5300;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    height: 8px;
    margin-left: auto;
    margin-right: auto;
    width: 8px
}

.c-scrolling-zone .fixed-area>div .scroll-bullets>:not(:last-of-type) {
    margin-bottom: 15px
}

.c-scrolling-zone .fixed-area>div .scroll-bullets>.active {
    background-color: #ff5300
}

.c-scrolling-zone.fix-on-right .fixed-area {
    left: auto
}

.c-scrolling-zone.fix-on-right>.scroll-content {
    margin-left: 7%
}

@media screen and (max-width:992px) {
    .c-scrolling-zone.fix-on-right>.scroll-content {
        margin-left: 5%
    }
}

.c-scrolling-zone .bloc-item {
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    max-width: 100%;
    position: relative
}

@media screen and (min-width:861px) {
    .c-scrolling-zone .bloc-item {
        background: none !important;
        justify-content: center;
        max-width: 420px;
        min-height: 400px
    }
    .c-scrolling-zone .bloc-item>* {
        flex: none;
        max-width: 100%
    }
    .c-scrolling-zone .bloc-item .target {
        top: -25px
    }
}

@media screen and (max-width:860px) {
    .c-scrolling-zone .bloc-item {
        height: auto;
        margin: 0 auto 80px;
        width: 100%
    }
    .c-scrolling-zone .bloc-item>* {
        padding-left: 12%
    }
    .c-scrolling-zone .bloc-item .mobile-img {
        background: #e5e5e5;
        display: block !important;
        margin: 0 -6% 30px !important;
        max-width: 112%;
        padding: 20px 20px 20px 18% !important;
        visibility: visible !important
    }
    .c-scrolling-zone .bloc-item .mobile-img img {
        box-shadow: -10px 10px 40px rgba(0, 0, 0, .1);
        display: block;
        float: right;
        margin: 0 6% 0 0 !important;
        max-width: 95%
    }
    .c-scrolling-zone .bloc-item .h3 {
        margin-bottom: 5px !important
    }
    .c-scrolling-zone .bloc-item .target {
        top: -100px
    }
}

.pop-modal {
    align-items: center;
    animation-duration: .4s;
    animation-iteration-count: 1;
    animation-name: fadeIn;
    animation-timing-function: ease;
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.pop-modal.active {
    display: flex
}

.pop-modal .close-pop-modal {
    background: rgba(0, 0, 0, .6);
    border-radius: 100%;
    color: #fff;
    cursor: pointer;
    padding: 10px 8px 5px;
    position: absolute;
    right: 10%;
    top: 2%;
    z-index: 999
}

.pop-modal .close-pop-modal>* {
    font-size: 32px;
    font-weight: 100;
    margin: auto
}

.pop-modal .content {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .8);
    display: block;
    height: 80%;
    width: 80%
}

.pop-modal .content.full-screen {
    height: 100%;
    min-height: 100%;
    width: 100%
}

.pop-modal .content.full-screen+.close-pop-modal {
    right: 5%;
    top: 5%
}

.open-pop-modal:not(.button) {
    color: #ff5300 !important;
    cursor: pointer
}

.organism-bloc-warning {
    padding: 12px 20px !important
}

@media screen and (max-width:768px) {
    .organism-bloc-warning {
        padding: 12px !important
    }
}

.organism-bloc-warning .fal,
.organism-bloc-warning img {
    font-size: 3.2rem
}

@media screen and (min-width:690px) {
    .organism-bloc-warning .fal,
    .organism-bloc-warning img {
        display: block;
        padding-right: 5px
    }
}

.organism-bloc-warning .content {
    align-items: center;
    color: #c3c3c3;
    font-size: 12px
}

@media screen and (min-width:768px) {
    .organism-bloc-warning .content {
        display: flex
    }
    .organism-bloc-warning .content br {
        display: none
    }
}

.organism-bloc-warning .content>* {
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 3px;
    margin-top: 3px
}

@media screen and (min-width:768px) {
    .organism-bloc-warning .content>* {
        margin-left: 10px;
        margin-right: 10px
    }
}

.organism-bloc-warning .content a {
    color: #fff;
    font-size: 1.4rem;
    margin-left: auto
}

.organism-bloc-warning .content .title {
    color: #fff;
    font-size: 1.4rem
}

.organism-bloc-warning.bg-dark a:link,
.organism-bloc-warning.bg-dark a:visited {
    color: #fff;
    font-size: 1.4rem;
    text-decoration: underline
}

.scrolling-area {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (min-width:768px) {
    .scrolling-area {
        flex-direction: row
    }
    .scrolling-area>* {
        max-width: 510px;
        width: 50%
    }
}

.scrolling-area .fixed-area {
    margin-right: 0
}

@media screen and (min-width:768px) {
    .scrolling-area .fixed-area {
        margin-right: 3%
    }
}

.scrolling-area .fixed-area>* {
    margin-bottom: 60px;
    position: sticky;
    top: 125px;
    z-index: 2
}

@media screen and (min-width:768px) {
    .scrolling-area .scroller-text-items {
        margin-left: 3%
    }
}

.scrolling-area .scroller-text-items>.item {
    padding-bottom: 60px;
    transition: opacity .05s
}

.scrolling-area .scroller-text-items>.item:not(:last-of-type) {
    border-bottom: 1px solid #e5e5e5
}

@media screen and (min-width:768px) {
    .scrolling-area .scroller-text-items>.item:not(.active) {
        opacity: .3
    }
}

.vertical-swiper-block {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.vertical-swiper-block .vertical-swiper .item {
    display: flex;
    flex-direction: column-reverse;
    padding-bottom: 60px;
    padding-top: 60px;
    scroll-snap-align: start
}

@media screen and (max-width:690px) {
    .vertical-swiper-block .vertical-swiper .item {
        border-bottom: 1px solid #3c3b3b
    }
    .vertical-swiper-block .vertical-swiper .item:last-of-type {
        border-bottom: 0
    }
}

.vertical-swiper-block .vertical-swiper .item:not(:last-of-type):after {
    background-color: #3c3b3b;
    bottom: 0;
    content: "";
    height: 1px;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    width: 114%;
    z-index: 2
}

@media screen and (min-width:690.5px) {
    .vertical-swiper-block .vertical-swiper .item {
        align-items: center;
        flex-direction: row;
        justify-content: center;
        min-height: 490px;
        position: relative
    }
    .vertical-swiper-block .vertical-swiper .item .illustration {
        max-width: 46%
    }
}

@media screen and (max-width:690px) {
    .vertical-swiper-block .vertical-swiper .item {
        text-align: center
    }
    .vertical-swiper-block .vertical-swiper .item .illustration {
        flex: none
    }
}

.vertical-swiper-block .vertical-swiper .item>* {
    flex: 1
}

@media screen and (max-width:1024px) {
    .vertical-swiper-block .vertical-swiper .item .title {
        font-size: 4.2rem
    }
}

@media screen and (max-width:690px) {
    .vertical-swiper-block .vertical-swiper .item .title {
        font-size: 2.4rem;
        margin-top: 20px
    }
}

.vertical-swiper-block .vertical-swiper .slide-index {
    background: rgba(255, 83, 0, .3);
    display: flex;
    flex-direction: column;
    height: 100%;
    left: -4%;
    position: absolute;
    top: 0;
    width: 6px;
    z-index: 5
}

@media screen and (min-width:690.5px) {
    .vertical-swiper-block .vertical-swiper .slide-index {
        left: -2.5%
    }
}

.vertical-swiper-block .vertical-swiper .slide-index>* {
    position: sticky;
    top: 0
}

.vertical-swiper-block .vertical-swiper .slide-index .index {
    background-color: #ff5300;
    bottom: auto;
    color: #fff;
    display: block;
    flex: none;
    font-size: 1.6rem;
    height: 32px;
    left: 0;
    line-height: 32px;
    text-align: center;
    transition: all .2s;
    width: 32px
}

@media screen and (min-width:690.5px) {
    .vertical-swiper-block .vertical-swiper .slide-index .index {
        height: 50px;
        line-height: 50px;
        width: 50px
    }
}

@media screen and (max-width:1024px) {
    .vertical-swiper-block .vertical-swiper .slide-index .index {
        height: 42px;
        line-height: 42px;
        width: 42px
    }
}

.vertical-swiper-block .vertical-swiper .slide-index .progress-bar {
    background-color: #ff5300;
    display: block;
    height: 110px;
    left: 0;
    position: relative;
    top: 0;
    transition: all .2s;
    width: 6px
}

.more-about {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:690px) {
    .more-about {
        flex-direction: column
    }
}

@media screen and (min-width:690px) {
    .more-about>* {
        width: 53%
    }
}

.more-about>:not(.academy-lines) {
    margin-bottom: 20px
}

@media screen and (min-width:690px) {
    .more-about>:not(.academy-lines) {
        margin-bottom: 0;
        width: 40%
    }
}

.more-about .academy-lines>* {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    padding: 12px
}

@media screen and (max-width:690px) {
    .more-about .academy-lines>* {
        flex-direction: column
    }
}

@media screen and (min-width:690px) {
    .more-about .academy-lines>* {
        align-items: center;
        padding: 20px
    }
}

.more-about .academy-lines>* img {
    margin-right: 20px
}

@media screen and (max-width:690px) {
    .more-about .academy-lines>* img {
        margin: 0 auto 20px
    }
}

.more-about .academy-lines>:not(:last-of-type) {
    margin-bottom: 12px
}

.product-slider-with-tab {
    overflow: hidden;
    position: relative
}

.product-slider-with-tab .tab {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 88%
}

.product-slider-with-tab .tab .swiper-wrapper {
    display: flex;
    flex-flow: row nowrap;
    max-width: 100%;
    width: auto
}

@media screen and (max-width:690px) {
    .product-slider-with-tab .tab .swiper-wrapper {
        min-width: auto
    }
}

.product-slider-with-tab .tab .swiper-wrapper>* {
    border-bottom: 3px solid;
    cursor: pointer;
    height: auto;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left
}

.product-slider-with-tab .tab .swiper-wrapper>:not(.swiper-slide-thumb-active) {
    color: #c3c3c3
}

.product-slider-with-tab .gallery-bottom .swiper-slide {
    align-items: center;
    background: #f3f3f3;
    border-radius: 0;
    color: #6a6a6a;
    display: flex;
    font-size: 18px;
    font-size: 1.6rem;
    height: auto;
    justify-content: flex-start;
    max-width: 1000px;
    padding: 50px 90px 50px 70px;
    width: 70%
}

@media screen and (max-width:992px) {
    .product-slider-with-tab .gallery-bottom .swiper-slide {
        padding: 40px 20px;
        width: 88.5%
    }
}

@media screen and (max-width:690px) {
    .product-slider-with-tab .gallery-bottom .swiper-slide {
        flex-direction: column;
        width: 76%
    }
}

.product-slider-with-tab .gallery-bottom .swiper-slide img {
    filter: grayscale(1);
    margin-right: 2vw;
    max-width: 300px
}

@media screen and (max-width:690px) {
    .product-slider-with-tab .gallery-bottom .swiper-slide img {
        margin: 12px 0;
        width: 70%
    }
}

.product-slider-with-tab .gallery-bottom .steps span {
    color: #949494
}

.product-slider-with-tab .bottom {
    display: flex;
    justify-content: space-between
}

@media screen and (min-width:690px) {
    .product-slider-with-tab .bottom {
        align-items: center
    }
}

@media screen and (max-width:690px) {
    .product-slider-with-tab .bottom {
        flex-direction: column;
        margin-top: -15px
    }
}

.product-slider-with-tab .bottom>* {
    flex: 1;
    order: 3
}

.product-slider-with-tab .swiper-controller {
    order: 4;
    text-align: right;
    width: 40%;
    width: 50%
}

@media screen and (max-width:690px) {
    .product-slider-with-tab .swiper-controller {
        align-self: flex-end;
        order: 1;
        width: 92%
    }
}

.product-slider-with-tab .swiper-controller .swiper-next,
.product-slider-with-tab .swiper-controller .swiper-prev {
    background: none;
    color: #000;
    content: "";
    cursor: pointer;
    display: inline-block;
    font-family: Font Awesome\ 5 Pro;
    height: auto;
    left: 0;
    margin: 0 3px;
    outline: none;
    padding: 10px 6px;
    position: relative;
    right: 0;
    vertical-align: middle;
    width: auto
}

.product-slider-with-tab .swiper-controller .swiper-next.swiper-button-disabled,
.product-slider-with-tab .swiper-controller .swiper-next.swiper-disabled,
.product-slider-with-tab .swiper-controller .swiper-prev.swiper-button-disabled,
.product-slider-with-tab .swiper-controller .swiper-prev.swiper-disabled {
    color: #949494
}

.product-slider-with-tab .swiper-controller .swiper-next:after {
    content: "\f178"
}

.product-slider-with-tab .swiper-controller .swiper-prev:after {
    content: "\f177"
}

@media screen and (max-width:767px) {
    .double-blocks-background {
        flex-direction: column-reverse
    }
}

.double-blocks-background>* {
    background-color: #e5e5e5;
    flex: 1;
    padding: 20px;
    transition: all .3s;
    width: 100%
}

@media screen and (min-width:1180px) {
    .double-blocks-background>* {
        padding: 70px
    }
}

@media screen and (max-width:690px) {
    .double-blocks-background>* {
        padding: 60px 25px
    }
}

.double-blocks-background .illustration-block {
    align-items: flex-end;
    background-color: #e8eaec;
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 20px;
    position: relative;
    text-align: center
}

.preview-on-click-block {
    display: flex;
    justify-content: space-between;
    transition: all .3s
}

@media screen and (min-width:768px) and (max-width:1100px) {
    .preview-on-click-block {
        align-items: center
    }
}

@media screen and (max-width:767px) {
    .preview-on-click-block {
        flex-direction: column;
        padding-left: 2%;
        padding-right: 2%
    }
}

@media screen and (min-width:768px) {
    .preview-on-click-block>* {
        width: 38%
    }
}

@media screen and (min-width:768px) and (max-width:1100px) {
    .preview-on-click-block>* {
        width: 32%
    }
}

@media screen and (min-width:768px) {
    .preview-on-click-block .content {
        width: 60%
    }
}

.preview-on-click-block .content .flexbox {
    align-items: flex-start;
    color: #949494;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.preview-on-click-block .content .flexbox>* {
    cursor: pointer;
    flex: none;
    transition: all .3s;
    width: 100%
}

@media screen and (max-width:768px) {
    .preview-on-click-block .content .flexbox>:not(:last-of-type) {
        margin-bottom: 60px
    }
}

@media screen and (min-width:768px) {
    .preview-on-click-block .content .flexbox>* {
        font-size: 16px;
        margin-bottom: 80px;
        width: 45%
    }
    .preview-on-click-block .content .flexbox>:not(.active) {
        filter: grayscale(1);
        opacity: .5
    }
    .preview-on-click-block .content .flexbox>:not(.active):hover {
        filter: grayscale(0);
        opacity: 1
    }
}

.preview-on-click-block .content .flexbox>* .mobile-illustration {
    display: none
}

@media screen and (max-width:767px) {
    .preview-on-click-block .content .flexbox>* .mobile-illustration {
        display: block;
        margin: 20px auto 0;
        max-width: 70%
    }
}

.preview-on-click-block .content .flexbox>* p:first-of-type {
    margin-bottom: 5px
}

.preview-on-click-block .illustration {
    position: relative;
    text-align: center
}

@media screen and (max-width:767px) {
    .preview-on-click-block .illustration {
        display: none
    }
}

.header-top-banner {
    text-decoration: none !important
}

.header-top-banner--container {
    background-color: #fbfbfb;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.header-top-banner--container .header-top-banner--text {
    display: flex;
    flex: 4
}

.header-top-banner--container .header-top-banner--text p {
    align-self: center;
    color: #000;
    font-family: HMAlphaMono, Open sans, arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 38px;
    padding: 14px 0 14px 60px;
    text-transform: uppercase
}

.header-top-banner--container .header-top-banner--text p strong {
    color: #ff5300;
    font-weight: 500
}

@media screen and (max-width:690px) {
    .header-top-banner--container .header-top-banner--text p {
        font-size: 14px;
        line-height: 16px;
        padding: 10px
    }
}

.header-top-banner--container .header-top-banner--button {
    background-color: #ff5300;
    display: flex;
    flex: 1
}

.header-top-banner--container .header-top-banner--button span {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    padding: 24px 152px 24px 32px;
    white-space: nowrap
}

.header-top-banner--container .header-top-banner--button span:after {
    color: #fff;
    content: "\e906";
    display: inline-block;
    font-family: ledger-icons-font;
    font-size: 2rem;
    line-height: 2rem;
    padding-left: 20px;
    transition: all .3s;
    vertical-align: middle
}

@media screen and (max-width:768px) {
    .header-top-banner--container .header-top-banner--button span:after {
        padding: 20px;
        transition: none
    }
}

.header-top-banner--container .header-top-banner--button:hover span:after {
    transform: translateX(40px)
}

@media screen and (max-width:768px) {
    .header-top-banner--container .header-top-banner--button:hover span:after {
        transform: none
    }
    .header-top-banner--container .header-top-banner--button span {
        display: none
    }
    .header-top-banner--container .header-top-banner--button:active {
        background-color: #3c3b3b
    }
    .header-top-banner--container .header-top-banner--button:after {
        align-items: center;
        color: #fff;
        content: "\e906";
        display: flex;
        font-family: ledger-icons-font;
        font-size: 3rem;
        line-height: 3rem;
        margin: auto;
        width: 3rem
    }
}

.hero-manager .introduction {
    background: #fe5301;
    height: auto;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    width: 100%
}

@media screen and (max-width:1200px) {
    .hero-manager .introduction {
        height: 780px
    }
}

@media screen and (max-width:992px) {
    .hero-manager .introduction {
        height: 700px
    }
}

@media screen and (max-width:768px) {
    .hero-manager .introduction {
        height: 570px
    }
}

.hero-manager .introduction .background-video {
    bottom: 0;
    height: 100%;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: -100
}

@media screen and (max-width:767px) {
    .hero-manager .introduction .background-video {
        right: -20%
    }
}

.hero-manager .introduction .title {
    line-height: 1.2;
    margin-bottom: 40px
}

@media screen and (max-width:768px) {
    .hero-manager .introduction .title {
        font-size: 4.2rem
    }
}

.hero-manager .introduction,
.hero-manager .introduction .subtitle,
.hero-manager .introduction .title,
.hero-manager .introduction a:link,
.hero-manager .introduction a:visited {
    color: #fff
}

.hero-manager .introduction>* {
    align-items: normal;
    height: 100%;
    width: 100%;
    z-index: 20
}

@media screen and (max-width:690px) {
    .hero-manager .introduction>* {
        align-items: inherit;
        flex-direction: column-reverse;
        margin-left: 0
    }
}

.hero-manager .introduction>*>* {
    width: 100%;
    z-index: 50
}

.hero-manager .introduction>* ul img {
    display: inline-block;
    margin: 0 4px 5px;
    vertical-align: middle
}

@media screen and (max-width:690px) {
    .hero-manager .introduction .with-video {
        flex-direction: column-reverse;
        margin: 0
    }
}

.hero-manager .second-cta {
    margin-top: 20px;
    text-align: center
}

.hero-manager .cta-section.no-info {
    margin-top: 40px
}

@media screen and (max-width:768px) {
    .hero-manager .cta-section {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.hero-manager .cta-section a.copy-button {
    background-color: #000;
    border: 2px solid #fff;
    color: #fff;
    margin-right: 0;
    position: relative
}

@media screen and (max-width:768px) {
    .hero-manager .cta-section a.copy-button {
        margin-top: 20px
    }
}

.hero-manager .cta-section a.copy-button:after {
    content: "\e937"
}

.hero-manager .cta-section a.copy-button:hover {
    border: 2px solid #c3c3c3;
    color: #c3c3c3
}

.hero-manager .cta-section a.copy-button .tooltip {
    background-color: #c3c3c3;
    border-radius: 6px;
    color: #000;
    font-size: 14px;
    left: 47%;
    margin-left: 108px;
    padding: 8px 12px;
    position: absolute;
    text-align: center;
    top: 7px;
    transition: opacity .3s ease, visibility .3s ease;
    visibility: hidden;
    white-space: nowrap;
    z-index: 99
}

@media screen and (max-width:768px) {
    .hero-manager .cta-section a.copy-button .tooltip {
        margin-left: -90px;
        top: 70px
    }
}

.hero-manager .cta-section a.copy-button:active .tooltip {
    opacity: 1;
    visibility: visible
}

.hero-manager .cta-section a.copy-button .tooltip:after {
    border: 7px solid transparent;
    border-right-color: #c3c3c3;
    content: "";
    left: 0;
    margin-left: -14px;
    position: absolute;
    top: 35%
}

@media screen and (max-width:768px) {
    .hero-manager .cta-section a.copy-button .tooltip:after {
        border-color: transparent transparent #c3c3c3;
        left: 50%;
        margin-left: -10px;
        top: -33%
    }
}

.hero-manager .cta-section a.copy-button.copied {
    border: 2px solid #ff5300
}

@media screen and (max-width:768px) {
    .hero-manager .cta-section a.copy-button.copied {
        margin-bottom: 40px
    }
}

.hero-manager .cta-section a.copy-button.copied .tooltip {
    opacity: 1;
    visibility: visible
}

.hero-manager .cta-section a.copy-button.copied:hover {
    border: 2px solid #ff5300;
    color: #fff
}

.hero-manager .bg-black {
    background-color: #000;
    height: auto
}

.hero-manager .read-more:not(.reverse):after {
    padding-left: 16px
}

.hero-manager .illustration-block {
    min-width: 50%
}

.hero-manager .illustration-block .illustration {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 596px;
    width: 100%
}

@media screen and (max-width:992px) {
    .hero-manager .illustration-block .illustration {
        background-size: cover;
        flex: 0 0 auto;
        min-height: 360px;
        position: relative;
        width: 100%
    }
    .hero-manager .illustration-block.no-illustration-mobile {
        display: none
    }
}

.hero-manager .video-block {
    min-width: 54%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:1200px) {
    .hero-manager .content {
        margin-bottom: 40px;
        padding: 40px 0 0;
        width: 93%
    }
}

.hero-manager .content .h1 {
    color: #ff5300;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.8rem
}

@media screen and (max-width:767px) {
    .hero-manager .content .h1 {
        font-size: 1.2rem
    }
}

.hero-manager .content .h2 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 5rem;
    line-height: 5.4rem;
    text-transform: none
}

@media screen and (max-width:1200px) {
    .hero-manager .content .h2 {
        font-size: 2.8rem;
        line-height: 3.2rem;
        text-transform: none
    }
}

.hero-manager .content ul {
    margin: 0 0 15px
}

.hero-manager .content ul li {
    display: inline-block;
    list-style: none;
    margin: 10px 15px 10px 0
}

.hero-manager .content p {
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 2.1rem;
    line-height: 2.9rem
}

@media screen and (max-width:767px) {
    .hero-manager .content p {
        font-size: 1.8rem;
        line-height: 2.6rem
    }
}

@media screen and (max-width:991px) {
    .hero-manager .content>h1,
    .hero-manager .content>h2,
    .hero-manager .content>p {
        width: auto
    }
}

.hero-manager .content .button {
    margin-right: 20px;
    padding: 16px 20px
}

@media screen and (max-width:767px) {
    .hero-manager .content .button {
        margin-right: 0
    }
}

.hero-manager.alternative .content .h1 {
    color: #fff;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 6.8rem;
    line-height: 130%;
    text-transform: none
}

@media screen and (max-width:860px) {
    .hero-manager.alternative .content .h1 {
        font-size: 3.8rem
    }
}

.hero-manager.alternative .content .h2 {
    color: #fff;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 140%;
    text-transform: none
}

.hero-manager.alternative .content p {
    font-size: 1.6rem;
    line-height: 170%
}

.hero-manager .trusted-by {
    background-color: #191919;
    border-radius: 8px;
    display: inline-block;
    margin-top: 32px;
    padding: 8px 16px
}

@media screen and (max-width:768px) {
    .hero-manager .trusted-by {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        margin: 32px auto 0;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media screen and (max-width:767px) {
    .hero-manager .trusted-by {
        font-size: 1.2rem;
        padding: 8px 10px
    }
}

.hero-manager .trusted-by>span {
    display: inline-block;
    margin-right: 10px
}

@media screen and (max-width:767px) {
    .hero-manager .trusted-by>span {
        margin-right: 5px
    }
}

.hero-manager .trusted-by .icon-custom-star-solid,
.hero-manager .trusted-by .icon-custom-star-solid-half {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMS44MWwxLjQxMyA0LjM1LjExMi4zNDVoNC45MzZsLTMuNyAyLjY4OS0uMjkzLjIxMy4xMTIuMzQ2IDEuNDEzIDQuMzQ4LTMuNy0yLjY4OEw4IDExLjJsLS4yOTQuMjEzLTMuNyAyLjY4OEw1LjQyIDkuNzUybC4xMTItLjM0Ni0uMjk0LS4yMTMtMy43LTIuNjg5aDQuOTM3bC4xMTItLjM0NUw4IDEuODF6IiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmZmYiLz48L3N2Zz4=);
    display: inline-block;
    height: 16px;
    position: relative;
    top: 2px;
    width: 16px
}

.hero-manager .trusted-by .icon-custom-star-solid-half {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMS44MWwxLjQxMyA0LjM1LjExMi4zNDVoNC45MzZsLTMuNyAyLjY4OS0uMjkzLjIxMy4xMTIuMzQ2IDEuNDEzIDQuMzQ4LTMuNy0yLjY4OEw4IDExLjJsLS4yOTQuMjEzLTMuNyAyLjY4OEw1LjQyIDkuNzUybC4xMTItLjM0Ni0uMjk0LS4yMTMtMy43LTIuNjg5aDQuOTM3bC4xMTItLjM0NUw4IDEuODF6IiBmaWxsPSJ1cmwoI2EpIiBzdHJva2U9IiNmZmYiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSIwIiB5MT0iOC4yNSIgeDI9IjE2IiB5Mj0iOC4yNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+")
}

.hero-manager .mention {
    align-items: center;
    background-color: #fff7f5;
    border-radius: 8px;
    color: #000;
    display: flex;
    flex-direction: row;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    gap: 6px;
    line-height: 22px;
    padding: 6px 20px;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content
}

.hero-manager .mention .dot {
    background-color: #6ec85c;
    border-radius: 50%;
    display: inline-block;
    height: 16px;
    width: 16px
}

.recommended-by {
    color: #fff;
    font-size: 1.4rem;
    padding: 30px 0;
    text-align: center;
    text-transform: uppercase
}

.recommended-by>div {
    margin-top: 25px
}

.recommended-by>div img {
    display: inline-block;
    margin: 0 2vw;
    max-height: 27px
}

@media screen and (max-width:767px) {
    .recommended-by>div img {
        margin: 0 1vw;
        max-height: 17px
    }
}

.recommended-by-container {
    background-color: #191919
}

@font-face {
    font-display: block;
    font-family: ledger-icons-font;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icomoon7b85.html?ovw2pd);
    src: url(../fonts/icomoon7b85.html?ovw2pd#iefix) format("embedded-opentype"), url(../fonts/icomoon7b85.ttf?ovw2pd) format("truetype"), url(../fonts/icomoon7b85-2.html?ovw2pd) format("woff"), url(../fonts/icomoon7b85-3.html?ovw2pd#icomoon) format("svg")
}

[class*=" icon-"],
[class^=icon-] {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: ledger-icons-font !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-activity:before {
    content: "\e900"
}

.icon-apple:before {
    content: "\e901"
}

.icon-arrow-bottom:before {
    content: "\e902"
}

.icon-arrow-down:before {
    content: "\e903"
}

.icon-arrow-from-bottom:before {
    content: "\e904"
}

.icon-arrow-left:before {
    content: "\e905"
}

.icon-arrow-right:before {
    content: "\e906"
}

.icon-arrow-to-bottom:before {
    content: "\e907"
}

.icon-arrow-top:before {
    content: "\e908"
}

.icon-arrow-up:before {
    content: "\e909"
}

.icon-bandwith:before {
    content: "\e90a"
}

.icon-bar-chart:before {
    content: "\e90b"
}

.icon-battery-half:before {
    content: "\e90c"
}

.icon-bed:before {
    content: "\e90d"
}

.icon-blockchain:before {
    content: "\e90e"
}

.icon-bluetooth:before {
    content: "\e90f"
}

.icon-bracketleft:before {
    content: "\e910"
}

.icon-bracketright:before {
    content: "\e911"
}

.icon-brackets:before {
    content: "\e912"
}

.icon-bring-front:before {
    content: "\e913"
}

.icon-buy-crypto:before {
    content: "\e914"
}

.icon-buy-crypto-alt:before {
    content: "\e915"
}

.icon-chart-network:before {
    content: "\e916"
}

.icon-check-alone:before {
    content: "\e917"
}

.icon-chevron-bottom:before {
 
}

.icon-chevron-left:before {
    content: "\e919"
}

.icon-chevron-right:before {
    content: "\e91a"
}

.icon-chevron-top:before {
    content: "\e91b"
}

.icon-christmas:before {
    content: "\e91c"
}

.icon-circled-alert:before {
    content: "\e91d"
}

.icon-circled-bottom:before {
    content: "\e91e"
}

.icon-circled-check:before {
    content: "\e91f"
}

.icon-circled-check-solid:before {
    content: "\e920"
}

.icon-circled-cross:before {
    content: "\e921"
}

.icon-circled-cross-solid:before {
    content: "\e922"
}

.icon-circled-left:before {
    content: "\e923"
}

.icon-circled-north-east:before {
    content: "\e924"
}

.icon-circled-north-west:before {
    content: "\e925"
}

.icon-circled-plus:before {
    content: "\e926"
}

.icon-circled-plus-solid:before {
    content: "\e927"
}

.icon-circled-right:before {
    content: "\e928"
}

.icon-circled-south-east:before {
    content: "\e929"
}

.icon-circled-south-west:before {
    content: "\e92a"
}

.icon-circled-up:before {
    content: "\e92b"
}

.icon-claim-rewards:before {
    content: "\e92c"
}

.icon-clipboard-list-check:before {
    content: "\e92d"
}

.icon-clock:before {
    content: "\e92e"
}

.icon-close:before {
    content: "\e92f"
}

.icon-cloud-download:before {
    content: "\e930"
}

.icon-coffee:before {
    content: "\e931"
}

.icon-coin:before {
    content: "\e932"
}

.icon-coins:before {
    content: "\e933"
}

.icon-comments:before {
    content: "\e934"
}

.icon-comments-dollar:before {
    content: "\e935"
}

.icon-computer:before {
    content: "\e936"
}

.icon-copy:before {
    content: "\e937"
}

.icon-crown:before {
    content: "\e938"
}

.icon-cube:before {
    content: "\e939"
}

.icon-dashboard:before {
    content: "\e93a"
}

.icon-delegate:before {
    content: "\e93b"
}

.icon-devices:before {
    content: "\e93c"
}

.icon-devices-alt:before {
    content: "\e93d"
}

.icon-dollar:before {
    content: "\e93e"
}

.icon-download:before {
    content: "\e93f"
}

.icon-dropdown:before {
    content: "\e940"
}

.icon-dumbbell:before {
    content: "\e941"
}

.icon-eightcircledfina:before {
    content: "\e942"
}

.icon-eightcircledinit:before {
    content: "\e943"
}

.icon-eightcircledmedi:before {
    content: "\e944"
}

.icon-eightcircled:before {
    content: "\e945"
}

.icon-entities:before {
    content: "\e946"
}

.icon-export:before {
    content: "\e947"
}

.icon-external-link:before {
    content: "\e948"
}

.icon-eye:before {
    content: "\e949"
}

.icon-eye-none:before {
    content: "\e94a"
}

.icon-facebook:before {
    content: "\e94b"
}

.icon-fees:before {
    content: "\e94c"
}

.icon-filters:before {
    content: "\e94d"
}

.icon-fivecircledfina:before {
    content: "\e94e"
}

.icon-fivecircledinit:before {
    content: "\e94f"
}

.icon-fivecircledmedi:before {
    content: "\e950"
}

.icon-fivecircled:before {
    content: "\e951"
}

.icon-folder:before {
    content: "\e952"
}

.icon-fourcircledfina:before {
    content: "\e953"
}

.icon-fourcircledinit:before {
    content: "\e954"
}

.icon-fourcircledmedi:before {
    content: "\e955"
}

.icon-fourcircled:before {
    content: "\e956"
}

.icon-freeze:before {
    content: "\e957"
}

.icon-fullnode:before {
    content: "\e958"
}

.icon-fullnode-error:before {
    content: "\e959"
}

.icon-fullnode-sync:before {
    content: "\e95a"
}

.icon-gift-card:before {
    content: "\e95b"
}

.icon-github:before {
    content: "\e95c"
}

.icon-globe:before {
    content: "\e95d"
}

.icon-google-play:before {
    content: "\e95e"
}

.icon-graph-grow:before {
    content: "\e95f"
}

.icon-graph-grow-alt:before {
    content: "\e960"
}

.icon-group:before {
    content: "\e961"
}

.icon-hand-holding-coin:before {
    content: "\e962"
}

.icon-handshake:before {
    content: "\e963"
}

.icon-help:before {
    content: "\e964"
}

.icon-history:before {
    content: "\e965"
}

.icon-house:before {
    content: "\e966"
}

.icon-import:before {
    content: "\e967"
}

.icon-info:before {
    content: "\e968"
}

.icon-instagram:before {
    content: "\e969"
}

.icon-key:before {
    content: "\e96a"
}

.icon-layers:before {
    content: "\e96b"
}

.icon-ledger-blue:before {
    content: "\e96c"
}

.icon-lend:before {
    content: "\e96d"
}

.icon-life-ring:before {
    content: "\e96e"
}

.icon-lightbulb:before {
    content: "\e96f"
}

.icon-link:before {
    content: "\e970"
}

.icon-linkedin:before {
    content: "\e971"
}

.icon-link-none:before {
    content: "\e972"
}

.icon-linux:before {
    content: "\e973"
}

.icon-list:before {
    content: "\e974"
}

.icon-lock:before {
    content: "\e975"
}

.icon-lock-alt:before {
    content: "\e976"
}

.icon-logs:before {
    content: "\e977"
}

.icon-mail:before {
    content: "\e978"
}

.icon-manager:before {
    content: "\e979"
}

.icon-map-marker:before {
    content: "\e97a"
}

.icon-medal:before {
    content: "\e97b"
}

.icon-chess_rook:before {
    content: "\e822"
}

.icon-microchip:before {
    content: "\e97c"
}

.icon-minus:before {
    content: "\e97d"
}

.icon-mobile:before {
    content: "\e97e"
}

.icon-mug-hot:before {
    content: "\e97f"
}

.icon-nano:before {
    content: "\e980"
}

.icon-nano-firmware-update:before {
    content: "\e981"
}

.icon-nano-folded:before {
    content: "\e982"
}

.icon-nano-import:before {
    content: "\e983"
}

.icon-nano-s:before {
    content: "\e984"
}

.icon-nano-s-alt:before {
    content: "\e985"
}

.icon-nano-s-folded:before {
    content: "\e986"
}

.icon-nano-x:before {
    content: "\e987"
}

.icon-nano-x-alt:before {
    content: "\e988"
}

.icon-nano-x-folded:before {
    content: "\e989"
}

.icon-network-wired:before {
    content: "\e98a"
}

.icon-ninecircledfina:before {
    content: "\e98b"
}

.icon-ninecircledinit:before {
    content: "\e98c"
}

.icon-ninecircledmedi:before {
    content: "\e98d"
}

.icon-ninecircled:before {
    content: "\e98e"
}

.icon-none:before {
    content: "\e98f"
}

.icon-onecircledfina:before {
    content: "\e990"
}

.icon-onecircledinit:before {
    content: "\e991"
}

.icon-onecircledmedi:before {
    content: "\e992"
}

.icon-onecircled:before {
    content: "\e993"
}

.icon-others:before {
    content: "\e994"
}

.icon-pen:before {
    content: "\e995"
}

.icon-phone:before {
    content: "\e996"
}

.icon-plane:before {
    content: "\e997"
}

.icon-plus:before {
    content: "\e998"
}

.icon-portfolio:before {
    content: "\e999"
}

.icon-power:before {
    content: "\e99a"
}

.icon-project-diagram:before {
    content: "\e99b"
}

.icon-qr-code:before {
    content: "\e99c"
}

.icon-quit:before {
    content: "\e99d"
}

.icon-reddit:before {
    content: "\e99e"
}

.icon-redelegate:before {
    content: "\e99f"
}

.icon-refresh:before {
    content: "\e9a0"
}

.icon-reverse:before {
    content: "\e9a1"
}

.icon-rewards:before {
    content: "\e9a2"
}

.icon-search:before {
    content: "\e9a3"
}

.icon-search-dollar:before {
    content: "\e9a4"
}

.icon-server:before {
    content: "\e9a5"
}

.icon-settings:before {
    content: "\e9a6"
}

.icon-sevencircledfina:before {
    content: "\e9a7"
}

.icon-sevencircledinit:before {
    content: "\e9a8"
}

.icon-sevencircledmedi:before {
    content: "\e9a9"
}

.icon-sevencircled:before {
    content: "\e9aa"
}

.icon-share:before {
    content: "\e9ab"
}

.icon-shield-check:before {
    content: "\e9ac"
}

.icon-shield-security:before {
    content: "\e9ad"
}

.icon-shopping-basket:before {
    content: "\e9ae"
}

.icon-shopping-cart:before {
    content: "\e9af"
}

.icon-sixcircledfina:before {
    content: "\e9b0"
}

.icon-sixcircledinit:before {
    content: "\e9b1"
}

.icon-sixcircledmedi:before {
    content: "\e9b2"
}

.icon-sixcircled:before {
    content: "\e9b3"
}

.icon-sort:before {
    content: "\e9b4"
}

.icon-star:before {
    content: "\e9b5"
}

.icon-star-solid:before {
    content: "\e9b6"
}

.icon-stop:before {
    content: "\e9b7"
}

.icon-stopwatch:before {
    content: "\e9b8"
}

.icon-storage:before {
    content: "\e9b9"
}

.icon-stream:before {
    content: "\e9ba"
}

.icon-support:before {
    content: "\e9bb"
}

.icon-tachometer-fast:before {
    content: "\e9bc"
}

.icon-tachometer-faster:before {
    content: "\e9bd"
}

.icon-tachometer-medium:before {
    content: "\e9be"
}

.icon-tachometer-slow:before {
    content: "\e9bf"
}

.icon-tasks:before {
    content: "\e9c0"
}

.icon-threecircledfina:before {
    content: "\e9c1"
}

.icon-threecircledinit:before {
    content: "\e9c2"
}

.icon-threecircledmedi:before {
    content: "\e9c3"
}

.icon-threecircled:before {
    content: "\e9c4"
}

.icon-tool:before {
    content: "\e9c5"
}

.icon-toolbox:before {
    content: "\e9c6"
}

.icon-tools:before {
    content: "\e9c7"
}

.icon-tp:before {
    content: "\e9c8"
}

.icon-transfer:before {
    content: "\e9c9"
}

.icon-trash:before {
    content: "\e9ca"
}

.icon-trophy:before {
    content: "\e9cb"
}

.icon-twitch:before {
    content: "\e9cc"
}

.icon-twitter:before {
    content: "\e9cd"
}

.icon-twocircledfina:before {
    content: "\e9ce"
}

.icon-twocircledinit:before {
    content: "\e9cf"
}

.icon-twocircledmedi:before {
    content: "\e9d0"
}

.icon-twocircled:before {
    content: "\e9d1"
}

.icon-undelegate:before {
    content: "\e9d2"
}

.icon-unfreeze:before {
    content: "\e9d3"
}

.icon-unlock:before {
    content: "\e9d4"
}

.icon-usb:before {
    content: "\e9d5"
}

.icon-user:before {
    content: "\e9d6"
}

.icon-user-check:before {
    content: "\e9d7"
}

.icon-user-secret:before {
    content: "\e9d8"
}

.icon-ustensils:before {
    content: "\e9d9"
}

.icon-vote:before {
    content: "\e9da"
}

.icon-wallet:before {
    content: "\e9db"
}

.icon-wallet-add:before {
    content: "\e9dc"
}

.icon-warning:before {
    content: "\e9dd"
}

.icon-wifi:before {
    content: "\e9de"
}

.icon-wifi-none:before {
    content: "\e9df"
}

.icon-windows:before {
    content: "\e9e0"
}

.icon-youtube:before {
    content: "\e9e1"
}

.icon-zerocircledfina:before {
    content: "\e9e2"
}

.icon-zerocircledinit:before {
    content: "\e9e3"
}

.icon-zerocircledmedi:before {
    content: "\e9e4"
}

.icon-zerocircled:before {
    content: "\e9e5"
}

html {
    direction: ltr;
    font-size: 62.5%;
    scroll-behavior: smooth
}

body {
    background: #fff;
    color: #000;
    counter-reset: section;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5
}

@media screen and (max-width:768px) {
    body {
        font-size: 1.4rem
    }
}

@media screen and (min-width:768px) {
    body {
        font-size: 1.6rem
    }
}

body.overflow-hidden {
    overflow: hidden
}

img {
    max-width: 100%
}

* {
    box-sizing: border-box
}

#main:not(.flexbox) {
    display: block
}

@media screen and (min-width:691px) {
    #main.no-top-spacing {
        margin-top: -80px
    }
}

.what-is-crypto .coinmarketcap-currency-widget {
    flex: none;
    max-width: 400px;
    width: 90%
}

@media screen and (min-width:768px) {
    .what-is-crypto .coinmarketcap-currency-widget {
        margin-right: 0 !important
    }
}

.what-is-crypto .coinmarketcap-currency-widget>* {
    min-width: auto !important
}

.what-is-crypto .coinmarketcap-currency-widget>*>* a {
    border-color: inherit !important;
    color: inherit !important
}

@media screen and (min-width:992px) {
    .cover {
        align-items: center
    }
}

body #cookie-notice {
    background-color: rgba(67, 81, 92, .9) !important;
    border-radius: 4px;
    bottom: 12px;
    color: #fff;
    font-size: .75rem;
    left: 12px;
    max-width: 320px;
    min-width: auto;
    position: fixed;
    width: 90%;
    z-index: 990
}

body #cookie-notice>* {
    box-sizing: border-box;
    padding: 16px;
    text-align: left
}

body #cookie-notice .cn-buttons-container {
    display: flex;
    flex-flow: column nowrap
}

body #cookie-notice .cn-buttons-container>* {
    color: #fff;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    order: 1
}

body #cookie-notice a {
    background: none;
    border: 0;
    box-shadow: none;
    margin-left: 0 !important;
    padding: 0;
    text-align: left;
    text-decoration: underline;
    text-shadow: none
}

body #cookie-notice a:hover {
    background: inherit
}

body #cookie-notice a#cn-accept-cookie {
    background: #fff;
    color: #000;
    margin: 1vw auto 0 !important;
    order: 3;
    padding: 7px;
    text-align: center;
    text-decoration: none;
    width: 70%
}

@keyframes move-1 {
    0% {
        transform: translate3d(-2px, -6px, -9px)
    }
    25% {
        transform: translate3d(2px, 0, 10px)
    }
    75% {
        transform: translate3d(-3px, 3px, 5px)
    }
    to {
        transform: translate3d(-2px, -6px, -9px)
    }
}

@keyframes move-2 {
    0% {
        transform: translate3d(-3px, 3px, -3px)
    }
    25% {
        transform: translate3d(1px, 5px, -7px)
    }
    50% {
        transform: translateZ(0)
    }
    75% {
        transform: translate3d(-5px, -4px, 4px)
    }
    to {
        transform: translate3d(-3px, 3px, -3px)
    }
}

@keyframes move-3 {
    0% {
        transform: translateZ(0)
    }
    35% {
        transform: translate3d(5px, -4px, 8px)
    }
    65% {
        transform: translate3d(-8px, -7px, -15px)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes move-4 {
    0% {
        transform: translate3d(2px, 5px, -3px)
    }
    35% {
        transform: translateZ(0)
    }
    65% {
        transform: translate3d(-3px, -2px, -5px)
    }
    to {
        transform: translate3d(2px, 5px, -3px)
    }
}

.ico-hero {
    position: absolute;
    z-index: 20
}

.ico-g {
    animation: move-2 4s linear infinite;
    left: 100px;
    top: 35%;
    transform: rotate(-10deg)
}

.ico-m {
    animation: move-1 3s ease infinite;
    left: 85px;
    top: 15px
}

.ico-m-2 {
    animation: move-4 5s linear infinite;
    bottom: 0;
    left: 60px;
    top: 320px
}

.ico-w {
    animation: move-3 5s linear infinite;
    bottom: 32px;
    left: auto;
    right: 39px;
    top: 300px
}

.ico-w-2 {
    animation: move-4 5s linear infinite;
    left: auto;
    right: 10px;
    top: 92px
}

.mouse-bg {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20
}

.mouse-bg.ico-g {
    filter: hue-rotate(-149deg) contrast(1.1);
    left: 112px;
    top: 35%;
    transform: rotate(-7deg)
}

.mouse-bg.ico-m {
    left: 85px;
    top: 15px
}

.mouse-bg.ico-m-2 {
    bottom: 0;
    left: 60px;
    top: auto
}

.mouse-bg.ico-w {
    bottom: 66px;
    left: auto;
    right: 74px;
    top: auto
}

.mouse-bg.ico-w-2 {
    left: auto;
    right: 10px;
    top: 90px
}

.swiper-container {
    overflow: hidden;
    position: relative
}

@media screen and (max-width:860px) {
    .faq {
        flex-direction: column
    }
}

.faq>:not(.illustration) {
    min-width: 60%
}

.faq .fields-container-options .title {
    font-size: 2rem
}

.faq .illustration {
    max-width: 45%
}

@media screen and (max-width:992px) {
    .faq .illustration {
        display: none
    }
}

.faq .illustration img {
    max-width: -moz-fit-content;
    max-width: fit-content
}

@media screen and (max-width:860px) {
    .faq-section-2 .faq-2 {
        display: none
    }
}

.faq-section-2 .faq-2 .illustration {
    align-self: center
}

.faq-section-2 .faq-2 .faq-filter-item {
    font-weight: 700
}

.faq-section-2 .faq-2 .faq-filter-item:hover {
    background: #e5e5e5
}

.faq-section-2 .faq-2 .faq-filter-section {
    max-width: 45%
}

.faq-section-2 .faq-2 .faq-filter-section img {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.faq-section-2 .faq-2 .faq-filter-section.slected .toggle-list {
    display: block
}

.faq-section-2 .faq-2 .faq-filter-section .toggle-list {
    display: none
}

.faq-section-2 .faq-2 .fields-container-options {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding-bottom: 28px
}

.faq-section-2 .faq-2 .fields-container-options .title {
    font-size: 2rem
}

.faq-section-2 .faq-filter-item {
    cursor: pointer;
    display: flex;
    height: auto;
    padding: 21px 28px;
    text-align: left;
    width: 373px
}

.faq-section-2 .faq-filter-item.active {
    background: #e5e5e5;
    border-left: 4px solid #ff5300;
    color: #ff5300
}

@media screen and (min-width:861px) {
    .faq-section-2 .faq-mobile {
        display: none
    }
}

.faq-section-2 .faq-mobile .faq-filter-section:not(:first-child) {
    border-top: 1px solid #e5e5e5
}

.faq-section-2 .faq-mobile .faq-filter-section:not(:last-child) {
    border-bottom: 1px solid #e5e5e5
}

.faq-section-2 .faq-mobile .faq-filter-section .toggle-list .fields-container-options:not(:last-of-type) {
    margin-bottom: 32px
}

.faq-section-2 .faq-mobile .faq-filter-item {
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    justify-content: space-between;
    padding: 20px 8px 20px 0;
    width: auto
}

.faq-section-2 .faq-mobile .faq-filter-item .icon-chevron-right {
    display: block;
    font-size: 3rem
}

.faq-section-2 .faq-mobile .faq-filter-item .icon-close {
    display: none
}

.faq-section-2 .faq-mobile .faq-filter-item.active {
    border-bottom: none;
    margin-bottom: 30px;
    padding: 20px 8px 20px 20px
}

.faq-section-2 .faq-mobile .faq-filter-item.active .icon-chevron-right {
    display: none
}

.faq-section-2 .faq-mobile .faq-filter-item.active .icon-close {
    color: #000;
    display: block;
    font-size: 3rem
}

.faq-section-2 .faq-footer {
    background-color: #e5e5e5;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin-top: 80px
}

@media screen and (max-width:860px) {
    .faq-section-2 .faq-footer {
        margin-top: 40px
    }
}

.faq-section-2 .faq-footer .left-bloc {
    align-self: center;
    padding: 40px
}

.faq-section-2 .faq-footer .right-bloc {
    padding: 10px 40px 10px 0
}

@media screen and (max-width:992px) {
    .faq-section-2 .faq-footer .right-bloc {
        display: none
    }
}

.spinner-loading {
    animation: spinner-kk2y8v 4.2s infinite;
    border: 5px solid #ff6900;
    box-shadow: 0 0 8px 0 hsla(0, 0%, 100%, .1);
    height: 52px;
    width: 52px
}

@keyframes spinner-kk2y8v {
    0% {
        transform: rotate(0deg)
    }
    10%,
    15% {
        transform: rotate(-90deg)
    }
    20%,
    25% {
        transform: rotate(-180deg)
    }
    30%,
    35% {
        transform: rotate(-270deg)
    }
    40%,
    50% {
        transform: rotate(-1turn)
    }
    to {
        transform: rotate(2turn)
    }
}

.loading-block {
    align-items: center;
    background-color: rgba(0, 0, 0, .25);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.referral-page .hero-block {
    align-items: stretch !important
}

@media screen and (max-width:768px) {
    .referral-page .hero-block {
        align-items: stretch !important;
        flex-direction: column
    }
}

.referral-page .hero-block .hero-illustration .fix-img {
    position: relative;
    z-index: 12
}

@media screen and (min-width:768px) {
    .referral-page .hero-block .hero-illustration .fix-img {
        margin-top: 120px
    }
}

.referral-page .hero-block .hero-illustration>div {
    align-items: flex-start;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: auto;
    min-height: 420px;
    padding-top: 30px;
    position: relative;
    text-align: center;
    width: 420px
}

@media screen and (max-width:690px) {
    .referral-page .hero-block .hero-illustration>div {
        display: none
    }
}

.referral-page .hero-block .hero-illustration>div [class^=line] {
    border-top: 3px dashed #ff5300;
    height: 3px;
    position: absolute;
    width: 150px;
    z-index: 5
}

.referral-page .hero-block .hero-illustration>div [class^=line].line-1 {
    margin-left: -12%;
    top: 150px;
    transform: rotate(60deg)
}

.referral-page .hero-block .hero-illustration>div [class^=line].line-2 {
    right: 61px;
    top: 170px;
    transform: rotate(-24deg)
}

.referral-page .hero-block .hero-illustration>div [class^=line].line-3 {
    left: 111px;
    top: 287px;
    transform: rotate(-45deg)
}

.referral-page .hero-block .hero-illustration>div [class^=line].line-4 {
    right: 101px;
    top: 272px;
    transform: rotate(35deg)
}

@media screen and (min-width:691px) {
    .referral-page .hero-block .hero-illustration>img {
        display: none
    }
}

.referral-page .terms-conditions {
    margin-bottom: 80px
}

@media screen and (min-width:860px) {
    .referral-page .terms-conditions {
        padding-top: 60px
    }
}

@media screen and (max-width:860px) {
    .referral-page .terms-conditions {
        margin-top: -20px
    }
}

.referral-page .c-scrolling-zone>.scroll-content {
    margin-left: auto !important;
    margin-right: 0 !important
}

.referral-page .c-scrolling-zone>.fixed-area {
    margin-left: auto;
    margin-right: auto
}

#the-people-grid {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

#the-people-grid>* {
    margin-bottom: 3vw
}

@media screen and (max-width:992px) {
    #the-people-grid>* {
        margin-bottom: 5vw;
        min-width: 130px
    }
}

#the-people-grid img {
    max-width: 90px;
    transition: all .2s
}

@media screen and (min-width:992px) {
    #the-people-grid img {
        margin-bottom: 1vw;
        width: 80%
    }
}

#the-people-grid img:hover {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .15)
}

#the-people-grid .h4 {
    font-size: 2rem;
    margin-top: 12px;
    text-transform: none !important
}

#the-people-grid .h4+p {
    color: #949494
}

#download-app {
    border-radius: 10px;
    box-sizing: border-box;
    clear: both;
    font-size: 1.6rem;
    line-height: 1.2;
    margin-top: 1vw;
    max-height: none;
    padding: 10px 15px 15px;
    position: relative;
    text-align: left;
    width: 210px;
    z-index: 25
}

#download-app:after {
    content: ""
}

#download-app .caption {
    color: #fff !important;
    font-family: Inter, Times New Roman, arial, sans-serif
}

#download-app .fal {
    font-size: .875rem;
    margin-left: 12px;
    top: -10px
}

.list-app {
    box-sizing: border-box;
    display: none;
    margin: 0 auto;
    width: 210px
}

.list-app,
.list-app .bg {
    position: absolute;
    z-index: 15
}

.list-app .bg {
    border-radius: 10px;
    padding: 15px 20px !important;
    width: 105%
}

.list-app .bg a {
    color: #fff !important;
    display: block;
    font-size: 1.4rem;
    margin: 15px 0;
    text-align: left;
    text-decoration: none
}

.list-app .bg a i {
    margin-right: 15px
}

@media screen and (max-width:690px) {
    .list-app {
        background: #c3c3c3
    }
}

.affiliates-page form {
    justify-content: center
}

.affiliates-page form>* {
    margin: auto 1vw;
    max-width: 220px
}

@media screen and (max-width:768px) {
    .affiliates-page form>* {
        margin-bottom: 7px;
        margin-top: 7px
    }
}

@media screen and (min-width:768px) {
    .affiliates-page form>* select {
        min-width: 210px
    }
}

@media screen and (max-width:768px) {
    .affiliates-page .c-diagonal-bloc .bloc-item {
        text-align: center
    }
}

.affiliates-page .c-diagonal-bloc .bloc-item .avatar {
    border-radius: 100%;
    display: inline-block;
    margin-right: 1vw;
    vertical-align: middle;
    width: 48px
}

@media screen and (max-width:768px) {
    .affiliates-page .c-diagonal-bloc .bloc-item .avatar {
        display: block;
        margin: 0 auto 12px
    }
}

.affiliates-page .c-diagonal-bloc .bloc-item iframe {
    height: 100%;
    min-height: 315px
}

@media screen and (min-width:1200px) {
    .affiliates-page .c-diagonal-bloc .bloc-item iframe {
        height: 315px;
        width: 100%
    }
}

.affiliates-page .youtube-container {
    min-height: 316px;
    position: relative
}

.affiliates-page .homeVideoThumbnail img {
    max-width: 550px !important;
    width: 100%
}

.affiliates-page .youtube-container .homeVideoPlayButton {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%
}

.affiliates-page .youtube-container .homeVideoPlayButton:before {
    border-radius: 100%;
    color: red;
    font-size: 92px;
    height: 46px;
    line-height: 33px;
    width: 62px
}

.affiliates-page .load-more-container .caption {
    background: #f9f9f9;
    border-radius: 4px;
    color: #ccc;
    font-style: italic;
    letter-spacing: 1px;
    padding: 15px 32px;
    position: relative;
    top: -30px
}

@media screen and (min-width:768px) {
    .text-in-col {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 5vw;
        column-gap: 5vw
    }
}

.text-in-col p:not(:last-of-type) {
    margin-bottom: 30px
}

.how-to-buy-crypto .swiper-container-device {
    overflow: hidden;
    padding-bottom: 46px;
    position: relative
}

.how-to-buy-crypto .swiper-container-device .swiper-wrapper {
    box-sizing: border-box
}

.how-to-buy-crypto .swiper-container-device .swiper-wrapper .swiper-slide {
    max-width: 100%;
    min-height: 160px
}

.how-to-buy-crypto .swiper-container-device .swiper-wrapper .swiper-slide img {
    max-width: 120px
}

.how-to-buy-crypto .swiper-container-device .swiper-wrapper .swiper-slide>* {
    align-items: center;
    display: flex;
    font-size: 11px;
    margin: auto;
    max-width: 85%
}

@media screen and (max-width:690px) {
    .how-to-buy-crypto .swiper-container-device .swiper-wrapper .swiper-slide>* {
        flex-direction: column;
        max-width: 93%
    }
}

.how-to-buy-crypto .swiper-container-device .swiper-wrapper .swiper-slide>* p {
    padding-right: 12px
}

.how-to-buy-crypto .swiper-container-device .swiper-wrapper .swiper-slide>* a {
    font-size: 1.4rem;
    margin: 1vw 0 0;
    padding: 0
}

.how-to-buy-crypto .swiper-button-next:after,
.how-to-buy-crypto .swiper-button-prev:after,
.how-to-buy-crypto .swiper-rtl .swiper-button-next:after,
.how-to-buy-crypto .swiper-rtl .swiper-button-prev:after {
    color: #999;
    font-family: Font Awesome\ 5 Pro;
    font-size: 28px;
    font-weight: 300;
    outline: none
}

.how-to-buy-crypto .swiper-button-next,
.how-to-buy-crypto .swiper-rtl .swiper-button-next {
    left: auto;
    right: 0;
    text-align: right
}

.how-to-buy-crypto .swiper-button-next:after,
.how-to-buy-crypto .swiper-rtl .swiper-button-next:after {
    content: "\f105";
    outline: none
}

.how-to-buy-crypto .swiper-button-prev,
.how-to-buy-crypto .swiper-rtl .swiper-button-prev {
    left: 0;
    right: auto
}

.how-to-buy-crypto .swiper-button-prev:after,
.how-to-buy-crypto .swiper-rtl .swiper-button-prev:after {
    content: "\f104";
    outline: none
}

.how-to-buy-crypto .swiper-pagination-bullet-active {
    background-color: #000
}

@media screen and (max-width:690px) {
    .how-to-buy-crypto .review-box>* {
        margin: auto;
        max-width: 75%
    }
}

.how-to-buy-crypto .review-box .box-author {
    display: flex;
    margin-bottom: 20px
}

.how-to-buy-crypto .review-box .box-avatar {
    background: #ffc1a3;
    border-radius: 100%;
    color: #ff5300;
    flex: none;
    height: 48px;
    line-height: 48px;
    margin-right: 12px;
    text-align: center;
    width: 48px
}

.how-to-buy-crypto .review-box .author {
    color: #000;
    font-size: 1.8rem
}

.how-to-buy-crypto .review-box .fa-star,
.how-to-buy-crypto .review-box .icon.icon-star,
.how-to-buy-crypto .review-box .yotpo-icon-star {
    margin-bottom: 8px
}

.how-to-buy-crypto .review-box .icon-user:before {
    font-size: 20px
}

@media screen and (max-width:690px) {
    .how-to-buy-crypto .swiper-container {
        padding-bottom: 50px
    }
}

.how-to-buy-crypto .swiper-container .swiper-wrapper {
    flex-flow: row nowrap
}

@media screen and (min-width:690px) {
    .how-to-buy-crypto .swiper-container .swiper-wrapper {
        transform: translateZ(0) !important;
        transition-duration: 0ms !important
    }
}

.how-to-buy-crypto .swiper-container .swiper-slide {
    justify-content: center
}

@media screen and (min-width:690px) {
    .how-to-buy-crypto .swiper-container .swiper-slide {
        flex: none;
        width: 28% !important
    }
}

@media screen and (max-width:690px) {
    .how-to-buy-crypto .swiper-container .swiper-slide {
        min-width: 100%;
        width: 100%
    }
}

.how-to-buy-crypto .swiper-container .swiper-button-next,
.how-to-buy-crypto .swiper-container .swiper-button-prev,
.how-to-buy-crypto .swiper-container .swiper-pagination {
    display: none
}

@media screen and (max-width:690px) {
    .how-to-buy-crypto .swiper-container .swiper-button-next,
    .how-to-buy-crypto .swiper-container .swiper-button-prev,
    .how-to-buy-crypto .swiper-container .swiper-pagination {
        display: block
    }
}

.how-to-buy-crypto .swiper-container+p>.read-more {
    display: block
}

@media screen and (min-width:992px) {
    .how-to-buy-crypto .swiper-container+p>.read-more {
        text-align: right
    }
}

.how-to-buy-crypto .rendered-form {
    margin-top: 2vw
}

.how-to-buy-crypto .rendered-form>* {
    margin: 0 0 2vw
}

@media screen and (max-width:768px) {
    .how-to-buy-crypto .rendered-form>* {
        margin-top: 7vw
    }
}

.how-to-buy-crypto .rendered-form label {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 5px
}

.how-to-buy-crypto .rendered-form input[type=number],
.how-to-buy-crypto .rendered-form select {
    font-size: 1.4rem
}

.how-to-buy-crypto .rendered-form select {
    height: auto;
    width: 100%
}

.how-to-buy-crypto .rendered-form .field-amount {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:768px) {
    .how-to-buy-crypto .rendered-form .field-amount {
        align-items: stretch;
        flex-direction: column
    }
}

.how-to-buy-crypto .rendered-form .field-amount>* {
    flex: none;
    max-width: 51%
}

@media screen and (max-width:768px) {
    .how-to-buy-crypto .rendered-form .field-amount>* {
        margin-bottom: 5vw;
        max-width: 100%;
        min-width: 100%
    }
}

.how-to-buy-crypto .rendered-form .field-amount input {
    max-width: 90% !important
}

@media screen and (max-width:768px) {
    .how-to-buy-crypto .rendered-form .field-amount input {
        max-width: 100% !important;
        width: 100% !important
    }
}

.how-to-buy-crypto .rendered-form .button {
    font-size: 1.4rem;
    max-width: -moz-max-content !important;
    max-width: max-content !important
}

.how-to-buy-crypto .rendered-form-results {
    color: #142533;
    margin-top: 60px
}

@media screen and (max-width:768px) {
    .how-to-buy-crypto .rendered-form-results {
        margin-top: 7vw
    }
}

.how-to-buy-crypto .rendered-form-results p {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.how-to-buy-crypto .rendered-form-results p>* {
    align-items: center;
    flex: none
}

.how-to-buy-crypto .rendered-form-results p img {
    filter: brightness(0);
    max-height: 32px;
    opacity: .4
}

@media screen and (max-width:860px) {
    .getting-started .get-started-steps>.flexbox {
        flex-direction: column
    }
}

.getting-started .get-started-steps .step-item {
    background: #f3f3f3;
    flex: none;
    margin-bottom: 20px;
    padding: 40px;
    width: 49%
}

@media screen and (max-width:860px) {
    .getting-started .get-started-steps .step-item {
        max-width: 100%;
        min-width: 100%;
        padding: 20px
    }
}

.getting-started .get-started-steps .step-item:last-child {
    margin-bottom: inherit;
    min-width: 100%
}

.getting-started .get-started-steps .step-item .step-number {
    margin-bottom: 1vw
}

.getting-started .get-started-steps .step-item .step-number span {
    color: #999
}

@media screen and (max-width:860px) {
    .getting-started .get-started-steps .step-item.flexbox {
        flex-direction: column
    }
}

.getting-started .get-started-steps .step-item.flexbox>* {
    max-width: 580px
}

@media screen and (max-width:1200px) {
    .getting-started .get-started-steps .step-item.flexbox>* {
        flex: 1;
        margin-bottom: 5vw;
        max-width: 100% !important;
        width: 100% !important
    }
}

.getting-started .get-started-steps .step-item .level-2 {
    display: flex;
    padding: 15px
}

.getting-started .get-started-steps .step-item .level-2 .is-warning {
    flex: none;
    padding: 3px 15px 0 0
}

.getting-started .get-started-steps .step-item .list-exchange {
    flex-direction: column
}

@media screen and (min-width:861px) {
    .getting-started .get-started-steps .step-item .list-exchange {
        flex-direction: row;
        margin-left: 4%
    }
}

.getting-started .get-started-steps .step-item .list-exchange iframe {
    min-height: 300px !important
}

.getting-started .tab-selection input {
    display: none
}

.getting-started .tab-selection:hover>input~label,
.getting-started .tab-selection input:checked~label {
    background-color: #1c1d20;
    color: #fff;
    opacity: 1
}

@media screen and (max-width:860px) {
    .getting-started .list-exchange {
        flex-direction: column !important
    }
    .getting-started .list-exchange .step-item.flexbox iframe,
    .getting-started .list-exchange>* {
        max-width: 100% !important;
        width: 100% !important
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .getting-started .list-exchange {
        flex: none;
        max-width: 50% !important;
        width: 580px
    }
}

.getting-started .list-tab-exchange {
    flex: none;
    flex-direction: column;
    justify-content: center;
    padding-right: 1vw
}

@media screen and (max-width:1200px) {
    .getting-started .list-tab-exchange {
        flex-direction: row;
        flex-wrap: wrap;
        margin: 3vw 0
    }
}

.getting-started .list-tab-exchange>* {
    cursor: pointer;
    flex: none;
    text-align: center
}

.getting-started .list-tab-exchange>* label {
    filter: grayscale(100%);
    opacity: .5;
    padding: 7px 10px 5px;
    width: 100%
}

.getting-started .list-tab-exchange>* label img {
    max-height: 13px
}

.getting-started .list-tab-exchange>* input:checked~label,
.getting-started .list-tab-exchange>:hover>input~label {
    opacity: 1
}

.getting-started .list-tab-exchange>* input:checked~label img,
.getting-started .list-tab-exchange>:hover>input~label img {
    filter: grayscale(0) invert(200%) contrast(1)
}

@media screen and (max-width:690px) {
    .page-template-page-staking #header,
    .single-staking #header {
        margin-bottom: 0 !important
    }
}

.staking-coin .introduction-text {
    min-width: 59%
}

@media screen and (max-width:992px) {
    .staking-coin .introduction-block {
        flex-direction: column-reverse
    }
    .staking-coin .introduction-block .illustration {
        align-self: center
    }
    .staking-coin .introduction-block img {
        margin-bottom: 40px;
        max-height: 230px
    }
}

.staking-coin .benefits-stake {
    background-color: #c3c3c3
}

@media screen and (max-width:992px) {
    .staking-coin .benefits-stake img {
        display: none
    }
}

.staking-coin .benefits-stake .bloc-text:not(:last-child) {
    margin-bottom: 20px
}

@media screen and (max-width:690px) {
    .staking-coin .benefits-stake .bloc-text:not(:last-child) {
        border-bottom: 1px solid #000;
        border-right: none;
        padding: 0 0 40px
    }
}

.staking-coin .benefits-stake .bloc-text .fal {
    color: #000;
    font-size: 35px;
    margin-right: 20px
}

.staking-coin .benefits-stake .bloc-text-title {
    display: flex
}

.staking-coin .why-stake-bg {
    background-color: #c3c3c3
}

@media screen and (max-width:690px) {
    .staking-coin .why-stake-title {
        text-align: left
    }
}

.staking-coin .why-stake .bloc-text {
    padding: 0 40px 0 0
}

.staking-coin .why-stake .bloc-text:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #c3c3c3
}

@media screen and (max-width:690px) {
    .staking-coin .why-stake .bloc-text:not(:last-child) {
        border-bottom: 1px solid #c3c3c3;
        border-right: none;
        padding: 0 0 40px
    }
}

.staking-coin .why-stake .bloc-text .fal {
    color: #fff
}

.staking-coin .why-stake .icon {
    margin-right: 12px
}

@media screen and (max-width:690px) {
    .staking-coin .why-stake .illustration {
        display: none
    }
}

.staking-coin .how-to-stake>* {
    overflow: hidden
}

@media screen and (max-width:690px) {
    .staking-coin .how-to-stake-title {
        text-align: left
    }
}

.staking-coin .how-to-stake-item {
    min-width: 380px;
    padding: 0 40px
}

.staking-coin .how-to-stake-item:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #c3c3c3
}

@media screen and (max-width:992px) {
    .staking-coin .how-to-stake-item:not(:last-child) {
        border-bottom: 1px solid #c3c3c3;
        border-right: none;
        padding-left: 0
    }
}

.staking-coin .how-to-stake-item:first-child {
    padding-left: 0
}

@media screen and (max-width:992px) {
    .staking-coin .how-to-stake-item {
        min-width: unset;
        padding: 40px 0
    }
    .staking-coin .how-to-stake-item-item-content {
        margin-bottom: 40px
    }
}

.staking-coin .how-to-stake-block {
    -webkit-overflow-scrolling: touch;
    flex-flow: unset;
    overflow-x: auto;
    padding-bottom: 40px;
    scrollbar-color: #3c3b3b #191919;
    scrollbar-width: thin
}

.staking-coin .how-to-stake-block::-webkit-scrollbar {
    background: #191919;
    cursor: pointer;
    scrollbar-width: 10px
}

.staking-coin .how-to-stake-block::-webkit-scrollbar-thumb {
    background: #3c3b3b
}

@media screen and (max-width:992px) {
    .staking-coin .how-to-stake-block {
        flex-direction: column
    }
}

.staking-coin .how-to-stake-text {
    border-right: 1px solid #c3c3c3;
    min-width: 300px;
    padding-right: 40px
}

@media screen and (max-width:992px) {
    .staking-coin .how-to-stake-text {
        border-bottom: 1px solid #c3c3c3;
        border-right: none;
        min-width: 200px;
        padding-bottom: 40px;
        padding-right: 0
    }
}

.staking-coin .how-to-stake .step-links {
    display: flex;
    justify-content: space-between
}

.staking-coin .h4.how-to-stake-index {
    color: #ff5300
}

.staking-coin .how-works {
    background-color: #c3c3c3
}

@media screen and (min-width:768px) {
    .staking-coin .how-works-left-side {
        max-width: 30%
    }
}

.staking-coin .how-works .content {
    flex: 2
}

@media screen and (min-width:1025px) {
    .staking-coin .how-works .content {
        align-items: center;
        flex-direction: row
    }
}

@media screen and (max-width:768px) {
    .staking-coin .how-works .content {
        margin-top: 40px
    }
}

@media screen and (max-width:1024px) {
    .staking-coin .how-works .content {
        flex-direction: column
    }
    .staking-coin .how-works .content .left-on-mobile {
        text-align: left
    }
}

.staking-coin .how-works .content img {
    max-height: 400px;
    width: auto
}

@media screen and (max-width:1024px) {
    .staking-coin .how-works .content img {
        max-height: 300px
    }
}

@media screen and (max-width:768px) {
    .staking-coin .how-works .desktop-button {
        display: none
    }
}

.staking-coin .how-works .mobile-button {
    display: none
}

@media screen and (max-width:768px) {
    .staking-coin .how-works .mobile-button {
        display: inline-block
    }
    .staking-coin .crypto-gallery {
        flex-direction: column
    }
}

.staking-coin .crypto-gallery .grid-items>* {
    flex: auto;
    margin: 3px 5px;
    max-width: 170px;
    padding: 50px 0;
    position: relative;
    width: 25%
}

.staking-coin .crypto-gallery .grid-items>* span {
    bottom: 10%;
    color: #000;
    font-weight: 600;
    opacity: 0;
    position: absolute;
    transition: opacity .2s;
    width: 100%
}

.staking-coin .crypto-gallery .grid-items>:hover {
    background-color: transparent;
    border: 2px solid;
    margin-bottom: -2px;
    margin-top: -2px
}

.staking-coin .crypto-gallery .grid-items>:hover span {
    opacity: 1
}

.staking-coin .cover {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: min(8vw, 45px) 25px
}

@media screen and (min-width:993px) {
    .staking-coin .cover {
        padding: min(5vw, 75px) 0 min(5vw, 75px) min(5vw, 75px)
    }
}

@media screen and (max-width:992px) {
    .staking-coin .cover {
        flex-direction: column
    }
    .staking-coin .cover>* {
        margin: 0 0 20px;
        max-width: 100%;
        width: 100%
    }
}

@media screen and (min-width:993px) {
    .staking-coin .cover>:first-of-type {
        margin-right: 5%;
        max-width: 530px;
        width: 50%
    }
}

.staking-coin .cover .illustration {
    margin: 0;
    width: 45%
}

@media screen and (max-width:992px) {
    .staking-coin .cover .illustration {
        text-align: right;
        width: 100%
    }
    .staking-coin .cover .illustration img {
        margin-right: -25px
    }
}

@media screen and (max-width:690px) {
    .staking-coin .different-ways .flexbox>:nth-of-type(2) {
        margin-top: 13vw
    }
    .staking-coin .different-ways .badge {
        font-size: 11px;
        margin-bottom: 3vw !important
    }
}

.staking-coin .earn-section .bloc-text {
    border-right: solid;
    min-width: 26% !important
}

.staking-coin .earn-section .bloc-text+.is-hidden-mobile {
    color: #d8d8d8;
    font-size: 28px;
    margin: 51px 0 0 !important;
    max-width: 40px;
    min-width: auto
}

@media screen and (min-width:769px) {
    .staking-coin .last-update .b-title-master {
        max-width: 532px
    }
    .staking-coin .last-update .illustration {
        max-width: 426px
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .staking-coin .last-update>* {
        flex: none
    }
}

.validator-nodes .introduction-text {
    min-width: 50%
}

@media screen and (max-width:992px) {
    .validator-nodes .introduction-block {
        flex-direction: column-reverse
    }
}

.validator-nodes .introduction-block img {
    margin-bottom: 40px
}

.validator-nodes .benefits-validator-nodes {
    background-color: #c3c3c3
}

@media screen and (max-width:992px) {
    .validator-nodes .benefits-validator-nodes img {
        display: none
    }
}

.validator-nodes .benefits-validator-nodes .bloc-text:not(:last-child) {
    margin-bottom: 20px
}

@media screen and (max-width:690px) {
    .validator-nodes .benefits-validator-nodes .bloc-text:not(:last-child) {
        border-bottom: 1px solid #000;
        border-right: none;
        padding: 0 0 40px
    }
}

.validator-nodes .benefits-validator-nodes .bloc-text .fal {
    color: #000;
    font-size: 35px;
    margin-right: 20px
}

.validator-nodes .benefits-validator-nodes .bloc-text-title {
    display: flex
}

@media screen and (max-width:690px) {
    .validator-nodes .why-validator-nodes-title {
        text-align: left
    }
}

.validator-nodes .why-validator-nodes .bloc-text {
    padding: 0 40px 0 0
}

.validator-nodes .why-validator-nodes .bloc-text:not(:last-child) {
    border-right: 1px solid #c3c3c3
}

@media screen and (max-width:690px) {
    .validator-nodes .why-validator-nodes .bloc-text:not(:last-child) {
        border-bottom: 1px solid #c3c3c3;
        border-right: none;
        padding: 0 0 40px
    }
}

.validator-nodes .why-validator-nodes .bloc-text .fal {
    color: #fff
}

@media screen and (max-width:690px) {
    .validator-nodes .how-to-stake-title {
        text-align: left
    }
}

.validator-nodes .how-to-stake-item {
    min-width: 410px;
    padding: 0 40px
}

.validator-nodes .how-to-stake-item:not(:last-child) {
    border-right: 1px solid #c3c3c3
}

@media screen and (max-width:992px) {
    .validator-nodes .how-to-stake-item:not(:last-child) {
        border-bottom: 1px solid #c3c3c3;
        border-right: none;
        padding-left: 0
    }
}

.validator-nodes .how-to-stake-item:first-child {
    padding-left: 0
}

@media screen and (max-width:992px) {
    .validator-nodes .how-to-stake-item {
        min-width: unset;
        padding: 40px 0
    }
    .validator-nodes .how-to-stake-item-item-content {
        margin-bottom: 40px
    }
}

.validator-nodes .how-to-stake-block {
    flex-flow: unset;
    overflow-x: auto;
    scrollbar-width: none
}

.validator-nodes .how-to-stake-block::-webkit-scrollbar {
    background: transparent;
    width: 0
}

@media screen and (max-width:992px) {
    .validator-nodes .how-to-stake-block {
        flex-direction: column;
        overflow-x: unset
    }
}

.validator-nodes .how-to-stake-text {
    margin-right: 40px;
    min-width: 250px
}

.validator-nodes .how-to-stake-index {
    color: #ff5300
}

.validator-nodes .how-to-stake .step-links {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:768px) {
    .validator-nodes .crypto-gallery {
        flex-direction: column
    }
}

.validator-nodes .crypto-gallery .grid-items>* {
    flex: auto;
    margin: 3px 5px;
    max-width: 170px;
    padding: 50px 0;
    position: relative;
    width: 25%
}

.validator-nodes .crypto-gallery .grid-items>* span {
    bottom: 10%;
    color: #000;
    font-weight: 600;
    opacity: 0;
    position: absolute;
    transition: opacity .2s;
    width: 100%
}

.validator-nodes .crypto-gallery .grid-items>:hover {
    background-color: transparent;
    border: 2px solid;
    margin-bottom: -2px;
    margin-top: -2px
}

.validator-nodes .crypto-gallery .grid-items>:hover span {
    opacity: 1
}

@media screen and (max-width:992px) {
    .validator-nodes .learn-more .block-text {
        align-self: start
    }
    .validator-nodes .faq .illustration {
        display: none
    }
}

.swap-page .introduction {
    margin-bottom: 120px
}

@media screen and (max-width:768px) {
    .swap-page .introduction {
        margin-bottom: 60px
    }
}

.swap-page .safety-section .bloc-text.bg {
    padding: 30px
}

@media screen and (max-width:768px) {
    .swap-page .safety-section .bloc-text.bg {
        padding: 30px 15px
    }
}

@media screen and (max-width:690px) {
    .partner-page .hero-block {
        text-align: center
    }
}

.partner-page .hero-block .title {
    margin-bottom: 20px;
    position: relative;
    z-index: 5
}

.partner-page .hero-block img {
    flex: none;
    position: relative;
    z-index: 1
}

@media screen and (min-width:691px) {
    .partner-page .hero-block img {
        margin-left: -165px
    }
}

@media screen and (min-width:691px) and (max-width:1200px) {
    .partner-page .hero-block img {
        max-width: 65%
    }
}

.partner-page .col-2>.block-col-2 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0;
    max-width: 532px;
    min-width: 49%;
    padding: 75px 30px;
    text-align: center
}

@media screen and (max-width:690px) {
    .partner-page .col-2>.block-col-2 {
        margin-bottom: 20px;
        max-width: 100%
    }
}

.partner-page .col-2>.block-col-2>* {
    max-width: 100%
}

.partner-page .bloc-item>:not(.content) {
    min-width: 51%
}

.partner-page .bloc-item .content>* {
    margin-left: 0
}

.lend-page .steps-section>* {
    display: flex;
    flex-direction: column
}

.lend-page .steps-section>:not(:last-of-type) {
    padding-bottom: 0
}

.lend-page .steps-section>:last-of-type {
    justify-content: center
}

.lend-page .steps-section>* img {
    display: block;
    margin: auto auto 0
}

.lend-page .lend-reinssurance-section .col {
    justify-content: space-around
}

.lend-page .lend-reinssurance-section .col>* {
    flex: initial;
    min-width: auto
}

@media screen and (min-width:690px) {
    .lend-page .lend-reinssurance-section .col>* {
        max-width: 305px;
        min-width: auto;
        width: 30%
    }
}

@media screen and (max-width:690px) {
    .lend-page .lend-other-crypto .grid-items {
        align-items: center
    }
    .lend-page .lend-other-crypto .grid-items>* {
        margin: 10px auto;
        width: 100%
    }
}

.phishing-bloc-hero .buttons-pack {
    justify-content: flex-start
}

.phishing-bloc-hero .buttons-pack>* {
    flex: none;
    margin: 3px 0 !important
}

.phishing-bloc-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width:767px) {
    .phishing-bloc-item {
        align-items: flex-start;
        flex-direction: column
    }
}

.phishing-bloc-item>* {
    align-items: center;
    display: flex;
    margin-bottom: 12px;
    padding: 20px;
    width: 100%
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .phishing-bloc-item>* {
        align-items: flex-start;
        flex-direction: column
    }
}

@media screen and (min-width:768px) {
    .phishing-bloc-item>* {
        margin-bottom: 0;
        max-width: 425px;
        width: 32%
    }
}

.phishing-bloc-item>* .read-more {
    font-size: 1.4rem
}

.phishing-bloc-item img {
    margin-right: 20px;
    max-width: 100px
}

@media screen and (min-width:768px) and (max-width:1200px) {
    .phishing-bloc-item img {
        margin-bottom: 20px;
        margin-right: 0
    }
}

@media screen and (max-width:768px) {
    .phishing-bloc-item img {
        margin-right: 12px;
        max-width: 65px
    }
}

.phishing-bloc-news .bloc-item>:first-of-type {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-width: 55%
}

.phishing-bloc-news .bloc-item>:first-of-type img {
    margin: 0 5px 5px
}

.discount-code-page .code-wrapper {
    align-items: center;
    background: #000;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 1.9vw;
    justify-content: center;
    margin: auto;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 12px 20px;
    text-transform: uppercase
}

@media screen and (max-width:992px) {
    .discount-code-page .code-wrapper {
        font-size: 1.4rem
    }
}

@media screen and (max-width:690px) {
    .discount-code-page .code-wrapper {
        text-align: left
    }
}

@media screen and (min-width:1200px) {
    .discount-code-page .code-wrapper {
        font-size: 2.4rem
    }
}

.discount-code-page .code-wrapper i {
    margin-left: 10px
}

.discount-code-page .code-wrapper .pre-tag-bg {
    flex: none
}

.page-template-page-card {
    overflow-x: hidden !important;
    scroll-behavior: smooth
}

.page-template-page-card #header {
    margin-bottom: 0;
    position: static
}

@media screen and (max-width:690px) {
    .page-template-page-card .introduction {
        padding-top: 20px
    }
    .page-template-page-card .introduction>.row {
        flex-direction: column-reverse
    }
    .page-template-page-card .introduction>.row .button {
        width: -moz-fit-content;
        width: fit-content
    }
    .page-template-page-card .introduction>.row .illustration {
        align-items: center;
        display: flex;
        flex-direction: column-reverse;
        width: 100%
    }
    .page-template-page-card .introduction>.row .illustration img {
        margin: 0 0 40px;
        max-width: 81%
    }
}

.page-template-page-card .steps-section .gridbox {
    grid-template-columns: repeat(4, 1fr);
    margin: 0 0 60px
}

@media screen and (max-width:860px) {
    .page-template-page-card .steps-section .gridbox {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:690px) {
    .page-template-page-card .steps-section .gridbox {
        grid-template-columns: 1fr
    }
}

.page-template-page-card .steps-section .gridbox>* {
    list-style-type: none;
    margin: 0
}

.page-template-page-card .steps-section .gridbox>:not(:last-of-type) {
    border-bottom: 1px solid #c3c3c3
}

@media screen and (min-width:860px) {
    .page-template-page-card .steps-section .gridbox>* {
        border-bottom: 0 !important
    }
    .page-template-page-card .steps-section .gridbox>:not(:last-of-type) {
        border-right: 1px solid #c3c3c3;
        padding-right: 30px
    }
}

@media screen and (min-width:690px) and (max-width:860px) {
    .page-template-page-card .steps-section .gridbox>* {
        border-bottom: 0 !important;
        padding-right: 20px
    }
    .page-template-page-card .steps-section .gridbox>:nth-child(odd) {
        border-right: 1px solid #c3c3c3
    }
}

@media screen and (max-width:690px) {
    .page-template-page-card .steps-section .gridbox+.align-center {
        text-align: left
    }
}

.page-template-page-card .product-slider-block {
    padding-bottom: 60px;
    padding-top: 60px
}

@media screen and (min-width:768px) {
    .page-template-page-card .product-slider-block {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.page-template-page-card .product-slider-block .heading {
    align-items: center;
    color: #e5e5e5;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:992px) {
    .page-template-page-card .product-slider-block .heading {
        align-items: normal;
        flex-direction: column;
        margin-bottom: 45px
    }
}

.page-template-page-card .product-slider-block .swiper-product-container {
    margin: auto;
    max-width: 2000px
}

.page-template-page-card .product-slider-block .swiper-product-container .swiper-slide {
    height: auto;
    width: 30%
}

.page-template-page-card .product-slider-block .swiper-product-container .swiper-slide:not(:last-of-type) {
    box-shadow: 1px 0 0 hsla(0, 0%, 100%, .2)
}

@media screen and (max-width:1100px) {
    .page-template-page-card .product-slider-block .swiper-product-container .swiper-slide {
        width: 45%
    }
}

@media screen and (max-width:690px) {
    .page-template-page-card .product-slider-block .swiper-product-container .swiper-slide {
        width: 80%
    }
}

.page-template-page-card .product-slider-block .swiper-product-container .swiper-slide>.row {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    margin: 0 0 0 4%;
    padding: 0;
    width: 85%
}

@media screen and (min-width:1101px) {
    .page-template-page-card .product-slider-block .swiper-product-container .swiper-slide:first-of-type {
        width: 33%
    }
    .page-template-page-card .product-slider-block .swiper-product-container .swiper-slide:first-of-type>.row {
        padding-left: 12%
    }
}

.page-template-page-card .product-slider-block .swiper-product-container .swiper-slide .rating-review {
    color: #fff
}

.page-template-page-card .swiper-button-next,
.page-template-page-card .swiper-button-prev {
    background: #000;
    color: #fff;
    font-size: 22px;
    padding: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all .2s
}

@media screen and (max-width:768px) {
    .page-template-page-card .swiper-button-next,
    .page-template-page-card .swiper-button-prev {
        font-size: 12px
    }
}

.page-template-page-card .swiper-button-next:after,
.page-template-page-card .swiper-button-prev:after {
    content: none
}

.page-template-page-card .swiper-button-next.swiper-button-disabled,
.page-template-page-card .swiper-button-prev.swiper-button-disabled {
    display: none
}

.page-template-page-card .swiper-button-prev {
    left: 0
}

.page-template-page-extension #header {
    margin-bottom: 0;
    position: static
}

.page-template-page-extension.rtl .introduction h1:after {
    right: 80%
}

@media screen and (max-width:992px) {
    .page-template-page-extension .introduction>.row {
        flex-direction: column-reverse;
        margin: 0
    }
    .page-template-page-extension .introduction>.row .illustration {
        align-items: center;
        display: flex;
        flex-direction: column-reverse;
        width: 100%
    }
    .page-template-page-extension .introduction>.row .illustration img {
        margin: 0 0 40px;
        max-width: 81%
    }
}

@media screen and (min-width:993px) {
    .page-template-page-extension .introduction .introduction-content {
        margin-right: auto
    }
    .page-template-page-extension .introduction .introduction-content .illustration {
        align-self: center;
        min-width: 470px
    }
    .page-template-page-extension .introduction .introduction-content .flexbox {
        align-items: center
    }
    .page-template-page-extension .introduction .introduction-content .left-block {
        max-width: 40%;
        padding-right: 80px
    }
}

@media screen and (max-width:992px) {
    .page-template-page-extension .introduction .cover-text {
        font-size: 2.1rem;
        line-height: 2.9rem
    }
    .page-template-page-extension .introduction p.small-text {
        font-size: 1.6rem;
        line-height: 2.8rem
    }
}

.page-template-page-extension h1 {
    max-width: 370px;
    position: relative
}

@media screen and (max-width:768px) {
    .page-template-page-extension h1 {
        max-width: 310px
    }
}

@media screen and (max-width:1200px) {
    .page-template-page-extension h1 {
        font-size: 6.3rem
    }
}

.page-template-page-extension h1:after {
    background-color: #fff;
    border-radius: 17px;
    color: #000;
    content: "BETA";
    font-size: 1.5rem;
    height: 18px;
    padding: 8px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: translateY(50%);
    width: 71px
}

.page-template-page-extension .button:not(:empty):not(.no-icon):after {
    content: "\e948" !important;
    font-size: 20px;
    margin-left: 40px
}

.page-template-page-extension .illustration img {
    display: block
}

.page-template-page-extension .text_block {
    background: linear-gradient(180deg, #191919, #191919 33%, #2c2833);
    padding: 7vw 15vw;
    text-align: center
}

@media screen and (max-width:690px) {
    .page-template-page-extension .text_block {
        padding: 120px 16px
    }
}

.page-template-page-extension .text_block p {
    color: #fff;
    font-size: 3.5rem;
    line-height: 4.5rem
}

@media screen and (max-width:992px) {
    .page-template-page-extension .text_block p {
        font-size: 2rem;
        line-height: 2.6rem
    }
}

.page-template-page-extension .text_block h3 {
    color: #fff;
    font-family: Inter, Times New Roman, arial, sans-serif;
    font-size: 6.8rem;
    line-height: 8.8rem;
    margin-bottom: 40px
}

@media screen and (max-width:690px) {
    .page-template-page-extension .text_block h3 {
        font-size: 38px;
        font-weight: 600;
        line-height: 130%
    }
}

@media screen and (min-width:691px) {
    .page-template-page-extension .text_block h5 {
        font-size: 68px;
        font-weight: 600;
        line-height: 130%
    }
}

.page-template-page-extension .alternated_imagetext {
    align-items: center
}

.page-template-page-extension .alternated_imagetext.row {
    margin: auto
}

@media screen and (min-width:993px) {
    .page-template-page-extension .alternated_imagetext:nth-of-type(odd) img {
        order: 2
    }
    .page-template-page-extension .alternated_imagetext img {
        max-width: 50%
    }
}

@media screen and (max-width:992px) {
    .page-template-page-extension .alternated_imagetext .flexbox {
        display: flex;
        flex-flow: column wrap;
        flex-direction: column-reverse;
        justify-content: inherit
    }
}

@media screen and (max-width:777px) {
    .page-template-page-extension .alternated_imagetext img {
        max-height: 60vh;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.page-template-page-extension .alternated_imagetext .content {
    padding: 0 120px
}

@media screen and (max-width:992px) {
    .page-template-page-extension .alternated_imagetext .content {
        padding: 60px
    }
}

.page-template-page-extension .alternated_imagetext .content h3 {
    margin-bottom: 20px
}

@media screen and (max-width:992px) {
    .page-template-page-extension .alternated_imagetext .content p {
        font-size: 1.8rem;
        line-height: 2.8rem
    }
}

.page-template-page-extension .alternated_imagetext h3,
.page-template-page-extension .alternated_imagetext p {
    color: #fff
}

.page-template-page-extension .video_block {
    background-color: #000;
    padding: 80px 0;
    text-align: center
}

@media screen and (max-width:768px) {
    .page-template-page-extension .video_block {
        padding-top: 0
    }
}

.page-template-page-extension .video_block .video-frame {
    height: 433px;
    margin: auto
}

@media screen and (min-width:768px) {
    .page-template-page-extension .video_block .video-frame {
        width: 768px
    }
}

.page-template-page-extension .video_block p {
    color: #fff;
    font-size: 3.5rem;
    line-height: 4.5rem
}

@media screen and (max-width:768px) {
    .page-template-page-extension .video_block p {
        font-size: 1.8rem;
        line-height: 2.8rem
    }
}

.page-template-page-redeem {
    background-color: #000;
    overflow-x: hidden !important;
    scroll-behavior: smooth
}

.page-template-page-redeem #header {
    margin-bottom: 0;
    position: static
}

.page-template-page-redeem .cover {
    padding: 80px 0 60px;
    position: relative;
    text-align: center
}

@media screen and (max-width:690px) {
    .page-template-page-redeem .cover {
        padding: 20px 0 40px
    }
}

.page-template-page-redeem .cover:before {
    background: radial-gradient(ellipse at bottom, #ff7100 0, rgba(212, 12, 12, 0) 60%);
    bottom: 0;
    content: "";
    height: 120%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 80%;
    z-index: -1
}

.page-template-page-redeem .cover .overtitle {
    color: #c3c3c3;
    font-family: HMAlphaMono;
    font-size: 3rem;
    font-weight: 400;
    line-height: 3.9rem;
    text-transform: uppercase
}

@media screen and (max-width:690px) {
    .page-template-page-redeem .cover .overtitle {
        font-size: 2rem;
        line-height: 2rem;
        margin-bottom: 12px
    }
}

.page-template-page-redeem .cover .h2 {
    color: #fff;
    font-family: Inter, Times New Roman, arial, sans-serif;
    letter-spacing: -3px;
    text-transform: none
}

.page-template-page-redeem .cover .cover-text {
    color: #fff;
    font-size: 2.1rem;
    line-height: 2.9rem
}

@media screen and (max-width:690px) {
    .page-template-page-redeem .cover .cover-text {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.page-template-page-redeem .cover .cover-text a {
    color: #fff
}

.page-template-page-redeem .vertical-swiper-block .vertical-swiper .item:not(:last-of-type):after {
    left: -20px
}

@media screen and (max-width:690px) {
    .page-template-page-redeem .vertical-swiper-block .vertical-swiper .item:first-child {
        padding-bottom: 20px
    }
    .page-template-page-redeem .vertical-swiper-block .vertical-swiper .item:first-child .illustration {
        order: 1
    }
    .page-template-page-redeem .vertical-swiper-block .vertical-swiper .item:first-child .content {
        order: 2
    }
}

.page-template-page-redeem .swiper-title {
    padding: 40px 0
}

.page-template-page-redeem .swiper-title h2 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    text-transform: none
}

@media screen and (max-width:690px) {
    .page-template-page-redeem .swiper-title h2 {
        font-size: 3.2rem;
        line-height: 4.16rem
    }
}

.page-template-page-redeem .vertical-swiper-block .vertical-swiper .item {
    padding-bottom: 0;
    position: relative
}

@media screen and (max-width:690px) {
    .page-template-page-redeem .vertical-swiper-block .vertical-swiper .item {
        flex-direction: column
    }
}

.page-template-page-redeem .vertical-swiper-block .vertical-swiper .item .illustration img {
    display: block
}

.page-template-page-redeem .vertical-swiper-block .vertical-swiper .item h3 {
    font-family: Inter, Times New Roman, arial, sans-serif;
    text-transform: none
}

.page-template-page-redeem .vertical-swiper-block .vertical-swiper .item .text {
    line-height: 2.8rem
}

.page-template-page-redeem .product-block h3 {
    color: #fff;
    font-family: Inter, Times New Roman, arial, sans-serif;
    text-transform: none
}

.page-template-page-redeem .product-block .content {
    align-self: center;
    display: flex;
    flex-flow: column;
    padding: 0 3vw
}

@media screen and (max-width:690px) {
    .page-template-page-redeem .product-block .content {
        padding: 60px 16px
    }
}

.page-template-page-redeem .product-block .content .button {
    max-width: 20%
}

@media screen and (max-width:690px) {
    .page-template-page-redeem .product-block .illustration {
        order: 2
    }
}

.heateor_sss_sharing_container {
    color: #6a6a6a;
    display: inline-block;
    margin-left: 7px;
    vertical-align: -8px
}

.heateor_sss_sharing_ul a,
.heateor_sss_sharing_ul a>*,
.heateor_sss_sharing_ul i,
.heateor_sss_sharing_ul i>* {
    height: 30px !important;
    width: 30px !important
}

.heateor_sss_sharing_ul a>*,
.heateor_sss_sharing_ul i>* {
    background-color: #000;
    transition: all .2s
}

.heateor_sss_sharing_ul a>:hover,
.heateor_sss_sharing_ul i>:hover {
    background-color: #ff5300
}

.heateor_sss_sharing_ul li:not(:last-of-type) {
    margin-right: 5px !important
}

.heateor_sss_horizontal_sharing i.heateorSssInstagramBackground,
.heateorSssInstagramSvg,
.heateorSssSharingSvg {
    background-color: #000 !important
}

:lang(tr) .h1:not([class*=icon]),
:lang(tr) .h2:not([class*=icon]),
:lang(tr) .h3:not([class*=icon]),
:lang(tr) .h4:not([class*=icon]),
:lang(tr) h1:not([class*=icon]),
:lang(tr) h2:not([class*=icon]),
:lang(tr) h3:not([class*=icon]),
:lang(tr) h4:not([class*=icon]) {
    font-family: Inter, Times New Roman, arial, sans-serif !important
}

:lang(ar) .how-to-buy-crypto .swiper-button-next,
:lang(ar) .how-to-buy-crypto .swiper-rtl .swiper-button-next {
    left: 0;
    right: auto !important
}

:lang(ar) .icon-chevron-left:before {
    content: "\e91a"
}

:lang(ar) .icon-chevron-right:before {
    content: "\e919"
}

:lang(ar) .button:not(:empty):not(.no-icon):after,
:lang(ar) .read-more.reverse:before,
:lang(ar) .read-more:not(.reverse):after,
:lang(ar) input.button:not(.no-icon):after {
    content: "\e905"
}

:lang(ar) .super-small-text {
    font-size: 1.4rem
}

:lang(ar) .how-to-buy-crypto .swiper-button-prev:after,
:lang(ar) .how-to-buy-crypto .swiper-rtl .swiper-button-prev:after {
    content: "\f105"
}

:lang(ar) .how-to-buy-crypto .swiper-button-next:after,
:lang(ar) .how-to-buy-crypto .swiper-rtl .swiper-button-next:after {
    content: "\f104"
}

:lang(ar) .coinmarketcap-currency-widget>div:first-child>div:first-child>div:nth-child(2)[style] {
    text-align: left !important
}

:lang(ar) #toggle-all-cell:after {
    margin-left: 7px;
    margin-right: 0
}

:lang(ar) .fa-chevron-left:before {
    content: "\f054"
}

:lang(ar) .fa-chevron-right:before {
    content: "\f053"
}