@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://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-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5
}

.h7,.heading-2 {
    font-family: Inter,Times New Roman,arial,sans-serif;
    text-transform: none
}

.heading-2 {
    font-size: 68px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -3.06px;
    line-height: 130%
}

@media screen and (max-width: 992px) {
    .heading-2 {
        font-size:38px;
        letter-spacing: -1.71px
    }
}

.heading-3 {
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -2.25px;
    line-height: 56px;
    text-transform: none
}

.heading-3:lang(ar) {
    letter-spacing: 0;
    margin-top: 10px
}

@media screen and (max-width: 992px) {
    .heading-3 {
        font-size:2.8rem;
        line-height: 32px
    }
}

.heading-4 {
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 38px;
    font-weight: 600;
    letter-spacing: -1.71px;
    line-height: 42px;
    text-transform: none
}

.heading-4:lang(ar) {
    font-size: 42px;
    letter-spacing: 0;
    line-height: 50px
}

@media screen and (max-width: 992px) {
    .heading-4,.heading-4:lang(ar) {
        font-size:32px;
        line-height: 36px
    }
}

@media screen and (max-width: 768px) {
    .heading-4,.heading-4:lang(ar) {
        font-size:24px;
        line-height: 32px
    }
}

.heading-5 {
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1.44px;
    line-height: 36px;
    text-transform: none
}

@media screen and (max-width: 992px) {
    .heading-5 {
        font-size:24px;
        letter-spacing: -1.08px;
        line-height: 28px
    }
}

.heading-6 {
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -1.08px;
    line-height: 32px;
    text-transform: none
}

.heading-6:lang(ar) {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 34px
}

@media screen and (max-width: 992px) {
    .heading-6,.heading-6:lang(ar) {
        font-size:2rem;
        line-height: 24px
    }
}

.heading-7 {
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.81px;
    line-height: 140%
}

@media screen and (max-width: 992px) {
    .heading-7 {
        font-size:16px
    }
}

.emphasis {
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-transform: none
}

@media screen and (max-width: 768px) {
    .emphasis {
        font-size:18px;
        line-height: 26px
    }
}

.text-body-r {
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px
}

.text-body-r:lang(ar) {
    letter-spacing: 0
}

.text-body-highlight {
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px
}

.navigation-button,.text-caption {
    font-size: 13px;
    line-height: 22px
}

.navigation-button,.text-caption,.text-small-caption {
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-weight: 500
}

.text-small-caption {
    font-size: 11px;
    line-height: 16px
}

.tag.new {
    left: 10px;
    position: absolute;
    top: 10px
}

.tag h1,.tag span {
    backdrop-filter: blur(19px);
    white-space: nowrap
}

.tag.purple h1,.tag.purple span {
    background: rgba(212,160,255,.3)
}

.tag.purple-light span {
    backdrop-filter: blur(38px);
    background-color: #f2e2ff;
    color: #6a3794
}

.tag.black {
    filter: grayscale(1)
}

.tag.black h1,.tag.black span {
    background: hsla(0,0%,100%,.1)
}

.tag {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 0v.5H.526V3H0V0h4z' fill='%23D4A0FF'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 3v-.5H.526V0H0v3h4z' fill='%23D4A0FF'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3v-.5h3.474V0H4v3H0z' fill='%23D4A0FF'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0v.5h3.474V3H4V0H0z' fill='%23D4A0FF'/%3E%3C/svg%3E");
    background-position: 0 0,0 100%,100% 100%,100% 0;
    background-repeat: no-repeat
}

.tag:lang(ar) {
    background-position: 100% 0,100% 100%,0 100%,0 0
}

.tag {
    display: flex;
    flex-direction: row;
    height: -moz-fit-content;
    height: fit-content;
    padding: 3px 4px;
    width: -moz-fit-content;
    width: fit-content
}

.tag h1,.tag span {
    color: #fff;
    font-family: HMAlphaMono,Open sans,arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .42px;
    line-height: 18px;
    padding: 4px 8px;
    text-align: center
}

.tag h1:lang(ar),.tag span:lang(ar) {
    letter-spacing: 1px
}

.tag h1,.tag span {
    text-transform: uppercase
}

.tag.small h1,.tag.small span {
    font-size: 12px;
    letter-spacing: .36px;
    line-height: 16px;
    padding: 0 4px
}

.tag.small h1:lang(ar),.tag.small span:lang(ar) {
    letter-spacing: 1px
}

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

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

.label {
    color: #6a6a6a
}

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

.caption,.placeholder {
    color: #949494
}

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

.caption,.small-text {
    font-family: inherit;
    font-weight: 500
}

.small-text {
    font-size: 1.4rem;
    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
}

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:not(.reverse):after {
    transition: transform .3s ease
}

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

.read-more.reverse:before {
    transform: rotate(180deg);
    transition: transform .3s ease,margin-right .3s ease
}

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

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

.read-more:hover:not(.reverse):after {
    transform: translateX(6px)
}

.read-more:hover.reverse:before {
    margin-right: 10px;
    transform: translateX(6px)
}

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

.anchor-link:after {
    content: "";
    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
}

.block-popin {
    align-items: center;
    background-color: transparent;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: background-color .6s ease,opacity .3s ease;
    width: 100%;
    z-index: 9999
}

.block-popin.open {
    background-color: rgba(0,0,0,.4);
    display: flex;
    opacity: 1
}

.block-popin .container {
    backdrop-filter: blur(32px);
    background-color: hsla(0,0%,100%,.6);
    box-shadow: 0 24px 64px #000;
    max-width: 540px;
    opacity: 0;
    padding: 32px 48px;
    position: relative;
    transform: translateY(32px);
    transition: transform .3s ease,opacity .3s ease;
    width: 100%
}

.block-popin .container.open {
    opacity: 1;
    transform: translateY(0)
}

.block-popin .container {
    clip-path: polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,24px 100%,0 calc(100% - 24px))
}

.block-popin .container .close {
    all: unset;
    height: 24px;
    position: absolute;
    right: 24px;
    top: 24px;
    width: 24px
}

.block-popin .container .close:focus,.block-popin .container .close:hover {
    cursor: pointer
}

.block-popin .container .content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center
}

.block-popin .container .content img {
    clip-path: polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);
    height: 161px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width: 690px) {
    .block-popin .container .content img {
        clip-path:polygon(0 0,calc(100% - 70px) 0,100% 70px,100% 100%,0 100%)
    }
}

.block-popin .container .content form {
    display: flex;
    gap: 12px
}

.block-popin .container .content form .fields-container input[type=email] {
    background: transparent;
    border: 1px solid #000;
    border-radius: 72px;
    height: 56px;
    padding: 14px 24px
}

.block-popin .container .content form .fields-container input[type=email]:active,.block-popin .container .content form .fields-container input[type=email]:focus {
    outline: none
}

.block-popin .container .content form .fields-container input[type=email]:focus+label {
    opacity: 0
}

.block-popin .container .content form .fields-container label {
    left: 24px;
    position: absolute;
    right: auto;
    top: 14px;
    transition: opacity .2s
}

.block-popin .container .content form .fields-container.is-not-empty label {
    opacity: 0
}

@media screen and (max-width: 690px) {
    .block-popin .container .content form .fields-container {
        max-width:100%
    }
}

.block-popin .container .content form button[type=submit] {
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 12px 24px
}

@media screen and (max-width: 690px) {
    .block-popin .container .content form {
        flex-direction:column
    }

    .block-popin .container {
        margin: 0 24px;
        padding: 16px
    }
}

.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>* {
    margin: 0 5px;
    text-decoration: none!important
}

.social-icons-footer>* svg {
    fill: #000
}

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

.color-white {
    color: #fff
}

.color-neutral-100 {
    color: #f5f5f5
}

.color-neutral-200 {
    color: #e5e5e5
}

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

.color-brand-secondary {
    color: #d4a0ff
}

.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
}

.color-neutral-300 {
    color: #d4d4d4
}

.color-neutral-500 {
    color: #737373
}

.color-neutral-700 {
    color: #404040
}

.color-neutral-800 {
    color: #262626
}

.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-neutral {
    background-color: #0a0a0a
}

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

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

.bg-neutral .button.primary {
    background: #fff;
    color: #0a0a0a
}

.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-tertiary {
    background-color: #fff
}

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

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

.bg-purple-gradient {
    background: radial-gradient(80.07% 46.93% at 50% 50%,#45395c 0,#000 94.27%);
    box-shadow: 0 2.396px 2.396px 0 rgba(0,0,0,.25)
}

.bg-white-neutral {
    background-color: #fafafa
}

.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: "";
    margin-right: 3px
}

.yotpo-icon-half-star:before {
    content: "";
    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;
    padding: 0 16px;
    position: relative;
    position: sticky;
    top: -100%;
    top: 0;
    transition: all .3s;
    width: 100%;
    z-index: 99
}

@media(min-width: 1024px) {
    #header {
        padding:0 2.5rem
    }
}

@media(min-width: 1280px) {
    #header {
        padding:0 96px
    }
}

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

#header>.flexbox {
    align-items: center
}

#header>.flexbox>* {
    flex: initial
}

@media screen and (max-width: 1024px) {
    #header>.flexbox {
        flex-flow:row wrap;
        justify-content: space-between;
        padding: 20px 0
    }

    #header .logo .flexbox {
        flex-flow: nowrap
    }
}

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

#header>.row>.row {
    display: flex;
    justify-content: space-between;
    width: 100%
}

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

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

#header a {
    text-decoration: none
}

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

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

#header .cart>* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

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

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

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

#header nav>* {
    border: none
}

@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
    }
}

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

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

#header.dark-header,#header.transparent-white-font:not(.out-of-top) {
    backdrop-filter: blur(40px) brightness(90%) contrast(110%) opacity(80%);
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.04) 14.9%,hsla(0,0%,100%,.04) 85.37%,hsla(0,0%,100%,0));
    border: 0
}

#header.dark-header .language-switcher a,#header.dark-header .navigation a.navigation-button:not(.navigation__tabs__trigger),#header.dark-header .navigation button:not(.navigation__tabs__trigger),#header.transparent-white-font:not(.out-of-top) .language-switcher a,#header.transparent-white-font:not(.out-of-top) .navigation a.navigation-button:not(.navigation__tabs__trigger),#header.transparent-white-font:not(.out-of-top) .navigation button:not(.navigation__tabs__trigger) {
    color: #fff
}

#header.dark-header .language-switcher a:after,#header.transparent-white-font:not(.out-of-top) .language-switcher a:after {
    filter: invert(0)
}

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

#header.dark-header:hover,#header.transparent-white-font:not(.out-of-top):hover {
    background-color: #fff;
    transition-delay: 0s
}

#header.dark-header:hover .language-switcher a,#header.dark-header:hover .navigation a.navigation-button,#header.dark-header:hover .navigation button.navigation-button,#header.transparent-white-font:not(.out-of-top):hover .language-switcher a,#header.transparent-white-font:not(.out-of-top):hover .navigation a.navigation-button,#header.transparent-white-font:not(.out-of-top):hover .navigation button.navigation-button {
    color: #000
}

#header.dark-header:hover .language-switcher a:after,#header.transparent-white-font:not(.out-of-top):hover .language-switcher a:after {
    filter: invert(1)
}

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

#header.dark-header:hover .header-divider,#header.transparent-white-font:not(.out-of-top):hover .header-divider {
    background: linear-gradient(90deg,rgba(38,38,38,0),rgba(38,38,38,.1) 25%,rgba(38,38,38,.1) 75%,rgba(38,38,38,0))
}

#header.dark-header .cart>*,#header.dark-header .hamburger,#header.dark-header .header-language-selector .language-switcher a,#header.dark-header .header-language-selector .language-switcher a:after,#header.dark-header .logo,#header.dark-header .navigation-button,#header.transparent-white-font:not(.out-of-top) .cart>*,#header.transparent-white-font:not(.out-of-top) .hamburger,#header.transparent-white-font:not(.out-of-top) .header-language-selector .language-switcher a,#header.transparent-white-font:not(.out-of-top) .header-language-selector .language-switcher a:after,#header.transparent-white-font:not(.out-of-top) .logo,#header.transparent-white-font:not(.out-of-top) .navigation-button {
    transition-delay: 0s
}

