@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap);@charset "UTF-8";#start-resizable-editor-section {
    display: none
}

.wp-block-audio {
    margin: 0 0 1em
}

.wp-block-audio figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-audio audio {
    width: 100%;
    min-width: 300px
}

.wp-block-button__link {
    color: #fff;
    background-color: #32373c;
    border-radius: 9999px;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    box-sizing: border-box
}

.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited {
    color: #fff
}

.wp-block-button__link.aligncenter {
    text-align: center
}

.wp-block-button__link.alignright {
    text-align: right
}

.wp-block-buttons>.wp-block-button.has-custom-width {
    max-width: none
}

.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
    width: 100%
}

.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
    font-size: inherit
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
    width: calc(25% - .5em)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
    width: calc(50% - .5em)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
    width: calc(75% - .5em)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
    width: calc(100% - .5em)
}

.wp-block-buttons>.wp-block-button.wp-block-button__width-100:only-child {
    margin-right: 0;
    width: 100%
}

@supports (column-gap: .5em) {
    .wp-block-buttons.is-content-justification-right>.wp-block-button.wp-block-button,.wp-block-buttons>.wp-block-button.wp-block-button {
        margin-right:0;
        margin-left: 0
    }

    .wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
        width: calc(25% - .375em)
    }

    .wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
        width: calc(50% - .25em)
    }

    .wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
        width: calc(75% - .125em)
    }

    .wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
        width: auto;
        flex-basis: 100%
    }
}

.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared {
    border-radius: 0
}

.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius {
    border-radius: 0!important
}

.is-style-outline>.wp-block-button__link,.wp-block-button__link.is-style-outline {
    border: 2px solid;
    padding: .667em 1.333em
}

.is-style-outline>.wp-block-button__link:not(.has-text-color),.wp-block-button__link.is-style-outline:not(.has-text-color) {
    color: currentColor
}

.is-style-outline>.wp-block-button__link:not(.has-background),.wp-block-button__link.is-style-outline:not(.has-background) {
    background-color: transparent
}

.wp-block-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: .5em
}

.wp-block-buttons.is-vertical {
    flex-direction: column
}

.wp-block-buttons.is-vertical>.wp-block-button {
    margin-right: 0
}

.wp-block-buttons.is-vertical>.wp-block-button:last-child {
    margin-bottom: 0
}

.wp-block-buttons>.wp-block-button {
    display: inline-block;
    margin-left: 0;
    margin-right: .5em;
    margin-bottom: .5em
}

.wp-block-buttons>.wp-block-button:last-child {
    margin-right: 0
}

.wp-block-buttons.is-content-justification-left {
    justify-content: flex-start
}

.wp-block-buttons.is-content-justification-left.is-vertical {
    align-items: flex-start
}

.wp-block-buttons.is-content-justification-center {
    justify-content: center
}

.wp-block-buttons.is-content-justification-center.is-vertical {
    align-items: center
}

.wp-block-buttons.is-content-justification-right {
    justify-content: flex-end
}

.wp-block-buttons.is-content-justification-right>.wp-block-button {
    margin-left: .5em;
    margin-right: 0
}

.wp-block-buttons.is-content-justification-right>.wp-block-button:first-child {
    margin-left: 0
}

.wp-block-buttons.is-content-justification-right.is-vertical {
    align-items: flex-end
}

.wp-block-buttons.is-content-justification-space-between {
    justify-content: space-between
}

.wp-block-buttons.aligncenter {
    text-align: center
}

.wp-block-buttons.alignleft .wp-block-button {
    margin-left: 0;
    margin-right: .5em
}

.wp-block-buttons.alignleft .wp-block-button:last-child {
    margin-right: 0
}

.wp-block-buttons.alignright .wp-block-button {
    margin-right: 0;
    margin-left: .5em
}

.wp-block-buttons.alignright .wp-block-button:first-child {
    margin-left: 0
}

.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5em;
    width: 100%
}

.wp-block-button.aligncenter,.wp-block-calendar {
    text-align: center
}

.wp-block-calendar tbody td,.wp-block-calendar th {
    padding: .25em;
    border: 1px solid #ddd
}

.wp-block-calendar tfoot td {
    border: none
}

.wp-block-calendar table {
    width: 100%;
    border-collapse: collapse
}

.wp-block-calendar table th {
    font-weight: 400;
    background: #ddd
}

.wp-block-calendar a {
    text-decoration: underline
}

.wp-block-calendar table caption,.wp-block-calendar table tbody {
    color: #40464d
}

.wp-block-categories.alignleft {
    margin-right: 2em
}

.wp-block-categories.alignright {
    margin-left: 2em
}

.wp-block-code code {
    display: block;
    white-space: pre-wrap;
    overflow-wrap: break-word
}

.wp-block-columns {
    display: flex;
    margin-bottom: 1.75em;
    box-sizing: border-box;
    flex-wrap: wrap
}

@media (min-width: 782px) {
    .wp-block-columns {
        flex-wrap:nowrap
    }
}

.wp-block-columns.has-background {
    padding: 1.25em 2.375em
}

.wp-block-columns.are-vertically-aligned-top {
    align-items: flex-start
}

.wp-block-columns.are-vertically-aligned-center {
    align-items: center
}

.wp-block-columns.are-vertically-aligned-bottom {
    align-items: flex-end
}

.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word
}

@media (max-width: 599px) {
    .wp-block-column {
        flex-basis:100%!important
    }
}

@media (min-width: 600px) and (max-width:781px) {
    .wp-block-column:not(:only-child) {
        flex-basis:calc(50% - 1em)!important;
        flex-grow: 0
    }

    .wp-block-column:nth-child(2n) {
        margin-left: 2em
    }
}

@media (min-width: 782px) {
    .wp-block-column {
        flex-basis:0%;
        flex-grow: 1
    }

    .wp-block-column[style*=flex-basis] {
        flex-grow: 0
    }

    .wp-block-column:not(:first-child) {
        margin-left: 2em
    }
}

.wp-block-column.is-vertically-aligned-top {
    align-self: flex-start
}

.wp-block-column.is-vertically-aligned-center {
    align-self: center
}

.wp-block-column.is-vertically-aligned-bottom {
    align-self: flex-end
}

.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top {
    width: 100%
}

.wp-block-cover,.wp-block-cover-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    min-height: 430px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
    box-sizing: border-box
}

.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax {
    background-attachment: fixed
}

@supports (-webkit-overflow-scrolling:touch) {
    .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax {
        background-attachment: scroll
    }
}

@media (prefers-reduced-motion:reduce) {
    .wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax {
        background-attachment: scroll
    }
}

.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated {
    background-repeat: repeat;
    background-size: auto
}

.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]) {
    background-color: #fff
}

.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before {
    content: "";
    background-color: inherit
}

.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    opacity: .5
}

.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
    opacity: .1
}

.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
    opacity: .2
}

.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
    opacity: .3
}

.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
    opacity: .4
}

.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
    opacity: .5
}

.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
    opacity: .6
}

.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
    opacity: .7
}

.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
    opacity: .8
}

.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
    opacity: .9
}

.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
    opacity: 1
}

.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright {
    max-width: 420px;
    width: 100%
}

.wp-block-cover-image:after,.wp-block-cover:after {
    display: block;
    content: "";
    font-size: 0;
    min-height: inherit
}

@supports (position: sticky) {
    .wp-block-cover-image:after,.wp-block-cover:after {
        content:none
    }
}

.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright {
    display: flex
}

.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container {
    width: 100%;
    z-index: 1;
    color: #fff
}

.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color) {
    color: inherit
}

.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left {
    align-items: flex-start;
    justify-content: flex-start
}

.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center {
    align-items: flex-start;
    justify-content: center
}

.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right {
    align-items: flex-start;
    justify-content: flex-end
}

.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left {
    align-items: center;
    justify-content: flex-start
}

.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center {
    align-items: center;
    justify-content: center
}

.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right {
    align-items: center;
    justify-content: flex-end
}

.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left {
    align-items: flex-end;
    justify-content: flex-start
}

.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center {
    align-items: flex-end;
    justify-content: center
}

.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right {
    align-items: flex-end;
    justify-content: flex-end
}

.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
    margin: 0;
    width: auto
}

.wp-block-cover-image img.wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background,.wp-block-cover img.wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    -o-object-fit: cover;
    object-fit: cover;
    outline: none;
    border: none;
    box-shadow: none
}

.wp-block-cover__image-background,.wp-block-cover__video-background {
    z-index: 0
}

.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover {
    color: #fff
}

.wp-block-cover-image .wp-block-cover.has-left-content {
    justify-content: flex-start
}

.wp-block-cover-image .wp-block-cover.has-right-content {
    justify-content: flex-end
}

.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2 {
    margin-left: 0;
    text-align: left
}

.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2 {
    margin-right: 0;
    text-align: right
}

.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2 {
    font-size: 2em;
    line-height: 1.25;
    z-index: 1;
    margin-bottom: 0;
    max-width: 840px;
    padding: .44em;
    text-align: center
}

.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"] {
    max-width: 360px;
    width: 100%
}

.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper {
    min-width: 280px
}

.wp-block-cover .wp-block-embed {
    min-width: 320px;
    min-height: 240px
}

.wp-block-embed {
    margin: 0 0 1em
}

.wp-block-embed figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-embed iframe {
    max-width: 100%
}

.wp-block-embed__wrapper {
    position: relative
}

.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
    content: "";
    display: block;
    padding-top: 50%
}

.wp-embed-responsive .wp-has-aspect-ratio iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
    padding-top: 42.85%
}

.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
    padding-top: 50%
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
    padding-top: 56.25%
}

.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
    padding-top: 75%
}

.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
    padding-top: 100%
}

.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
    padding-top: 177.77%
}

.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
    padding-top: 200%
}

.wp-block-file {
    margin-bottom: 1.5em
}

.wp-block-file.aligncenter {
    text-align: center
}

.wp-block-file.alignright {
    text-align: right
}

.wp-block-file .wp-block-file__embed {
    margin-bottom: 1em
}

.wp-block-file .wp-block-file__button {
    background: #32373c;
    border-radius: 2em;
    color: #fff;
    font-size: .8em;
    padding: .5em 1em
}

.wp-block-file a.wp-block-file__button {
    text-decoration: none
}

.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited {
    box-shadow: none;
    color: #fff;
    opacity: .85;
    text-decoration: none
}

.wp-block-file *+.wp-block-file__button {
    margin-left: .75em
}

.blocks-gallery-grid,.wp-block-gallery {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0
}

.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item {
    margin: 0 1em 1em 0;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    position: relative;
    align-self: flex-start;
    width: calc(50% - 1em)
}

.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
    margin-right: 0
}

.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure {
    margin: 0;
    height: 100%
}

@supports (position: sticky) {
    .blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure {
        display:flex;
        align-items: flex-end;
        justify-content: flex-start
    }
}

.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%
}

@supports (position: sticky) {
    .blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img {
        width:auto
    }
}

.blocks-gallery-grid .blocks-gallery-image figcaption,.blocks-gallery-grid .blocks-gallery-item figcaption,.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 3em .77em .7em;
    color: #fff;
    text-align: center;
    font-size: .8em;
    background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
    box-sizing: border-box;
    margin: 0
}

.blocks-gallery-grid .blocks-gallery-image figcaption img,.blocks-gallery-grid .blocks-gallery-item figcaption img,.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img {
    display: inline
}

.blocks-gallery-grid figcaption,.wp-block-gallery figcaption {
    flex-grow: 1
}

.blocks-gallery-grid.is-cropped .blocks-gallery-image,.blocks-gallery-grid.is-cropped .blocks-gallery-item,.wp-block-gallery.is-cropped .blocks-gallery-image,.wp-block-gallery.is-cropped .blocks-gallery-item {
    align-self: inherit
}

.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img {
    width: 100%
}

@supports (position: sticky) {
    .blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img {
        height:100%;
        flex: 1;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.blocks-gallery-grid.columns-1 .blocks-gallery-image,.blocks-gallery-grid.columns-1 .blocks-gallery-item,.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item {
    width: 100%;
    margin-right: 0
}

@media (min-width: 600px) {
    .blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item {
        width:calc(33.33333% - .66667em);
        margin-right: 1em
    }

    .blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item {
        width: calc(25% - .75em);
        margin-right: 1em
    }

    .blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item {
        width: calc(20% - .8em);
        margin-right: 1em
    }

    .blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item {
        width: calc(16.66667% - .83333em);
        margin-right: 1em
    }

    .blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item {
        width: calc(14.28571% - .85714em);
        margin-right: 1em
    }

    .blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item {
        width: calc(12.5% - .875em);
        margin-right: 1em
    }

    .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
        margin-right: 0
    }
}

.blocks-gallery-grid .blocks-gallery-image:last-child,.blocks-gallery-grid .blocks-gallery-item:last-child,.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child {
    margin-right: 0
}

.blocks-gallery-grid.alignleft,.blocks-gallery-grid.alignright,.wp-block-gallery.alignleft,.wp-block-gallery.alignright {
    max-width: 420px;
    width: 100%
}

.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure {
    justify-content: center
}

.wp-block-group {
    box-sizing: border-box
}

h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background {
    padding: 1.25em 2.375em
}

.wp-block-image {
    margin: 0 0 1em
}

.wp-block-image img {
    max-width: 100%
}

.wp-block-image:not(.is-style-rounded) img {
    border-radius: inherit
}

.wp-block-image.aligncenter {
    text-align: center
}

.wp-block-image.alignfull img,.wp-block-image.alignwide img {
    width: 100%
}

.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright {
    display: table
}

.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption {
    display: table-caption;
    caption-side: bottom
}

.wp-block-image .alignleft {
    float: left;
    margin: .5em 1em .5em 0
}

.wp-block-image .alignright {
    float: right;
    margin: .5em 0 .5em 1em
}

.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto
}

.wp-block-image figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img {
    border-radius: 9999px
}

@supports ((-webkit-mask-image: none) or (mask-image:none)) or (-webkit-mask-image:none) {
    .wp-block-image.is-style-circle-mask img {
        -webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');
        mask-mode: alpha;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-position: center;
        mask-position: center;
        border-radius: 0
    }
}

.wp-block-image figure {
    margin: 0
}

ol.wp-block-latest-comments {
    margin-left: 0
}

.wp-block-latest-comments .wp-block-latest-comments {
    padding-left: 0
}

.wp-block-latest-comments__comment {
    line-height: 1.1;
    list-style: none;
    margin-bottom: 1em
}

.has-avatars .wp-block-latest-comments__comment {
    min-height: 2.25em;
    list-style: none
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
    margin-left: 3.25em
}

.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment {
    line-height: 1.5
}

.wp-block-latest-comments__comment-excerpt p {
    font-size: .875em;
    line-height: 1.8;
    margin: .36em 0 1.4em
}

.wp-block-latest-comments__comment-date {
    display: block;
    font-size: .75em
}

.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar {
    border-radius: 1.5em;
    display: block;
    float: left;
    height: 2.5em;
    margin-right: .75em;
    width: 2.5em
}

.wp-block-latest-posts.alignleft {
    margin-right: 2em
}

.wp-block-latest-posts.alignright {
    margin-left: 2em
}

.wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: none;
    padding-left: 0
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
    clear: both
}

.wp-block-latest-posts.is-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

.wp-block-latest-posts.is-grid li {
    margin: 0 1.25em 1.25em 0;
    width: 100%
}

@media (min-width: 600px) {
    .wp-block-latest-posts.columns-2 li {
        width:calc(50% - .625em)
    }

    .wp-block-latest-posts.columns-2 li:nth-child(2n) {
        margin-right: 0
    }

    .wp-block-latest-posts.columns-3 li {
        width: calc(33.33333% - .83333em)
    }

    .wp-block-latest-posts.columns-3 li:nth-child(3n) {
        margin-right: 0
    }

    .wp-block-latest-posts.columns-4 li {
        width: calc(25% - .9375em)
    }

    .wp-block-latest-posts.columns-4 li:nth-child(4n) {
        margin-right: 0
    }

    .wp-block-latest-posts.columns-5 li {
        width: calc(20% - 1em)
    }

    .wp-block-latest-posts.columns-5 li:nth-child(5n) {
        margin-right: 0
    }

    .wp-block-latest-posts.columns-6 li {
        width: calc(16.66667% - 1.04167em)
    }

    .wp-block-latest-posts.columns-6 li:nth-child(6n) {
        margin-right: 0
    }
}

.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date {
    display: block;
    color: #555;
    font-size: .8125em
}

.wp-block-latest-posts__post-excerpt {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-latest-posts__featured-image a {
    display: inline-block
}

.wp-block-latest-posts__featured-image img {
    height: auto;
    width: auto;
    max-width: 100%
}

.wp-block-latest-posts__featured-image.alignleft {
    margin-right: 1em
}

.wp-block-latest-posts__featured-image.alignright {
    margin-left: 1em
}

.wp-block-latest-posts__featured-image.aligncenter {
    margin-bottom: 1em;
    text-align: center
}

.block-editor-image-alignment-control__row .components-base-control__field {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
    margin-bottom: 0
}

ol.has-background,ul.has-background {
    padding: 1.25em 2.375em
}

.wp-block-media-text {
    /*!rtl:begin:ignore*/
    direction: ltr;
    /*!rtl:end:ignore*/
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-template-rows: auto
}

.wp-block-media-text.has-media-on-the-right {
    grid-template-columns: 1fr 50%
}

.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
    align-self: start
}

.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media {
    align-self: center
}

.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
    align-self: end
}

.wp-block-media-text .wp-block-media-text__media {
    /*!rtl:begin:ignore*/
    grid-column: 1;
    grid-row: 1;
    /*!rtl:end:ignore*/
    margin: 0
}

.wp-block-media-text .wp-block-media-text__content {
    direction: ltr;
    /*!rtl:begin:ignore*/
    grid-column: 2;
    grid-row: 1;
    /*!rtl:end:ignore*/
    padding: 0 8%;
    word-break: break-word
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
    /*!rtl:begin:ignore*/
    grid-column: 2;
    grid-row: 1 /*!rtl:end:ignore*/
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
    /*!rtl:begin:ignore*/
    grid-column: 1;
    grid-row: 1 /*!rtl:end:ignore*/
}

.wp-block-media-text__media img,.wp-block-media-text__media video {
    max-width: unset;
    width: 100%;
    vertical-align: middle
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media {
    height: 100%;
    min-height: 250px;
    background-size: cover
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media>a {
    display: block;
    height: 100%
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

@media (max-width: 600px) {
    .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns:100%!important
    }

    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1
    }

    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
        grid-column: 1;
        grid-row: 2
    }
}

.wp-block-navigation {
    position: relative
}

.wp-block-navigation ul,.wp-block-navigation ul li {
    list-style: none;
    padding: 0
}

.wp-block-navigation .wp-block-navigation-link,.wp-block-navigation .wp-block-pages-list__item {
    display: flex;
    align-items: center;
    position: relative
}

.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty,.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty {
    display: none
}

.wp-block-navigation .wp-block-navigation-link__content,.wp-block-navigation .wp-block-pages-list__item__link {
    color: inherit;
    display: block
}

.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:active,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:focus {
    text-decoration: inherit
}

.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus,.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link,.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:focus {
    text-decoration: none
}

.wp-block-navigation .wp-block-navigation-link__submenu-icon,.wp-block-navigation .wp-block-page-list__submenu-icon {
    height: inherit
}

.wp-block-navigation .wp-block-navigation-link__submenu-icon svg,.wp-block-navigation .wp-block-page-list__submenu-icon svg {
    stroke: currentColor
}

.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content.wp-block-navigation-link__content.wp-block-navigation-link__content,.wp-block-navigation .wp-block-pages-list__item .wp-block-pages-list__item__link {
    padding: 0
}

.wp-block-navigation .has-child>.wp-block-navigation-link__content,.wp-block-navigation .has-child>.wp-block-pages-list__item__link {
    margin-right: .5em
}

.wp-block-navigation .has-child .submenu-container,.wp-block-navigation .has-child .wp-block-navigation-link__container {
    background-color: inherit;
    color: inherit;
    position: absolute;
    z-index: 2;
    flex-direction: column;
    align-items: normal;
    min-width: 200px;
    display: none;
    opacity: 0;
    transition: opacity .1s linear;
    visibility: hidden
}

.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-navigation-link__content,.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-pages-list__item__link,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-navigation-link__content,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-pages-list__item__link,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-navigation-link__content,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-pages-list__item__link,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-navigation-link__content,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-pages-list__item__link {
    flex-grow: 1
}

.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-page-list__submenu-icon,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-page-list__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-page-list__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-page-list__submenu-icon {
    padding-right: .5em
}

@media (min-width: 782px) {
    .wp-block-navigation .has-child .submenu-container .submenu-container:before,.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container:before,.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container:before,.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container:before {
        content:"";
        position: absolute;
        right: 100%;
        height: 100%;
        display: block;
        width: .5em;
        background: transparent
    }

    .wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__submenu-icon svg,.wp-block-navigation .has-child .submenu-container .wp-block-page-list__submenu-icon svg,.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__submenu-icon svg,.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-page-list__submenu-icon svg {
        transform: rotate(-90deg)
    }
}

.wp-block-navigation .has-child:hover>.wp-block-navigation-link__container {
    display: flex;
    visibility: visible;
    opacity: 1
}

.wp-block-navigation .has-child:focus-within>.wp-block-navigation-link__container {
    display: flex;
    visibility: visible;
    opacity: 1
}

.wp-block-navigation .has-child:hover {
    cursor: pointer
}

.wp-block-navigation .has-child:hover>.submenu-container {
    display: flex;
    visibility: visible;
    opacity: 1
}

.wp-block-navigation .has-child:focus-within {
    cursor: pointer
}

.wp-block-navigation .has-child:focus-within>.submenu-container {
    display: flex;
    visibility: visible;
    opacity: 1
}

.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container {
    left: auto;
    right: 0
}

.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
    left: auto;
    right: 100%
}

.wp-block-navigation.wp-block-navigation .wp-block-navigation__container>.wp-block-navigation-link,.wp-block-navigation.wp-block-navigation .wp-block-page-list,.wp-block-navigation.wp-block-navigation .wp-block-page-list>.wp-block-pages-list__item {
    margin: 0 2em 0 0
}

.wp-block-navigation.wp-block-navigation .wp-block-navigation__container>.wp-block-navigation-link:last-child,.wp-block-navigation.wp-block-navigation .wp-block-page-list:last-child,.wp-block-navigation.wp-block-navigation .wp-block-page-list>.wp-block-pages-list__item:last-child {
    margin-right: 0
}

.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container>.wp-block-navigation-link,.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list,.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list>.wp-block-pages-list__item {
    margin: 0 .5em 0 0
}

.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container .wp-block-navigation-link__content,.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list .wp-block-pages-list__item__link {
    padding: .5em 1em
}

.wp-block-navigation.wp-block-navigation .has-child .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container {
    left: -1em;
    top: 100%
}

.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item {
    margin: 0
}

.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__content,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item__link,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__content,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item__link {
    padding: .5em 1em
}

.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
    left: -1px
}

@media (min-width: 782px) {
    .wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
        left:100%;
        top: -1px
    }
}

.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container {
    left: 0;
    top: 100%
}

.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
    left: 0
}

@media (min-width: 782px) {
    .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
        left:100%;
        top: 0
    }
}

.wp-block-navigation:not(.has-background) .submenu-container,.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container {
    background-color: #fff;
    color: #fff;
    border: 1px solid rgba(0,0,0,.15)
}

.wp-block-navigation__container {
    align-items: center;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.wp-block-navigation__container .is-responsive {
    display: none
}

@media (min-width: 600px) {
    .wp-block-navigation__container {
        display:flex;
        flex-wrap: wrap
    }

    .is-vertical .wp-block-navigation__container {
        display: block;
        flex-direction: column;
        align-items: flex-start
    }
}

.items-justified-center .wp-block-navigation__container {
    justify-content: center
}

.items-justified-right .wp-block-navigation__container {
    justify-content: flex-end
}

.items-justified-space-between .wp-block-navigation__container {
    justify-content: space-between
}

.is-vertical.items-justified-center>ul {
    align-items: center
}

.is-vertical.items-justified-right>ul {
    align-items: flex-end
}

.is-vertical.items-justified-right>ul .wp-block-navigation-link,.is-vertical.items-justified-right>ul .wp-block-pages-list__item {
    margin-right: 0;
    justify-content: flex-end
}

.wp-block-navigation__responsive-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    align-items: flex-start;
    justify-content: flex-start
}

.wp-block-navigation__responsive-container.is-menu-open {
    display: flex;
    flex-direction: column;
    overflow: auto;
    z-index: 100000;
    padding: 24px;
    background-color: inherit
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    align-items: flex-start;
    line-height: 48px;
    padding: 0
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list {
    flex-direction: column
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container {
    background: transparent!important
}

@media (min-width: 600px) {
    .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display:flex;
        flex-direction: row;
        position: relative;
        background-color: inherit
    }

    .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {
        display: none
    }

    .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container {
        left: 0
    }
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #fff;
    color: #fff
}

.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open {
    vertical-align: middle;
    cursor: pointer;
    color: currentColor;
    background: transparent;
    border: none;
    margin: 0;
    padding: 0
}

.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg {
    fill: currentColor;
    pointer-events: none;
    display: block;
    width: 24px;
    height: 24px
}

.wp-block-navigation__responsive-container-open {
    display: flex
}

@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open {
        display:none
    }
}

.items-justified-left .wp-block-navigation__responsive-container-open {
    margin-left: 0;
    margin-right: auto
}

.items-justified-center .wp-block-navigation__responsive-container-open {
    margin-left: auto;
    margin-right: auto
}

.items-justified-right .wp-block-navigation__responsive-container-open {
    margin-left: auto;
    margin-right: 0
}

.wp-block-navigation__responsive-container-close {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 2
}

.wp-block-navigation__responsive-close {
    width: 100%
}

.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog {
    width: 100%;
    height: 100%
}

.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon {
    display: none
}

.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container {
    position: relative;
    opacity: 1;
    visibility: visible;
    padding: 0 0 0 32px;
    border: none
}

.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item {
    flex-direction: column;
    align-items: flex-start
}

html.has-modal-open {
    overflow: hidden
}

.wp-block-navigation .wp-block-navigation-link__label {
    word-break: normal;
    overflow-wrap: break-word
}

.wp-block-navigation .wp-block-home-link__content {
    color: inherit;
    display: block;
    padding: .5em 1em
}

.wp-block-navigation[style*=text-decoration] .wp-block-home-link,.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content,.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active,.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus {
    text-decoration: inherit
}

.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content,.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus {
    text-decoration: none
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container {
    background-color: #fff;
    color: #fff;
    border: 1px solid rgba(0,0,0,.15)
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container {
    top: -1px
}

.wp-block-navigation .wp-block-page-list {
    display: flex;
    flex-wrap: wrap;
    background-color: inherit
}

.wp-block-navigation .wp-block-pages-list__item {
    background-color: inherit
}

.wp-block-navigation .wp-block-page-list__submenu-icon {
    display: none
}

.is-open .wp-block-navigation__container .wp-block-page-list,.is-vertical .wp-block-navigation__container .wp-block-page-list,.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {
    display: block
}

@media (min-width: 480px) {
    .is-open .wp-block-navigation__container .wp-block-page-list {
        display:flex
    }
}

.items-justified-space-between .wp-block-page-list {
    display: contents
}

.is-small-text {
    font-size: .875em
}

.is-regular-text {
    font-size: 1em
}

.is-large-text {
    font-size: 2.25em
}

.is-larger-text {
    font-size: 3em
}

.has-drop-cap:not(:focus):first-letter {
    float: left;
    font-size: 8.4em;
    line-height: .68;
    font-weight: 100;
    margin: .05em .1em 0 0;
    text-transform: uppercase;
    font-style: normal
}

p.has-drop-cap.has-background {
    overflow: hidden
}

p.has-background {
    padding: 1.25em 2.375em
}

p.has-text-color a {
    color: inherit
}

.wp-block-post-author {
    display: flex;
    flex-wrap: wrap
}

.wp-block-post-author__byline {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    font-size: .5em
}

.wp-block-post-author__avatar {
    margin-right: 1em
}

.wp-block-post-author__bio {
    margin-bottom: .7em;
    font-size: .7em
}

.wp-block-post-author__content {
    flex-grow: 1;
    flex-basis: 0%
}

.wp-block-post-author__name {
    font-weight: 700;
    margin: 0
}

.wp-block-post-comments .commentlist {
    list-style: none;
    margin: 0;
    padding: 0
}

.wp-block-post-comments .commentlist .comment {
    min-height: 2.25em;
    padding-left: 3.25em
}

.wp-block-post-comments .commentlist .comment p {
    font-size: .875em;
    line-height: 1.8;
    margin: .36em 0 1.4em
}

.wp-block-post-comments .commentlist .children {
    list-style: none;
    margin: 0;
    padding: 0
}

.wp-block-post-comments .comment-author {
    line-height: 1.5;
    margin-left: -3.25em
}

.wp-block-post-comments .comment-author .avatar {
    border-radius: 1.5em;
    display: block;
    float: left;
    height: 2.5em;
    margin-right: .75em;
    width: 2.5em
}

.wp-block-post-comments .comment-author cite {
    font-style: normal
}

.wp-block-post-comments .comment-meta {
    line-height: 1.5;
    margin-left: -3.25em
}

.wp-block-post-comments .comment-body .commentmetadata {
    font-size: .75em
}

.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label {
    display: block
}

.wp-block-post-comments .comment-form-comment textarea {
    box-sizing: border-box;
    width: 100%
}

.wp-block-post-comments .reply {
    font-size: .75em;
    margin-bottom: 1.4em
}

.wp-block-post-comments input,.wp-block-post-comments textarea {
    border: 1px solid #949494
}

.wp-block-post-comments-form input[type=submit] {
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    overflow-wrap: break-word
}

.wp-block-post-excerpt__more-link,.wp-block-post-title a {
    display: inline-block
}

.wp-block-preformatted {
    white-space: pre-wrap
}

.wp-block-preformatted.has-background {
    padding: 1.25em 2.375em
}

.wp-block-pullquote {
    margin: 0 0 1em;
    padding: 3em 0;
    text-align: center
}

.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright {
    max-width: 420px
}

.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p {
    font-size: 1.25em
}

.wp-block-pullquote p {
    font-size: 1.75em;
    line-height: 1.6
}

.wp-block-pullquote cite,.wp-block-pullquote footer {
    position: relative
}

.wp-block-pullquote .has-text-color a {
    color: inherit
}

.wp-block-pullquote:not(.is-style-solid-color) {
    background: none
}

.wp-block-pullquote.is-style-solid-color {
    border: none
}

.wp-block-pullquote.is-style-solid-color blockquote {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    max-width: 60%
}

.wp-block-pullquote.is-style-solid-color blockquote p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2em
}

.wp-block-pullquote.is-style-solid-color blockquote cite {
    text-transform: none;
    font-style: normal
}

.wp-block-pullquote cite {
    color: inherit
}

.wp-block-post-template,.wp-block-query-loop {
    max-width: 100%;
    list-style: none;
    padding: 0
}

.wp-block-post-template li,.wp-block-query-loop li {
    clear: both
}

.wp-block-post-template.is-flex-container,.wp-block-query-loop.is-flex-container {
    flex-direction: row;
    display: flex;
    flex-wrap: wrap
}

.wp-block-post-template.is-flex-container li,.wp-block-query-loop.is-flex-container li {
    margin: 0 0 1.25em;
    width: 100%
}

@media (min-width: 600px) {
    .wp-block-post-template.is-flex-container li,.wp-block-query-loop.is-flex-container li {
        margin-right:1.25em
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li {
        width: calc(50% - .625em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li:nth-child(2n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li:nth-child(2n) {
        margin-right: 0
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li {
        width: calc(33.33333% - .83333em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li:nth-child(3n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li:nth-child(3n) {
        margin-right: 0
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
        width: calc(25% - .9375em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li:nth-child(4n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li:nth-child(4n) {
        margin-right: 0
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-5>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li {
        width: calc(20% - 1em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-5>li:nth-child(5n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li:nth-child(5n) {
        margin-right: 0
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-6>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li {
        width: calc(16.66667% - 1.04167em)
    }

    .wp-block-post-template.is-flex-container.is-flex-container.columns-6>li:nth-child(6n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li:nth-child(6n) {
        margin-right: 0
    }
}

.wp-block-query-pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous {
    display: inline-block;
    margin-right: .5em;
    margin-bottom: .5em
}

.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child {
    margin-right: 0
}

.wp-block-quote.is-large,.wp-block-quote.is-style-large {
    margin-bottom: 1em;
    padding: 0 1em
}

.wp-block-quote.is-large p,.wp-block-quote.is-style-large p {
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.6
}

.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer {
    font-size: 1.125em;
    text-align: right
}

.wp-block-rss.wp-block-rss {
    box-sizing: border-box
}

.wp-block-rss.alignleft {
    margin-right: 2em
}

.wp-block-rss.alignright {
    margin-left: 2em
}

.wp-block-rss.is-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none
}

.wp-block-rss.is-grid li {
    margin: 0 1em 1em 0;
    width: 100%
}

@media (min-width: 600px) {
    .wp-block-rss.columns-2 li {
        width:calc(50% - 1em)
    }

    .wp-block-rss.columns-3 li {
        width: calc(33.33333% - 1em)
    }

    .wp-block-rss.columns-4 li {
        width: calc(25% - 1em)
    }

    .wp-block-rss.columns-5 li {
        width: calc(20% - 1em)
    }

    .wp-block-rss.columns-6 li {
        width: calc(16.66667% - 1em)
    }
}

.wp-block-rss__item-author,.wp-block-rss__item-publish-date {
    display: block;
    color: #555;
    font-size: .8125em
}

.wp-block-search .wp-block-search__button {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: .375em .625em;
    color: #32373c;
    margin-left: .625em;
    word-break: normal
}

.wp-block-search .wp-block-search__button.has-icon {
    line-height: 0
}

.wp-block-search .wp-block-search__button svg {
    min-width: 1.5em;
    min-height: 1.5em
}

.wp-block-search .wp-block-search__inside-wrapper {
    display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%
}

.wp-block-search .wp-block-search__label {
    width: 100%
}

.wp-block-search .wp-block-search__input {
    flex-grow: 1;
    min-width: 3em;
    border: 1px solid #949494
}

.wp-block-search.wp-block-search__button-only .wp-block-search__button {
    margin-left: 0
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
    padding: 4px;
    border: 1px solid #949494
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
    border-radius: 0;
    border: none;
    padding: 0 0 0 .25em
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
    outline: none
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
    padding: .125em .5em
}

.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
    margin: auto
}

.wp-block-separator {
    border-top: 1px solid;
    border-bottom: 1px solid
}

.wp-block-separator.is-style-wide {
    border-bottom-width: 1px
}

.wp-block-separator.is-style-dots {
    background: none!important;
    border: none;
    text-align: center;
    width: none;
    line-height: 1;
    height: auto
}

.wp-block-separator.is-style-dots:before {
    content: "···";
    color: currentColor;
    font-size: 1.5em;
    letter-spacing: 2em;
    padding-left: 2em;
    font-family: serif
}

.wp-block-site-logo {
    line-height: 0
}

.wp-block-site-logo a {
    display: inline-block
}

.wp-block-site-logo.is-default-size img {
    width: 120px;
    height: auto
}

.wp-block-site-logo .aligncenter {
    display: table
}

.wp-block-site-logo.is-style-rounded img {
    border-radius: 9999px
}

.wp-block-social-links {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
    text-indent: 0;
    margin-left: 0
}

.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover {
    text-decoration: none;
    border-bottom: 0;
    box-shadow: none
}

.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
    margin: 4px 8px 4px 0
}

.wp-block-social-links .wp-social-link a {
    padding: .25em
}

.wp-block-social-links .wp-social-link svg {
    width: 1em;
    height: 1em
}

.wp-block-social-links.has-small-icon-size {
    font-size: 16px
}

.wp-block-social-links,.wp-block-social-links.has-normal-icon-size {
    font-size: 24px
}

.wp-block-social-links.has-large-icon-size {
    font-size: 36px
}

.wp-block-social-links.has-huge-icon-size {
    font-size: 48px
}

.wp-block-social-links.aligncenter {
    justify-content: center;
    display: flex
}

.wp-block-social-links.alignright {
    justify-content: flex-end
}

.wp-block-social-link {
    display: block;
    border-radius: 9999px;
    transition: transform .1s ease;
    height: auto
}

@media (prefers-reduced-motion:reduce) {
    .wp-block-social-link {
        transition-duration: 0s;
        transition-delay: 0s
    }
}

.wp-block-social-link a {
    display: block;
    line-height: 0;
    transition: transform .1s ease
}

.wp-block-social-link:hover {
    transform: scale(1.1)
}

.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
    color: currentColor;
    fill: currentColor
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
    background-color: #f0f0f0;
    color: #444
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
    background-color: #f90;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
    background-color: #1ea0c3;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
    background-color: #0757fe;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
    background-color: #1e1f26;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
    background-color: #02e49b;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
    background-color: #e94c89;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
    background-color: #4280ff;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
    background-color: #f45800;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
    background-color: #1778f2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
    background-color: #fff;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
    background-color: #0461dd;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
    background-color: #e65678;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
    background-color: #24292d;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
    background-color: #eceadd;
    color: #382110
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
    background-color: #ea4434;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
    background-color: #f00075;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
    background-color: #e21b24;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
    background-color: #0d66c2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
    background-color: #3288d4;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
    background-color: #02ab6c;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
    background-color: #f6405f;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
    background-color: #ff424d;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
    background-color: #e60122;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
    background-color: #ef4155;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
    background-color: #fe4500;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
    background-color: #0478d7;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
    background-color: #fefc00;
    color: #fff;
    stroke: #000
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
    background-color: #ff5600;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
    background-color: #1bd760;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
    background-color: #2aabee;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
    background-color: #fff;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
    background-color: #011835;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
    background-color: #6440a4;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
    background-color: #1da1f2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
    background-color: #1eb7ea;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
    background-color: #4680c2;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
    background-color: #3499cd;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
    background-color: #d32422;
    color: #fff
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
    background-color: red;
    color: #fff
}

.wp-block-social-links.is-style-logos-only .wp-social-link {
    background: none;
    padding: 4px
}

.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
    color: #f90
}

.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
    color: #1ea0c3
}

.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
    color: #0757fe
}

.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
    color: #1e1f26
}

.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
    color: #02e49b
}

.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
    color: #e94c89
}

.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
    color: #4280ff
}

.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
    color: #f45800
}

.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
    color: #1778f2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
    color: #fff
}

.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
    color: #0461dd
}

.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
    color: #e65678
}

.wp-block-social-links.is-style-logos-only .wp-social-link-github {
    color: #24292d
}

.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
    color: #382110
}

.wp-block-social-links.is-style-logos-only .wp-social-link-google {
    color: #ea4434
}

.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
    color: #f00075
}

.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
    color: #e21b24
}

.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
    color: #0d66c2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
    color: #3288d4
}

.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
    color: #02ab6c
}

.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
    color: #f6405f
}

.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
    color: #ff424d
}

.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
    color: #e60122
}

.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
    color: #ef4155
}

.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
    color: #fe4500
}

.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
    color: #0478d7
}

.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
    color: #fff;
    stroke: #000
}

.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
    color: #ff5600
}

.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
    color: #1bd760
}

.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
    color: #2aabee
}

.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
    color: #fff
}

.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
    color: #011835
}

.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
    color: #6440a4
}

.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
    color: #1da1f2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
    color: #1eb7ea
}

.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
    color: #4680c2
}

.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
    color: #3499cd
}

.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
    color: #d32422
}

.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
    color: red
}

.wp-block-social-links.is-style-pill-shape .wp-social-link {
    width: auto
}

.wp-block-social-links.is-style-pill-shape .wp-social-link a {
    padding-left: .66667em;
    padding-right: .66667em
}

.wp-block-spacer {
    clear: both
}

.wp-block-tag-cloud.aligncenter {
    text-align: center
}

.wp-block-tag-cloud.alignfull {
    padding-left: 1em;
    padding-right: 1em
}

.wp-block-table {
    margin: 0 0 1em;
    overflow-x: auto
}

.wp-block-table table {
    border-collapse: collapse;
    width: 100%
}

.wp-block-table .has-fixed-layout {
    table-layout: fixed;
    width: 100%
}

.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th {
    word-break: break-word
}

.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright {
    display: table;
    width: auto
}

.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th {
    word-break: break-word
}

.wp-block-table .has-subtle-light-gray-background-color {
    background-color: #f3f4f5
}

.wp-block-table .has-subtle-pale-green-background-color {
    background-color: #e9fbe5
}

.wp-block-table .has-subtle-pale-blue-background-color {
    background-color: #e7f5fe
}

.wp-block-table .has-subtle-pale-pink-background-color {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes {
    border-spacing: 0;
    border-collapse: inherit;
    background-color: transparent;
    border-bottom: 1px solid #f0f0f0
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #f0f0f0
}

.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
    background-color: #f3f4f5
}

.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
    background-color: #e9fbe5
}

.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
    background-color: #e7f5fe
}

.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
    background-color: #fcf0ef
}

.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th {
    border-color: transparent
}

.wp-block-table .has-border-color>*,.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr {
    border-color: inherit
}

.wp-block-table table[style*=border-style]>*,.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr {
    border-style: inherit
}

.wp-block-table table[style*=border-width]>*,.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr {
    border-width: inherit
}

.wp-block-text-columns,.wp-block-text-columns.aligncenter {
    display: flex
}

.wp-block-text-columns .wp-block-column {
    margin: 0 1em;
    padding: 0
}

.wp-block-text-columns .wp-block-column:first-child {
    margin-left: 0
}

.wp-block-text-columns .wp-block-column:last-child {
    margin-right: 0
}

.wp-block-text-columns.columns-2 .wp-block-column {
    width: 50%
}

.wp-block-text-columns.columns-3 .wp-block-column {
    width: 33.33333%
}

.wp-block-text-columns.columns-4 .wp-block-column {
    width: 25%
}

pre.wp-block-verse {
    font-family: inherit;
    overflow: auto;
    white-space: pre-wrap
}

.wp-block-video {
    margin: 0 0 1em
}

.wp-block-video video {
    width: 100%
}

@supports (position: sticky) {
    .wp-block-video [poster] {
        -o-object-fit:cover;
        object-fit: cover
    }
}

.wp-block-video.aligncenter {
    text-align: center
}

.wp-block-video figcaption {
    margin-top: .5em;
    margin-bottom: 1em
}

.wp-block-post-featured-image {
    margin-left: 0;
    margin-right: 0
}

.wp-block-post-featured-image a {
    display: inline-block
}

.wp-block-post-featured-image img {
    max-width: 100%;
    height: auto
}

.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img {
    width: 100%
}

:root .has-pale-pink-background-color {
    background-color: #f78da7
}

:root .has-vivid-red-background-color {
    background-color: #cf2e2e
}

:root .has-luminous-vivid-orange-background-color {
    background-color: #ff6900
}

:root .has-luminous-vivid-amber-background-color {
    background-color: #fcb900
}

:root .has-light-green-cyan-background-color {
    background-color: #7bdcb5
}

:root .has-vivid-green-cyan-background-color {
    background-color: #00d084
}

:root .has-pale-cyan-blue-background-color {
    background-color: #8ed1fc
}

:root .has-vivid-cyan-blue-background-color {
    background-color: #0693e3
}

:root .has-vivid-purple-background-color {
    background-color: #9b51e0
}

:root .has-white-background-color {
    background-color: #fff
}

:root .has-very-light-gray-background-color {
    background-color: #eee
}

:root .has-cyan-bluish-gray-background-color {
    background-color: #abb8c3
}

:root .has-very-dark-gray-background-color {
    background-color: #313131
}

:root .has-black-background-color {
    background-color: #fff
}

:root .has-pale-pink-color {
    color: #f78da7
}

:root .has-vivid-red-color {
    color: #cf2e2e
}

:root .has-luminous-vivid-orange-color {
    color: #ff6900
}

:root .has-luminous-vivid-amber-color {
    color: #fcb900
}

:root .has-light-green-cyan-color {
    color: #7bdcb5
}

:root .has-vivid-green-cyan-color {
    color: #00d084
}

:root .has-pale-cyan-blue-color {
    color: #8ed1fc
}

:root .has-vivid-cyan-blue-color {
    color: #0693e3
}

:root .has-vivid-purple-color {
    color: #9b51e0
}

:root .has-white-color {
    color: #fff
}

:root .has-very-light-gray-color {
    color: #eee
}

:root .has-cyan-bluish-gray-color {
    color: #abb8c3
}

:root .has-very-dark-gray-color {
    color: #313131
}

:root .has-black-color {
    color: #fff
}

:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: linear-gradient(135deg,#0693e3,#9b51e0)
}

:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
    background: linear-gradient(135deg,#00d084,#0693e3)
}

:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: linear-gradient(135deg,#7adcb4,#00d082)
}

:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: linear-gradient(135deg,#fcb900,#ff6900)
}

:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: linear-gradient(135deg,#ff6900,#cf2e2e)
}

:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: linear-gradient(135deg,#eee,#a9b8c3)
}

:root .has-cool-to-warm-spectrum-gradient-background {
    background: linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)
}

:root .has-blush-light-purple-gradient-background {
    background: linear-gradient(135deg,#ffceec,#9896f0)
}

:root .has-blush-bordeaux-gradient-background {
    background: linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)
}

:root .has-purple-crush-gradient-background {
    background: linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)
}

:root .has-luminous-dusk-gradient-background {
    background: linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)
}

:root .has-hazy-dawn-gradient-background {
    background: linear-gradient(135deg,#faaca8,#dad0ec)
}

:root .has-pale-ocean-gradient-background {
    background: linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)
}

:root .has-electric-grass-gradient-background {
    background: linear-gradient(135deg,#caf880,#71ce7e)
}

:root .has-subdued-olive-gradient-background {
    background: linear-gradient(135deg,#fafae1,#67a671)
}

:root .has-atomic-cream-gradient-background {
    background: linear-gradient(135deg,#fdd79a,#004a59)
}

:root .has-nightshade-gradient-background {
    background: linear-gradient(135deg,#330968,#31cdcf)
}

:root .has-midnight-gradient-background {
    background: linear-gradient(135deg,#020381,#2874fc)
}

.has-small-font-size {
    font-size: .8125em
}

.has-normal-font-size,.has-regular-font-size {
    font-size: 1em
}

.has-medium-font-size {
    font-size: 1.25em
}

.has-large-font-size {
    font-size: 2.25em
}

.has-huge-font-size,.has-larger-font-size {
    font-size: 2.625em
}

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

.has-text-align-left {
    text-align: left
}

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

#end-resizable-editor-section {
    display: none
}

.aligncenter {
    clear: both
}

.items-justified-left {
    justify-content: flex-start
}

.items-justified-center {
    justify-content: center
}

.items-justified-right {
    justify-content: flex-end
}

.items-justified-space-between {
    justify-content: space-between
}

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal!important
}

.screen-reader-text:focus {
    background-color: #ddd;
    clip: auto!important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.bnbprotrade-single-breadcrumb .rank-math-breadcrumb {
    margin-top: 32px
}

.bnbprotrade-single-breadcrumb .rank-math-breadcrumb p {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: -.02em;
    font-family: "Eina01-Regular";
    font-weight: normal!important;
    font-style: normal!important
}

.bnbprotrade-single-breadcrumb .rank-math-breadcrumb span {
    color: #fff
}

.bnbprotrade-single-breadcrumb .rank-math-breadcrumb span.separator {
    display: inline-flex;
    margin-left: 8px;
    margin-right: 8px
}

.bnbprotrade-single-breadcrumb .rank-math-breadcrumb span.last {
    color: #fff
}

.bnbprotrade-single-breadcrumb .rank-math-breadcrumb a {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: -.02em;
    font-family: "Eina01-Regular";
    font-weight: normal!important;
    font-style: normal!important;
    color: #fff
}

.img-fluid {
    display: block;
    max-width: 100%;
    height: auto
}

@font-face {
    font-display: swap;
    font-family: 'Eina01-Regular';
    font-style: normal;
    font-weight: 400;
    src: url(../../../themes/basework/dist/fonts/Eina01-Regular.woff2) format("woff2"),url(../../../themes/basework/dist/fonts/Eina01-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    src: url(../../../themes/basework/dist/fonts/Eina01-Bold.woff2) format("woff2"),url(../../../themes/basework/dist/fonts/Eina01-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Eina01-Bold-Italic';
    font-style: italic;
    font-weight: 700;
    src: url(../../../themes/basework/dist/fonts/Eina01-BoldItalic.woff2) format("woff2"),url(../../../themes/basework/dist/fonts/Eina01-BoldItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Eina01-Light';
    font-style: normal;
    font-weight: 300;
    src: url(../../../themes/basework/dist/fonts/Eina01-Light.woff2) format("woff2"),url(../../../themes/basework/dist/fonts/Eina01-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Eina01-Semi-Bold-Italic';
    font-style: italic;
    font-weight: 600;
    src: url(../../../themes/basework/dist/fonts/Eina01-SemiboldItalic.woff2) format("woff2"),url(../../../themes/basework/dist/fonts/Eina01-SemiboldItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Eina01-Regular-Italic';
    font-style: italic;
    font-weight: 400;
    src: url(../../../themes/basework/dist/fonts/Eina01-RegularItalic.woff2) format("woff2"),url(../../../themes/basework/dist/fonts/Eina01-RegularItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    src: url(../../../themes/basework/dist/fonts/Eina01-SemiBold.woff2) format("woff2"),url(../../../themes/basework/dist/fonts/Eina01-SemiBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Eina01-Light-Italic';
    font-style: italic;
    font-weight: 300;
    src: url(../../../themes/basework/dist/fonts/Eina01-LightItalic.woff2) format("woff2"),url(../../../themes/basework/dist/fonts/Eina01-LightItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Satoshi-Bold';
    font-style: normal;
    font-weight: 700;
    src: url(../../../themes/basework/dist/fonts/Satoshi-Bold.woff2) format("woff2"),url(../../../themes/basework/dist/fonts/Satoshi-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Satoshi-Black';
    font-style: normal;
    font-weight: 700;
    src: url(../../../themes/basework/dist/fonts/Satoshi-Black.woff2) format("woff2"),url(../../../themes/basework/dist/fonts/Satoshi-Black.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Satoshi-Regular';
    font-style: normal;
    font-weight: 400;
    src: url(../../../themes/basework/dist/fonts/Satoshi-Regular.woff2) format("woff2"),url(../../../themes/basework/dist/fonts/Satoshi-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Satoshi-Medium';
    font-style: normal;
    font-weight: 500;
    src: url(../../../themes/basework/dist/fonts/Satoshi-Medium.woff2) format("woff2"),url(../../../themes/basework/dist/fonts/Satoshi-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: 'Satoshi-Light';
    font-style: normal;
    font-weight: 300;
    src: url(../../../themes/basework/dist/fonts/Satoshi-Light.woff2) format("woff2"),url(../../../themes/basework/dist/fonts/Satoshi-Light.woff) format("woff")
}

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

html,body {
    width: 100%;
    height: 100%
}

body {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    padding-top: 116px;
    background-color: #0B0E11 !important;
    -webkit-font-smoothing: antialiased
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    body {
        padding-top:79px
    }
}

body.page-information-active {
    padding-top: 174px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    body.page-information-active {
        padding-top:186px
    }
}

body.page-information-active .levels.academy-list {
    top: 173px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body.page-information-active .levels.academy-list {
        top:186px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    body.page-information-active .levels.academy-list {
        top:144px
    }
}

body.page-information-active.levels-is-scrolled .levels.academy-list {
    top: 158px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body.page-information-active.levels-is-scrolled .levels.academy-list {
        top:186px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    body.page-information-active.levels-is-scrolled .levels.academy-list {
        top:144px
    }
}

body.page-information-active .academy-detail-block-body {
    top: 180px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    body.page-information-active .academy-detail-block-body {
        top:186px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    body.page-information-active .academy-detail-block-body {
        top:144px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    body.page-information-active header .header-contain-item.item-second {
        top:186px;
        height: calc(100% - 186px)
    }
}

body.scroll-off {
    overflow: hidden
}

body.scroll-off header.scroll {
    -webkit-box-shadow: none;
    box-shadow: none
}

*:focus {
    outline: none
}

p,ul,ol,h1,h2,h3,h4,h5,h6 {
    padding: 0;
    margin: 0
}

ul,li {
    list-style: none
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none!important
}

main {
    overflow: hidden
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .sm-md-overflow-none {
        overflow:hidden
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .container {
        max-width:100%!important
    }
}

@media only screen and (min-width: 992px) {
    .container {
        max-width:calc(100% - 100px)!important
    }
}

@media only screen and (min-width: 1100px) {
    .container {
        max-width:calc(100% - 100px)!important
    }
}

@media only screen and (min-width: 1800px) {
    .container {
        max-width:1600px!important
    }
}

@media only screen and (min-width: 2200px) {
    .container {
        max-width:1800px!important
    }
}

main::after {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%;
    height: 750px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(47.18%,#fff),to(rgba(241,242,243,0)));
    background: linear-gradient(180deg,#0B0E11 47.18%,#0B0E11 100%);
    content: ''
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    main::after {
        content:none
    }
}

.fancybox__container {
    z-index: 9999999999!important
}

#trinity-audio-table {
    margin-bottom: 30px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    #trinity-audio-table {
        margin-bottom:20px
    }
}

#trinity-audio-table #trinity-audio-tab {
    padding: 25px 25px 29px;
    border: 1px solid #e1e1e1!important;
    background: #fff;
    border-radius: 12px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    #trinity-audio-table #trinity-audio-tab {
        padding:20px 15px
    }
}

.gform_footer {
    padding: 0!important;
    margin: 0!important
}

.gform_wrapper .gfield_error [aria-invalid='true'] {
    border: 1px solid #ff3d00!important
}

.gform_wrapper .gfield_error label {
    color: #ff3d00!important
}

.gform_wrapper .gfield_validation_message,.gform_wrapper .validation_message {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    padding: 12px 24px 12px 0!important;
    border: none!important;
    background: #fff!important;
    color: #ff3d00!important;
    font-size: 12px!important;
    line-height: 14px!important
}

.gform_drop_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 18px!important;
    border: 1px solid #d9d8e7!important;
    background: #fff!important;
    border-radius: 8px!important
}

.gform_drop_area span {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin-bottom: 0!important;
    color: #585768!important;
    font-size: 12px!important;
    line-height: 18px!important
}

.gform_drop_area button {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    background: none!important;
    color: #fff!important;
    font-size: 12px!important;
    line-height: 18px!important
}

.gform_wrapper .gform_validation_errors {
    border: 1px solid #ff3d00!important;
    background: #fff!important
}

.gform_wrapper .gform_validation_errors>h2 {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #ff3d00!important;
    font-size: 12px!important;
    line-height: 18px!important
}

.gform_wrapper.gravity-theme .gfield_label {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #585768!important;
    font-size: 14px!important;
    line-height: 16px!important
}

.gform_wrapper .gfield_validation_message,.gform_wrapper .validation_message {
    padding: 0!important
}

#validation_message_2_6 {
    display: none!important
}

.gform_fileupload_rules {
    margin-bottom: 28px!important
}

.mc4wp-response .mc4wp-alert p {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    padding-left: 30px;
    margin-top: 16px;
    color: #fff;
    font-size: 14px
}

.gfield_required {
    display: none!important
}

.holding-detail-template-default footer .footer-contain .footer-contain-item.item-first {
    border-top: none
}

.trinity-player-iframe-wrapper .trinity-iframe.trinity-player.loaded.fab-view {
    display: none!important
}

body>main>section.blog-list>div>div>div>div>div:nth-child(1) {
    display: none
}

#academyDetailAccordion #accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#academyDetailAccordion #accordion .finance-card {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

#academyDetailAccordion #accordion .beginner-card {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

#academyDetailAccordion #accordion .intermediate-level-card {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

#academyDetailAccordion #accordion .advanced-card {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.postid-7393 .blog-list {
    display: none
}

.page-id-7703 p {
    margin-bottom: 10px!important
}

.page-id-7703 h1 {
    color: #fff!important
}

.page-id-7713 p {
    margin-bottom: 10px!important
}

.page-id-7713 h1 {
    color: #fff!important
}

.rank-math-breadcrumb span svg {
    -webkit-transform: translateY(1.5px)!important;
    transform: translateY(1.5px)!important
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.container,.container-fluid,.container-sm,.container-md,.container-lg,.container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-sm,.container-md {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-sm,.container-md,.container-lg {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-sm,.container-md,.container-lg,.container-xl {
        max-width:1140px
    }
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.row-cols-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.row-cols-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.row-cols-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.row-cols-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.row-cols-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.row-cols-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size:0;
        flex-basis: 0%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-sm-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-sm-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-sm-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-sm-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-sm-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-sm-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size:0;
        flex-basis: 0%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-md-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-md-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-md-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-md-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-md-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-md-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size:0;
        flex-basis: 0%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-lg-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-lg-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-lg-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-lg-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-lg-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-lg-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size:0;
        flex-basis: 0%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .row-cols-xl-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .row-cols-xl-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .row-cols-xl-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .row-cols-xl-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .row-cols-xl-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .row-cols-xl-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

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

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

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

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

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

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

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

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

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

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

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

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

.fade {
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        -webkit-transition: none;
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        -webkit-transition: none;
        transition: none
    }
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.nav-link:hover,.nav-link:focus {
    text-decoration: none
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-link.active,.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    border-radius: .25rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff
}

.nav-fill>.nav-link,.nav-fill .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified>.nav-link,.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

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

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.bg-primary {
    background-color: #007bff!important
}

a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus {
    background-color: #0062cc!important
}

.bg-secondary {
    background-color: #6c757d!important
}

a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus {
    background-color: #545b62!important
}

.bg-success {
    background-color: #28a745!important
}

a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus {
    background-color: #1e7e34!important
}

.bg-info {
    background-color: #17a2b8!important
}

a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus {
    background-color: #117a8b!important
}

.bg-warning {
    background-color: #ffc107!important
}

a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus {
    background-color: #d39e00!important
}

.bg-danger {
    background-color: #dc3545!important
}

a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus {
    background-color: #bd2130!important
}

.bg-light {
    background-color: #f8f9fa!important
}

a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus {
    background-color: #dae0e5!important
}

.bg-dark {
    background-color: #343a40!important
}

a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus {
    background-color: #1d2124!important
}

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

.bg-transparent {
    background-color: transparent!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-right {
    border-right: 1px solid #dee2e6!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-left {
    border-left: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

.border-right-0 {
    border-right: 0!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-left-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #007bff!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #28a745!important
}

.border-info {
    border-color: #17a2b8!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #343a40!important
}

.border-white {
    border-color: #fff!important
}

.rounded-sm {
    border-radius: .2rem!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}

.rounded-right {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-lg {
    border-radius: .3rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-0 {
    border-radius: 0!important
}

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

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width: 576px) {
    .d-sm-none {
        display:none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display:none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display:none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display:none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

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

.embed-responsive-21by9::before {
    padding-top: 42.85714%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    -webkit-box-flex: 1!important;
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important
}

.flex-grow-0 {
    -webkit-box-flex: 0!important;
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -webkit-box-flex: 1!important;
    -ms-flex-positive: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important
}

.flex-shrink-1 {
    -ms-flex-negative: 1!important;
    flex-shrink: 1!important
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-sm-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-sm-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-sm-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-sm-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-md-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-md-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-md-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-md-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-md-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-md-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-lg-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-lg-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-lg-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-lg-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .flex-xl-fill {
        -webkit-box-flex: 1!important;
        -ms-flex: 1 1 auto!important;
        flex: 1 1 auto!important
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0!important;
        -ms-flex-positive: 0!important;
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1!important;
        -ms-flex-positive: 1!important;
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0!important;
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1!important;
        flex-shrink: 1!important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-xl-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-xl-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-xl-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

@media (min-width: 576px) {
    .float-sm-left {
        float:left!important
    }

    .float-sm-right {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float:left!important
    }

    .float-md-right {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float:left!important
    }

    .float-lg-right {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float:left!important
    }

    .float-xl-right {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }
}

.user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    -ms-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    -ms-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports (position: sticky) {
    .sticky-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.shadow-sm {
    -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
}

.shadow {
    -webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
}

.shadow-none {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.vw-100 {
    width: 100vw!important
}

.vh-100 {
    height: 100vh!important
}

.m-0 {
    margin: 0!important
}

.mt-0,.my-0 {
    margin-top: 0!important
}

.mr-0,.mx-0 {
    margin-right: 0!important
}

.mb-0,.my-0 {
    margin-bottom: 0!important
}

.ml-0,.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,.my-1 {
    margin-top: .25rem!important
}

.mr-1,.mx-1 {
    margin-right: .25rem!important
}

.mb-1,.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,.my-2 {
    margin-top: .5rem!important
}

.mr-2,.mx-2 {
    margin-right: .5rem!important
}

.mb-2,.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,.my-3 {
    margin-top: 1rem!important
}

.mr-3,.mx-3 {
    margin-right: 1rem!important
}

.mb-3,.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,.my-5 {
    margin-top: 3rem!important
}

.mr-5,.mx-5 {
    margin-right: 3rem!important
}

.mb-5,.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,.py-0 {
    padding-top: 0!important
}

.pr-0,.px-0 {
    padding-right: 0!important
}

.pb-0,.py-0 {
    padding-bottom: 0!important
}

.pl-0,.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,.py-1 {
    padding-top: .25rem!important
}

.pr-1,.px-1 {
    padding-right: .25rem!important
}

.pb-1,.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,.py-2 {
    padding-top: .5rem!important
}

.pr-2,.px-2 {
    padding-right: .5rem!important
}

.pb-2,.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,.py-3 {
    padding-top: 1rem!important
}

.pr-3,.px-3 {
    padding-right: 1rem!important
}

.pb-3,.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,.py-5 {
    padding-top: 3rem!important
}

.pr-5,.px-5 {
    padding-right: 3rem!important
}

.pb-5,.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,.px-5 {
    padding-left: 3rem!important
}

.m-n1 {
    margin: -.25rem!important
}

.mt-n1,.my-n1 {
    margin-top: -.25rem!important
}

.mr-n1,.mx-n1 {
    margin-right: -.25rem!important
}

.mb-n1,.my-n1 {
    margin-bottom: -.25rem!important
}

.ml-n1,.mx-n1 {
    margin-left: -.25rem!important
}

.m-n2 {
    margin: -.5rem!important
}

.mt-n2,.my-n2 {
    margin-top: -.5rem!important
}

.mr-n2,.mx-n2 {
    margin-right: -.5rem!important
}

.mb-n2,.my-n2 {
    margin-bottom: -.5rem!important
}

.ml-n2,.mx-n2 {
    margin-left: -.5rem!important
}

.m-n3 {
    margin: -1rem!important
}

.mt-n3,.my-n3 {
    margin-top: -1rem!important
}

.mr-n3,.mx-n3 {
    margin-right: -1rem!important
}

.mb-n3,.my-n3 {
    margin-bottom: -1rem!important
}

.ml-n3,.mx-n3 {
    margin-left: -1rem!important
}

.m-n4 {
    margin: -1.5rem!important
}

.mt-n4,.my-n4 {
    margin-top: -1.5rem!important
}

.mr-n4,.mx-n4 {
    margin-right: -1.5rem!important
}

.mb-n4,.my-n4 {
    margin-bottom: -1.5rem!important
}

.ml-n4,.mx-n4 {
    margin-left: -1.5rem!important
}

.m-n5 {
    margin: -3rem!important
}

.mt-n5,.my-n5 {
    margin-top: -3rem!important
}

.mr-n5,.mx-n5 {
    margin-right: -3rem!important
}

.mb-n5,.my-n5 {
    margin-bottom: -3rem!important
}

.ml-n5,.mx-n5 {
    margin-left: -3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,.my-auto {
    margin-top: auto!important
}

.mr-auto,.mx-auto {
    margin-right: auto!important
}

.mb-auto,.my-auto {
    margin-bottom: auto!important
}

.ml-auto,.mx-auto {
    margin-left: auto!important
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin:0!important
    }

    .mt-sm-0,.my-sm-0 {
        margin-top: 0!important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0!important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0!important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: .25rem!important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: .25rem!important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: .25rem!important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: .5rem!important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: .5rem!important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: .5rem!important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 1rem!important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 1rem!important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 1rem!important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 1.5rem!important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 1.5rem!important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 3rem!important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 3rem!important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 3rem!important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 3rem!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0!important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0!important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0!important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: .25rem!important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: .25rem!important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: .25rem!important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: .5rem!important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: .5rem!important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: .5rem!important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 1rem!important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 1rem!important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 1rem!important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 1.5rem!important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 1.5rem!important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 3rem!important
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 3rem!important
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 3rem!important
    }

    .m-sm-n1 {
        margin: -.25rem!important
    }

    .mt-sm-n1,.my-sm-n1 {
        margin-top: -.25rem!important
    }

    .mr-sm-n1,.mx-sm-n1 {
        margin-right: -.25rem!important
    }

    .mb-sm-n1,.my-sm-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-sm-n1,.mx-sm-n1 {
        margin-left: -.25rem!important
    }

    .m-sm-n2 {
        margin: -.5rem!important
    }

    .mt-sm-n2,.my-sm-n2 {
        margin-top: -.5rem!important
    }

    .mr-sm-n2,.mx-sm-n2 {
        margin-right: -.5rem!important
    }

    .mb-sm-n2,.my-sm-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-sm-n2,.mx-sm-n2 {
        margin-left: -.5rem!important
    }

    .m-sm-n3 {
        margin: -1rem!important
    }

    .mt-sm-n3,.my-sm-n3 {
        margin-top: -1rem!important
    }

    .mr-sm-n3,.mx-sm-n3 {
        margin-right: -1rem!important
    }

    .mb-sm-n3,.my-sm-n3 {
        margin-bottom: -1rem!important
    }

    .ml-sm-n3,.mx-sm-n3 {
        margin-left: -1rem!important
    }

    .m-sm-n4 {
        margin: -1.5rem!important
    }

    .mt-sm-n4,.my-sm-n4 {
        margin-top: -1.5rem!important
    }

    .mr-sm-n4,.mx-sm-n4 {
        margin-right: -1.5rem!important
    }

    .mb-sm-n4,.my-sm-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-sm-n4,.mx-sm-n4 {
        margin-left: -1.5rem!important
    }

    .m-sm-n5 {
        margin: -3rem!important
    }

    .mt-sm-n5,.my-sm-n5 {
        margin-top: -3rem!important
    }

    .mr-sm-n5,.mx-sm-n5 {
        margin-right: -3rem!important
    }

    .mb-sm-n5,.my-sm-n5 {
        margin-bottom: -3rem!important
    }

    .ml-sm-n5,.mx-sm-n5 {
        margin-left: -3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto!important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto!important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto!important
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin:0!important
    }

    .mt-md-0,.my-md-0 {
        margin-top: 0!important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0!important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0!important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .mt-md-1,.my-md-1 {
        margin-top: .25rem!important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: .25rem!important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: .25rem!important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .mt-md-2,.my-md-2 {
        margin-top: .5rem!important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: .5rem!important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: .5rem!important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 1rem!important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 1rem!important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 1rem!important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 1.5rem!important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 1.5rem!important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 3rem!important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 3rem!important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 3rem!important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 3rem!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0!important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0!important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0!important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .pt-md-1,.py-md-1 {
        padding-top: .25rem!important
    }

    .pr-md-1,.px-md-1 {
        padding-right: .25rem!important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: .25rem!important
    }

    .pl-md-1,.px-md-1 {
        padding-left: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .pt-md-2,.py-md-2 {
        padding-top: .5rem!important
    }

    .pr-md-2,.px-md-2 {
        padding-right: .5rem!important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: .5rem!important
    }

    .pl-md-2,.px-md-2 {
        padding-left: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 1rem!important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 1rem!important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 1rem!important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 1.5rem!important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 1.5rem!important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 3rem!important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 3rem!important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 3rem!important
    }

    .m-md-n1 {
        margin: -.25rem!important
    }

    .mt-md-n1,.my-md-n1 {
        margin-top: -.25rem!important
    }

    .mr-md-n1,.mx-md-n1 {
        margin-right: -.25rem!important
    }

    .mb-md-n1,.my-md-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-md-n1,.mx-md-n1 {
        margin-left: -.25rem!important
    }

    .m-md-n2 {
        margin: -.5rem!important
    }

    .mt-md-n2,.my-md-n2 {
        margin-top: -.5rem!important
    }

    .mr-md-n2,.mx-md-n2 {
        margin-right: -.5rem!important
    }

    .mb-md-n2,.my-md-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-md-n2,.mx-md-n2 {
        margin-left: -.5rem!important
    }

    .m-md-n3 {
        margin: -1rem!important
    }

    .mt-md-n3,.my-md-n3 {
        margin-top: -1rem!important
    }

    .mr-md-n3,.mx-md-n3 {
        margin-right: -1rem!important
    }

    .mb-md-n3,.my-md-n3 {
        margin-bottom: -1rem!important
    }

    .ml-md-n3,.mx-md-n3 {
        margin-left: -1rem!important
    }

    .m-md-n4 {
        margin: -1.5rem!important
    }

    .mt-md-n4,.my-md-n4 {
        margin-top: -1.5rem!important
    }

    .mr-md-n4,.mx-md-n4 {
        margin-right: -1.5rem!important
    }

    .mb-md-n4,.my-md-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-md-n4,.mx-md-n4 {
        margin-left: -1.5rem!important
    }

    .m-md-n5 {
        margin: -3rem!important
    }

    .mt-md-n5,.my-md-n5 {
        margin-top: -3rem!important
    }

    .mr-md-n5,.mx-md-n5 {
        margin-right: -3rem!important
    }

    .mb-md-n5,.my-md-n5 {
        margin-bottom: -3rem!important
    }

    .ml-md-n5,.mx-md-n5 {
        margin-left: -3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto!important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto!important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto!important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto!important
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin:0!important
    }

    .mt-lg-0,.my-lg-0 {
        margin-top: 0!important
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0!important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0!important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: .25rem!important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: .25rem!important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: .25rem!important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: .5rem!important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: .5rem!important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: .5rem!important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 1rem!important
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 1rem!important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 1rem!important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 1.5rem!important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 1.5rem!important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 3rem!important
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 3rem!important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 3rem!important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 3rem!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0!important
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0!important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0!important
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: .25rem!important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: .25rem!important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: .25rem!important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: .5rem!important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: .5rem!important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: .5rem!important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 1rem!important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 1rem!important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 1rem!important
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 1.5rem!important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 1.5rem!important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 3rem!important
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 3rem!important
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 3rem!important
    }

    .m-lg-n1 {
        margin: -.25rem!important
    }

    .mt-lg-n1,.my-lg-n1 {
        margin-top: -.25rem!important
    }

    .mr-lg-n1,.mx-lg-n1 {
        margin-right: -.25rem!important
    }

    .mb-lg-n1,.my-lg-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-lg-n1,.mx-lg-n1 {
        margin-left: -.25rem!important
    }

    .m-lg-n2 {
        margin: -.5rem!important
    }

    .mt-lg-n2,.my-lg-n2 {
        margin-top: -.5rem!important
    }

    .mr-lg-n2,.mx-lg-n2 {
        margin-right: -.5rem!important
    }

    .mb-lg-n2,.my-lg-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-lg-n2,.mx-lg-n2 {
        margin-left: -.5rem!important
    }

    .m-lg-n3 {
        margin: -1rem!important
    }

    .mt-lg-n3,.my-lg-n3 {
        margin-top: -1rem!important
    }

    .mr-lg-n3,.mx-lg-n3 {
        margin-right: -1rem!important
    }

    .mb-lg-n3,.my-lg-n3 {
        margin-bottom: -1rem!important
    }

    .ml-lg-n3,.mx-lg-n3 {
        margin-left: -1rem!important
    }

    .m-lg-n4 {
        margin: -1.5rem!important
    }

    .mt-lg-n4,.my-lg-n4 {
        margin-top: -1.5rem!important
    }

    .mr-lg-n4,.mx-lg-n4 {
        margin-right: -1.5rem!important
    }

    .mb-lg-n4,.my-lg-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-lg-n4,.mx-lg-n4 {
        margin-left: -1.5rem!important
    }

    .m-lg-n5 {
        margin: -3rem!important
    }

    .mt-lg-n5,.my-lg-n5 {
        margin-top: -3rem!important
    }

    .mr-lg-n5,.mx-lg-n5 {
        margin-right: -3rem!important
    }

    .mb-lg-n5,.my-lg-n5 {
        margin-bottom: -3rem!important
    }

    .ml-lg-n5,.mx-lg-n5 {
        margin-left: -3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto!important
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto!important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto!important
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin:0!important
    }

    .mt-xl-0,.my-xl-0 {
        margin-top: 0!important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0!important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0!important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: .25rem!important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: .25rem!important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: .25rem!important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: .5rem!important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: .5rem!important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: .5rem!important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 1rem!important
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 1rem!important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 1rem!important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 1.5rem!important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 1.5rem!important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 3rem!important
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 3rem!important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 3rem!important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 3rem!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0!important
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0!important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0!important
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: .25rem!important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: .25rem!important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: .25rem!important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: .5rem!important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: .5rem!important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: .5rem!important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 1rem!important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 1rem!important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 1rem!important
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 1.5rem!important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 1.5rem!important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 3rem!important
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 3rem!important
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 3rem!important
    }

    .m-xl-n1 {
        margin: -.25rem!important
    }

    .mt-xl-n1,.my-xl-n1 {
        margin-top: -.25rem!important
    }

    .mr-xl-n1,.mx-xl-n1 {
        margin-right: -.25rem!important
    }

    .mb-xl-n1,.my-xl-n1 {
        margin-bottom: -.25rem!important
    }

    .ml-xl-n1,.mx-xl-n1 {
        margin-left: -.25rem!important
    }

    .m-xl-n2 {
        margin: -.5rem!important
    }

    .mt-xl-n2,.my-xl-n2 {
        margin-top: -.5rem!important
    }

    .mr-xl-n2,.mx-xl-n2 {
        margin-right: -.5rem!important
    }

    .mb-xl-n2,.my-xl-n2 {
        margin-bottom: -.5rem!important
    }

    .ml-xl-n2,.mx-xl-n2 {
        margin-left: -.5rem!important
    }

    .m-xl-n3 {
        margin: -1rem!important
    }

    .mt-xl-n3,.my-xl-n3 {
        margin-top: -1rem!important
    }

    .mr-xl-n3,.mx-xl-n3 {
        margin-right: -1rem!important
    }

    .mb-xl-n3,.my-xl-n3 {
        margin-bottom: -1rem!important
    }

    .ml-xl-n3,.mx-xl-n3 {
        margin-left: -1rem!important
    }

    .m-xl-n4 {
        margin: -1.5rem!important
    }

    .mt-xl-n4,.my-xl-n4 {
        margin-top: -1.5rem!important
    }

    .mr-xl-n4,.mx-xl-n4 {
        margin-right: -1.5rem!important
    }

    .mb-xl-n4,.my-xl-n4 {
        margin-bottom: -1.5rem!important
    }

    .ml-xl-n4,.mx-xl-n4 {
        margin-left: -1.5rem!important
    }

    .m-xl-n5 {
        margin: -3rem!important
    }

    .mt-xl-n5,.my-xl-n5 {
        margin-top: -3rem!important
    }

    .mr-xl-n5,.mx-xl-n5 {
        margin-right: -3rem!important
    }

    .mb-xl-n5,.my-xl-n5 {
        margin-bottom: -3rem!important
    }

    .ml-xl-n5,.mx-xl-n5 {
        margin-left: -3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto!important
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto!important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto!important
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0)
}

.text-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important
}

.text-justify {
    text-align: justify!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

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

@media (min-width: 576px) {
    .text-sm-left {
        text-align:left!important
    }

    .text-sm-right {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align:left!important
    }

    .text-md-right {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align:left!important
    }

    .text-lg-right {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align:left!important
    }

    .text-xl-right {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.font-weight-light {
    font-weight: 300!important
}

.font-weight-lighter {
    font-weight: lighter!important
}

.font-weight-normal {
    font-weight: 400!important
}

.font-weight-bold {
    font-weight: 700!important
}

.font-weight-bolder {
    font-weight: bolder!important
}

.font-italic {
    font-style: italic!important
}

.text-white {
    color: #fff!important
}

.text-primary {
    color: #007bff!important
}

a.text-primary:hover,a.text-primary:focus {
    color: #0056b3!important
}

.text-secondary {
    color: #6c757d!important
}

a.text-secondary:hover,a.text-secondary:focus {
    color: #494f54!important
}

.text-success {
    color: #28a745!important
}

a.text-success:hover,a.text-success:focus {
    color: #19692c!important
}

.text-info {
    color: #17a2b8!important
}

a.text-info:hover,a.text-info:focus {
    color: #0f6674!important
}

.text-warning {
    color: #ffc107!important
}

a.text-warning:hover,a.text-warning:focus {
    color: #ba8b00!important
}

.text-danger {
    color: #dc3545!important
}

a.text-danger:hover,a.text-danger:focus {
    color: #a71d2a!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:hover,a.text-light:focus {
    color: #cbd3da!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:hover,a.text-dark:focus {
    color: #121416!important
}

.text-body {
    color: #212529!important
}

.text-muted {
    color: #6c757d!important
}

.text-black-50 {
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    color: rgba(255,255,255,.5)!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.text-decoration-none {
    text-decoration: none!important
}

.text-break {
    word-break: break-word!important;
    word-wrap: break-word!important
}

.text-reset {
    color: inherit!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    position: absolute!important;
    top: -9999px;
    left: -9999px;
    margin: 0;
    visibility: hidden
}

.fancybox-container {
    position: fixed;
    z-index: 99992;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47,0,.74,.71);
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22,.61,.36,1);
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button {
    position: absolute;
    z-index: 99997;
    direction: ltr;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease,visibility 0s ease 0.25s;
    transition: opacity 0.25s ease,visibility 0s ease 0.25s;
    visibility: hidden
}

.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    -webkit-transition: opacity 0.25s ease 0s,visibility 0s ease 0s;
    transition: opacity 0.25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    top: 0;
    left: 0;
    min-width: 44px;
    height: 44px;
    padding: 0 10px;
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 44px;
    mix-blend-mode: difference;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
    user-select: none
}

.fancybox-toolbar {
    top: 0;
    right: 0
}

.fancybox-stage {
    z-index: 99994;
    overflow: visible;
    direction: ltr;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    position: absolute;
    z-index: 99994;
    top: 0;
    left: 0;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: none;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal
}

.fancybox-slide::before {
    display: inline-block;
    width: 0;
    height: 100%;
    content: '';
    font-size: 0;
    vertical-align: middle
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    position: relative;
    display: inline-block;
    overflow: auto;
    max-width: 100%;
    padding: 44px;
    margin: 0;
    background: #fff;
    -webkit-overflow-scrolling: touch;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    position: absolute;
    z-index: 99995;
    top: 0;
    left: 0;
    overflow: visible;
    max-width: none;
    padding: 0;
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
    user-select: none
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable='true'] {
    cursor: text
}

.fancybox-image,.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    padding: 0;
    border: 0;
    margin: 0;
    background: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
    user-select: none
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content {
    overflow: visible;
    width: 100%;
    height: 100%;
    padding: 0
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-video,.fancybox-iframe {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    background: transparent
}

.fancybox-iframe {
    position: absolute;
    top: 0;
    left: 0
}

.fancybox-error {
    width: 100%;
    max-width: 400px;
    padding: 40px;
    background: #fff;
    cursor: default
}

.fancybox-error p {
    padding: 0;
    margin: 0;
    color: #444;
    font-size: 16px;
    line-height: 20px
}

.fancybox-button {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 44px;
    padding: 10px;
    border: 0;
    margin: 0;
    background: rgba(30,30,30,.6);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    vertical-align: top;
    visibility: inherit
}

.fancybox-button,.fancybox-button:visited,.fancybox-button:link {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    position: relative;
    display: block;
    overflow: visible;
    width: 100%;
    height: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2) {
    display: none
}

.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    position: absolute;
    z-index: 99998;
    top: 0;
    right: 0;
    left: 0;
    height: 2px;
    background: #ff5268;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.fancybox-close-small {
    position: absolute;
    z-index: 401;
    top: -44px;
    right: -12px;
    padding: 8px;
    border: 0;
    background: transparent;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    top: 0;
    right: 0;
    padding: 10px;
    color: currentColor
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
    height: 100px;
    background-clip: content-box;
    opacity: 0
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 0;
    right: env(safe-area-inset-right);
    padding: 31px 6px 31px 26px
}

.fancybox-caption {
    z-index: 99996;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 75px 44px 25px;
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.85)),color-stop(50%,rgba(0,0,0,.3)),color-stop(65%,rgba(0,0,0,.15)),color-stop(75.5%,rgba(0,0,0,.075)),color-stop(82.85%,rgba(0,0,0,.037)),color-stop(88%,rgba(0,0,0,.019)),to(rgba(0,0,0,0)));
    background: linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    pointer-events: none;
    text-align: center
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    overflow: auto;
    max-height: 50vh;
    pointer-events: all
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    position: absolute;
    z-index: 99999;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    padding: 0;
    border: 4px solid #888;
    margin: -25px 0 0 -25px;
    -webkit-animation: fancybox-rotate 1s linear infinite;
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border-bottom-color: #fff;
    border-radius: 50%;
    opacity: .7
}

@-webkit-keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1) translate3d(0,0,0);
    transform: scale3d(1,1,1) translate3d(0,0,0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0,0,0) scale(1);
    transform: translate3d(0,0,0) scale(1)
}

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-right:6px;
        padding-left: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        top: 0;
        right: 0;
        width: 36px;
        height: 36px;
        padding: 6px;
        background: #4e4e4e;
        color: #f2f4f6;
        opacity: 1
    }

    .fancybox-caption {
        padding-right: 12px;
        padding-left: 12px
    }
}

.fancybox-share {
    max-width: 90%;
    padding: 30px;
    background: #f4f4f4;
    border-radius: 3px;
    text-align: center
}

.fancybox-share h1 {
    margin: 0 0 20px;
    color: #222;
    font-size: 35px;
    font-weight: 700
}

.fancybox-share p {
    padding: 0;
    margin: 0
}

.fancybox-share__button {
    display: inline-block;
    min-width: 130px;
    padding: 0 15px;
    border: 0;
    margin: 0 5px 10px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:visited,.fancybox-share__button:link {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    position: relative;
    top: -1px;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    vertical-align: middle
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    width: 100%;
    padding: 10px 15px;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    margin: 10px 0 0;
    background: transparent;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    outline: none
}

.fancybox-thumbs {
    position: absolute;
    z-index: 99995;
    top: 0;
    right: 0;
    bottom: 0;
    display: none;
    width: 212px;
    padding: 2px 2px 4px;
    margin: 0;
    background: #ddd;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 0;
    list-style: none;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: nowrap
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    position: relative;
    overflow: hidden;
    width: 100px;
    max-width: calc(50% - 4px);
    height: 75px;
    max-height: calc(100% - 8px);
    padding: 0;
    margin: 2px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    outline: none;
    -webkit-tap-highlight-color: transparent
}

.fancybox-thumbs__list a::before {
    position: absolute;
    z-index: 99991;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 6px solid #ff5268;
    content: '';
    opacity: 0;
    -webkit-transition: all 0.2s cubic-bezier(.25,.46,.45,.94);
    transition: all 0.2s cubic-bezier(.25,.46,.45,.94)
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.fancybox-toolbar {
    display: none!important
}

.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../../../themes/basework/dist/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.1s ease;
    transition: -webkit-transform 0.1s ease;
    transition: transform 0.1s ease;
    transition: transform 0.1s ease,-webkit-transform 0.1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*="owl-"] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #dbe2e8;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: #dc3545;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom:1;*display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #dbe2e8;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #dc3545
}

.responsively-lazy:not(img) {
    position: relative;
    height: 0
}

.responsively-lazy:not(img)>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

img.responsively-lazy {
    width: 100%
}

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter,div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto!important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    40% {
        opacity: .3
    }

    60% {
        opacity: .5
    }

    80% {
        opacity: .9
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    40% {
        opacity: .3
    }

    60% {
        opacity: .5
    }

    80% {
        opacity: .9
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    40% {
        opacity: .3
    }

    60% {
        opacity: .5
    }

    80% {
        opacity: .9
    }

    100% {
        opacity: 1
    }
}

.fadeInUp-scroll {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.fadeInUp-scroll[data-position*='left-to-right'] {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

.fadeInUp-scroll[data-position*='right-to-left'] {
    -webkit-transform: translateX(50px);
    transform: translateX(50px)
}

.fadeInUp-scroll[data-position*='top-to-bottom'] {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

.fadeInUp-scroll[data-position*='bottom-to-top'] {
    -webkit-transform: translateY(50px);
    transform: translateY(50px)
}

.fadeInUp-scroll.visible {
    opacity: 1!important;
    -webkit-transform: translateY(0)!important;
    transform: translateY(0)!important;
    -webkit-transition: opacity 0.8s,-webkit-transform 0.8s;
    transition: opacity 0.8s,-webkit-transform 0.8s;
    transition: transform 0.8s,opacity 0.8s;
    transition: transform 0.8s,opacity 0.8s,-webkit-transform 0.8s
}

.fadeInUp-scroll.visible[data-position*='left-to-right'],.fadeInUp-scroll.visible[data-position*='right-to-left'] {
    -webkit-transform: translateX(0)!important;
    transform: translateX(0)!important
}

.scale-scroll {
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.scale-scroll.visible {
    opacity: 1!important;
    -webkit-transform: scale(1)!important;
    transform: scale(1)!important;
    -webkit-transition: all 1s;
    transition: all 1s
}

.image-animation {
    position: relative;
    overflow: hidden
}

.image-animation::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    -webkit-transition: left 600ms cubic-bezier(.835,.015,.245,.995) 0s;
    transition: left 600ms cubic-bezier(.835,.015,.245,.995) 0s
}

.image-animation::after {
    content: '';
    height: 100%;
    width: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(247,247,249,.95)
}

.image-animation.animate::before {
    left: 100%
}

@-webkit-keyframes image-animation {
    from {
        background-color: #fff
    }

    to {
        background-color: transparent
    }
}

@keyframes image-animation {
    from {
        background-color: #fff
    }

    to {
        background-color: transparent
    }
}

@-webkit-keyframes image-animation-filter {
    0% {
        width: 0
    }

    50% {
        width: 100%
    }
}

@keyframes image-animation-filter {
    0% {
        width: 0
    }

    50% {
        width: 100%
    }
}

.text-title-animation span {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 300ms opacity,300ms visibility;
    transition: 300ms opacity,300ms visibility
}

.text-title-animation span.show {
    opacity: 1;
    visibility: visible
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

hr {
    overflow: visible;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

a {
    background-color: transparent
}

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

b,strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

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

legend {
    display: table;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.no-horizontal-padding {
    padding-right: 0;
    padding-left: 0
}

.career-hero {
    padding-top: 240px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(47.18%,rgba(145,62,240,.05)),to(rgba(241,242,243,0)));
    background: linear-gradient(180deg,rgba(145,62,240,.05) 47.18%,rgba(241,242,243,0) 100%)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .career-hero {
        padding-top:229px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .career-hero {
        padding-top:280px
    }
}

.career-hero-head {
    padding-bottom: 55px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .career-hero-head {
        padding-bottom:23px
    }
}

.career-hero-head-title,.career-hero-head-title h1,.career-hero-head-title h2,.career-hero-head-title h3,.career-hero-head-title h4,.career-hero-head-title h5,.career-hero-head-title h6 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 24px;
    color: #fff;
    font-size: 100px;
    letter-spacing: -.02em;
    line-height: 136px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .career-hero-head-title,.career-hero-head-title h1,.career-hero-head-title h2,.career-hero-head-title h3,.career-hero-head-title h4,.career-hero-head-title h5,.career-hero-head-title h6 {
        font-size:40px;
        line-height: 54.52px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .career-hero-head-title,.career-hero-head-title h1,.career-hero-head-title h2,.career-hero-head-title h3,.career-hero-head-title h4,.career-hero-head-title h5,.career-hero-head-title h6 {
        font-size:80px
    }
}

.career-hero-head-text,.career-hero-head-text p {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 60px;
    color: #585768;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 36px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .career-hero-head-text,.career-hero-head-text p {
        margin-bottom:40px;
        font-size: 16px;
        line-height: 28px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .career-hero-head-text,.career-hero-head-text p {
        font-size:20px;
        line-height: 28px
    }
}

.career-hero-head-button a {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    display: inline-block;
    padding: 19px 30px 20px 30px;
    background-color: #913ef0;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 21.81px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .career-hero-head-button a {
        padding:14.5px 24px;
        border-radius: 30px;
        font-size: 14px;
        line-height: 19px
    }
}

.career-hero-animation {
    position: relative;
    height: 558px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    padding: 0 15px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .career-hero-animation {
        height:250px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.career-hero-animation-left-content {
    left: 0
}

.career-hero-animation-left-content .career-hero-animation-item:nth-child(1) {
    top: 0;
    right: 65px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .career-hero-animation-left-content .career-hero-animation-item:nth-child(1) {
        top:139px;
        right: -71.63px
    }

    .career-hero-animation-left-content .career-hero-animation-item:nth-child(1) img {
        width: 44.36px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .career-hero-animation-left-content .career-hero-animation-item:nth-child(1) {
        right:30px
    }
}

.career-hero-animation-left-content .career-hero-animation-item:nth-child(2) {
    top: 96px;
    left: -69px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .career-hero-animation-left-content .career-hero-animation-item:nth-child(2) {
        top:13px;
        left: -22px
    }

    .career-hero-animation-left-content .career-hero-animation-item:nth-child(2) img {
        width: 72.09px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .career-hero-animation-left-content .career-hero-animation-item:nth-child(2) {
        left:-22px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .career-hero-animation-left-content .career-hero-animation-item:nth-child(2) {
        left:-16px
    }
}

@media only screen and (min-width: 992px) and (max-width:1530px) {
    .career-hero-animation-left-content .career-hero-animation-item:nth-child(2) {
        left:0
    }
}

.career-hero-animation-left-content .career-hero-animation-item:nth-child(3) {
    top: 243px;
    right: 85px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .career-hero-animation-left-content .career-hero-animation-item:nth-child(3) {
        top:169px;
        right: inherit;
        left: -9px
    }

    .career-hero-animation-left-content .career-hero-animation-item:nth-child(3) img {
        width: 49.91px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .career-hero-animation-left-content .career-hero-animation-item:nth-child(3) {
        right:50px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .career-hero-animation-left-content .career-hero-animation-item:nth-child(3) {
        right:40px
    }
}

.career-hero-animation-left-content .career-hero-animation-item:nth-child(4) {
    top: 415px;
    left: 43px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .career-hero-animation-left-content .career-hero-animation-item:nth-child(4) {
        top:inherit;
        bottom: 0;
        left: 127px
    }

    .career-hero-animation-left-content .career-hero-animation-item:nth-child(4) img {
        width: 38.82px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .career-hero-animation-left-content .career-hero-animation-item:nth-child(4) {
        left:-44px
    }
}

.career-hero-animation-left-content .career-hero-animation-item:nth-child(5) {
    right: 38px;
    bottom: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .career-hero-animation-left-content .career-hero-animation-item:nth-child(5) {
        bottom:-20px;
        left: 251px
    }

    .career-hero-animation-left-content .career-hero-animation-item:nth-child(5) img {
        width: 55.46px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .career-hero-animation-left-content .career-hero-animation-item:nth-child(5) {
        right:0
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .career-hero-animation-left-content .career-hero-animation-item:nth-child(5) {
        right:-24px
    }
}

.career-hero-animation-right-content {
    right: 0
}

.career-hero-animation-right-content .career-hero-animation-item:nth-child(1) {
    top: 0;
    right: -49px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .career-hero-animation-right-content .career-hero-animation-item:nth-child(1) {
        top:108px;
        right: 120%
    }

    .career-hero-animation-right-content .career-hero-animation-item:nth-child(1) img {
        width: 61px
    }
}

@media only screen and (min-width: 992px) and (max-width:1530px) {
    .career-hero-animation-right-content .career-hero-animation-item:nth-child(1) {
        right:0
    }
}

.career-hero-animation-right-content .career-hero-animation-item:nth-child(2) {
    top: 91px;
    left: 34px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .career-hero-animation-right-content .career-hero-animation-item:nth-child(2) {
        top:66px;
        right: 90px;
        left: inherit
    }

    .career-hero-animation-right-content .career-hero-animation-item:nth-child(2) img {
        width: 38.82px
    }
}

.career-hero-animation-right-content .career-hero-animation-item:nth-child(3) {
    top: 220px;
    right: 71px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .career-hero-animation-right-content .career-hero-animation-item:nth-child(3) {
        top:0;
        right: -7px
    }

    .career-hero-animation-right-content .career-hero-animation-item:nth-child(3) img {
        width: 58.09px
    }
}

.career-hero-animation-right-content .career-hero-animation-item:nth-child(4) {
    bottom: 56px;
    left: -12px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .career-hero-animation-right-content .career-hero-animation-item:nth-child(4) {
        top:46px;
        right: 185px;
        bottom: inherit;
        left: inherit
    }

    .career-hero-animation-right-content .career-hero-animation-item:nth-child(4) img {
        width: 38.82px
    }
}

.career-hero-animation-right-content .career-hero-animation-item:nth-child(5) {
    right: -5px;
    bottom: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .career-hero-animation-right-content .career-hero-animation-item:nth-child(5) {
        top:114px;
        right: 0;
        bottom: inherit
    }

    .career-hero-animation-right-content .career-hero-animation-item:nth-child(5) img {
        width: 49.91px
    }
}

.career-hero-animation-item {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    border-radius: 100px;
    outline-offset: -3px
}

.career-hero-animation-item:nth-child(1),.career-hero-animation-item:nth-child(2) {
    -webkit-animation-delay: 0s,0.3s;
    animation-delay: 0s,0.3s;
    animation-delay: 0s,0.3s;
    animation-delay: 0s,0.3s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-duration: 0.3s,2.8s;
    animation-duration: 0.3s,2.8s;
    animation-duration: 0.3s,2.8s;
    animation-duration: 0.3s,2.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: hvr-bob-float,top-right;
    animation-name: hvr-bob-float,top-right;
    animation-name: hvr-bob-float,top-right;
    animation-name: hvr-bob-float,top-right;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out
}

@-webkit-keyframes top-right {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes top-right {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes top-right {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes top-right {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes top-right {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.career-hero-animation-item:nth-child(3) {
    -webkit-animation-delay: 0s,0.3s;
    animation-delay: 0s,0.3s;
    animation-delay: 0s,0.3s;
    animation-delay: 0s,0.3s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-duration: 0.3s,2.8s;
    animation-duration: 0.3s,2.8s;
    animation-duration: 0.3s,2.8s;
    animation-duration: 0.3s,2.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: hvr-bob-float,center-animation;
    animation-name: hvr-bob-float,center-animation;
    animation-name: hvr-bob-float,center-animation;
    animation-name: hvr-bob-float,center-animation;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out
}

@-webkit-keyframes center-animation {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes center-animation {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes center-animation {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes center-animation {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes center-animation {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.career-hero-animation-item:nth-child(4),.career-hero-animation-item:nth-child(5) {
    -webkit-animation-delay: 0s,0.3s;
    animation-delay: 0s,0.3s;
    animation-delay: 0s,0.3s;
    animation-delay: 0s,0.3s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-duration: 0.3s,2.8s;
    animation-duration: 0.3s,2.8s;
    animation-duration: 0.3s,2.8s;
    animation-duration: 0.3s,2.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: hvr-bob-float,bottom-animation;
    animation-name: hvr-bob-float,bottom-animation;
    animation-name: hvr-bob-float,bottom-animation;
    animation-name: hvr-bob-float,bottom-animation;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out
}

@-webkit-keyframes bottom-animation {
    0% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }
}

@keyframes bottom-animation {
    0% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }
}

@keyframes bottom-animation {
    0% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }
}

@keyframes bottom-animation {
    0% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }
}

@keyframes bottom-animation {
    0% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(12px);
        transform: translateY(12px)
    }
}

.career-hero-animation-item.flat-green {
    color: #913ef0
}

.career-hero-animation-item.flat-dark-blue {
    color: #913ef0
}

.career-hero-animation-item.flat-orange {
    color: #913ef0
}

.career-hero-animation-item.flat-pinky {
    color: #913ef0
}

.career-hero-animation-item.flat-purple {
    color: #913ef0
}

.career-hero-animation-item.flat-blue {
    color: #913ef0
}

.career-hero-animation-item img {
    width: auto
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain {
        border-top:1px solid #d9d8e7
    }
}

footer .footer-contain-block {
    padding: 80px 0;
    border-top: 1px solid #d9d8e7
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain-block {
        padding:40px 0;
        border-top: none
    }
}

footer .footer-contain-block-description {
    padding-top: 90px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain-block-description {
        padding-top:40px
    }
}

footer .footer-contain-block-description p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    opacity: .5
}

footer .footer-contain-item.is-open .footer-contain-item-matter {
    margin-bottom: 24px
}

footer .footer-contain-item.is-open .footer-contain-item-title::after {
    content: url(../../../themes/basework/dist/img/footer-icon-open.svg)
}

footer .footer-contain-item.is-open .footer-contain-item-title:last-child::after {
    content: none
}

footer .footer-contain-item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain-item-title {
        position:relative;
        padding-bottom: 16px;
        margin-bottom: 0
    }

    footer .footer-contain-item-title::after {
        position: absolute;
        right: 0;
        width: 20px;
        height: 20px;
        content: url(../../../themes/basework/dist/img/footer-icon-close.svg)
    }

    footer .footer-contain-item-title:last-child::after {
        content: none
    }
}

footer .footer-contain-item-title.style-obstruct {
    pointer-events: unset!important
}

footer .footer-contain-item-title a,footer .footer-contain-item-title h1,footer .footer-contain-item-title h2,footer .footer-contain-item-title h3,footer .footer-contain-item-title h4,footer .footer-contain-item-title h5,footer .footer-contain-item-title h6,footer .footer-contain-item-title span,footer .footer-contain-item-title p {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 32px;
    color: #fff;
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 22px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain-item-title a,footer .footer-contain-item-title h1,footer .footer-contain-item-title h2,footer .footer-contain-item-title h3,footer .footer-contain-item-title h4,footer .footer-contain-item-title h5,footer .footer-contain-item-title h6,footer .footer-contain-item-title span,footer .footer-contain-item-title p {
        margin-bottom:24px;
        font-size: 16px;
        line-height: 20px
    }
}

footer .footer-contain-item-title a:last-child,footer .footer-contain-item-title h1:last-child,footer .footer-contain-item-title h2:last-child,footer .footer-contain-item-title h3:last-child,footer .footer-contain-item-title h4:last-child,footer .footer-contain-item-title h5:last-child,footer .footer-contain-item-title h6:last-child,footer .footer-contain-item-title span:last-child,footer .footer-contain-item-title p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 992px) and (max-width:1439px) {
    footer .footer-contain-item-title a,footer .footer-contain-item-title h1,footer .footer-contain-item-title h2,footer .footer-contain-item-title h3,footer .footer-contain-item-title h4,footer .footer-contain-item-title h5,footer .footer-contain-item-title h6,footer .footer-contain-item-title span,footer .footer-contain-item-title p {
        font-size:16px;
        line-height: 18px
    }
}

footer .footer-contain-item-matter ul li {
    margin-bottom: 8px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain-item-matter ul li {
        margin-bottom:16px
    }
}

footer .footer-contain-item-matter ul li:last-child {
    margin-bottom: 0
}

footer .footer-contain-item-matter ul li a,footer .footer-contain-item-matter ul li h1,footer .footer-contain-item-matter ul li h2,footer .footer-contain-item-matter ul li h3,footer .footer-contain-item-matter ul li h4,footer .footer-contain-item-matter ul li h5,footer .footer-contain-item-matter ul li h6,footer .footer-contain-item-matter ul li span,footer .footer-contain-item-matter ul li p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: rgba(43,42,53,.5);
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain-item-matter ul li a,footer .footer-contain-item-matter ul li h1,footer .footer-contain-item-matter ul li h2,footer .footer-contain-item-matter ul li h3,footer .footer-contain-item-matter ul li h4,footer .footer-contain-item-matter ul li h5,footer .footer-contain-item-matter ul li h6,footer .footer-contain-item-matter ul li span,footer .footer-contain-item-matter ul li p {
        font-size:14px;
        line-height: 21px
    }
}

@media only screen and (min-width: 992px) and (max-width:1439px) {
    footer .footer-contain-item-matter ul li a,footer .footer-contain-item-matter ul li h1,footer .footer-contain-item-matter ul li h2,footer .footer-contain-item-matter ul li h3,footer .footer-contain-item-matter ul li h4,footer .footer-contain-item-matter ul li h5,footer .footer-contain-item-matter ul li h6,footer .footer-contain-item-matter ul li span,footer .footer-contain-item-matter ul li p {
        font-size:14px;
        line-height: 20px
    }
}

footer .footer-contain-item-matter ul li a span,footer .footer-contain-item-matter ul li a strong,footer .footer-contain-item-matter ul li a p,footer .footer-contain-item-matter ul li h1 span,footer .footer-contain-item-matter ul li h1 strong,footer .footer-contain-item-matter ul li h1 p,footer .footer-contain-item-matter ul li h2 span,footer .footer-contain-item-matter ul li h2 strong,footer .footer-contain-item-matter ul li h2 p,footer .footer-contain-item-matter ul li h3 span,footer .footer-contain-item-matter ul li h3 strong,footer .footer-contain-item-matter ul li h3 p,footer .footer-contain-item-matter ul li h4 span,footer .footer-contain-item-matter ul li h4 strong,footer .footer-contain-item-matter ul li h4 p,footer .footer-contain-item-matter ul li h5 span,footer .footer-contain-item-matter ul li h5 strong,footer .footer-contain-item-matter ul li h5 p,footer .footer-contain-item-matter ul li h6 span,footer .footer-contain-item-matter ul li h6 strong,footer .footer-contain-item-matter ul li h6 p,footer .footer-contain-item-matter ul li span span,footer .footer-contain-item-matter ul li span strong,footer .footer-contain-item-matter ul li span p,footer .footer-contain-item-matter ul li p span,footer .footer-contain-item-matter ul li p strong,footer .footer-contain-item-matter ul li p p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #2b2a35
}

footer .footer-contain-item-social-title {
    margin-bottom: 24px
}

footer .footer-contain-item-social-title h5,footer .footer-contain-item-social-title a,footer .footer-contain-item-social-title h1,footer .footer-contain-item-social-title h2,footer .footer-contain-item-social-title h3,footer .footer-contain-item-social-title h4,footer .footer-contain-item-social-title h6,footer .footer-contain-item-social-title span,footer .footer-contain-item-social-title p {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 22px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain-item-social-title h5,footer .footer-contain-item-social-title a,footer .footer-contain-item-social-title h1,footer .footer-contain-item-social-title h2,footer .footer-contain-item-social-title h3,footer .footer-contain-item-social-title h4,footer .footer-contain-item-social-title h6,footer .footer-contain-item-social-title span,footer .footer-contain-item-social-title p {
        font-size:16px;
        line-height: 20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1439px) {
    footer .footer-contain-item-social-title h5,footer .footer-contain-item-social-title a,footer .footer-contain-item-social-title h1,footer .footer-contain-item-social-title h2,footer .footer-contain-item-social-title h3,footer .footer-contain-item-social-title h4,footer .footer-contain-item-social-title h6,footer .footer-contain-item-social-title span,footer .footer-contain-item-social-title p {
        font-size:16px;
        line-height: 18px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain-item-social-icon {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

footer .footer-contain-item-social-icon-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 28px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain-item-social-icon-item {
        margin-right:20px;
        margin-bottom: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1439px) {
    footer .footer-contain-item-social-icon-item {
        margin-bottom:14px
    }
}

footer .footer-contain-item-social-icon-item:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain-item-social-icon-item:last-child {
        margin-right:0
    }
}

footer .footer-contain-item-social-icon-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 36px;
    height: 36px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 44px;
    background: rgba(43,42,53,.4);
    border-radius: 100px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain-item-social-icon-item a {
        margin-right:20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1439px) {
    footer .footer-contain-item-social-icon-item a {
        margin-right:16px
    }
}

footer .footer-contain-item-social-icon-item a:last-child {
    margin-right: 0
}

footer .footer-contain-item-social-icon-item a:hover {
    background: #F3BA2F
}

footer .footer-contain-second-block {
    padding: 40px 0;
    border-top: 1px solid #d9d8e7
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain-second-block {
        padding:0 0 40px;
        border-top: none
    }
}

footer .footer-contain-second-block-item-first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

footer .footer-contain-second-block-item-first p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    font-size: 14px;
    line-height: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain-second-block-item-first p {
        font-size:14px;
        line-height: 24px;
        text-align: center
    }
}

footer .footer-contain-second-block-item-first p strong {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600
}

footer .footer-contain-second-block-item-second {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain-second-block-item-second {
        width:calc(100% + 30px);
        padding-top: 24px;
        border-top: 1px solid #d9d8e7;
        margin-top: 32px;
        margin-left: -15px
    }
}

footer .footer-contain-second-block-item-second a {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin-right: 32px;
    color: #fff;
    font-size: 14px;
    line-height: 16px
}

footer .footer-contain-second-block-item-second a:last-child {
    margin-right: 0
}

footer .footer-contain-second-block-item-second a strong {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600
}

footer .footer-contain-second-block-item-third {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    footer .footer-contain-second-block-item-third {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 32px
    }
}

footer .footer-contain-second-block-item-third a svg {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

footer .footer-contain-second-block-item-third a svg g {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

footer .footer-contain-second-block-item-third a:hover svg g {
    opacity: 1
}

header {
    position: fixed;
    z-index: 7;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header {
        -webkit-filter:drop-shadow(0 2.32108px 16px rgba(0,0,0,.02));
        filter: drop-shadow(0 2.32108px 16px rgba(0,0,0,.02))
    }
}

header .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header.scrolled {
    z-index: 99999999;
    -webkit-box-shadow: 0 0 10px 0 rgba(5,0,56,.1);
    box-shadow: 0 0 10px 0 rgba(5,0,56,.1)
}

header.scrolled .header-contain {
    padding: 27.5px 0
}

header.waiting {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

header.moving {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

header.is-open {
    height: 100%;
    -webkit-transform: translateY(0)!important;
    transform: translateY(0)!important
}

header.is-open .header-contain-item.item-second {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    visibility: visible
}

header.is-open .header-contain-item-mobile-actions button span:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header.is-open .header-contain-item-mobile-actions button span:nth-child(2) {
    top: 8px;
    opacity: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

header .header-contain {
    padding: 35px 0;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain {
        padding:27.5px 0
    }
}

header .header-contain-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain-item.item-first {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

header .header-contain-item.item-second {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain-item.item-second {
        position:fixed;
        top: 79px;
        left: 0;
        display: none;
        width: 100%;
        height: calc(100% - 79px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 46px 20px 85px;
        border-top: 1px solid #f4f3ff;
        margin-left: 0;
        background-color: #fff;
        opacity: 0;
        visibility: hidden
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain-item-logo {
        width:40px;
        height: 24px
    }
}

header .header-contain-item-logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain-item-logo a {
        width:100%;
        height: 100%
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain-item-logo a svg {
        width:100%;
        height: 100%
    }
}

header .header-contain-item-mobile-button {
    display: none
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain-item-mobile-button {
        display:block
    }
}

header .header-contain-item-mobile-actions {
    display: none
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain-item-mobile-actions {
        display:block
    }
}

header .header-contain-item-mobile-actions ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none
}

header .header-contain-item-mobile-actions ul li button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 28px;
    height: 12px;
    padding: 0;
    border: none;
    background-color: transparent
}

header .header-contain-item-mobile-actions ul li button span {
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 2px;
    background: #2b2a35;
    border-radius: 30px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

header .header-contain-item-mobile-actions ul li button span:nth-child(1) {
    top: 0
}

header .header-contain-item-mobile-actions ul li button span:nth-child(2) {
    top: 8px;
    right: 0;
    left: unset
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain-item-nav {
        width:100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto
    }
}

header .header-contain-item-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain-item-nav ul {
        width:100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

header .header-contain-item-nav ul li {
    margin-right: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain-item-nav ul li {
        width:100%;
        margin-right: 0;
        text-align: center
    }

    header .header-contain-item-nav ul li:not(:last-child) {
        margin-bottom: 36px
    }
}

header .header-contain-item-nav ul li:last-child {
    margin-right: 0
}

header .header-contain-item-nav ul li.is-active a {
    background: rgba(73,89,234,.1);
    border-radius: 40px;
    color: #fff
}

header .header-contain-item-nav ul li.is-notification a {
    position: relative
}

header .header-contain-item-nav ul li.is-notification a span {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    padding: 4px 8px 2px;
    margin-left: 7px;
    background: #ffe0e0;
    border-radius: 9px;
    color: #dd5c98;
    font-size: 10px;
    line-height: 14px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain-item-nav ul li.is-notification a span {
        position:absolute;
        right: -15px;
        padding: 2.5px 7.75px;
        font-size: 11px;
        line-height: 15px
    }
}

header .header-contain-item-nav ul li a {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7px 12px 9px;
    color: #000000;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 22px;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain-item-nav ul li a {
        display:-webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

header .header-contain-item-nav ul li a:hover {
    background: rgba(73,89,234,.1);
    border-radius: 40px;
    color: #fff
}

header .header-contain-item-nav ul li a.is-active {
    background: rgba(73,89,234,.1);
    border-radius: 40px;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain-item-nav ul li a.is-active {
        padding:20px 0;
        background: none;
        border-radius: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1099px) {
    header .header-contain-item-nav ul li a {
        font-size:12px
    }
}

@media only screen and (min-width: 1100px) and (max-width:1450px) {
    header .header-contain-item-nav ul li a {
        font-size:14px
    }
}

@media only screen and (min-width: 992px) and (max-width:1250px) {
    header .header-contain-item-nav ul li {
        margin-right:12px
    }
}

@media only screen and (min-width: 1251px) and (max-width:1450px) {
    header .header-contain-item-nav ul li {
        margin-right:20px
    }
}

header .header-contain-item-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain-item-actions {
        display:none
    }
}

header .header-contain-item-actions.is-open ul li ul {
    opacity: 1;
    visibility: visible
}

header .header-contain-item-actions ul {
    position: relative
}

header .header-contain-item-actions ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 992px) and (max-width:1250px) {
    header .header-contain-item-actions ul li a {
        font-size:12px
    }
}

header .header-contain-item-actions ul li ul {
    position: absolute;
    z-index: 5;
    top: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px 12px 12px;
    border: 1px solid #4959ea;
    margin-top: 20px;
    background: #fff;
    border-radius: 8px;
    opacity: 0;
    -webkit-transition: 500ms opacity ease,500ms visibility ease;
    transition: 500ms opacity ease,500ms visibility ease;
    visibility: hidden
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    header .header-contain-item-actions ul li ul {
        display:none
    }
}

header .header-contain-item-actions ul li ul::before {
    position: absolute;
    top: -22px;
    left: 50%;
    display: block;
    height: 20px;
    border-color: transparent transparent #4959ea;
    border-style: solid;
    border-width: 11px;
    content: ' ';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

header .header-contain-item-actions ul li ul::after {
    position: absolute;
    top: -10px;
    left: 50%;
    width: 0;
    height: 0;
    border-right: solid transparent 10px;
    border-bottom: solid #fff 10px;
    border-left: solid transparent 10px;
    content: ' ';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

header .header-contain-item-actions ul li ul .header-contain-item-actions-code-head h5 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-align: center
}

header .header-contain-item-actions ul li ul .header-contain-item-actions-code-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #eae8ff;
    margin-top: 16px;
    border-radius: 8px
}

header .header-contain-item-actions ul li ul .header-contain-item-actions-code-body img {
    width: 130px;
    height: 130px;
    padding: 8px
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    header .header-contain .p-control {
        padding:0
    }
}

.about-banner-slider {
    margin-top: 100px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .about-banner-slider {
        margin-top:48px
    }
}

.about-banner-slider .about-banner-slider-view {
    overflow: unset
}

.about-banner-slider .about-banner-slider-view .swiper-slide img {
    width: 100%;
    border-radius: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .about-banner-slider .about-banner-slider-view .swiper-slide img {
        border-radius:12px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-academy-detail header {
        -webkit-filter:none;
        filter: none
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-academy-detail header.scrolled {
        -webkit-box-shadow:none;
        box-shadow: none
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-academy-detail.body-control header.scrolled {
        -webkit-box-shadow:0 0 10px 0 rgba(5,0,56,.1);
        box-shadow: 0 0 10px 0 rgba(5,0,56,.1)
    }
}

.body-academy-detail.overflow-control {
    overflow: hidden
}

.body-academy-detail .academy-detail-block-body.header-is-hide {
    top: 40px;
    height: calc(100vh - 40px)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-academy-detail .academy-detail-block-body.header-is-hide {
        top:0!important;
        height: calc(100vh - 0px)!important
    }
}

.body-academy-detail .academy-detail-block-body.top-clear {
    top: 0!important
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-academy-detail .academy-detail-block-body.top-clear {
        height:calc(100vh - 0px)!important
    }
}

.main-academy-detail {
    overflow: unset;
    padding-top: 60px;
    padding-bottom: 200px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail {
        padding-top:100px;
        padding-bottom: 60px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block .row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block .col-lg-3 {
        padding:0
    }
}

.main-academy-detail .academy-detail-block-head-levels {
    margin-bottom: 50px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-levels {
        margin-bottom:24px
    }
}

.main-academy-detail .academy-detail-block-head-levels-head {
    margin-bottom: 50px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-levels-head {
        margin-bottom:36px
    }
}

.main-academy-detail .academy-detail-block-head-levels-head img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 16px
}

.main-academy-detail .academy-detail-block-head-levels-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-levels-body {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-levels-body-subtitle {
        max-width:70%
    }
}

.main-academy-detail .academy-detail-block-head-levels-body-subtitle p {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #585768!important;
    font-size: 14px;
    letter-spacing: .02em;
    line-height: 20px;
    text-transform: uppercase
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-levels-body-subtitle p {
        font-size:12px;
        line-height: 20px
    }
}

.main-academy-detail .academy-detail-block-head-levels-body-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-academy-detail .academy-detail-block-head-levels-body-social-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 28px;
    height: 28px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border-radius: 100px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-levels-body-social-item {
        width:24px;
        height: 24px
    }
}

.main-academy-detail .academy-detail-block-head-levels-body-social-item:not(:last-child) {
    margin-right: 6px
}

.main-academy-detail .academy-detail-block-head-levels-body-social-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-levels-body-social-item a img {
        width:10px;
        height: 10px
    }
}

.main-academy-detail .academy-detail-block-head-detail h1 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 20px;
    color: #fff;
    font-size: 48px;
    letter-spacing: -.02em;
    line-height: 72px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail h1 {
        margin-bottom:40px;
        font-size: 24px;
        line-height: 36px
    }
}

.main-academy-detail .academy-detail-block-head-detail h2 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
    font-size: 28px;
    letter-spacing: -.02em;
    line-height: 48px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail h2 {
        margin-bottom:40px;
        font-size: 22px;
        line-height: 33px
    }
}

.main-academy-detail .academy-detail-block-head-detail h3 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 33px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail h3 {
        margin-bottom:24px;
        font-size: 20px;
        line-height: 30px
    }
}

.main-academy-detail .academy-detail-block-head-detail h4 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 12px;
    color: #fff;
    font-size: 22px;
    letter-spacing: -.02em;
    line-height: 33px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail h4 {
        margin-bottom:16px;
        font-size: 18px;
        line-height: 27px
    }
}

.main-academy-detail .academy-detail-block-head-detail h5 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
    font-size: 20px;
    line-height: 30px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail h5 {
        font-size:18px;
        line-height: 27px
    }
}

.main-academy-detail .academy-detail-block-head-detail h6 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 10px;
    color: #fff;
    font-size: 18px;
    line-height: 27px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail h6 {
        font-size:16px;
        line-height: 24px
    }
}

.main-academy-detail .academy-detail-block-head-detail p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin-bottom: 20px;
    color: #303030;
    font-size: 18px;
    line-height: 27px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail p {
        margin-bottom:20px;
        font-size: 16px;
        line-height: 24px
    }
}

.main-academy-detail .academy-detail-block-head-detail p a {
    color: #585768;
    text-decoration: underline
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail p a {
        font-size:16px;
        line-height: 24px
    }
}

.main-academy-detail .academy-detail-block-head-detail p a:hover {
    color: #fff!important;
    text-decoration: underline!important
}

.main-academy-detail .academy-detail-block-head-detail ul {
    padding-left: 30px;
    margin-bottom: 20px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail ul {
        padding-left:20px
    }
}

.main-academy-detail .academy-detail-block-head-detail ul li {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #303030;
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 27px;
    list-style: disc
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail ul li {
        font-size:16px;
        line-height: 24px
    }
}

.main-academy-detail .academy-detail-block-head-detail ol {
    padding-left: 30px;
    margin-bottom: 20px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail ol {
        padding-left:20px
    }
}

.main-academy-detail .academy-detail-block-head-detail ol li {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #303030;
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 27px;
    list-style: disc
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail ol li {
        font-size:16px;
        line-height: 24px
    }
}

.main-academy-detail .academy-detail-block-head-detail blockquote {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    position: relative;
    padding: 24px;
    margin: 0;
    margin-bottom: 48px;
    color: #585768;
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 33px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail blockquote {
        padding:12px 20px;
        font-size: 18px;
        line-height: 30px
    }
}

.main-academy-detail .academy-detail-block-head-detail blockquote p {
    margin-bottom: 0
}

.main-academy-detail .academy-detail-block-head-detail blockquote::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: #fff;
    content: ''
}

.main-academy-detail .academy-detail-block-head-detail a {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    text-decoration: none
}

.main-academy-detail .academy-detail-block-head-detail a:hover {
    color: #fff;
    text-decoration: underline
}

.main-academy-detail .academy-detail-block-head-detail img {
    max-width: 100%;
    height: auto
}

.main-academy-detail .academy-detail-block-head-detail-item {
    margin-top: 24px;
    margin-bottom: 90px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail-item {
        margin-top:40px;
        margin-bottom: 40px
    }
}

.main-academy-detail .academy-detail-block-head-detail-item p {
    margin-bottom: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail-item p {
        font-size:16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail-item h3 {
        margin-bottom:16px
    }
}

.main-academy-detail .academy-detail-block-head-detail-item.item-slider {
    margin-top: 144px;
    margin-bottom: 100px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail-item.item-slider {
        margin-top:70px;
        margin-bottom: 70px
    }
}

.main-academy-detail .academy-detail-block-head-detail-item.item-slider .academy-detail-slider {
    padding-bottom: 22px
}

.main-academy-detail .academy-detail-block-head-detail-item.item-slider .academy-detail-slider .swiper-slide img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-radius: 16px
}

.main-academy-detail .academy-detail-block-head-detail-item.item-slider .academy-detail-slider .swiper-pagination-action {
    margin-top: 22px
}

.main-academy-detail .academy-detail-block-head-detail-item.item-slider .academy-detail-slider .swiper-pagination-action-content p {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    line-height: 27px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail-item.item-slider .academy-detail-slider .swiper-pagination-action-content p {
        font-size:14px;
        line-height: 24px
    }
}

.main-academy-detail .academy-detail-block-head-detail-item.item-slider .academy-detail-slider .swiper-pagination-action-button .swiper-button-next {
    top: unset;
    bottom: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 28px;
    height: 28px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
    background: #fff;
    border-radius: 100px
}

.main-academy-detail .academy-detail-block-head-detail-item.item-slider .academy-detail-slider .swiper-pagination-action-button .swiper-button-next::after {
    content: none
}

.main-academy-detail .academy-detail-block-head-detail-item.item-slider .academy-detail-slider .swiper-pagination-action-button .swiper-button-next.swiper-button-disabled {
    background: #aeb8fe;
    opacity: 1
}

.main-academy-detail .academy-detail-block-head-detail-item.item-slider .academy-detail-slider .swiper-pagination-action-button .swiper-button-prev {
    top: unset;
    right: 90px;
    bottom: 22px;
    left: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 28px;
    height: 28px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
    background: #fff;
    border-radius: 100px
}

.main-academy-detail .academy-detail-block-head-detail-item.item-slider .academy-detail-slider .swiper-pagination-action-button .swiper-button-prev::after {
    content: none
}

.main-academy-detail .academy-detail-block-head-detail-item.item-slider .academy-detail-slider .swiper-pagination-action-button .swiper-button-prev.swiper-button-disabled {
    background: #aeb8fe;
    opacity: 1
}

.main-academy-detail .academy-detail-block-head-detail-item.item-slider .academy-detail-slider .swiper-pagination-action-button .swiper-pagination {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    right: 48px;
    bottom: 0;
    bottom: 21px;
    left: unset;
    width: unset;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 28px
}

.main-academy-detail .academy-detail-block-head-detail-item.item-links {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 150px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail-item.item-links {
        margin-bottom:38px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail-item.next-lesson {
        margin-bottom:0
    }
}

.main-academy-detail .academy-detail-block-head-detail-item.next-lesson a {
    text-decoration: none!important
}

.main-academy-detail .academy-detail-block-head-detail-item.next-lesson a .next-lesson-head {
    padding: 74px 24px 84px;
    background: #fff;
    border-radius: 20px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail-item.next-lesson a .next-lesson-head {
        position:relative;
        padding: 60px 40px;
        background: none;
        border-radius: 0
    }

    .main-academy-detail .academy-detail-block-head-detail-item.next-lesson a .next-lesson-head::after {
        position: absolute;
        z-index: -1;
        top: 0;
        left: -15px;
        width: calc(100% + 30px);
        height: 100%;
        background: #fff;
        content: ''
    }
}

.main-academy-detail .academy-detail-block-head-detail-item.next-lesson a .next-lesson-head h5 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 24px;
    color: #fff;
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 30px;
    opacity: .75;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail-item.next-lesson a .next-lesson-head h5 {
        margin-bottom:20px;
        font-size: 18px;
        line-height: 30px
    }
}

.main-academy-detail .academy-detail-block-head-detail-item.next-lesson a .next-lesson-head h3 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 32px;
    letter-spacing: -.02em;
    line-height: 48px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-head-detail-item.next-lesson a .next-lesson-head h3 {
        font-size:24px;
        line-height: 36px
    }
}

.main-academy-detail .academy-detail-block-head-detail-item.books ul li {
    color: #89879b;
    font-size: 18px;
    line-height: 27px
}

.main-academy-detail .academy-detail-block-body {
    position: sticky;
    top: 120px;
    height: calc(100vh - 120px);
    overflow-y: auto;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body {
        position:fixed;
        z-index: 5;
        top: 79px;
        left: 0;
        overflow: unset;
        width: 100%;
        height: unset
    }

    .main-academy-detail .academy-detail-block-body.scrolled {
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%)
    }
}

.main-academy-detail .academy-detail-block-body.is-open {
    height: calc(100% - 79px);
    overflow-y: auto
}

.main-academy-detail .academy-detail-block-body.is-open.top-clear {
    height: calc(100% - 0px)
}

.main-academy-detail .academy-detail-block-body.is-open .is-desktop-accordion .card {
    display: block!important
}

.main-academy-detail .academy-detail-block-body.is-open .is-desktop-accordion .card .mobile-close-button {
    position: fixed;
    right: 15px
}

.main-academy-detail .academy-detail-block-body.is-open .is-desktop-accordion .card .desktop-lesson-info {
    display: none
}

.main-academy-detail .academy-detail-block-body.is-open .is-desktop-accordion .card .mobile-lesson-info {
    display: block!important
}

.main-academy-detail .academy-detail-block-body.is-open .card {
    margin-bottom: 0!important
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion {
        background:#fff;
        -webkit-transition: height 0.5s ease;
        transition: height 0.5s ease
    }

    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card:not(:first-child) {
        display: none
    }

    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card:not(:first-child) .levels-content-item svg {
        display: none
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card {
    margin-bottom: 16px
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.beginner-card .card-body {
    border: 1px solid #ffd57e
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.beginner-card .card-body {
        border:none
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.beginner-card .card-body .card-body-item a:hover {
    background: #fdf7e2
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.beginner-card .card-body .card-body-item a:hover {
        background:transparent
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.beginner-card .card-body .card-body-item a.is-active {
    background: #fdf7e2
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.intermediate-level-card .card-body {
    border: 1px solid rgba(143,242,177,.5)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.intermediate-level-card .card-body {
        border:none
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.intermediate-level-card .card-body .card-body-item a:hover {
    background: #d9fada
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.intermediate-level-card .card-body .card-body-item a:hover {
        background:transparent
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.intermediate-level-card .card-body .card-body-item a.is-active {
    background: #d9fada
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.advanced-card .card-body {
    border: 1px solid rgba(167,159,255,.5)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.advanced-card .card-body {
        border:none
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.advanced-card .card-body .card-body-item a:hover {
    background: #f3ecfe
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.advanced-card .card-body .card-body-item a:hover {
        background:transparent
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.advanced-card .card-body .card-body-item a.is-active {
    background: #f3ecfe
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.finance-card .card-body {
    border: 1px solid #81d4f8
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.finance-card .card-body {
        border:none
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.finance-card .card-body .card-body-item a:hover {
    background: #e8f8ff
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.finance-card .card-body .card-body-item a:hover {
        background:transparent
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card.finance-card .card-body .card-body-item a.is-active {
    background: #e8f8ff
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header {
    position: relative;
    cursor: pointer
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item {
    padding: 18px 20px 18px 18px;
    margin-bottom: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item {
        padding:18px 15px;
        border: 1px solid #f2f3f4!important;
        border-right: 0!important;
        border-left: 0!important;
        margin-bottom: 0;
        border-radius: 0
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item-head {
    width: 36px;
    height: 36px
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 16px
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item-body h5 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item-body span {
    display: none
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item-body span {
        display:block;
        margin-top: 2px;
        color: #a3a1b4;
        font-size: 14px;
        letter-spacing: -.02em;
        line-height: 19px;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item-body span.mobile-lesson-info {
    display: none
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item-body svg {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item-body svg {
        width:32px;
        height: 32px
    }

    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item-body svg rect {
        fill: #fdf7e2;
        stroke: transparent
    }

    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item-body svg path {
        stroke: #ffd57e
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item.beginner {
    border: 1px solid #d9d8e7
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item.beginner:hover {
        background:transparent
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item.intermediate-level {
    border: 1px solid #d9d8e7
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item.intermediate-level:hover {
        background:transparent
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item.advanced {
    border: 1px solid #d9d8e7
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item.advanced:hover {
        background:transparent
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item.finance {
    border: 1px solid #d9d8e7
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item.finance:hover {
    background: #e8f8ff
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header .levels-content-item.finance .levels-content-item-body p {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    padding: 5px;
    background: rgba(174,184,254,.35);
    border-radius: 3px;
    color: #fff;
    font-size: 8px;
    letter-spacing: .02em;
    line-height: 11px;
    text-align: center
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.beginner {
    border: 1px solid #ffd57e;
    border-bottom: 0;
    background: #fdf7e2;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.beginner {
        border-top:1px solid #f2f3f4;
        border-right: 0;
        border-bottom: 1px solid #f2f3f4;
        border-left: 0;
        background: transparent
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.beginner .levels-content-item-body svg rect {
    stroke: #ffd57e
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.beginner .levels-content-item-body svg rect {
        stroke:transparent
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.beginner .levels-content-item-body svg path {
    stroke: #ffd57e
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.intermediate-level {
    border: 1px solid rgba(143,242,177,.5);
    border-bottom: 0;
    background: #d9fada;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.intermediate-level {
        border-top:1px solid #f2f3f4;
        border-right: 0;
        border-bottom: 1px solid #f2f3f4;
        border-left: 0;
        background: transparent;
        background: transparent
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.intermediate-level .levels-content-item-body svg rect {
    stroke: rgba(143,242,177,.5)
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.intermediate-level .levels-content-item-body svg path {
    stroke: rgba(143,242,177,.5)
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.advanced {
    border: 1px solid rgba(167,159,255,.5);
    border-bottom: 0;
    background: #f3ecfe;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.advanced {
        border-top:1px solid #f2f3f4;
        border-right: 0;
        border-bottom: 1px solid #f2f3f4;
        border-left: 0;
        background: transparent;
        background: transparent
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.advanced .levels-content-item-body svg rect {
    stroke: rgba(167,159,255,.5)
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.advanced .levels-content-item-body svg path {
    stroke: rgba(167,159,255,.5)
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.finance {
    border: 1px solid #81d4f8;
    border-bottom: 0;
    background: #e8f8ff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.finance {
        border-top:1px solid #f2f3f4;
        border-right: 0;
        border-bottom: 1px solid #f2f3f4;
        border-left: 0;
        background: transparent;
        background: transparent
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.finance .levels-content-item-body svg rect {
    stroke: #81d4f8
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item.finance .levels-content-item-body svg path {
    stroke: #81d4f8
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-header[aria-expanded*='true'] .levels-content-item .levels-content-item-body svg {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-body {
    padding: 16px;
    border: 1px solid #ffd57e;
    background: #fff;
    border-radius: 12px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-body .card-body-item a {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 12px 16px;
    color: #41404e;
    font-size: 14px;
    letter-spacing: -.02em;
    line-height: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-body .card-body-item a {
        padding:16px
    }
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-body .card-body-item a img {
    display: none;
    margin-top: 2px;
    margin-right: 12px
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-body .card-body-item a:hover {
    background: #fdf7e2;
    border-radius: 8px
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-body .card-body-item a.is-active {
    background: #fdf7e2;
    border-radius: 8px
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-body .card-body-item a.read {
    color: #a3a1b4
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-body .card-body-item a.read img {
    display: block
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-body .card-body-item a.is-have {
    color: #a3a1b4
}

.main-academy-detail .academy-detail-block-body .is-desktop-accordion .card-body .card-body-item a.is-have img {
    display: block
}

.main-academy-detail .academy-detail-block-body .is-mobile-accordion {
    display: none
}

.app-call-to-action {
    background: #fff;
    padding-top: 120px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .app-call-to-action {
        padding-top:60px
    }
}

.app-call-to-action-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.app-call-to-action-head-title {
    position: relative;
    padding-bottom: 16px
}

.app-call-to-action-head-title h3 {
    font-size: 60px;
    line-height: 82px;
    text-align: center;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .app-call-to-action-head-title h3 {
        font-size:32px;
        line-height: 44px
    }
}

.app-call-to-action-head-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 140px;
    height: 5px;
    background: #aeb8fe;
    border-radius: 1px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .app-call-to-action-head-title::after {
        height:3px;
        width: 70px
    }
}

.app-call-to-action-head-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .app-call-to-action-head-description {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.app-call-to-action-head-description-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 64px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .app-call-to-action-head-description-item {
        margin-left:0;
        margin-bottom: 12px
    }
}

.app-call-to-action-head-description-item:first-child {
    margin-left: 0
}

.app-call-to-action-head-description-item p {
    margin-left: 16px;
    font-size: 18px;
    line-height: 27px;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .app-call-to-action-head-description-item p {
        font-size:16px;
        margin-left: 12px
    }
}

.app-call-to-action-body {
    padding-top: 20px
}

.app-call-to-action-body-buttons {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .app-call-to-action-body-buttons {
        padding-top:20px
    }
}

.app-call-to-action-body-buttons a {
    margin-left: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .app-call-to-action-body-buttons a {
        margin-left:16px
    }
}

.app-call-to-action-body-buttons a:first-child {
    margin-left: 0
}

.app-call-to-action-body-image {
    margin-top: -115px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .app-call-to-action-body-image {
        margin-top:0
    }
}

.app-call-to-action-body-image img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .app-call-to-action-body-image img {
        width:calc(100% + 30px);
        margin-left: -15px;
        -o-object-fit: cover;
        object-fit: cover;
        display: none
    }
}

.app-call-to-action-body-image img.is-mobile {
    display: none
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .app-call-to-action-body-image img.is-mobile {
        display:block
    }
}

.banner-slider {
    cursor: pointer
}

.banner-slider-item img {
    width: 100%;
    border-radius: 24px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .banner-slider-item img {
        border-radius:12px
    }
}

.breadcrumb {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .breadcrumb {
        display:none
    }
}

.breadcrumb-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumb-item a {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    font-size: 14px;
    letter-spacing: -.02em;
    line-height: 28px
}

.breadcrumb-item span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 7px
}

.breadcrumb-item span svg {
    -webkit-transform: translateY(1.5px);
    transform: translateY(1.5px)
}

.btn {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -.02em;
    color: #fff;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    font-family: 'Satoshi-Bold';
    font-style: normal;
    font-weight: 700;
    padding: 11px 22px 14px 22px;
    background: #fff;
    border-radius: 29px!important
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .btn {
        font-size:14px;
        padding: 13px 22px 15px 22px
    }
}

.btn.btn-text-blue {
    background: #F3BA2F
}

.btn.btn-app-cta {
    background: #fff;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.btn.btn-app-cta:hover {
    background: #2b2a35
}

.btn.btn-app-cta:hover .btn-app-cta-icon svg path {
    fill: #fff
}

.btn.btn-app-cta:hover .btn-app-cta-icon-title h6,.btn.btn-app-cta:hover .btn-app-cta-icon-title span {
    color: #fff
}

.btn.btn-app-cta .btn-app-cta-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn.btn-app-cta .btn-app-cta-icon svg path {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.btn.btn-app-cta .btn-app-cta-icon-title {
    margin-left: 14px
}

.btn.btn-app-cta .btn-app-cta-icon-title h6 {
    font-size: 17px;
    line-height: 23px;
    letter-spacing: -.01em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .btn.btn-app-cta .btn-app-cta-icon-title h6 {
        font-size:15px;
        line-height: 21px
    }
}

.btn.btn-app-cta .btn-app-cta-icon-title h6 span {
    font-size: 10px;
    line-height: 12px;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    letter-spacing: -.01em;
    color: #fff;
    text-align: left;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .btn.btn-app-cta .btn-app-cta-icon-title h6 span {
        font-size:8.8px;
        line-height: 10px
    }
}

.btn.btn-text-icon {
    background: transparent;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 16px
}

.btn.btn-text-icon svg {
    margin-left: 11px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .btn.btn-text-icon svg {
        display:none
    }
}

.btn.btn-text-icon:hover {
    background: rgba(73,89,234,.1)
}

.btn.btn-text-icon-bg {
    background: rgba(73,89,234,.1);
    color: #fff;
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 16px 7px 16px;
    font-size: 16px;
    line-height: 28px
}

.btn.btn-text-icon-bg svg {
    margin-left: 11px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translate(0,1px);
    transform: translate(0,1px)
}

.btn.btn-text-icon-bg:hover svg {
    -webkit-transform: translate(5px,1px);
    transform: translate(5px,1px)
}

.btn.btn-text-icon-bordered {
    background: transparent;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 5px 5px 24px;
    border: 1px solid rgba(73,89,234,.2);
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px
}

.btn.btn-text-icon-bordered svg {
    margin-left: 16px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .btn.btn-text-icon-bordered svg {
        display:none
    }
}

.btn.btn-text-icon-bordered svg circle {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.btn.btn-text-icon-bordered svg path {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.btn.btn-text-icon-bordered:hover {
    background: #fff;
    color: #fff;
    border: 1px solid #4959ea
}

.btn.btn-text-icon-bordered:hover svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.btn.btn-text-icon-bordered:hover svg circle {
    fill: #fff
}

.btn.btn-text-icon-bordered:hover svg path {
    fill: #4959ea
}

button {
    border: 0;
    cursor: pointer
}

.card-blog-popular-thumbnail img {
    width: 100%;
    border-radius: 16px
}

.card-blog-popular-description {
    margin-top: 36px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .card-blog-popular-description {
        margin-top:24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .card-blog-popular-description {
        margin-top:0
    }
}

.card-blog-popular-description-date {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    color: #a3a1b4;
    margin-bottom: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .card-blog-popular-description-date {
        font-size:12px;
        margin-bottom: 12px
    }
}

.card-blog-popular-description-title {
    margin-bottom: 24px
}

.card-blog-popular-description-title h4 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: -.02em;
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:1200px) {
    .card-blog-popular-description-title h4 {
        font-size:20px;
        line-height: 30px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .card-blog-popular-description-title {
        margin-bottom:12px
    }
}

.card-blog-popular-description-info {
    margin-bottom: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .card-blog-popular-description-info {
        margin-bottom:12px
    }
}

.card-blog-popular-description-info p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 18px;
    line-height: 30px;
    color: #585768
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .card-blog-popular-description-info p {
        font-size:16px
    }
}

.card-blog-popular-description-footer {
    color: #fff;
    font-family: 'Satoshi-Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 28px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .card-blog-popular-description-footer {
        font-size:14px
    }
}

.card-blog {
    margin-bottom: 54px
}

.card-blog:hover .card-blog-subtitle-button svg {
    -webkit-transform: translate(5px,1px);
    transform: translate(5px,1px)
}

.card-blog-thumbnail {
    margin-bottom: 24px
}

.card-blog-thumbnail img {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 16px
}

.card-blog-subtitle span {
    font-size: 13px;
    line-height: 18px;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #a3a1b4
}

.card-blog-subtitle h4 {
    font-size: 26px;
    line-height: 39px;
    margin-top: 12px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 16px;
    color: #2b2a35
}

.card-blog-subtitle p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 18px;
    line-height: 30px;
    color: #585768;
    margin-bottom: 8px
}

.card-blog-subtitle-button {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -.02em;
    font-family: 'Satoshi-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff
}

.card-blog-subtitle-button svg {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translate(2px,1px);
    transform: translate(2px,1px)
}

.card-support-topic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px;
    background: #fff;
    border: 1px solid #d9d8e7;
    border-radius: 12px;
    margin-bottom: 60px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .card-support-topic {
        padding:20px;
        margin-bottom: 20px
    }
}

.card-support-topic::after {
    position: absolute;
    content: "";
    width: calc(100% + 6px);
    top: -3px;
    left: -3px;
    height: calc(100% + 6px);
    border: 2px solid rgba(73,89,234,.2);
    border-radius: 14px;
    opacity: 0;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.card-support-topic:hover {
    border: 1px solid #4959ea
}

.card-support-topic:hover::after {
    opacity: 1
}

.card-support-topic-icon {
    margin-right: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .card-support-topic-icon {
        margin-right:12px
    }
}

.card-support-topic-description h5 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -.02em;
    margin-bottom: 12px;
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .card-support-topic-description h5 {
        font-size:18px;
        line-height: 22px;
        margin-bottom: 4px
    }
}

.card-support-topic-description p {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -.02em;
    color: #89879b
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .card-support-topic-description p {
        font-size:14px;
        line-height: 21px
    }
}

.cookie {
    position: fixed;
    z-index: 10000;
    bottom: 0;
    left: 0;
    padding: 24px 0;
    -webkit-transform: translateY(450px);
    transform: translateY(450px);
    -webkit-transition: 1s ease-out;
    transition: 1s ease-out;
    width: 100%
}

.cookie .cookie-close-button {
    position: absolute;
    top: 7px;
    right: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    background: none;
    border: none
}

.cookie.show {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .cookie.show {
        -webkit-transform:translateY(0);
        transform: translateY(0)
    }
}

.cookie .cookie-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 36px 24px 20px;
    background: #fff;
    border: 1.25px solid #4959ea;
    border-radius: 12px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .cookie .cookie-contain {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 16px;
        border-radius: 16px;
        text-align: center
    }
}

.cookie .cookie-contain-description {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .cookie .cookie-contain-description {
        width:90%
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .cookie .cookie-contain-description {
        margin-bottom:13px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.cookie .cookie-contain-description p {
    margin-left: 18px;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    max-width: 75%
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .cookie .cookie-contain-description p {
        max-width:100%;
        font-size: 13px;
        line-height: 19px
    }
}

.cookie .cookie-contain-description img {
    width: 58px;
    height: 58px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .cookie .cookie-contain-description img {
        display:none
    }
}

.cookie .cookie-contain-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .cookie .cookie-contain-buttons {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.cookie .cookie-contain-buttons .btn {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cookie .cookie-contain-buttons .btn-link {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    padding: 11px 16px 11px 16px;
    background: #fff;
    border: 1px solid #4959ea;
    border-radius: 24px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .cookie .cookie-contain-buttons .btn-link {
        font-size:12px;
        line-height: 16px
    }
}

.cookie .cookie-contain-buttons .btn-primary {
    padding: 11px 16px 11px 16px;
    font-size: 13px;
    line-height: 18px;
    margin-left: 14px;
    letter-spacing: -.02em;
    cursor: pointer;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    border: none;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .cookie .cookie-contain-buttons .btn-primary {
        margin-left:0;
        margin-right: 12px;
        font-size: 12px;
        line-height: 16px
    }
}

.custom-swiper-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.custom-swiper-buttons .custom-swiper-buttons-prev {
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.custom-swiper-buttons .custom-swiper-buttons-prev svg {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.custom-swiper-buttons .custom-swiper-buttons-prev svg circle {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.custom-swiper-buttons .custom-swiper-buttons-prev:hover svg circle {
    fill: #4959ea;
    stroke: #4959ea
}

.custom-swiper-buttons .custom-swiper-buttons-prev:hover svg path {
    fill: #fff
}

.custom-swiper-buttons .custom-swiper-buttons-next {
    cursor: pointer;
    margin-left: 16px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.custom-swiper-buttons .custom-swiper-buttons-next svg {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.custom-swiper-buttons .custom-swiper-buttons-next svg circle {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.custom-swiper-buttons .custom-swiper-buttons-next:hover svg circle {
    fill: #4959ea;
    stroke: #4959ea
}

.custom-swiper-buttons .custom-swiper-buttons-next:hover svg path {
    fill: #fff
}

.daily-newsletters {
    margin-top: 175px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .daily-newsletters {
        margin-top:70px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .daily-newsletters {
        margin-top:90px
    }
}

.daily-newsletters-title {
    padding-bottom: 48px;
    border-bottom: 1px solid rgba(73,89,234,.1)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .daily-newsletters-title {
        padding-bottom:30px;
        border: none
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .daily-newsletters-title {
        padding-bottom:36px
    }
}

.daily-newsletters-title-head {
    margin-bottom: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .daily-newsletters-title-head {
        margin-bottom:12px
    }
}

.daily-newsletters-title-head h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    font-size: 40px;
    letter-spacing: -.02em;
    line-height: 55px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .daily-newsletters-title-head h3 {
        font-size:24px;
        line-height: 33px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .daily-newsletters-title-head h3 {
        font-size:28px;
        line-height: 33px
    }
}

.daily-newsletters-title-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.daily-newsletters-title-body p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    max-width: 550px;
    color: #585768;
    font-size: 18px;
    line-height: 27px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .daily-newsletters-title-body p {
        max-width:100%;
        font-size: 14px;
        line-height: 26px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .daily-newsletters-title-body p {
        max-width:450px;
        font-size: 16px;
        line-height: 22px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .daily-newsletters-title-body .btn {
        display:none
    }
}

.daily-newsletters-block-head {
    margin: 48px 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .daily-newsletters-block-head {
        margin-top:0;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .daily-newsletters-block-head {
        margin:38px 0
    }
}

.daily-newsletters-block-head .nav-tabs {
    width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    overflow-x: auto;
    overflow-y: hidden
}

@media only screen and (min-width: 320px) and (max-width:1300px) {
    .daily-newsletters-block-head .nav-tabs {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width: 320px) and (max-width:1200px) {
    .daily-newsletters-block-head .nav-tabs {
        width:calc(100% + 30px);
        padding-right: 15px;
        padding-left: 15px;
        margin-left: -15px
    }
}

.daily-newsletters-block-head .nav-tabs::-webkit-scrollbar {
    display: none
}

.daily-newsletters-block-head .nav-tabs .nav-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 1px solid transparent;
    margin-right: 16px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .daily-newsletters-block-head .nav-tabs .nav-item {
        margin-right:0
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .daily-newsletters-block-head .nav-tabs .nav-item {
        margin-right:12px
    }
}

.daily-newsletters-block-head .nav-tabs .nav-item:last-child {
    margin-right: 0
}

.daily-newsletters-block-head .nav-tabs .nav-item .nav-link {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    padding: 8px 20px 10px;
    border-radius: 20px;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 21px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .daily-newsletters-block-head .nav-tabs .nav-item .nav-link {
        padding:7px 12px;
        font-size: 14px;
        line-height: 21px
    }
}

.daily-newsletters-block-head .nav-tabs .nav-item .nav-link.active {
    border: 1px solid rgba(73,89,234,.1);
    background: #f8f8ff;
    color: #fff
}

.daily-newsletters-block-body .tab-content .is-mobile-action-button {
    display: none;
    margin-top: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .daily-newsletters-block-body .tab-content .is-mobile-action-button {
        display:block
    }

    .daily-newsletters-block-body .tab-content .is-mobile-action-button a {
        font-size: 14px;
        line-height: 28px
    }

    .daily-newsletters-block-body .tab-content .is-mobile-action-button a svg {
        margin-left: 0;
        -webkit-transform: translate(3px,2px);
        transform: translate(3px,2px)
    }
}

.daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-row-item {
    margin-bottom: 100px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-row-item {
        margin-bottom:48px
    }
}

.daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-row-item.is-different .daily-newsletters-block-body-item-subtitle {
    padding: 30px 0 45px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-row-item.is-different .daily-newsletters-block-body-item-subtitle {
        padding:0
    }
}

.daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-row-item.is-different .daily-newsletters-block-body-item-thumb {
    margin-bottom: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-row-item.is-different .daily-newsletters-block-body-item-thumb {
        margin-bottom:24px
    }
}

.daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-row-item.is-different .daily-newsletters-block-body-item-thumb img {
    height: auto!important
}

.daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-row-item:hover .daily-newsletters-block-body-item-subtitle svg {
    -webkit-transform: translate(5px,1px);
    transform: translate(5px,1px)
}

.daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-row-item .daily-newsletters-block-body-item {
    margin-bottom: 0!important
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-row-item .daily-newsletters-block-body-item {
        margin-bottom:0!important
    }
}

.daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-row-item .daily-newsletters-block-body-item-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-row-item .daily-newsletters-block-body-item-subtitle h4 {
    margin-top: 16px;
    margin-bottom: 24px;
    font-size: 40px;
    line-height: 60px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-row-item .daily-newsletters-block-body-item-subtitle h4 {
        margin:12px 0;
        font-size: 20px;
        line-height: 30px
    }
}

.daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-row-item .daily-newsletters-block-body-item-subtitle p {
    margin-bottom: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-row-item .daily-newsletters-block-body-item-subtitle p {
        margin-bottom:12px
    }
}

.daily-newsletters-block-body .daily-newsletters-block-body-item {
    margin-bottom: 54px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .daily-newsletters-block-body .daily-newsletters-block-body-item {
        margin-bottom:40px
    }
}

.daily-newsletters-block-body .daily-newsletters-block-body-item:hover .daily-newsletters-block-body-item-subtitle-button svg {
    -webkit-transform: translate(5px,1px);
    transform: translate(5px,1px)
}

.daily-newsletters-block-body .daily-newsletters-block-body-item-thumb {
    margin-bottom: 24px
}

.daily-newsletters-block-body .daily-newsletters-block-body-item-thumb img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: auto;
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .daily-newsletters-block-body .daily-newsletters-block-body-item-thumb img {
        border-radius:12px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .daily-newsletters-block-body .daily-newsletters-block-body-item-thumb img {
        border-radius:12px
    }
}

.daily-newsletters-block-body .daily-newsletters-block-body-item-subtitle span {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #585768;
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .daily-newsletters-block-body .daily-newsletters-block-body-item-subtitle span {
        font-size:12px;
        line-height: 14px
    }
}

.daily-newsletters-block-body .daily-newsletters-block-body-item-subtitle h4 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-top: 12px;
    margin-bottom: 8px;
    color: #fff;
    font-size: 26px;
    letter-spacing: -.02em;
    line-height: 39px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .daily-newsletters-block-body .daily-newsletters-block-body-item-subtitle h4 {
        margin:12px 0;
        font-size: 20px;
        line-height: 30px
    }
}

.daily-newsletters-block-body .daily-newsletters-block-body-item-subtitle p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin-bottom: 8px;
    color: #303030;
    font-size: 18px;
    line-height: 30px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .daily-newsletters-block-body .daily-newsletters-block-body-item-subtitle p {
        margin-bottom:12px;
        font-size: 16px;
        line-height: 26px
    }
}

.daily-newsletters-block-body .daily-newsletters-block-body-item-subtitle p strong {
    color: #2b2a35
}

.daily-newsletters-block-body .daily-newsletters-block-body-item-subtitle-button {
    font-family: 'Satoshi-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 28px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .daily-newsletters-block-body .daily-newsletters-block-body-item-subtitle-button {
        font-size:14px;
        line-height: 28px
    }
}

.daily-newsletters-block-body .daily-newsletters-block-body-item-subtitle-button svg {
    -webkit-transform: translate(2px,1px);
    transform: translate(2px,1px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-dictionary-detail {
        padding-top:40px;
        padding-bottom: 56px
    }
}

.article-hero {
    padding: 50px 0 54px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-hero {
        padding:0 0 40px
    }
}

.article-hero .bnbprotrade-single-breadcrumb .rank-math-breadcrumb {
    margin-top: 0;
    margin-bottom: 38px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-hero .bnbprotrade-single-breadcrumb .rank-math-breadcrumb {
        margin-bottom:32px
    }
}

.article-hero-head {
    margin-bottom: 24px
}

.article-hero-head h1 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin: 0;
    color: #fff;
    font-size: 54px;
    letter-spacing: -.02em;
    line-height: 81px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-hero-head h1 {
        font-size:32px;
        line-height: 48px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .article-hero-head h1 {
        font-size:46px;
        line-height: 54px
    }
}

.article-hero-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.article-hero-action-people {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.article-hero-action-people img {
    width: 54px;
    height: 54px;
    border-radius: 50%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-hero-action-people img {
        width:44px;
        height: 44px
    }
}

.article-hero-action-people-text {
    margin-left: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-hero-action-people-text {
        margin-left:12px
    }
}

.article-hero-action-people-text h4 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 4px;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 22px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-hero-action-people-text h4 {
        margin-bottom:3px;
        font-size: 14px;
        line-height: 19px
    }
}

.article-hero-action-people-text span {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    font-size: 13px;
    letter-spacing: -.02em;
    line-height: 15px;
    opacity: .5
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-hero-action-people-text span {
        font-size:12px;
        line-height: 14px
    }
}

.article-hero-action-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 9px 8px 20px;
    background-color: rgba(73,89,234,.08);
    border-radius: 50px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-hero-action-social {
        padding:0;
        background-color: transparent
    }
}

.article-hero-action-social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.article-hero-action-social ul li {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-right: 6px;
    color: #fff;
    font-size: 14px;
    letter-spacing: -.02em;
    line-height: 20px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-hero-action-social ul li {
        margin-right:8px
    }
}

.article-hero-action-social ul li:first-child {
    margin-right: 14px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-hero-action-social ul li:first-child {
        display:none
    }
}

.article-hero-action-social ul li:last-child {
    margin-right: 0
}

.article-hero-action-social ul li a i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 28px;
    height: 28px
}

.article-hero-action-social ul li a i svg {
    width: 100%;
    height: 100%
}

.article-body article p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin-bottom: 45px;
    color: #303030;
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article p {
        margin-bottom:30px;
        font-size: 16px;
        line-height: 24px
    }
}

.article-body article p i {
    font-style: italic
}

.article-body article p b,.article-body article p strong {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600
}

.article-body article p a {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 32px;
    text-decoration: underline
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article p a {
        font-size:16px;
        line-height: 24px
    }
}

.article-body article p a:hover {
    text-decoration: underline!important
}

.article-body article a {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 32px;
    text-decoration: underline
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article a {
        font-size:16px;
        line-height: 24px
    }
}

.article-body article a:hover {
    text-decoration: underline!important
}

.article-body article ul,.article-body article ol {
    list-style-position: inside
}

.article-body article ul li,.article-body article ol li {
    font-family: 'Eina01-Light';
    font-style: normal;
    font-weight: 300;
    margin-bottom: 35px;
    color: #89879b;
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article ul li,.article-body article ol li {
        margin-bottom:20px;
        font-size: 16px;
        line-height: 24px
    }
}

.article-body article em,.article-body article mark,.article-body article del,.article-body article ins,.article-body article sub sup {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin-bottom: 45px;
    color: #303030;
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article em,.article-body article mark,.article-body article del,.article-body article ins,.article-body article sub sup {
        margin-bottom:30px;
        font-size: 16px;
        line-height: 24px
    }
}

.article-body article b,.article-body article strong {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 45px;
    color: #303030;
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article b,.article-body article strong {
        margin-bottom:30px;
        font-size: 16px;
        line-height: 24px
    }
}

.article-body article figure {
    margin: 54px 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article figure {
        margin:32px 0
    }
}

.article-body article figure img {
    width: 100%;
    height: auto;
    border-radius: 8px
}

.article-body article h1,.article-body article h2,.article-body article h3,.article-body article h4,.article-body article h5,.article-body article h6 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 30px;
    color: #fff;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article h1,.article-body article h2,.article-body article h3,.article-body article h4,.article-body article h5,.article-body article h6 {
        margin-bottom:20px;
        font-size: 20px;
        line-height: 26px
    }
}

.article-body article h1 strong,.article-body article h1 b,.article-body article h2 strong,.article-body article h2 b,.article-body article h3 strong,.article-body article h3 b,.article-body article h4 strong,.article-body article h4 b,.article-body article h5 strong,.article-body article h5 b,.article-body article h6 strong,.article-body article h6 b {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700
}

.article-body article .article-body-content {
    margin-top: 75px;
    margin-bottom: 250px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article .article-body-content {
        margin-top:38px;
        margin-bottom: 120px
    }
}

.article-body article .article-body-content h3 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 32px;
    color: #fff;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 33px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article .article-body-content h3 {
        font-size:20px;
        line-height: 30px
    }
}

.article-body article .article-body-content-item {
    position: relative;
    padding: 26px 24px 24px;
    border: 1.5px solid #d9d8e7;
    background: #fff;
    border-radius: 12px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article .article-body-content-item {
        padding:32px 24px;
        border: 1px solid #d9d8e7;
        border-radius: 8px
    }
}

.article-body article .article-body-content-item a {
    text-decoration: none
}

.article-body article .article-body-content-item a:hover {
    text-decoration: none!important
}

.article-body article .article-body-content-item:hover {
    border-color: #fff
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article .article-body-content-item:hover {
        background:#f8f8ff;
        border-color: transparent
    }
}

.article-body article .article-body-content-item:hover h4 {
    color: #fff
}

.article-body article .article-body-content-item:hover::after {
    opacity: 1
}

.article-body article .article-body-content-item::after {
    position: absolute;
    z-index: -1;
    top: -3px;
    left: -3px;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    background: #d9d8e7;
    border-radius: 12px;
    content: '';
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article .article-body-content-item::after {
        content:none
    }
}

.article-body article .article-body-content-item:not(:last-child) {
    margin-bottom: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article .article-body-content-item:not(:last-child) {
        margin-bottom:20px
    }
}

.article-body article .article-body-content-item span {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    display: block;
    margin-bottom: 14px;
    color: #fff;
    font-size: 11px;
    letter-spacing: -.02em;
    line-height: 15px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article .article-body-content-item span {
        display:none;
        margin-bottom: 0
    }
}

.article-body article .article-body-content-item h4 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 12px;
    color: #fff;
    font-size: 32px;
    letter-spacing: -.02em;
    line-height: 36px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article .article-body-content-item h4 {
        margin-bottom:16px;
        font-size: 24px;
        line-height: 36px
    }
}

.article-body article .article-body-content-item p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin-bottom: 0;
    color: #89879b;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .article-body article .article-body-content-item p {
        font-size:16px;
        line-height: 24px
    }
}

.easy-investment {
    position: relative;
    padding: 0 0 105px;
    background: #F3BA2F
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment {
        overflow:hidden
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment {
        padding:45px 0 0
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .col-lg-4 {
        padding:0
    }
}

.easy-investment::after {
    position: absolute;
    bottom: -20%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-image: url(../../../themes/basework/dist/img/easy-investment-illustration.svg);
    background-position: center;
    background-size: cover;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment::after {
        bottom:-44%
    }
}

.easy-investment .video-story__progress {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1.9rem;
    height: 100%;
    margin-bottom: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .video-story__progress {
        top:-28px;
        left: 4px;
        display: block;
        width: 100%;
        height: 1.9rem;
        margin-bottom: 1rem;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform
    }
}

.easy-investment .video-story__progress .video-story__progress-track {
    position: absolute;
    top: 1.9rem;
    bottom: -1.2rem;
    left: 50%;
    width: 1px;
    height: auto;
    border: none;
    border-top: .1rem solid #fff;
    border-bottom: .1rem solid #fff;
    background: repeating-linear-gradient(to bottom,#aeb8fe 0,#aeb8fe 6px,transparent 6px,transparent 12px);
    background-repeat: repeat-y;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .video-story__progress .video-story__progress-track {
        position:absolute;
        top: .9rem;
        right: 0;
        left: .9rem;
        display: block;
        width: 100%;
        height: .1rem;
        border-top: none;
        border-bottom: none;
        background: repeating-linear-gradient(to right,#aeb8fe 0,#aeb8fe 6px,transparent 6px,transparent 12px);
        background-repeat: repeat-x;
        background-size: 100% 100%;
        -webkit-transform: initial;
        transform: initial
    }
}

.easy-investment .video-story__progress .video-story__progress-bar {
    position: absolute;
    top: 1.9rem;
    bottom: -1.2rem;
    left: 50%;
    display: block;
    width: 1px;
    height: auto;
    background-color: #fff;
    opacity: 0;
    -webkit-transform: scale(1,0) translate(-50%,0);
    transform: scale(1,0) translate(-50%,0);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .video-story__progress .video-story__progress-bar {
        position:absolute;
        top: .9rem;
        right: 0;
        left: .9rem;
        display: block;
        width: 100%;
        height: .1rem;
        background-color: #fff;
        opacity: 0;
        -webkit-transform: scale(0,1);
        transform: scale(0,1);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-transition: opacity 0.3s ease-out,-webkit-transform 0.3s linear;
        transition: opacity 0.3s ease-out,-webkit-transform 0.3s linear;
        transition: transform 0.3s linear,opacity 0.3s ease-out;
        transition: transform 0.3s linear,opacity 0.3s ease-out,-webkit-transform 0.3s linear
    }
}

.easy-investment .video-story__progress .video-story__progress-bullet {
    position: absolute;
    top: .6rem;
    left: 50%;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    opacity: 1;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .video-story__progress .video-story__progress-bullet {
        position:absolute;
        top: 0;
        left: -.5rem;
        display: block;
        width: 1.9rem;
        height: 1.9rem;
        border-radius: 50%;
        opacity: 1;
        -webkit-transform: initial;
        transform: initial;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s
    }
}

.easy-investment .video-story__progress .video-story__progress-bullet::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 9px;
    height: 9px;
    border: .1rem solid #4959ea;
    background-color: #fff;
    border-radius: 50%;
    content: '';
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: height 0.3s ease-in,width 0.3s ease-in;
    transition: height 0.3s ease-in,width 0.3s ease-in
}

.easy-investment .video-story__progress .video-story__progress-bullet::after {
    position: absolute;
    top: 5px;
    left: 50%;
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .video-story__chapter {
        position:relative;
        display: block;
        width: 85%;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0!important
    }
}

.easy-investment .video-story__chapter:last-child .video-story__progress-track,.easy-investment .video-story__chapter:last-child .video-story__progress-bar {
    display: none
}

.easy-investment .video-story__chapter:last-child .video-story__chapter-description {
    margin-bottom: 0
}

.easy-investment .video-story__chapter[data-past='true'] .video-story__progress-bar {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition: none;
    transition: none
}

.easy-investment .video-story__chapter[data-past='true'] .video-story__progress-bullet {
    opacity: 1
}

.easy-investment .video-story__chapter[data-active='true'] .video-story__progress-bullet {
    opacity: 1
}

.easy-investment .video-story__chapter[data-active='true'] .video-story__progress-bullet::before {
    -webkit-transform: scale(.8,.8);
    transform: scale(.8,.8)
}

.easy-investment .video-story__chapter[data-active='true'] .video-story__progress-bullet::after {
    top: 10px;
    left: 9.5px;
    width: 10px;
    height: 10px;
    background: #F3BA2F
}

.easy-investment .video-story__chapter[data-active='true'] .video-story__chapter-description {
    height: 90px;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.2s 0.3s linear,height 0.4s ease-in-out,-webkit-transform 0.2s 0.2s ease-in-out;
    transition: opacity 0.2s 0.3s linear,height 0.4s ease-in-out,-webkit-transform 0.2s 0.2s ease-in-out;
    transition: opacity 0.2s 0.3s linear,height 0.4s ease-in-out,transform 0.2s 0.2s ease-in-out;
    transition: opacity 0.2s 0.3s linear,height 0.4s ease-in-out,transform 0.2s 0.2s ease-in-out,-webkit-transform 0.2s 0.2s ease-in-out
}

.easy-investment .video-story__chapter[data-active='true'][data-loaded='true'] .video-story__progress-bar {
    opacity: 1;
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.easy-investment .video-story__chapter[data-past='true'] .video-story__progress-bar {
    -webkit-transition: none;
    transition: none
}

.easy-investment .video-story__chapter[data-active='true'] .video-story__progress-bar {
    -webkit-transition: opacity 0.3s ease-out,-webkit-transform 5s linear;
    transition: opacity 0.3s ease-out,-webkit-transform 5s linear;
    transition: transform 5s linear,opacity 0.3s ease-out;
    transition: transform 5s linear,opacity 0.3s ease-out,-webkit-transform 5s linear
}

.easy-investment .video-story__chapter-description {
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 37rem;
    height: 0;
    margin-bottom: 75px;
    font-size: 1.6rem;
    line-height: 2.8rem;
    opacity: 0;
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem);
    -webkit-transition: opacity 0.2s linear,height 0.4s ease-in-out,-webkit-transform 0.2s 0.2s ease-in-out;
    transition: opacity 0.2s linear,height 0.4s ease-in-out,-webkit-transform 0.2s 0.2s ease-in-out;
    transition: opacity 0.2s linear,height 0.4s ease-in-out,transform 0.2s 0.2s ease-in-out;
    transition: opacity 0.2s linear,height 0.4s ease-in-out,transform 0.2s 0.2s ease-in-out,-webkit-transform 0.2s 0.2s ease-in-out
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .video-story__chapter-description {
        display:block;
        width: 90%;
        max-width: 37rem;
        height: 90px!important;
        font-size: 1.6rem;
        line-height: 2.8rem;
        opacity: .5;
        opacity: 1!important;
        -webkit-transform: translateY(0)!important;
        transform: translateY(0)!important;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        -webkit-transition: opacity 0.2s 0.3s linear,height 0.4s ease-in-out,-webkit-transform 0.2s 0.2s ease-in-out!important;
        transition: opacity 0.2s 0.3s linear,height 0.4s ease-in-out,-webkit-transform 0.2s 0.2s ease-in-out!important;
        transition: opacity 0.2s 0.3s linear,height 0.4s ease-in-out,transform 0.2s 0.2s ease-in-out!important;
        transition: opacity 0.2s 0.3s linear,height 0.4s ease-in-out,transform 0.2s 0.2s ease-in-out,-webkit-transform 0.2s 0.2s ease-in-out!important
    }
}

.easy-investment .video-story__chapter-description p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 30px;
    opacity: .75
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .video-story__chapter-description p {
        font-size:16px;
        line-height: 24px
    }
}

.easy-investment .swiper {
    width: 100%;
    height: 100%
}

.easy-investment .swiper-slide {
    display: box;
    display: flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-content: center;
    background: #fff;
    box-align: center;
    box-pack: center;
    flex-align: center;
    flex-pack: center;
    font-size: 18px;
    text-align: center
}

.easy-investment .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.easy-investment .swiper-slide {
    background: transparent!important;
    background-position: center;
    background-size: cover
}

.easy-investment .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.easy-investment .mySwiper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .mySwiper {
        padding:30px 0!important
    }
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide {
    position: relative;
    display: unset;
    height: auto!important;
    padding: 0 0 0 2.6rem;
    background: transparent;
    cursor: pointer;
    text-align: left
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide .swiper-slide-content-title {
    max-width: 320px;
    padding: .8rem 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .mySwiper .swiper-wrapper .swiper-slide .swiper-slide-content-title {
        max-width:100%
    }
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide .swiper-slide-content-title h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    padding-right: 0;
    padding-left: 0;
    border: none!important;
    background-color: transparent!important;
    color: #fff;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 28px;
    opacity: .3
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .mySwiper .swiper-wrapper .swiper-slide .swiper-slide-content-title h3 {
        font-size:20px
    }
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide .swiper-slide-content-description {
    max-width: 400px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .mySwiper .swiper-wrapper .swiper-slide .swiper-slide-content-description {
        max-width:100%
    }
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide-thumb-active .swiper-slide-content-title h3 {
    opacity: 1
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide-thumb-active .video-story__progress-bar {
    opacity: 1!important;
    -webkit-transform: scale(1,1) translate(-50%,0)!important;
    transform: scale(1,1) translate(-50%,0)!important;
    -webkit-transition: none!important;
    transition: none!important
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .mySwiper .swiper-wrapper .swiper-slide-thumb-active .video-story__progress-bar {
        -webkit-transform:scale(1,1)!important;
        transform: scale(1,1)!important
    }
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide-thumb-active .video-story__progress-bullet {
    opacity: 1!important
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide-thumb-active .video-story__progress-bullet {
    opacity: 1!important
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide-thumb-active .video-story__progress-bullet::before {
    width: 24px;
    height: 24px
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide-thumb-active .video-story__progress-bullet::after {
    top: 50%!important;
    left: 50%!important;
    width: 10px!important;
    height: 10px!important;
    background: #F3BA2F!important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide-thumb-active .video-story__chapter-description {
    height: 90px!important;
    opacity: 1!important;
    -webkit-transform: translateY(0)!important;
    transform: translateY(0)!important;
    -webkit-transition: opacity 0.2s 0.3s linear,height 0.4s ease-in-out,-webkit-transform 0.2s 0.2s ease-in-out!important;
    transition: opacity 0.2s 0.3s linear,height 0.4s ease-in-out,-webkit-transform 0.2s 0.2s ease-in-out!important;
    transition: opacity 0.2s 0.3s linear,height 0.4s ease-in-out,transform 0.2s 0.2s ease-in-out!important;
    transition: opacity 0.2s 0.3s linear,height 0.4s ease-in-out,transform 0.2s 0.2s ease-in-out,-webkit-transform 0.2s 0.2s ease-in-out!important
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide-thumb-active .video-story__progress-bar {
    opacity: 1!important;
    -webkit-transform: scale(1,1) translate(-50%,0)!important;
    transform: scale(1,1) translate(-50%,0)!important;
    -webkit-transition-duration: inherit!important;
    transition-duration: inherit!important;
    -webkit-transition-property: -webkit-transform!important;
    transition-property: -webkit-transform!important;
    transition-property: transform!important;
    transition-property: transform,-webkit-transform!important;
    -webkit-transition-timing-function: linear!important;
    transition-timing-function: linear!important
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .mySwiper .swiper-wrapper .swiper-slide-thumb-active .video-story__progress-bar {
        -webkit-transform:scale(1,1)!important;
        transform: scale(1,1)!important
    }
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide-thumb-active .video-story__progress-bar {
    -webkit-transition: none!important;
    transition: none!important
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide-thumb-active .video-story__progress-bar {
    -webkit-transition: opacity 0.3s ease-out,-webkit-transform 5s linear!important;
    transition: opacity 0.3s ease-out,-webkit-transform 5s linear!important;
    transition: transform 5s linear,opacity 0.3s ease-out!important;
    transition: transform 5s linear,opacity 0.3s ease-out,-webkit-transform 5s linear!important
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide-prev .video-story__progress-bar {
    opacity: 1;
    -webkit-transform: scale(1,1) translate(-50%,0);
    transform: scale(1,1) translate(-50%,0)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .mySwiper .swiper-wrapper .swiper-slide-prev .video-story__progress-bar {
        -webkit-transform:scale(1,1);
        transform: scale(1,1)
    }
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide-prev .video-story__progress-bar {
    -webkit-transition: none;
    transition: none
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide-prev-prev .video-story__progress-bar {
    opacity: 1;
    -webkit-transform: scale(1,1) translate(-50%,0);
    transform: scale(1,1) translate(-50%,0)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .mySwiper .swiper-wrapper .swiper-slide-prev-prev .video-story__progress-bar {
        -webkit-transform:scale(1,1);
        transform: scale(1,1)
    }
}

.easy-investment .mySwiper .swiper-wrapper .swiper-slide-prev-prev .video-story__progress-bar {
    -webkit-transition: none;
    transition: none
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .home-swiper-main {
        margin-bottom:-82px
    }
}

.easy-investment .home-swiper-main .mySwiper2 {
    width: 100%;
    height: 100%
}

.easy-investment .home-swiper-main .mySwiper2 .swiper-slide img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .home-swiper-main .mySwiper2 .swiper-slide img {
        width:60%;
        max-height: 400px
    }
}

.easy-investment .easy-investment-nav-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.easy-investment .easy-investment-nav-block-title {
    margin-top: 29px;
    margin-bottom: 81px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .easy-investment-nav-block-title {
        margin-top:0;
        margin-bottom: 60px;
        margin-left: 20px;
        text-align: center
    }
}

.easy-investment .easy-investment-nav-block-title h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    font-size: 40px;
    letter-spacing: -.02em;
    line-height: 55px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .easy-investment .easy-investment-nav-block-title h3 {
        margin-left:0;
        font-size: 28px;
        line-height: 38px
    }
}

@media only screen and (min-width: 992px) {
    .scrolCal {
        -webkit-transform:inherit!important;
        transform: inherit!important
    }
}

.everyone-bnbprotrade {
    position: relative;
    padding: 140px 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .everyone-bnbprotrade {
        padding:80px 0 40px
    }
}

.everyone-bnbprotrade::after {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(73,89,234,.2);
    content: ''
}

.everyone-bnbprotrade::before {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    content: ''
}

.everyone-bnbprotrade-background-image {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.everyone-bnbprotrade-background-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.everyone-bnbprotrade-background-image video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.everyone-bnbprotrade-head {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .everyone-bnbprotrade-head {
        height:unset;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 50px
    }
}

.everyone-bnbprotrade-head-title {
    margin-top: -20px
}

@media only screen and (min-width: 320px) and (max-width:580px) {
    .everyone-bnbprotrade-head-title {
        width:100%;
        margin-top: 0;
        text-align: center
    }
}

@media only screen and (min-width: 581px) and (max-width:767px) {
    .everyone-bnbprotrade-head-title {
        width:75%;
        margin-top: 0;
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .everyone-bnbprotrade-head-title {
        width:75%;
        margin-top: 0;
        text-align: center
    }
}

.everyone-bnbprotrade-head-title h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 14px;
    color: #fff;
    font-size: 60px;
    letter-spacing: -.02em;
    line-height: 82px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .everyone-bnbprotrade-head-title h3 {
        margin-bottom:24px;
        font-size: 32px;
        line-height: 44px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .everyone-bnbprotrade-head-title h3 {
        font-size:44px;
        line-height: 52px
    }
}

.everyone-bnbprotrade-head-title p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 27px;
    opacity: .8
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .everyone-bnbprotrade-head-title p {
        font-size:16px;
        line-height: 24px
    }
}

.everyone-bnbprotrade-body {
    position: relative;
    z-index: 1;
    max-width: 554px;
    padding: 60px 80px 56px;
    background: #fff;
    border-radius: 20px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .everyone-bnbprotrade-body {
        max-width:400px;
        padding: 50px 12px 40px;
        margin: 0 auto
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .everyone-bnbprotrade-body {
        max-width:100%;
        padding: 50px 12px 40px
    }
}

@media only screen and (min-width: 992px) and (max-width:1400px) {
    .everyone-bnbprotrade-body {
        padding:50px 20px 40px
    }
}

.everyone-bnbprotrade-body-title {
    margin-bottom: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .everyone-bnbprotrade-body-title {
        margin-bottom:48px
    }
}

.everyone-bnbprotrade-body-title h4 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 33px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .everyone-bnbprotrade-body-title h4 {
        font-size:20px;
        line-height: 27px
    }
}

.everyone-bnbprotrade-body-list-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px
}

.everyone-bnbprotrade-body-list-head-item {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 6px;
    border: 1px solid #d9d8e7;
    border-radius: 8px;
    cursor: pointer
}

@media (prefers-reduced-motion:reduce) {
    .everyone-bnbprotrade-body-list-head-item {
        -webkit-transition: none;
        transition: none
    }
}

.everyone-bnbprotrade-body-list-head-item img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

@media (prefers-reduced-motion:reduce) {
    .everyone-bnbprotrade-body-list-head-item img {
        -webkit-transition: none;
        transition: none
    }
}

.everyone-bnbprotrade-body-list-head-item.is-active {
    border: 1px solid #4959ea;
    background: #fff;
    -webkit-filter: drop-shadow(0 0 8px rgba(0,0,0,.08));
    filter: drop-shadow(0 0 8px rgba(0,0,0,.08))
}

.everyone-bnbprotrade-body-list-head-item.is-active img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.everyone-bnbprotrade-body-list-years {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 32px
}

.everyone-bnbprotrade-body-list-years-item {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    padding: 14px 30px;
    border: 1px solid #d9d8e7;
    border-radius: 29px;
    color: #b6b5c0;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: -.02em;
    line-height: 21px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .everyone-bnbprotrade-body-list-years-item {
        padding:14px 24px;
        font-size: 12px
    }
}

.everyone-bnbprotrade-body-list-years-item.is-active {
    border: none;
    background: #fff;
    color: #fff
}

@media only screen and (min-width: 992px) and (max-width:1400px) {
    .everyone-bnbprotrade-body-list-years-item {
        padding:14px 24px
    }
}

.everyone-bnbprotrade-body-list-investment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.everyone-bnbprotrade-body-list-investment-head {
    font-family: 'Satoshi-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px;
    text-align: center
}

.everyone-bnbprotrade-body-list-investment-head span {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px;
    text-align: center
}

.everyone-bnbprotrade-body-list-investment-body {
    width: 100%;
    margin-bottom: 40px
}

.everyone-bnbprotrade-body-list-investment-body-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border: 12px solid #fff;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 24px rgba(0,0,0,.05);
    box-shadow: 0 0 24px rgba(0,0,0,.05)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .everyone-bnbprotrade-body-list-investment-body-range {
        border:8px solid #fff
    }
}

.everyone-bnbprotrade-body-list-investment-body-range input[type='range'] {
    width: 100%;
    height: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #edeef1;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4959ea),to(#4959ea));
    background-image: linear-gradient(#4959ea,#4959ea);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 5px
}

.everyone-bnbprotrade-body-list-investment-body-range input[type='range']::-webkit-slider-thumb {
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border-radius: 50%;
    cursor: ew-resize;
    -webkit-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .everyone-bnbprotrade-body-list-investment-body-range input[type='range']::-webkit-slider-thumb {
        width:14px;
        height: 14px
    }
}

.everyone-bnbprotrade-body-list-investment-body-range input[type='range']::-webkit-slider-runnable-track {
    border: none;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.everyone-bnbprotrade-body-list-investment-body-range input[type='range']::-moz-range-track {
    border: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    box-shadow: none
}

.everyone-bnbprotrade-body-list-investment-body-range input[type='range']::-ms-track {
    border: none;
    appearance: none;
    background: transparent;
    box-shadow: none
}

.everyone-bnbprotrade-body-list-investment-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.everyone-bnbprotrade-body-list-investment-footer span {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fff;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 33px;
    text-align: center
}

.everyone-bnbprotrade-body-list-investment-footer h5 {
    font-family: 'Satoshi-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px;
    text-align: center
}

input,select,textarea,button {
    -webkit-appearance: none
}

.freedom-of-investment-head {
    margin-bottom: 70px
}

@media only screen and (min-width: 1200px) and (max-width:1600px) {
    .freedom-of-investment-head {
        margin-bottom:40px
    }
}

.freedom-of-investment-head-title {
    margin-bottom: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .freedom-of-investment-head-title {
        margin-bottom:24px
    }
}

.freedom-of-investment-head-title h1 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin: 0;
    color: #fff;
    font-size: 100px;
    letter-spacing: -.02em;
    line-height: 136px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .freedom-of-investment-head-title h1 {
        font-size:36px;
        line-height: 49px
    }
}

.freedom-of-investment-head-title h1 span {
    color: #fff
}

@media only screen and (min-width: 992px) and (max-width:1600px) {
    .freedom-of-investment-head-title h1 {
        font-size:72px;
        line-height: 104px
    }
}

.freedom-of-investment-head-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.freedom-of-investment-head-description p {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    max-width: 60%;
    color: #fff;
    font-size: 22px;
    letter-spacing: -.02em;
    line-height: 30px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .freedom-of-investment-head-description p {
        font-size:16px;
        line-height: 28px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1600px) {
    .freedom-of-investment-head-description p {
        font-size:20px;
        line-height: 28px
    }
}

.freedom-of-investment-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 695px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .freedom-of-investment-body {
        height:335px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .freedom-of-investment-body {
        height:425px
    }
}

.freedom-of-investment-body .hero-group-video {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    min-width: 895px;
    height: calc(100% + 200px);
    -webkit-animation-delay: 0s,0.2s;
    animation-delay: 0s,0.2s;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate;
    -webkit-animation-duration: 0.9s,4s;
    animation-duration: 0.9s,4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-name: hvr-bob-float,hvr-bob-phone-video;
    animation-name: hvr-bob-float,hvr-bob-phone-video;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .freedom-of-investment-body .hero-group-video {
        height:calc(100% + 0px)
    }
}

@-webkit-keyframes hvr-bob-phone-video {
    0% {
        -webkit-transform: translate(-50%,-12px);
        transform: translate(-50%,-12px)
    }

    50% {
        -webkit-transform: translate(-50%,-8px);
        transform: translate(-50%,-8px)
    }

    100% {
        -webkit-transform: translate(-50%,-12px);
        transform: translate(-50%,-12px)
    }
}

@keyframes hvr-bob-phone-video {
    0% {
        -webkit-transform: translate(-50%,-12px);
        transform: translate(-50%,-12px)
    }

    50% {
        -webkit-transform: translate(-50%,-8px);
        transform: translate(-50%,-8px)
    }

    100% {
        -webkit-transform: translate(-50%,-12px);
        transform: translate(-50%,-12px)
    }
}

.freedom-of-investment-body img {
    position: absolute;
    z-index: 2;
    height: auto
}

.freedom-of-investment-body img.icon-1 {
    top: 35%;
    left: 0%;
    width: 7%;
    min-width: 44px;
    -webkit-animation-delay: 0s,0.3s;
    animation-delay: 0s,0.3s;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate;
    -webkit-animation-duration: 0.3s,2.8s;
    animation-duration: 0.3s,2.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-name: hvr-bob-float,hvr-bob-one;
    animation-name: hvr-bob-float,hvr-bob-one;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .freedom-of-investment-body img.icon-1 {
        z-index:1;
        left: 4%
    }
}

@-webkit-keyframes hvr-bob-one {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes hvr-bob-one {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.freedom-of-investment-body img.icon-2 {
    bottom: 4%;
    left: 5%;
    width: 10%;
    min-width: 60px;
    -webkit-animation-delay: 0s,0.4s;
    animation-delay: 0s,0.4s;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate;
    -webkit-animation-duration: 0.4s,3.2s;
    animation-duration: 0.4s,3.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-name: hvr-bob-float,hvr-bob-two;
    animation-name: hvr-bob-float,hvr-bob-two;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .freedom-of-investment-body img.icon-2 {
        z-index:1;
        left: 13%
    }
}

@-webkit-keyframes hvr-bob-two {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes hvr-bob-two {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.freedom-of-investment-body img.icon-3 {
    top: 6%;
    left: 12%;
    width: 12%;
    min-width: 65px;
    -webkit-animation-delay: 0s,0.6s;
    animation-delay: 0s,0.6s;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate;
    -webkit-animation-duration: 0.3s,3.3s;
    animation-duration: 0.3s,3.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-name: hvr-bob-float,hvr-bob-three;
    animation-name: hvr-bob-float,hvr-bob-three;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .freedom-of-investment-body img.icon-3 {
        z-index:1;
        top: 0;
        left: 0
    }
}

@-webkit-keyframes hvr-bob-three {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes hvr-bob-three {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.freedom-of-investment-body img.icon-4 {
    bottom: 30%;
    left: 20%;
    width: 7%;
    min-width: 45px;
    -webkit-animation-delay: 0s,0.4s;
    animation-delay: 0s,0.4s;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate;
    -webkit-animation-duration: 0.2s,2.6s;
    animation-duration: 0.2s,2.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-name: hvr-bob-float,hvr-bob-four;
    animation-name: hvr-bob-float,hvr-bob-four;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .freedom-of-investment-body img.icon-4 {
        z-index:1;
        bottom: 30%;
        left: 45%
    }
}

@-webkit-keyframes hvr-bob-four {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes hvr-bob-four {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.freedom-of-investment-body img.icon-5 {
    top: 4%;
    right: 25%;
    width: 10%;
    min-width: 64px;
    -webkit-animation-delay: 0s,0.7s;
    animation-delay: 0s,0.7s;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate;
    -webkit-animation-duration: 0.1s,4s;
    animation-duration: 0.1s,4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-name: hvr-bob-float,hvr-bob-five;
    animation-name: hvr-bob-float,hvr-bob-five;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .freedom-of-investment-body img.icon-5 {
        z-index:0;
        top: 80%;
        right: 9%;
        bottom: 6%
    }
}

@-webkit-keyframes hvr-bob-five {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes hvr-bob-five {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.freedom-of-investment-body img.icon-6 {
    top: 38%;
    right: 14%;
    width: 7%;
    min-width: 54px;
    -webkit-animation-delay: 0s,0.4s;
    animation-delay: 0s,0.4s;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate;
    -webkit-animation-duration: 0.4s,3.2s;
    animation-duration: 0.4s,3.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-name: hvr-bob-float,hvr-bob-six;
    animation-name: hvr-bob-float,hvr-bob-six;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .freedom-of-investment-body img.icon-6 {
        z-index:1;
        top: 20%;
        right: 31%
    }
}

@-webkit-keyframes hvr-bob-six {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes hvr-bob-six {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.freedom-of-investment-body img.icon-7 {
    top: 0%;
    right: -2%;
    width: 12%;
    min-width: 54px;
    -webkit-animation-delay: 0s,0.4s;
    animation-delay: 0s,0.4s;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate;
    -webkit-animation-duration: 0.4s,2.4s;
    animation-duration: 0.4s,2.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-name: hvr-bob-float,hvr-bob-seven;
    animation-name: hvr-bob-float,hvr-bob-seven;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .freedom-of-investment-body img.icon-7 {
        z-index:1;
        top: 12%
    }
}

@-webkit-keyframes hvr-bob-seven {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes hvr-bob-seven {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.freedom-of-investment-body img.icon-8 {
    top: 75%;
    right: 2%;
    width: 10%;
    min-width: 54px;
    -webkit-animation-delay: 0s,0.4s;
    animation-delay: 0s,0.4s;
    -webkit-animation-direction: normal,alternate;
    animation-direction: normal,alternate;
    -webkit-animation-duration: 0.4s,2.2s;
    animation-duration: 0.4s,2.2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1,infinite;
    animation-iteration-count: 1,infinite;
    -webkit-animation-name: hvr-bob-float,hvr-bob-eight;
    animation-name: hvr-bob-float,hvr-bob-eight;
    -webkit-animation-timing-function: ease-out,ease-in-out;
    animation-timing-function: ease-out,ease-in-out
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .freedom-of-investment-body img.icon-8 {
        z-index:1;
        top: 55%;
        right: -1%
    }
}

@-webkit-keyframes hvr-bob-eight {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

@keyframes hvr-bob-eight {
    0% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }

    50% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    100% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px)
    }
}

.frequently-asked-questions-title {
    margin-bottom: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .frequently-asked-questions-title {
        margin-bottom:56px
    }
}

.frequently-asked-questions-title h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 24px;
    color: #fff;
    font-size: 40px;
    letter-spacing: -.02em;
    line-height: 55px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .frequently-asked-questions-title h3 {
        font-size:32px;
        line-height: 44px
    }
}

.frequently-asked-questions-title p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #41404f;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .frequently-asked-questions-title p {
        font-size:16px;
        line-height: 27px
    }
}

.frequently-asked-questions .accordion .card:first-child .card-header {
    border-top: none
}

.frequently-asked-questions .accordion .card-header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 32px 0;
    border-top: 1px solid #d9d8e7;
    cursor: pointer
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .frequently-asked-questions .accordion .card-header {
        padding:24px 0
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .frequently-asked-questions .accordion .card-header {
        font-size:18px;
        line-height: 24px
    }
}

.frequently-asked-questions .accordion .card-header span {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    color: #fff;
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .frequently-asked-questions .accordion .card-header span {
        width:85%
    }
}

.frequently-asked-questions .accordion .card-header::after {
    position: absolute;
    right: 0;
    width: 24px;
    height: 24px;
    content: url(../../../themes/basework/dist/img/sss-icon-close.svg)
}

.frequently-asked-questions .accordion .card-header[aria-expanded*='true'] span {
    color: #fff
}

.frequently-asked-questions .accordion .card-header[aria-expanded*='true']::after {
    content: url(../../../themes/basework/dist/img/sss-icon-open.svg)
}

.frequently-asked-questions .accordion .card-body {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    max-width: 90%;
    padding-bottom: 32px;
    color: #303030;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .frequently-asked-questions .accordion .card-body {
        font-size:14px;
        line-height: 21px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .holding-head .row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.holding-head-title,.holding-head-title h1,.holding-head-title h2,.holding-head-title h3,.holding-head-title h4,.holding-head-title h5,.holding-head-title h6,.holding-head-title a {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin: 67px 0 0;
    color: #fff;
    font-size: 54px;
    letter-spacing: -.02em;
    line-height: 81px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .holding-head-title,.holding-head-title h1,.holding-head-title h2,.holding-head-title h3,.holding-head-title h4,.holding-head-title h5,.holding-head-title h6,.holding-head-title a {
        margin:0;
        font-size: 24px;
        line-height: 32.71px;
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .holding-head-title,.holding-head-title h1,.holding-head-title h2,.holding-head-title h3,.holding-head-title h4,.holding-head-title h5,.holding-head-title h6,.holding-head-title a {
        margin:10px 0 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .holding-head-title,.holding-head-title h1,.holding-head-title h2,.holding-head-title h3,.holding-head-title h4,.holding-head-title h5,.holding-head-title h6,.holding-head-title a {
        margin:20px 0 0
    }
}

.holding-head-text,.holding-head-text p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin: 24px 0 0;
    color: #585768;
    font-size: 18px;
    line-height: 36px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .holding-head-text,.holding-head-text p {
        margin:15px 0 0;
        font-size: 16px;
        letter-spacing: -.02em;
        line-height: 28px;
        text-align: center
    }
}

.holding-head-iframe {
    overflow: hidden;
    border: 1px solid #d9d8e7;
    border-radius: 12px
}

.holding-head-iframe-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 75%
}

@media only screen and (min-width: 320px) and (max-width:1200px) {
    .holding-head-iframe-wrapper {
        padding-left:0
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .holding-head-iframe-wrapper {
        margin-top:60px
    }
}

.holding-head-iframe img,.holding-head-iframe iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.body-holding-detail .footer-contain-item.item-first {
    border-top: none
}

.holding-news {
    margin-top: 150px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .holding-news {
        margin-top:80px
    }
}

.holding-news-head-title,.holding-news-head-title h1,.holding-news-head-title h2,.holding-news-head-title h3,.holding-news-head-title h4,.holding-news-head-title h5,.holding-news-head-title h6,.holding-news-head-title a {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin: 0;
    color: #fff;
    font-size: 40px;
    letter-spacing: -.02em;
    line-height: 54.52px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .holding-news-head-title,.holding-news-head-title h1,.holding-news-head-title h2,.holding-news-head-title h3,.holding-news-head-title h4,.holding-news-head-title h5,.holding-news-head-title h6,.holding-news-head-title a {
        font-size:24px;
        line-height: 32.64px
    }
}

.holding-news-head-text,.holding-news-head-text p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin: 16px 0 0;
    color: #585768;
    font-size: 18px;
    line-height: 27px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .holding-news-head-text,.holding-news-head-text p {
        margin:12px 0 0;
        font-size: 14px;
        letter-spacing: -.02em;
        line-height: 26px
    }
}

.holding-news .col-lg-4 {
    margin-bottom: 30px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .holding-news .col-lg-4 {
        margin-bottom:40px
    }
}

.holding-news-card:hover .holding-news-card-read-more-arrow {
    left: 10px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .holding-news-card:hover .holding-news-card-read-more-arrow {
        left:0
    }
}

.holding-news-card-wrapper {
    margin-top: 80px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .holding-news-card-wrapper {
        margin-top:40px
    }
}

.holding-news-card-article a {
    display: inline-block
}

.holding-news-card-figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin: 0;
    border-radius: 16px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .holding-news-card-figure {
        border-radius:12px
    }
}

.holding-news-card-figure img {
    width: 100%;
    height: 100%
}

.holding-news-card-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.holding-news-card-meta,.holding-news-card-meta a,.holding-news-card-meta span {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin: 0;
    color: #585768;
    font-size: 13px;
    line-height: 17.72px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .holding-news-card-meta,.holding-news-card-meta a,.holding-news-card-meta span {
        font-size:12px;
        letter-spacing: .02em;
        line-height: 16.36px
    }
}

.holding-news-card-meta span:nth-child(2) {
    margin: 0 5px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .holding-news-card-meta span:nth-child(2) {
        display:none
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .holding-news-card-meta span:last-child {
        display:none
    }
}

.holding-news-card-body {
    margin-top: 24px
}

.holding-news-card-body-title,.holding-news-card-body-title h1,.holding-news-card-body-title h2,.holding-news-card-body-title h3,.holding-news-card-body-title h4,.holding-news-card-body-title h5,.holding-news-card-body-title h6,.holding-news-card-body-title a {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    display: block;
    padding-right: 5.5%;
    margin: 12px 0 8px;
    color: #fff;
    font-size: 26px;
    letter-spacing: -.02em;
    line-height: 39px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .holding-news-card-body-title,.holding-news-card-body-title h1,.holding-news-card-body-title h2,.holding-news-card-body-title h3,.holding-news-card-body-title h4,.holding-news-card-body-title h5,.holding-news-card-body-title h6,.holding-news-card-body-title a {
        margin:12px 0;
        color: #fff;
        font-size: 20px;
        line-height: 30px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .holding-news-card-body-title,.holding-news-card-body-title h1,.holding-news-card-body-title h2,.holding-news-card-body-title h3,.holding-news-card-body-title h4,.holding-news-card-body-title h5,.holding-news-card-body-title h6,.holding-news-card-body-title a {
        padding-right:0
    }
}

.holding-news-card-read-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.holding-news-card-read-more,.holding-news-card-read-more a {
    font-family: 'Satoshi-Bold';
    font-style: normal;
    font-weight: 700;
    color: #a3a1b4;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 28px
}

.holding-news-card-read-more-arrow {
    -webkit-transition: left 0.5s ease;
    transition: left 0.5s ease;
    position: relative;
    left: 0;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 3px 0 0 6px;
    background-image: url(../../../themes/basework/dist/img/holding-news-read-more-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

@media (prefers-reduced-motion:reduce) {
    .holding-news-card-read-more-arrow {
        -webkit-transition: none;
        transition: none
    }
}

.information-investment {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 270px 0;
    background: rgba(241,244,248,.5)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .information-investment {
        padding:60px 0
    }
}

.information-investment .position-control {
    position: absolute;
    top: 50%;
    right: 0;
    padding-right: 0;
    padding-left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .information-investment .position-control {
        position:relative;
        top: unset;
        right: unset;
        -webkit-transform: none;
        transform: none
    }
}

.information-investment-head-title {
    position: relative;
    margin-bottom: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .information-investment-head-title {
        margin-bottom:24px
    }
}

.information-investment-head-title::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 5px;
    background: #fff;
    border-radius: 1px;
    content: ''
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .information-investment-head-title::before {
        width:70px;
        height: 3px
    }
}

.information-investment-head-title h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    padding-bottom: 24px;
    color: #fff;
    font-size: 40px;
    line-height: 55px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .information-investment-head-title h3 {
        padding-bottom:16px;
        font-size: 32px;
        line-height: 44px
    }
}

.information-investment-head-description {
    margin-bottom: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .information-investment-head-description {
        margin-bottom:48px
    }
}

.information-investment-head-description p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #41404f;
    font-size: 18px;
    line-height: 27px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .information-investment-head-description p {
        font-size:16px;
        line-height: 28px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .information-investment-head-slider-buttons {
        display:none
    }
}

.information-investment-body {
    padding-left: 15%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .information-investment-body {
        padding-left:0
    }
}

.information-investment-body .information-investment-slider {
    padding-right: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .information-investment-body .information-investment-slider {
        padding-right:16px;
        padding-left: 15px
    }
}

.information-investment-body .information-investment-slider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto
}

.information-investment-body .information-investment-slider .swiper-slide .slider-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    border-radius: 24px
}

.information-investment-body .information-investment-slider .swiper-slide .slider-content-image {
    position: relative;
    width: 100%
}

.information-investment-body .information-investment-slider .swiper-slide .slider-content-image-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 330px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .information-investment-body .information-investment-slider .swiper-slide .slider-content-image-head {
        height:230px
    }
}

.information-investment-body .information-investment-slider .swiper-slide .slider-content-image-head img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (min-width: 320px) and (max-width:420px) {
    .information-investment-body .information-investment-slider .swiper-slide .slider-content-image-head img {
        height:230px
    }
}

.information-investment-body .information-investment-slider .swiper-slide .slider-content-image-body {
    position: absolute;
    bottom: 24px;
    left: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .information-investment-body .information-investment-slider .swiper-slide .slider-content-image-body {
        bottom:16px;
        left: 16px
    }
}

.information-investment-body .information-investment-slider .swiper-slide .slider-content-image-body span {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    padding: 4px 8px;
    background: #fff;
    border-radius: 11.5px;
    color: #fff;
    font-size: 11px;
    letter-spacing: -.02em;
    line-height: 15px
}

.information-investment-body .information-investment-slider .swiper-slide .slider-content-communications {
    padding: 24px 32px 32px 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .information-investment-body .information-investment-slider .swiper-slide .slider-content-communications {
        padding:24px 20px
    }
}

.information-investment-body .information-investment-slider .swiper-slide .slider-content-communications:hover svg {
    -webkit-transform: translate(8px,2px);
    transform: translate(8px,2px)
}

.information-investment-body .information-investment-slider .swiper-slide .slider-content-communications span {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #585768;
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .information-investment-body .information-investment-slider .swiper-slide .slider-content-communications span {
        font-size:12px;
        line-height: 14px
    }
}

.information-investment-body .information-investment-slider .swiper-slide .slider-content-communications h4 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-top: 12px;
    margin-bottom: 8px;
    color: #fff;
    font-size: 26px;
    letter-spacing: -.02em;
    line-height: 39px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .information-investment-body .information-investment-slider .swiper-slide .slider-content-communications h4 {
        margin-top:12px;
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 30px
    }
}

.information-investment-body .information-investment-slider .swiper-slide .slider-content-communications-reading {
    font-family: 'Satoshi-Bold';
    font-style: normal;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 28px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .information-investment-body .information-investment-slider .swiper-slide .slider-content-communications-reading {
        font-size:14px;
        line-height: 28px
    }
}

.information-investment-body .information-investment-slider .swiper-slide .slider-content-communications-reading svg {
    -webkit-transform: translate(5px,2px);
    transform: translate(5px,2px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.keywords-body-list {
    overflow: hidden
}

.keywords-body-list-row {
    position: relative;
    overflow: hidden
}

.keywords-body-list-row:nth-child(2) .keywords-body-list-row-list {
    padding-right: 50px
}

.keywords-body-list-row-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 5px;
    padding-right: 50px;
    padding-bottom: 5px
}

.keywords-body-list-row-list.cloned {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.keywords-body-list-row-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #d9d8e7;
    margin-right: 10px;
    background: #fff;
    border-radius: 100px;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item {
        padding:7px 12px;
        margin-bottom: 10px;
        font-size: 12px
    }
}

.keywords-body-list-row-item:not(:last-child) {
    margin-right: 90px
}

.keywords-body-list-row-item.s-image {
    width: 60px;
    height: 60px
}

@media only screen and (min-width: 320px) and (max-width:1200px) {
    .keywords-body-list-row-item.s-image {
        width:50px;
        height: 50px;
        padding: 8px
    }
}

@media only screen and (min-width: 320px) and (max-width:1200px) {
    .keywords-body-list-row-item.s-image img {
        width:100%;
        height: 100%
    }
}

.keywords-body-list-row-item.m-image {
    width: 100px;
    height: 100px
}

@media only screen and (min-width: 320px) and (max-width:1200px) {
    .keywords-body-list-row-item.m-image {
        width:88px;
        height: 88px;
        padding: 14px
    }
}

@media only screen and (min-width: 320px) and (max-width:1200px) {
    .keywords-body-list-row-item.m-image img {
        width:100%;
        height: 100%
    }
}

.keywords-body-list-row-item.l-image {
    width: 160px;
    height: 160px
}

@media only screen and (min-width: 320px) and (max-width:1200px) {
    .keywords-body-list-row-item.l-image {
        width:120px;
        height: 120px;
        padding: 20px
    }
}

@media only screen and (min-width: 320px) and (max-width:1200px) {
    .keywords-body-list-row-item.l-image img {
        width:100%;
        height: 100%
    }
}

.keywords-body-list-row-item.keywords-state-1 {
    margin-top: 50px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-1 {
        margin-top:40px
    }
}

.keywords-body-list-row-item.keywords-state-2 {
    margin-top: -50px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-2 {
        margin-top:-40px
    }
}

.keywords-body-list-row-item.keywords-state-3 {
    margin-top: 110px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-3 {
        margin-top:80px
    }
}

.keywords-body-list-row-item.keywords-state-4 {
    margin-top: -110px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-4 {
        margin-top:-80px
    }
}

.keywords-body-list-row-item.keywords-state-4a {
    margin-top: 85px;
    margin-left: -166px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-4a {
        margin-top:50px;
        margin-left: -60px
    }
}

.keywords-body-list-row-item.keywords-state-5 {
    margin-top: 60px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-5 {
        margin-top:50px
    }
}

.keywords-body-list-row-item.keywords-state-6 {
    margin-top: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-6 {
        margin-top:40px
    }
}

.keywords-body-list-row-item.keywords-state-7 {
    margin-top: -120px;
    margin-left: 150px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-7 {
        margin-top:-62px;
        margin-left: 50px
    }
}

.keywords-body-list-row-item.keywords-state-7a {
    margin-top: 180px;
    margin-left: -257px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-7a {
        margin-top:-62px;
        margin-left: -1px
    }
}

.keywords-body-list-row-item.keywords-state-8 {
    margin-top: 40px;
    margin-left: 64px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-8 {
        margin-top:32px
    }
}

.keywords-body-list-row-item.keywords-state-9 {
    margin-top: 10px;
    margin-left: 35px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-9 {
        margin-top:4px;
        margin-left: 0
    }
}

.keywords-body-list-row-item.keywords-state-10 {
    margin-top: 120px;
    margin-left: 54px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-10 {
        margin-top:-22px;
        margin-left: 15px
    }
}

.keywords-body-list-row-item.keywords-state-11 {
    margin-top: -80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-11 {
        margin-top:-5px;
        margin-left: 10px
    }
}

.keywords-body-list-row-item.keywords-state-11a {
    margin-top: -150px;
    margin-right: 150px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-11a {
        margin-top:-55px;
        margin-right: 50px
    }
}

.keywords-body-list-row-item.keywords-state-12 {
    margin-top: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-12 {
        margin-top:15px
    }
}

.keywords-body-list-row-item.keywords-state-13 {
    margin-top: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-13 {
        margin-top:42px
    }
}

.keywords-body-list-row-item.keywords-state-14 {
    margin-top: -150px;
    margin-right: 135px;
    margin-left: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-14 {
        margin-top:-40px;
        margin-right: 50px;
        margin-left: 0
    }
}

.keywords-body-list-row-item.keywords-state-15 {
    margin-top: 110px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-15 {
        margin-top:70px
    }
}

.keywords-body-list-row-item.keywords-state-16 {
    margin-top: -90px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-16 {
        margin-top:-44px
    }
}

.keywords-body-list-row-item.keywords-state-17 {
    margin-top: 100px;
    margin-left: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-17 {
        margin-top:18px
    }
}

.keywords-body-list-row-item.keywords-state-18 {
    margin-top: -140px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-18 {
        margin-top:-90px
    }
}

.keywords-body-list-row-item.keywords-state-19 {
    margin-top: 110px;
    margin-left: 12px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-19 {
        margin-top:10px
    }
}

.keywords-body-list-row-item.keywords-state-20 {
    margin-top: -70px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-20 {
        margin-top:-38px
    }
}

.keywords-body-list-row-item.keywords-state-21 {
    margin-top: -112px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-21 {
        margin-top:123px
    }
}

.keywords-body-list-row-item.keywords-state-22 {
    margin-top: 30px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-22 {
        margin-top:22px
    }
}

.keywords-body-list-row-item.keywords-state-23 {
    margin-top: -13px;
    margin-left: 100px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-23 {
        margin-top:-44px;
        margin-left: 2px
    }
}

.keywords-body-list-row-item.keywords-state-23 img {
    max-width: -webkit-fill-available;
    max-width: -moz-available;
    max-width: fill-available
}

.keywords-body-list-row-item.keywords-state-23a {
    margin-top: 35px;
    margin-left: 100px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-23a {
        margin-top:-44px;
        margin-left: 0
    }
}

.keywords-body-list-row-item.keywords-state-23a img {
    max-width: -webkit-fill-available;
    max-width: -moz-available;
    max-width: fill-available
}

.keywords-body-list-row-item.keywords-state-24 {
    margin-top: 25px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-24 {
        margin-top:34px
    }
}

.keywords-body-list-row-item.keywords-state-25 {
    margin-top: 90px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-25 {
        margin-top:-38px
    }
}

.keywords-body-list-row-item.keywords-state-26 {
    margin-top: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-26 {
        margin-top:60px
    }
}

.keywords-body-list-row-item.keywords-state-27 {
    margin-top: 150px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-27 {
        margin-top:60px
    }
}

.keywords-body-list-row-item.keywords-state-28 {
    margin-top: -120px;
    margin-left: -31px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-28 {
        margin-top:-30px;
        margin-left: 0
    }
}

.keywords-body-list-row-item.keywords-state-29 {
    margin-top: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-29 {
        margin-top:24
    }
}

.keywords-body-list-row-item.keywords-state-30 {
    margin-top: -110px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-body-list-row-item.keywords-state-30 {
        margin-top:-68px
    }
}

.keywords-body-list-row-item:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.keywords {
    padding: 60px 0 240px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords {
        padding:50px 0 100px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .keywords {
        padding:50px 0 150px
    }
}

.keywords-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.keywords-list-item {
    margin-right: 10px;
    margin-bottom: 20px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .keywords-list-item {
        margin-bottom:10px
    }
}

.level-cards-block-body-image {
    margin-bottom: 24px
}

.level-cards-block-body-image img {
    width: 100%;
    border-radius: 16px
}

.level-cards-block-body-subtitle {
    margin-bottom: 12px
}

.level-cards-block-body-subtitle span {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #585768;
    font-size: 12px;
    letter-spacing: .02em;
    line-height: 16px;
    text-transform: uppercase
}

.level-cards-block-body-description h4 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    font-size: 26px;
    letter-spacing: -.02em;
    line-height: 39px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .level-cards-block-body-description h4 {
        font-size:20px;
        line-height: 30px
    }
}

.level-cards-block-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.level-cards-block-head-title {
    position: relative;
    padding-bottom: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .level-cards-block-head-title {
        padding-bottom:16px
    }
}

.level-cards-block-head-title h3 {
    font-size: 24px;
    line-height: 33px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .level-cards-block-head-title h3 {
        font-size:20px;
        font-family: 'Eina01-Semi-Bold';
        font-style: normal;
        font-weight: 600;
        line-height: 27px
    }
}

.level-cards-block-head-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 5px;
    background: #ffd57e;
    border-radius: 1px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .level-cards-block-head-title::after {
        width:40px;
        height: 3px
    }
}

.level-cards-block-head-title.is-orange::after {
    background: #ffd57e
}

.level-cards-block-head-title.is-green::after {
    background: #8ff2b1
}

.level-cards-block-head-title.is-purple::after {
    background: #a79fff
}

.level-cards-block-head-products .btn-text-icon {
    font-size: 16px;
    line-height: 28px;
    padding: 7px 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .level-cards-block-head-products .btn-text-icon {
        font-size:14px;
        line-height: 28px
    }
}

.levels-content {
    padding: 32px;
    background: #fdfdfd;
    border: 1px solid #f2f3f4;
    border-radius: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .levels-content {
        border-radius:0;
        padding: 0;
        border: none
    }
}

.levels-content-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 30px 30px 24px;
    background: #fff;
    border: 1px solid rgba(251,155,155,.5);
    border-radius: 12px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .levels-content-item {
        margin-bottom:12px;
        padding: 18px 15px 18px 20px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .levels-content-item {
        margin-bottom:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1550px) {
    .levels-content-item {
        padding:22px 18px 22px 16px
    }
}

.levels-content-item:hover {
    background: #fdf7e2
}

.levels-content-item-head {
    height: 48px;
    width: 48px
}

.levels-content-item-head img {
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 992px) and (max-width:1550px) {
    .levels-content-item-head {
        width:40px;
        height: 40px
    }
}

.levels-content-item-body {
    margin-left: 20px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .levels-content-item-body {
        margin-left:16px
    }
}

@media only screen and (min-width: 992px) and (max-width:1550px) {
    .levels-content-item-body {
        margin-left:12px
    }
}

.levels-content-item-body h5 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .levels-content-item-body h5 {
        font-size:16px;
        margin-bottom: 4px
    }
}

@media only screen and (min-width: 992px) and (max-width:1550px) {
    .levels-content-item-body h5 {
        font-size:14px;
        line-height: 20px;
        margin-bottom: 4px
    }
}

.levels-content-item-body span {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #706e81
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .levels-content-item-body span {
        font-size:12px;
        line-height: 100%
    }
}

.levels-content-item.finance {
    border: 1px solid #81d4f8
}

.levels-content-item.finance:hover {
    background: #e8f8ff
}

.levels-content-item.beginner {
    border: 1px solid #ffd57e
}

.levels-content-item.intermediate-level {
    border: 1px solid rgba(143,242,177,.5)
}

.levels-content-item.intermediate-level:hover {
    background: #d9fada
}

.levels-content-item.advanced {
    border: 1px solid rgba(167,159,255,.5)
}

.levels-content-item.advanced:hover {
    background: #f3ecfe
}

.levels-content-item.disabled {
    cursor: not-allowed;
    border: 1px solid #d9d8e7
}

.levels-content-item.disabled .levels-content-item-body h5 {
    color: #959595
}

.levels-content-item.disabled .levels-content-item-body span {
    color: #706e81
}

.levels-content-item.disabled .levels-content-item-body h6 {
    font-size: 8px;
    line-height: 11px;
    text-align: center;
    letter-spacing: .02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    padding: 3px 5px;
    background: rgba(174,184,254,.35);
    border-radius: 3px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.levels-content-item.disabled:hover {
    background: #fff
}

.levels-content-item.disabled-second {
    cursor: not-allowed;
    border: 1px solid #d9d8e7
}

.levels-content-item.disabled-second .levels-content-item-body h5 {
    color: #2b2a35
}

.levels-content-item.disabled-second .levels-content-item-body span {
    color: #706e81
}

.levels-content-item.disabled-second .levels-content-item-body h6 {
    font-size: 8px;
    line-height: 11px;
    text-align: center;
    letter-spacing: .02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    padding: 3px 5px;
    background: rgba(174,184,254,.35);
    border-radius: 3px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.levels-content-item.disabled-second:hover {
    background: #fff
}

.levels.academy-list {
    padding: 24px 0;
    border-top: 1px solid #f4f3ff;
    border-bottom: 1px solid #f4f3ff;
    position: fixed;
    top: 116px;
    left: 0;
    width: 100%;
    z-index: 3;
    background: #fff;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .levels.academy-list {
        padding:14px 0;
        position: fixed;
        top: 79px;
        left: 0;
        width: 100%;
        z-index: 3;
        background: #fff;
        -webkit-transition: 0.5s all ease;
        transition: 0.5s all ease
    }
}

.levels.academy-list.scrolled {
    -webkit-transform: translateY(-300%);
    transform: translateY(-300%)
}

.levels.academy-list.top-clear {
    top: 0!important
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .levels.academy-list .container {
        padding:0
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .levels.academy-list .row {
        -ms-flex-wrap:nowrap;
        flex-wrap: nowrap
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .levels.academy-list .row .col-lg-3:not(:last-child) {
        padding-right:8px
    }

    .levels.academy-list .row .col-lg-3:not(:first-child) {
        padding-left: 8px
    }
}

.levels.academy-list .levels-content {
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .levels.academy-list .levels-content {
        width:100%;
        overflow-x: auto
    }

    .levels.academy-list .levels-content::-webkit-scrollbar {
        display: none
    }
}

.levels.academy-list .levels-content-item {
    padding: 16px 25px 16px 16px;
    height: 100%;
    min-width: 200px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .levels.academy-list .levels-content-item {
        margin-bottom:0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        padding: 16px 16px 16px 16px
    }
}

.levels.academy-list .levels-content-item.beginner.active {
    background: #fdf7e2
}

.levels.academy-list .levels-content-item.intermediate-level.active {
    background: #d9fada
}

.levels.academy-list .levels-content-item.advanced.active {
    background: #f3ecfe
}

.levels.academy-list .levels-content-item-head {
    width: 40px;
    height: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .levels.academy-list .levels-content-item-head {
        width:24px;
        height: 24px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .levels.academy-list .levels-content-item-body {
        margin-left:12px
    }
}

.levels.academy-list .levels-content-item-body h5 {
    margin-bottom: 0;
    font-size: 18px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .levels.academy-list .levels-content-item-body h5 {
        font-size:14px
    }
}

.levels.academy-list .levels-content-item-body span {
    display: none
}

.look-our-open-positions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 72px 0;
    background-color: #fff;
    border-radius: 16px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .look-our-open-positions {
        padding:54px 20px 48px
    }
}

.look-our-open-positions-logo img {
    width: 55.35px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .look-our-open-positions-logo img {
        width:41.51px
    }
}

.look-our-open-positions-title {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-top: 32px;
    color: #fff;
    font-size: 40px;
    letter-spacing: -.02em;
    line-height: 54px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .look-our-open-positions-title {
        margin-top:24px;
        font-size: 24px;
        line-height: 32.64px
    }
}

.look-our-open-positions-button {
    margin-top: 60px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .look-our-open-positions-button {
        margin-top:32px
    }
}

.look-our-open-positions-button a {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    display: block;
    padding: 20px 32px 21px;
    background-color: #fff;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 22px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .look-our-open-positions-button a {
        font-family:'Eina01-Semi-Bold';
        font-style: normal;
        font-weight: 600;
        padding: 15px 24px 16px;
        border-radius: 39px;
        font-size: 14px;
        line-height: 19.04px
    }
}

.megaphone-podcast-item {
    margin-bottom: 40px;
    padding: 12px;
    border: 1px solid #e1e1e1;
    border-radius: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .megaphone-podcast-item {
        margin-bottom:20px;
        padding: 15px 15px 20px 15px
    }
}

.megaphone-podcast-item iframe {
    border-radius: 16px
}

.main-bnbprotrade-ears {
    padding-top: 44px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-bnbprotrade-ears {
        padding-top:40px;
        padding-bottom: 58px
    }
}

.main-bnbprotrade-ears .investing-in-knowledge-head {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears .investing-in-knowledge-head {
        padding-bottom:40px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.main-bnbprotrade-ears .investing-in-knowledge-head-title {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears .investing-in-knowledge-head-title {
        margin-bottom:23px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-bnbprotrade-ears .investing-in-knowledge-head-title {
        margin-bottom:18px
    }
}

.main-bnbprotrade-ears .investing-in-knowledge-head-title h2 {
    font-size: 70px;
    line-height: 90px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears .investing-in-knowledge-head-title h2 {
        font-size:36px;
        line-height: 49px;
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-bnbprotrade-ears .investing-in-knowledge-head-title h2 {
        font-size:38px;
        line-height: 49px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-bnbprotrade-ears .investing-in-knowledge-head-title h2 {
        font-size:50px;
        line-height: 58px
    }
}

.main-bnbprotrade-ears .investing-in-knowledge-head-title h1 {
    font-size: 70px;
    line-height: 90px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    margin: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears .investing-in-knowledge-head-title h1 {
        font-size:36px;
        line-height: 49px;
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-bnbprotrade-ears .investing-in-knowledge-head-title h1 {
        font-size:38px;
        line-height: 49px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-bnbprotrade-ears .investing-in-knowledge-head-title h1 {
        font-size:50px;
        line-height: 58px
    }
}

.main-bnbprotrade-ears .investing-in-knowledge-head-description {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-bnbprotrade-ears .investing-in-knowledge-head-description {
        margin-bottom:30px
    }
}

.main-bnbprotrade-ears .investing-in-knowledge-head-description p {
    font-size: 18px;
    line-height: 36px;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #585768
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears .investing-in-knowledge-head-description p {
        font-size:16px;
        line-height: 28px;
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-bnbprotrade-ears .investing-in-knowledge-head-description p {
        font-size:16px;
        line-height: 28px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-bnbprotrade-ears .investing-in-knowledge-head-button .btn svg {
        display:block
    }
}

.main-bnbprotrade-ears .investing-in-knowledge-body img {
    width: 100%;
    max-height: 730px;
    -o-object-fit: contain;
    object-fit: contain
}

.main-bnbprotrade-ears .levels {
    margin-top: 150px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears .levels {
        margin-top:40px;
        border-top: 1px solid #f2f3f4;
        padding-top: 40px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-bnbprotrade-ears .levels {
        margin-top:80px
    }
}

.main-bnbprotrade-ears .bnbprotrade-newsletter {
    margin-top: 130px
}

.main-bnbprotrade-ears .bnbprotrade-newsletter-block {
    overflow: unset
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears .bnbprotrade-newsletter-block .row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.main-bnbprotrade-ears .bnbprotrade-newsletter-block-body {
    padding: 47px 10px 42px 64px;
    overflow: unset
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears .bnbprotrade-newsletter-block-body {
        padding-top:25px;
        padding-bottom: 45px;
        padding-right: 24px;
        padding-left: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-bnbprotrade-ears .bnbprotrade-newsletter-block-body {
        padding-top:25px;
        padding-bottom: 45px;
        padding-right: 0;
        padding-left: 24px
    }
}

.main-bnbprotrade-ears .bnbprotrade-newsletter-block-body-title {
    margin-bottom: 25px
}

.main-bnbprotrade-ears .bnbprotrade-newsletter-block-body-title h4 {
    font-size: 32px;
    line-height: 44px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears .bnbprotrade-newsletter-block-body-title h4 {
        font-size:22px;
        line-height: 34px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-bnbprotrade-ears .bnbprotrade-newsletter-block-body-title h4 {
        font-size:26px;
        line-height: 34px;
        text-align: left
    }
}

.main-bnbprotrade-ears .bnbprotrade-newsletter-block-head {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: none;
    -webkit-clip-path: none;
    clip-path: none
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears .bnbprotrade-newsletter-block-head {
        -webkit-clip-path:none;
        clip-path: none;
        background: none
    }
}

.main-bnbprotrade-ears .bnbprotrade-newsletter-block-head::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(12% 0,100% 0,100% 100%,0% 100%);
    clip-path: polygon(12% 0,100% 0,100% 100%,0% 100%);
    background: #3d4bd0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears .bnbprotrade-newsletter-block-head::before {
        border-top-right-radius:20px;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 0;
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 94%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 94%)
    }
}

.main-bnbprotrade-ears .bnbprotrade-newsletter-block-head img {
    width: 54%;
    position: relative;
    z-index: 2;
    top: -30px;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears .bnbprotrade-newsletter-block-head img {
        -webkit-transform:scale(1);
        transform: scale(1)
    }
}

@media only screen and (min-width: 768px) and (max-width:992px) {
    .main-bnbprotrade-ears .bnbprotrade-newsletter-block-head img {
        top:-30px;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.main-bnbprotrade-ears .bnbprotrade-podcast .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-item {
    margin-bottom: 40px;
    padding: 12px;
    border: 1px solid #e1e1e1;
    border-radius: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-bnbprotrade-ears .bnbprotrade-podcast .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-item {
        margin-bottom:20px;
        padding: 15px 15px 20px 15px
    }
}

.main-bnbprotrade-ears .bnbprotrade-podcast .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-item iframe {
    border-radius: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .is-desktop-thumbnail-tab-content {
        display:none
    }
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .is-mobile-thumbnail-accordion-content {
    display: none
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .is-mobile-thumbnail-accordion-content {
        display:block
    }
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .is-mobile-thumbnail-accordion-content .card {
    margin-bottom: 14px
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .is-mobile-thumbnail-accordion-content .card-header button {
    text-align: left;
    width: 100%;
    background: none;
    border: none;
    outline: none;
    padding: 20px 15px 50px 15px;
    border: 1px solid rgba(73,89,234,.1);
    border-radius: 12px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .is-mobile-thumbnail-accordion-content .card-header button span {
    font-size: 12px;
    line-height: 21px;
    letter-spacing: -.02em;
    font-family: 'Satoshi-Bold';
    font-style: normal;
    font-weight: 700;
    color: #89879b
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .is-mobile-thumbnail-accordion-content .card-header button h4 {
    font-size: 16px;
    line-height: 22px;
    margin-top: 7px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #2b2a35
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .is-mobile-thumbnail-accordion-content .card-header[aria-expanded*="true"] button {
    background: #F3BA2F
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .is-mobile-thumbnail-accordion-content .card-header[aria-expanded*="true"] button span,.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .is-mobile-thumbnail-accordion-content .card-header[aria-expanded*="true"] button h4 {
    color: #fff
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .is-mobile-thumbnail-accordion-content .card-body {
    margin-top: 15px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .is-mobile-thumbnail-accordion-content .card-body iframe {
    border-radius: 12px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-nav .nav-tabs {
    border: none
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-nav .nav-tabs .nav-item {
    margin-bottom: 15px
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-nav .nav-tabs .nav-item .nav-link {
    padding: 30px 30px 50px 30px;
    border-radius: 12px
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-nav .nav-tabs .nav-item .nav-link.active {
    background: #F3BA2F
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-nav .nav-tabs .nav-item .nav-link.active span,.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-nav .nav-tabs .nav-item .nav-link.active h4 {
    color: #fff
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-nav .nav-tabs .nav-item .nav-link span {
    font-size: 12px;
    line-height: 21px;
    letter-spacing: -.02em;
    font-family: 'Satoshi-Bold';
    font-style: normal;
    font-weight: 700;
    color: #89879b
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-nav .nav-tabs .nav-item .nav-link h4 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -.02em;
    margin-top: 10px;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #2b2a35
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-tab-content {
    height: 100%
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-tab-content .tab-content {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-tab-content .tab-content .tab-pane {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%
}

.main-bnbprotrade-ears .bnbprotrade-youtube .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-tab-content .tab-content .tab-pane iframe {
    border-radius: 12px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.main-bnbprotrade-ears .app-call-to-action {
    margin-top: 250px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-bnbprotrade-ears .app-call-to-action {
        margin-top:100px
    }
}

.bnbprotrade-newsletter .pr-control {
    padding-right: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-newsletter .pr-control {
        padding-right:15px
    }
}

.bnbprotrade-newsletter .pl-control {
    padding-left: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-newsletter .pl-control {
        padding-left:15px
    }
}

.bnbprotrade-newsletter-block {
    overflow: hidden;
    background: #fff;
    border-radius: 20px
}

.bnbprotrade-newsletter-block-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background: #3d4bd0;
    -webkit-clip-path: polygon(0 0,90% 0,100% 100%,0% 100%);
    clip-path: polygon(0 0,90% 0,100% 100%,0% 100%)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .bnbprotrade-newsletter-block-head {
        -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 93%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 93%)
    }
}

.bnbprotrade-newsletter-block-head img {
    width: 85%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .bnbprotrade-newsletter-block-head img.is-desktop {
        display:none
    }
}

.bnbprotrade-newsletter-block-head img.is-mobile {
    display: none;
    width: 100%
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .bnbprotrade-newsletter-block-head img.is-mobile {
        display:block
    }
}

.bnbprotrade-newsletter-block-body {
    height: 100%;
    padding-top: 65px;
    padding-right: 15%;
    padding-bottom: 65px;
    padding-left: 5%
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .bnbprotrade-newsletter-block-body {
        padding-top:25px;
        padding-right: 24px;
        padding-bottom: 45px;
        padding-left: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .bnbprotrade-newsletter-block-body {
        padding-top:40px;
        padding-right: 24px;
        padding-bottom: 40px;
        padding-left: 24px
    }
}

@media only screen and (min-width: 992px) and (max-width:1450px) {
    .bnbprotrade-newsletter-block-body {
        padding-top:40px;
        padding-bottom: 40px
    }
}

.bnbprotrade-newsletter-block-body-title {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-newsletter-block-body-title {
        padding:0
    }
}

.bnbprotrade-newsletter-block-body-title h4 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 34px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-newsletter-block-body-title h4 {
        font-family:'Eina01-Semi-Bold';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        text-align: center
    }
}

.bnbprotrade-newsletter-block-body-email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bnbprotrade-newsletter-block-body-email input {
    font-family: 'Satoshi-Medium';
    font-style: normal;
    font-weight: 500;
    width: 70%;
    padding: 16px 20px 20px 27px;
    border: 1px solid transparent;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px;
    outline: none
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-newsletter-block-body-email input {
        padding:12px 16px 14px 14px;
        font-size: 14px;
        line-height: 21px
    }
}

.bnbprotrade-newsletter-block-body-email input::-webkit-input-placeholder {
    font-family: 'Satoshi-Medium';
    font-style: normal;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px;
    opacity: .5
}

.bnbprotrade-newsletter-block-body-email input::-moz-placeholder {
    font-family: 'Satoshi-Medium';
    font-style: normal;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px;
    opacity: .5
}

.bnbprotrade-newsletter-block-body-email input:-ms-input-placeholder {
    font-family: 'Satoshi-Medium';
    font-style: normal;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px;
    opacity: .5
}

.bnbprotrade-newsletter-block-body-email input::-ms-input-placeholder {
    font-family: 'Satoshi-Medium';
    font-style: normal;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px;
    opacity: .5
}

.bnbprotrade-newsletter-block-body-email input::placeholder {
    font-family: 'Satoshi-Medium';
    font-style: normal;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px;
    opacity: .5
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-newsletter-block-body-email input::-webkit-input-placeholder {
        font-size:14px;
        line-height: 21px
    }

    .bnbprotrade-newsletter-block-body-email input::-moz-placeholder {
        font-size: 14px;
        line-height: 21px
    }

    .bnbprotrade-newsletter-block-body-email input:-ms-input-placeholder {
        font-size: 14px;
        line-height: 21px
    }

    .bnbprotrade-newsletter-block-body-email input::-ms-input-placeholder {
        font-size: 14px;
        line-height: 21px
    }

    .bnbprotrade-newsletter-block-body-email input::placeholder {
        font-size: 14px;
        line-height: 21px
    }
}

.bnbprotrade-newsletter-block-body-email input:not(:-moz-placeholder-shown) {
    border: 1px solid #fff
}

.bnbprotrade-newsletter-block-body-email input:not(:-ms-input-placeholder) {
    border: 1px solid #fff
}

.bnbprotrade-newsletter-block-body-email input:focus,.bnbprotrade-newsletter-block-body-email input:not(:placeholder-shown) {
    border: 1px solid #fff
}

.bnbprotrade-newsletter-block-body-email button {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    width: 121px;
    padding: 16px 28px 18px;
    border: none;
    margin-left: 12px;
    background: #fff;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 100%;
    outline: none
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-newsletter-block-body-email button {
        width:89px;
        padding: 14px 20px;
        font-size: 14px;
        line-height: 19px
    }
}

.bnbprotrade-newsletter-block-body-label {
    position: relative;
    z-index: 99999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.bnbprotrade-newsletter-block-body-label input {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}

.bnbprotrade-newsletter-block-body-label input[type='checkbox'] {
    width: 0;
    height: 0;
    opacity: 0
}

.bnbprotrade-newsletter-block-body-label label {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px;
    color: rgba(255,255,255,.7);
    font-size: 12px;
    letter-spacing: -.02em;
    line-height: 17px
}

.bnbprotrade-newsletter-block-body-label label a {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    display: contents;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    letter-spacing: -.02em;
    line-height: 15px
}

.bnbprotrade-newsletter-block-body-label label::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid rgba(255,255,255,.5);
    margin-right: 12px;
    background: #3a47bb;
    border-radius: 3px;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .bnbprotrade-newsletter-block-body-label label::before {
        top:14px
    }
}

.bnbprotrade-newsletter-block-body-label input[type='checkbox']:checked~label::before {
    border: 1px solid #fff;
    background: #3a47bb no-repeat center;
    background-image: url(../../../themes/basework/dist/img/checkbox-vector.svg)
}

.bnbprotrade-stock-card {
    margin-top: 40px
}

@media only screen and (min-width: 320px) and (max-width:1200px) {
    .bnbprotrade-stock-card .m-control {
        margin-bottom:19px
    }
}

.bnbprotrade-stock-card-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f2f4ff;
    border: 1px solid #e7e9ff;
    border-radius: 12px;
    padding: 40px 54px 40px 54px;
    height: 100%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-stock-card-item {
        padding:20px 8px 16px 8px
    }
}

.bnbprotrade-stock-card-item-head {
    padding: 12px;
    background: #fff;
    border: 1px solid #e7e9ff;
    border-radius: 12px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-stock-card-item-head {
        padding:8px
    }
}

.bnbprotrade-stock-card-item-head img {
    width: 40px;
    height: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-stock-card-item-head img {
        width:27px;
        height: 27px
    }
}

.bnbprotrade-stock-card-item-body {
    margin-top: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-stock-card-item-body {
        margin-top:16px
    }
}

.bnbprotrade-stock-card-item-body h4 {
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-stock-card-item-body h4 {
        font-size:16px;
        line-height: 24px
    }
}

.bnbprotrade-stock-card-item-body p {
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    margin-top: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-stock-card-item-body p {
        margin-top:12px;
        font-size: 14px;
        line-height: 21px
    }
}

.bnbprotrade-stock-card-item-body p a {
    color: #fff
}

.bnbprotrade-stock-card-item-body .request-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-stock-card-item-body .request-button {
        margin-top:20px
    }
}

.bnbprotrade-stock-card-item-body .request-button a {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-bnbprotrade-ears-detail {
        padding-bottom:58px
    }
}

.main-bnbprotrade-ears-detail .bnbprotrade-tags-head-title,.main-bnbprotrade-ears-detail h1,.main-bnbprotrade-ears-detail h2,.main-bnbprotrade-ears-detail h3,.main-bnbprotrade-ears-detail h4,.main-bnbprotrade-ears-detail h5,.main-bnbprotrade-ears-detail h6 {
    font-size: 40px;
    line-height: 55px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-bnbprotrade-ears-detail .bnbprotrade-tags-head-title,.main-bnbprotrade-ears-detail h1,.main-bnbprotrade-ears-detail h2,.main-bnbprotrade-ears-detail h3,.main-bnbprotrade-ears-detail h4,.main-bnbprotrade-ears-detail h5,.main-bnbprotrade-ears-detail h6 {
        font-size:24px;
        line-height: 33px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-bnbprotrade-ears-detail .bnbprotrade-tags-head-title,.main-bnbprotrade-ears-detail h1,.main-bnbprotrade-ears-detail h2,.main-bnbprotrade-ears-detail h3,.main-bnbprotrade-ears-detail h4,.main-bnbprotrade-ears-detail h5,.main-bnbprotrade-ears-detail h6 {
        font-size:30px;
        line-height: 34px
    }
}

.bnbprotrade-tags {
    padding-bottom: 200px;
    margin-top: 100px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags {
        padding-bottom:100px;
        margin-top: 40px
    }
}

.bnbprotrade-tags-head-tag,.bnbprotrade-tags-head-tag a {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    display: inline-block;
    padding: 8px 16px;
    background-color: #edeefd;
    border-radius: 20px;
    color: #fff;
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags-head-tag,.bnbprotrade-tags-head-tag a {
        padding:7px 16px;
        letter-spacing: .02em
    }
}

.bnbprotrade-tags-head-title,.bnbprotrade-tags-head-title h1,.bnbprotrade-tags-head-title h2,.bnbprotrade-tags-head-title h3,.bnbprotrade-tags-head-title h4,.bnbprotrade-tags-head-title h5,.bnbprotrade-tags-head-title h6 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin: 33px 0 0;
    color: #fff;
    font-size: 60px;
    letter-spacing: -.02em;
    line-height: 90px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags-head-title,.bnbprotrade-tags-head-title h1,.bnbprotrade-tags-head-title h2,.bnbprotrade-tags-head-title h3,.bnbprotrade-tags-head-title h4,.bnbprotrade-tags-head-title h5,.bnbprotrade-tags-head-title h6 {
        margin:22px 0 0;
        font-size: 24px;
        line-height: 32.71px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .bnbprotrade-tags-head-title,.bnbprotrade-tags-head-title h1,.bnbprotrade-tags-head-title h2,.bnbprotrade-tags-head-title h3,.bnbprotrade-tags-head-title h4,.bnbprotrade-tags-head-title h5,.bnbprotrade-tags-head-title h6 {
        font-size:50px;
        line-height: 54px
    }
}

.bnbprotrade-tags-head-title-md {
    font-size: 40px;
    line-height: 46.88px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags-head-title-md {
        margin:22px 0 0;
        font-size: 24px;
        line-height: 32.71px
    }
}

.bnbprotrade-tags-head-text,.bnbprotrade-tags-head-text p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin: 27px 0 0;
    color: #585768;
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags-head-text,.bnbprotrade-tags-head-text p {
        margin:15px 0 0;
        font-size: 16px;
        letter-spacing: -.02em;
        line-height: 28px
    }
}

.bnbprotrade-tags-head-date {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-top: 24px;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 15px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags-head-date {
        margin-top:20px;
        font-size: 12px
    }
}

.bnbprotrade-tags-head-search-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #d9d8e7;
    margin-top: 60px;
    background-color: #fff;
    border-radius: 67px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags-head-search-input {
        height:48px;
        margin-top: 30px
    }
}

.bnbprotrade-tags-head-search-input button {
    padding: 16px 15px 12px 26px;
    border: none;
    background-color: transparent;
    cursor: pointer
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags-head-search-input button {
        padding:16px 12px 12px 18px
    }

    .bnbprotrade-tags-head-search-input button img {
        width: 20px;
        height: 20px
    }
}

.bnbprotrade-tags-head-search-input input {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 17px 20px 17px 0;
    border: none;
    background-color: transparent;
    color: #585768;
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 24.41px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags-head-search-input input {
        padding:11px 20px 11px 0;
        font-size: 16px;
        line-height: 21.7px
    }
}

.bnbprotrade-tags-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px;
    border: 1px solid #d9d8e7;
    background-color: #fff;
    border-radius: 12px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags-box {
        padding:10px
    }
}

.bnbprotrade-tags-box:hover {
    border: 1px solid #4959ea
}

.bnbprotrade-tags-box-wrapper {
    margin-top: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags-box-wrapper {
        margin-top:40px
    }
}

.bnbprotrade-tags-box-content {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags-box-content {
        margin-bottom:15px
    }
}

.bnbprotrade-tags-box-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    border: 1px solid #d9d8e7;
    margin-right: 15px;
    border-radius: 12px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags-box-image {
        width:auto;
        height: auto;
        padding: 4px;
        margin-right: 10px
    }
}

.bnbprotrade-tags-box-image img {
    width: 100%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags-box-image img {
        width:32px
    }
}

.bnbprotrade-tags-box-title {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags-box-title {
        font-size:14px;
        line-height: 18px
    }
}

.bnbprotrade-tags-box-title a {
    color: #2b2a35
}

.bnbprotrade-tags-box-title span {
    color: #89879b
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .bnbprotrade-tags-box-title span {
        display:block;
        font-size: 12px
    }
}

.open-positions-head {
    margin-top: 82px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .open-positions-head {
        margin-top:0;
        margin-bottom: 32px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .open-positions-head {
        margin-top:60px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .open-positions-head {
        margin-top:50px
    }
}

.open-positions-head-title,.open-positions-head-title a,.open-positions-head-title h1,.open-positions-head-title h2,.open-positions-head-title h3,.open-positions-head-title h4,.open-positions-head-title h5,.open-positions-head-title h6 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 32px;
    color: #913ef0;
    font-size: 14px;
    letter-spacing: .02em;
    line-height: 19.04px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .open-positions-head-title,.open-positions-head-title a,.open-positions-head-title h1,.open-positions-head-title h2,.open-positions-head-title h3,.open-positions-head-title h4,.open-positions-head-title h5,.open-positions-head-title h6 {
        margin-bottom:24px;
        font-size: 12px;
        line-height: 16.32px
    }
}

.open-positions-head-sub-title,.open-positions-head-sub-title a,.open-positions-head-sub-title h1,.open-positions-head-sub-title h2,.open-positions-head-sub-title h3,.open-positions-head-sub-title h4,.open-positions-head-sub-title h5,.open-positions-head-sub-title h6 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin: 0 0 32px;
    color: #fff;
    font-size: 40px;
    letter-spacing: -.02em;
    line-height: 54.4px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .open-positions-head-sub-title,.open-positions-head-sub-title a,.open-positions-head-sub-title h1,.open-positions-head-sub-title h2,.open-positions-head-sub-title h3,.open-positions-head-sub-title h4,.open-positions-head-sub-title h5,.open-positions-head-sub-title h6 {
        margin:0 0 16px;
        font-size: 32px;
        line-height: 43.52px
    }
}

.open-positions-head-text {
    margin-bottom: 37px
}

.open-positions-head-text,.open-positions-head-text p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #89879b;
    font-size: 18px;
    line-height: 32px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .open-positions-head-text,.open-positions-head-text p {
        font-size:14px;
        letter-spacing: -.02em;
        line-height: 26px
    }
}

.open-positions-head-button a {
    font-family: 'Satoshi-Bold';
    font-style: normal;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 17px;
    background-color: rgba(145,62,240,.1);
    border-radius: 20px;
    color: #913ef0;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 28px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .open-positions-head-button a {
        padding:4px 17px 6px;
        font-size: 14px
    }
}

.open-positions-head-button a img {
    margin-top: 4px;
    margin-left: 12px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .open-positions-head-button a img {
        margin-top:5px;
        margin-left: 8px
    }
}

.open-positions-image {
    padding-top: 86px;
    padding-right: 86px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .open-positions-image {
        padding-top:39.41px;
        padding-right: 39.41px
    }
}

.open-positions-image img {
    position: relative;
    z-index: 10;
    width: 100%;
    border-radius: 16px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .open-positions-image img {
        border-radius:8px
    }
}

.open-positions-image-content {
    position: relative
}

.open-positions-image-content::before {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 80px);
    height: calc(100% - 80px);
    background-color: #f9f5fe;
    border-radius: 16px;
    content: ''
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .open-positions-image-content::before {
        width:calc(100% - 39.41px);
        height: calc(100% - 39.41px);
        border-radius: 8px
    }
}

.open-positions-image-wrapper .open-positions-head-button {
    margin-top: 32px
}

.our-advantages-head {
    margin-bottom: 72px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-advantages-head {
        margin-bottom:48px
    }
}

.our-advantages-head-title,.our-advantages-head-title a,.our-advantages-head-title h1,.our-advantages-head-title h2,.our-advantages-head-title h3,.our-advantages-head-title h4,.our-advantages-head-title h5,.our-advantages-head-title h6 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 24px;
    color: #913ef0;
    font-size: 14px;
    line-height: 16.41px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-advantages-head-title,.our-advantages-head-title a,.our-advantages-head-title h1,.our-advantages-head-title h2,.our-advantages-head-title h3,.our-advantages-head-title h4,.our-advantages-head-title h5,.our-advantages-head-title h6 {
        font-size:12px;
        letter-spacing: .02em;
        line-height: 14.06px
    }
}

.our-advantages-head-sub-title {
    padding: 0 26%
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-advantages-head-sub-title {
        padding:0
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .our-advantages-head-sub-title {
        padding:0 10%
    }
}

.our-advantages-head-sub-title,.our-advantages-head-sub-title a,.our-advantages-head-sub-title h1,.our-advantages-head-sub-title h2,.our-advantages-head-sub-title h3,.our-advantages-head-sub-title h4,.our-advantages-head-sub-title h5,.our-advantages-head-sub-title h6 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin: 0 0 32px;
    color: #fff;
    font-size: 40px;
    letter-spacing: -.02em;
    line-height: 46.88px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-advantages-head-sub-title,.our-advantages-head-sub-title a,.our-advantages-head-sub-title h1,.our-advantages-head-sub-title h2,.our-advantages-head-sub-title h3,.our-advantages-head-sub-title h4,.our-advantages-head-sub-title h5,.our-advantages-head-sub-title h6 {
        margin:0 0 16px;
        font-size: 32px;
        line-height: 37.5px
    }
}

.our-advantages-head-text {
    padding: 0 26%
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-advantages-head-text {
        padding:0
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .our-advantages-head-text {
        padding:0 10%
    }
}

.our-advantages-head-text,.our-advantages-head-text p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin: 0;
    color: #89879b;
    font-size: 18px;
    line-height: 32px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-advantages-head-text,.our-advantages-head-text p {
        font-size:14px;
        letter-spacing: -.02em;
        line-height: 26px
    }
}

.our-advantages-card-wrapper {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-advantages-card-wrapper {
        margin-bottom:8px
    }

    .our-advantages-card-wrapper:nth-child(1n) {
        padding-right: 4px
    }

    .our-advantages-card-wrapper:nth-child(2n) {
        padding-right: 15px;
        padding-left: 4px
    }
}

.our-advantages-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px;
    background-color: #f9f5fe;
    border-radius: 12px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-advantages-card-header {
        padding:14px 14px 12px
    }
}

.our-advantages-card-header-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 64px;
    height: 64px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #f5edff;
    margin-right: 20px;
    background-color: #fff;
    border-radius: 16px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-advantages-card-header-icon {
        width:32px;
        height: 32px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 32px;
        flex: 0 0 32px;
        margin-right: 10px;
        border-radius: 8px
    }

    .our-advantages-card-header-icon img {
        width: 20px
    }
}

.our-advantages-card-header-title {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 22px;
    letter-spacing: -.02em;
    line-height: 32px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-advantages-card-header-title {
        font-size:14px;
        line-height: 16.41px
    }
}

.our-company-culture-title {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 32px;
    color: #913ef0;
    font-size: 14px;
    letter-spacing: .02em;
    line-height: 16px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-company-culture-title {
        margin-bottom:24px;
        font-size: 12px;
        line-height: 14.06px
    }
}

.our-company-culture-sub-title {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin: 0;
    color: #fff;
    font-size: 40px;
    letter-spacing: -.02em;
    line-height: 47px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-company-culture-sub-title {
        margin-bottom:48px;
        font-size: 32px;
        line-height: 37.5px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .our-company-culture-sub-title {
        font-size:32px;
        line-height: 38px
    }
}

.our-company-culture-card-wrapper:nth-child(1),.our-company-culture-card-wrapper:nth-child(2) {
    margin-top: 12px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-company-culture-card-wrapper:nth-child(1),.our-company-culture-card-wrapper:nth-child(2) {
        margin-top:0
    }
}

.our-company-culture-card-wrapper:not(:last-child) {
    margin-bottom: 60px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-company-culture-card-wrapper:not(:last-child) {
        margin-bottom:40px
    }
}

.our-company-culture-card-header {
    margin-bottom: 16px
}

.our-company-culture-card-header-title,.our-company-culture-card-header-title a,.our-company-culture-card-header-title h1,.our-company-culture-card-header-title h2,.our-company-culture-card-header-title h3,.our-company-culture-card-header-title h4,.our-company-culture-card-header-title h5,.our-company-culture-card-header-title h6 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin: 0;
    color: #36234e;
    font-size: 22px;
    letter-spacing: -.02em;
    line-height: 30px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-company-culture-card-header-title,.our-company-culture-card-header-title a,.our-company-culture-card-header-title h1,.our-company-culture-card-header-title h2,.our-company-culture-card-header-title h3,.our-company-culture-card-header-title h4,.our-company-culture-card-header-title h5,.our-company-culture-card-header-title h6 {
        font-size:20px;
        line-height: 30px
    }
}

.our-company-culture-card-body {
    padding-right: 45px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-company-culture-card-body {
        padding-right:12px
    }
}

.our-company-culture-card-body-text {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #89879b;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 26px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-company-culture-card-body-text {
        font-size:14px;
        line-height: 26px
    }
}

.our-team {
    position: relative;
    padding: 175px 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .our-team {
        padding:0 0 60px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .our-team .container {
        padding-right:0
    }
}

.our-team::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 34.55%;
    height: 100%;
    background-color: #f3fbff;
    border-radius: 0 24px 24px 0;
    content: ''
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .our-team::before {
        top:inherit;
        bottom: 0;
        width: 100%;
        height: 664px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .our-team::before {
        width:360px
    }
}

.our-team-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.our-team-main-slider {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40.9%;
    flex: 0 0 40.9%;
    margin-right: 80px!important;
    margin-left: 141px!important
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .our-team-main-slider {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-right: auto!important;
        margin-left: auto!important
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .our-team-main-slider {
        -webkit-box-flex:0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-right: 40px!important;
        margin-left: 100px!important
    }
}

.our-team-main-slider-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin-right: 30px;
    border-radius: 24px
}

.our-team-main-slider-item img {
    width: 100%;
    height: 100%;
    border-radius: 24px
}

.our-team-thumb-slider-wrapper {
    width: 35.05%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35.05%;
    flex: 0 0 35.05%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .our-team-thumb-slider-wrapper {
        width:100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-right: 44px;
        margin-top: 32px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .our-team-thumb-slider-wrapper {
        width:34%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 34%;
        flex: 0 0 34%
    }
}

.our-team-thumb-slider-item-title,.our-team-thumb-slider-item-title a,.our-team-thumb-slider-item-title h1,.our-team-thumb-slider-item-title h2,.our-team-thumb-slider-item-title h3,.our-team-thumb-slider-item-title h4,.our-team-thumb-slider-item-title h5,.our-team-thumb-slider-item-title h6 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 32px;
    color: #913ef0;
    font-size: 14px;
    letter-spacing: .02em;
    line-height: 19px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-team-thumb-slider-item-title,.our-team-thumb-slider-item-title a,.our-team-thumb-slider-item-title h1,.our-team-thumb-slider-item-title h2,.our-team-thumb-slider-item-title h3,.our-team-thumb-slider-item-title h4,.our-team-thumb-slider-item-title h5,.our-team-thumb-slider-item-title h6 {
        position:relative;
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 19.04px
    }
}

.our-team-thumb-slider-item-text,.our-team-thumb-slider-item-text p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin-bottom: 32px;
    color: #585768;
    font-size: 22px;
    letter-spacing: -.02em;
    line-height: 39px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-team-thumb-slider-item-text,.our-team-thumb-slider-item-text p {
        margin-bottom:24px;
        font-size: 16px;
        line-height: 26px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .our-team-thumb-slider-item-text,.our-team-thumb-slider-item-text p {
        margin-bottom:24px;
        font-size: 18px;
        line-height: 26px
    }
}

.our-team-thumb-slider-item-name {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 5px;
    color: #41404f;
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 24px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-team-thumb-slider-item-name {
        font-size:16px;
        line-height: 21.76px
    }
}

.our-team-thumb-slider-item-position {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin: 0;
    color: #89879b;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 22px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .our-team-thumb-slider-item-position {
        font-size:14px;
        line-height: 18.98px
    }
}

.our-team-thumb-slider-controller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    margin-top: 40px
}

.our-team-thumb-slider-controller-prev {
    margin-right: 16px
}

.our-team-thumb-slider-controller-prev,.our-team-thumb-slider-controller-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #a5aeff;
    border-radius: 100px;
    cursor: pointer
}

.page-information {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 19px;
    background: #F3BA2F
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .page-information {
        padding:22px 32px
    }
}

.page-information.is-closed {
    display: none
}

.page-information p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    max-width: 100%;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 19px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .page-information p {
        max-width:95%;
        font-size: 14px;
        line-height: 21px;
        text-align: center
    }
}

.page-information p a {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    text-decoration: underline!important
}

.page-information h1 {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    max-width: 100%;
    color: #fff;
    font-size: 28px;
    letter-spacing: -.02em;
    line-height: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .page-information h1 {
        max-width:95%;
        font-size: 14px;
        line-height: 21px;
        text-align: center
    }
}

.page-information h1 a {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    text-decoration: underline!important
}

.page-information h2 {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    max-width: 100%;
    color: #fff;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 28px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .page-information h2 {
        max-width:95%;
        font-size: 14px;
        line-height: 21px;
        text-align: center
    }
}

.page-information h2 a {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    text-decoration: underline!important
}

.page-information h3 {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    max-width: 100%;
    color: #fff;
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 26px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .page-information h3 {
        max-width:95%;
        font-size: 14px;
        line-height: 21px;
        text-align: center
    }
}

.page-information h3 a {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    text-decoration: underline!important
}

.page-information h4 {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    max-width: 100%;
    color: #fff;
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .page-information h4 {
        max-width:95%;
        font-size: 14px;
        line-height: 21px;
        text-align: center
    }
}

.page-information h4 a {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    text-decoration: underline!important
}

.page-information .close-page-information {
    position: absolute;
    top: 50%;
    right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    outline: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .page-information .close-page-information {
        top:12px;
        right: 12px;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .page-information .close-page-information svg {
        width:20px;
        height: 20px
    }
}

.pagination-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination-block button,.pagination-block a {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 0 4px;
    border: 1px solid #f1f2f6;
    margin-right: 4px;
    background: none;
    border-radius: 5px;
    color: #4b4a52;
    cursor: pointer;
    font-size: 16px;
    line-height: 30px;
    outline: none;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .pagination-block button,.pagination-block a {
        margin-right:9px
    }
}

.pagination-block button span,.pagination-block a span {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #4b4a52;
    font-size: 16px;
    line-height: 30px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.pagination-block button.is-active,.pagination-block a.is-active {
    border: 1px solid transparent;
    background: #fff;
    color: #fff
}

.pagination-block button.is-active span,.pagination-block a.is-active span {
    color: #fff
}

.pagination-block button:last-child,.pagination-block a:last-child {
    margin-right: 0
}

.plan-comparison-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plan-comparison-title h5 {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: .05em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    margin-bottom: 37px;
    text-align: center;
    padding: 8px 16px 8px 16px;
    border-radius: 20px;
    background: rgba(73,89,234,.1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-transform: uppercase
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-title h5 {
        font-size:14px;
        line-height: 19px;
        padding: 7px 16px 7px 16px;
        margin-bottom: 22px
    }
}

.plan-comparison-title h3 {
    font-size: 60px;
    line-height: 90px;
    text-align: center;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    margin-bottom: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-title h3 {
        font-size:32px;
        line-height: 33px;
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .plan-comparison-title h3 {
        font-size:50px;
        line-height: 54px
    }
}

.plan-comparison-title h1 {
    font-size: 60px;
    line-height: 90px;
    text-align: center;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    margin-bottom: 32px;
    margin-top: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-title h1 {
        font-size:32px;
        line-height: 33px;
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .plan-comparison-title h1 {
        font-size:50px;
        line-height: 54px
    }
}

.plan-comparison-title p {
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #89879b;
    max-width: 70%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-title p {
        max-width:100%;
        font-size: 16px;
        line-height: 28px
    }
}

.plan-comparison-title .plan-comparison-searchbar {
    width: 100%;
    margin-top: 60px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-title .plan-comparison-searchbar {
        margin-top:24px
    }
}

.plan-comparison-title .plan-comparison-searchbar.is-dark form {
    border: none;
    border-radius: 0
}

.plan-comparison-title .plan-comparison-searchbar.is-dark form input {
    border: 1px solid #2b2a35
}

.plan-comparison-title .plan-comparison-searchbar form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    border: 2px solid transparent;
    border-radius: 67px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.plan-comparison-title .plan-comparison-searchbar form:hover {
    border: 2px solid rgba(73,89,234,.2)
}

.plan-comparison-title .plan-comparison-searchbar form:hover button svg path {
    stroke: #4959ea
}

.plan-comparison-title .plan-comparison-searchbar form:hover button svg g {
    opacity: 1
}

.plan-comparison-title .plan-comparison-searchbar form:hover input {
    border: 1px solid #4959ea;
    color: #2b2a35
}

.plan-comparison-title .plan-comparison-searchbar form:hover input::-webkit-input-placeholder {
    color: #2b2a35
}

.plan-comparison-title .plan-comparison-searchbar form:hover input::-moz-placeholder {
    color: #2b2a35
}

.plan-comparison-title .plan-comparison-searchbar form:hover input:-ms-input-placeholder {
    color: #2b2a35
}

.plan-comparison-title .plan-comparison-searchbar form:hover input::-ms-input-placeholder {
    color: #2b2a35
}

.plan-comparison-title .plan-comparison-searchbar form:hover input::placeholder {
    color: #2b2a35
}

.plan-comparison-title .plan-comparison-searchbar form.is-focus {
    border: 2px solid rgba(73,89,234,.2)
}

.plan-comparison-title .plan-comparison-searchbar form.is-focus button svg path {
    stroke: #4959ea
}

.plan-comparison-title .plan-comparison-searchbar form.is-focus button svg g {
    opacity: 1
}

.plan-comparison-title .plan-comparison-searchbar form.is-focus input {
    border: 1px solid #4959ea;
    color: #2b2a35
}

.plan-comparison-title .plan-comparison-searchbar form.is-focus input::-webkit-input-placeholder {
    color: #2b2a35
}

.plan-comparison-title .plan-comparison-searchbar form.is-focus input::-moz-placeholder {
    color: #2b2a35
}

.plan-comparison-title .plan-comparison-searchbar form.is-focus input:-ms-input-placeholder {
    color: #2b2a35
}

.plan-comparison-title .plan-comparison-searchbar form.is-focus input::-ms-input-placeholder {
    color: #2b2a35
}

.plan-comparison-title .plan-comparison-searchbar form.is-focus input::placeholder {
    color: #2b2a35
}

.plan-comparison-title .plan-comparison-searchbar form button {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 50%;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25px;
    background: none;
    border: none
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-title .plan-comparison-searchbar form button {
        left:18px
    }
}

.plan-comparison-title .plan-comparison-searchbar form button svg {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-title .plan-comparison-searchbar form button svg {
        width:20px;
        height: 20px
    }
}

.plan-comparison-title .plan-comparison-searchbar form input {
    width: 100%;
    padding: 20px 20px 21px 65px;
    background: #fff;
    border: 1px solid #d9d8e7;
    border-radius: 67px;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: rgba(88,87,104,.7);
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-title .plan-comparison-searchbar form input {
        padding:15px 20px 16px 50px;
        font-size: 16px;
        line-height: 19px
    }
}

.plan-comparison-title .plan-comparison-searchbar form input::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    height: 100%;
    padding: 0;
    color: rgba(88,87,104,.7);
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.plan-comparison-title .plan-comparison-searchbar form input::-moz-placeholder {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    height: 100%;
    padding: 0;
    color: rgba(88,87,104,.7);
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.plan-comparison-title .plan-comparison-searchbar form input:-ms-input-placeholder {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    height: 100%;
    padding: 0;
    color: rgba(88,87,104,.7);
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.plan-comparison-title .plan-comparison-searchbar form input::-ms-input-placeholder {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    height: 100%;
    padding: 0;
    color: rgba(88,87,104,.7);
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.plan-comparison-title .plan-comparison-searchbar form input::placeholder {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    height: 100%;
    padding: 0;
    color: rgba(88,87,104,.7);
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-title .plan-comparison-searchbar form input::-webkit-input-placeholder {
        font-size:16px;
        line-height: 19px
    }

    .plan-comparison-title .plan-comparison-searchbar form input::-moz-placeholder {
        font-size: 16px;
        line-height: 19px
    }

    .plan-comparison-title .plan-comparison-searchbar form input:-ms-input-placeholder {
        font-size: 16px;
        line-height: 19px
    }

    .plan-comparison-title .plan-comparison-searchbar form input::-ms-input-placeholder {
        font-size: 16px;
        line-height: 19px
    }

    .plan-comparison-title .plan-comparison-searchbar form input::placeholder {
        font-size: 16px;
        line-height: 19px
    }
}

.plan-comparison-title.found h5 {
    margin-bottom: 24px
}

.plan-comparison-title.found p {
    display: none
}

.plan-comparison-title.found span {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-title.found span {
        font-size:16px;
        line-height: 28px
    }
}

.plan-comparison-title.not-found h5 {
    margin-bottom: 24px
}

.plan-comparison-title.not-found p {
    display: block;
    margin-top: 15px
}

.plan-comparison-title.not-found span {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-title.not-found span {
        font-size:16px;
        line-height: 28px
    }
}

.recruitment-process-head {
    margin-bottom: 120px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .recruitment-process-head {
        margin-bottom:48px
    }
}

.recruitment-process-head-title,.recruitment-process-head-title a,.recruitment-process-head-title h1,.recruitment-process-head-title h2,.recruitment-process-head-title h3,.recruitment-process-head-title h4,.recruitment-process-head-title h5,.recruitment-process-head-title h6 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 24px;
    color: #913ef0;
    font-size: 14px;
    letter-spacing: .02em;
    line-height: 19.04px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .recruitment-process-head-title,.recruitment-process-head-title a,.recruitment-process-head-title h1,.recruitment-process-head-title h2,.recruitment-process-head-title h3,.recruitment-process-head-title h4,.recruitment-process-head-title h5,.recruitment-process-head-title h6 {
        font-size:12px;
        line-height: 16.32px
    }
}

.recruitment-process-head-sub-title,.recruitment-process-head-sub-title a,.recruitment-process-head-sub-title h1,.recruitment-process-head-sub-title h2,.recruitment-process-head-sub-title h3,.recruitment-process-head-sub-title h4,.recruitment-process-head-sub-title h5,.recruitment-process-head-sub-title h6 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin: 0 0 32px;
    color: #fff;
    font-size: 40px;
    letter-spacing: -.02em;
    line-height: 54.4px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .recruitment-process-head-sub-title,.recruitment-process-head-sub-title a,.recruitment-process-head-sub-title h1,.recruitment-process-head-sub-title h2,.recruitment-process-head-sub-title h3,.recruitment-process-head-sub-title h4,.recruitment-process-head-sub-title h5,.recruitment-process-head-sub-title h6 {
        margin:0 0 16px;
        font-size: 32px;
        line-height: 43.52px
    }
}

.recruitment-process-head-text,.recruitment-process-head-text p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin: 0;
    color: #89879b;
    font-size: 18px;
    line-height: 32px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .recruitment-process-head-text,.recruitment-process-head-text p {
        font-size:14px;
        letter-spacing: -.02em;
        line-height: 26px
    }
}

.recruitment-process-chapter-item-bar-progress {
    position: relative
}

.recruitment-process-chapter-item-bar-progress-track {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: none;
    border-bottom: none;
    background: repeating-linear-gradient(to right,#dec1ff 0,#dec1ff 6px,transparent 6px,transparent 12px);
    background-repeat: repeat-x;
    background-size: 100% 100%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.recruitment-process-chapter-item-bar-progress-bar {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #913ef0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -webkit-transition: none;
    transition: none
}

.recruitment-process-chapter-item-bar-progress-bullet {
    position: relative;
    z-index: 15;
    width: 32px;
    height: 32px;
    background-color: transparent;
    cursor: pointer
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .recruitment-process-chapter-item-bar-progress-bullet {
        width:20px;
        height: 20px
    }
}

.recruitment-process-chapter-item-bar-progress-bullet::before {
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #913ef0;
    background: transparent;
    border-radius: 50px;
    content: "";
    opacity: 0
}

@media (prefers-reduced-motion:reduce) {
    .recruitment-process-chapter-item-bar-progress-bullet::before {
        -webkit-transition: none;
        transition: none
    }
}

.recruitment-process-chapter-item-bar-progress-bullet::after {
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    background-color: #dec1ff;
    border-radius: 50px;
    content: "";
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (prefers-reduced-motion:reduce) {
    .recruitment-process-chapter-item-bar-progress-bullet::after {
        -webkit-transition: none;
        transition: none
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .recruitment-process-chapter-item-bar-progress-bullet::after {
        width:10px;
        height: 10px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .recruitment-process-chapter-item .recruitment-process-box {
        margin-top:24px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .recruitment-process-chapter-item:first-child {
        margin-left:-20px
    }
}

.recruitment-process-chapter-item.swiper-active-bullet .recruitment-process-chapter-item-bar-progress-bullet {
    background-color: #fff
}

.recruitment-process-chapter-item.swiper-active-bullet .recruitment-process-chapter-item-bar-progress-bullet::before {
    opacity: 1
}

.recruitment-process-chapter-item.swiper-active-bullet .recruitment-process-chapter-item-bar-progress-bullet::after {
    background-color: #913ef0
}

.recruitment-process-chapter-item.swiper-active-bullet .recruitment-process-chapter-item-bar-progress-bar {
    width: 100%;
    -webkit-transition: width 5s linear;
    transition: width 5s linear
}

.recruitment-process-chapter-item.swiper-slide-prev-prev-prev .recruitment-process-chapter-item-bar-progress-bullet,.recruitment-process-chapter-item.swiper-slide-prev-prev .recruitment-process-chapter-item-bar-progress-bullet,.recruitment-process-chapter-item.swiper-slide-prev .recruitment-process-chapter-item-bar-progress-bullet {
    background-color: #fff
}

.recruitment-process-chapter-item.swiper-slide-prev-prev-prev .recruitment-process-chapter-item-bar-progress-bullet::before,.recruitment-process-chapter-item.swiper-slide-prev-prev .recruitment-process-chapter-item-bar-progress-bullet::before,.recruitment-process-chapter-item.swiper-slide-prev .recruitment-process-chapter-item-bar-progress-bullet::before {
    opacity: 1
}

.recruitment-process-chapter-item.swiper-slide-prev-prev-prev .recruitment-process-chapter-item-bar-progress-bullet::after,.recruitment-process-chapter-item.swiper-slide-prev-prev .recruitment-process-chapter-item-bar-progress-bullet::after,.recruitment-process-chapter-item.swiper-slide-prev .recruitment-process-chapter-item-bar-progress-bullet::after {
    background-color: #913ef0
}

.recruitment-process-chapter-item.swiper-slide-prev-prev-prev .recruitment-process-chapter-item-bar-progress-bar,.recruitment-process-chapter-item.swiper-slide-prev-prev .recruitment-process-chapter-item-bar-progress-bar,.recruitment-process-chapter-item.swiper-slide-prev .recruitment-process-chapter-item-bar-progress-bar {
    width: 100%
}

@media only screen and (min-width: 992px) {
    .recruitment-process-chapter-item:last-child {
        width:32px!important
    }
}

@media only screen and (min-width: 992px) {
    .recruitment-process-controller .swiper-wrapper {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: inherit!important;
        transform: inherit!important
    }
}

.recruitment-process-box-slider {
    margin-top: 60px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .recruitment-process-box-slider {
        margin-top:24px
    }
}

.recruitment-process-box-slider-item {
    height: auto!important
}

@media only screen and (min-width: 992px) {
    .recruitment-process-box-slider-item {
        width:30%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 23.5%;
        flex: 0 0 23.5%;
        padding: 48px 32.4px;
        margin-right: 2%;
        background-color: #f9f5fe;
        border-radius: 16px;
        opacity: 0.5!important;
        text-align: center;
        -webkit-transform: inherit!important;
        transform: inherit!important
    }
}

.recruitment-process-box-slider-item.swiper-slide-prev-prev-prev,.recruitment-process-box-slider-item.swiper-slide-prev-prev,.recruitment-process-box-slider-item.swiper-slide-prev,.recruitment-process-box-slider-item.swiper-slide-active {
    opacity: 1!important
}

.recruitment-process-box-slider-item.swiper-slide-prev-prev-prev .recruitment-process-box-title,.recruitment-process-box-slider-item.swiper-slide-prev-prev .recruitment-process-box-title,.recruitment-process-box-slider-item.swiper-slide-prev .recruitment-process-box-title,.recruitment-process-box-slider-item.swiper-slide-active .recruitment-process-box-title {
    color: #913ef0
}

.recruitment-process-box-slider-item.swiper-slide-prev-prev-prev .recruitment-process-box-text,.recruitment-process-box-slider-item.swiper-slide-prev-prev .recruitment-process-box-text,.recruitment-process-box-slider-item.swiper-slide-prev .recruitment-process-box-text,.recruitment-process-box-slider-item.swiper-slide-active .recruitment-process-box-text {
    color: #585768
}

.recruitment-process-box-title,.recruitment-process-box-title a,.recruitment-process-box-title h1,.recruitment-process-box-title h2,.recruitment-process-box-title h3,.recruitment-process-box-title h4,.recruitment-process-box-title h5,.recruitment-process-box-title h6 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
    color: #913ef0;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 28px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .recruitment-process-box-title,.recruitment-process-box-title a,.recruitment-process-box-title h1,.recruitment-process-box-title h2,.recruitment-process-box-title h3,.recruitment-process-box-title h4,.recruitment-process-box-title h5,.recruitment-process-box-title h6 {
        margin-bottom:16px;
        color: #585768;
        font-size: 20px;
        line-height: 28px
    }
}

.recruitment-process-box-cutter {
    width: 40px;
    height: 3px;
    margin: 12px auto 24px;
    background-color: #913ef0;
    border-radius: 1px
}

.recruitment-process-box-text,.recruitment-process-box-text a,.recruitment-process-box-text p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #585768;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 26px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .recruitment-process-box-text,.recruitment-process-box-text a,.recruitment-process-box-text p {
        padding-right:55px;
        color: rgba(88,87,104,.5);
        font-size: 16px;
        line-height: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .recruitment-process-box-text,.recruitment-process-box-text a,.recruitment-process-box-text p {
        padding-right:55px
    }
}

.reference-brands .reference-brands-desktop {
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .reference-brands .reference-brands-desktop {
        display:none
    }
}

.reference-brands .reference-brands-desktop::before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    width: 210px;
    height: 160px;
    background: -webkit-gradient(linear,left top,right top,color-stop(4.74%,#fff),color-stop(80.42%,rgba(255,255,255,0)));
    background: linear-gradient(90deg,#fff 4.74%,rgba(255,255,255,0) 80.42%);
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.reference-brands .reference-brands-desktop::after {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    width: 210px;
    height: 160px;
    background: -webkit-gradient(linear,left top,right top,color-stop(4.74%,#fff),color-stop(80.42%,rgba(255,255,255,0)));
    background: linear-gradient(90deg,#fff 4.74%,rgba(255,255,255,0) 80.42%);
    content: '';
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.reference-brands .reference-brands-desktop .reference-brands-slider .swiper-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.reference-brands .reference-brands-desktop .reference-brands-slider .swiper-wrapper .swiper-slide img {
    width: auto;
    height: 60px
}

.reference-brands .reference-brands-mobile {
    display: none
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .reference-brands .reference-brands-mobile {
        display:block
    }
}

.reference-brands .reference-brands-mobile .m-control {
    margin-bottom: 20px
}

.reference-brands .reference-brands-mobile-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 0
}

.safe-invest .m-control {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .safe-invest .m-control {
        margin-bottom:25px
    }
}

.safe-invest-title {
    margin-bottom: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .safe-invest-title {
        margin-bottom:35px
    }
}

.safe-invest-title h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 24px;
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .safe-invest-title h3 {
        font-size:28px;
        line-height: 38px
    }
}

.safe-invest-title p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #41404f;
    font-size: 16px;
    line-height: 28px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .safe-invest-title p {
        font-size:18px
    }
}

.safe-invest-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 32px 32px 62px;
    background: #f3f8fb;
    border-radius: 24px
}

@media only screen and (min-width: 2200px) {
    .safe-invest-item {
        padding:52px 32px 82px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1400px) {
    .safe-invest-item {
        padding:28px 28px 48px
    }
}

.safe-invest-item:hover .safe-invest-item-image lottie-player {
    display: block
}

.safe-invest-item:hover .safe-invest-item-image img {
    display: none
}

.safe-invest-item-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 64px;
    height: 64px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 38px;
    background: #fff;
    border-radius: 16px
}

.safe-invest-item-image lottie-player {
    display: none
}

.safe-invest-item-title h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 30px;
    color: #36234e;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 30px
}

.safe-invest-item-description p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #585768;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 28px
}

.plan-comparison-searchbar {
    width: 100%;
    margin-top: 60px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-searchbar {
        margin-top:24px
    }
}

.plan-comparison-searchbar.is-dark form {
    border: none;
    border-radius: 0
}

.plan-comparison-searchbar.is-dark form input {
    border: 1px solid #2b2a35
}

.plan-comparison-searchbar form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    border: 2px solid transparent;
    border-radius: 67px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.plan-comparison-searchbar form:hover {
    border: 2px solid rgba(73,89,234,.2)
}

.plan-comparison-searchbar form:hover button svg path {
    stroke: #4959ea
}

.plan-comparison-searchbar form:hover button svg g {
    opacity: 1
}

.plan-comparison-searchbar form:hover input {
    border: 1px solid #4959ea;
    color: #2b2a35
}

.plan-comparison-searchbar form:hover input::-webkit-input-placeholder {
    color: #2b2a35
}

.plan-comparison-searchbar form:hover input::-moz-placeholder {
    color: #2b2a35
}

.plan-comparison-searchbar form:hover input:-ms-input-placeholder {
    color: #2b2a35
}

.plan-comparison-searchbar form:hover input::-ms-input-placeholder {
    color: #2b2a35
}

.plan-comparison-searchbar form:hover input::placeholder {
    color: #2b2a35
}

.plan-comparison-searchbar form.is-focus {
    border: 2px solid rgba(73,89,234,.2)
}

.plan-comparison-searchbar form.is-focus button svg path {
    stroke: #4959ea
}

.plan-comparison-searchbar form.is-focus button svg g {
    opacity: 1
}

.plan-comparison-searchbar form.is-focus input {
    border: 1px solid #4959ea;
    color: #2b2a35
}

.plan-comparison-searchbar form.is-focus input::-webkit-input-placeholder {
    color: #2b2a35
}

.plan-comparison-searchbar form.is-focus input::-moz-placeholder {
    color: #2b2a35
}

.plan-comparison-searchbar form.is-focus input:-ms-input-placeholder {
    color: #2b2a35
}

.plan-comparison-searchbar form.is-focus input::-ms-input-placeholder {
    color: #2b2a35
}

.plan-comparison-searchbar form.is-focus input::placeholder {
    color: #2b2a35
}

.plan-comparison-searchbar form button {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 50%;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25px;
    background: none;
    border: none
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-searchbar form button {
        left:18px
    }
}

.plan-comparison-searchbar form button svg {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-searchbar form button svg {
        width:20px;
        height: 20px
    }
}

.plan-comparison-searchbar form input {
    width: 100%;
    padding: 20px 20px 21px 65px;
    background: #fff;
    border: 1px solid #d9d8e7;
    border-radius: 67px;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: rgba(88,87,104,.7);
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-searchbar form input {
        padding:15px 20px 16px 50px;
        font-size: 16px;
        line-height: 19px
    }
}

.plan-comparison-searchbar form input::-webkit-input-placeholder {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    height: 100%;
    padding: 0;
    color: rgba(88,87,104,.7);
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.plan-comparison-searchbar form input::-moz-placeholder {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    height: 100%;
    padding: 0;
    color: rgba(88,87,104,.7);
    -moz-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.plan-comparison-searchbar form input:-ms-input-placeholder {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    height: 100%;
    padding: 0;
    color: rgba(88,87,104,.7);
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.plan-comparison-searchbar form input::-ms-input-placeholder {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    height: 100%;
    padding: 0;
    color: rgba(88,87,104,.7);
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.plan-comparison-searchbar form input::placeholder {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    height: 100%;
    padding: 0;
    color: rgba(88,87,104,.7);
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .plan-comparison-searchbar form input::-webkit-input-placeholder {
        font-size:16px;
        line-height: 19px
    }

    .plan-comparison-searchbar form input::-moz-placeholder {
        font-size: 16px;
        line-height: 19px
    }

    .plan-comparison-searchbar form input:-ms-input-placeholder {
        font-size: 16px;
        line-height: 19px
    }

    .plan-comparison-searchbar form input::-ms-input-placeholder {
        font-size: 16px;
        line-height: 19px
    }

    .plan-comparison-searchbar form input::placeholder {
        font-size: 16px;
        line-height: 19px
    }
}

.stock-market {
    padding-top: 100px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .stock-market {
        padding-top:40px
    }
}

.stock-market-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.stock-market-head h1 {
    font-size: 54px;
    line-height: 90px;
    text-align: center;
    letter-spacing: -.02em;
    color: #fff;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 32px;
    margin-top: 0
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .stock-market-head h1 {
        font-size:42px;
        line-height: 56px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .stock-market-head h1 {
        font-size:24px;
        line-height: 33px;
        margin-bottom: 16px
    }
}

.stock-market-head p {
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #89879b;
    max-width: 80%
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .stock-market-head p {
        font-size:16px;
        line-height: 26px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .stock-market-head p {
        font-size:16px;
        line-height: 28px;
        max-width: 100%
    }
}

.twitter-comments-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 108px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .twitter-comments-head {
        margin-bottom:40px
    }
}

.twitter-comments-head-title h3 {
    font-size: 40px;
    line-height: 55px;
    letter-spacing: -.04em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .twitter-comments-head-title h3 {
        font-size:32px;
        line-height: 44px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .twitter-comments-head .twitter-comments-head-slider-buttons {
        display:none
    }
}

.twitter-comments-body .twitter-comments-slider {
    overflow: unset
}

.twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide {
    height: initial!important
}

.twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content {
    padding: 40px 24px 32px 24px;
    background: #fafaff;
    border-radius: 16px;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content {
        padding:30px 15px 24px 15px;
        border-radius: 12px
    }
}

.twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content-illustration {
    margin-bottom: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content-illustration {
        margin-bottom:24px
    }
}

.twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content-head {
    margin-bottom: 36px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content-head {
        margin-bottom:24px
    }
}

.twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content-head p {
    font-size: 22px;
    line-height: 33px;
    letter-spacing: -.02em;
    color: #fff;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content-head p {
        font-size:20px;
        line-height: 28px
    }
}

.twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content-head p a {
    color: #fff
}

.twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content-person-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content-person-info-image img {
    border-radius: 137px
}

.twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content-person-info-content {
    margin-left: 16px
}

.twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content-person-info-content h5 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.02em;
    color: #fff;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content-person-info-content h5 {
        font-size:14px;
        line-height: 20px
    }
}

.twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content-person-info-content span {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #98989a
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content-person-info-content span {
        font-size:14px;
        line-height: 20px
    }
}

.upstairs {
    position: fixed;
    z-index: 99999;
    right: 60px;
    bottom: 0;
    width: 60px;
    height: 60px;
    outline: none!important;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: 0.5s -webkit-transform ease;
    transition: 0.5s -webkit-transform ease;
    transition: 0.5s transform ease;
    transition: 0.5s transform ease,0.5s -webkit-transform ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .upstairs {
        top:unset;
        right: 20px;
        width: 50px;
        height: 50px
    }
}

.upstairs.is-show {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .upstairs.is-show {
        -webkit-transform:translateY(-20px);
        transform: translateY(-20px)
    }
}

.upstairs a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease
}

.upstairs a i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .upstairs a i svg {
        width:44px;
        height: 44px
    }
}

.upstairs a i svg path {
    -webkit-transition: 0.5s fill ease;
    transition: 0.5s fill ease
}

.why-bnbprotrade {
    position: relative
}

.why-bnbprotrade::after {
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
    height: calc(100% - 46% + 150px);
    z-index: -1;
    content: "";
    background: #F3BA2F
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .why-bnbprotrade::after {
        content:none
    }
}

.why-bnbprotrade .m-control {
    margin-bottom: 40px
}

.why-bnbprotrade-title {
    margin-bottom: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .why-bnbprotrade-title {
        margin-bottom:40px
    }
}

.why-bnbprotrade-title h3 {
    font-size: 40px;
    line-height: 55px;
    text-align: center;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .why-bnbprotrade-title h3 {
        font-size:32px;
        line-height: 45px
    }
}

.why-bnbprotrade-item {
    background: #e8f8ff;
    border-radius: 20px;
    padding: 54px 40px 0 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .why-bnbprotrade-item {
        padding:48px 32px 0 32px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1400px) {
    .why-bnbprotrade-item {
        padding:45px 25px 0 25px
    }
}

.why-bnbprotrade-item.large-size {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 50px 0 30px 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .why-bnbprotrade-item.large-size {
        padding:48px 32px 0 32px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.why-bnbprotrade-item.large-size .why-bnbprotrade-item-body {
    margin-top: 0;
    padding: 0 20px 0 0;
    width: 100%;
    margin-left: 20px;
    height: calc(100% + 85px);
    margin-top: -55px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .why-bnbprotrade-item.large-size .why-bnbprotrade-item-body {
        width:calc(100% + 41px);
        margin-left: -10px;
        margin-top: 50px;
        height: 100%;
        max-height: 240px
    }
}

.why-bnbprotrade-item.large-size .why-bnbprotrade-item-body .why-bnbprotrade-item-body-image {
    height: 100%
}

.why-bnbprotrade-item.large-size .why-bnbprotrade-item-body .why-bnbprotrade-item-body-image img {
    height: 100%;
    -o-object-position: right center;
    object-position: right center
}

.why-bnbprotrade-item.large-size .why-bnbprotrade-item-head {
    max-width: 60%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .why-bnbprotrade-item.large-size .why-bnbprotrade-item-head {
        max-width:100%
    }
}

@media only screen and (min-width: 992px) and (max-width:1320px) {
    .why-bnbprotrade-item.large-size .why-bnbprotrade-item-head {
        max-width:50%
    }
}

.why-bnbprotrade-item-head-title {
    margin-bottom: 24px;
    max-width: 90%
}

.why-bnbprotrade-item-head-title h4 {
    font-size: 28px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    color: #2b2a35
}

@media only screen and (min-width: 1200px) and (max-width:1400px) {
    .why-bnbprotrade-item-head-title h4 {
        font-size:24px;
        line-height: 30px
    }
}

.why-bnbprotrade-item-head-description p {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .why-bnbprotrade-item-head-description p {
        line-height:28px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1400px) {
    .why-bnbprotrade-item-head-description p {
        font-size:16px;
        line-height: 28px
    }
}

.why-bnbprotrade-item-body {
    width: calc(100% + 50px);
    margin-left: -10px;
    margin-top: 60px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .why-bnbprotrade-item-body {
        width:calc(100% + 41px);
        margin-left: -10px;
        margin-top: 50px;
        height: 100%;
        max-height: 240px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1400px) {
    .why-bnbprotrade-item-body {
        margin-top:40px
    }
}

.why-bnbprotrade-item-body-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .why-bnbprotrade-item-body-image {
        height:100%
    }
}

.why-bnbprotrade-item-body-image img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    -o-object-position: right bottom;
    object-position: right bottom
}

.why-bnbprotrade-item-pulsating-dot {
    position: absolute;
    top: 5px;
    right: 60px
}

.why-bnbprotrade-item-pulsating-dot .ring-container .circle {
    width: 12px;
    height: 12px;
    background-color: #7acf36;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 20px
}

.why-bnbprotrade-item-pulsating-dot .ring-container .ringring {
    border: 6px solid #7acf36;
    -webkit-border-radius: 30px;
    height: 18px;
    width: 18px;
    position: absolute;
    left: 17px;
    top: 17px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0;
    -webkit-filter: blur(4px);
    filter: blur(4px)
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(.1,.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.1,1.1);
        opacity: 0
    }
}

.youtube-video-detail-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1160px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto
}

@media (min-width: 1293px) {
    .youtube-video-detail-content {
        max-width:calc(100% - 17%)
    }
}

.youtube-video-detail-content-iframe {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.youtube-video-detail-content-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.youtube-video-detail-content-text h1 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    font-size: 40px;
    line-height: 60px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .youtube-video-detail-content-text h1 {
        font-size:24px;
        line-height: 36px
    }
}

.youtube-video-detail-content-text span {
    margin-top: 1.836px
}

@media only screen and (min-width: 1390px) and (max-width:1450px) {
    .youtube-video-detail-content-text span {
        margin-top:-.964px
    }
}

.youtube-video-detail-content-text .youtube-video-detail-content-text-date {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 6px 20px 6px 6px;
    background: rgba(73,89,234,.08);
    border-radius: 50px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .youtube-video-detail-content-text .youtube-video-detail-content-text-date .youtube-datepicker {
        width:24px!important;
        height: 24px!important
    }

    .youtube-video-detail-content-text .youtube-video-detail-content-text-date span {
        font-size: 12px;
        line-height: 14.06px
    }
}

.youtube-video-detail-content-text .youtube-video-detail-content-text-date span {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-left: 8px;
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.youtube-video-detail-content-text-info {
    padding-top: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .youtube-video-detail-content-text-info {
        padding-top:31px
    }

    .youtube-video-detail-content-text-info p {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 24px
    }
}

.youtube-video-detail-content-text-info p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #303030;
    font-size: 18px;
    line-height: 44px
}

.youtube-video-detail-content-text-info p strong {
    color: #fff
}

.body-error-page footer {
    display: none
}

.main-error-page {
    padding-top: 80px;
    padding-bottom: 120px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-error-page {
        padding-bottom:80px;
        padding-top: 60px
    }
}

.main-error-page .error-page-body-image {
    margin-bottom: 24px;
    padding: 80px 40px 40px 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-error-page .error-page-body-image {
        padding:0;
        margin-bottom: 14px
    }
}

.main-error-page .error-page-body-image img {
    width: 100%
}

.main-error-page .error-page-body-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 54px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-error-page .error-page-body-content {
        margin-bottom:40px
    }
}

.main-error-page .error-page-body-content h3 {
    font-size: 40px;
    line-height: 54px;
    text-align: center;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    margin-bottom: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-error-page .error-page-body-content h3 {
        font-size:24px;
        line-height: 33px;
        margin-bottom: 12px
    }
}

.main-error-page .error-page-body-content p {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #89879b;
    max-width: 520px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-error-page .error-page-body-content p {
        font-size:14px;
        line-height: 21px
    }
}

.main-error-page .error-page-body-links .levels-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0;
    border: none;
    background: #fff;
    padding: 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-error-page .error-page-body-links .levels-content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.main-error-page .error-page-body-links .levels-content a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 30px 30px 30px 24px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-error-page .error-page-body-links .levels-content a {
        padding:20px 30px 20px 24px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-error-page .error-page-body-links .levels-content a {
        padding:15px
    }
}

.main-error-page .error-page-body-links .levels-content-item {
    width: 100%;
    padding: 0;
    margin-right: 40px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-error-page .error-page-body-links .levels-content-item a {
        padding:10px
    }
}

.main-error-page .error-page-body-links .levels-content-item:last-child {
    margin-right: 0
}

.main-error-page .error-page-body-links .levels-content-item.advanced {
    background: #f3ecfe
}

.main-error-page .error-page-body-links .levels-content-item.intermediate-level {
    background: #d9fada
}

.main-error-page .error-page-body-links .levels-content-item.beginner {
    background: #fdf7e2
}

.main-error-page .error-page-body-links .levels-content-item-head {
    width: 43px;
    height: 43px
}

.main-error-page .error-page-body-links .levels-content-item-body h1,.main-error-page .error-page-body-links .levels-content-item-body h2,.main-error-page .error-page-body-links .levels-content-item-body h3,.main-error-page .error-page-body-links .levels-content-item-body h4,.main-error-page .error-page-body-links .levels-content-item-body h5,.main-error-page .error-page-body-links .levels-content-item-body h6 {
    font-size: 18px;
    line-height: 22px
}

.main-error-page .error-page-body-links .levels-content-item-body span {
    font-size: 12px;
    line-height: 14.06px
}

.main-about {
    padding-top: 44px;
    padding-bottom: 195px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about {
        padding-top:40px;
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-about {
        padding-bottom:140px
    }
}

.main-about .about-banner-slider {
    margin-top: 100px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .about-banner-slider {
        margin-top:48px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-about .about-banner-slider {
        margin-top:80px
    }
}

.main-about .access-description {
    margin-top: 140px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .access-description {
        margin-top:60px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-about .access-description {
        margin-top:90px
    }
}

.main-about .access-description p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin-bottom: 30px;
    color: #41404f;
    font-size: 20px;
    line-height: 34px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .access-description p {
        margin-bottom:20px;
        font-size: 16px;
        line-height: 28px
    }
}

.main-about .access-description p:last-child {
    margin-bottom: 0
}

.main-about .counter {
    margin-top: 130px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .counter {
        margin-top:60px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-about .counter {
        margin-top:80px
    }
}

.main-about .counter-block {
    padding: 75px 45px;
    background: rgba(73,89,234,.05);
    border-radius: 24px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-about .counter-block {
        padding:32px 15px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-about .counter-block {
        padding:42px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-about .counter-block-item {
        margin-bottom:32px
    }
}

.main-about .counter-block-item h3 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 8px;
    color: #fff;
    font-size: 60px;
    letter-spacing: -.02em;
    line-height: 80px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .counter-block-item h3 {
        margin-bottom:0;
        font-size: 40px;
        line-height: 60px
    }
}

.main-about .counter-block-item p {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #0c1462;
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 30px;
    opacity: .75;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .counter-block-item p {
        font-size:14px;
        line-height: 21px
    }
}

.main-about .which-services-offers {
    margin-top: 170px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .which-services-offers {
        margin-top:60px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-about .which-services-offers {
        margin-top:100px
    }
}

.main-about .which-services-offers-title {
    margin-bottom: 100px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .which-services-offers-title {
        margin-bottom:50px
    }
}

.main-about .which-services-offers-title h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    max-width: 80%;
    margin: 0 auto 32px;
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .which-services-offers-title h3 {
        max-width:100%;
        margin: 0 0 15px;
        font-size: 24px;
        line-height: 33px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-about .which-services-offers-title h3 {
        max-width:100%;
        margin: 0 0 15px
    }
}

.main-about .which-services-offers-title p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #41404f;
    font-size: 18px;
    line-height: 28px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .which-services-offers-title p {
        font-size:16px;
        line-height: 28px
    }
}

.main-about .which-services-offers-title a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main-about .which-services-offers-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 40px 44px;
    border: 1px solid #e7e9ff;
    background: #fafaff;
    border-radius: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .which-services-offers-item {
        padding:32px 24px
    }
}

.main-about .which-services-offers-item h5 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 16px;
    color: #fff;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .which-services-offers-item h5 {
        margin-bottom:8px;
        font-size: 18px;
        line-height: 27px
    }
}

.main-about .which-services-offers-item p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #585768;
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 28px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .which-services-offers-item p {
        font-size:15px;
        line-height: 21px
    }
}

.main-about .which-services-offers .m-control {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-about .which-services-offers .m-control {
        margin-bottom:24px
    }
}

.main-about .corporate-our-principles {
    margin-top: 200px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .corporate-our-principles {
        margin-top:100px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-about .corporate-our-principles {
        margin-top:120px
    }
}

.main-about .corporate-our-principles-title {
    margin-bottom: 90px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .corporate-our-principles-title {
        margin-bottom:60px
    }
}

.main-about .corporate-our-principles-title h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 32px;
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .corporate-our-principles-title h3 {
        margin-bottom:15px;
        font-size: 24px;
        line-height: 33px
    }
}

.main-about .corporate-our-principles-title p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #41404f;
    font-size: 16px;
    line-height: 28px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .corporate-our-principles-title p {
        font-size:16px;
        line-height: 28px
    }
}

.main-about .corporate-our-principles-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-about .corporate-our-principles-item {
        margin-bottom:24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-about .corporate-our-principles-item {
        margin-bottom:40px
    }
}

.main-about .corporate-our-principles-item-icon {
    margin-top: 4px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .corporate-our-principles-item-icon img {
        width:20px;
        height: 20px
    }
}

.main-about .corporate-our-principles-item-content {
    margin-left: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .corporate-our-principles-item-content {
        margin-left:12px
    }
}

.main-about .corporate-our-principles-item-content h5 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 12px;
    color: #fff;
    font-size: 20px;
    line-height: 27px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .corporate-our-principles-item-content h5 {
        margin-bottom:8px;
        font-size: 16px;
        line-height: 22px
    }
}

.main-about .corporate-our-principles-item-content p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #41404f;
    font-size: 16px;
    line-height: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .corporate-our-principles-item-content p {
        font-size:14px;
        line-height: 21px
    }
}

.main-about .bnbprotrade-date {
    padding: 150px 0 132px;
    margin-top: 200px;
    background: #f3fbff
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .bnbprotrade-date {
        display:none
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-about .bnbprotrade-date {
        padding:90px 0 82px;
        margin-top: 100px
    }
}

.main-about .bnbprotrade-date-title {
    margin-bottom: 124px
}

.main-about .bnbprotrade-date-title h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 32px;
    color: #fff;
    font-size: 40px;
    letter-spacing: -.02em;
    line-height: 55px;
    text-align: center
}

.main-about .bnbprotrade-date-title p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #89879b;
    font-size: 18px;
    line-height: 32px;
    text-align: center
}

.main-about .bnbprotrade-date-slider {
    overflow: unset
}

.main-about .bnbprotrade-date-slider .swiper-slide {
    position: relative
}

.main-about .bnbprotrade-date-slider .swiper-slide:first-child::after {
    left: 101px
}

.main-about .bnbprotrade-date-slider .swiper-slide:last-child::after {
    left: 0;
    width: 101px
}

.main-about .bnbprotrade-date-slider .swiper-slide::after {
    position: absolute;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #2b2a35;
    content: ''
}

.main-about .bnbprotrade-date-slider .swiper-slide-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-about .bnbprotrade-date-slider .swiper-slide-content-head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 202px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.main-about .bnbprotrade-date-slider .swiper-slide-content-head h3 {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    font-size: 90px;
    letter-spacing: -.02em;
    line-height: 105px;
    -webkit-transform: rotate(-90deg) translate(60px,-8px);
    transform: rotate(-90deg) translate(60px,-8px)
}

.main-about .bnbprotrade-date-slider .swiper-slide-content-head span {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    letter-spacing: -.02em;
    line-height: 22px;
    text-align: center
}

.main-about .bnbprotrade-date-slider .swiper-slide-content-head::after {
    position: absolute;
    bottom: -40px;
    left: 50%;
    width: 1px;
    height: 32px;
    background: #2b2a35;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.main-about .bnbprotrade-date-slider .swiper-slide-content-body {
    min-height: 275px;
    -webkit-transform: translate(-15px,60px);
    transform: translate(-15px,60px)
}

.main-about .bnbprotrade-date-slider .swiper-slide-content-body h4 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 8px;
    color: #fff;
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 28px
}

.main-about .bnbprotrade-date-slider .swiper-slide-content-body p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    font-size: 15px;
    letter-spacing: -.02em;
    line-height: 22px
}

.main-about .bnbprotrade-date-slider .bnbprotrade-date-slider-buttons {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 90px
}

.main-about .bnbprotrade-date-mobile {
    display: none;
    padding: 60px 0;
    margin-top: 60px;
    background: #f3fbff
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .bnbprotrade-date-mobile {
        display:block
    }
}

.main-about .bnbprotrade-date-mobile-title {
    margin-bottom: 44px
}

.main-about .bnbprotrade-date-mobile-title h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 15px;
    color: #fff;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 33px;
    text-align: center
}

.main-about .bnbprotrade-date-mobile-title p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #585768;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 28px;
    text-align: center
}

.main-about .bnbprotrade-date-mobile-item {
    padding-left: 34px;
    margin-bottom: 48px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-about .bnbprotrade-date-mobile-item {
        padding-right:45px
    }
}

.main-about .bnbprotrade-date-mobile-item-head {
    position: relative
}

.main-about .bnbprotrade-date-mobile-item-head::after {
    position: absolute;
    top: 55%;
    left: -50px;
    width: 40px;
    height: 1px;
    background: #2b2a35;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main-about .bnbprotrade-date-mobile-item-head h3 {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    font-size: 60px;
    letter-spacing: -.02em;
    line-height: 70px
}

.main-about .bnbprotrade-date-mobile-item-body {
    margin-top: 8px
}

.main-about .bnbprotrade-date-mobile-item-body h5 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 8px;
    color: #fff;
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 28px
}

.main-about .bnbprotrade-date-mobile-item-body p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    font-size: 14px;
    letter-spacing: -.02em;
    line-height: 22px
}

.main-about .our-investors {
    margin-top: 200px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors {
        margin-top:100px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-about .our-investors {
        margin-top:120px
    }
}

.main-about .our-investors-title {
    margin-bottom: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors-title {
        margin-bottom:50px
    }
}

.main-about .our-investors-title h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 32px;
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors-title h3 {
        margin-bottom:15px;
        font-size: 24px;
        line-height: 33px
    }
}

.main-about .our-investors-title p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #41404f;
    font-size: 16px;
    line-height: 28px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors-title p {
        font-size:16px;
        line-height: 28px
    }
}

.main-about .our-investors .our-investors-medium {
    margin-bottom: 60px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors .our-investors-medium {
        margin-bottom:32px
    }
}

.main-about .our-investors .our-investors-medium img {
    width: 100%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors .our-investors-small .our-investors-item {
        padding-bottom:24px
    }
}

.main-about .our-investors .our-investors-small .our-investors-item-head {
    height: 200px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 19px;
    margin-bottom: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors .our-investors-small .our-investors-item-head {
        height:150px;
        margin-bottom: 12px
    }
}

.main-about .our-investors .our-investors-small .our-investors-item-head-main-logo {
    width: 100%;
    margin: auto;
    text-align: center!important;
    vertical-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors .our-investors-small .our-investors-item-head-main-logo {
        height:100%
    }
}

.main-about .our-investors .our-investors-small .our-investors-item-head-main-logo img {
    width: 100%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors .our-investors-small .our-investors-item-head-main-logo img {
        width:100%;
        height: unset
    }
}

.main-about .our-investors .our-investors-small .our-investors-item-body h4 {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 22px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors .our-investors-small .our-investors-item-body h4 {
        margin-bottom:2px;
        font-size: 14px;
        line-height: 19px
    }
}

.main-about .our-investors .our-investors-small .our-investors-item-body span {
    font-size: 12px;
    line-height: 14px
}

.main-about .our-investors-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors-item {
        padding-bottom:32px
    }
}

.main-about .our-investors-item:hover .our-investors-item-head {
    border: 1px solid #4959ea
}

.main-about .our-investors-item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 48px 55px 53px;
    border: 1px solid #d9d8e7;
    margin-bottom: 24px;
    background: #fff;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors-item-head {
        padding:35px 32px 37px;
        margin-bottom: 16px
    }
}

.main-about .our-investors-item-head-main-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    text-align: center!important;
    vertical-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors-item-head-main-logo img {
        width:100%;
        height: 35px
    }
}

@media only screen and (min-width: 992px) and (max-width:1350px) {
    .main-about .our-investors-item-head-main-logo img {
        width:100%
    }
}

.main-about .our-investors-item-head-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 45px;
    border-top: 1px solid #d9d8e7;
    margin-top: 50px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors-item-head-logos {
        padding-top:37px;
        margin-top: 35px
    }
}

.main-about .our-investors-item-head-logos img {
    margin-right: 28px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors-item-head-logos img {
        height:30px;
        margin-right: 22px
    }
}

.main-about .our-investors-item-head-logos img:last-child {
    margin-right: 0
}

.main-about .our-investors-item-body h4 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 8px;
    color: #fff;
    font-size: 18px;
    line-height: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors-item-body h4 {
        margin-bottom:5px;
        font-size: 16px;
        line-height: 22px
    }
}

.main-about .our-investors-item-body span {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #585768;
    font-size: 14px;
    line-height: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-investors-item-body span {
        font-size:14px;
        line-height: 16px
    }
}

.main-about .cap-news {
    margin-top: 250px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .cap-news {
        margin-top:100px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-about .cap-news {
        margin-top:140px
    }
}

.main-about .cap-news .m-control {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .cap-news .m-control {
        margin-bottom:24px
    }
}

.main-about .cap-news-title {
    margin-bottom: 70px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .cap-news-title {
        margin-bottom:48px
    }
}

.main-about .cap-news-title h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 32px;
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .cap-news-title h3 {
        margin-bottom:15px;
        font-size: 24px;
        line-height: 33px
    }
}

.main-about .cap-news-title p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #41404f;
    font-size: 16px;
    line-height: 28px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .cap-news-title p {
        font-size:16px;
        line-height: 28px
    }
}

.main-about .cap-news-item {
    height: 100%;
    padding: 24px;
    border: 1px solid #d9d8e7;
    background: #fff;
    border-radius: 5px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .cap-news-item {
        padding:20px
    }
}

.main-about .cap-news-item h4 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 16px;
    color: #fff;
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 30px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .cap-news-item h4 {
        margin-bottom:12px;
        font-size: 16px;
        line-height: 30px
    }
}

.main-about .cap-news-item span {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .cap-news-item span {
        font-size:12px;
        line-height: 16px
    }
}

.main-about .cap-news-item:hover {
    border: 1px solid #4959ea
}

.main-about .our-authorization-documents {
    margin-top: 250px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-authorization-documents {
        margin-top:100px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-about .our-authorization-documents {
        margin-top:140px
    }
}

.main-about .our-authorization-documents-title {
    margin-bottom: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-authorization-documents-title {
        margin-bottom:44px
    }
}

.main-about .our-authorization-documents-title h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 32px;
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-authorization-documents-title h3 {
        margin-bottom:15px;
        font-size: 24px;
        line-height: 33px
    }
}

.main-about .our-authorization-documents-title p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #41404f;
    font-size: 16px;
    line-height: 28px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-authorization-documents-title p {
        font-size:16px;
        line-height: 28px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-authorization-documents-item {
        margin-bottom:24px
    }
}

.main-about .our-authorization-documents-item:hover .our-authorization-documents-item-head {
    border: 1px solid #4959ea
}

.main-about .our-authorization-documents-item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 200px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 52px;
    border: 1px solid #d9d8e7;
    margin-bottom: 16px;
    background: #fff;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media only screen and (min-width: 992px) and (max-width:1350px) {
    .main-about .our-authorization-documents-item-head {
        height:170px;
        padding: 18px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-authorization-documents-item-head {
        height:150px;
        padding: 32px 35px;
        margin-bottom: 12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1350px) {
    .main-about .our-authorization-documents-item-head img {
        width:100%
    }
}

.main-about .our-authorization-documents-item-body h4 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 22px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .our-authorization-documents-item-body h4 {
        font-size:14px;
        line-height: 19px
    }
}

.main-about .our-authorization-documents-item-body span {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #585768;
    font-size: 12px;
    line-height: 14px
}

.main-about .news-sources {
    margin-top: 320px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .news-sources {
        margin-top:100px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-about .news-sources {
        margin-top:160px
    }
}

.main-about .news-sources-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .news-sources-title {
        margin-bottom:48px
    }
}

.main-about .news-sources-title h3 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 40px;
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .news-sources-title h3 {
        margin-bottom:24px;
        font-size: 24px;
        line-height: 33px
    }
}

.main-about .news-sources-title .nav-tabs {
    border-bottom: none
}

.main-about .news-sources-title .nav-tabs .nav-item {
    margin-right: 12px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .news-sources-title .nav-tabs .nav-item {
        margin-right:8px
    }
}

.main-about .news-sources-title .nav-tabs .nav-item:last-child {
    margin-right: 0
}

.main-about .news-sources-title .nav-tabs .nav-item .nav-link {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    padding: 15px 32px 16px;
    border: none;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 21px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .news-sources-title .nav-tabs .nav-item .nav-link {
        padding:7px 12px 8px;
        font-size: 14px;
        line-height: 21px
    }
}

.main-about .news-sources-title .nav-tabs .nav-item .nav-link.active {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    background: #fff;
    border-radius: 61px;
    color: #fff
}

.main-about .news-sources-title .nav-tabs .nav-item .nav-link:hover {
    border: none
}

.main-about .news-sources .tab-content {
    padding-top: 40px;
    border-top: 1px solid rgba(73,89,234,.1)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .news-sources .tab-content {
        padding-top:0;
        border-top: none
    }
}

.main-about .news-sources .tab-content .tab-pane .control-show {
    display: none;
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .news-sources .tab-content .tab-pane .control-show {
        margin-bottom:24px
    }
}

.main-about .news-sources .tab-content .tab-pane .control-show:nth-child(1) {
    display: block
}

.main-about .news-sources .tab-content .tab-pane .control-show:nth-child(2) {
    display: block
}

.main-about .news-sources .tab-content .tab-pane .control-show:nth-child(3) {
    display: block
}

.main-about .news-sources .tab-content .tab-pane .control-show:nth-child(4) {
    display: block
}

.main-about .news-sources .tab-content .tab-pane .control-show:nth-child(5) {
    display: block
}

.main-about .news-sources .tab-content .tab-pane .control-show:nth-child(6) {
    display: block
}

.main-about .news-sources .tab-content .tab-pane .control-show:nth-child(7) {
    display: block
}

.main-about .news-sources .tab-content .tab-pane .control-show:nth-child(8) {
    display: block
}

.main-about .news-sources .tab-content .tab-pane .control-show-two {
    display: none;
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .news-sources .tab-content .tab-pane .control-show-two {
        margin-bottom:24px
    }
}

.main-about .news-sources .tab-content .tab-pane .control-show-two:nth-child(1) {
    display: block
}

.main-about .news-sources .tab-content .tab-pane .control-show-two:nth-child(2) {
    display: block
}

.main-about .news-sources .tab-content .tab-pane .control-show-two:nth-child(3) {
    display: block
}

.main-about .news-sources .tab-content .tab-pane .control-show-two:nth-child(4) {
    display: block
}

.main-about .news-sources .tab-content .tab-pane .control-show-two:nth-child(5) {
    display: block
}

.main-about .news-sources .tab-content .tab-pane .control-show-two:nth-child(6) {
    display: block
}

.main-about .news-sources .tab-content .tab-pane .control-show-two:nth-child(7) {
    display: block
}

.main-about .news-sources .tab-content .tab-pane .control-show-two:nth-child(8) {
    display: block
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .news-sources .tab-content .tab-pane .news-sources-item {
        margin-bottom:24px
    }
}

.main-about .news-sources .tab-content .tab-pane .news-sources-item-head {
    position: relative;
    margin-bottom: 20px
}

.main-about .news-sources .tab-content .tab-pane .news-sources-item-head-image img {
    width: 100%
}

.main-about .news-sources .tab-content .tab-pane .news-sources-item-head-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.main-about .news-sources .tab-content .tab-pane .news-sources-item-body span {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

.main-about .news-sources .tab-content .tab-pane .news-sources-item-body h4 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-top: 12px;
    color: #fff;
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 30px
}

.main-about .news-sources .news-sources-item-view-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 65px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-about .news-sources .news-sources-item-view-button {
        margin-top:40px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-academy-list header {
        -webkit-filter:none;
        filter: none
    }
}

.body-academy-list header.scrolled {
    -webkit-box-shadow: none;
    box-shadow: none
}

.body-academy-list.levels-is-scrolled .levels.academy-list {
    top: 101px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-academy-list.levels-is-scrolled .levels.academy-list {
        top:79px
    }
}

.body-academy-list .levels.academy-list.header-is-hide {
    top: 0!important
}

.main-academy-list {
    padding-top: 105px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-list {
        padding-top:84px;
        padding-bottom: 58px
    }
}

.main-academy-list .level-cards {
    margin-top: 100px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-list .level-cards {
        margin-top:60px
    }
}

.main-academy-list .level-cards-block-title {
    margin-bottom: 144px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-list .level-cards-block-title {
        margin-bottom:60px
    }
}

.main-academy-list .level-cards-block-title-head {
    padding-bottom: 24px;
    margin-bottom: 32px;
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-list .level-cards-block-title-head {
        padding-bottom:16px;
        margin-bottom: 24px
    }
}

.main-academy-list .level-cards-block-title-head::after {
    position: absolute;
    bottom: 0;
    content: "";
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80px;
    height: 5px;
    background: #ffd57e;
    border-radius: 1px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-list .level-cards-block-title-head::after {
        width:50px;
        height: 3px
    }
}

.main-academy-list .level-cards-block-title-head h1 {
    font-size: 48px;
    line-height: 65px;
    text-align: center;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    margin: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-list .level-cards-block-title-head h1 {
        font-size:32px;
        line-height: 44px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-academy-list .level-cards-block-title-head h1 {
        font-size:38px;
        line-height: 42px
    }
}

.main-academy-list .level-cards-block-title-description p {
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #706e81
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-list .level-cards-block-title-description p {
        font-size:16px;
        line-height: 28px
    }
}

.main-academy-list .level-cards-block-body {
    margin-bottom: 60px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-list .level-cards-block-body {
        margin-bottom:40px
    }
}

.main-academy-list .app-call-to-action {
    margin-top: 160px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy-list .app-call-to-action {
        margin-top:60px
    }
}

.main-academy {
    padding-top: 45px;
    margin-bottom: 50px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy {
        padding-top:40px;
        padding-bottom: 58px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .first-step {
        padding-bottom:40px;
        border-bottom: 1px solid #f2f3f4
    }
}

.main-academy .first-step-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .first-step-content {
        margin-bottom:40px
    }
}

.main-academy .first-step-content-title {
    margin-bottom: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .first-step-content-title {
        margin-bottom:13px
    }
}

.main-academy .first-step-content-title h1 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin: 0;
    color: #fff;
    font-size: 54px;
    letter-spacing: -.02em;
    line-height: 81px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .first-step-content-title h1 {
        font-size:36px;
        line-height: 49px;
        text-align: center
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-academy .first-step-content-title h1 {
        font-size:44px;
        line-height: 50px
    }
}

.main-academy .first-step-content-description {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .first-step-content-description {
        margin-bottom:0
    }
}

.main-academy .first-step-content-description p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #585768;
    font-size: 18px;
    line-height: 36px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .first-step-content-description p {
        font-size:16px;
        line-height: 28px;
        text-align: center
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .first-step-content-button {
        display:none
    }
}

.main-academy .first-step-image img {
    width: 100%;
    max-height: 470px;
    border-radius: 16px
}

.main-academy .levels {
    margin-top: 150px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .levels {
        margin-top:40px
    }
}

.main-academy .levels-content-item.beginner.active {
    background: #fdf7e2
}

.main-academy .levels-content-item.intermediate-level.active {
    background: #d9fada
}

.main-academy .levels-content-item.advanced.active {
    background: #f3ecfe
}

.main-academy .popular-lessons {
    margin-top: 175px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .popular-lessons {
        margin-top:70px
    }
}

.main-academy .popular-lessons .popular-lessons-title {
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 70px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .popular-lessons .popular-lessons-title {
        padding-bottom:16px;
        margin-bottom: 44px
    }
}

.main-academy .popular-lessons .popular-lessons-title::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 5px;
    background: #fff;
    content: ''
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .popular-lessons .popular-lessons-title::after {
        width:50px;
        height: 3px
    }
}

.main-academy .popular-lessons .popular-lessons-title h3 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 36px;
    letter-spacing: -.02em;
    line-height: 49px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .popular-lessons .popular-lessons-title h3 {
        font-size:24px;
        line-height: 33px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .popular-lessons-head {
        margin-bottom:40px
    }
}

.main-academy .popular-lessons-head-image {
    margin-bottom: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .popular-lessons-head-image {
        margin-bottom:24px
    }
}

.main-academy .popular-lessons-head-image img {
    width: 100%;
    max-height: 530px;
    border-radius: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .popular-lessons-head-image img.is-desktop {
        display:none
    }
}

.main-academy .popular-lessons-head-image img.is-mobile {
    display: none
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .popular-lessons-head-image img.is-mobile {
        display:block
    }
}

.main-academy .popular-lessons-head-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .popular-lessons-head-category {
        margin-bottom:14px
    }
}

.main-academy .popular-lessons-head-category.personal-finance p {
    color: #fb9b9b
}

.main-academy .popular-lessons-head-category.beginner p {
    color: #ffd57e
}

.main-academy .popular-lessons-head-category.intermediate-level p {
    color: #8ff2b1
}

.main-academy .popular-lessons-head-category.advanced p {
    color: #a79fff
}

.main-academy .popular-lessons-head-category p {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    letter-spacing: .02em;
    line-height: 100%;
    text-transform: uppercase
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .popular-lessons-head-category p {
        font-size:12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-academy .popular-lessons-head-category p {
        font-size:12px;
        line-height: 100%
    }
}

.main-academy .popular-lessons-head-category span {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-left: 24px;
    color: #585768;
    font-size: 14px;
    letter-spacing: .02em;
    line-height: 100%;
    text-transform: uppercase
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .popular-lessons-head-category span {
        margin-left:16px;
        font-size: 12px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-academy .popular-lessons-head-category span {
        font-size:12px;
        line-height: 100%
    }
}

.main-academy .popular-lessons-head-description h4 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    font-size: 32px;
    letter-spacing: -.02em;
    line-height: 52px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .popular-lessons-head-description h4 {
        font-size:20px;
        line-height: 30px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-academy .popular-lessons-head-description h4 {
        font-size:22px;
        line-height: 32px
    }
}

.main-academy .popular-lessons-body-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-academy .popular-lessons-body-item {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.main-academy .popular-lessons-body-item-content {
    padding-right: 40px
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-academy .popular-lessons-body-item-content {
        padding-right:24px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-academy .popular-lessons-body-item-content {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width:900px) {
    .main-academy .popular-lessons-body-item-content {
        padding-right:15px
    }
}

.main-academy .popular-lessons-body-item-content-description {
    margin-bottom: 12px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-academy .popular-lessons-body-item-content-description {
        margin-bottom:0
    }
}

.main-academy .popular-lessons-body-item-content-description h4 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    font-size: 28px;
    letter-spacing: -.02em;
    line-height: 42px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-academy .popular-lessons-body-item-content-description h4 {
        font-size:20px;
        line-height: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-academy .popular-lessons-body-item-content-description h4 {
        font-size:18px;
        line-height: 26px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-academy .popular-lessons-body-item-content-description h4 {
        font-size:18px;
        line-height: 28px
    }
}

@media only screen and (min-width: 768px) and (max-width:900px) {
    .main-academy .popular-lessons-body-item-content-description h4 {
        font-size:16px;
        line-height: 18px
    }
}

@media only screen and (min-width: 1201px) and (max-width:1300px) {
    .main-academy .popular-lessons-body-item-content-description h4 {
        font-size:22px;
        line-height: 32px
    }
}

.main-academy .popular-lessons-body-item-content-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .popular-lessons-body-item-content-category {
        margin-bottom:14px
    }
}

@media only screen and (min-width: 768px) and (max-width:1300px) {
    .main-academy .popular-lessons-body-item-content-category {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.main-academy .popular-lessons-body-item-content-category p {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 12px;
    letter-spacing: .02em;
    line-height: 100%;
    text-transform: uppercase
}

.main-academy .popular-lessons-body-item-content-category span {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-left: 16px;
    color: #585768;
    font-size: 12px;
    letter-spacing: .02em;
    line-height: 100%;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) and (max-width:1300px) {
    .main-academy .popular-lessons-body-item-content-category span {
        margin-top:8px;
        margin-left: 0
    }
}

.main-academy .popular-lessons-body-item-content-category.personal-finance p {
    color: #fb9b9b
}

.main-academy .popular-lessons-body-item-content-category.beginner p {
    color: #ffd57e
}

.main-academy .popular-lessons-body-item-content-category.intermediate-level p {
    color: #8ff2b1
}

.main-academy .popular-lessons-body-item-content-category.advanced p {
    color: #a79fff
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-academy .popular-lessons-body-item-image {
        margin-bottom:24px
    }
}

.main-academy .popular-lessons-body-item-image img {
    width: 320px;
    height: auto;
    border-radius: 16px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-academy .popular-lessons-body-item-image img {
        width:100%
    }
}

@media only screen and (min-width: 768px) and (max-width:1450px) {
    .main-academy .popular-lessons-body-item-image img {
        width:220px
    }
}

.main-academy .academy-sign-up {
    display: none;
    padding: 100px 0;
    margin-top: 130px;
    background: #ebedff
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .academy-sign-up {
        padding:32px 0;
        margin-top: 20px
    }
}

.main-academy .academy-sign-up-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 55px 60px 32px;
    background: #fff;
    border-radius: 16px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-academy .academy-sign-up-content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 48px 24px
    }
}

.main-academy .academy-sign-up-content-head {
    max-width: 55%;
    padding-bottom: 42px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-academy .academy-sign-up-content-head {
        max-width:100%;
        padding-bottom: 0;
        margin-bottom: 32px
    }
}

@media only screen and (min-width: 768px) and (max-width:1350px) {
    .main-academy .academy-sign-up-content-head {
        padding-right:5%
    }
}

.main-academy .academy-sign-up-content-head h4 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 16px;
    color: #fff;
    font-size: 32px;
    line-height: 44px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-academy .academy-sign-up-content-head h4 {
        font-size:22px;
        line-height: 33px;
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-academy .academy-sign-up-content-head h4 {
        font-size:22px;
        line-height: 33px
    }
}

@media only screen and (min-width: 992px) and (max-width:1350px) {
    .main-academy .academy-sign-up-content-head h4 {
        font-size:22px;
        line-height: 33px
    }
}

.main-academy .academy-sign-up-content-head p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #585768;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 24px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-academy .academy-sign-up-content-head p {
        font-size:14px;
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-academy .academy-sign-up-content-head p {
        font-size:14px
    }
}

@media only screen and (min-width: 992px) and (max-width:1350px) {
    .main-academy .academy-sign-up-content-head p {
        font-size:14px
    }
}

.main-academy .academy-sign-up-content-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .academy-sign-up-content-body {
        width:100%
    }
}

.main-academy .academy-sign-up-content-body-item {
    position: relative
}

.main-academy .academy-sign-up-content-body-item input {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    padding: 20px 130px 20px 24px;
    border: 1px solid rgba(73,89,234,.2);
    border-radius: 32px;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 100%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .academy-sign-up-content-body-item input {
        width:100%;
        padding: 14px 110px 14px 20px;
        font-size: 14px
    }
}

.main-academy .academy-sign-up-content-body-item input::-webkit-input-placeholder {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    padding: 20px 0;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 100%
}

.main-academy .academy-sign-up-content-body-item input::-moz-placeholder {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    padding: 20px 0;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 100%
}

.main-academy .academy-sign-up-content-body-item input:-ms-input-placeholder {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    padding: 20px 0;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 100%
}

.main-academy .academy-sign-up-content-body-item input::-ms-input-placeholder {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    padding: 20px 0;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 100%
}

.main-academy .academy-sign-up-content-body-item input::placeholder {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    padding: 20px 0;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.02em;
    line-height: 100%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .academy-sign-up-content-body-item input::-webkit-input-placeholder {
        padding:14px 0;
        font-size: 14px
    }

    .main-academy .academy-sign-up-content-body-item input::-moz-placeholder {
        padding: 14px 0;
        font-size: 14px
    }

    .main-academy .academy-sign-up-content-body-item input:-ms-input-placeholder {
        padding: 14px 0;
        font-size: 14px
    }

    .main-academy .academy-sign-up-content-body-item input::-ms-input-placeholder {
        padding: 14px 0;
        font-size: 14px
    }

    .main-academy .academy-sign-up-content-body-item input::placeholder {
        padding: 14px 0;
        font-size: 14px
    }
}

.main-academy .academy-sign-up-content-body-item button {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    position: absolute;
    top: 50%;
    right: 4px;
    padding: 20px 24px;
    border: none;
    background: #fff;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 19px;
    outline: none;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .academy-sign-up-content-body-item button {
        padding:14px 20px;
        font-size: 14px;
        line-height: 100%
    }
}

.main-academy .academy-sign-up-content-body-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 330px;
    margin-top: 18px
}

.main-academy .academy-sign-up-content-body-label input {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}

.main-academy .academy-sign-up-content-body-label input[type='checkbox'] {
    width: 0;
    height: 0;
    opacity: 0
}

.main-academy .academy-sign-up-content-body-label label {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: rgba(43,42,53,.5);
    font-size: 13px;
    letter-spacing: -.02em;
    line-height: 18px
}

.main-academy .academy-sign-up-content-body-label label a {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    display: contents;
    color: #fff;
    font-size: 13px;
    letter-spacing: -.02em;
    line-height: 18px;
    opacity: 1
}

.main-academy .academy-sign-up-content-body-label label::before {
    display: inline-block;
    width: 20px;
    height: 18px;
    padding: 7.5px;
    border: 1px solid #4959ea;
    margin-right: 12px;
    background: #fff;
    border-radius: 3px;
    content: ''
}

.main-academy .academy-sign-up-content-body-label input[type='checkbox']:checked~label::before {
    background: #fff no-repeat center;
    background-image: url(../../../themes/basework/dist/img/checkbox-vector-two.svg)
}

.main-academy .level-cards-block {
    padding-bottom: 140px;
    border-bottom: 1px solid #f4f3ff;
    margin-top: 160px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .level-cards-block {
        padding-bottom:20px;
        margin-top: 60px
    }
}

.main-academy .level-cards-block:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0
}

.main-academy .level-cards-block-head {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .level-cards-block-body {
        margin-bottom:40px
    }
}

.main-academy .app-call-to-action {
    margin-top: 200px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-academy .app-call-to-action {
        margin-top:100px
    }
}

.main-article-tag-list {
    padding-top: 64px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-article-tag-list {
        padding-top:40px;
        padding-bottom: 58px
    }
}

.main-article-tag-list .tag-list {
    margin-top: 60px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-article-tag-list .tag-list {
        margin-top:40px
    }
}

.main-article-tag-list .tag-list .daily-newsletters-block-head .nav-tabs {
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(73,89,234,.1)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-article-tag-list .tag-list .daily-newsletters-block-head .nav-tabs {
        padding-bottom:18px
    }
}

.main-article-tag-list .tag-list .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-item {
    margin-bottom: 60px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-article-tag-list .tag-list .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-item {
        margin-bottom:48px
    }
}

.main-article-tag-list .tag-list .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-item-thumb img {
    height: 370px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-article-tag-list .tag-list .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-item-thumb img {
        height:230px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-article-tag-list .tag-list .daily-newsletters-block-body .tab-content .is-mobile-action-button {
        display:none
    }
}

.main-article-tag-list .app-call-to-action {
    margin-top: 250px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-article-tag-list .app-call-to-action {
        margin-top:88px
    }
}

.body-bist {
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-bist::before {
        z-index:5
    }
}

.body-bist::before {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(108,198,202,.3)),to(rgba(108,198,202,0)));
    background: linear-gradient(180deg,rgba(108,198,202,.3) 0%,rgba(108,198,202,0) 100%);
    content: '';
    mix-blend-mode: darken;
    pointer-events: none
}

.body-bist .main-bist {
    padding-top: 108px;
    padding-bottom: 200px
}

.body-bist .main-bist .why-bnbprotrade::after {
    top: 70%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-bist .main-bist .why-bnbprotrade::after {
        content:none
    }
}

.body-bist .main-bist .bist-body-item {
    background: #f1f2f8
}

.body-bist .main-bist .bist-body-item .why-bnbprotrade-item-head-title h4 {
    font-size: 32px;
    line-height: 37.5px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-bist .main-bist .bist-body-item .why-bnbprotrade-item-head-title h4 {
        font-size:28px;
        line-height: 32px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-bist .main-bist .bist-body-item .why-bnbprotrade-item-head-description p {
        font-size:16px;
        line-height: 28px
    }
}

.body-bist .main-bist .bist-body-item .why-bnbprotrade-item-body {
    margin-top: 34px
}

.body-bist .main-bist .bist-safe-invest-title h3 {
    line-height: 46.88px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .body-bist .main-bist .freedom-of-investment {
        margin-bottom:63px!important
    }
}

.body-bist .main-bist .freedom-of-investment .freedom-of-investment-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.body-bist .main-bist .freedom-of-investment .freedom-of-investment-head-title h1 {
    font-size: 90px;
    line-height: 105px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-bist .main-bist .freedom-of-investment .freedom-of-investment-head-title h1 {
        font-size:36px;
        line-height: 42px
    }
}

@media only screen and (min-width: 992px) and (max-width:1600px) {
    .body-bist .main-bist .freedom-of-investment .freedom-of-investment-head-title h1 {
        font-size:72px;
        line-height: 104px
    }
}

.body-bist .main-bist .freedom-of-investment .freedom-of-investment-head-description p {
    max-width: 80%;
    color: #fff;
    font-size: 22px;
    line-height: 26px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-bist .main-bist .freedom-of-investment .freedom-of-investment-head-description p {
        font-size:16px;
        line-height: 28px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1600px) {
    .body-bist .main-bist .freedom-of-investment .freedom-of-investment-head-description p {
        font-size:20px;
        line-height: 28px
    }
}

.header-bist {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(100%,rgba(108,198,202,.02)),to(rgba(219,242,243,0)));
    background: linear-gradient(180deg,rgba(108,198,202,.02) 100%,rgba(219,242,243,0) 100%);
    content: ''
}

.blank-page {
    padding-top: 44px
}

.blank-page article.content {
    margin-bottom: 200px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .blank-page article.content {
        margin-bottom:100px
    }
}

.blank-page article.content .article-content-title {
    margin-bottom: 42px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .blank-page article.content .article-content-title {
        margin-bottom:24px
    }
}

.blank-page article.content .article-content-title h1 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 47px;
    letter-spacing: -.02em;
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .blank-page article.content .article-content-title h1 {
        font-size:24px
    }

    .blank-page article.content .article-content-title h1 br {
        display: none
    }
}

.blank-page article.content h1,.blank-page article.content h2,.blank-page article.content h3,.blank-page article.content h4,.blank-page article.content h5,.blank-page article.content h6 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    margin-bottom: 24px;
    line-height: 150%;
    letter-spacing: -.02em
}

.blank-page article.content h1 {
    font-size: 42px
}

.blank-page article.content h2 {
    font-size: 36px
}

.blank-page article.content h3 {
    font-size: 32px
}

.blank-page article.content h4 {
    font-size: 28px
}

.blank-page article.content h5 {
    font-size: 24px
}

.blank-page article.content h6 {
    font-size: 20px
}

.blank-page article.content ul,.blank-page article.content ol {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0em;
    color: #89879b;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin-bottom: 50px;
    padding-left: 25px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .blank-page article.content ul,.blank-page article.content ol {
        font-size:16px;
        margin-bottom: 24px
    }
}

.blank-page article.content ul strong,.blank-page article.content ol strong {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600
}

.blank-page article.content ul i,.blank-page article.content ol i {
    font-style: italic
}

.blank-page article.content p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0em;
    color: #89879b;
    margin-bottom: 50px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .blank-page article.content p {
        margin-bottom:24px;
        font-size: 16px
    }
}

.blank-page article.content p a {
    text-decoration: underline!important
}

.blank-page article.content p strong {
    color: #fff;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600
}

.blank-page article.content p i {
    font-style: italic;
    font-family: 'Eina01-Regular-Italic';
    font-style: italic;
    font-weight: 400
}

main.main-blog-detail {
    padding-top: 64px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    main.main-blog-detail {
        padding-top:40px
    }
}

.blog-detail-thumbnail {
    margin-bottom: 90px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .blog-detail-thumbnail {
        margin-bottom:48px
    }
}

.blog-detail-thumbnail img {
    width: 100%;
    border-radius: 16px
}

section.blog-detail {
    margin-bottom: 200px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    section.blog-detail {
        margin-bottom:60px
    }
}

section.blog-detail .blog-detail-content figure {
    padding: 0;
    border-radius: 16px
}

section.blog-detail .blog-detail-content img {
    border-radius: 16px
}

section.blog-detail .blog-detail-content figure,section.blog-detail .blog-detail-content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 24px
}

section.blog-detail .blog-detail-content h1,section.blog-detail .blog-detail-content h2,section.blog-detail .blog-detail-content h3,section.blog-detail .blog-detail-content h4,section.blog-detail .blog-detail-content h5,section.blog-detail .blog-detail-content h6 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 24px;
    color: #fff;
    letter-spacing: -.02em
}

section.blog-detail .blog-detail-content h1 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 55px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    section.blog-detail .blog-detail-content h1 {
        font-size:24px;
        line-height: 36px
    }
}

section.blog-detail .blog-detail-content h2 {
    font-size: 24px;
    line-height: 36px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    section.blog-detail .blog-detail-content h2 {
        font-size:22px;
        line-height: 33px
    }
}

section.blog-detail .blog-detail-content h3 {
    font-size: 22px;
    line-height: 33px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    section.blog-detail .blog-detail-content h3 {
        font-size:20px;
        line-height: 30px
    }
}

section.blog-detail .blog-detail-content h4 {
    font-size: 20px;
    line-height: 30px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    section.blog-detail .blog-detail-content h4 {
        font-size:18px;
        line-height: 27px
    }
}

section.blog-detail .blog-detail-content h5 {
    font-size: 20px;
    line-height: 30px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    section.blog-detail .blog-detail-content h5 {
        font-size:18px;
        line-height: 27px
    }
}

section.blog-detail .blog-detail-content h6 {
    font-size: 18px;
    line-height: 27px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    section.blog-detail .blog-detail-content h6 {
        font-size:16px;
        line-height: 24px
    }
}

section.blog-detail .blog-detail-content ul li {
    list-style: disc
}

section.blog-detail .blog-detail-content ol,section.blog-detail .blog-detail-content ol li {
    list-style: decimal
}

section.blog-detail .blog-detail-content ul,section.blog-detail .blog-detail-content ol {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    padding-left: 25px;
    margin-bottom: 24px;
    color: #303030;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 27px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    section.blog-detail .blog-detail-content ul,section.blog-detail .blog-detail-content ol {
        margin-bottom:24px;
        font-size: 16px;
        line-height: 24px
    }
}

section.blog-detail .blog-detail-content ul strong,section.blog-detail .blog-detail-content ol strong {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600
}

section.blog-detail .blog-detail-content ul i,section.blog-detail .blog-detail-content ol i {
    font-style: italic
}

section.blog-detail .blog-detail-content p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin-bottom: 24px;
    color: #303030;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 27px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    section.blog-detail .blog-detail-content p {
        margin-bottom:24px;
        font-size: 16px;
        line-height: 24px
    }
}

section.blog-detail .blog-detail-content p a {
    color: #4859ea
}

section.blog-detail .blog-detail-content p strong {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #2b2a35
}

section.blog-detail .blog-detail-content p i {
    font-family: 'Eina01-Regular-Italic';
    font-style: italic;
    font-weight: 400;
    font-style: italic
}

section.blog-detail .blog-detail-custom-table {
    padding: 24px;
    margin-bottom: 60px;
    background: #f4f5f7;
    border-radius: 16px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    section.blog-detail .blog-detail-custom-table {
        padding:12px;
        margin-bottom: 40px
    }
}

section.blog-detail .blog-detail-custom-table-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    section.blog-detail .blog-detail-custom-table-head {
        margin-bottom:12px
    }
}

section.blog-detail .blog-detail-custom-table-head-title {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0;
    color: #2b2a35!important;
    font-size: 24px;
    letter-spacing: -.02em
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    section.blog-detail .blog-detail-custom-table-head-title {
        font-size:12px
    }
}

section.blog-detail .blog-detail-custom-table-head span {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #585768;
    font-size: 16px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    section.blog-detail .blog-detail-custom-table-head span {
        font-size:8px
    }
}

section.blog-detail .blog-detail-custom-table-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff
}

section.blog-detail .blog-detail-custom-table-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 24px;
    border-bottom: 1px solid #f4f5f7
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    section.blog-detail .blog-detail-custom-table-list-item {
        padding:10px 12px
    }
}

section.blog-detail .blog-detail-custom-table-list-item:last-child {
    border-bottom: 0
}

section.blog-detail .blog-detail-custom-table-list-item-name {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    line-height: 150%
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    section.blog-detail .blog-detail-custom-table-list-item-name {
        font-size:10px
    }
}

section.blog-detail .blog-detail-custom-table-list-item-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 32%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

section.blog-detail .blog-detail-custom-table-list-item-value.is-positive .value-percent {
    color: #48db91
}

section.blog-detail .blog-detail-custom-table-list-item-value.is-negative .value-percent {
    color: #ee3d48
}

section.blog-detail .blog-detail-custom-table-list-item-value.is-negative .value-percent i svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

section.blog-detail .blog-detail-custom-table-list-item-value.is-negative .value-percent i svg path {
    stroke: #ee3d48
}

section.blog-detail .blog-detail-custom-table-list-item-value .value-percent {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    text-align: left
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    section.blog-detail .blog-detail-custom-table-list-item-value .value-percent {
        font-size:8px
    }
}

section.blog-detail .blog-detail-custom-table-list-item-value .value-percent i {
    margin-right: 16px
}

section.blog-detail .blog-detail-custom-table-list-item-value .value-number {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-left: 30px;
    color: #fff;
    font-size: 20px;
    text-align: right
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    section.blog-detail .blog-detail-custom-table-list-item-value .value-number {
        font-size:10px
    }
}

section.blog-detail .blog-detail-share,section.blog-detail .blog-detail-tags {
    margin-bottom: 60px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    section.blog-detail .blog-detail-share,section.blog-detail .blog-detail-tags {
        margin-bottom:30px
    }
}

section.blog-detail .blog-detail-share h6,section.blog-detail .blog-detail-tags h6 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 12px;
    color: #fff;
    font-size: 20px;
    letter-spacing: -.02em;
    line-height: 150%
}

section.blog-detail .blog-detail-tags ul.tag-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    section.blog-detail .blog-detail-tags ul.tag-list {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

section.blog-detail .blog-detail-tags ul.tag-list li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    section.blog-detail .blog-detail-tags ul.tag-list li {
        margin-right:10px;
        margin-bottom: 10px
    }
}

section.blog-detail .blog-detail-tags ul.tag-list li:last-child {
    margin-right: 0
}

section.blog-detail .blog-detail-tags ul.tag-list li a {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 7px 12px 6px;
    border: 1px solid #89879b;
    border-radius: 65px;
    color: #89879b;
    font-size: 14px;
    letter-spacing: -.02em;
    line-height: 19px;
    text-align: center
}

section.blog-detail .blog-detail-share ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

section.blog-detail .blog-detail-share ul li {
    margin-right: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    section.blog-detail .blog-detail-share ul li {
        margin-right:10px
    }
}

section.blog-detail .blog-detail-share ul li:last-child {
    margin-right: 0
}

section.blog-detail .blog-detail-share ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 44px;
    height: 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #a3a1b4;
    border-radius: 100%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    section.blog-detail .blog-detail-share ul li a {
        width:40px;
        height: 40px
    }
}

section.blog-detail .blog-detail-share ul li a i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

main.main-blog-list {
    padding-top: 44px
}

.blog-head {
    margin-bottom: 120px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .blog-head {
        margin-bottom:60px
    }
}

.blog-list-popular {
    margin-bottom: 100px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .blog-list-popular {
        margin-bottom:40px
    }
}

.blog-list {
    margin-bottom: 200px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .blog-list {
        margin-bottom:100px
    }
}

.blog-list .section-head {
    margin-bottom: 60px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .blog-list .section-head {
        margin-bottom:32px
    }
}

.blog-list .section-head h5 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    letter-spacing: -.02em;
    line-height: 47px;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .blog-list .section-head h5 {
        font-size:24px;
        line-height: 28px
    }
}

.body-career {
    padding-top: 0!important
}

.body-career header {
    background-color: transparent
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-career header {
        background-color:#fff
    }
}

.body-career header.scrolled {
    background-color: #fff
}

.main-career {
    padding-bottom: 200px
}

@media only screen and (min-width: 320px) and (max-width:1200px) {
    .main-career {
        padding-bottom:100px
    }
}

section.our-company-culture {
    margin-top: 280px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    section.our-company-culture {
        margin-top:123px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    section.our-company-culture {
        margin-top:100px
    }
}

section.banner-slider {
    margin-top: 225px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    section.banner-slider {
        margin-top:67px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    section.banner-slider {
        margin-top:125px
    }
}

section.about-banner-slider {
    margin-top: 225px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    section.about-banner-slider {
        margin-top:67px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    section.about-banner-slider {
        margin-top:80px
    }
}

section.our-advantages {
    margin-top: 250px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    section.our-advantages {
        margin-top:100px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    section.our-advantages {
        margin-top:100px
    }
}

section.open-positions {
    margin-top: 252px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    section.open-positions {
        margin-top:80px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    section.open-positions {
        margin-top:80px
    }
}

section.our-team {
    margin-top: 306px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    section.our-team {
        margin-top:80px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    section.our-team {
        margin-top:100px
    }
}

section.look-our-open-positions-wrapper {
    margin-top: 225px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    section.look-our-open-positions-wrapper {
        margin-top:80px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    section.look-our-open-positions-wrapper {
        margin-top:140px
    }
}

section.recruitment-process {
    margin-top: 225px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    section.recruitment-process {
        margin-top:110px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    section.recruitment-process {
        margin-top:120px
    }
}

.body-dictionary header.is-hide {
    opacity: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-dictionary {
        padding-bottom:56px
    }
}

.main-dictionary .dictionary-head {
    margin-bottom: 40px;
    background: rgba(174,184,254,.05)
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-dictionary .dictionary-head {
        padding:20px 0
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .dictionary-head {
        margin-top:32px;
        margin-bottom: 32px;
        background: #fff
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .dictionary-head .row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.main-dictionary .dictionary-head-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-dictionary .dictionary-head-content h1 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 24px;
    color: #fff;
    font-size: 54px;
    letter-spacing: -.02em;
    line-height: 81px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .dictionary-head-content h1 {
        margin-bottom:16px;
        font-size: 36px;
        line-height: 49px;
        text-align: center
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-dictionary .dictionary-head-content h1 {
        margin-bottom:18px;
        font-size: 38px;
        line-height: 54px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-dictionary .dictionary-head-content h1 {
        margin-bottom:20px;
        font-size: 44px;
        line-height: 62px
    }
}

.main-dictionary .dictionary-head-content p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    max-width: 80%;
    color: #303030;
    font-size: 18px;
    line-height: 30px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .dictionary-head-content p {
        max-width:100%;
        font-size: 16px;
        line-height: 28px;
        text-align: center
    }
}

.main-dictionary .dictionary-head-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .dictionary-head-image {
        margin-bottom:32px
    }
}

.main-dictionary .dictionary-head-image img {
    width: 100%
}

.main-dictionary .dictionary-search.is-fixed {
    position: fixed;
    z-index: 9999999999999;
    top: 0;
    left: 0;
    width: 100%;
    padding: 22px 0;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(5,0,56,.1);
    box-shadow: 0 0 10px 0 rgba(5,0,56,.1);
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-dictionary .dictionary-search.is-fixed {
        padding:0
    }
}

.main-dictionary .dictionary-search-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 16px 8px 8px;
    border: 1px solid rgba(217,216,231,.5);
    background: #fff;
    border-radius: 8px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-dictionary .dictionary-search-contain {
        width:calc(100% + 30px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 20px;
        border-top: 1px solid rgba(217,216,231,.5);
        border-right: none;
        border-bottom: 1px solid rgba(217,216,231,.5);
        border-left: none;
        margin-left: -15px;
        border-radius: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-dictionary .dictionary-search-contain {
        padding:20px
    }
}

.main-dictionary .dictionary-search-contain.block-is-closed {
    padding: 12px 20px 8px
}

.main-dictionary .dictionary-search-contain.block-is-closed .dictionary-search-contain-item:first-child {
    margin-bottom: 8px
}

.main-dictionary .dictionary-search-contain-item:nth-child(1) {
    min-width: 248px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-dictionary .dictionary-search-contain-item:nth-child(1) {
        min-width:100%;
        margin-bottom: 14px
    }
}

@media only screen and (min-width: 1440px) {
    .main-dictionary .dictionary-search-contain-item:nth-child(2) {
        width:100%
    }
}

.main-dictionary .dictionary-search-contain-item .plan-comparison-searchbar form button {
    top: calc(50% + 1px)
}

.main-dictionary .dictionary-search-contain-item .nav {
    border-bottom: none;
    opacity: 1;
    visibility: visible
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .dictionary-search-contain-item .nav {
        -webkit-transition:all 0.4s ease;
        transition: all 0.4s ease
    }
}

@media only screen and (min-width: 1440px) {
    .main-dictionary .dictionary-search-contain-item .nav {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.main-dictionary .dictionary-search-contain-item .nav.is-closed {
    overflow: hidden;
    height: 0;
    opacity: 0;
    visibility: hidden
}

.main-dictionary .dictionary-search-contain-item .nav.is-closed+.dictionary-search-contain-item-controls {
    margin-top: 0
}

.main-dictionary .dictionary-search-contain-item .nav.is-closed+.dictionary-search-contain-item-controls svg {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.main-dictionary .dictionary-search-contain-item .plan-comparison-searchbar {
    margin-top: 0
}

.main-dictionary .dictionary-search-contain-item .plan-comparison-searchbar form {
    border-radius: 6px
}

.main-dictionary .dictionary-search-contain-item .plan-comparison-searchbar input {
    padding: 17px 12px 18px 58px;
    border-radius: 5px;
    line-height: 23px
}

.main-dictionary .dictionary-search-contain-item ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 8px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-dictionary .dictionary-search-contain-item ul {
        margin-left:0
    }
}

.main-dictionary .dictionary-search-contain-item ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 375px) and (max-width:425px) {
    .main-dictionary .dictionary-search-contain-item ul li:not(:nth-child(7n)) {
        margin-right:9px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-dictionary .dictionary-search-contain-item ul li {
        width:36px;
        height: 36px
    }
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .main-dictionary .dictionary-search-contain-item ul li {
        width:30px;
        height: 30px
    }
}

@media only screen and (min-width: 1400px) and (max-width:1550px) {
    .main-dictionary .dictionary-search-contain-item ul li {
        width:35px;
        height: 35px
    }
}

.main-dictionary .dictionary-search-contain-item ul li a {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 3px;
    background: #fff;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

@media only screen and (min-width: 1200px) and (max-width:1399px) {
    .main-dictionary .dictionary-search-contain-item ul li a {
        font-size:17px;
        line-height: 27px
    }
}

.main-dictionary .dictionary-search-contain-item ul li a:hover {
    background: #f1f2f6
}

.main-dictionary .dictionary-search-contain-item ul li a.active {
    background: #fff;
    color: #fff
}

.main-dictionary .dictionary-search-contain-item ul li a.is-disabled {
    cursor: not-allowed;
    opacity: .3;
    pointer-events: none
}

.main-dictionary .dictionary-search-contain-item-controls {
    display: none;
    margin-top: 20px;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .dictionary-search-contain-item-controls {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.main-dictionary .dictionary-search-contain-item-controls svg {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.main-dictionary .dictionary-block {
    margin-top: 60px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .dictionary-block {
        margin-top:24px
    }
}

.main-dictionary .dictionary-block .mb-control {
    margin-bottom: 100px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .dictionary-block .mb-control {
        margin-bottom:64px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-dictionary .dictionary-block .mb-control {
        margin-bottom:80px
    }
}

.main-dictionary .dictionary-block .mb-control:last-child {
    margin-bottom: 0
}

.main-dictionary .dictionary-block-item-head {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    position: relative;
    padding-left: 112px;
    margin-top: 48px;
    color: #fff;
    font-size: 72px;
    letter-spacing: -.02em;
    line-height: 98px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .dictionary-block-item-head {
        padding-bottom:8px;
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 40px;
        font-size: 48px;
        line-height: 65px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-dictionary .dictionary-block-item-head {
        padding-left:52px;
        margin-top: 70px;
        font-size: 52px;
        line-height: 70px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-dictionary .dictionary-block-item-head {
        padding-left:62px;
        font-size: 62px;
        line-height: 80px
    }
}

.main-dictionary .dictionary-block-item-head::after {
    position: absolute;
    top: calc(50% + 6px);
    left: 0;
    width: 80px;
    height: 2px;
    background: #fff;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .dictionary-block-item-head::after {
        top:unset;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: #d9d8e7;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-dictionary .dictionary-block-item-head::after {
        width:40px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-dictionary .dictionary-block-item-head::after {
        width:50px
    }
}

.main-dictionary .dictionary-block-item-content {
    margin-bottom: 8px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .dictionary-block-item-content {
        margin-bottom:20px
    }
}

.main-dictionary .dictionary-block-item-content a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px;
    background: #fff;
    border-radius: 12px;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .dictionary-block-item-content a {
        padding:34px 24px;
        border: 1px solid #d9d8e7;
        border-radius: 8px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-dictionary .dictionary-block-item-content a {
        padding:34px
    }
}

.main-dictionary .dictionary-block-item-content a:hover {
    background: #f8f8ff;
    border-color: transparent
}

.main-dictionary .dictionary-block-item-content a:hover h3 {
    color: #fff
}

.main-dictionary .dictionary-block-item-content:last-child {
    margin-bottom: 0
}

.main-dictionary .dictionary-block-item-content h3 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 16px;
    color: #fff;
    font-size: 32px;
    letter-spacing: -.02em;
    line-height: 48px;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .dictionary-block-item-content h3 {
        margin-bottom:16px;
        font-size: 24px;
        line-height: 36px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-dictionary .dictionary-block-item-content h3 {
        margin-bottom:14px;
        font-size: 26px;
        line-height: 38px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-dictionary .dictionary-block-item-content h3 {
        font-size:28px;
        line-height: 42px
    }
}

.main-dictionary .dictionary-block-item-content h3 mark {
    background: #fff;
    color: #fff
}

.main-dictionary .dictionary-block-item-content p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    font-size: 18px;
    line-height: 30px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .dictionary-block-item-content p {
        font-size:16px;
        line-height: 24px
    }
}

.main-dictionary .app-call-to-action {
    margin-top: 250px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-dictionary .app-call-to-action {
        margin-top:120px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-dictionary .app-call-to-action {
        margin-top:140px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-dictionary .app-call-to-action {
        margin-top:180px
    }
}

body.handoff header,body.handoff footer {
    display: none
}

section.handoff-hero {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 76px;
    padding-bottom: 76px;
    background-color: #030303;
    text-align: center
}

section.handoff-hero h1 {
    font-family: Roboto;
    font-weight: 400;
    margin-bottom: 32px;
    color: #fff;
    font-size: 42px;
    line-height: 150%
}

section.handoff-hero p {
    font-family: Roboto;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    line-height: 150%
}

section.handoff-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 100px;
    padding-bottom: 100px
}

section.handoff-body .handoff-body-page-list ul {
    list-style: none
}

section.handoff-body .handoff-body-page-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

section.handoff-body .handoff-body-page-list ul li:not(:last-child) {
    margin-bottom: 26px
}

section.handoff-body .handoff-body-page-list ul li:hover::before {
    width: 50px
}

section.handoff-body .handoff-body-page-list ul li::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 1px;
    margin-right: 16px;
    background-color: #030303;
    content: '';
    -webkit-transition: 0.3s width;
    transition: 0.3s width
}

section.handoff-body .handoff-body-page-list ul li a {
    font-family: Roboto;
    font-weight: 300;
    color: #030303;
    font-size: 14px;
    line-height: 150%
}

section.handoff-body .handoff-body-style-guide-item:not(:last-child) {
    margin-bottom: 100px
}

section.handoff-body .handoff-body-style-guide-item-title {
    margin-bottom: 50px
}

section.handoff-body .handoff-body-style-guide-item-title h5 {
    font-family: Roboto;
    font-weight: 300;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #030303;
    font-size: 14px;
    line-height: 150%
}

section.handoff-body .handoff-body-style-guide-item-title h5::before {
    width: 40px;
    height: 1px;
    margin-right: 16px;
    background-color: #030303;
    content: ''
}

section.handoff-footer {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

section.handoff-footer .handoff-footer-contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 32px;
    padding-bottom: 36px;
    border-top: 1px solid rgba(3,3,3,.5)
}

section.handoff-footer .handoff-footer-contain a,section.handoff-footer .handoff-footer-contain p {
    font-family: Roboto;
    font-weight: 300;
    color: #030303;
    font-size: 14px;
    line-height: 150%
}

section.handoff-footer .handoff-footer-contain a:hover {
    text-decoration: underline!important
}

.main-holding-detail {
    padding-bottom: 200px;
    margin-top: 130px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-holding-detail {
        padding-bottom:100px;
        margin-top: 40px
    }
}

.main-home {
    padding-top: 108px;
    padding-bottom: 200px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-home {
        padding-top:70px;
        padding-bottom: 20px
    }
}

.main-home .freedom-of-investment {
    margin-bottom: 220px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-home .freedom-of-investment {
        margin-bottom:80px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-home .freedom-of-investment {
        margin-bottom:110px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-home .freedom-of-investment {
        margin-bottom:110px
    }
}

@media only screen and (min-width: 2000px) {
    .main-home .freedom-of-investment {
        margin-bottom:300px
    }
}

.main-home .why-bnbprotrade {
    margin-bottom: 150px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-home .why-bnbprotrade {
        margin-bottom:80px
    }
}

.main-home .easy-investment {
    margin-bottom: 150px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-home .easy-investment {
        margin-bottom:70px
    }
}

.main-home .safe-invest {
    margin-bottom: 180px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-home .safe-invest {
        margin-bottom:40px
    }
}

.main-home .reference-brands {
    margin-bottom: 200px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-home .reference-brands {
        margin-bottom:50px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-home .reference-brands {
        margin-bottom:120px
    }
}

.main-home .everyone-bnbprotrade {
    margin-bottom: 150px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-home .everyone-bnbprotrade {
        margin-bottom:80px
    }
}

.main-home .information-investment {
    margin-bottom: 170px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-home .information-investment {
        margin-bottom:64px
    }
}

.main-home .twitter-comments {
    margin-bottom: 200px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-home .twitter-comments {
        margin-bottom:110px
    }
}

.main-home .frequently-asked-questions {
    margin-bottom: 190px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-home .frequently-asked-questions {
        margin-bottom:100px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-market-istanbul {
        padding-bottom:58px
    }
}

.main-market-istanbul .bnbprotrade-newsletter {
    margin-top: 90px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-market-istanbul .bnbprotrade-newsletter {
        margin-top:60px
    }
}

.main-market-istanbul .bnbprotrade-newsletter-block {
    overflow: unset
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-market-istanbul .bnbprotrade-newsletter-block .row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.main-market-istanbul .bnbprotrade-newsletter-block-body {
    padding: 47px 10px 42px 64px;
    overflow: unset
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-market-istanbul .bnbprotrade-newsletter-block-body {
        padding-top:25px;
        padding-bottom: 45px;
        padding-right: 24px;
        padding-left: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-market-istanbul .bnbprotrade-newsletter-block-body {
        padding-top:25px;
        padding-bottom: 45px;
        padding-right: 0;
        padding-left: 24px
    }
}

.main-market-istanbul .bnbprotrade-newsletter-block-body-title {
    margin-bottom: 25px
}

.main-market-istanbul .bnbprotrade-newsletter-block-body-title h4 {
    font-size: 32px;
    line-height: 44px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-market-istanbul .bnbprotrade-newsletter-block-body-title h4 {
        font-size:22px;
        line-height: 34px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-market-istanbul .bnbprotrade-newsletter-block-body-title h4 {
        font-size:26px;
        line-height: 34px;
        text-align: left
    }
}

.main-market-istanbul .bnbprotrade-newsletter-block-head {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: none;
    -webkit-clip-path: none;
    clip-path: none
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-market-istanbul .bnbprotrade-newsletter-block-head {
        -webkit-clip-path:none;
        clip-path: none;
        background: none
    }
}

.main-market-istanbul .bnbprotrade-newsletter-block-head::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(12% 0,100% 0,100% 100%,0% 100%);
    clip-path: polygon(12% 0,100% 0,100% 100%,0% 100%);
    background: #3d4bd0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-market-istanbul .bnbprotrade-newsletter-block-head::before {
        border-top-right-radius:20px;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 0;
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 94%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 94%)
    }
}

.main-market-istanbul .bnbprotrade-newsletter-block-head img {
    width: 54%;
    position: relative;
    z-index: 2;
    top: -30px;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-market-istanbul .bnbprotrade-newsletter-block-head img {
        -webkit-transform:scale(1);
        transform: scale(1)
    }
}

@media only screen and (min-width: 768px) and (max-width:992px) {
    .main-market-istanbul .bnbprotrade-newsletter-block-head img {
        top:-30px;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.main-market-istanbul .bist-news {
    margin-top: 125px
}

.main-market-istanbul .bist-news-head {
    margin-bottom: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-market-istanbul .bist-news-head {
        margin-bottom:24px
    }
}

.main-market-istanbul .bist-news-head h3 {
    font-size: 32px;
    line-height: 44px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-market-istanbul .bist-news-head h3 {
        font-size:20px;
        line-height: 30px
    }
}

.main-market-istanbul .market-slider {
    margin-top: 200px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-market-istanbul .market-slider {
        margin-top:80px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-market-istanbul .market-slider {
        margin-top:180px
    }
}

.main-market-istanbul .market-slider .market-slider-centered {
    overflow: unset;
    position: relative
}

.main-market-istanbul .market-slider .market-slider-centered .market-slider-phone {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: calc(100% + 120px);
    top: -60px;
    z-index: 10
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-market-istanbul .market-slider .market-slider-centered .market-slider-phone {
        height:calc(100% + 60px);
        top: -30px
    }
}

.main-market-istanbul .market-slider .market-slider-centered .market-slider-phone .phone-slider {
    height: 100%
}

.main-market-istanbul .market-slider .market-slider-centered .market-slider-phone .phone-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    padding: 22px;
    border-radius: 52px
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-market-istanbul .market-slider .market-slider-centered .market-slider-phone .phone-slider .swiper-slide img {
        padding:18px;
        border-radius: 30px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-market-istanbul .market-slider .market-slider-centered .market-slider-phone .phone-slider .swiper-slide img {
        padding:18px;
        border-radius: 30px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-market-istanbul .market-slider .market-slider-centered .market-slider-phone .phone-slider .swiper-slide img {
        padding:18px;
        border-radius: 30px
    }
}

.main-market-istanbul .market-slider .market-slider-centered .market-slider-phone .market-slider-phone-bg img {
    position: absolute;
    width: 100%;
    height: 100%
}

.main-market-istanbul .market-slider .market-slider-centered .market-slider-phone .market-slider-phone-bg img.phone-notch {
    top: 22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 50%;
    height: auto;
    z-index: 2
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-market-istanbul .market-slider .market-slider-centered .market-slider-phone .market-slider-phone-bg img.phone-notch {
        top:18px;
        width: 44%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-market-istanbul .market-slider .market-slider-centered .market-slider-phone .market-slider-phone-bg img.phone-notch {
        top:18px;
        width: 44%
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-market-istanbul .market-slider .market-slider-centered .market-slider-phone .market-slider-phone-bg img.phone-notch {
        top:18px;
        width: 40%
    }
}

.main-market-istanbul .market-slider .market-slider-centered .swiper-slide-content {
    width: 100%;
    height: 100%
}

.main-market-istanbul .market-slider .market-slider-centered .swiper-slide-content img {
    width: 100%;
    height: 100%;
    border-radius: 22px;
    border: 1px solid #f0f0f0
}

.main-market-istanbul .easy-investment {
    margin-top: 140px;
    padding: 200px 0 105px 0
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-market-istanbul .easy-investment {
        margin-top:60px
    }
}

.main-market-istanbul .easy-investment::after {
    content: none
}

.main-market-istanbul .app-call-to-action {
    padding-top: 340px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-market-istanbul .app-call-to-action {
        padding-top:140px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-market-istanbul .app-call-to-action {
        padding-top:220px
    }
}

.blog-detail.bnbprotrade-ears-detail {
    margin-bottom: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .blog-detail.bnbprotrade-ears-detail {
        margin-bottom:40px
    }
}

.blog-detail.bnbprotrade-ears-detail .blog-detail-content h1,.blog-detail.bnbprotrade-ears-detail .blog-detail-content h2,.blog-detail.bnbprotrade-ears-detail .blog-detail-content h3,.blog-detail.bnbprotrade-ears-detail .blog-detail-content h4,.blog-detail.bnbprotrade-ears-detail .blog-detail-content h5,.blog-detail.bnbprotrade-ears-detail .blog-detail-content h6 {
    color: #4859ea
}

.main-bnbprotrade-ears-video {
    padding-top: 64px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-bnbprotrade-ears-video {
        padding-top:40px;
        padding-bottom: 58px
    }
}

.main-bnbprotrade-ears-video .bnbprotrade-video {
    margin-top: 60px
}

.main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-head .nav-tabs {
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(73,89,234,.1)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-head .nav-tabs {
        padding-bottom:19px
    }
}

.main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 32px 120px 32px 32px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 16px;
    margin-bottom: 40px
}

@media only screen and (min-width: 768px) and (max-width:1600px) {
    .main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item {
        padding:32px 62px 32px 32px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item {
        margin-bottom:20px;
        padding: 15px 15px 64px 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item {
        margin-bottom:20px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-image {
        margin-bottom:20px
    }
}

.main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-image-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 270px;
    width: 380px
}

@media only screen and (min-width: 320px) and (max-width:460px) {
    .main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-image-body {
        width:100%;
        height: 205px
    }
}

@media only screen and (min-width: 461px) and (max-width:768px) {
    .main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-image-body {
        width:100%;
        height: 310px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-image-body {
        width:300px;
        height: 240px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-image-body {
        height:220px;
        width: 300px
    }
}

.main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-image-body img {
    width: 100%;
    height: 100%;
    border-radius: 12px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-image-body img {
        -o-object-fit:cover;
        object-fit: cover
    }
}

.main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-image-body-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-image-body-icon svg {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

@media only screen and (min-width: 320px) and (max-width:1200px) {
    .main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-image-body-icon svg {
        width:45px;
        height: 45px
    }
}

.main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-image-body-icon svg circle {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-image-body-icon svg path {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

.main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-image:hover .daily-newsletters-block-body-item-image-body-icon svg circle {
    fill: #4959ea
}

.main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-image:hover .daily-newsletters-block-body-item-image-body-icon svg path {
    fill: #fff
}

.main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 40px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-content {
        padding-left:0
    }
}

.main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-content span {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: .02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #89879b
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-content span {
        font-size:12px;
        line-height: 16px
    }
}

.main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-content h4 {
    font-size: 24px;
    line-height: 33px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    margin-top: 12px;
    margin-bottom: 14px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-content h4 {
        font-size:20px;
        line-height: 30px;
        margin-bottom: 12px
    }
}

.main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-content p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #585768
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-bnbprotrade-ears-video .bnbprotrade-video .daily-newsletters-block-body-item-content p {
        font-size:14px;
        line-height: 22px
    }
}

.main-bnbprotrade-ears-video .app-call-to-action {
    margin-top: 250px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-bnbprotrade-ears-video .app-call-to-action {
        margin-top:100px
    }
}

.main-podcast {
    padding-top: 64px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-podcast {
        padding-top:40px;
        padding-bottom: 58px
    }
}

.main-podcast .podcast-link {
    margin-top: 50px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-podcast .podcast-link {
        margin-top:32px
    }
}

.main-podcast .podcast-link-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.main-podcast .podcast-link-head-item {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 12px;
    margin-right: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 250px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-podcast .podcast-link-head-item {
        margin-right:13px;
        width: 110px;
        border-radius: 6px
    }
}

.main-podcast .podcast-link-head-item:last-child {
    margin-right: 0
}

.main-podcast .podcast-link-head-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 18px 28px 18px 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-podcast .podcast-link-head-item a {
        padding:10px 10px 10px 10px
    }
}

.main-podcast .podcast-link-head-item-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-podcast .podcast-link-head-item-image img {
        width:18px;
        height: 18px
    }
}

.main-podcast .podcast-link-head-item-listening {
    margin-left: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-podcast .podcast-link-head-item-listening {
        margin-left:8px
    }
}

.main-podcast .podcast-link-head-item-listening h6 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    margin-bottom: 3px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-podcast .podcast-link-head-item-listening h6 {
        font-size:11px;
        line-height: 12px;
        margin-bottom: 0
    }
}

.main-podcast .podcast-link-head-item-listening span {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -.02em;
    color: #706e81;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    opacity: .7
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-podcast .podcast-link-head-item-listening span {
        display:none
    }
}

.main-podcast .bnbprotrade-podcast {
    margin-top: 60px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-podcast .bnbprotrade-podcast {
        margin-top:48px
    }
}

.main-podcast .bnbprotrade-podcast .daily-newsletters-block-head .nav-tabs {
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(73,89,234,.1)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-podcast .bnbprotrade-podcast .daily-newsletters-block-head .nav-tabs {
        padding-bottom:19px
    }
}

.main-podcast .bnbprotrade-podcast .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-item {
    margin-bottom: 40px;
    padding: 12px;
    border: 1px solid #e1e1e1;
    border-radius: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-podcast .bnbprotrade-podcast .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-item {
        margin-bottom:20px;
        padding: 15px 15px 20px 15px
    }
}

.main-podcast .bnbprotrade-podcast .daily-newsletters-block-body .tab-content .tab-pane .daily-newsletters-block-body-item iframe {
    border-radius: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-podcast .bnbprotrade-podcast .daily-newsletters-block-body .tab-content .is-mobile-action-button {
        display:none
    }
}

.main-podcast .app-call-to-action {
    margin-top: 250px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-podcast .app-call-to-action {
        margin-top:100px
    }
}

.main-pricing-page-one {
    padding-top: 72px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-one {
        padding-top:40px;
        padding-bottom: 55px
    }
}

.main-pricing-page-one .plan-comparison-table {
    margin-top: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-one .plan-comparison-table {
        display:none
    }
}

.main-pricing-page-one .plan-comparison-table-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 60px
}

.main-pricing-page-one .plan-comparison-table-head .nav-tabs {
    padding: 8px;
    border: 1px solid #dbdefb;
    border-radius: 67px
}

.main-pricing-page-one .plan-comparison-table-head .nav-tabs li:not(:last-child) {
    margin-right: 10px
}

.main-pricing-page-one .plan-comparison-table-head .nav-tabs li a {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    padding: 16px 47px;
    text-align: center;
    width: 240px;
    color: #706e81;
    background: #f1f2f6;
    border-radius: 64px;
    border: none
}

.main-pricing-page-one .plan-comparison-table-head .nav-tabs li a.active {
    background: #fff;
    color: #fff
}

.main-pricing-page-one .plan-comparison-table-head .nav-tabs li a.is-disabled {
    pointer-events: none
}

.main-pricing-page-one .plan-comparison-table-body {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 24px;
    padding: 48px 24px 60px 22px;
    position: relative
}

.main-pricing-page-one .plan-comparison-table-body::after {
    content: "";
    position: absolute;
    left: 40%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #e1e1e1
}

.main-pricing-page-one .plan-comparison-table-body-title {
    margin-bottom: 32px
}

.main-pricing-page-one .plan-comparison-table-body-title h4 {
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #41404e
}

.main-pricing-page-one .plan-comparison-table-body-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    border: 1px solid #d9d8e7;
    border-radius: 12px
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-first {
    width: 38%
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-first .plan-comparison-table-body-content-item-head {
    border-top-right-radius: 0;
    padding: 24px 12px 23px 27px
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-first .plan-comparison-table-body-content-item-body span {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    text-align: left;
    padding-left: 28px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-first .plan-comparison-table-body-content-item-body span:not(:last-child) {
    border-bottom: 1px solid #d9d8e7
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-second {
    width: 30%
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-second .plan-comparison-table-body-content-item-head {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 24px 8px 23px 8px;
    text-align: center;
    position: relative
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-second .plan-comparison-table-body-content-item-head::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: calc(100% + 1px);
    background: #fff;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-second .plan-comparison-table-body-content-item-head h4 {
    color: #fff;
    position: relative;
    z-index: 1
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-second .plan-comparison-table-body-content-item-body {
    position: relative
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-second .plan-comparison-table-body-content-item-body::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: calc(100% + 5px);
    border: 2px solid #4959ea;
    border-radius: 12px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-second .plan-comparison-table-body-content-item-body span {
    background: #f8f8ff;
    overflow: hidden
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-second .plan-comparison-table-body-content-item-body span:not(:last-child) {
    border-bottom: 1px solid #d9d8e7
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-second .plan-comparison-table-body-content-item-body span:last-child {
    border-radius: 12px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-third {
    width: 32%
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-third .plan-comparison-table-body-content-item-head {
    border-top-left-radius: 0;
    padding: 24px 8px 23px 8px;
    text-align: center
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-third .plan-comparison-table-body-content-item-head h4 {
    color: #706e81
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-third .plan-comparison-table-body-content-item-body span:not(:last-child) {
    border-bottom: 1px solid #d9d8e7
}

.main-pricing-page-one .plan-comparison-table-body-content-item-head {
    background: #f1f2f6;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px
}

.main-pricing-page-one .plan-comparison-table-body-content-item-head h4 {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #2b2a35
}

.main-pricing-page-one .plan-comparison-table-body-content-item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main-pricing-page-one .plan-comparison-table-body-content-item-body span {
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    height: 88px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img {
    border: none;
    border-radius: 0
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item {
    padding-left: 35px;
    padding-right: 55px;
    width: 100%
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-head {
    background: transparent;
    border-radius: 0;
    margin-bottom: 60px
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-head-title {
    margin-bottom: 32px
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-head-title h3 {
    font-size: 28px;
    line-height: 38px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #41404e
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-head-description h5 {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #585768;
    margin-bottom: 8px
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-head-description p {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #706e81
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-body {
    padding: 0 40px
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-body-image img {
    height: auto;
    width: 100%
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-body-content {
    margin-top: 40px
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-body-content h4 {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -.02em;
    color: #41404e;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-body-content-average {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 28px
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-body-content-average-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid rgba(163,161,180,.5);
    border-radius: 12px;
    padding: 16px 24px;
    height: 115px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-body-content-average-item:not(:last-child) {
    margin-right: 25px
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-body-content-average-item.in-bnbprotrade {
    background: #f5f7ff;
    border: 1px solid #4959ea
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-body-content-average-item.in-bnbprotrade h5 {
    color: #fff
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-body-content-average-item h5 {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #a3a1b4;
    text-align: center;
    margin-bottom: 8px
}

@media only screen and (min-width: 992px) and (max-width:1400px) {
    .main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-body-content-average-item h5 {
        font-size:16px;
        line-height: 22px;
        margin-bottom: 4px
    }
}

.main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-body-content-average-item span {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    height: unset
}

@media only screen and (min-width: 992px) and (max-width:1400px) {
    .main-pricing-page-one .plan-comparison-table-body-content.small-table-img .plan-comparison-table-body-content-item-body-content-average-item span {
        font-size:14px;
        line-height: 22px
    }
}

.main-pricing-page-one .plan-comparison-table-body-description {
    margin-top: 40px
}

.main-pricing-page-one .plan-comparison-table-body-description h4 {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 16px;
    color: #41404e
}

.main-pricing-page-one .plan-comparison-table-body-description p {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #706e81
}

.main-pricing-page-one .plan-comparison-table-body .tab-pane .tabbable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-pricing-page-one .plan-comparison-table-body .tab-pane .tabbable .nav-tabs {
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 0;
    padding-right: 28px
}

.main-pricing-page-one .plan-comparison-table-body .tab-pane .tabbable .nav-tabs li:not(:last-child) {
    margin-bottom: 8px
}

.main-pricing-page-one .plan-comparison-table-body .tab-pane .tabbable .nav-tabs li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 20px;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #41404e
}

.main-pricing-page-one .plan-comparison-table-body .tab-pane .tabbable .nav-tabs li a:hover {
    background: #f8f8ff;
    border: 1px solid rgba(73,89,234,.1);
    border-radius: 8px
}

.main-pricing-page-one .plan-comparison-table-body .tab-pane .tabbable .nav-tabs li a svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 1px;
    border-radius: 50%;
    margin-right: 12px
}

.main-pricing-page-one .plan-comparison-table-body .tab-pane .tabbable .nav-tabs li a.active {
    background: #f8f8ff;
    border: 1px solid rgba(73,89,234,.1);
    border-radius: 8px
}

.main-pricing-page-one .plan-comparison-table-body .tab-pane .tabbable .nav-tabs li a.active svg circle {
    fill: #4959ea;
    stroke: #4959ea
}

.main-pricing-page-one .plan-comparison-table-body .tab-pane .tabbable .tab-content {
    width: 60%;
    padding-left: 25px
}

.main-pricing-page-one .plan-comparison-accordion {
    display: none;
    margin-top: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-one .plan-comparison-accordion {
        display:block
    }
}

.main-pricing-page-one .plan-comparison-accordion .nav {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 5px;
    border: 1px solid #dbdefb;
    border-radius: 67px
}

.main-pricing-page-one .plan-comparison-accordion .nav .nav-item {
    width: 100%
}

.main-pricing-page-one .plan-comparison-accordion .nav .nav-item:not(:last-child) {
    margin-right: 5px
}

.main-pricing-page-one .plan-comparison-accordion .nav .nav-item .nav-link {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -.02em;
    color: #706e81;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    padding: 14px 15px;
    background: #f1f2f6;
    border-radius: 65px
}

.main-pricing-page-one .plan-comparison-accordion .nav .nav-item .nav-link.active {
    background: #fff;
    color: #fff
}

.main-pricing-page-one .plan-comparison-accordion .tab-content {
    margin-top: 40px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane-head {
    margin-bottom: 20px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane-head h3 {
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -.02em;
    color: #41404e;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card:not(:last-child) {
    margin-bottom: 10px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-header button {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 20px 20px 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #f8f8ff;
    border: 1px solid rgba(73,89,234,.1);
    border-radius: 8px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-header button .button-is-checked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-header button .button-is-checked svg {
    margin-top: 1px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-header button .button-is-checked span {
    margin-left: 10px;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    text-align: left;
    color: #41404e
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-header button .button-is-collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-header button .button-is-collapse svg {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-header[aria-expanded*="true"] button .button-is-checked svg circle {
    fill: #4959ea;
    stroke: #4959ea
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-header[aria-expanded*="true"] button .button-is-collapse svg {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body {
    margin-top: 10px;
    background: #fff;
    border: 1px solid #d9d8e7;
    border-radius: 12px;
    padding: 5px 20px 20px 20px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body-item {
    position: relative;
    padding-bottom: 15px;
    padding-top: 15px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body-item::after {
    content: "";
    bottom: 0;
    left: -20px;
    width: calc(100% + 40px);
    height: 1px;
    position: absolute;
    background: #d9d8e7
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body-item-head {
    margin-bottom: 10px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body-item-head h5 {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #2b2a35
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body-item-body-first {
    margin-bottom: 10px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body-item-body-first span {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body-item-body-second span {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #2b2a35
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body-item-description {
    padding-top: 20px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body-item-description h5 {
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #41404e;
    margin-bottom: 10px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body-item-description p {
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #706e81
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body.card-body-small-table-img .card-body-item {
    padding-bottom: 0
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body.card-body-small-table-img .card-body-item::after {
    content: none
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body.card-body-small-table-img .card-body-item-head {
    margin-bottom: 55px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body.card-body-small-table-img .card-body-item-head h3 {
    font-size: 20px;
    line-height: 27px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #41404e;
    margin-bottom: 20px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body.card-body-small-table-img .card-body-item-head h5 {
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #585768;
    margin-bottom: 10px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body.card-body-small-table-img .card-body-item-head p {
    font-size: 16px;
    line-height: 27px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #706e81;
    margin-bottom: 30px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body.card-body-small-table-img .card-body-item-head img {
    width: 100%
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body.card-body-small-table-img .card-body-item-body h4 {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #41404e;
    margin-bottom: 15px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body.card-body-small-table-img .card-body-item-body-comparison {
    padding: 15px 25px 12px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid rgba(163,161,180,.5);
    border-radius: 12px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body.card-body-small-table-img .card-body-item-body-comparison:not(:last-child) {
    margin-bottom: 10px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body.card-body-small-table-img .card-body-item-body-comparison.in-bnbprotrade {
    background: #f5f7ff;
    border: 1px solid #4959ea
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body.card-body-small-table-img .card-body-item-body-comparison.in-bnbprotrade h5 {
    color: #fff
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body.card-body-small-table-img .card-body-item-body-comparison h5 {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #a3a1b4;
    margin-bottom: 5px
}

.main-pricing-page-one .plan-comparison-accordion .tab-content .tab-pane .card-body.card-body-small-table-img .card-body-item-body-comparison span {
    font-size: 20px;
    line-height: 27px;
    text-align: center;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #2b2a35
}

.main-pricing-page-one .pricing-orders {
    margin-top: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-one .pricing-orders {
        margin-top:40px
    }
}

.main-pricing-page-one .pricing-orders .m-control {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-one .pricing-orders .m-control {
        margin-bottom:15px
    }
}

.main-pricing-page-one .pricing-orders-item {
    padding: 40px;
    background: #fff;
    border: 1px solid #d9d8e7;
    border-radius: 12px;
    height: 100%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-one .pricing-orders-item {
        padding:20px 15px
    }
}

.main-pricing-page-one .pricing-orders-item h3 {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    margin-bottom: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-one .pricing-orders-item h3 {
        font-size:18px;
        line-height: 24px;
        margin-bottom: 10px
    }
}

.main-pricing-page-one .pricing-orders-item p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #89879b
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-one .pricing-orders-item p {
        font-size:14px;
        line-height: 20px
    }
}

.main-pricing-page-one .other-view-prices {
    margin-top: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-one .other-view-prices {
        margin-top:40px
    }
}

.main-pricing-page-one .other-view-prices-head h3 {
    font-size: 24px;
    line-height: 27px;
    letter-spacing: -.02em;
    margin-bottom: 24px;
    color: #41404e;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-one .other-view-prices-head h3 {
        font-size:20px;
        line-height: 27px;
        margin-bottom: 15px
    }
}

.main-pricing-page-one .other-view-prices-head p {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin-bottom: 40px;
    color: #706e81
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-one .other-view-prices-head p {
        font-size:16px;
        line-height: 28px;
        margin-bottom: 30px
    }
}

.main-pricing-page-one .other-view-prices-head .btn svg {
    padding-top: 1px
}

.main-pricing-page-one .app-call-to-action {
    margin-top: 250px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-one .app-call-to-action {
        margin-top:100px
    }
}

.main-pricing-page-two {
    padding-top: 94px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two {
        padding-top:40px;
        padding-bottom: 55px
    }
}

.main-pricing-page-two .remuneration-policy-title {
    margin-bottom: 120px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy-title {
        margin-bottom:40px
    }
}

.main-pricing-page-two .remuneration-policy-title h3 {
    font-size: 54px;
    line-height: 81px;
    text-align: center;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy-title h3 {
        font-size:24px;
        line-height: 33px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-pricing-page-two .remuneration-policy-title h3 {
        font-size:44px;
        line-height: 52px
    }
}

.main-pricing-page-two .remuneration-policy-title h1 {
    font-size: 54px;
    line-height: 81px;
    text-align: center;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    margin: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy-title h1 {
        font-size:24px;
        line-height: 33px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .main-pricing-page-two .remuneration-policy-title h1 {
        font-size:44px;
        line-height: 52px
    }
}

.main-pricing-page-two .remuneration-policy .card {
    margin-bottom: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy .card {
        margin-bottom:10px
    }
}

.main-pricing-page-two .remuneration-policy .card .collapsing {
    -webkit-transition: height 0.5s ease;
    transition: height 0.5s ease
}

.main-pricing-page-two .remuneration-policy .card-header button {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    padding: 28px 28px 28px 40px;
    cursor: pointer;
    border: none;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy .card-header button {
        font-size:16px;
        line-height: 22px;
        padding: 22px 15px 20px 15px;
        border-radius: 8px
    }
}

.main-pricing-page-two .remuneration-policy .card-header button svg {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy .card-header button svg {
        width:20px;
        height: 20px
    }
}

.main-pricing-page-two .remuneration-policy .card-header[aria-expanded*="true"] button {
    border-radius: 12px 12px 0 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy .card-header[aria-expanded*="true"] button {
        border-radius:8px 8px 0 0
    }
}

.main-pricing-page-two .remuneration-policy .card-header[aria-expanded*="true"] button svg {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.main-pricing-page-two .remuneration-policy .card-body-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #6472ed;
    padding: 28px 40px 28px 40px;
    border-top: 1px solid rgba(255,255,255,.4)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy .card-body-title {
        padding:15px 10px 15px 10px
    }
}

.main-pricing-page-two .remuneration-policy .card-body-title-item {
    width: 32%;
    font-size: 18px;
    line-height: 32px;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-right: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy .card-body-title-item {
        font-size:12px;
        line-height: 16px;
        width: 32%;
        margin-right: 0;
        text-align: left
    }
}

.main-pricing-page-two .remuneration-policy .card-body-title-item:last-child {
    margin-right: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy .card-body-title-item:last-child {
        width:39%
    }
}

.main-pricing-page-two .remuneration-policy .card-body-title-item:first-child {
    width: 36%;
    text-align: left;
    margin-right: 28px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy .card-body-title-item:first-child {
        width:29%;
        margin-right: 0
    }
}

.main-pricing-page-two .remuneration-policy .card-body-head {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 12px;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.main-pricing-page-two .remuneration-policy .card-body-head-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy .card-body-head-item {
        padding:15px 10px
    }
}

.main-pricing-page-two .remuneration-policy .card-body-head-item:nth-child(even) {
    background: #f3f5ff
}

.main-pricing-page-two .remuneration-policy .card-body-head-item-contents {
    width: 36%;
    margin-right: 28px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy .card-body-head-item-contents {
        margin-right:0;
        width: 29%
    }
}

.main-pricing-page-two .remuneration-policy .card-body-head-item-contents p {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy .card-body-head-item-contents p {
        font-size:12px;
        line-height: 16px
    }
}

.main-pricing-page-two .remuneration-policy .card-body-head-item-commission {
    width: 32%;
    text-align: center;
    margin-right: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy .card-body-head-item-commission {
        margin-right:0;
        width: 32%
    }
}

.main-pricing-page-two .remuneration-policy .card-body-head-item-commission p {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy .card-body-head-item-commission p {
        font-size:12px;
        line-height: 16px
    }
}

.main-pricing-page-two .remuneration-policy .card-body-head-item-collection {
    width: 32%;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy .card-body-head-item-collection {
        width:39%
    }
}

.main-pricing-page-two .remuneration-policy .card-body-head-item-collection p {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    margin-bottom: 30px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy .card-body-head-item-collection p {
        font-size:12px;
        line-height: 16px;
        margin-bottom: 20px
    }
}

.main-pricing-page-two .remuneration-policy .card-body-head-item-collection p:last-child {
    margin-bottom: 0
}

.main-pricing-page-two .remuneration-policy-description {
    margin-top: 90px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy-description {
        margin-top:40px
    }
}

.main-pricing-page-two .remuneration-policy-description-head {
    margin-bottom: 30px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy-description-head {
        margin-bottom:20px
    }
}

.main-pricing-page-two .remuneration-policy-description-head h5 {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #585768
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy-description-head h5 {
        font-size:14px;
        line-height: 24px
    }
}

.main-pricing-page-two .remuneration-policy-description-body {
    padding-left: 20px
}

.main-pricing-page-two .remuneration-policy-description-body ul li {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #585768;
    list-style: decimal
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .remuneration-policy-description-body ul li {
        font-size:14px;
        line-height: 24px
    }
}

.main-pricing-page-two .app-call-to-action {
    margin-top: 250px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-pricing-page-two .app-call-to-action {
        margin-top:100px
    }
}

.main-search-result {
    padding-top: 64px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-search-result {
        padding-top:40px;
        padding-bottom: 58px
    }
}

.main-search-result .search-result {
    margin-top: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-search-result .search-result {
        margin-top:40px
    }
}

.main-search-result .search-result .not-found-content {
    display: none
}

.main-search-result .search-result.not-found .not-found-content {
    display: block;
    margin-bottom: 32px
}

.main-search-result .search-result.not-found .not-found-content h3 {
    font-size: 32px;
    line-height: 60px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #2b2a35
}

.main-search-result .app-call-to-action {
    margin-top: 210px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-search-result .app-call-to-action {
        margin-top:80px
    }
}

.body-support-contact .main-support-list {
    padding-bottom: 200px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-support-contact .main-support-list {
        padding-bottom:120px
    }
}

.body-support-contact .main-support-list .support-contact {
    border-bottom: none;
    padding-bottom: 0;
    margin-top: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-support-contact .main-support-list .support-contact-head.is-desktop {
        display:none
    }
}

.body-support-contact .main-support-list .support-contact-head.is-mobile {
    display: none;
    text-align: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-support-contact .main-support-list .support-contact-head.is-mobile {
        display:block
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-support-contact .main-support-list .support-form-request-area {
        margin-bottom:80px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .body-support-contact .main-support-list .row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.support-social-share {
    margin-top: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: rgba(73,89,234,.1);
    padding: 8px 20px 8px 8px;
    border-radius: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-social-share {
        margin-bottom:24px
    }
}

.support-social-share span {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.02em
}

.support-social-share-item {
    border-radius: 100%;
    background-color: #fff;
    width: 28px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 8px
}

.support-social-share-item i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.support-contact {
    margin-top: 80px;
    border-bottom: 1px solid #d9d8e7;
    padding-bottom: 54px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-contact {
        margin-top:40px
    }
}

.support-contact-item {
    border: 1px solid #d9d8e7;
    border-radius: 12px;
    padding: 40px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-contact-item {
        padding:30px 40px
    }
}

.support-contact-item h4 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: -.02em;
    text-align: center;
    margin-bottom: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-contact-item h4 {
        font-size:18px;
        margin-bottom: 16px
    }
}

.support-last-view-article {
    margin-top: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-last-view-article {
        margin-top:40px
    }
}

.support-last-view-article h4 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.02em;
    margin-bottom: 48px;
    margin-top: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-last-view-article h4 {
        margin-bottom:16px;
        font-size: 18px
    }
}

.support-last-view-article-item {
    border: 1px solid #d9d8e7;
    border-radius: 12px;
    margin-bottom: 40px;
    padding: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-last-view-article-item {
        margin-bottom:20px;
        padding: 20px
    }
}

.support-last-view-article-item-subtitle {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -.02em;
    color: #fff;
    margin-bottom: 12px
}

.support-last-view-article-item-title {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: -.02em;
    margin-bottom: 16px;
    color: #2b2a35
}

.support-last-view-article-item p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.02em;
    color: #89879b
}

main.main-support-list {
    padding-top: 44px;
    overflow: inherit
}

.support-head {
    margin-bottom: 80px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-head {
        margin-bottom:40px
    }
}

.support-head-breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-head-breadcrumb {
        margin-bottom:16px;
        height: auto
    }
}

.support-head-breadcrumb ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-head-breadcrumb ul {
        overflow:scroll
    }
}

.support-head-breadcrumb ul li {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
    letter-spacing: -.02em;
    margin-right: 8px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-head-breadcrumb ul li {
        -ms-flex-negative:0;
        flex-shrink: 0
    }
}

.support-head-breadcrumb ul li:last-child {
    margin-right: 0
}

.support-head-breadcrumb ul li:last-child:after {
    content: none
}

.support-head-breadcrumb ul li:after {
    position: relative;
    top: 2px;
    content: url(../../../themes/basework/dist/img/icon-blue-arrow-right.svg);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 8px
}

.support-head-breadcrumb ul li a {
    color: #fff
}

.support-head-search .bnbprotrade-tags-head-search-input {
    margin-top: 0
}

.support-head-search .bnbprotrade-tags-head-search-input:focus-within {
    border: thin solid #4959ea
}

.support-list {
    margin-bottom: 200px;
    position: relative
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-list {
        margin-bottom:100px
    }
}

.support-list-head {
    margin-bottom: 90px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-list-head {
        margin-bottom:40px;
        text-align: center
    }
}

.support-list-head h1 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 54px;
    font-style: normal;
    font-weight: 400;
    line-height: 81px;
    letter-spacing: -.02em;
    margin-bottom: 16px;
    color: #fff;
    margin-top: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-list-head h1 {
        font-size:24px;
        line-height: 32px
    }
}

.support-list-head p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0em;
    color: #585768
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-list-head p {
        font-size:16px;
        line-height: 28px
    }
}

.support-list-sidebar {
    position: sticky;
    top: 160px;
    height: 100%;
    padding-top: 39px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-list-sidebar {
        padding-top:0;
        position: relative;
        top: 0;
        margin-bottom: 40px
    }
}

.support-list-sidebar-widget {
    margin-bottom: 60px
}

.support-list-sidebar-widget:last-child {
    margin-bottom: 0
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-list-sidebar-widget {
        margin-bottom:30px
    }
}

.support-list-sidebar-widget h3 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.02em;
    margin-bottom: 24px;
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-list-sidebar-widget h3 {
        margin-bottom:16px;
        font-size: 18px;
        line-height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }
}

.support-list-sidebar-widget h3 svg {
    display: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-list-sidebar-widget h3 svg {
        display:block
    }
}

.support-list-sidebar-widget h3 svg path {
    stroke: #2b2a35
}

.support-list-sidebar-widget.is-open ul {
    display: block
}

.support-list-sidebar-widget.is-open h3 svg {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-list-sidebar-widget ul {
        display:none
    }
}

.support-list-sidebar-widget ul li {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.02em;
    color: #fff;
    border-radius: 8px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.support-list-sidebar-widget ul li:hover {
    background: #f1f2ff
}

.support-list-sidebar-widget ul li:hover a {
    color: #fff
}

.support-list-sidebar-widget ul li.is-active {
    background: #f1f2ff
}

.support-list-sidebar-widget ul li.is-active a {
    color: #fff
}

.support-list-sidebar-widget ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 16px 18px 16px;
    color: #2b2a35
}

.support-list .mb-control {
    margin-bottom: 60px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-list .mb-control {
        margin-bottom:20px
    }
}

.support-list-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    border: 1px solid #d9d8e7;
    border-radius: 12px
}

.support-list-card-head {
    padding: 24px;
    background: #f1f2ff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-list-card-head {
        padding:20px
    }
}

.support-list-card-head h4 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -.02em
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-list-card-head h4 {
        font-size:18px;
        line-height: 30px
    }
}

.support-list-card-content {
    padding: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-list-card-content {
        padding:20px
    }
}

.support-list-card-content ul li {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 24px;
    letter-spacing: -.02em
}

.support-list-card-content ul li:last-child {
    margin-bottom: 0
}

.support-list-card-content ul li a {
    color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.support-list-card-content ul li a:hover {
    color: #fff
}

.support-list-card-content ul li a:hover i svg path {
    stroke: #4959ea
}

.support-list-card-content-footer {
    margin-top: 24px
}

.support-list-card-content-footer .support-list-card-content-button {
    border: 1px solid #e9ebff;
    border-radius: 8px;
    padding: 16px 20px;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.02em;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.support-list-card-content-footer .support-list-card-content-button:hover {
    background: #e9ebff
}

article.support-content .support-content-title {
    margin-bottom: 42px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    article.support-content .support-content-title {
        margin-bottom:24px
    }
}

article.support-content .support-content-title h2 {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.02em
}

article.support-content h1,article.support-content h2,article.support-content h3,article.support-content h4,article.support-content h5,article.support-content h6 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff;
    margin-bottom: 24px;
    line-height: 150%;
    letter-spacing: -.02em
}

article.support-content h1 {
    font-size: 42px
}

article.support-content h2 {
    font-size: 36px
}

article.support-content h3 {
    font-size: 32px
}

article.support-content h4 {
    font-size: 28px
}

article.support-content h5 {
    font-size: 24px
}

article.support-content h6 {
    font-size: 20px
}

article.support-content ul,article.support-content ol {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0em;
    color: #89879b;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    margin-bottom: 32px;
    padding-left: 25px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    article.support-content ul,article.support-content ol {
        font-size:16px;
        margin-bottom: 16px
    }
}

article.support-content ul strong,article.support-content ol strong {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600
}

article.support-content ul i,article.support-content ol i {
    font-style: italic
}

article.support-content p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0em;
    color: #585768;
    margin-bottom: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    article.support-content p {
        margin-bottom:16px;
        font-size: 16px
    }
}

article.support-content p a {
    text-decoration: underline!important
}

article.support-content p strong {
    color: #fff;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600
}

article.support-content p i {
    font-style: italic;
    font-family: 'Eina01-Regular-Italic';
    font-style: italic;
    font-weight: 400
}

.main-support .bnbprotrade-tags {
    padding-bottom: 120px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-support .bnbprotrade-tags {
        padding-bottom:40px
    }
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-support {
        margin-bottom:54px
    }
}

.body-support-template header {
    border-bottom: 1px solid rgba(73,89,234,.1)
}

.support-topic-list {
    margin-bottom: 200px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-topic-list {
        margin-bottom:100px
    }
}

.support-search-result-head {
    margin-bottom: 40px;
    border-bottom: 1px solid #d9d8e7
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-search-result-head {
        margin-bottom:30px
    }
}

.support-search-result-head h4 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -.02em;
    padding-bottom: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-search-result-head h4 {
        font-size:18px
    }
}

.support-search-result-list-item {
    border: 1px solid #d9d8e7;
    border-radius: 12px;
    padding: 20px 24px;
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-search-result-list-item {
        margin-bottom:15px;
        padding: 20px
    }
}

.support-search-result-list-item-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 6px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-search-result-list-item-nav ul {
        overflow:scroll;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .support-search-result-list-item-nav ul::-webkit-scrollbar {
        display: none
    }
}

.support-search-result-list-item-nav ul li {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 12px;
    line-height: 28px;
    color: #89879b;
    letter-spacing: -.02em;
    margin-right: 8px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-search-result-list-item-nav ul li {
        -ms-flex-negative:0;
        flex-shrink: 0;
        margin-right: 4px
    }
}

.support-search-result-list-item-nav ul li:last-child {
    margin-right: 0
}

.support-search-result-list-item-nav ul li:last-child:after {
    content: none
}

.support-search-result-list-item-nav ul li:after {
    content: url(../../../themes/basework/dist/img/icon-grey-arrow-right.svg);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 4px
}

.support-search-result-list-item-nav ul li a {
    color: #89879b
}

.support-search-result-list-item-title {
    margin-bottom: 12px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-search-result-list-item-title {
        margin-bottom:10px
    }
}

.support-search-result-list-item-title h5 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -.02em;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-search-result-list-item-title h5 {
        font-size:18px
    }
}

.support-search-result-list-item-description p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -.02em;
    color: #585768
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-search-result-list-item-description p {
        font-size:14px;
        line-height: 21px
    }
}

.support-request-form {
    margin-bottom: 200px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-request-form {
        margin-bottom:100px
    }
}

.support-request-form-head {
    margin-bottom: 70px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-request-form-head {
        margin-bottom:40px
    }
}

.support-request-form-head h4 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 81px;
    letter-spacing: -.02em;
    text-align: center;
    color: #fff;
    margin-bottom: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-request-form-head h4 {
        font-size:24px;
        line-height: 32px
    }
}

.support-request-form-head p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: center;
    color: #585768
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-request-form-head p {
        font-size:16px;
        line-height: 28px
    }
}

.support-form-request-area {
    border: 1px solid #d9d8e7;
    border-radius: 12px;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 30px;
    margin-right: 30px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-form-request-area {
        margin-left:0;
        margin-right: 0;
        border: 0;
        padding: 0
    }
}

.support-form-request-area .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 28px
}

.support-form-request-area .form-group label {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #585768;
    font-size: 14px!important;
    line-height: 19px;
    letter-spacing: 0em;
    margin-bottom: 8px!important
}

.support-form-request-area .form-group input,.support-form-request-area .form-group textarea {
    border: 1px solid #d9d8e7;
    border-radius: 8px;
    padding: 16px!important;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0em;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.support-form-request-area .form-group input:focus,.support-form-request-area .form-group textarea:focus {
    border: 1px solid #4959ea
}

.support-form-request-area .form-group textarea {
    resize: none
}

.support-form-request-area .form-group span {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0em;
    color: #585768;
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-form-request-area .form-group span {
        margin-top:16px
    }
}

.support-form-request-area .form-group.form-group-download button {
    border: 1px solid #d9d8e7;
    border-radius: 8px;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    color: #585768;
    background: transparent;
    padding: 20px
}

.support-form-request-area .form-group.form-group-download button a {
    color: #fff
}

.support-form-request-area .form-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.support-contact .support-form-request-area {
    margin: 0
}

.support-contact-head {
    margin-top: 60px;
    margin-bottom: 54px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-contact-head {
        margin-top:0;
        margin-bottom: 40px
    }
}

.support-contact-head h4 {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 54px;
    line-height: 81px;
    letter-spacing: -.02em;
    color: #fff;
    margin-bottom: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-contact-head h4 {
        font-size:32px;
        line-height: 42px
    }
}

.support-contact-head p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0em;
    color: #585768
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-contact-head p {
        font-size:16px;
        line-height: 28px
    }
}

.support-contact-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 32px;
    border: 1px solid #d9d8e7;
    border-radius: 16px;
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-contact-list-item {
        margin-bottom:24px;
        padding: 20px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.support-contact-list-item-icon {
    margin-right: 24px
}

.support-contact-list-item-icon i {
    background: rgba(73,89,234,.1);
    width: 64px;
    height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-contact-list-item-icon i {
        width:40px;
        height: 40px
    }

    .support-contact-list-item-icon i img {
        width: 18px;
        height: 18px
    }
}

.support-contact-list-item-description h5 {
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -.02em;
    margin-bottom: 5px;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-contact-list-item-description h5 {
        font-size:16px;
        line-height: 24px
    }
}

.support-contact-list-item-description p {
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: -.02em;
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .support-contact-list-item-description p {
        font-size:16px;
        line-height: 24px
    }
}

.support-contact-list-item-description p a {
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade {
        padding-bottom:58px
    }
}

.main-welcome-bnbprotrade .stock-market-head h1 {
    margin-bottom: 0
}

.main-welcome-bnbprotrade .stock-market-head p {
    color: #fff;
    display: none
}

.main-welcome-bnbprotrade .bnbprotrade-stock-card {
    margin-top: 100px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .bnbprotrade-stock-card {
        margin-top:60px
    }
}

.main-welcome-bnbprotrade .bnbprotrade-stock-card .m-control {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .bnbprotrade-stock-card .m-control {
        margin-bottom:22px
    }
}

.main-welcome-bnbprotrade .bnbprotrade-stock-card-head {
    margin-bottom: 54px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .bnbprotrade-stock-card-head {
        margin-bottom:38px
    }
}

.main-welcome-bnbprotrade .bnbprotrade-stock-card-head h3 {
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .bnbprotrade-stock-card-head h3 {
        font-size:20px;
        line-height: 30px
    }
}

.main-welcome-bnbprotrade .bnbprotrade-stock-card-item {
    padding: 48px 24px 48px 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .bnbprotrade-stock-card-item {
        padding:20px 8px 25px 8px
    }
}

.main-welcome-bnbprotrade .bnbprotrade-stock-card-item-body h4 {
    font-size: 28px;
    line-height: 42px;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .bnbprotrade-stock-card-item-body h4 {
        font-size:16px;
        line-height: 24px
    }
}

.main-welcome-bnbprotrade .transfering-money {
    margin-top: 48px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .transfering-money {
        margin-top:40px
    }
}

.main-welcome-bnbprotrade .transfering-money-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 70px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .transfering-money-head {
        margin-bottom:54px
    }
}

.main-welcome-bnbprotrade .transfering-money-head h3 {
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .transfering-money-head h3 {
        font-size:20px;
        line-height: 30px
    }
}

@media only screen and (min-width: 992px) and (max-width:1480px) {
    .main-welcome-bnbprotrade .transfering-money-head h3 {
        font-size:28px;
        line-height: 32px
    }
}

.main-welcome-bnbprotrade .transfering-money-head p {
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    font-family: 'Eina01-Regular';
    font-style: normal!important;
    font-weight: normal!important;
    color: #fff;
    max-width: 85%
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .transfering-money-head p {
        font-size:16px;
        line-height: 28px;
        max-width: 100%
    }
}

.main-welcome-bnbprotrade .transfering-money-body-title {
    margin-bottom: 32px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .transfering-money-body-title {
        margin-bottom:20px
    }
}

.main-welcome-bnbprotrade .transfering-money-body-title h4 {
    font-size: 24px;
    line-height: 48px;
    text-align: center;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .transfering-money-body-title h4 {
        font-size:16px;
        line-height: 30px
    }
}

.main-welcome-bnbprotrade .transfering-money-body-image {
    position: relative
}

.main-welcome-bnbprotrade .transfering-money-body-image:hover .transfering-money-body-image-icon svg circle {
    fill: #4959ea
}

.main-welcome-bnbprotrade .transfering-money-body-image:hover .transfering-money-body-image-icon svg path {
    fill: #fff
}

.main-welcome-bnbprotrade .transfering-money-body-image a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-welcome-bnbprotrade .transfering-money-body-image a img {
    width: 100%;
    border-radius: 16px
}

.main-welcome-bnbprotrade .transfering-money-body-image-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .transfering-money-body-image-icon svg {
        width:50px;
        height: 50px
    }
}

.main-welcome-bnbprotrade .transfering-money-body-image-icon svg circle {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.main-welcome-bnbprotrade .transfering-money-body-image-icon svg path {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.main-welcome-bnbprotrade .agenda-news {
    margin-top: 166px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .agenda-news {
        margin-top:76px
    }
}

.main-welcome-bnbprotrade .agenda-news-head {
    margin-bottom: 76px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .agenda-news-head {
        margin-bottom:32px
    }
}

.main-welcome-bnbprotrade .agenda-news-head h3 {
    font-size: 32px;
    line-height: 48px;
    text-align: center;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .agenda-news-head h3 {
        font-size:20px;
        line-height: 30px
    }
}

.main-welcome-bnbprotrade .agenda-news-head p {
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #2b2a35
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .agenda-news-head p {
        font-size:16px;
        line-height: 28px
    }
}

.main-welcome-bnbprotrade .agenda-news-block-title {
    margin-bottom: 24px
}

.main-welcome-bnbprotrade .agenda-news-block-title h4 {
    font-size: 24px;
    line-height: 48px;
    text-align: center;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .agenda-news-block-title h4 {
        font-size:16px;
        line-height: 30px
    }
}

.main-welcome-bnbprotrade .agenda-news-block-body {
    padding: 32px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 16px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .agenda-news-block-body {
        padding:15px;
        border-radius: 12px
    }
}

.main-welcome-bnbprotrade .agenda-news-block-body-item {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .agenda-news-block-body-item {
        margin-bottom:20px
    }
}

.main-welcome-bnbprotrade .agenda-news-block-body-item:last-child {
    margin-bottom: 0
}

.main-welcome-bnbprotrade .agenda-news-block-body-item iframe {
    border-radius: 12px
}

.main-welcome-bnbprotrade .bnbprotrade-newsletter {
    margin-top: 200px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .bnbprotrade-newsletter {
        margin-top:60px
    }
}

.main-welcome-bnbprotrade .bnbprotrade-newsletter-block {
    overflow: unset
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-welcome-bnbprotrade .bnbprotrade-newsletter-block .row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.main-welcome-bnbprotrade .bnbprotrade-newsletter-block-body {
    padding: 47px 10px 42px 64px;
    overflow: unset
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-welcome-bnbprotrade .bnbprotrade-newsletter-block-body {
        padding-top:25px;
        padding-bottom: 45px;
        padding-right: 24px;
        padding-left: 24px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-welcome-bnbprotrade .bnbprotrade-newsletter-block-body {
        padding-top:25px;
        padding-bottom: 45px;
        padding-right: 0;
        padding-left: 24px
    }
}

.main-welcome-bnbprotrade .bnbprotrade-newsletter-block-body-title {
    margin-bottom: 25px
}

.main-welcome-bnbprotrade .bnbprotrade-newsletter-block-body-title h4 {
    font-size: 32px;
    line-height: 44px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-welcome-bnbprotrade .bnbprotrade-newsletter-block-body-title h4 {
        font-size:22px;
        line-height: 34px
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .main-welcome-bnbprotrade .bnbprotrade-newsletter-block-body-title h4 {
        font-size:26px;
        line-height: 34px;
        text-align: left
    }
}

.main-welcome-bnbprotrade .bnbprotrade-newsletter-block-head {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: none;
    -webkit-clip-path: none;
    clip-path: none
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-welcome-bnbprotrade .bnbprotrade-newsletter-block-head {
        -webkit-clip-path:none;
        clip-path: none;
        background: none
    }
}

.main-welcome-bnbprotrade .bnbprotrade-newsletter-block-head::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: polygon(12% 0,100% 0,100% 100%,0% 100%);
    clip-path: polygon(12% 0,100% 0,100% 100%,0% 100%);
    background: #3d4bd0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-welcome-bnbprotrade .bnbprotrade-newsletter-block-head::before {
        border-top-right-radius:20px;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 0;
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 94%);
        clip-path: polygon(0 0,100% 0,100% 100%,0 94%)
    }
}

.main-welcome-bnbprotrade .bnbprotrade-newsletter-block-head img {
    width: 54%;
    position: relative;
    z-index: 2;
    top: -30px;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .main-welcome-bnbprotrade .bnbprotrade-newsletter-block-head img {
        -webkit-transform:scale(1);
        transform: scale(1)
    }
}

@media only screen and (min-width: 768px) and (max-width:992px) {
    .main-welcome-bnbprotrade .bnbprotrade-newsletter-block-head img {
        top:-30px;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

.main-welcome-bnbprotrade .financial-news {
    margin-top: 150px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .financial-news {
        margin-top:60px
    }
}

.main-welcome-bnbprotrade .financial-news-head {
    margin-bottom: 40px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .financial-news-head {
        margin-bottom:24px
    }
}

.main-welcome-bnbprotrade .financial-news-head h4 {
    font-size: 24px;
    line-height: 48px;
    letter-spacing: -.02em;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    text-align: center;
    color: #fff
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .financial-news-head h4 {
        font-size:16px;
        line-height: 30px
    }
}

.main-welcome-bnbprotrade .second-option {
    margin-top: 150px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .second-option {
        margin-top:54px
    }
}

.main-welcome-bnbprotrade .second-option .bnbprotrade-stock-card-item {
    padding: 48px;
    background: none
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .second-option .bnbprotrade-stock-card-item {
        padding:20px
    }
}

.main-welcome-bnbprotrade .second-option .bnbprotrade-stock-card-item-head {
    display: none
}

.main-welcome-bnbprotrade .second-option .bnbprotrade-stock-card-item-body h4 {
    color: #fff;
    font-size: 32px;
    line-height: 48px;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .second-option .bnbprotrade-stock-card-item-body h4 {
        font-size:24px;
        line-height: 36px
    }
}

.main-welcome-bnbprotrade .app-call-to-action {
    margin-top: 250px
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .main-welcome-bnbprotrade .app-call-to-action {
        margin-top:70px
    }
}

.youtube-video-detail {
    padding-top: 80px;
    padding-bottom: 250px;
    border-top: 1px solid rgba(73,89,234,.1);
    border-bottom: 2.5px solid rgba(73,89,234,.1)
}

@media only screen and (min-width: 320px) and (max-width:991px) {
    .youtube-video-detail {
        padding-top:24px;
        padding-bottom: 120px
    }
}

@media only screen and (min-width: 992px) and (max-width:1200px) {
    .youtube-video-detail {
        padding-bottom:180px
    }
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .youtube-app-call-to-action {
        display:none!important
    }
}

@font-face {
    font-display: swap;
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0,0,0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
    height:100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

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

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

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

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity,1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #fff
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform,opacity,height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.carousel {
    position: relative;
    box-sizing: border-box
}

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

.carousel.is-draggable {
    cursor: move;
    cursor: grab
}

.carousel.is-dragging {
    cursor: move;
    cursor: grabbing
}

.carousel__viewport {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}

.carousel__track {
    display: flex
}

.carousel__slide {
    flex: 0 0 auto;
    width: var(--carousel-slide-width,60%);
    max-width: 100%;
    padding: 1rem;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain
}

.has-dots {
    margin-bottom: calc(0.5rem + 22px)
}

.carousel__dots {
    margin: 0 auto;
    padding: 0;
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    list-style: none;
    user-select: none
}

.carousel__dots .carousel__dot {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.carousel__dots .carousel__dot:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: currentColor;
    opacity: .25;
    transition: opacity .15s ease-in-out
}

.carousel__dots .carousel__dot.is-selected:after {
    opacity: 1
}

.carousel__button {
    width: var(--carousel-button-width,48px);
    height: var(--carousel-button-height,48px);
    padding: 0;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: all;
    cursor: pointer;
    color: var(--carousel-button-color,currentColor);
    background: var(--carousel-button-bg,transparent);
    border-radius: var(--carousel-button-border-radius,50%);
    box-shadow: var(--carousel-button-shadow,none);
    transition: opacity .15s ease
}

.carousel__button.is-prev,.carousel__button.is-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.carousel__button.is-prev {
    left: 10px
}

.carousel__button.is-next {
    right: 10px
}

.carousel__button[disabled] {
    cursor: default;
    opacity: .3
}

.carousel__button svg {
    width: var(--carousel-button-svg-width,50%);
    height: var(--carousel-button-svg-height,50%);
    fill: none;
    stroke: currentColor;
    stroke-width: var(--carousel-button-svg-stroke-width,1.5);
    stroke-linejoin: bevel;
    stroke-linecap: round;
    filter: var(--carousel-button-svg-filter,none);
    pointer-events: none
}

html.with-fancybox {
    scroll-behavior: auto
}

body.compensate-for-scrollbar {
    overflow: hidden!important;
    touch-action: none
}

.fancybox__container {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    margin: 0;
    padding: env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    color: var(--fancybox-color,#fff);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    overflow: hidden;
    z-index: 1050;
    outline: none;
    transform-origin: top left;
    --carousel-button-width: 48px;
    --carousel-button-height: 48px;
    --carousel-button-svg-width: 24px;
    --carousel-button-svg-height: 24px;
    --carousel-button-svg-stroke-width: 2.5;
    --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))
}

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

.fancybox__container :focus {
    outline: none
}

body:not(.is-using-mouse) .fancybox__container :focus {
    box-shadow: 0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color,rgba(1,210,232,.94))
}

@media all and (min-width: 1024px) {
    .fancybox__container {
        --carousel-button-width:48px;
        --carousel-button-height: 48px;
        --carousel-button-svg-width: 27px;
        --carousel-button-svg-height: 27px
    }
}

.fancybox__backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--fancybox-bg,rgba(24,24,27,.92))
}

.fancybox__carousel {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    z-index: 10
}

.fancybox__carousel.has-dots {
    margin-bottom: calc(0.5rem + 22px)
}

.fancybox__viewport {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    cursor: default
}

.fancybox__track {
    display: flex;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 48px 8px 8px 8px;
    position: relative;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    outline: 0;
    overflow: auto;
    --carousel-button-width: 36px;
    --carousel-button-height: 36px;
    --carousel-button-svg-width: 22px;
    --carousel-button-svg-height: 22px
}

.fancybox__slide::before,.fancybox__slide::after {
    content: "";
    flex: 0 0 0%;
    margin: auto
}

@media all and (min-width: 1024px) {
    .fancybox__slide {
        padding:64px 100px
    }
}

.fancybox__content {
    margin: 0 env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0);
    padding: 36px;
    color: var(--fancybox-content-color,#374151);
    background: var(--fancybox-content-bg,#fff);
    position: relative;
    align-self: center;
    display: flex;
    flex-direction: column;
    z-index: 20
}

.fancybox__content :focus:not(.carousel__button.is-close) {
    outline: thin dotted;
    box-shadow: none
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    margin: 0;
    padding: 1rem 0 0 0;
    line-height: 1.375;
    color: var(--fancybox-color,currentColor);
    visibility: visible;
    cursor: auto;
    flex-shrink: 0;
    overflow-wrap: anywhere
}

.is-loading .fancybox__caption {
    visibility: hidden
}

.fancybox__container>.carousel__dots {
    top: 100%;
    color: var(--fancybox-color,#fff)
}

.fancybox__nav .carousel__button {
    z-index: 40
}

.fancybox__nav .carousel__button.is-next {
    right: 8px
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-next {
        right:40px
    }
}

.fancybox__nav .carousel__button.is-prev {
    left: 8px
}

@media all and (min-width: 1024px) {
    .fancybox__nav .carousel__button.is-prev {
        left:40px
    }
}

.carousel__button.is-close {
    position: absolute;
    top: 8px;
    right: 8px;
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    right: calc(env(safe-area-inset-right, 0px) + 8px);
    z-index: 40
}

@media all and (min-width: 1024px) {
    .carousel__button.is-close {
        right:40px
    }
}

.fancybox__content>.carousel__button.is-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: var(--fancybox-color,#fff)
}

.fancybox__no-click,.fancybox__no-click button {
    pointer-events: none
}

.fancybox__spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 50px;
    height: 50px;
    color: var(--fancybox-color,currentColor)
}

.fancybox__slide .fancybox__spinner {
    cursor: pointer;
    z-index: 1053
}

.fancybox__spinner svg {
    animation: fancybox-rotate 2s linear infinite;
    transform-origin: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.fancybox__spinner svg circle {
    fill: none;
    stroke-width: 2.75;
    stroke-miterlimit: 10;
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    animation: fancybox-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: currentColor
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes fancybox-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close {
    opacity: var(--fancybox-opacity,1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
    animation: .15s ease backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close {
    animation: .15s ease both fancybox-fadeOut
}

.fancybox-fadeIn {
    animation: .15s ease both fancybox-fadeIn
}

.fancybox-fadeOut {
    animation: .1s ease both fancybox-fadeOut
}

.fancybox-zoomInUp {
    animation: .2s ease both fancybox-zoomInUp
}

.fancybox-zoomOutDown {
    animation: .15s ease both fancybox-zoomOutDown
}

.fancybox-throwOutUp {
    animation: .15s ease both fancybox-throwOutUp
}

.fancybox-throwOutDown {
    animation: .15s ease both fancybox-throwOutDown
}

@keyframes fancybox-fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fancybox-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes fancybox-zoomInUp {
    from {
        transform: scale(.97) translate3d(0,16px,0);
        opacity: 0
    }

    to {
        transform: scale(1) translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes fancybox-zoomOutDown {
    to {
        transform: scale(.97) translate3d(0,16px,0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutUp {
    to {
        transform: translate3d(0,-30%,0);
        opacity: 0
    }
}

@keyframes fancybox-throwOutDown {
    to {
        transform: translate3d(0,30%,0);
        opacity: 0
    }
}

.fancybox__carousel .carousel__slide {
    scrollbar-width: thin;
    scrollbar-color: #ccc rgba(255,255,255,.1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,.1)
}

.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(0,0,0,.2)
}

.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__carousel .fancybox__slide .fancybox__content {
    cursor: auto
}

.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__image {
    transform-origin: 0 0;
    user-select: none;
    transition: none
}

.has-image .fancybox__content {
    padding: 0;
    background: rgba(0,0,0,0);
    min-height: 1px
}

.is-closing .has-image .fancybox__content {
    overflow: visible
}

.has-image[data-image-fit=contain] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=contain] .fancybox__content {
    flex-direction: row;
    flex-wrap: wrap
}

.has-image[data-image-fit=contain] .fancybox__image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.has-image[data-image-fit=contain-w] {
    overflow-x: hidden;
    overflow-y: auto
}

.has-image[data-image-fit=contain-w] .fancybox__content {
    min-height: auto
}

.has-image[data-image-fit=contain-w] .fancybox__image {
    max-width: 100%;
    height: auto
}

.has-image[data-image-fit=cover] {
    overflow: visible;
    touch-action: none
}

.has-image[data-image-fit=cover] .fancybox__content {
    width: 100%;
    height: 100%
}

.has-image[data-image-fit=cover] .fancybox__image {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
    width: 100%;
    height: 80%
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24,24,27,.9);
    color: #fff
}

.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video,.fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0)
}

.fancybox-placeholder {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.fancybox__thumbs {
    flex: 0 0 auto;
    position: relative;
    padding: 0 3px;
    opacity: var(--fancybox-opacity,1)
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__thumbs {
    opacity: 0
}

.fancybox__thumbs .carousel__slide {
    flex: 0 0 auto;
    width: var(--fancybox-thumbs-width,96px);
    margin: 0;
    padding: 8px 3px;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    cursor: pointer
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-width: 5px;
    border-style: solid;
    border-color: var(--fancybox-accent-color,rgba(34,213,233,.96));
    opacity: 0;
    transition: opacity .15s ease;
    border-radius: var(--fancybox-thumbs-border-radius,4px)
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
    opacity: .92
}

.fancybox__thumbs .carousel__slide>* {
    pointer-events: none;
    user-select: none
}

.fancybox__thumb {
    position: relative;
    width: 100%;
    padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
    background-size: cover;
    background-position: center center;
    background-color: rgba(255,255,255,.1);
    background-repeat: no-repeat;
    border-radius: var(--fancybox-thumbs-border-radius,4px)
}

.fancybox__toolbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20;
    background: linear-gradient(to top,hsla(0deg,0%,0%,0) 0%,hsla(0deg,0%,0%,.006) 8.1%,hsla(0deg,0%,0%,.021) 15.5%,hsla(0deg,0%,0%,.046) 22.5%,hsla(0deg,0%,0%,.077) 29%,hsla(0deg,0%,0%,.114) 35.3%,hsla(0deg,0%,0%,.155) 41.2%,hsla(0deg,0%,0%,.198) 47.1%,hsla(0deg,0%,0%,.242) 52.9%,hsla(0deg,0%,0%,.285) 58.8%,hsla(0deg,0%,0%,.326) 64.7%,hsla(0deg,0%,0%,.363) 71%,hsla(0deg,0%,0%,.394) 77.5%,hsla(0deg,0%,0%,.419) 84.5%,hsla(0deg,0%,0%,.434) 91.9%,hsla(0deg,0%,0%,.44) 100%);
    padding: 0;
    touch-action: none;
    display: flex;
    justify-content: space-between;
    --carousel-button-svg-width: 20px;
    --carousel-button-svg-height: 20px;
    opacity: var(--fancybox-opacity,1);
    text-shadow: var(--fancybox-toolbar-text-shadow,1px 1px 1px rgba(0,0,0,.4))
}

@media all and (min-width: 1024px) {
    .fancybox__toolbar {
        padding:8px
    }
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
    animation: .15s ease-in backwards fancybox-fadeIn
}

.fancybox__container.is-animated.is-closing .fancybox__toolbar {
    opacity: 0
}

.fancybox__toolbar__items {
    display: flex
}

.fancybox__toolbar__items--left {
    margin-right: auto
}

.fancybox__toolbar__items--center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.fancybox__toolbar__items--right {
    margin-left: auto
}

@media(max-width: 640px) {
    .fancybox__toolbar__items--center:not(:last-child) {
        display:none
    }
}

.fancybox__counter {
    min-width: 72px;
    padding: 0 10px;
    line-height: var(--carousel-button-height,48px);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox__progress {
    background: var(--fancybox-accent-color,rgba(34,213,233,.96));
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 30;
    user-select: none
}

.fancybox__container:fullscreen::backdrop {
    opacity: 0
}

.fancybox__button--fullscreen g:nth-child(2) {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
    display: none
}

.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
    display: block
}

.fancybox__button--slideshow g:nth-child(2) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
    display: none
}

.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
    display: block
}

.alignnone {
    margin: 5px 20px 20px 0
}

.aligncenter,div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto!important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.refer h2 {
    font-size: 50px
}

.refer img {
    width: 100%
}

.refer .col-image {
    text-align: right
}

.refer .row {
    padding: 20px;
    margin: auto;
    border-radius: 10px
}

.refer .col-content * {
    margin-bottom: 20px
}

.refer .col {
    margin: auto
}

.refer a {
    width: 240px;
    height: 45px;
    padding: 8px 16px;
    border-radius: 100px;
    color: #fff;
    display: block;
    text-align: center
}

.referSlider #getSlide {
    padding: 30px
}

.hissedetaypaylas.frequently-asked-questions {
    margin-top: 200px!important
}

.main-pricing-page-one .plan-comparison-table-body-content-item.item-second .plan-comparison-table-body-content-item-body .container-label {
    border-bottom: 1px solid #d9d8e7
}

.plan-comparison-table-body-content-item .label-additional {
    position: absolute;
    bottom: 20px;
    font-size: 10px;
    width: 100%;
    color: #fff;
    text-align: center
}

.plan-comparison-table-body-content-item .container-label {
    border-bottom: 1px solid #d9d8e7;
    position: relative
}

.small-table-img .plan-comparison-table-body-content-item-head-description span,.table-contentwithtable .plan-comparison-table-body-content-item-head-description span {
    height: unset!important;
    margin-top: 20px;
    display: inline;
    font-family: 'Eina01-Regular'
}

.table-contentwithtable .content-data {
    background: none
}

.small-table-img .plan-comparison-table-body-content-item-body-image {
    margin-top: 20px
}

.table-contentwithtable .plan-comparison-table-body-content-item-head-description {
    margin-top: 32px
}

.table-contentwithtable .plan-comparison-table-body-content-item-body-content {
    margin-top: 40px
}

.table-contentwithtable .plan-comparison-table-body-content-item-body-content h4 {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -.02em;
    color: #41404e;
    font-family: 'Eina01-Semi-Bold';
    font-style: normal;
    font-weight: 600;
    margin-bottom: 32px
}

.table-contentwithtable .plan-comparison-table-body-content-item.item-third .plan-comparison-table-body-content-item-head {
    padding-top: 60.5px;
    padding-bottom: 60.5px;
    background: #fff;
    color: #fff;
    border-top-right-radius: 12px!important
}

.table-contentwithtable .plan-comparison-table-body-content-item.item-third h4 {
    color: white!important
}

.table-contentwithtable .plan-comparison-table-body-content-item.item-third {
    width: 34%!important
}

.table-contentwithtable .plan-comparison-table-body-content-item.item-first,.table-contentwithtable .plan-comparison-table-body-content-item.item-second {
    padding-top: 74px;
    width: 33%!important
}

.table-contentwithtable .plan-comparison-table-body-content-item.item-first .plan-comparison-table-body-content-item-head {
    border-right: 1px solid
}

.table-contentwithtable * {
    text-decoration: none!important
}

.table-contentwithtable.plan-comparison-table-body-content {
    border: none
}

.table-contentwithtable .plan-comparison-table-body-content-item.item-second .plan-comparison-table-body-content-item-body::after {
    border: none
}

.table-contentwithtable .plan-comparison-table-body-content-item.item-second .plan-comparison-table-body-content-item-body span,.table-contentwithtable .plan-comparison-table-body-content-item.item-second .plan-comparison-table-body-content-item-head::after {
    background: none
}

.table-contentwithtable .plan-comparison-table-body-content-item-head h4 {
    color: #706e81!important
}

.table-contentwithtable .top-label {
    position: absolute;
    width: 66%;
    background: #f1f2f6;
    height: 74px;
    margin: auto;
    display: flex;
    border-bottom: 1px solid;
    display: table;
    text-align: center
}

.table-contentwithtable .plan-comparison-table-body-content {
    position: relative
}

.table-contentwithtable .top-label {
    display: table;
    border-top-left-radius: 12px!important
}

.table-contentwithtable .top-label h4 {
    display: table-cell;
    vertical-align: middle
}

.table-contentwithtable .plan-comparison-table-body-content-item-head {
    border-radius: 0px!important
}

.counter-block .col-lg-3 {
    float: none;
    margin: 0 auto
}

.everyone-bnbprotrade-body-list-investment-body-range input[type='range'] {
    background-size: 100% 100%
}

.footer-contain .row .footer-title,.footer-contain .footer-contain-item-social-title h5 {
    font-size: 150%;
    font-weight: 900;
    font-family: 'Eina01-Bold';
    margin-bottom: 32px
}

footer .footer-contain-item-title a {
    font-family: 'Eina01-Regular';
    font-weight: 400
}

footer .title-phone:after {
    content: url(../../../themes/basework/dist/img/minus-solid.svg);
    float: right;
    width: 20px;
    margin-right: 30px
}

footer .title-phone.collapsed:after {
    content: url(../../../themes/basework/dist/img/plus-solid.svg);
    float: right;
    width: 20px;
    margin-right: 30px
}

@media only screen and (max-width: 600px) {
    .footer-contain .row .footer-title,.footer-contain .footer-contain-item-social-title h5 {
        margin-top:15px;
        font-size: 20px
    }

    .footer-contain p {
        font-size: 18px
    }

    footer .is-desktop {
        display: none!important
    }

    span.pagination * {
        font-size: 15px!important;
        padding: 5px!important
    }
}

@media only screen and (min-width: 600px) {
    footer .is-mobile {
        display:none!important
    }

    .daily-newsletters-block-body .daily-newsletters-block-body-item-thumb img {
        height: 300px!important
    }
}

span.pagination {
    margin-left: 15px;
    margin-top: 50px;
    width: 100%
}

span.pagination * {
    font-size: 20px;
    padding: 10px 15px;
    border-radius: 5px;
    margin-right: 5px
}

span.pagination a {
    border: 2px solid #3d4bd0;
    color: #3d4bd0
}

span.pagination .current {
    background: #3d4bd0;
    border: 2px solid #3d4bd0;
    color: #fff
}

.single-bnbprotrade-ears .bnbprotrade-newsletter-block,.page-template-bnbprotrade-ears .bnbprotrade-newsletter-block {
    display: none!important
}

.single .bnbprotrade-newsletter-block {
    margin: 50px 0
}

.NewsAgencyContainer button.btn.btn-danger {
    background: red
}

.NewsAgencyContainer .btnCol {
    margin: auto
}

.NewsAgencyContainer .btnCol button {
    padding: 5px 10px
}

.NewsAgencyContainer .AgencyFormContainer .btn {
    padding: 5px 10px;
    border: none;
    margin-top: 20px
}

.NewsAgencyContainer .wp-editor-wrap {
    margin-bottom: 20px
}

.NewsAgencyContainer select#category {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    appearance: menulist
}

.NewsAgencyContainer .support-contact-list-item {
    margin-bottom: 20px
}

.NewsAgencyContainer .AgencyFormContainer .btn {
    cursor: pointer
}

.dark,.dark header,.dark footer,.dark main,.dark .easy-investment,.dark .everyone-bnbprotrade-body,.dark .slider-content,.dark .header-contain-item.item-second {
    background: #181818!important
}

.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark .footer-title,.dark header a,.dark .card-header,.dark .everyone-bnbprotrade-body-list-investment-head,.dark .frequently-asked-questions .accordion .card-header[aria-expanded*='true'] span {
    color: #fff!important
}

.dark p,.dark span,.dark .footer-contain-item a,.dark .footer-contain-second-block a {
    color: #AAA!important
}

.dark .why-bnbprotrade-item,.dark .information-investment,.dark .twitter-comments-body .twitter-comments-slider .swiper-wrapper .swiper-slide-content,.dark .safe-invest-item {
    background: #212121!important
}

.dark .reference-brands .reference-brands-desktop::before,.dark .reference-brands .reference-brands-desktop::after {
    background: linear-gradient(90deg,#181818 4.74%,rgba(255,255,255,0) 80.42%)
}

.dark .everyone-bnbprotrade-body-list-investment-body-range,.dark .safe-invest-item-image,.dark .everyone-bnbprotrade-body-list-years-item.is-active {
    background: #3D3D3D;
    border-color: #3D3D3D
}

.dark .everyone-bnbprotrade {
    margin-bottom: 0px!important
}

.dark .safe-invest {
    padding-top: 100px
}

.dark .custom-swiper-buttons svg {
    fill: #fff!important
}

.dark main {
    margin-top: -35px!important
}

.dark .reference-brands-slider,.dark .reference-brands-mobile {
    background: #AAA!important
}

.dark .cookie-contain {
    background: #212121;
    border-color: #181818
}

.dark .cookie-contain .btn-link {
    border-color: #181818;
    background: #3d3d3d
}

.dark .cookie-contain .cookie-close-button svg circle {
    fill: #3d3d3d
}

.dark .header-contain-item-mobile-actions span {
    background: #AAA!important
}

.dark .header-contain-item.item-second,.dark .footer-containm,.dark .footer-contain-second-block-item-second {
    border-color: #3d3d3d
}

@media only screen and (min-width: 320px) and (max-width:767px) {
    .dark .main-home .reference-brands {
        margin-bottom:0
    }
}

.dark footer .title-phone:after {
    content: url(../../../themes/basework/dist/img/minus-white.svg)
}

.dark footer .title-phone.collapsed:after {
    content: url(../../../themes/basework/dist/img/plus-white.svg)
}

.postCard {
    padding: 10px;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 0 20px #e3e3e3;
    margin: 20px auto;
    position: relative
}

.postCard img {
    border-radius: 15px!important;
    height: 100%!important;
    padding: 0;
    margin: 0px!important;
    object-fit: cover
}

.postCard.card p {
    color: white!important;
    margin: 0px!important;
    font-size: 24px!important;
    margin: 0px!important;
    font-weight: 700!important
}

.postCard .icon {
    position: absolute;
    right: 10px;
    width: 20px;
    height: auto!important;
    border-radius: 0px!important;
    bottom: 10px;
    filter: invert(100%) sepia(25%) saturate(1%) hue-rotate(341deg) brightness(97%) contrast(101%)
}

@media only screen and (max-width: 700px) {
    .postCard p {
        font-size:15px!important;
        line-height: 1.4
    }

    .postCard {
        flex-direction: unset
    }

    .postCard .icon {
        width: 15px
    }
}

.everyone-bnbprotrade {
    display: none
}

#sub-2-2 .plan-comparison-table-body-content-item {
    width: 50%
}

.additional-text-icon {
    display: block
}

.additional-text-icon img {
    border-radius: 100px
}

.icon-additional-arrow {
    border-radius: 100px;
    rotate: 90deg;
    margin: 0
}

.additiona-support-title {
    font-family: 'Eina01-Bold';
    font-style: normal;
    font-weight: 700;
    color: #fff;
    font-size: 40px;
    letter-spacing: -.02em;
    line-height: 55px;
    text-align: center;
    margin-bottom: 60px
}

.additional-text-support small {
    font-family: 'Eina01-Semi-Bold';
    font-size: 60%;
    color: #89879b
}

.additional-text-support h5 {
    color: #fff;
    font-size: 22px
}

.additional-footer-item {
    margin-bottom: 40px
}

.additional-footer-item img {
    width: 15px;
    margin-right: 10px
}

.additional-text-support .arrow {
    rotate: 90deg;
    margin: auto
}

.additional-text-support .support-contact-list-item-description {
    flex: auto
}

.additional-text-support a {
    display: flex;
    width: 100%
}

.additional-text-support i svg {
    width: 28px;
    height: 28px;
    fill: #4959ea
}

.additional-footer-item a {
    color: #fff;
    display: inline-flex
}

@media only screen and (max-width: 600px) {
    .additional-text-support .arrow svg {
        width:35px;
        height: 35px
    }

    .additional-text-support i svg {
        width: 18px;
        height: 18px
    }

    .additional-text-support .support-contact-list-item-icon {
        margin-top: auto;
        margin-bottom: auto
    }

    .additional-text-support small {
        display: block
    }

    #academyDetailAccordion.academy-detail-block-body:not(.is-open) {
        height: auto!important
    }
}