#header.white-header .header-divider {
    background: linear-gradient(90deg,rgba(38,38,38,0),rgba(38,38,38,.1) 25%,rgba(38,38,38,.1) 75%,rgba(38,38,38,0))
}

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

#header.dark-header.out-of-top .header-language-selector .language-switcher a,#header.dark-header.out-of-top .navigation a.navigation-button,#header.dark-header.out-of-top .navigation button,#header.transparent-white-font.out-of-top .header-language-selector .language-switcher a,#header.transparent-white-font.out-of-top .navigation a.navigation-button,#header.transparent-white-font.out-of-top .navigation button,#header.white-header:not(.out-of-top) .header-language-selector .language-switcher a,#header.white-header:not(.out-of-top) .navigation a.navigation-button,#header.white-header:not(.out-of-top) .navigation button {
    color: #000
}

#header.dark-header.out-of-top .header-language-selector .language-switcher a:after,#header.transparent-white-font.out-of-top .header-language-selector .language-switcher a:after,#header.white-header:not(.out-of-top) .header-language-selector .language-switcher a:after {
    filter: invert(1)
}

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

@media screen and (min-width: 993px) {
    #header.dark-header.out-of-top a,#header.dark-header.out-of-top button,#header.transparent-white-font.out-of-top a,#header.transparent-white-font.out-of-top button,#header.white-header:not(.out-of-top) a,#header.white-header:not(.out-of-top) button {
        color:#000
    }
}

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

#header:not(.dark-header).out-of-top button {
    color: #000
}

#header.out-of-top {
    transform: translateY(-86px)
}

#header.out-of-top .navigation__tabs__content {
    height: calc(100dvh - 146px)
}

#header.sticky {
    background-color: #fff;
    transform: translateY(0);
    transition: all .3s
}

#header.sticky .navigation a.navigation-button:not(.navigation__tabs__trigger),#header.sticky .navigation button:not(.navigation__tabs__trigger) {
    color: #000
}

#header.sticky .cart>*,#header.sticky .hamburger,#header.sticky .logo {
    filter: invert(0)
}

#header.sticky .language-switcher a {
    color: #000
}

#header.sticky .language-switcher a:after {
    filter: invert(1)
}

#header.sticky .header-divider {
    background: linear-gradient(90deg,rgba(38,38,38,0),rgba(38,38,38,.1) 25%,rgba(38,38,38,.1) 75%,rgba(38,38,38,0))
}

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

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

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

.pick-up-news a:not(.is-primary) {
    color: #fff
}

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

.page-template-page-redirection-only #header,.page-template-page-start #header {
    margin-bottom: 0
}

.header-divider {
    background: linear-gradient(90deg,hsla(0,0%,90%,0),hsla(0,0%,90%,.1) 25%,hsla(0,0%,90%,.1) 75%,hsla(0,0%,90%,0));
    bottom: 0;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.header-end-container {
    align-items: center;
    display: flex;
    gap: 12px
}

.header-top-banner,.pick-up-news {
    display: block;
    position: relative;
    z-index: 999
}

.page-template-page-referral-v2 #main.no-top-spacing .introduction {
    margin-top: -110px
}

@media screen and (max-width: 1024px) {
    .page-template-page-referral-v2 #main.no-top-spacing .introduction {
        margin-top:-100px
    }
}

.ledger-card .hero,.ledger-card .introduction,.ledger-live .hero,.ledger-live .introduction {
    margin-top: -166px
}

@media screen and (max-width: 1024px) {
    .ledger-card .hero,.ledger-card .introduction,.ledger-live .hero,.ledger-live .introduction {
        margin-top:-76px
    }
}

@media screen and (max-width: 992px) {
    .ledger-card .hero,.ledger-card .introduction,.ledger-live .hero,.ledger-live .introduction {
        margin-top:-96px
    }
}

.ledger-card .hero,.ledger-live .hero {
    padding-top: 180px
}

.ledger-card .introduction {
    padding-top: 142px
}

@media screen and (max-width: 1024px) {
    .ledger-card .introduction {
        padding-top:112px
    }
}

.ledger-live .hero {
    padding-top: 86px
}

@media screen and (max-width: 1024px) {
    .ledger-live .hero {
        padding-top:126px
    }

    .pick-up-news {
        display: none
    }
}

#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
}

.page-template-page-redirection-only #footer>*,.page-template-page-start #footer>* {
    padding-left: 4%
}

.prefooter-blocks {
    background: linear-gradient(104deg,#000 9.86%,#181818 50.03%,#000 90.19%)
}

.prefooter-blocks .heading-4 {
    color: #fff
}

.prefooter-blocks label.text-body-r,.prefooter-blocks p.text-body-r {
    color: #e5e5e5
}

.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;
    gap: 8px;
    margin: 20px 0 0
}

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

.prefooter-blocks .social-icons>* a {
    align-items: center;
    background-color: hsla(0,0%,100%,.05);
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    height: 50px;
    justify-content: center;
    width: 50px
}

.prefooter-blocks .social-icons>* a svg {
    fill: #fff
}

.prefooter-blocks form.inline-form {
    gap: 16px;
    justify-content: flex-start;
    margin-bottom: 20px
}

.prefooter-blocks form.inline-form .fields-container {
    margin-right: 0!important
}

.prefooter-blocks form.inline-form .fields-container #footer-mail {
    background: transparent;
    border: 1px solid var(--Neutral-Neutral-600,#525252);
    border-radius: 72px;
    max-height: 52px;
    padding: 13px 13px 13px 30px
}

.prefooter-blocks form.inline-form .fields-container #footer-mail+label {
    top: 12px
}

.prefooter-blocks form.inline-form .button:not(:empty) {
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    max-height: 52px;
    padding: 12px 24px
}

@media screen and (max-width: 992px) {
    .prefooter-blocks form.inline-form {
        gap:12px
    }
}

.prefooter-blocks .prefooter-disclaimer {
    color: #a3a3a3;
    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(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-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(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-input):not([type=checkbox]):not([type=range]),select,textarea {
        font-size:1.4rem;
        padding: 20px 12px
    }
}

input:not([type=file]):not([type=submit]):not(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-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(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-input):not([type=checkbox]):not([type=range]):active,input:not([type=file]):not([type=submit]):not(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-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(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-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(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-input):not([type=checkbox]):not([type=range]):not([type=submit]),input:not([type=file]):not([type=submit]):not(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-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(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-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(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-input):not([type=checkbox]):not([type=range])[type=checkbox],input:not([type=file]):not([type=submit]):not(.popin-form-input):not(.cart__quantity-input):not(.reseller-form-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.svg) no-repeat center right 12px!important;
    background-position: 100%!important;
    line-height: 1.5;
    padding-right: 36px;
    width: 100%;
    -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
}

::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: "";
    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: ""
}

.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: "";
    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>li {
    align-items: center;
    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>li a {
    color: #c3c3c3
}

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

.blog-posts .blog-articles-list-filters .categories-of-blog>ul>li.active a,.blog-posts .blog-articles-list-filters .categories-of-blog>ul>li:hover a {
    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>* {
    align-items: center;
    border: 1px solid #000;
    border-radius: 100px;
    display: flex;
    height: 42px;
    justify-content: center;
    line-height: 40px;
    margin-right: 5px;
    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: "";
    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: rgba(0,0,0,0);
    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)
}

@media screen and (max-width: 690px) {
    .toggle-list .fields-container-options input:checked~label+div,.toggle-list .fields-container-options input:checked~label+p {
        max-height:100%
    }
}

.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: rgba(0,0,0,0);
    -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: 400;
    line-height: inherit;
    max-height: 52px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    outline: none;
    padding: 13px 24px;
    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: "";
    display: inline-block;
    font-family: ledger-icons-font;
    margin-left: auto;
    padding-left: 8px;
    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).tertiary,input.button.tertiary {
    background-color: #fff;
    border: 1px solid #000;
    color: #000
}

.button:not(:empty).tertiary:active,input.button.tertiary: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;
    left: auto;
    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: rgba(0,0,0,0);
    -webkit-user-select: none;
    -moz-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 {
    content: " ";
    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.is-open.has-children ul {
    margin-bottom: 3vw;
    max-height: 100vh;
    opacity: 1;
    overflow: visible
}

.main-navigation ul li.highlighted a:link,.main-navigation ul li.highlighted a:visited {
    color: #ff5300
}

.main-navigation ul li.newtag a:link,.main-navigation ul li.newtag a:visited {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px
}

@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:hover.has-children ul {
        margin-bottom: 3vw;
        max-height: 100vh;
        opacity: 1;
        overflow: visible
    }

    .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: absolute;
        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.is-open {
        max-height: none;
        padding-bottom: 20px;
        padding-top: 10px
    }
}

.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 {
        content: " ";
        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: " ";
    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.language-list {
    border: 2px solid #fff;
    border-radius: 72px;
    display: inline-block;
    position: relative
}

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

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

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

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

#footer .language-switcher.language-list .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.language-list .submenu li {
    list-style: none;
    margin: 0
}

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

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

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

#footer .credit-container img {
    max-height: 44px;
    width: auto
}

#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: rgba(0,0,0,0);
    color: #000;
    font-size: 2rem;
    font-weight: 500;
    outline: none;
    -o-user-select: none;
    -webkit-user-select: none;
    -moz-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
    }
}

.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 (max-width: 690px) {
    .vertical-swiper-block .vertical-swiper .item:not(:last-of-type):after {
        content:none
    }
}

@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: ""
}

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

@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
    }
}

@keyframes topBannerAnimation {
    0% {
        background-position: 0 50%;
        background-size: 400% 400%
    }

    50% {
        background-position: 33% 50%;
        background-size: 400% 400%
    }

    to {
        background-position: 66% 50%;
        background-size: 400% 400%
    }
}

.header-top-banner {
    text-decoration: none!important
}

.header-top-banner--container {
    animation: topBannerAnimation 2s ease infinite alternate;
    background: linear-gradient(90deg,hsla(0,0%,83%,.5),hsla(0,0%,83%,.1) 75.8%,hsla(0,0%,83%,.3)),#000
}

.header-top-banner--container .row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: none
}

.header-top-banner--container .row .header-top-banner--text {
    display: flex;
    flex: 4
}

.header-top-banner--container .row .header-top-banner--text p {
    align-self: center;
    color: #fff;
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin: 0 auto;
    padding: 14px 30px
}

.header-top-banner--container .row .header-top-banner--text p strong {
    color: #ff5300;
    font-weight: 500
}

@media screen and (max-width: 768px) {
    .header-top-banner--container .row .header-top-banner--text p {
        align-items:center;
        display: flex;
        font-size: 13px;
        font-weight: 500;
        gap: 16px;
        justify-content: center;
        line-height: 22px;
        padding: 8px 0;
        text-align: left
    }

    .header-top-banner--container .row .header-top-banner--text p:after {
        color: #fff;
        content: "" /*!rtl:''*/;
        display: inline-block;
        font-family: ledger-icons-font;
        font-size: 2rem;
        line-height: 2rem;
        vertical-align: middle
    }
}

.header-top-banner--container .row .header-top-banner--button {
    background: hsla(0,0%,100%,.1);
    border-left: 1px solid #737373;
    display: flex;
    flex: 1;
    justify-content: center;
    transition: all .3s
}

.header-top-banner--container .row .header-top-banner--button span {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    padding: 14px 32px;
    white-space: nowrap
}

@media screen and (max-width: 768px) {
    .header-top-banner--container .row .header-top-banner--button span {
        font-size:11px;
        font-weight: 500;
        line-height: 16px;
        padding: 8px 32px
    }
}

.header-top-banner--container .row .header-top-banner--button span:after {
    color: #fff;
    content: "" /*!rtl:''*/;
    display: inline-block;
    font-family: ledger-icons-font;
    font-size: 2rem;
    line-height: 2rem;
    padding-left: 4px;
    transition: all .3s;
    vertical-align: middle
}

.header-top-banner--container .row .header-top-banner--button:hover {
    background: hsla(0,0%,100%,.2);
    transition: all .3s
}

.header-top-banner--container .row .header-top-banner--button:hover span:after {
    transform: translateX(4px)
}

@media screen and (max-width: 768px) {
    .header-top-banner--container .row .header-top-banner--button:hover span:after {
        transform:none
    }

    .header-top-banner--container .row .header-top-banner--button {
        display: none
    }
}

@media screen and (min-width: 768px) {
    .header-top-banner--container .row {
        margin:0
    }
}

.hero-manager {
    position: relative
}

.hero-manager .blur {
    display: none
}

.hero-manager.with-gradient {
    background-color: #000
}

.hero-manager.with-gradient h1,.hero-manager.with-gradient h2,.hero-manager.with-gradient p {
    color: #fff
}

.hero-manager.with-gradient .introduction>* {
    align-items: center
}

@media screen and (max-width: 768px) {
    .hero-manager.with-gradient .introduction>*>* {
        gap:0
    }
}

.hero-manager.with-gradient .introduction .content .text-container {
    gap: 8px
}

@media screen and (max-width: 768px) {
    .hero-manager.with-gradient .introduction .content .text-container {
        align-items:center;
        text-align: center
    }
}

.hero-manager.with-gradient .blur {
    background: #0a0a0a;
    border-radius: 100%;
    bottom: -55px;
    display: block;
    filter: blur(25px);
    height: 110px;
    opacity: 1;
    position: absolute;
    width: 100%
}

@media screen and (max-width: 1200px) {
    .hero-manager.with-gradient .blur {
        display:none
    }
}

.hero-manager .introduction {
    background: #000;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: -86px;
    max-width: 100%;
    padding: 40px 0 0;
    position: relative;
    width: 100%
}

.hero-manager .introduction>* {
    width: 92%
}

@media screen and (max-width: 768px) {
    .hero-manager .introduction>* {
        width:100%
    }
}

.hero-manager .introduction>*>* {
    align-items: center;
    gap: 32px;
    z-index: 50
}

@media screen and (max-width: 768px) {
    .hero-manager .introduction>*>* {
        flex-direction:column-reverse
    }
}

@media screen and (max-width: 992px) {
    .hero-manager .introduction {
        margin-top:-66px
    }
}

.hero-manager .introduction.with-gradient {
    background-image: url(../images/homepage/hero-gradient-bg.png);
    padding-bottom: 0
}

.hero-manager .introduction.with-gradient:lang(ar) {
    background-image: url(../images/homepage/hero-gradient-bg-ar.png)
}

.hero-manager .introduction.with-gradient {
    background-color: transparent;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover
}

.hero-manager .introduction.with-gradient>.row {
    padding-bottom: 60px
}

@media screen and (max-width: 1200px) {
    .hero-manager .introduction.with-gradient {
        padding-top:80px
    }
}

@media screen and (max-width: 690px) {
    .hero-manager .introduction.with-gradient {
        background-position-x:78%;
        background-position-y: -316px
    }
}

.hero-manager .introduction.with-gradient .image-container {
    border-radius: 0;
    height: auto;
    margin-top: 80px
}

.hero-manager .introduction.with-gradient .image-container img {
    height: 100%;
    max-height: 650px;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width: 768px) {
    .hero-manager .introduction.with-gradient .image-container {
        margin-top:0
    }
}

@media screen and (min-width: 768px) {
    .hero-manager .introduction {
        padding-top:120px
    }
}

@media screen and (min-width: 992px) {
    .hero-manager .introduction {
        padding-top:56px
    }
}

.hero-manager .second-cta {
    text-align: center;
    text-decoration: none
}

.hero-manager .cta-section {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media screen and (max-width: 768px) {
    .hero-manager .cta-section {
        align-items:center;
        justify-content: center
    }
}

@media screen and (max-width: 1024px) {
    .hero-manager .cta-section {
        flex-direction:column
    }
}

.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: ""
}

.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 .read-more:not(.reverse):after {
    padding-left: 16px
}

.hero-manager .illustration-block {
    margin-top: 80px
}

.hero-manager .illustration-block .illustration {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    min-height: 650px;
    min-width: 350px;
    width: 100%
}

@media screen and (max-width: 992px) {
    .hero-manager .illustration-block .illustration {
        background-size:cover;
        flex: 0 0 auto;
        min-height: 360px;
        min-width: 290px;
        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: 992px) {
    .hero-manager .video-block {
        min-width:44%
    }
}

.hero-manager .content {
    display: flex;
    flex-direction: column;
    gap: 40px
}

@media screen and (max-width: 690px) {
    .hero-manager .content {
        margin-bottom:0;
        padding-bottom: 0;
        padding-top: 0
    }
}

.hero-manager .content .text-container {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media screen and (max-width: 768px) {
    .hero-manager .content .text-container {
        align-items:center;
        text-align: center
    }
}

.hero-manager .content ul.infos-container {
    margin: 0
}

.hero-manager .content ul.infos-container li {
    display: inline-block;
    list-style: none;
    margin: 10px 15px 10px 0
}

.hero-manager .content ul.icons-container {
    display: flex;
    flex-direction: row;
    gap: 16px;
    margin: 0
}

@media screen and (max-width: 690px) {
    .hero-manager .content ul.icons-container {
        justify-content:center
    }
}

.hero-manager .content ul.icons-container li {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 0 8px
}

.hero-manager .content ul.icons-container li i {
    font-size: 32px
}

@media screen and (max-width: 992px) {
    .hero-manager .content ul.icons-container li {
        flex-direction:column;
        max-width: 120px;
        text-align: center;
        width: 50%
    }
}

.hero-manager .content ul.icons-container .separator {
    background-color: #fff;
    height: auto;
    opacity: .3;
    width: 1px
}

@media screen and (max-width: 991px) {
    .hero-manager .content>h1,.hero-manager .content>h2,.hero-manager .content>p {
        width:auto
    }
}

.hero-manager .content .button {
    align-items: center;
    display: flex
}

@media screen and (max-width: 767px) {
    .hero-manager .content .button {
        margin-right:0
    }
}

.hero-manager .image-container {
    border-radius: 4px;
    height: 400px;
    overflow: hidden
}

.hero-manager .image-container img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto
}

@media screen and (max-width: 690px) {
    .hero-manager .image-container {
        display:flex;
        justify-content: center
    }

    .hero-manager .image-container img {
        max-height: 400px
    }
}

.hero-manager .hero-service {
    background: var(--gradients-neon-grey,linear-gradient(90deg,hsla(0,0%,90%,.2),hsla(0,0%,93%,.04) 75.8%));
    border: 1px solid var(--grey-grey-600,#525252);
    border-radius: 4px;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,.3);
    cursor: pointer;
    padding: 24px 48px 24px 24px;
    position: relative;
    transition: all .3s ease
}

.hero-manager .hero-service:hover {
    border: 1px solid var(--grey-white,#fff);
    transition: all .3s ease
}

.hero-manager .hero-service:hover:after {
    left: auto;
    right: 16px;
    transition: all .3s ease
}

@media screen and (max-width: 768px) {
    .hero-manager .hero-service {
        padding-right:60px
    }

    .hero-manager .hero-service .h6 {
        font-size: 2rem
    }
}

.hero-manager .hero-service a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hero-manager .hero-service:after {
    content: "";
    font-family: ledger-icons-font;
    font-size: 3.2rem;
    left: auto;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s ease
}

.hero-manager .hero-service.rtl-fix:after {
    transform: translateY(-50%) rotate(-180deg)
}

.hero-manager .hero-service p {
    font-size: 1.6rem
}

.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
}

.trusted-by {
    align-items: center;
    background-color: #171717;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 8px 16px;
    width: -moz-fit-content;
    width: fit-content
}

.trusted-by .star-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 4px
}

.trusted-by .star-container svg {
    height: 16px;
    width: 16px
}

.trusted-by p {
    color: #fff
}

@media screen and (max-width: 690px) {
    .trusted-by {
        padding:8px
    }
}

.recommended-by>div {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 25px
}

.recommended-by>div img {
    max-height: 21px
}

.recommended-by-container {
    background-color: #0a0a0a
}

.page-template-page-start #main {
    margin-top: -75px
}

.page-template-page-start .hero-manager .introduction {
    padding-top: 99px
}

@media screen and (min-width: 768px) {
    .page-template-page-start .hero-manager .introduction {
        padding-top:122px
    }
}

@media screen and (min-width: 992px) {
    .page-template-page-start .hero-manager .introduction {
        padding-top:142px
    }
}

.generic-banner {
    padding-bottom: 80px;
    position: relative
}

@media screen and (max-width: 768px) {
    .generic-banner {
        padding-bottom:60px
    }
}

.generic-banner .bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(1);
    transition: transform .3s ease;
    width: 100%;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .generic-banner .bg {
        background-position:70%
    }
}

.generic-banner .content {
    border: 1px solid #525252;
    height: 100%;
    overflow: hidden;
    padding: 40px;
    transition: border-color .3s ease
}

@media screen and (max-width: 768px) {
    .generic-banner .content {
        margin-left:0;
        margin-right: 0;
        padding: 24px
    }
}

.generic-banner .gradient {
    background: linear-gradient(90deg,#000,transparent);
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    transition: opacity .3s ease;
    width: 100%;
    z-index: 1
}

@media screen and (max-width: 768px) {
    .generic-banner .gradient {
        background:rgba(0,0,0,.4);
        opacity: 1
    }
}

.generic-banner p {
    max-width: 568px
}

.generic-banner p:lang(ar) {
    max-width: 615px
}

.generic-banner p {
    color: #fff;
    margin-bottom: 20px
}

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

.generic-banner a {
    backdrop-filter: blur(0);
    background-color: hsla(0,0%,100%,.1);
    border: 1px solid #fff;
    border-radius: 100px;
    color: #fff;
    display: block;
    padding: 14px 24px;
    text-decoration: none;
    transition: background-color .3s ease-out,backdrop-filter .3s ease-out;
    width: -moz-fit-content;
    width: fit-content
}

.generic-banner a:hover {
    backdrop-filter: blur(8px);
    background-color: hsla(0,0%,100%,.3)
}

.generic-banner a:visited {
    color: #fff
}

.generic-banner .heading-4,.generic-banner a,.generic-banner p,.generic-banner span {
    position: relative;
    z-index: 2
}

.generic-banner:hover .bg {
    transform: scale(1.02)
}

.generic-banner:hover .gradient {
    opacity: .8
}

.generic-banner:hover .content {
    border-color: #fff
}

.switch-language-banner {
    align-items: center;
    background: linear-gradient(123deg,#0a0a0a,#262626);
    display: flex;
    flex-direction: row;
    gap: 32px;
    justify-content: center;
    padding: 16px
}

.switch-language-banner .title p {
    color: #fff;
    text-align: center
}

.switch-language-banner .buttons {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: center
}

.switch-language-banner .buttons button {
    border-radius: 100px;
    cursor: pointer;
    padding: 8px 16px;
    transition: background-color .3s ease
}

.switch-language-banner .buttons button.white {
    background: #fff;
    border: 0
}

.switch-language-banner .buttons button.black {
    backdrop-filter: blur(8px);
    background: hsla(0,0%,100%,.1);
    border: 1px solid #fff;
    color: #fff
}

.switch-language-banner .buttons button:hover.black {
    background-color: hsla(0,0%,100%,.2)
}

@media screen and (max-width: 860px) {
    .switch-language-banner {
        flex-direction:column;
        gap: 16px
    }
}

.cobrand-form form,.reseller-form form {
    border: 1px solid #ccc;
    border-radius: 10px;
    font-family: Inter,Times New Roman,arial,sans-serif;
    margin: 0 auto;
    max-width: 850px;
    padding: 40px 2vw;
    transition: opacity .5s ease-out;
    width: 100%
}

.cobrand-form form.hide,.reseller-form form.hide {
    height: 0;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width: 860px) {
    .cobrand-form form,.reseller-form form {
        padding:20px 10px 10px
    }
}

.cobrand-form form hr,.reseller-form form hr {
    background-color: #d4d4d4;
    height: 1px
}

.cobrand-form form .fields-wrapper>div,.reseller-form form .fields-wrapper>div {
    display: flex;
    gap: 70px;
    justify-content: space-between
}

@media screen and (max-width: 860px) {
    .cobrand-form form .fields-wrapper>div,.reseller-form form .fields-wrapper>div {
        flex-direction:column;
        gap: 10px
    }
}

.cobrand-form form .fields-wrapper fieldset,.reseller-form form .fields-wrapper fieldset {
    display: flex;
    flex-direction: row;
    gap: 70px;
    justify-content: space-between
}

.cobrand-form form .fields-wrapper fieldset .yes-no-container,.reseller-form form .fields-wrapper fieldset .yes-no-container {
    display: flex;
    flex-direction: row;
    gap: 15px
}

.cobrand-form form .fields-wrapper fieldset .yes-no-container .reseller-form-input:hover,.reseller-form form .fields-wrapper fieldset .yes-no-container .reseller-form-input:hover {
    outline: none
}

.cobrand-form form .fields-wrapper label,.reseller-form form .fields-wrapper label {
    display: block
}

.cobrand-form form .fields-wrapper .reseller-form-input,.cobrand-form form .fields-wrapper .reseller-form-select,.cobrand-form form .fields-wrapper .reseller-form-textarea,.reseller-form form .fields-wrapper .reseller-form-input,.reseller-form form .fields-wrapper .reseller-form-select,.reseller-form form .fields-wrapper .reseller-form-textarea {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    font-size: 16px;
    outline: none;
    padding: 11px 14px;
    width: 100%
}

.cobrand-form form .fields-wrapper .reseller-form-input:hover,.cobrand-form form .fields-wrapper .reseller-form-select:hover,.cobrand-form form .fields-wrapper .reseller-form-textarea:hover,.reseller-form form .fields-wrapper .reseller-form-input:hover,.reseller-form form .fields-wrapper .reseller-form-select:hover,.reseller-form form .fields-wrapper .reseller-form-textarea:hover {
    outline: 2px solid #ff5300
}

@media screen and (max-width: 860px) {
    .cobrand-form form .fields-wrapper .reseller-form-input,.cobrand-form form .fields-wrapper .reseller-form-select,.cobrand-form form .fields-wrapper .reseller-form-textarea,.reseller-form form .fields-wrapper .reseller-form-input,.reseller-form form .fields-wrapper .reseller-form-select,.reseller-form form .fields-wrapper .reseller-form-textarea {
        font-size:14px
    }
}

.cobrand-form form .fields-wrapper .reseller-form-select,.reseller-form form .fields-wrapper .reseller-form-select {
    text-transform: capitalize
}

@media screen and (max-width: 860px) {
    .cobrand-form form .fields-wrapper .reseller-form-select,.reseller-form form .fields-wrapper .reseller-form-select {
        max-width:none
    }
}

.cobrand-form form .fields-wrapper .is-error,.reseller-form form .fields-wrapper .is-error {
    text-align: right
}

@media screen and (max-width: 860px) {
    .cobrand-form form .fields-wrapper .is-error,.reseller-form form .fields-wrapper .is-error {
        text-align:left
    }
}

.cobrand-form form .submit-container,.reseller-form form .submit-container {
    display: flex;
    flex-direction: row-reverse;
    gap: 30px;
    justify-content: center
}

@media screen and (max-width: 860px) {
    .cobrand-form form .submit-container,.reseller-form form .submit-container {
        flex-direction:column-reverse;
        gap: 15px
    }
}

.cobrand-form form .submit-container .g-recaptcha,.reseller-form form .submit-container .g-recaptcha {
    transform: scale(.82);
    transform-origin: 0 0
}

.cobrand-form .success-message,.reseller-form .success-message {
    opacity: 0;
    text-align: center;
    transition: opacity .5s ease-in
}

.cobrand-form .success-message.show,.reseller-form .success-message.show {
    opacity: 1
}

.wallet-mechanism .row>.row {
    display: flex;
    flex-direction: row
}

.wallet-mechanism .row>.row:lang(ar) {
    flex-direction: row-reverse;
    text-align: right
}

.wallet-mechanism .row>.row {
    align-items: center;
    gap: 80px;
    justify-content: space-evenly;
    margin-left: auto;
    margin-right: auto
}

.wallet-mechanism .row>.row .text-container,.wallet-mechanism .row>.row .video-container {
    display: block;
    position: relative;
    width: 100%
}

.wallet-mechanism .row>.row video {
    height: auto;
    max-width: 576px;
    position: relative;
    width: 100%
}

.wallet-mechanism .row>.row em {
    color: #d4a0ff;
    font-style: normal
}

.wallet-mechanism .row>.row .svg-container {
    display: inline-block;
    margin-bottom: -6px;
    margin-left: 8px
}

.wallet-mechanism .row>.row .svg-container svg {
    display: block;
    vertical-align: middle
}

@media screen and (max-width: 992px) {
    .wallet-mechanism .row>.row .svg-container svg {
        width:26px
    }

    .wallet-mechanism .row>.row .svg-container {
        margin-bottom: -14px
    }

    .wallet-mechanism .row>.row {
        flex-direction: column-reverse;
        gap: 32px
    }

    .wallet-mechanism .row>.row:lang(ar) {
        flex-direction: column-reverse;
        text-align: left
    }
}

.testimonials-block {
    background-color: #000;
    padding: 60px 0;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 1441px) {
    .testimonials-block .h2 {
        margin:0 auto 40px;
        max-width: 1440px;
        padding: 0 30% 0 0
    }
}

.testimonials-block .swiper-container {
    height: 100%;
    margin: 0 auto;
    max-width: 2000px;
    width: 100%
}

.testimonials-block .swiper-container.end:before {
    background: linear-gradient(-90deg,hsla(0,0%,4%,0),#0a0a0a);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 80px;
    z-index: 99
}

.testimonials-block .swiper-container:not(.end):after {
    background: linear-gradient(90deg,hsla(0,0%,4%,0),#000);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    z-index: 99
}

@media screen and (min-width: 1441px) {
    .testimonials-block .swiper-container {
        margin:0 auto 40px;
        max-width: 1440px
    }
}

@media screen and (max-width: 690px) {
    .testimonials-block .swiper-container {
        margin-top:100px
    }
}

.testimonials-block .swiper-button-next.swiper-button-disabled,.testimonials-block .swiper-button-prev.swiper-button-disabled {
    display: inline-block!important
}

.testimonials-block .swiper-controls {
    margin-bottom: 80px;
    margin-top: -80px
}

.testimonials-block .swiper-button-next,.testimonials-block .swiper-button-prev {
    background-color: transparent!important;
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block!important;
    height: 48px;
    line-height: 48px!important;
    margin-left: 16px;
    padding: 0!important;
    position: relative!important;
    right: 0!important;
    width: 48px
}

.testimonials-block .swiper-button-next [class*=" icon-"],.testimonials-block .swiper-button-next [class^=icon-],.testimonials-block .swiper-button-prev [class*=" icon-"],.testimonials-block .swiper-button-prev [class^=icon-] {
    color: #fff
}

@media screen and (max-width: 690px) {
    .testimonials-block .swiper-button-next,.testimonials-block .swiper-button-next.swiper-button-disabled,.testimonials-block .swiper-button-prev,.testimonials-block .swiper-button-prev.swiper-button-disabled {
        display:none!important
    }
}

.testimonials-block .swiper-slide {
    background-color: #000;
    border: 1px solid #525252;
    border-radius: 4px;
    box-shadow: 0 24px 48px 0 rgba(0,0,0,.08);
    display: flex;
    height: auto;
    margin-bottom: 15px;
    min-height: 317px;
    padding: 40px 40px 100px;
    width: 29%
}

@media screen and (max-width: 690px) {
    .testimonials-block .swiper-slide {
        height:auto;
        padding: 40px 30px 105px;
        width: 80%
    }
}

.testimonials-block .swiper-slide p {
    font-feature-settings: "clig" off,"liga" off;
    color: #fff;
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8rem
}

.testimonials-block .swiper-slide .content {
    align-items: flex-start;
    flex-direction: column;
    gap: 40px
}

.testimonials-block .swiper-slide .author {
    align-items: center;
    align-self: stretch;
    bottom: 40px;
    display: flex;
    gap: 16px;
    position: absolute
}

.testimonials-block .swiper-slide .author .illustration {
    background-image: url("data:image/jpg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAApACgDAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+7f4l/E3wt8KPDMvifxVcypAZlstN06zjFxqmt6pLHLLBpel2xeNZbmVIZZXkmlgtLS3imu724t7WGWVfhPEXxG4X8LuGsTxRxXjHhsFRkqGFw1CCq47M8dOE50cvy+g5QVXE1Y05yvOdOhRpwnWxFWlRhOa9/hvhrNeKszpZVlFBVa817SrVm3ChhaClGM8RiKlnyUoOUV7sZTnJxhThOclF/wA9P/BRP/gsTafspeFNC8W/FPVvGXhDRPGGoanp/hHwP8IbWKbxNqUmj29tc38up+L76+0OaIWcV9aCea11HQ7aR7iOO3028eN5l/gDAeLf0gPpMZ7m+U+G+a5f4ccO5RChWxVXD42thsbSo4qpVp4T6xnNDC1c1xGLqeyrP2eXUsBheWCdaEJckpf0RW4M8PfDPAYPGcSYTEcS5jjJVIUlUownQlOlGMq3s8HUqQwlOlBTp+9iKleteXuSceZL8DYP+DnX4I/2zuufht+0VCjTkDWrb4iW9xqZj84Ks+19btZPNdWEz/8AEx8vJI+0M3J9mX0T/HNS+v0/HbFvMVeo6rx/E9OXtXdv/a44qpWd23ebpJ3d+W5yrxW4C/3aXAdJYb4eVUMrlHl2/hexUNFbRT8r6a/0D/8ABPP/AIK2n9qP4fXPxO+Fus+LvGvgvQvEMnhXxL4L+LUMEPinTtSgtLXUSLHxXZ3mu3RkurO/tpba8vdS8Q2nl5iuNPtZwzJ8zivGbx7+jXxVl3DfiRm+D8RclxmDhjqSxONq4rF18C8RVoVKuEz3EYSlm2Hx0KtKUJRzOlj8PyJclCfMqkPRhwN4f+JWU4jM+GsLW4bxtKtKg3SowhRhXUITjGtgKdWWEnQcZJp4WeHqc17zSXK/6APhn8TfC/xX8MQeJ/C085g857PUdNvo1t9V0XU4VR59N1O2SSVI7iNZI5Y5YJZ7S7t5YbqzuJ7aWORv9DPDrxG4Y8UeGcLxTwri5YjBVpOhicNXgqWOy3G04wlWwOPoKU1SxFJThJOE6lGtTnCtQq1KU4yf84cScN5rwrmlXKs2oqnXglUpVabc6GKoSbUMRh6jUXKnJxatKMZwkpQqQjOLR+YX7QXje7+JPxO1ycztJ4f8J3t94W8MWoYeTHHp1x9l1vVFwq759Z1e1nYTkEtplrpkSkrGzy/5T/So8RMw8QvEzNMuo4mT4c4PxOIyPJ8LF/upV8NNUs0zB2sqlTG42lP2dS3+50sLTu/Z80v648JuG8Pw5wvhMTOiv7TzmlTx+Mqte+qdWLnhMOt+WNChOPND/n9KtL7Vl/Mj/wAHCXwkTxv+z/8As/atLuhs9K+OknhvUdQjZI/7P0/xV4D8S6jNdPK/7tIzL4QgiZpSIVaSNpAzKgr676GudVcj4q42wiSnUxvC+GxlClJS5atbLs3wtBRSi7uShmc5JR1aTNvEbIqHEn+reGxFV4bDf2rXoV8QnBOlSq5ficRKXNUXJG8sHCN5Ky5telvw68Q/8EwP2VLL9n6P4tad+0DBe+KJ44YU0I+KdAkilv5htawtpPs6Ce63xvE9tG7yhkdQRIlf2vQ8T+Kp5n9RllVBRVWUZUVgsYq6pxu1Ufvu0LWd2rWkntocVbwP4DhgZYiGaZrGDo81PMp5nlrwVSqlrTj/ALKouTkpRUVNvmT07fvp/wAG+3wxfwR+xl45nkhmCeIP2gvG0+nXMyKn2zR9G8M+CdDtJ4mVVDwm7stSCuvyMwcR8DJ/hP6YebTz7xHyVLlUsBwfl1OvTje1PEYnMM0xU4Wb91qnUoycXqk1fU9Hwzymlw/leb4KlOVal/b2J9jWk4uVShDC4ONOXNFcstef4Ule7S1P6Qf2evG1z8N/iholw07R6B4surPwn4lttzCBk1O5W30LVWUyLElxo+sz2++7kVvJ0e91iPAMiMnj/RV8Q8d4f+J2V5dXxElw7xhXo5Bm2GlJqjTxOKqKnlOYqLnGlCphMfKlCrXmpOngK+NhFJ1OZcni3w5Q4j4VxWJp0f8AhSyWFTMcHVUbzlSoxcsZhrqLlKNbDxnKNONubEU6DbtGz4PT7OaextJ7oE3c8EVxeE9TdzKJbot1yxuHk3cnknk9a/Fs1o16+aZjXxc28VVx2KqYhyu260685VG3zO75276u76n3WDcKeEw1OjK1KGHpRppbcihFR7fZtbRHwD/wUzv/AIheCP2ZdX+IXgXWNS0+y8J6/wCHR45sNJ1jUNA1C/8ACviHWLHw9DqFhqmnFpbe98MeKNR8N+IbiGa2ubbU9Astf0acQRak1zD934V5BlGecVYXK8wp4d46cKuLyHE4nCQxmHoZpgaNWtOhicPUlFVMNmGWrMMG2m50cRUwuJhCc6CQYhzl7LkjSqSdWNNqtU5IKFZqm26ip1ZQ95w96MG1vZ2s/wAJNS+J3jXw7bNqreKIpdf8OTah4wufiJE6RX+pRzeGNEGi2b/FmDw8/inWJ421K4sNR8HzarsuJdC3Xk8NozQL/V9DgKtKrQzis8ynh6+KeEw+Aq180nkFOUadWhCCyari/wCyvaUnQjiJ4unho1Ksak6E4KLUo+zPhaossnSeFwlCouavOpONaGVVKaknVdLHLBcksW5XiuShJqLa+wpS/oE/4J0w+Mta/ZO+G/jPxteX13e/EG3n8a6HBqmrXXiDUrDwlqqW9v4aXUPEF6FutXv9Y02xj8U3tw8NpDbXniCfTbCys9NsLO2i/j/xHyPKMo4wzfLMqdOo8HW9lmmKp4SlgoYzOLylj6lLCUZzp4ehh5yjgcPT56k3QwlOdadSvKpUl42Er1atCE6saVGbdSPs6M3OkoRqTjS5JSjTlJOmovmlCLk25csU7L7U1Gymisbqa1DC7ghea0KZDfa4lMlptK4Ifz0j2lWVg2CCpAI+WyqjXo5pl1XCSaxVPHYWeH5E1NVo14Sp8rUotPnUbNNNPqgxcqc8JiYVpJ0ZUKqqKTTXs3TkpXummrN3un5pnvPxK8Ev4N8e+I9EaIpZ3N9ceINCcqoSfRdaup7uNIfmJK6XeNd6NIG/ef6DHPINtzCz/vXj94f1+CPEvP6HsZRyvOcVVz7JqvKlSngszrVK06EH73+44r6xgWptVJfV1VceSpCUvzzw84lhnvC+XTdW+LwNKGX42HP7yr4WEYKo9F/vFL2ddct4r2jgneEkvkv9oLXPAkfw88WeCPEml6H41ufGmjah4TTwDqU1u1nrUuvabfxQ2mv/ADPJpmjzRQXU9zfGP7UlraXU2mRXF3bqg+O4J4Tz/Mc0wmY5b9ay6jluIoYuWbRjOn7D2dSEr4V8v7+u1e1OF42v7WUYPX67EZhRpRUalS7ndKKak9N35WbSTbXvOKvqfwaXngj4x+HbyLwB4n+FNjY+LtB8QT2uu+O21Dxgda1y6tLxdIv/AA5P4SudWl8FWN7NFbyxPrun6Yl5dm5djKyTYr/QepxZCvlqwdPN8c8uTcsPk8/Y/VMM7Sq060cRGP1mpTp1ZyqU8PUl7OEk2tbW+hljs7q5XSws6/tMFGipQxkcRiHzqTlUly4KTeHoykql51Iu3O5TVKNSU5v++z4Y+MPh9qnh/wAOeH/DsWk+EDp+k22l6P4DMmm2E2kaVorzaFZ6dpOnWsqwHTrFNLa1s7a0jRrWzitlms7RZIYz/nlxXwVn+TY2vicxVTMY4mtiMRUzOlz4iNSrKvV9tPGSadShiZVYzlUjXs5X54ymnc+ewuY0q1NeybhGKgkn7sbSpwnHkbVpR5Zx1i7N3SvY+kPhx4Im8Z+OvDeiRws9lBqFpruuzBCYrfRdGuYb6VJ3AYIdUuYrbSIVI3O17I6AJbzPH9t4BeH+I438ScgoRoTnleTYuhnec11FulSweX1Y140Kk1FpSx1eFLBU18XNW59IwnKPyPiFxLTyPhjMZ+1ti8bRqYDBU+dc8q2Ii6cpxWjaoU5TrSe1ocu7Sf2x8dfgnovxw8IHw/falf6Dq1lOL3RNe02e6gkgnAxNpmqx2V1Y3GqeGtXQLb65o63tobuFYpra6s9QtbO8t/8AU7jTgXIuN8FQoZrhMPPF4Gcq2WY+ph6datga00lUUHK0/YV1GMcRShUpuajGUZwqQpzj/KfDnEmP4bxjxODm3SrR9nisM5WhWgr8skmpRjWpNuVGo4S5G2nGUJTjL+dX9rL4T/Gr4C2lrbeJvh5qb+EtA1XwrquqeMvB2kvd+HfEsereMofAt7bWviKx09YdEurzQvEPiLWr201mHT7vTLPXrMCGb+xDeSfzRmvBefcJwxdLMcDPE4b6tiarzDA4d1MJLD0KlGPI60KX7qpWp1sTUjRqqjUVOyt+69o/6FyLibJOIqlGeHx0KGLq1FQjg8ZW5K1KpPD1Kqn7KU/3kKValhqaq0/aQlOEn/y85F8m/HfS/h5bWng74u678RfCVm/wg8Z2MP7QHhW9nttMuddiS2tbnwT8SPDd48M9/quoeIdOg0yb/hDry7Fv4o/tKKbSZpNf0268N6n8xh8qjiMJPC0/rEc6lU+ppOMoYdrnfNiHUnyqnz0YV5TqOLSqxnVjJU6sY0vuMHxNj8JhMXl8qcZZPXw9fEYOtG1Sphpyg/bYK0bvkjWnGFOMWnTU1Fwuuaf1f8Efgf8AHD9oTUvBv/CJfDG8Ggah4M8EeMtV8deK9PutM8GQP4k8S/Fex13w+2v3kAg1XVPDWmy+HdfGkaNa6hqkV3PZm5tYrW5hnr3Mk4Az/ilUauCwToYbE4nMMUswxEZUsPCMswoUYxlVt+8ccNLF1qUIQlOUoL3eWSPi844uyXh76xTxGNVSvh40sHDA4WaqV26WChUjV9knaEZ4iMKE6s5KPLKTT5o2f9EvwB+Bei/AfwYPDdjq+q+JdYvpxf694j1m5ubm4ursxIi6fpMV5c3k2j+GdOIkXRNBW7uY7BJriV57m7urq5m/p3gbgLI+BMvq4bLKFF47HThXzbMlh6VHEZhiIR5VKfs1zKjSvP2FGU6jpqc5SqVKk5zl/PXE/E+P4oxyxWLfs6NGLpYPCQd6eHpXvd6RU607R9tW5YubjFKMYxjFe6V9wfNBQB+M3xL/AOTmNO/7Dfw4/wDUi0qvzFf8jyv6y/8ATMT9Jpf8iFf19uofszX6cfmwUAD/2Q==");
    background-size: cover;
    border-radius: 100%;
    height: 40px;
    width: 40px
}

.testimonials-block .swiper-slide .author p {
    font-feature-settings: "clig" off,"liga" off;
    align-items: flex-start;
    color: #6a6a6a;
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%
}

@media screen and (max-width: 690px) {
    .testimonials-block .swiper-slide .author p {
        font-size:12px
    }
}

.testimonials-block .swiper-slide .author p strong {
    font-feature-settings: "clig" off,"liga" off;
    color: #fff;
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%
}

@media screen and (max-width: 690px) {
    .testimonials-block .swiper-slide .author p strong {
        font-size:14px
    }
}

.swiper-button-next,.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) {
    .swiper-button-next,.swiper-button-prev {
        font-size:12px
    }
}

.swiper-button-next:after,.swiper-button-prev:after {
    content: none
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    display: none
}

.swiper-button-prev {
    left: 0
}

.navigation {
    align-items: center;
    border: none;
    justify-content: center
}

.navigation.animate .navigation__item__content {
    transition: max-height .3s ease-in-out
}

.navigation__item__content {
    left: 50%;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    width: 100vw;
    z-index: 999
}

.navigation__item__content__container {
    background: #fff;
    position: relative
}

.navigation__item__content__container>div {
    margin: 0 auto;
    max-width: 1440px
}

.navigation__item__content.visible {
    max-height: 500px
}

@media screen and (max-width: 1280px) {
    .navigation__item__content {
        overflow-y:scroll
    }
}

.navigation__item__link,.navigation__item__trigger {
    align-items: center;
    border: none;
    display: flex;
    height: 86px;
    justify-content: center
}

.navigation__item__link:focus,.navigation__item__trigger:focus {
    outline: 0
}

.navigation__tabs {
    -ms-overflow-style: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    display: flex;
    overflow-x: auto;
    scrollbar-width: none
}

.navigation__tabs>div {
    flex: 1 1 auto
}

.navigation__tabs>div:first-child .navigation-button {
    border-left: 1px solid #e5e5e5
}

.navigation__tabs__link,.navigation__tabs__trigger {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    align-items: center;
    border: 1px solid #e5e5e5;
    border-left: none;
    color: #000;
    display: flex;
    height: 70px;
    justify-content: center;
    white-space: nowrap;
    width: 100%
}

.navigation__tabs__content {
    left: 0;
    max-height: 0;
    overflow-y: scroll;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 70px;
    visibility: hidden
}

.navigation__tabs__content.active {
    max-height: 100vh;
    pointer-events: all;
    visibility: visible
}

.navigation--desktop {
    display: none
}

@media screen and (min-width: 1025px) {
    .navigation--desktop {
        display:flex
    }
}

.navigation--mobile {
    background: #fff;
    height: calc(100dvh - 76px);
    inset: 0;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 70px;
    visibility: hidden;
    z-index: 2
}

@media screen and (max-width: 690px) {
    .navigation--mobile {
        top:75px
    }
}

@media screen and (max-width: 1023px) {
    .navigation--mobile.active {
        max-height:100vh;
        pointer-events: all;
        visibility: visible
    }
}

.navigation-button {
    background: none;
    cursor: pointer;
    padding: 0 24px
}

.navigation-sections {
    align-items: start;
    -moz-column-gap: 64px;
    column-gap: 64px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    margin: 0 4%;
    padding: 32px 0
}

.navigation-sections__primary {
    display: grid;
    gap: 24px;
    grid-column: 1/2;
    padding-top: 16px
}

.navigation-sections__primary__items {
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(0,168px));
    row-gap: 8px
}

.navigation-sections__primary__items a {
    display: grid;
    gap: 8px;
    grid-row: span 2;
    grid-template-rows: subgrid
}

.navigation-sections__primary__items a.has-fixed-shadow .visual-container {
    margin-bottom: -30px
}

.navigation-sections__primary__items a.has-fixed-shadow .texts {
    padding-top: 8px
}

.navigation-sections__primary__items a .visual-container {
    align-items: center;
    display: flex;
    flex-direction: column
}

.navigation-sections__primary__items a .visual-container .visual {
    height: 160px;
    position: relative;
    transition: transform .2s ease-out;
    width: 160px;
    will-change: transform;
    z-index: 10
}

.navigation-sections__primary__items a .visual-container .visual img {
    color: transparent;
    display: block;
    height: 100%;
    inset: 0;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%
}

.navigation-sections__primary__items a .visual-container .shadow.large,.navigation-sections__primary__items a .visual-container .shadow.small {
    background-color: #000;
    border-radius: 100%;
    filter: blur(1.5px);
    height: 4px;
    opacity: .5;
    transition: opacity .2s ease-out
}

.navigation-sections__primary__items a .visual-container .shadow.small {
    transform: translateX(6px) translateY(-8px);
    width: 32px
}

.navigation-sections__primary__items a .visual-container .shadow.large {
    transform: translateY(-8px);
    width: 80px
}

.navigation-sections__primary__items a .visual-container .shadow.fixed {
    background-image: linear-gradient(90deg,#000,#000,#000);
    filter: blur(4px);
    height: 8px;
    opacity: .2;
    transform: translateY(-18px);
    width: 128px
}

.navigation-sections__primary__items a .texts {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    text-align: center;
    z-index: 10
}

.navigation-sections__primary__items a .texts .text-body-highlight {
    color: #262626
}

.navigation-sections__primary__items a .texts .navigation-button,.navigation-sections__primary__items a .texts .text-caption {
    color: #525252
}

.navigation-sections__primary__items a:focus .visual-container .visual,.navigation-sections__primary__items a:hover .visual-container .visual {
    transform: translateY(-8px)
}

.navigation-sections__primary__items a:focus .visual-container .shadow.large,.navigation-sections__primary__items a:focus .visual-container .shadow.small,.navigation-sections__primary__items a:hover .visual-container .shadow.large,.navigation-sections__primary__items a:hover .visual-container .shadow.small {
    opacity: .2
}

@media screen and (max-width: 767px) {
    .navigation-sections__primary {
        padding:16px
    }
}

@media screen and (min-width: 768px)and (max-width:1023px) {
    .navigation-sections__primary {
        padding:32px
    }
}

@media screen and (min-width: 1024px)and (max-width:1280px) {
    .navigation-sections__primary {
        padding-bottom:0
    }
}

.navigation-sections__secondary {
    height: 100%;
    position: relative
}

.navigation-sections__secondary:after {
    background: #e5e5e5;
    bottom: 16px;
    content: "";
    left: -32px;
    position: absolute;
    top: 16px;
    width: 2px
}

@media screen and (max-width: 1280px) {
    .navigation-sections__secondary:after {
        bottom:0;
        height: 2px;
        left: 0;
        top: 0;
        width: 100%
    }
}

.navigation-sections__secondary__container {
    display: grid;
    gap: 24px;
    grid-column: 2/3;
    padding-bottom: 48px;
    padding-top: 16px
}

@media screen and (max-width: 1023px) {
    .navigation-sections__secondary__container {
        padding-bottom:16px
    }
}

@media screen and (max-width: 1280px) {
    .navigation-sections__secondary__container {
        max-width:45rem;
        padding-top: 32px
    }
}

.navigation-sections__secondary__items {
    display: grid;
    gap: 8px;
    grid-auto-flow: column;
    grid-template-rows: repeat(3,minmax(0,1fr))
}

@media screen and (max-width: 1023px) {
    .navigation-sections__secondary__items {
        align-items:start
    }
}

.navigation-sections__secondary__items.display-row {
    grid-auto-flow: row
}

.navigation-sections__secondary__items .container {
    align-items: center;
    display: flex;
    gap: 8px
}

.navigation-sections__secondary__items .container .icon {
    height: 20px;
    width: 20px
}

.navigation-sections__secondary__items .container a,.navigation-sections__secondary__items .container a:visited {
    color: #000;
    transition: transform .3s ease
}

@media screen and (min-width: 1024px) {
    .navigation-sections__secondary__items .container a:focus,.navigation-sections__secondary__items .container a:hover,.navigation-sections__secondary__items .container a:visited:focus,.navigation-sections__secondary__items .container a:visited:hover {
        transform:translateX(2px)
    }
}

@media screen and (max-width: 690px) {
    .navigation-sections__secondary__items {
        grid-auto-flow:row
    }
}

.navigation-sections__secondary__dynamic .container {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: auto;
    max-width: 448px;
    min-height: 80px;
    position: relative
}

.navigation-sections__secondary__dynamic .container .bg-image {
    color: transparent;
    height: 100%;
    inset: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: 0
}

.navigation-sections__secondary__dynamic .container .bg-image:lang(ar) {
    transform: rotate(180deg)
}

.navigation-sections__secondary__dynamic .container .bg-overlay {
    background-color: #000;
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .3s cubic-bezier(.4,0,.2,1);
    z-index: 10
}

.navigation-sections__secondary__dynamic .container .text {
    max-width: 240px;
    padding: 16px 0 16px 24px;
    position: relative;
    z-index: 20
}

.navigation-sections__secondary__dynamic .container .text p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #fff;
    display: -webkit-box;
    margin: 0;
    overflow: hidden
}

.navigation-sections__secondary__dynamic .container .section-title {
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px
}

@media screen and (max-width: 1024px) {
    .navigation-sections__secondary__dynamic .container .section-title {
        font-family:Inter,Times New Roman,arial,sans-serif;
        font-size: 13px;
        font-weight: 500;
        line-height: 22px
    }
}

.navigation-sections__secondary__dynamic .container .product-image {
    bottom: 0;
    display: block;
    height: 112px;
    left: auto;
    max-width: 100%;
    position: absolute;
    right: 32px;
    width: 139px;
    z-index: 20
}

@media screen and (max-width: 1024px) {
    .navigation-sections__secondary__dynamic .container .product-image {
        height:64px;
        width: 96px
    }
}

.navigation-sections__secondary__dynamic .container .icon {
    align-items: center;
    bottom: 0;
    display: flex;
    left: auto;
    position: absolute;
    right: 8px;
    top: 0;
    transition: right .3s ease;
    width: 24px;
    z-index: 20
}

.navigation-sections__secondary__dynamic .container .icon:lang(ar) {
    transform: rotate(180deg)
}

.navigation-sections__secondary__dynamic:focus .bg-overlay,.navigation-sections__secondary__dynamic:hover .bg-overlay {
    opacity: .4
}

.navigation-sections__secondary__dynamic:focus .icon,.navigation-sections__secondary__dynamic:hover .icon {
    right: 4px
}

@media screen and (max-width: 767px) {
    .navigation-sections--tablet {
        display:none
    }
}

@media screen and (min-width: 768px) {
    .navigation-sections--mobile {
        display:none
    }
}

@media screen and (max-width: 1280px) {
    .navigation-sections {
        -moz-column-gap:0;
        column-gap: 0;
        grid-template-columns: 1fr;
        row-gap: 32px
    }
}

.navigation-button.active,.navigation-button:focus-visible,.navigation-button:hover,.navigation-button[aria-expanded=true],.tab-halo-bottom {
    overflow: hidden;
    position: relative
}

.navigation-button.active:before,.navigation-button:focus-visible:before,.navigation-button:hover:before,.navigation-button[aria-expanded=true]:before,.tab-halo-bottom:before {
    animation: halo-bottom-animation .3s ease forwards;
    background: radial-gradient(ellipse,#ff8c55,transparent);
    bottom: -53px;
    content: "";
    filter: blur(30px);
    height: 58px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    will-change: transform
}

.navigation-button.active:after,.navigation-button:focus-visible:after,.navigation-button:hover:after,.navigation-button[aria-expanded=true]:after,.tab-halo-bottom:after {
    animation: halo-bottom-animation .3s ease forwards;
    background: #ff5300;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 10
}

@media screen and (max-width: 1024px) {
    .navigation-button.active,.navigation-button:focus-visible,.navigation-button:hover,.navigation-button[aria-expanded=true],.tab-halo-bottom {
        border-bottom-color:#ff5300;
        border-bottom-width: 2px
    }

    .navigation-button.active:before,.navigation-button:focus-visible:before,.navigation-button:hover:before,.navigation-button[aria-expanded=true]:before,.tab-halo-bottom:before {
        bottom: -28px;
        filter: blur(12px);
        height: 30px
    }

    .navigation-button.active:after,.navigation-button:focus-visible:after,.navigation-button:hover:after,.navigation-button[aria-expanded=true]:after,.tab-halo-bottom:after {
        display: none
    }
}

@keyframes halo-bottom-animation {
    0% {
        opacity: 0;
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.no-scroll {
    overflow: hidden!important
}

.header-overlay {
    background: rgba(0,0,0,.5);
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 98
}

.header-overlay.active {
    display: block
}

.burger-menu {
    display: flex
}

@media screen and (min-width: 1025px) {
    .burger-menu {
        display:none
    }
}

.hamburger {
    cursor: pointer;
    transition: transform .4s
}

.hamburger .line {
    fill: none;
    stroke: #000;
    stroke-width: 1;
    stroke-linecap: round;
    transition: stroke-dasharray .4s,stroke-dashoffset .4s
}

.hamburger .top {
    stroke-dasharray: 10 34.75
}

.hamburger .bottom {
    stroke-dasharray: 10 45
}

.hamburger.active {
    transform: rotate(45deg)
}

.hamburger.active .top {
    stroke-dashoffset: -24.5px
}

.hamburger.active .bottom {
    stroke-dashoffset: -34.5px
}

.language-select {
    display: none
}

.header-language-selector li {
    text-decoration: none
}

.header-language-selector li::marker {
    content: none
}

.header-language-selector .language-switcher {
    color: #000;
    display: block;
    position: relative
}

.header-language-selector .language-switcher.active .submenu {
    display: block
}

.header-language-selector .language-switcher.active .activeLanguage:after {
    transform: rotate(180deg) translateY(6px)
}

.header-language-selector .language-switcher .activeLanguage {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    color: #000;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    padding: 8px 32px 8px 8px;
    position: relative;
    width: 100%
}

.header-language-selector .language-switcher .activeLanguage:after {
    content: url(../images/chevronUp.svg);
    filter: invert(1);
    left: auto;
    position: absolute;
    right: 0
}

.header-language-selector .language-switcher .activeLanguage__header {
    display: block;
    text-transform: uppercase
}

@media screen and (max-width: 1024px) {
    .header-language-selector .language-switcher .activeLanguage__header {
        display:none
    }
}

.header-language-selector .language-switcher .activeLanguage__generic {
    display: none
}

@media screen and (max-width: 1024px) {
    .header-language-selector .language-switcher .activeLanguage__generic {
        display:block
    }
}

.header-language-selector .language-switcher .submenu {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: 0 8px 40px 0 rgba(0,0,0,.08);
    display: none;
    left: 50%;
    margin: 0;
    max-height: 300px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
    width: 146px;
    z-index: 999999
}

.header-language-selector .language-switcher .submenu a {
    align-items: center;
    align-self: stretch;
    border: 1px solid #f5f5f5;
    border-radius: 2px;
    color: #000!important;
    display: flex;
    gap: 8px;
    padding: 8px 12px 8px 8px
}

.header-language-selector .language-switcher .submenu a:hover {
    background: #fafafa
}

.header-language-selector .language-switcher .submenu::-webkit-scrollbar {
    height: 8px;
    padding: 8px;
    width: 2px
}

.header-language-selector .language-switcher .submenu::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 4px;
    margin-right: 4px
}

.header-language-selector .language-switcher .submenu::-webkit-scrollbar-thumb {
    background: #e5e5e5;
    border-radius: 4px
}

@media screen and (max-width: 1024px) {
    .header-language-selector .language-switcher .submenu {
        bottom:100%;
        top: auto;
        z-index: 999
    }
}

.header-language-selector .language-switcher.language-list {
    display: none
}

@media screen and (min-width: 1024px) {
    .header-language-selector .language-switcher.language-list {
        display:block
    }
}

.header-language-selector .language-switcher.language-select .activeLanguage {
    background-color: transparent!important;
    border: none;
    border-radius: 0;
    display: block;
    max-width: unset;
    width: 100%
}

@media screen and (min-width: 1024px) {
    .header-language-selector .language-switcher.language-select {
        display:none
    }
}

@media screen and (max-width: 1024px) {
    .header-language-selector__desktop {
        display:none
    }
}

.language-switcher .activeLanguage__header {
    display: none
}

.primary-section-mobile {
    display: flex;
    flex-direction: column;
    gap: 0
}

.primary-section-mobile__link {
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: .5rem;
    text-decoration: none
}

.primary-section-mobile__link:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
    padding: 8px
}

.primary-section-mobile__image-container {
    align-items: center;
    display: flex
}

.primary-section-mobile__image {
    height: 80px;
    position: relative;
    width: 64px;
    z-index: 10
}

.primary-section-mobile__image--shadow {
    will-change: transform
}

.primary-section-mobile__img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.primary-section-mobile__content {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.primary-section-mobile__content .text-body-highlight {
    color: #262626
}

.primary-section-mobile__content .navigation-button,.primary-section-mobile__content .text-caption {
    color: #525252
}

.primary-section-mobile__icon {
    align-items: center;
    display: flex
}

.primary-section-mobile__icon:lang(ar) {
    transform: rotate(180deg)
}

.navigation-sections-mobile__secondary {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px
}

.navigation-sections-mobile__secondary:has(.navigation-sections__secondary__container,.navigation-sections__secondary__dynamic) {
    background-color: #fafafa
}

.navigation-sections-mobile__secondary .divider {
    background: #e5e5e5;
    height: 1px;
    width: 100%
}

@media screen and (min-width: 768px)and (max-width:1024px) {
    .navigation-sections-mobile__secondary {
        gap:24px;
        padding: 0 32px 16px
    }
}

#header .cart a:focus-visible,#header .header-language-selector a:focus-visible,#header .logo:focus-visible,#header .navigation-button:focus-visible {
    outline: auto
}

.cart a {
    display: flex
}

@font-face {
    font-display: block;
    font-family: ledger-icons-font;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icomoon.ttf) format("truetype")
}

[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: ""
}

.icon-apple:before {
    content: ""
}

.icon-arrow-bottom:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-arrow-from-bottom:before {
    content: ""
}

.icon-arrow-left:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-arrow-to-bottom:before {
    content: ""
}

.icon-arrow-top:before {
    content: ""
}

.icon-arrow-up:before {
    content: ""
}

.icon-bandwith:before {
    content: ""
}

.icon-bar-chart:before {
    content: ""
}

.icon-battery-half:before {
    content: ""
}

.icon-bed:before {
    content: ""
}

.icon-blockchain:before {
    content: ""
}

.icon-bluetooth:before {
    content: ""
}

.icon-bracketleft:before {
    content: ""
}

.icon-bracketright:before {
    content: ""
}

.icon-brackets:before {
    content: ""
}

.icon-bring-front:before {
    content: ""
}

.icon-buy-crypto:before {
    content: ""
}

.icon-buy-crypto-alt:before {
    content: ""
}

.icon-chart-network:before {
    content: ""
}

.icon-check-alone:before {
    content: ""
}

.icon-chevron-bottom:before {
    content: ""
}

.icon-chevron-left:before {
    content: ""
}

.icon-chevron-right:before {
    content: ""
}

.icon-chevron-top:before {
    content: ""
}

.icon-christmas:before {
    content: ""
}

.icon-circled-alert:before {
    content: ""
}

.icon-circled-bottom:before {
    content: ""
}

.icon-circled-check:before {
    content: ""
}

.icon-circled-check-solid:before {
    content: ""
}

.icon-circled-cross:before {
    content: ""
}

.icon-circled-cross-solid:before {
    content: ""
}

.icon-circled-left:before {
    content: ""
}

.icon-circled-north-east:before {
    content: ""
}

.icon-circled-north-west:before {
    content: ""
}

.icon-circled-plus:before {
    content: ""
}

.icon-circled-plus-solid:before {
    content: ""
}

.icon-circled-right:before {
    content: ""
}

.icon-circled-south-east:before {
    content: ""
}

.icon-circled-south-west:before {
    content: ""
}

.icon-circled-up:before {
    content: ""
}

.icon-claim-rewards:before {
    content: ""
}

.icon-clipboard-list-check:before {
    content: ""
}

.icon-clock:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-cloud-download:before {
    content: ""
}

.icon-coffee:before {
    content: ""
}

.icon-coin:before {
    content: ""
}

.icon-coins:before {
    content: ""
}

.icon-comments:before {
    content: ""
}

.icon-comments-dollar:before {
    content: ""
}

.icon-computer:before {
    content: ""
}

.icon-copy:before {
    content: ""
}

.icon-crown:before {
    content: ""
}

.icon-cube:before {
    content: ""
}

.icon-dashboard:before {
    content: ""
}

.icon-delegate:before {
    content: ""
}

.icon-devices:before {
    content: ""
}

.icon-devices-alt:before {
    content: ""
}

.icon-dollar:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-dropdown:before {
    content: ""
}

.icon-dumbbell:before {
    content: ""
}

.icon-eightcircledfina:before {
    content: ""
}

.icon-eightcircledinit:before {
    content: ""
}

.icon-eightcircledmedi:before {
    content: ""
}

.icon-eightcircled:before {
    content: ""
}

.icon-entities:before {
    content: ""
}

.icon-export:before {
    content: ""
}

.icon-external-link:before {
    content: ""
}

.icon-eye:before {
    content: ""
}

.icon-eye-none:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-fees:before {
    content: ""
}

.icon-filters:before {
    content: ""
}

.icon-fivecircledfina:before {
    content: ""
}

.icon-fivecircledinit:before {
    content: ""
}

.icon-fivecircledmedi:before {
    content: ""
}

.icon-fivecircled:before {
    content: ""
}

.icon-folder:before {
    content: ""
}

.icon-fourcircledfina:before {
    content: ""
}

.icon-fourcircledinit:before {
    content: ""
}

.icon-fourcircledmedi:before {
    content: ""
}

.icon-fourcircled:before {
    content: ""
}

.icon-freeze:before {
    content: ""
}

.icon-fullnode:before {
    content: ""
}

.icon-fullnode-error:before {
    content: ""
}

.icon-fullnode-sync:before {
    content: ""
}

.icon-gift-card:before {
    content: ""
}

.icon-github:before {
    content: ""
}

.icon-globe:before {
    content: ""
}

.icon-google-play:before {
    content: ""
}

.icon-graph-grow:before {
    content: ""
}

.icon-graph-grow-alt:before {
    content: ""
}

.icon-group:before {
    content: ""
}

.icon-hand-holding-coin:before {
    content: ""
}

.icon-handshake:before {
    content: ""
}

.icon-help:before {
    content: ""
}

.icon-history:before {
    content: ""
}

.icon-house:before {
    content: ""
}

.icon-import:before {
    content: ""
}

.icon-info:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-key:before {
    content: ""
}

.icon-layers:before {
    content: ""
}

.icon-ledger-blue:before {
    content: ""
}

.icon-lend:before {
    content: ""
}

.icon-life-ring:before {
    content: ""
}

.icon-lightbulb:before {
    content: ""
}

.icon-link:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

.icon-link-none:before {
    content: ""
}

.icon-linux:before {
    content: ""
}

.icon-list:before {
    content: ""
}

.icon-lock:before {
    content: ""
}

.icon-lock-alt:before {
    content: ""
}

.icon-logs:before {
    content: ""
}

.icon-mail:before {
    content: ""
}

.icon-manager:before {
    content: ""
}

.icon-map-marker:before {
    content: ""
}

.icon-medal:before {
    content: ""
}

.icon-chess_rook:before {
    content: ""
}

.icon-microchip:before {
    content: ""
}

.icon-minus:before {
    content: ""
}

.icon-mobile:before {
    content: ""
}

.icon-mug-hot:before {
    content: ""
}

.icon-nano:before {
    content: ""
}

.icon-nano-firmware-update:before {
    content: ""
}

.icon-nano-folded:before {
    content: ""
}

.icon-nano-import:before {
    content: ""
}

.icon-nano-s:before {
    content: ""
}

.icon-nano-s-alt:before {
    content: ""
}

.icon-nano-s-folded:before {
    content: ""
}

.icon-nano-x:before {
    content: ""
}

.icon-nano-x-alt:before {
    content: ""
}

.icon-nano-x-folded:before {
    content: ""
}

.icon-network-wired:before {
    content: ""
}

.icon-ninecircledfina:before {
    content: ""
}

.icon-ninecircledinit:before {
    content: ""
}

.icon-ninecircledmedi:before {
    content: ""
}

.icon-ninecircled:before {
    content: ""
}

.icon-none:before {
    content: ""
}

.icon-onecircledfina:before {
    content: ""
}

.icon-onecircledinit:before {
    content: ""
}

.icon-onecircledmedi:before {
    content: ""
}

.icon-onecircled:before {
    content: ""
}

.icon-others:before {
    content: ""
}

.icon-pen:before {
    content: ""
}

.icon-phone:before {
    content: ""
}

.icon-plane:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-portfolio:before {
    content: ""
}

.icon-power:before {
    content: ""
}

.icon-project-diagram:before {
    content: ""
}

.icon-qr-code:before {
    content: ""
}

.icon-quit:before {
    content: ""
}

.icon-reddit:before {
    content: ""
}

.icon-redelegate:before {
    content: ""
}

.icon-refresh:before {
    content: ""
}

.icon-reverse:before {
    content: ""
}

.icon-rewards:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-search-dollar:before {
    content: ""
}

.icon-server:before {
    content: ""
}

.icon-settings:before {
    content: ""
}

.icon-sevencircledfina:before {
    content: ""
}

.icon-sevencircledinit:before {
    content: ""
}

.icon-sevencircledmedi:before {
    content: ""
}

.icon-sevencircled:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-shield-check:before {
    content: ""
}

.icon-shield-security:before {
    content: ""
}

.icon-shopping-basket:before {
    content: ""
}

.icon-shopping-cart:before {
    content: ""
}

.icon-sixcircledfina:before {
    content: ""
}

.icon-sixcircledinit:before {
    content: ""
}

.icon-sixcircledmedi:before {
    content: ""
}

.icon-sixcircled:before {
    content: ""
}

.icon-sort:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-star-solid:before {
    content: ""
}

.icon-stop:before {
    content: ""
}

.icon-stopwatch:before {
    content: ""
}

.icon-storage:before {
    content: ""
}

.icon-stream:before {
    content: ""
}

.icon-support:before {
    content: ""
}

.icon-tachometer-fast:before {
    content: ""
}

.icon-tachometer-faster:before {
    content: ""
}

.icon-tachometer-medium:before {
    content: ""
}

.icon-tachometer-slow:before {
    content: ""
}

.icon-tasks:before {
    content: ""
}

.icon-threecircledfina:before {
    content: ""
}

.icon-threecircledinit:before {
    content: ""
}

.icon-threecircledmedi:before {
    content: ""
}

.icon-threecircled:before {
    content: ""
}

.icon-tool:before {
    content: ""
}

.icon-toolbox:before {
    content: ""
}

.icon-tools:before {
    content: ""
}

.icon-tp:before {
    content: ""
}

.icon-transfer:before {
    content: ""
}

.icon-trash:before {
    content: ""
}

.icon-trophy:before {
    content: ""
}

.icon-twitch:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-twocircledfina:before {
    content: ""
}

.icon-twocircledinit:before {
    content: ""
}

.icon-twocircledmedi:before {
    content: ""
}

.icon-twocircled:before {
    content: ""
}

.icon-undelegate:before {
    content: ""
}

.icon-unfreeze:before {
    content: ""
}

.icon-unlock:before {
    content: ""
}

.icon-usb:before {
    content: ""
}

.icon-user:before {
    content: ""
}

.icon-user-check:before {
    content: ""
}

.icon-user-secret:before {
    content: ""
}

.icon-ustensils:before {
    content: ""
}

.icon-vote:before {
    content: ""
}

.icon-wallet:before {
    content: ""
}

.icon-wallet-add:before {
    content: ""
}

.icon-warning:before {
    content: ""
}

.icon-wifi:before {
    content: ""
}

.icon-wifi-none:before {
    content: ""
}

.icon-windows:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}

.icon-zerocircledfina:before {
    content: ""
}

.icon-zerocircledinit:before {
    content: ""
}

.icon-zerocircledmedi:before {
    content: ""
}

.icon-zerocircled:before {
    content: ""
}

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
    }
}

#main.no-top-spacing .introduction {
    margin-top: -166px;
    padding-top: 126px;
    position: relative
}

@media screen and (max-width: 992px) {
    #main.no-top-spacing .introduction {
        margin-top:-126px
    }
}

.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
}

.faq-section-2 .faq-2 {
    transition: height .5s ease-in-out 0s
}

@media screen and (max-width: 859px) {
    .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: 860px) {
    .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 {
    bottom: 39px;
    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
    }
}

.list-app.alt .bg {
    border: 1px solid #000
}

.list-app.alt .bg a {
    color: #000!important
}

.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: "";
    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: "";
    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
}

.phishing-prevent-block .bg {
    display: flex;
    flex-direction: row;
    gap: 12px
}

@media screen and (max-width: 690px) {
    .phishing-prevent-block .bg {
        flex-direction:column
    }
}

.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-extension #header {
    margin-bottom: 0;
    position: static
}

@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 .button:not(:empty):not(.no-icon):after {
    content: ""!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
}

@media screen and (max-width: 690px) {
    .page-template-page-extension .text_block {
        padding:120px 16px
    }
}

.page-template-page-extension .text_block {
    text-align: center
}

.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.row {
    margin: auto
}

.page-template-page-extension .alternated_imagetext {
    align-items: center
}

@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
    }
}

@keyframes integrations-block-animation {
    0% {
        opacity: 0;
        top: 40px
    }

    to {
        opacity: 1;
        top: 0
    }
}

.integrations-block-1,.integrations-block-2 {
    background: radial-gradient(48.71% 46.53% at 50% 50%,#45395c 0,#000 100%);
    display: block;
    min-height: 75vh;
    overflow: hidden;
    padding-left: 4%;
    padding-right: 4%;
    position: relative;
    text-align: center
}

@media screen and (max-width: 690px) {
    .integrations-block-1,.integrations-block-2 {
        background-color:#000;
        background-image: none
    }
}

.integrations-block-1 .anim-mobile,.integrations-block-2 .anim-mobile {
    display: none
}

@media screen and (max-width: 690px) {
    .integrations-block-1 .anim-mobile,.integrations-block-2 .anim-mobile {
        display:block
    }
}

.integrations-block-1 .anim-desktop,.integrations-block-2 .anim-desktop {
    display: block
}

@media screen and (max-width: 690px) {
    .integrations-block-1 .anim-desktop,.integrations-block-2 .anim-desktop {
        display:none
    }
}

@media screen and (max-width: 1024px) {
    .integrations-block-1,.integrations-block-2 {
        min-height:max(65vh,650px);
        padding-bottom: 220px
    }
}

.integrations-block-1 a:link:not(.is-primary),.integrations-block-1 a:visited:not(.is-primary),.integrations-block-1 h2,.integrations-block-1 p,.integrations-block-2 a:link:not(.is-primary),.integrations-block-2 a:visited:not(.is-primary),.integrations-block-2 h2,.integrations-block-2 p {
    color: #fff;
    position: relative;
    z-index: 2
}

.integrations-block-1 .h2,.integrations-block-2 .h2 {
    margin-bottom: 8px
}

@media screen and (max-width: 690px) {
    .integrations-block-1 .h2,.integrations-block-2 .h2 {
        font-size:3.2rem
    }
}

.integrations-block-1 .h2 span,.integrations-block-2 .h2 span {
    color: #d4a0ff
}

.integrations-block-1 p,.integrations-block-2 p {
    margin-bottom: 16px
}

.integrations-block-1 .anim,.integrations-block-2 .anim {
    height: 85%;
    left: 50%;
    perspective: 100px;
    position: absolute;
    top: 15%;
    transform: translateX(-50%);
    width: 100%
}

@media screen and (max-width: 690px) {
    .integrations-block-1 .anim,.integrations-block-2 .anim {
        height:65%;
        top: 30%
    }
}

.integrations-block-1 .anim div,.integrations-block-2 .anim div {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.integrations-block-1 .anim div:first-child,.integrations-block-2 .anim div:first-child {
    background-position: bottom;
    background-size: auto 90%
}

@media screen and (max-width: 690px) {
    .integrations-block-1 .anim div:first-child,.integrations-block-2 .anim div:first-child {
        background-size:100% 100%
    }

    .integrations-block-1 .anim div:nth-child(2),.integrations-block-2 .anim div:nth-child(2) {
        background-size: contain
    }
}

.integrations-block-1 .anim.anim-start div:first-child,.integrations-block-2 .anim.anim-start div:first-child {
    animation: integrations-block-animation .6s ease-in-out .25s forwards
}

.integrations-block-1 .anim.anim-start div:nth-child(2),.integrations-block-2 .anim.anim-start div:nth-child(2) {
    animation: integrations-block-animation .6s ease-in-out .5s forwards
}

.integrations-block-1 .anim.anim-start div:nth-child(3),.integrations-block-2 .anim.anim-start div:nth-child(3) {
    animation: integrations-block-animation .6s ease-in-out .75s forwards
}

.integrations-block-2 .anim.anim-start div:nth-child(2) {
    background-image: url(/wp-content/themes/ledger-v2/public/images/parallax_icons_2.png)
}

@media screen and (max-width: 690px) {
    .integrations-block-2 .anim {
        height:85%;
        top: 15%
    }
}

.recover-video-block {
    max-height: 810px;
    position: relative
}

.recover-video-block .row {
    margin: auto
}

.recover-video-block .video-text-container {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.recover-video-block .video-text {
    gap: 16px;
    top: 0;
    width: 100%
}

.recover-video-block .video-text h2 {
    color: #fff;
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 5rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -1.26px;
    line-height: 5.6rem;
    margin: 0 20% 16px;
    text-align: center
}

@media screen and (max-width: 859px) {
    .recover-video-block .video-text h2 {
        font-size:2.8rem;
        letter-spacing: -1.26px;
        line-height: 3.2rem;
        margin: 0 5%
    }
}

.recover-video-block .video-text p {
    color: #fff;
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.8rem;
    margin: 0 20%;
    text-align: center
}

@media screen and (max-width: 859px) {
    .recover-video-block .video-text p {
        font-size:1.8rem;
        line-height: 2.6rem;
        margin: 0 5%
    }
}

.recover-video-block .recover-tag {
    background: var(--grey-grey-800,#262626);
    border-radius: 4px;
    bottom: 30px;
    color: #fff;
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 500;
    left: 50%;
    line-height: 2.2rem;
    padding: 0 8px;
    position: absolute;
    transform: translateX(-50%);
    white-space: nowrap
}

@media screen and (max-width: 767px) {
    .recover-video-block .recover-tag {
        bottom:auto;
        flex: 0 0 auto;
        left: auto;
        margin-bottom: 20px;
        position: relative;
        transform: none
    }
}

.recover-video-block .video-block-bg {
    opacity: .4
}

@media screen and (max-width: 859px) {
    .recover-video-block .video-block-bg {
        height:320px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

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

.recover-video-block .video-modal .content {
    background: #000;
    box-shadow: 0 0 5px rgba(0,0,0,.8);
    display: block;
    height: 485px;
    position: relative;
    width: 60%
}

@media screen and (max-width: 859px) {
    .recover-video-block .video-modal .content {
        height:250px;
        width: 90%
    }
}

.recover-video-block .video-modal .youtube-video {
    height: 485px
}

@media screen and (max-width: 859px) {
    .recover-video-block .video-modal .youtube-video {
        height:250px
    }
}

.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: ""
}

:lang(ar) .icon-chevron-right:before {
    content: ""
}

: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: ""
}

: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: ""
}

:lang(ar) .how-to-buy-crypto .swiper-button-next:after,:lang(ar) .how-to-buy-crypto .swiper-rtl .swiper-button-next:after {
    content: ""
}

: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: ""
}

:lang(ar) .fa-chevron-right:before {
    content: ""
}

.bg-divider-dark {
    background-color: #000
}

.bg-divider-dark div:not(.row) {
    background: linear-gradient(90deg,hsla(0,0%,9%,0),#171717 25%,#171717 75%,hsla(0,0%,9%,0));
    box-shadow: inset 0 -2px 1px 0 hsla(0,0%,100%,.1);
    height: 4px;
    width: 100%
}

.wp-block-table {
    font-family: Inter,Times New Roman,arial,sans-serif;
    font-size: 1.4rem;
    margin-bottom: 20px;
    max-width: 100%;
    overflow-x: auto
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%
}

.wp-block-table table thead {
    background: var(--linear,linear-gradient(90deg,#0a0a0a,#404040))
}

.wp-block-table table thead th {
    border: 1px solid transparent;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    padding: 20px 12px
}

.wp-block-table table tbody tr:nth-child(2n) {
    background-color: #fafafa
}

@media screen and (max-width: 992px) {
    .wp-block-table table tbody tr:nth-child(2n) {
        background-color:initial
    }
}

.wp-block-table table tbody td,.wp-block-table table tbody th {
    border: 1px solid #d4d4d4;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    padding: 20px 12px
}

.wp-block-table table tbody td img,.wp-block-table table tbody th img {
    height: auto!important;
    margin: 10px 0 0 10px;
    width: 24px!important
}

@media(max-width: 992px) {
    .wp-block-table table {
        overflow-x:scroll
    }

    .wp-block-table table tbody td:first-child,.wp-block-table table tbody th:first-child,.wp-block-table table thead td:first-child,.wp-block-table table thead th:first-child {
        border: 0;
        border-bottom: 1px solid #d4d4d4;
        left: 0;
        position: sticky;
        z-index: 1
    }

    .wp-block-table table thead td:first-child,.wp-block-table table thead th:first-child {
        background-color: #0a0a0a;
        border: 0
    }

    .wp-block-table table tbody td:first-child,.wp-block-table table tbody th:first-child {
        background-color: #fafafa
    }
}

.wp-block-table .wp-element-caption {
    font-style: italic
}

@media(max-width: 992px) {
    .wp-block-table .wp-element-caption {
        left:0;
        position: sticky;
        z-index: 1
    }
}